删除多余console

front/src/views/home/apply.vue

@@ -8,139 +8,58 @@
         </div>
         <div class="form-container">
           <div v-if="applySuccess">
-            <a-form
-              ref="formRef"
-              :model="formName"
-              name="basic"
-              :label-col="{ style: { width: '106px' } }"
-              :wrapper-col="{ style: { width: '230px' } }"
-              labelAlign="left"
-              autocomplete="off"
-            >
+            <a-form ref="formRef" :model="formName" name="basic" :label-col="{ style: { width: '106px' } }"
+              :wrapper-col="{ style: { width: '230px' } }" labelAlign="left" autocomplete="off">
               <div class="base-info">
-                <a-form-item
-                  label="申请标题"
-                  name="title"
-                  :rules="[{ required: true, message: '请输入申请标题' }]"
-                >
-                  <a-input
-                    placeholder="请输入能力申请标题"
-                    v-model:value="formName.title"
-                  />
+                <a-form-item label="申请标题" name="title" :rules="[{ required: true, message: '请输入申请标题' }]">
+                  <a-input placeholder="请输入能力申请标题" v-model:value="formName.title" />
                 </a-form-item>
               </div>
               <div class="base-info">
-                <a-form-item
-                  label="申请人信息"
-                  name="user"
-                  :rules="[{ required: true, message: '请输入申请人' }]"
-                >
-                  <a-input
-                    placeholder="请输入申请人"
-                    v-model:value="formName.user"
-                    disabled
-                  />
+                <a-form-item label="申请人信息" name="user" :rules="[{ required: true, message: '请输入申请人' }]">
+                  <a-input placeholder="请输入申请人" v-model:value="formName.user" disabled />
                 </a-form-item>
-                <a-form-item
-                  style="margin: 0 22px"
-                  label="电话"
-                  name="phone"
-                  :rules="[
+                <a-form-item style="margin: 0 22px" label="电话" name="phone" :rules="[
                   {
                     required: true,
                     pattern: /^1[3456789]\d{9}$/,
                     message: '请输入正确的电话号码',
                   },
-                  ]"
-                >
-                  <a-input
-                    placeholder="请输入申请人电话"
-                    v-model:value="formName.phone"
-                  />
+                ]">
+                  <a-input placeholder="请输入申请人电话" v-model:value="formName.phone" />
                 </a-form-item>
-                <a-form-item
-                  label="单位"
-                  name="unit"
-                  :rules="[{ required: true, message: '请输入单位' }]"
-                >
-                  <a-input
-                    placeholder="请输入单位"
-                    v-model:value="formName.unit"
-                    disabled
-                    v-if="deptFlage"
-                  />
-                  <a-select
-                    v-else
-                    placeholder="请选择归属部门"
-                    v-model:value="formName.unit"
-                    @change="deptIdChangeFunction"
-                  >
-                    <a-select-option
-                      v-for="(item, index) in deptNameAll"
-                      :key="`${index}-${item}`"
-                      :value="item.name"
-                    >
+                <a-form-item label="单位" name="unit" :rules="[{ required: true, message: '请输入单位' }]">
+                  <a-input placeholder="请输入单位" v-model:value="formName.unit" disabled v-if="deptFlage" />
+                  <a-select v-else placeholder="请选择归属部门" v-model:value="formName.unit" @change="deptIdChangeFunction">
+                    <a-select-option v-for="(item, index) in deptNameAll" :key="`${index}-${item}`" :value="item.name">
                       {{ item.name }}
                     </a-select-option>
                   </a-select>
                 </a-form-item>
               </div>
               <div class="base-info" v-if="flag">
-                <a-form-item
-                  label="应用系统"
-                  name="applicationSystem"
-                  :rules="[{ required: true, message: '请选择应用系统' }]"
-                >
-                  <a-select
-                    v-model:value="formName.applicationSystem"
-                    show-search
-                    placeholder="请输入关键字"
-                    style="width: 200px"
-                    :options="systemOptions"
-                    @focus="handleFocus"
-                    @blur="handleBlur"
-                    @change="systemHandleChange"
-                    @search="systemHandleSearch"
-                  ></a-select>
+                <a-form-item label="应用系统" name="applicationSystem" :rules="[{ required: true, message: '请选择应用系统' }]">
+                  <a-select v-model:value="formName.applicationSystem" show-search placeholder="请输入关键字"
+                    style="width: 200px" :options="systemOptions" @focus="handleFocus" @blur="handleBlur"
+                    @change="systemHandleChange" @search="systemHandleSearch"></a-select>
                 </a-form-item>
-                <a-form-item
-                  class="applicationScene"
-                  label="应用领域"
-                  name="applicationScene"
-                  :rules="[{ required: true, message: '请选择应用领域' }]"
-                  style="width: 6.93rem"
-                >
-                  <a-select
-                    v-model:value="formName.applicationScene"
-                    :options="applicationSceneOpthion"
-                    mode="tags"
-                    :size="size"
-                    placeholder="请选择应用领域"
-                    :filterOption="false"
-                    :searchValue="false"
-                    style="width: 5.87rem"
-                  ></a-select>
+                <a-form-item class="applicationScene" label="应用领域" name="applicationScene"
+                  :rules="[{ required: true, message: '请选择应用领域' }]" style="width: 6.93rem">
+                  <a-select v-model:value="formName.applicationScene" :options="applicationSceneOpthion" mode="tags"
+                    :size="size" placeholder="请选择应用领域" :filterOption="false" :searchValue="false"
+                    style="width: 5.87rem"></a-select>
                 </a-form-item>
               </div>
               <div>
-                <a-form-item
-                  label="需求依据"
-                  name="applicationBackground"
-                  :rules="[
+                <a-form-item label="需求依据" name="applicationBackground" :rules="[
                   { required: true, message: '请输入需求依据' },
                   { min: 50, message: '需求依据最少为50个字' },
-                  ]"
-                >
-                  <a-textarea
-                    placeholder="请输入需求依据"
-                    v-model:value="formName.applicationBackground"
-                    :rows="4"
-                  />
+                ]">
+                  <a-textarea placeholder="请输入需求依据" v-model:value="formName.applicationBackground" :rows="4" />
                 </a-form-item>
               </div>
               <div class="bottom-btn">
-                <a-button
-                  style="
+                <a-button style="
                     width: 80px;
                     height: 38px;
                     margin-right: 20px;
@@ -151,15 +70,10 @@
                     border: none;
                     padding: 0;
                     text-align: center;
-                  "
-                  type="primary"
-                  html-type="cancle"
-                  @click="resetFields()"
-                >
+                  " type="primary" html-type="cancle" @click="resetFields()">
                   退出申请
                 </a-button>
-                <a-button
-                  style="
+                <a-button style="
                     width: 80px;
                     height: 38px;
                     background: #0087ff;
@@ -169,11 +83,7 @@
                     border: none;
                     padding: 0;
                     text-align: center;
-                  "
-                  type="primary"
-                  html-type="submit"
-                  @click="processStartHandle()"
-                >
+                  " type="primary" html-type="submit" @click="processStartHandle()">
                   提交申请
                 </a-button>
               </div>
@@ -216,6 +126,7 @@
 import { sgcDel, getApplyForm } from '@/api/personalCenter'
 import { pageWithAttrs, updateIntegrationServices } from '@/api/home'
 import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
+import { getIntegrationDetail } from '@/api/home'
 
 export default {
   name: '',
@@ -224,26 +135,20 @@
     HomeHeader,
     AbilityToApplyFor,
   },
-    beforeRouteLeave(from, to, next) {
-      console.log('from, to, next------------>', from, to, next);
-      localStorage.removeItem('integrationServicesItemInfo')
-      next()
-    },
   setup() {
     const router = useRouter()
     const disabled = ref(false)
     const flag = ref(false)
     const list = ref(JSON.parse(localStorage.getItem('applyList')))
-      const integrationServicesItemInfo = ref(
-        JSON.parse(localStorage.getItem('integrationServicesItemInfo') || '{}')
-      )
+
     const deptNameAll = ref([]) //所有部门名称
     const deptFlage = ref(true) //判断是否存在默认部门名称
-      console.log(
-        'integrationServicesItemInfo------------>',
-        integrationServicesItemInfo
-      )
-      const applyAll = router.currentRoute.value.query.applyAll
+    const applyAll = router.currentRoute.value.query.applyAll;
+    // 融合服务id
+    const integrationServicesId = router.currentRoute.value.query.integrationServicesId;
+    // 融合服务详情
+    const integrationServicesItemInfo = ref(null)
+
     const num = ref(0)
     if (!applyAll) {
       list.value.map((item) => {
@@ -376,7 +281,6 @@
     //退出返回上一页
     const resetFields = () => {
       window.history.go(-1)
-        localStorage.removeItem('integrationServicesItemInfo')
     }
 
     // 跳转到能力集市
@@ -500,11 +404,11 @@
                         }
                       })
                     } else {
-                        // todo 融合服务
-                        if (
-                          Object.keys(integrationServicesItemInfo).length > 0
-                        ) {
+                      // 融合服务
+                      if (integrationServicesId) {
+                        getIntegrationServicesDeatil(integrationServicesId).then(res => {
                           updateIntegrationServiceAction()
+                        })
                       }
                       jumpToDetailsPageconetent()
                     }
@@ -623,11 +527,11 @@
                         }
                       })
                     } else {
-                        // todo 融合服务
-                        if (
-                          Object.keys(integrationServicesItemInfo).length > 0
-                        ) {
+                      // 融合服务
+                      if (integrationServicesId) {
+                        getIntegrationServicesDeatil(integrationServicesId).then(res => {
                           updateIntegrationServiceAction()
+                        })
                       }
                       jumpToDetailsPageconetent()
                     }
@@ -800,7 +704,7 @@
       mybus.off('reomveOldData')
     })
 
-      // 融合服务-更新 todo
+    // 融合服务-更新
     const updateIntegrationServiceAction = () => {
       let _applyCount =
         Number(integrationServicesItemInfo.value.applyCount || 0) + 1
@@ -810,13 +714,32 @@
       updateIntegrationServices(_data)
         .then((res) => {
           console.log('res---更新--------->', res)
-            localStorage.removeItem('integrationServicesItemInfo')
         })
         .catch((err) => {
           console.log('err----更新-------->', err)
-            localStorage.removeItem('integrationServicesItemInfo')
         })
     }
+
+    // 融合服务--详情
+    const getIntegrationServicesDeatil = (id) => {
+      return new Promise((resolve, reject) => {
+        getIntegrationDetail(id).then(
+          (res) => {
+            resolve(res)
+            if (res.data.code !== 0) {
+              return message.error(res.data.msg)
+            }
+            integrationServicesItemInfo.value = res.data.data || {}
+          },
+          (err) => {
+            reject(err)
+            message.error(err)
+          }
+        )
+      })
+
+    }
+
     return {
       deptIdChangeFunction,
       formRef,
@@ -848,6 +771,7 @@
       applicationSceneOpthion,
       flag,
       applyAll,
+      getIntegrationServicesDeatil,
     }
   },
 }
@@ -860,6 +784,7 @@
   margin: 0.8rem auto 0;
   display: flex;
   justify-content: space-between;
+
   aside {
     width: 282px;
     height: 96%;
@@ -867,6 +792,7 @@
     background-color: #fff;
     margin: 1% 0 3%;
   }
+
   article {
     width: 1090px;
     height: 99%;
@@ -874,8 +800,10 @@
     background-color: #fff;
     margin: 1% auto;
   }
+
   .form-container {
     padding: 20px 20px 30px 20px;
+
     .title {
       font-size: 20px;
       color: #000;
@@ -883,52 +811,63 @@
       margin-bottom: 20px;
     }
   }
+
   .base-info {
     display: flex;
     justify-content: space-between;
   }
+
   :deep(.ant-form-item-label) {
     label {
       color: #666;
       font-size: 16px;
+
       &::after {
         content: '';
       }
     }
   }
+
   :deep(.ant-form-item-required) {
     &::before {
       font-size: 8px;
       margin-right: 10px;
     }
   }
+
   :deep(.ant-input) {
     border: 1px solid #e0e0e0;
     border-radius: 6px;
   }
+
   .success {
     div {
       width: 100px;
       margin: 80px auto 40px;
     }
+
     text-align: center;
     font-size: 20px;
     font-weight: bold;
     color: #000;
   }
 }
+
 .applicationScene {
   :deep(.ant-select-selector) {
     overflow-x: scroll;
   }
+
   :deep(.ant-select-selection-overflow) {
     flex-wrap: nowrap;
   }
 }
+
 textarea {
   resize: none;
   font-size: 14px;
 }
+
 .bottom-btn {
   display: flex;
   justify-content: center;

front/src/views/home/components/searchResultList.vue

@@ -571,10 +571,14 @@ export default {
       _applyList = jcss.concat(_applyList)
       localStorage.setItem('applyList', JSON.stringify(_applyList))
       // 融合服务
-      localStorage.setItem('integrationServicesItemInfo', JSON.stringify(item))
       router.push({
         path: '/apply',
+          query: {
+            integrationServicesId: item.id,
+          },
       })
+
+       
     }
 
     mybus.on('chongzhi', (typeObj) => {

front/src/views/home/infrastructurePage.vue

@@ -494,7 +494,7 @@
           <template #bodyCell="{ column, record }">
             <template v-if="column.dataIndex === 'operation'">
               <a
-                v-if="isXiHaiAn || true"
+                v-if="isXiHaiAn"
                 @click="
                   openVideo(
                     record.channelCode ||
@@ -1730,13 +1730,14 @@
         status: 1,
         name: mapSearchParam.value.cameraName
       }
-      if (
-        params.regionId === '70be8c5b664f4bcf869d82f2e8335051' &&
-        !params.name &&
-        !params.longitude
-      ) {
-        params.status = ''
-      }
+      // todo-临时放开
+      // if (
+      //   params.regionId === '70be8c5b664f4bcf869d82f2e8335051' &&
+      //   !params.name &&
+      //   !params.longitude
+      // ) {
+      //   params.status = ''
+      // }
       let paramsFather = ''
       let i = 1
       for (var key in params) {

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

@@ -168,7 +168,6 @@
                   <a-button
                     v-if="item.approveStatus === '通过'"
                     @click.stop="switchFunction(item)"
-                    class="DownloadAttachment2"
                   >
                     查看详情
                   </a-button>
@@ -186,6 +185,14 @@
                   <span class="channelName">{{ val.channelName }}</span>
                   <span class="type">基础设施</span>
                 </div>
+                <a-button
+                    type="primary"
+                    v-if="item.approveStatus === '通过' && whoShow1.itShowXiHaiAn"
+                    @click.stop="openVideo(val)"
+                  >
+                  视频预览
+                </a-button>
+
               </div>
               <div class="ability-bottom">
                 <div class="dec2">位置：{{ val.nodeName }}</div>
@@ -208,6 +215,23 @@
         </div>
       </div>
     </div>
+
+     <!-- 单个预览弹窗 -->
+     <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%">
+            <vue3VideoPlay v-bind="options"/>
+          </div>
+        </div>
+      </a-modal>
+
   </div>
 </template>
 <script setup>
@@ -216,11 +240,44 @@
   import { message } from 'ant-design-vue'
   import { endProcess, getApplyForm } from '@/api/personalCenter.js'
   import { useRouter } from 'vue-router'
+  import {
+    getStreamByChannelCode,
+  } from '@/api/videoSurveillance'
   const router = useRouter()
   const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
   const props = defineProps({
     refObj: { type: Object, default: null },
   })
+  const whoShow1 = ref(whoShow)
+  let visible = ref(false)
+  const options = reactive({
+    width: '912px', //播放器宽度
+    height: '513px', //播放器高度
+    color: '#409eff', //主题色
+    title: '', //视频名称
+    src: '', //视频源
+    type: 'm3u8', // 视频源类型
+    muted: false, //静音
+    webFullScreen: false,
+    speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
+    autoPlay: true, //自动播放
+    loop: false, //循环播放
+    mirror: false, //镜像画面
+    ligthOff: false, //关灯模式
+    volume: 0.3, //默认音量大小
+    control: true, //是否显示控制
+    controlBtns: [
+      'audioTrack',
+      'quality',
+      'speedRate',
+      'volume',
+      'setting',
+      'pip',
+      'pageFullScreen',
+      'fullScreen',
+    ], //显示所有按钮,
+  })
+
   const dept = reactive({})
   // eslint-disable-next-line no-undef
   if (infrastructure) {
@@ -379,6 +436,25 @@
       }
     }
   }
+  
+  // 视频预览
+  const openVideo = (item) => {
+    console.log('打开视频', item)
+    const param = {
+      key: item.cameraId,
+    }
+    getStreamByChannelCode(param).then((res) => {
+      console.log('视频预览------------>', res);
+      console.log(res)
+      visible.value = true
+      options.src = res.data.data || ''
+    }).catch(err => {
+      message.error(err)
+    })
+    // 视频测试--勿删
+    // visible.value = true
+    // options.src = 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'
+  }
 </script>
 <style lang="less" scoped>
   .title {
@@ -576,4 +652,19 @@
       }
     }
   }
+
+  .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;
+    }
+  }
 </style>