front/src/views/home/infrastructurePage.vue

@@ -358,10 +358,6 @@
           <div style="width: 100%; height: 100%;position:relative">
             <!-- 预览视频--遮罩 -->
             <div class="video-cover" @click="videoShowMsg"></div>
-            <div class="waterMark waterMark-left-top">{{userInfo.usernameShow}}</div>
-            <div class="waterMark waterMark-right-top">{{userInfo.realNameShow}}</div>
-            <div class="waterMark waterMark-left-bottom">{{userInfo.usernameShow}}</div>
-            <div class="waterMark waterMark-right-bottom">{{userInfo.realNameShow}}</div>
             <vue3VideoPlay v-bind="options" />
           </div>
         </div>
@@ -388,8 +384,6 @@
         <a-pagination v-model:current="current" :total="videoTotal" defaultPageSize="4" :showSizeChanger="false"
           @change="batchPicturePreview" show-less-items />
       </a-modal>
-
-
       <!-- 批量预览视频弹窗 -->
       <a-modal wrapClassName="batch-preview-modal" v-model:visible="batchVisible" title="视频批量预览" :width="1060"
         destroyOnClose @cancel="videoClean">
@@ -398,10 +392,6 @@
           <div v-for="(item, index) in videoList" :key="item.id" style="width: 100%; height: 100%;position:relative">
             <!-- 批量预览视频--遮罩 -->
             <div class="batch-video-cover" @click="videoShowMsg(index)"></div>
-            <div class="batch-waterMark batch-waterMark-left-top">{{userInfo.usernameShow}}</div>
-            <div class="batch-waterMark batch-waterMark-right-top">{{userInfo.realNameShow}}</div>
-            <div class="batch-waterMark batch-waterMark-left-bottom">{{userInfo.usernameShow}}</div>
-            <div class="batch-waterMark batch-waterMark-right-bottom">{{userInfo.realNameShow}}</div>
             <p></p>
             <vue3VideoPlay v-bind="item.options" />
           </div>
@@ -409,7 +399,6 @@
         <a-pagination v-model:current="current" :total="videoTotal" defaultPageSize="4" :showSizeChanger="false"
           @change="batchPreview" show-less-items />
       </a-modal>
-
       <a-modal wrapClassName="wrj" v-model:visible="wrjVisible" :width="1000" :title="wrjName + '详情'"
         @ok="wrjVisible = false">
         <div v-for="(db, key) in wrjData" :key="key">
@@ -449,10 +438,6 @@ import {
   computed,
 
 } from 'vue'
-import {
-  getUser,
-  getUserInfo,
-} from '@/api/home'
 import {
   getCameraByParentId,
   getStreamByChannelCode,
@@ -622,8 +607,6 @@ if (props.searchValue) {
   mapSearchParam.value.cameraName = props.searchValue
 }
 onMounted(() => {
-  handleUser()
-
   if (jcssType.value) {
     tabClick(0, jcssType.value)
     if (jcssType.value == '视频资源') {
@@ -708,9 +691,9 @@ if (whoShow1.value.itShowXiHaiAn) {
 
 // 单个预览，当前点击数据
 const rowClickData = ref(null)
-// 打开视频预览
+// 打开视频预览 todo1
 const openVideo = (id, item) => {
-  if (item) {
+  if(item) {
     rowClickData.value = item;
   }
   console.log('打开视频', id)
@@ -1628,6 +1611,8 @@ const onSelectChange = (record, selected, selectedRows, nativeEvent) => {
     )
   }
   console.log('已选中======================>', selectedList.value)
+  // selectedList.value = selectedRows
+  // allClick.value = selectedRowKeys
 }
 const onSelectAll = (selected, selectedRows, changeRows) => {
   if (selected) {
@@ -1692,22 +1677,6 @@ const videoShowMsg = (index) => {
   }
   message.warning(msg)
 }
-
-// 获取用户信息
-const userInfo = ref(null)
-const handleUser = () => {
-  getUser().then(res => {
-    console.log('res-----获取用户信息------->', res);
-    if (res.data.code != 0) {
-      return message.warning(res.data.msg)
-    }
-    userInfo.value = res.data.data || {}
-    userInfo.value.usernameShow = '西海岸能力超市' + (userInfo.value.deptName || '') + (userInfo.value.username || '');
-    userInfo.value.realNameShow = '西海岸能力超市' + (userInfo.value.deptName || '') + (userInfo.value.realName || '');
-  }).catch(err => {
-    message.warning(err)
-  })
-}
 </script>
 <style lang="less" scoped>
 .infrastructrueBox {
@@ -2151,83 +2120,4 @@ video::-webkit-media-controls {
   cursor: pointer;
 }
 
-.waterMark {
-  position: absolute;
-  z-index: 99999999;
-  color: #0058e1;
-  font-size: 22px;
-  font-weight: bold;
-  opacity: 0.4;
-  transform: rotate(-25deg);
-  width: 470px
-}
-
-
-// 左上
-.waterMark-left-top {
-  left: 50px;
-  top: 100px;
-  text-align: left;
-}
-
-// 右上
-.waterMark-right-top {
-  right: 50px;
-  top: 100px;
-  text-align: right;
-}
-
-// 左下
-.waterMark-left-bottom {
-  left: 50px;
-  bottom: 100px;
-  text-align: left;
-}
-
-// 右下
-.waterMark-right-bottom {
-  right: 50px;
-  bottom: 100px;
-  text-align: right;
-}
-
-// 批量
-.batch-waterMark {
-  position: absolute;
-  z-index: 99999999;
-  color: #0058e1;
-  font-size: 14px;
-  opacity: 0.4;
-  transform: rotate(-25deg);
-  width: 200px;
-}
-
-// 左上
-.batch-waterMark-left-top {
-  left: 30px;
-  top: 50px;
-  text-align: left;
-
-}
-
-// 右上
-.batch-waterMark-right-top {
-  text-align: right;
-  right: 30px;
-  top: 80px;
-}
-
-// 左下
-.batch-waterMark-left-bottom {
-  left: 30px;
-  bottom: 50px;
-  text-align: left;
-}
-
-// 右下
-.batch-waterMark-right-bottom {
-  right: 20px;
-  bottom: 30px;
-  text-align: right;
-}
 </style>

front/src/views/personalCenter/components/AbilityApplication.vue

@@ -52,18 +52,30 @@
           <span class="img"></span>
           <span>{{ item.name }}</span>
         </div>
-        <div style="
+        <div
+          style="
             display: flex;
             justify-content: space-between;
             align-items: center;
-          ">
+          "
+        >
           <div class="oddNumbers">子单号：{{ item.instanceId }}</div>
           <div style="display: flex; align-items: center">
-            <a-button type="primary" @click="modify(props.refObj.id, item)" v-if="item.backToFirst">
+            <a-button
+              type="primary"
+              @click="modify(props.refObj.id, item)"
+              v-if="item.backToFirst"
+            >
               修改
             </a-button>
-            <a-popconfirm v-if="!item.ended" title="是否终止此流程?" ok-text="是" cancel-text="否"
+            <a-popconfirm
-              @confirm="endThis(item.instanceId)" @cancel="cancel">
+              v-if="!item.ended"
+              title="是否终止此流程?"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="endThis(item.instanceId)"
+              @cancel="cancel"
+            >
               <a-button type="primary" danger style="margin-left: 10px">
                 流程终止
               </a-button>
@@ -72,9 +84,15 @@
         </div>
 
         <div class="box" v-if="item.list.length > 0">
-          <div class="ability" v-for="val in item.list" :key="val.id"
+          <div
-            :class="item.approveStatus === '通过' ? 'clickCursor' : ''">
+            class="ability"
-            <div class="left" :class="
+            v-for="val in item.list"
+            :key="val.id"
+            :class="item.approveStatus === '通过' ? 'clickCursor' : ''"
+          >
+            <div
+              class="left"
+              :class="
                 val.type == '应用资源'
                   ? 'yyzy'
                   : val.infoList.filter(
@@ -94,7 +112,8 @@
                     )[0].attrValue == '业务组件'
                   ? 'ywzj'
                   : 'yyzy'
-            "></div>
+              "
+            ></div>
             <div class="right">
               <div class="ability-top">
                 <div class="name">
@@ -134,15 +153,22 @@
                   申请结果：{{
                     item.ended ? item.approveStatus || '审核完成' : '审核中'
                   }}
-                  <a-button v-if="
+                  <a-button
+                    v-if="
                       item.approveStatus === '通过' &&
                       val.infoList.filter(
                         (item) => item.attrType == '上传附件'
                       )[0]
-                  " @click.stop="downloadFile(item, '附件下载')" class="DownloadAttachment">
+                    "
+                    @click.stop="downloadFile(item, '附件下载')"
+                    class="DownloadAttachment"
+                  >
                     附件下载
                   </a-button>
-                  <a-button v-if="item.approveStatus === '通过'" @click.stop="switchFunction(item)">
+                  <a-button
+                    v-if="item.approveStatus === '通过'"
+                    @click.stop="switchFunction(item)"
+                  >
                     查看详情
                   </a-button>
                 </div>
@@ -159,8 +185,11 @@
                   <span class="channelName">{{ val.channelName }}</span>
                   <span class="type">基础设施</span>
                 </div>
-                <a-button type="primary" v-if="item.approveStatus == '通过' && whoShow1.itShowXiHaiAn"
+                <a-button
-                  @click.stop="openVideo(val)">
+                    type="primary"
+                    v-if="item.approveStatus == '通过' && whoShow1.itShowXiHaiAn"
+                    @click.stop="openVideo(val)"
+                  >
                   视频预览
                 </a-button>
 
@@ -188,16 +217,17 @@
     </div>
 
      <!-- 单个预览弹窗 -->
-    <a-modal wrapClassName="single-preview-modal" v-model:visible="visible" title="视频预览" :width="960" destroyOnClose>
+     <a-modal
+        wrapClassName="single-preview-modal"
+        v-model:visible="visible"
+        title="视频预览"
+        :width="960"
+        destroyOnClose
+      >
         <template #footer></template>
         <div style="width: 100%; display: flex; justify-content: center">
-        <div style="width: 100%; height: 100%;position: relative">
+          <div style="width: 100%; height: 100%">
-          <!-- 预览视频--遮罩 -->
+            <vue3VideoPlay v-bind="options"/>
-          <div class="waterMark waterMark-left-top">{{userInfo.usernameShow}}</div>
-          <div class="waterMark waterMark-right-top">{{userInfo.realNameShow}}</div>
-          <div class="waterMark waterMark-left-bottom">{{userInfo.usernameShow}}</div>
-          <div class="waterMark waterMark-right-bottom">{{userInfo.realNameShow}}</div>
-          <vue3VideoPlay v-bind="options" />
           </div>
         </div>
       </a-modal>
@@ -205,25 +235,22 @@
   </div>
 </template>
 <script setup>
-import { ref, defineProps, reactive, onMounted } from 'vue'
+  import { ref, defineProps, reactive } from 'vue'
-import mybus from '@/myplugins/mybus'
+  import mybus from '@/myplugins/mybus'
-import { message } from 'ant-design-vue'
+  import { message } from 'ant-design-vue'
-import { endProcess, getApplyForm } from '@/api/personalCenter.js'
+  import { endProcess, getApplyForm } from '@/api/personalCenter.js'
-import { useRouter } from 'vue-router'
+  import { useRouter } from 'vue-router'
-import {
+  import {
     getStreamByChannelCode,
-} from '@/api/videoSurveillance'
+  } from '@/api/videoSurveillance'
-import {
+  const router = useRouter()
-  getUser,
+  const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
-} from '@/api/home'
+  const props = defineProps({
-const router = useRouter()
-const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
-const props = defineProps({
     refObj: { type: Object, default: null },
-})
+  })
-const whoShow1 = ref(whoShow)
+  const whoShow1 = ref(whoShow)
-let visible = ref(false)
+  let visible = ref(false)
-const options = reactive({
+  const options = reactive({
     width: '912px', //播放器宽度
     height: '513px', //播放器高度
     color: '#409eff', //主题色
@@ -249,26 +276,26 @@ const options = reactive({
       'pageFullScreen',
       'fullScreen',
     ], //显示所有按钮,
-})
+  })
 
-const dept = reactive({})
+  const dept = reactive({})
-// eslint-disable-next-line no-undef
+  // eslint-disable-next-line no-undef
-if (infrastructure) {
+  if (infrastructure) {
     // eslint-disable-next-line no-undef
     dept.deptId = infrastructure.deptId
     // eslint-disable-next-line no-undef
     dept.deptName = infrastructure.deptName
-}
+  }
-const showThis = () => {
+  const showThis = () => {
     window.open(
       window.SITE_CONFIG.previewUrl +
         'hisense_office/onlinePreview?url=' +
         btoa(encodeURI(props.refObj.enclosure))
     )
-}
+  }
-const showArr = ref([])
+  const showArr = ref([])
-console.log(props.refObj, '=====================================')
+  console.log(props.refObj, '=====================================')
-const endThis = (instanceId) => {
+  const endThis = (instanceId) => {
     endProcess({ instanceId: instanceId }).then((res) => {
       if (res.data.code == 0) {
         message.success('流程终止成功！')
@@ -277,8 +304,8 @@ const endThis = (instanceId) => {
         message.warning('流程终止失败！')
       }
     })
-}
+  }
-const modify = (id, item) => {
+  const modify = (id, item) => {
     getApplyForm(id).then((res) => {
       console.log('修改==============>', res.data.data, item)
       if (item.list.length > 0) {
@@ -341,8 +368,8 @@ const modify = (id, item) => {
         })
       }
     })
-}
+  }
-if (props.refObj.resourceApplication) {
+  if (props.refObj.resourceApplication) {
     showArr.value = []
     for (const key in props.refObj.resourceApplication) {
       if (props.refObj.resourceApplication[key].length > 0) {
@@ -366,8 +393,8 @@ if (props.refObj.resourceApplication) {
         showArr.value.push(obj)
       }
     }
-}
+  }
-const switchFunction = (data) => {
+  const switchFunction = (data) => {
     if (data.approveStatus === '通过') {
       let id = data.list[0].id
       const applypage = router.resolve({
@@ -378,8 +405,8 @@ const switchFunction = (data) => {
       })
       window.open(applypage.href, '_blank')
     }
-}
+  }
-const downloadFile = (data, name) => {
+  const downloadFile = (data, name) => {
     let path = data.list[0].infoList.filter(
       (item) => item.attrType === '上传附件'
     )[0].attrValue
@@ -408,12 +435,12 @@ const downloadFile = (data, name) => {
         URL.revokeObjectURL(url)
       }
     }
-}
+  }
   
-// 视频预览
+  // 视频预览
-const openVideo = (item) => {
+  const openVideo = (item) => {
     console.log('打开视频', item)
-  if (item && item.status != 1) {
+    if(item && item.status != 1) {
       return message.error('当前视频离线不可预览!')
     }
     const param = {
@@ -430,54 +457,28 @@ const openVideo = (item) => {
     // 视频测试--勿删
     // visible.value = true
     // options.src = 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'
-}
-
-onMounted(() => {
-  handleUser()
-})
-
-// 获取用户信息
-const userInfo = ref(null)
-const handleUser = () => {
-  getUser().then(res => {
-    console.log('res-----获取用户信息------->', res);
-    if (res.data.code != 0) {
-      return message.warning(res.data.msg)
   }
-    userInfo.value = res.data.data || {}
-    userInfo.value.usernameShow = '西海岸能力超市' + (userInfo.value.deptName || '') + (userInfo.value.username || '');
-    userInfo.value.realNameShow = '西海岸能力超市' + (userInfo.value.deptName || '') + (userInfo.value.realName || '');
-  }).catch(err => {
-    message.warning(err)
-  })
-}
-
 </script>
 <style lang="less" scoped>
-.title {
+  .title {
     font-size: 0.18rem;
     color: #000;
     font-weight: bold;
     margin-bottom: 0.2rem;
     padding-left: 0.1rem;
     border-left: 0.06rem #0058e1 solid;
-}
+  }
-
+  .top {
-.top {
     margin-bottom: 0.1rem;
-
     .main {
       background: #eee;
       padding: 0.2rem 0.2rem 0.1rem;
-
       p {
         display: flex;
         justify-content: space-between;
-
+        & > span {
-      &>span {
           width: 100%;
         }
-
         .enclosure {
           width: 95%;
           padding: 0.05rem 0.1rem;
@@ -486,33 +487,28 @@ const handleUser = () => {
           justify-content: space-between;
           margin-top: 0.05rem;
         }
-
         .btn:hover {
           color: #0058e1;
           cursor: pointer;
         }
       }
-
       .item {
         span {
           width: 2.5rem;
         }
       }
     }
-}
+  }
-
+  .bottom {
-.bottom {
     .main {
       .item {
         border-top: 1px #eee solid;
-
         .deptName {
           color: #0058e1;
           font-size: 0.16rem;
           margin-top: 0.1rem;
           display: flex;
           align-items: center;
-
           .img {
             width: 0.05rem;
             height: 0.05rem;
@@ -521,20 +517,16 @@ const handleUser = () => {
             margin-right: 0.1rem;
           }
         }
-
         .oddNumbers {
           margin: 0.1rem 0 0 0.15rem;
         }
-
         .box {
           margin-left: 0.1rem;
-
           .ability {
             height: 1.3rem;
             display: flex;
             border-bottom: 1px #eee solid;
             padding: 0.1rem 0;
-
             .left {
               display: inline-block;
               width: 1.1rem;
@@ -548,7 +540,6 @@ const handleUser = () => {
               background: url('~@/assets/home/sxt_square.png') no-repeat;
               background-size: 100%;
             }
-
             .yyzy {
               background: url('~@/assets/home/yyzy_square.png') no-repeat;
               background-size: 100%;
@@ -573,7 +564,6 @@ const handleUser = () => {
               background: url('~@/assets/home/ywzj_square.png') no-repeat;
               background-size: 100%;
             }
-
             .btn {
               cursor: pointer;
               color: #0087ff;
@@ -582,22 +572,18 @@ const handleUser = () => {
               border: 1px #0087ff solid;
               border-radius: 0.2rem;
             }
-
             .right {
               flex: 1;
               margin-left: 0.15rem;
-
               .ability-top {
                 width: 100%;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
-
                 .name {
                   width: 6rem;
                   height: 0.2rem;
                   display: flex;
-
                   .channelName {
                     max-width: 5rem;
                     height: 0.2rem;
@@ -608,7 +594,6 @@ const handleUser = () => {
                     -webkit-box-orient: vertical;
                     word-break: break-all;
                   }
-
                   .type {
                     background: #0087ff;
                     color: #fff;
@@ -619,10 +604,8 @@ const handleUser = () => {
                   }
                 }
               }
-
               .ability-bottom {
                 margin-top: 0.15rem;
-
                 // display: flex;
                 // justify-content: space-between;
                 .dec {
@@ -635,7 +618,6 @@ const handleUser = () => {
                   -webkit-box-orient: vertical;
                   word-break: break-all;
                 }
-
                 .dec2 {
                   width: 7rem;
                   height: 0.22rem;
@@ -646,7 +628,6 @@ const handleUser = () => {
                   -webkit-box-orient: vertical;
                   word-break: break-all;
                 }
-
                 // .result:hover {
                 //   color: #0058e1;
                 //   cursor: pointer;
@@ -656,82 +637,37 @@ const handleUser = () => {
                 }
               }
             }
-
             .DownloadAttachment {
               position: absolute;
               right: 10px;
               top: -150px;
             }
-
             .DownloadAttachment2 {
               position: absolute;
               right: 10px;
               top: -110px;
             }
           }
-
           .clickCursor {
             cursor: pointer;
           }
         }
       }
     }
-}
+  }
 
-.single-preview-modal {
+  .single-preview-modal {
     .ant-modal-header {
       background: url(~@/assets/home/video-background.png) no-repeat;
       background-size: cover;
     }
-
     .ant-modal-title {
       font-size: 0.16rem;
       font-weight: 500;
       color: #ffffff;
     }
-
     .anticon {
       color: #ffffff;
     }
-}
+  }
-
-
-// 左上
-.waterMark-left-top {
-  left: 50px;
-  top: 100px;
-  text-align: left;
-}
-
-// 右上
-.waterMark-right-top {
-  right: 50px;
-  top: 100px;
-  text-align: right;
-}
-
-// 左下
-.waterMark-left-bottom {
-  left: 50px;
-  bottom: 100px;
-  text-align: left;
-}
-
-// 右下
-.waterMark-right-bottom {
-  right: 50px;
-  bottom: 100px;
-  text-align: right;
-}
-
-.waterMark {
-  position: absolute;
-  z-index: 99999999;
-  color: #0058e1;
-  font-size: 22px;
-  font-weight: bold;
-  opacity: 0.4;
-  transform: rotate(-25deg);
-  width: 470px
-}
 </style>