diff --git a/front/src/api/personalCenter.js b/front/src/api/personalCenter.js
index f5cc8367..b6ef6c6f 100644
--- a/front/src/api/personalCenter.js
+++ b/front/src/api/personalCenter.js
@@ -346,6 +346,7 @@ export function getZwyBusinessList(params) {
     params,
   })
 }
+
 // 政务云资源列详情
 export function getZwyBusinessInfoById(params) {
   return request({
@@ -354,7 +355,22 @@ export function getZwyBusinessInfoById(params) {
     params,
   })
 }
-
+// 视频列表
+export function getZwyVideoList(params) {
+  return request({
+    url: '/act/task/getZwyVideoList',
+    method: 'get',
+    params,
+  })
+}
+// 视频详情
+export function getZwyVideoInfoById(params) {
+  return request({
+    url: '/act/task/getZwyVideoInfoById',
+    method: 'get',
+    params,
+  })
+}
 // 催办
 export function treminders(data) {
   return request({
diff --git a/front/src/assets/newHome/nengli1.png b/front/src/assets/newHome/nengli1.png
new file mode 100644
index 00000000..eaa33515
Binary files /dev/null and b/front/src/assets/newHome/nengli1.png differ
diff --git a/front/src/assets/newHome/nengli2.png b/front/src/assets/newHome/nengli2.png
new file mode 100644
index 00000000..793dd90d
Binary files /dev/null and b/front/src/assets/newHome/nengli2.png differ
diff --git a/front/src/assets/newHome/nengli3.png b/front/src/assets/newHome/nengli3.png
new file mode 100644
index 00000000..fe48150b
Binary files /dev/null and b/front/src/assets/newHome/nengli3.png differ
diff --git a/front/src/assets/newHome/nengli4.png b/front/src/assets/newHome/nengli4.png
new file mode 100644
index 00000000..327b1c52
Binary files /dev/null and b/front/src/assets/newHome/nengli4.png differ
diff --git a/front/src/views/personalCenter/components/CloudDetails.vue b/front/src/views/personalCenter/components/CloudDetails.vue
index 296a2091..9061523b 100644
--- a/front/src/views/personalCenter/components/CloudDetails.vue
+++ b/front/src/views/personalCenter/components/CloudDetails.vue
@@ -30,16 +30,20 @@
 <script setup>
 import { onMounted, defineProps, ref } from 'vue'
 import {
-  getZwyBusinessInfoById
+  getZwyBusinessInfoById,
+  getZwyVideoInfoById
 } from '@/api/personalCenter'
 const props = defineProps({
   BSNUM: { type: String, default: '' },
   baseInfo: { type: Object, default: null },
+  chooseTab: { type: Number, default: 0 },
 
 })
 const BSNUM = ref('')
+const chooseTab = ref(0)
 const baseInfo = ref({})
 BSNUM.value = props.BSNUM
+chooseTab.value=props.chooseTab
 baseInfo.value = props.baseInfo
 const columns = ref([
   {
@@ -57,17 +61,27 @@ const xVideoList = ref([
   
 ])
 onMounted(() => {
-  
   const params={
     "id":BSNUM.value
   }
-  getZwyBusinessInfoById(params).then(
+  if(chooseTab.value===2){
+    getZwyBusinessInfoById(params).then(
       (res) => {
         xVideoList.value = res.data.data
-        num.value = []
-        total.value = res.data.data.total
+     
+      //  total.value = res.data.data.length
       }
     )
+  }else if(chooseTab.value===3){
+    getZwyVideoInfoById(params).then(
+      (res) => {
+        xVideoList.value = res.data.data
+     
+      //  total.value = res.data.data.length
+      }
+    )
+  }
+ 
 })
 
 </script>
diff --git a/front/src/views/personalCenter/components/MyApply.vue b/front/src/views/personalCenter/components/MyApply.vue
index 4be62503..2d6aa9b4 100644
--- a/front/src/views/personalCenter/components/MyApply.vue
+++ b/front/src/views/personalCenter/components/MyApply.vue
@@ -1,93 +1,77 @@
 <template>
   <div class="on-the-right-side-of-the-list">
-    <div class="title" style="margin-bottom: 0.2rem">我的申请</div>
+    <!-- <div class="title" style="margin-bottom: 0.2rem">我的申请</div> -->
+    <div style=" background: #fff;;width:100%;height:75px">
     <div class="second-title">
-      <div
-        style="margin-right: 30px"
-        v-for="(item, index) in chooseList"
-        :class="chooseTab == index ? 'chooseStyle' : 'noChooseStyle'"
-        :key="index"
-        @click="handleTab(index)"
-      >
+      <div style="margin-right: 30px" v-for="(item, index) in chooseList"
+        :class="chooseTab == index ? 'chooseStyle' : 'noChooseStyle'" :key="index" @click="handleTab(index)">
         {{ item }}
       </div>
     </div>
-    <div class="tab" style="margin-bottom: 0.1rem" v-show="chooseTab == 0">
-      <span>类型</span>
-      <div
-        :class="typeIndex == index ? 'tabclass' : ' '"
-        @click="changeType(item, index)"
-        v-for="(item, index) in typeList"
-        :key="index"
-      >
-        {{ item }}
+  </div>
+    <!--类型-->
+    <div class="top-title" v-show="chooseTab == 0">
+      <div v-for="(item, index) in typeList" :key="index" :class="index === typeIndex ? 'sel' : ''"
+        @click="changeType(item, index)">
+        <span class="photo" :style="{
+          backgroundImage: `url(${item.photo}) `,
+          backgroundSize: 'cover',
+        }"></span>
+        <span>
+          {{ item.name }}
+        </span>
       </div>
+
     </div>
-    <div class="tab" v-if="chooseTab != 1 && chooseTab != 2 && chooseTab != 3">
-      <span>申请状态</span>
-      <div
-        :class="tabIndex == index ? 'tabclass' : ' '"
-        @click="changeApplyState(item, index)"
-        v-for="(item, index) in tabList"
-        :key="index"
-      >
-        <a-badge
-          :count="item === '审核中' ? num.unfinished : num.finished"
-          v-if="item !== '全部'"
-        >
+
+    <!--申请状态-->
+    <div class="tab" v-show="chooseTab == 0">
+      <!-- <span>申请状态</span> -->
+      <div :class="tabIndex == 0 ? 'tabclass' : ' '" @click="changeApplyState('全部', 0)">
+      全部
+      </div>
+      <div :class="tabIndex == 1 ? 'tabclass' : ' '" @click="changeApplyState('审核中', 1)">
+      审核中<span v-if="num.unfinished !==0  " style="margin-left:4px">{{num.unfinished}}</span>
+      </div>
+      <div :class="tabIndex == 2 ? 'tabclass' : ' '" @click="changeApplyState('审核完成', 2)">
+      审核完成<span v-if="num.finished !==0" style="margin-left:4px">{{num.finished}}</span>
+      </div>
+        <!-- v-for="(item, index) in tabList" :key="index">
+        <a-badge :count="item === '审核中' ? num.unfinished : num.finished" v-if="item !== '全部'">
           {{ item }}
         </a-badge>
         <template v-else>
           {{ item }}
-        </template>
-      </div>
+        </template> -->
+      <!-- </div> -->
     </div>
-    <!--政务云资源-->
-    <template v-if="chooseTab == 2">
-      <a-form
-        :label-col="{ style: { width: '80px' } }"
-        :wrapper-col="{ style: { width: '200px' } }"
-        labelAlign="center"
-      >
+    <!--政务云资源和视频资源-->
+    <template v-if="chooseTab == 2 || chooseTab == 3">
+      <div  style="margin-top:22px;margin-left:16px">
+      <a-form :label-col="{ style: { width: '80px' } }" :wrapper-col="{ style: { width: '200px' } }"
+        labelAlign="center">
         <a-row>
           <a-form-item label="业务名称">
-            <a-input
-              placeholder="请输入业务名称"
-              v-model:value="yunForm.busineesName"
-              style="width: 200px"
-            />
+            <a-input placeholder="请输入业务名称" v-model:value="yunForm.busineesName" style="width: 200px" />
           </a-form-item>
           <a-form-item label="状态">
-            <a-select
-              ref="select"
-              v-model:value="yunForm.status"
-              placeholder="请选择状态"
-              style="width: 200px"
-            >
-              <a-select-option
-                v-for="(item, index) in cloudResourceStatusList"
-                :key="index"
-                :value="item.dictValue"
-                clearable
-              >
+            <a-select ref="select" v-model:value="yunForm.status" placeholder="请选择状态" style="width: 200px">
+              <a-select-option v-for="(item, index) in cloudResourceStatusList" :key="index" :value="item.dictValue"
+                clearable>
                 {{ item.dictLabel }}
               </a-select-option>
             </a-select>
           </a-form-item>
-          <button class="queryButton" @click="getCloudList()">查询</button>
+          <button class="queryButton" @click="getChooseeList()">查询</button>
           <button class="queryButton" @click="cloudSearchReserve()">
             重置
           </button>
         </a-row>
       </a-form>
-
+    </div>
       <div v-if="cloudList.data.length > 0">
         <div class="content-cloud">
-          <div
-            class="content-cloud-body"
-            v-for="item in cloudList.data"
-            :key="item.index"
-          >
+          <div class="content-cloud-body" v-for="item in cloudList.data" :key="item.index">
             <div class="content-body-left">
               <div class="content-body-left-one">
                 <div style="font-size: 16px">{{ item.BUSINESS_NAME }}</div>
@@ -105,38 +89,30 @@
           </div>
         </div>
         <div class="bottom">
-          <a-pagination
-            size="small"
-            pageSize="4"
-            :total="total"
-            :showTotal="(total) => `共 ${total} 项`"
-            :current="page"
-            @change="handleCurrentChange"
-            @showSizeChange="handlePageSizeChange"
-            :showSizeChanger="false"
-          />
+          <a-pagination size="small" pageSize="4" :total="total" :showTotal="(total) => `共 ${total} 项`" :current="page"
+            @change="handleCurrentChange" @showSizeChange="handlePageSizeChange" :showSizeChanger="false" />
         </div>
       </div>
-      <a-empty v-else />
+      <div style="height: 740px;background: #fff;    padding-top: 200px;" v-else>
+        <a-empty  /></div>
+    
     </template>
     <!--数据资源和视频资源-->
-    <template v-else-if="chooseTab == 1 || chooseTab == 3">
+    <template v-else-if="chooseTab == 1">
+      <div style="height: 740px;background: #fff;    padding-top: 250px;" >
       <a-empty></a-empty>
+      </div>
     </template>
     <!--UCS内部资源-->
     <template v-else>
       <div v-if="contentList.data.length > 0">
         <div class="content">
-          <div
-            class="content-body"
-            v-for="item in contentList.data"
-            :key="item.index"
-          >
+          <div class="content-body" v-for="item in contentList.data" :key="item.index">
             <div class="withdraw" v-if="item.approveStatus === '不通过'"></div>
             <div class="content-body-title">
               <span>
                 申请单号：{{
-                  item.applyNumber || item.GUID || item.BSNUM || '--'
+                    item.applyNumber || item.GUID || item.BSNUM || '--'
                 }}
               </span>
               <div></div>
@@ -144,9 +120,9 @@
             <a-tooltip>
               <template #title>
                 {{
-                  item.cameraList
-                    ? item.system
-                    : item.title ||
+                    item.cameraList
+                      ? item.system
+                      : item.title ||
                       item.name ||
                       item.title ||
                       item.BUSINESS_NAME
@@ -155,9 +131,9 @@
               <div class="content-body-title">
                 <span>
                   名称：{{
-                    item.cameraList
-                      ? item.system
-                      : item.title ||
+                      item.cameraList
+                        ? item.system
+                        : item.title ||
                         item.name ||
                         item.title ||
                         item.BUSINESS_NAME
@@ -170,179 +146,104 @@
               <p class="content-body-content-son" v-if="typeName == '设备申请'">
                 审核结果：{{ item.state === 0 ? '审核中' : '审核完成' }}
               </p>
-              <p
-                class="content-body-content-son"
-                v-else-if="typeName == '数据资源申请'"
-              >
+              <p class="content-body-content-son" v-else-if="typeName == '数据资源申请'">
                 审核结果：{{ item.bmyijian === 0 ? '审核中' : '审核完成' }}
               </p>
-              <p
-                class="content-body-content-son"
-                v-else-if="typeName == '云资源申请'"
-              >
+              <p class="content-body-content-son" v-else-if="typeName == '云资源申请'">
                 审核结果：{{ status[item.STATUS] }}
               </p>
-              <p
-                class="content-body-content-son"
-                v-else-if="typeName == '云视频申请'"
-              >
+              <p class="content-body-content-son" v-else-if="typeName == '云视频申请'">
                 审核结果：{{ status2[item.STATUS] }}
               </p>
               <p class="content-body-content-son" v-else>
                 审核结果：{{
-                  item.ended
-                    ? '审核完成'
-                    : item.backToFirst
-                    ? '审核中（请修改被驳回内容）'
-                    : '审核中'
+                    item.ended
+                      ? '审核完成'
+                      : item.backToFirst
+                        ? '审核中（请修改被驳回内容）'
+                        : '审核中'
                 }}
               </p>
               <div>
                 申请日期：{{
-                  item.createDate ||
-                  item.startTime ||
-                  item.tbsj ||
-                  (item.CREATE_TIME &&
-                    moment(item.CREATE_TIME.time + 480 * 60 * 1000).format(
-                      'YYYY-MM-DD HH:mm:ss'
-                    ))
+                    item.createDate ||
+                    item.startTime ||
+                    item.tbsj ||
+                    (item.CREATE_TIME &&
+                      moment(item.CREATE_TIME.time + 480 * 60 * 1000).format(
+                        'YYYY-MM-DD HH:mm:ss'
+                      ))
                 }}
               </div>
               <!-- 西海岸--增加过期时间显示 -->
               <div v-if="isXiHaiAn">过期时间：{{ item.expireDate || '' }}</div>
             </div>
             <div class="button-box">
-              <div
-                class="button"
-                v-if="typeName == '设备申请' && phoneSate.includes(item.state)"
-                @click="showPhoneModal(item)"
-              >
+              <div class="button" v-if="typeName == '设备申请' && phoneSate.includes(item.state)"
+                @click="showPhoneModal(item)">
                 联系方式
               </div>
               <div class="button" @click="showDetail(item)">查看详情</div>
-              <div
-                class="button"
-                @click="showAdd(item)"
-                v-if="typeName !== '能力申请' && item.backToFirst"
-              >
+              <div class="button" @click="showAdd(item)" v-if="typeName !== '能力申请' && item.backToFirst">
                 修改
               </div>
-              <svg
-                t="1652233950228"
-                class="icon"
-                viewBox="0 0 1024 1024"
-                version="1.1"
-                xmlns="http://www.w3.org/2000/svg"
-                p-id="5970"
-                data-spm-anchor-id="a313x.7781069.0.i8"
-                width="80"
-                height="80"
-                v-if="
+              <svg t="1652233950228" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" p-id="5970" data-spm-anchor-id="a313x.7781069.0.i8" width="80"
+                height="80" v-if="
                   item.processDefinitionName != '能力资源下架' &&
                   item.approveStatus !== '不通过' &&
                   (item.resourceStatus == 4 || item.resourceStatus == 5)
-                "
-                style="position: absolute; top: 20px; left: -850px"
-              >
+                " style="position: absolute; top: 20px; left: -850px">
                 <path
                   d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5971"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5971"></path>
                 <path
                   d="M898.12053 289.2C775.02053 76 502.42053 2.9 289.22053 126 76.02053 249.1 3.02053 521.6 126.02053 734.8 249.12053 948 521.62053 1021.1 734.82053 898 947.92053 774.9 1021.02053 502.4 898.12053 289.2zM731.62053 892.8C521.32053 1014.3 252.42053 942.2 131.02053 731.9 9.52053 521.6 81.62053 252.7 291.92053 131.3 502.12053 9.9 771.02053 81.8 892.42053 292c121.5 210.3 49.5 479.3-160.8 600.8z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5972"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5972"></path>
                 <path
                   d="M323.62053 176.8c3.6-2 6 0.8 8.8 2.8 6 4.4 12.4 8.8 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.4 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.6 0.6-2zM200.72053 289.2c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 14.8 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.4-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.4-1.2 0-1.6 0.8-2.4l0.2 0.4z m276.6-159.6c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.8-1.2-0.4-1.6 0.4-2.4l0.2 0.4z m141.9 29.6c3.6-2 6 0.8 8.8 2.8l18.8 12.8c7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4-7.7 0.4-15.2 0.8-22.4 0.8-4.4 6.8-8.4 13.2-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.5-1.2 0.2-1.6 0.6-2zM150.02053 430c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-4 14-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.5 0.6-2z m558.9 414.4c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.1 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-1.1 0.8-1.1 1.6-1.1h0.1z m-158.8 50c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.1-3.7-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2-1 4.2-1.7 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.4-0.8 0.8-0.8 1.7-0.7z m276.5-159.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8s-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.2 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0-0.8 0.8-1.2 1.6-1.2l0.1 0.1z m45.6-137.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.2-0.7 0.6-0.7 1.4-0.7h0.3zM402.72053 868c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-0.8 1-1.1 1.7-1.1z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5973"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5973"></path>
                 <path
                   d="M386.42053 590.4l-43.8-75.9L207.02053 592.7l10.2 17.7L334.02053 543l23.4 40.4-90.5 52.2-13.5-23.4-18.7 10.8 53.1 92c9.1 15.8 21.2 19.5 36.4 10.7l98.8-57c6.2-3.6 11-9.3 13.4-16.1-1.4-15.9-6.2-31.2-14.2-45l-21.4 4.8c6.7 10.3 11 21.9 12.8 34-1 3.3-3.2 6-6.1 7.8l-88.3 51c-6.2 3.6-11.1 2.1-14.8-4.3l-27.3-47.4 109.3-63.1z m2.9-103.2l10.4 18.1 65.6-37.9 79.9 138.4 18.6-10.8-55.9-96.9c18.8-0.9 43.2-0.6 73 0.7l1.5-23.1c-29.8-0.3-58.4 0.4-86 2.6l-12.5-21.6 74.9-43.2-10.4-18.1-159.1 91.8zM669.52053 329l38.2 66.2 61.4-35.4-38.1-66.1-61.5 35.3z m72.4 24.2l-26.3 15.2-19-33 26.3-15.2 19 33zM599.02053 356.7l7.9 13.7-23.3 13.5 9.8 17 21.8-12.6c7.5 18.7 6.6 39.6-2.5 57.6l20.7 4.4c10.3-23.1 10.3-49.4 0-72.5l18.8-10.9c6 9.2 10.7 19.2 14.2 29.7 0.3 5-2.6 9.7-7.2 11.7-2.9 1.2-6.4 2.8-10.9 4.9l14.1 14.1c3.7-1.3 7.3-2.9 10.7-4.8 8.6-3.9 14.4-12.2 15.2-21.6-5.4-22.1-14.6-43-27.4-61.8l-36.1 20.8-7.9-13.7-17.9 10.5z m29.9 108.1l10 17.4 53.2-30.7c-7.8 23.7-20.6 45.4-37.5 63.6l20.6 11.1c18.6-24.2 30-53.1 33-83.4l29.8 51.5 18.4-10.7-29.8-51.5c27.4 11.5 57.2 16.3 86.9 14.1l3.5-23.5c-24.7 5.1-50.1 5-74.8-0.1l53.5-30.9-10-17.3-69.3 40-7.3-12.6-18.4 10.7L698.02053 425l-69.1 39.8z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5974"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5974"></path>
               </svg>
             </div>
           </div>
         </div>
         <div class="bottom">
-          <a-pagination
-            size="small"
-            pageSize="4"
-            :total="total"
-            :current="page"
-            :showTotal="(total) => `共 ${total} 项`"
-            @change="handleCurrentChange"
-            @showSizeChange="handlePageSizeChange"
-            :showSizeChanger="false"
-          />
+          <a-pagination size="small" pageSize="4" :total="total" :current="page" :showTotal="(total) => `共 ${total} 项`"
+            @change="handleCurrentChange" @showSizeChange="handlePageSizeChange" :showSizeChanger="false" />
         </div>
       </div>
-      <a-empty v-else />
+      <div style="height: 640px;background: #fff;    padding-top: 200px;" v-else>
+      <a-empty  />
+    </div>
     </template>
   </div>
   <!-- 政务云资源详情-->
-  <a-modal
-    bodyStyle="padding:0.1rem 0"
-    v-model:visible="cloudVisible"
-    style="width: 1000px"
-    :footer="null"
-    destroyOnClose="true"
-    :maskClosable="false"
-  >
+  <a-modal bodyStyle="padding:0.1rem 0" v-model:visible="cloudVisible" style="width: 1000px" :footer="null"
+    destroyOnClose="true" :maskClosable="false">
     <template v-slot:title>申请详情</template>
-    <cloud-details :BSNUM="BSNUM" :baseInfo="baseInfo"></cloud-details>
+    <cloud-details :BSNUM="BSNUM" :chooseTab="chooseTab" :baseInfo="baseInfo"></cloud-details>
   </a-modal>
-  <a-modal
-    bodyStyle="padding:0.1rem 0"
-    v-model:visible="detailsVisible"
-    style="width: 1000px"
-    :footer="null"
-    destroyOnClose="true"
-    :maskClosable="false"
-  >
+  <a-modal bodyStyle="padding:0.1rem 0" v-model:visible="detailsVisible" style="width: 1000px" :footer="null"
+    destroyOnClose="true" :maskClosable="false">
     <template v-slot:title>
       {{
-        refObj.description && itShowXiHaiAn
-          ? refObj.description + '申请详情'
-          : '申请详情'
+          refObj.description && itShowXiHaiAn
+            ? refObj.description + '申请详情'
+            : '申请详情'
       }}
     </template>
-    <apply-details
-      :processDefinitionName="processDefinitionName"
-      :businessKey="businessKey"
-      :processInstanceId="processInstanceId"
-      :resourceId="resourceId"
-      :refObj="refObj"
-      :showType="showType"
-    ></apply-details>
+    <apply-details :processDefinitionName="processDefinitionName" :businessKey="businessKey"
+      :processInstanceId="processInstanceId" :resourceId="resourceId" :refObj="refObj"
+      :showType="showType"></apply-details>
   </a-modal>
-  <a-modal
-    v-model:visible="visible"
-    title="下架原因"
-    @ok="del()"
-    @cancel="reason = ''"
-  >
+  <a-modal v-model:visible="visible" title="下架原因" @ok="del()" @cancel="reason = ''">
     <a-input v-model:value="reason" placeholder="请输入下架原因" />
   </a-modal>
-  <a-modal
-    v-model:visible="videoVisible"
-    title="已申请摄像头列表"
-    @ok="videoVisible = false"
-  >
-    <a-table
-      :columns="columns"
-      :data-source="xVideoList"
-      bordered
-      :pagination="{ defaultPageSize: 6 }"
-    >
+  <a-modal v-model:visible="videoVisible" title="已申请摄像头列表" @ok="videoVisible = false">
+    <a-table :columns="columns" :data-source="xVideoList" bordered :pagination="{ defaultPageSize: 6 }">
       <template #bodyCell="{ column, text }">
         <!-- <template>
         <a>{{ text }}</a>
@@ -351,1090 +252,1247 @@
     </a-table>
   </a-modal>
   <!-- 联系方式弹框 -->
-  <a-modal
-    v-model:visible="phoneVisible"
-    title="提示"
-    @ok="phoneVisible = false"
-  >
+  <a-modal v-model:visible="phoneVisible" title="提示" @ok="phoneVisible = false">
     <!-- 工业信息化局那个号，电话配这个号：199 6399 0996 -->
     <p>请联系工业信息化局，电话：199 6399 0996</p>
   </a-modal>
 </template>
 
 <script setup>
-  import {
-    onMounted,
-    reactive,
-    ref,
-    onBeforeUnmount,
-    h,
-    defineProps,
-    nextTick,
-  } from 'vue'
-  import {
-    getMyProcessInstancePage,
-    getTabilityapplication,
-    getByApplyFlag,
-    nengliziyuanshangjiaapply,
-    getDemandForm,
-    demandComment,
-    deviceApplylist,
-    getDeviceDetail,
-    yaweiApproveStatus,
-    yaweiApproveDetails,
-    getResourceBusinessList,
-    getVideoBusinessList,
-    getCategoryTreePage,
-    getZwyBusinessList,
-  } from '@/api/personalCenter'
-  import {
-    updateRes,
-    relaunch,
-    selectOne,
-    getApplyCameraList,
-    selectOneDel,
-  } from '@/api/home'
-  import { useRouter } from 'vue-router'
-  import { getUserInfo } from '@/api/user'
-  import { message } from 'ant-design-vue'
-  import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
-  import CloudDetails from '@/views/personalCenter/components/CloudDetails'
-  import mybus from '@/myplugins/mybus'
-  import * as moment from 'moment'
+import {
+  onMounted,
+  reactive,
+  ref,
+  onBeforeUnmount,
+  h,
+  defineProps,
+  nextTick,
+} from 'vue'
+import {
+  getMyProcessInstancePage,
+  getTabilityapplication,
+  getByApplyFlag,
+  nengliziyuanshangjiaapply,
+  getDemandForm,
+  demandComment,
+  deviceApplylist,
+  getDeviceDetail,
+  yaweiApproveStatus,
+  yaweiApproveDetails,
+  getResourceBusinessList,
+  getVideoBusinessList,
+  getCategoryTreePage,
+  getZwyBusinessList,
+  getZwyVideoList
+} from '@/api/personalCenter'
+import {
+  updateRes,
+  relaunch,
+  selectOne,
+  getApplyCameraList,
+  selectOneDel,
+} from '@/api/home'
+import { useRouter } from 'vue-router'
+import { getUserInfo } from '@/api/user'
+import { message } from 'ant-design-vue'
+import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
+import CloudDetails from '@/views/personalCenter/components/CloudDetails'
+import mybus from '@/myplugins/mybus'
+import * as moment from 'moment'
 
-  const props = defineProps({
-    tabTypeName: { type: String, default: '' },
-  })
-  const router = useRouter()
-  const userName = ref('')
-  //云资源下拉框
-  let cloudResourceStatusList = ref([])
-  getUserInfo().then((res) => {
-    userName.value = res.data.data.username
-  })
-  const formState = ref({ name: '' })
-  // 西海岸-设备申请
-  let isXiHaiAn = whoShow.itShowXiHaiAn
-  //选择展示的Tab页
-  let chooseTab = ref(0)
-  //云资源查询条件
-  let yunForm = reactive({
-    status: '',
-    busineesName: '',
-  })
-  let chooseList = ref(['UCS内部资源', '数据资源', '政务云资源', '视频资源'])
-  let typeList = ref([
-    '能力申请',
-    '能力上架',
-    '能力下架',
-    '能力需求',
-    '需求评论',
-    // '数据资源申请',
-    // '云资源申请',
-    // '云视频申请',
-  ])
 
-  const itShowXiHaiAn = ref(isXiHaiAn)
-  const phoneSate = ref([2, 3])
-  if (isXiHaiAn) {
-    typeList.value.push('设备申请')
+const props = defineProps({
+  tabTypeName: { type: String, default: '' },
+})
+const router = useRouter()
+const userName = ref('')
+//云资源下拉框
+let cloudResourceStatusList = ref([])
+getUserInfo().then((res) => {
+  userName.value = res.data.data.username
+})
+const formState = ref({ name: '' })
+// 西海岸-设备申请
+let isXiHaiAn = whoShow.itShowXiHaiAn
+//选择展示的Tab页
+let chooseTab = ref(0)
+//云资源查询条件
+let yunForm = reactive({
+  status: '',
+  busineesName: '',
+})
+let chooseList = ref(['UCS内部资源', '数据资源', '政务云资源', '视频资源'])
+let typeList = ref([
+  {
+    photo: require('@/assets/newHome/nengli1.png'),
+    name: '能力申请',
+  }, {
+    photo: require('@/assets/newHome/nengli2.png'),
+    name: '能力上架',
+  }, {
+    photo: require('@/assets/newHome/nengli3.png'),
+    name: '能力下架',
+  }, {
+    photo: require('@/assets/newHome/nengli4.png'),
+    name: '能力需求',
+  }, {
+    photo: require('@/assets/newHome/nengli1.png'),
+    name: '需求评论',
   }
-  const typeStrObj = {
-    能力上架: 'resourcemountapply',
-    能力下架: 'resourcundercarriageapply',
-    能力需求: 'abilitydemandapply',
-    需求评论: 'comment_review',
-  }
-  let tabList = ref(['全部', '审核中', '审核完成'])
-  const contentList = reactive({ data: [] })
-  const contentList2 = reactive({ data: [] }) // 云资源 云视频前端过滤使用
-  //政务云资源
-  const cloudList = reactive({ data: [] })
-  let tabIndex = ref(0)
-  let typeIndex = ref(0)
-  let typeName = ref(typeList.value[0])
+])
 
-  if (router.currentRoute.value.query.tabTypeName) {
-    typeName.value = router.currentRoute.value.query.tabTypeName
-  }
-  const videoVisible = ref(false)
-  const numFlag = ref(true)
-  const columns = ref([
-    {
-      title: '摄像头名称',
-      dataIndex: 'name',
-    },
-  ])
-  const xVideoList = ref([])
+const itShowXiHaiAn = ref(isXiHaiAn)
+const phoneSate = ref([2, 3])
+if (isXiHaiAn) {
+  typeList.value.push('设备申请')
+}
+const typeStrObj = {
+  能力上架: 'resourcemountapply',
+  能力下架: 'resourcundercarriageapply',
+  能力需求: 'abilitydemandapply',
+  需求评论: 'comment_review',
+}
+let tabList = ref(['全部', '审核中', '审核完成'])
+const contentList = reactive({ data: [] })
+const contentList2 = reactive({ data: [] }) // 云资源 云视频前端过滤使用
+//政务云资源
+const cloudList = reactive({ data: [] })
+let tabIndex = ref(0)
+let typeIndex = ref(0)
+let typeName = ref('能力申请')
 
-  let name = ref('')
-  const detailsVisible = ref(false)
-  const detailsVisible2 = ref(false)
-  //政务云资源详情
-  const cloudVisible = ref(false)
-  const businessKey = ref('')
-  const processInstanceId = ref('')
-  const processDefinitionName = ref('')
-  const resourceId = ref('')
-  const reason = ref('')
-  const visible = ref(false)
-  const delObj = ref({})
-  const taskId = ref('')
-  const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
-  const refObj = ref({})
-  //政务云详情
-  const BSNUM = ref('')
-  const baseInfo = ref({})
-  const num = ref({
-    finished: 0,
-    unfinished: 0,
-  })
-  const total = ref('')
-  const showType = ref('')
-  const page = ref('1')
-  const ended = ref('')
-  const processDefinitionKey = ref('')
-  const phoneVisible = ref(false)
+if (router.currentRoute.value.query.tabTypeName) {
+  typeName.value = router.currentRoute.value.query.tabTypeName
+}
+const videoVisible = ref(false)
+const numFlag = ref(true)
+const columns = ref([
+  {
+    title: '摄像头名称',
+    dataIndex: 'name',
+  },
+])
+const xVideoList = ref([])
 
-  // 选择类型
-  const changeType = (item, index) => {
-    contentList.data = []
-    formState.value.name = ''
+let name = ref('')
+const detailsVisible = ref(false)
+const detailsVisible2 = ref(false)
+//政务云资源详情
+const cloudVisible = ref(false)
+const businessKey = ref('')
+const processInstanceId = ref('')
+const processDefinitionName = ref('')
+const resourceId = ref('')
+const reason = ref('')
+const visible = ref(false)
+const delObj = ref({})
+const taskId = ref('')
+const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
+const refObj = ref({})
+//政务云详情
+const BSNUM = ref('')
+const baseInfo = ref({})
+const num = ref({
+  finished: 0,
+  unfinished: 0,
+})
+const total = ref('')
+const showType = ref('')
+const page = ref('1')
+const ended = ref('')
+const processDefinitionKey = ref('')
+const phoneVisible = ref(false)
 
-    numFlag.value = true
-    num.value = []
-    showType.value = ''
-    tabIndex.value = 0
-    ended.value = ''
-    page.value = 1
-    typeIndex.value = index
-    typeName.value = item
-    getApplyList()
-  }
-  //选择tab
-  const handleTab = (index) => {
-    chooseTab.value = index
-    if (index == 2) {
-      //查询政务云状态
-      getCloudResource()
-      getCloudList()
-    }
-  }
-  const cloudSearchReserve = () => {
-    Object.keys(yunForm).map((key) => {
-      delete yunForm[key]
-    })
+// 选择类型
+const changeType = (item, index) => {
+  contentList.data = []
+  formState.value.name = ''
+
+  numFlag.value = true
+  num.value = []
+  showType.value = ''
+  tabIndex.value = 0
+  ended.value = ''
+  page.value = 1
+  typeIndex.value = index
+  typeName.value = item.name
+  getApplyList()
+}
+const getChooseeList = () => {
+  if (index == 2) {
+    //查询政务云状态
     getCloudList()
+  } else if (index == 3) {//视频
+    getVideoList()
   }
-  //查询政务云数据
-  const getCloudList = () => {
-    const params = {
-      pageNum: page.value,
-      pageSize: 5,
-      status: yunForm.status,
-      name: yunForm.busineesName,
-    }
-    total.value = 5
-    getZwyBusinessList(params).then((res) => {
-      cloudList.data = res.data.data.list
-      num.value = []
-      total.value = res.data.data.total
-    })
+}
+//选择tab
+const handleTab = (index) => {
+  chooseTab.value = index
+  Object.keys(yunForm).map((key) => {
+    delete yunForm[key]
+  })
+  if (index == 2) {
+    cloudList.data=[]
+    //查询政务云状态
+    getCloudResource()
+    getCloudList()
+  } else if (index == 3) {//视频
+    cloudList.data=[]
+    getCloudResource()
+    getVideoList()
   }
-  //查询政务云状态
-  const getCloudResource = () => {
-    getCategoryTreePage({
-      page: 1,
-      limit: 20,
-      dictTypeId: '1601043884320755714',
-      deFlage: 0,
-    }).then((res) => {
-      cloudResourceStatusList.value = res.data.data.list
-    })
+}
+const cloudSearchReserve = () => {
+  Object.keys(yunForm).map((key) => {
+    delete yunForm[key]
+  })
+  if (index == 2) {
+    getCloudList()
+  } else if (index == 3) {//视频
+    getVideoList()
   }
+}
+//查询云资源数据
+const getVideoList = () => {
+  const params = {
+    pageNum: page.value,
+    pageSize: 5,
+    status: yunForm.status,
+    name: yunForm.busineesName,
+  }
+  total.value = 5
+  //     cloudList.data = [
+  // {
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-20 02:04:30",
+  // "STATUS":"06",
+  // },{
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-22 02:04:30",
+  // "STATUS":"06",
+  // },{
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-05 02:04:30",
+  // "STATUS":"04",
+  // },{
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-01 02:04:30",
+  // "STATUS":"04",
+  // }
+  // ]
 
-  // 申请状态切换
-  function changeApplyState(item, index) {
-    tabIndex.value = index
-    switch (item) {
-      case '审核中':
-        page.value = 1
-        ended.value = false
-        getApplyList()
-        break
-      case '审核完成':
-        page.value = 1
-        ended.value = true
-        getApplyList()
-        break
-      case '全部':
-        page.value = 1
-        ended.value = ''
-        getApplyList()
-        break
-    }
+  getZwyVideoList(params).then((res) => {
+    cloudList.data = res.data.data.list
+    num.value = []
+    total.value = res.data.data.total
+  })
+}
+//查询政务云数据
+const getCloudList = () => {
+  const params = {
+    pageNum: page.value,
+    pageSize: 5,
+    status: yunForm.status,
+    name: yunForm.busineesName,
   }
+  total.value = 5
+  getZwyBusinessList(params).then((res) => {
+    cloudList.data = res.data.data.list
+    num.value = []
+    total.value = res.data.data.total
+  })
 
-  const applytype = {
-    '01': '新增',
-    '02': '变更',
-    '03': '停用',
-    '04': '核减',
+}
+//查询政务云状态
+const getCloudResource = () => {
+  getCategoryTreePage({
+    page: 1,
+    limit: 20,
+    dictTypeId: '1601043884320755714',
+    deFlage: 0,
+  }).then((res) => {
+    cloudResourceStatusList.value = res.data.data.list
+  })
+}
+
+// 申请状态切换
+function changeApplyState(item, index) {
+  tabIndex.value = index
+  switch (item) {
+    case '审核中':
+      page.value = 1
+      ended.value = false
+      getApplyList()
+      break
+    case '审核完成':
+      page.value = 1
+      ended.value = true
+      getApplyList()
+      break
+    case '全部':
+      page.value = 1
+      ended.value = ''
+      getApplyList()
+      break
   }
-  const sourcetype = {
-    '01': '云主机',
-    '02': '云数据库',
-    '03': '对象存储',
-    '04': '堡垒机',
-    '05': '备份服务',
-    '06': '防火墙',
-    '07': '网闸',
-    '08': '负载均衡',
-    '09': '公网ip',
-    10: '托管服务',
-    11: '大数据服务',
-  }
-  const status = {
-    '00': '草稿',
-    '01': '提交',
-    '03': '一级部门提交',
-    '04': '驳回',
-    '05': '审核通过',
-    '06': '交付',
-    '07': '作废',
-    99: '终止办结',
-  }
-  const status2 = {
-    '00': '草稿',
-    '01': '提交',
-    '02': '大数据局审核通过',
-    '04': '大数据局驳回',
-    '03': '提交给视频所属部门',
-    '08': '视频所属部门审核中',
-    '05': '视频所属部门已审核',
-    '06': '交付',
-  }
-  const cilckRowData = ref({})
-  //查看政务云详情
-  const showCloudDetail = (item) => {
-    //待完成
-    cloudVisible.value = true
-    BSNUM.value = item.BSNUM
-    baseInfo.value = item
-  }
-  const showDetail = (item) => {
-    cilckRowData.value = item
-    // 西海岸-申请时间过期，提示
-    if (isXiHaiAn) {
-      if (item.expireDate) {
-        let diff = moment().diff(moment(item.expireDate), 'seconds')
-        if (diff > 0) {
-          return message.error('当前申请已过期！')
-        }
+}
+
+const applytype = {
+  '01': '新增',
+  '02': '变更',
+  '03': '停用',
+  '04': '核减',
+}
+const sourcetype = {
+  '01': '云主机',
+  '02': '云数据库',
+  '03': '对象存储',
+  '04': '堡垒机',
+  '05': '备份服务',
+  '06': '防火墙',
+  '07': '网闸',
+  '08': '负载均衡',
+  '09': '公网ip',
+  10: '托管服务',
+  11: '大数据服务',
+}
+const status = {
+  '00': '草稿',
+  '01': '提交',
+  '03': '一级部门提交',
+  '04': '驳回',
+  '05': '审核通过',
+  '06': '交付',
+  '07': '作废',
+  99: '终止办结',
+}
+const status2 = {
+  '00': '草稿',
+  '01': '提交',
+  '02': '大数据局审核通过',
+  '04': '大数据局驳回',
+  '03': '提交给视频所属部门',
+  '08': '视频所属部门审核中',
+  '05': '视频所属部门已审核',
+  '06': '交付',
+}
+const cilckRowData = ref({})
+//查看政务云详情
+const showCloudDetail = (item) => {
+  cloudVisible.value = true
+  BSNUM.value = item.BSNUM
+  baseInfo.value = item
+
+}
+const showDetail = (item) => {
+  cilckRowData.value = item
+  // 西海岸-申请时间过期，提示
+  if (isXiHaiAn) {
+    if (item.expireDate) {
+      let diff = moment().diff(moment(item.expireDate), 'seconds')
+      if (diff > 0) {
+        return message.error('当前申请已过期！')
       }
     }
-    if (typeName.value == '能力申请' && item.applyFlag) {
-      getByApplyFlag(item.applyFlag).then((res) => {
+  }
+  if (typeName.value == '能力申请' && item.applyFlag) {
+    getByApplyFlag(item.applyFlag).then((res) => {
+      if (res.data.code == 0) {
+        refObj.value = res.data.data
+        detailsVisible.value = true
+        processDefinitionName.value = item.processDefinitionName
+        businessKey.value = item.businessKey
+        processInstanceId.value = item.instanceId
+        resourceId.value = item.resourceId
+      } else {
+        message.error('数据请求失败！')
+      }
+    })
+  } else if (typeName.value == '数据资源申请') {
+    yaweiApproveDetails({ applyGuid: item.GUID })
+      .then((res) => {
+        console.log('详情===========>', res.data.data)
+        if (res.data.code !== 0) {
+          message.error('数据请求失败！')
+          return
+        }
+        res.data.data.map((val) => {
+          val.clsj = moment(val.clsj).format('YYYY-MM-DD HH:mm:ss')
+        })
+        refObj.value.description = '数据资源'
+        refObj.value.sqbm = item.sqbm // 申请部门
+        refObj.value.title = item.title // 需求标题
+        refObj.value.ywlxr = item.ywlxr // 业务联系人
+        refObj.value.ywlxrdh = item.ywlxrdh // 业务联系人电话
+        refObj.value.jslxr = item.jslxr // 技术联系人X
+        refObj.value.jslxrdh = item.jslxrdh // 技术联系人电话
+        refObj.value.miaoshu = item.miaoshu // 共享数据必要性法分析
+        // refObj.value.zt = item.zt // 办结结果
+        refObj.value.LEVEL = item.LEVEL // 办结结果ZBM": 区市管理员办理中 BM":部门办理中 SZQ": 市级管理员办理中 QZS":区级管理员办理中
+        refObj.value.resourceApplication = {
+          dataSource: [
+            {
+              instanceId: item.GUID,
+              taskHandleDetailInfo: res.data.data,
+            },
+          ],
+        } // 流程
+        detailsVisible.value = true
+      })
+      .catch((err) => { })
+  } else if (
+    typeName.value == '云资源申请' ||
+    typeName.value == '云视频申请'
+  ) {
+    refObj.value.description = '政务云'
+    if (typeName.value == '云资源申请') {
+      refObj.value.STATUS = status[item.STATUS] // 状态
+    } else {
+      refObj.value.STATUS = status2[item.STATUS] // 状态
+    }
+    refObj.value.CREATE_TIME = moment(
+      item.CREATE_TIME.time + 480 * 60 * 1000
+    ).format('YYYY-MM-DD HH:mm:ss')
+    // 操作时间
+    refObj.value.BUSINESS_NAME = item.BUSINESS_NAME // 业务名称
+    refObj.value.BSNUM = item.BSNUM // 业务id
+    refObj.value.APPLYTYPE = applytype[item.APPLYTYPE] // 申请类型
+    refObj.value.SOURCE_TYPE = sourcetype[item.SOURCE_TYPE] // 资源类型
+    refObj.value.REGION_CODE = item.REGION_CODE // 区划编码
+    refObj.value.REGION_NAME = item.REGION_NAME // 区划名称
+    refObj.value.ORG_NAME = item.ORG_NAME // 部门名称
+    refObj.value.ORG_CODE = item.ORG_CODE // 部门名称编码
+    refObj.value.AGENT_NAME = item.AGENT_NAME // 处室名称
+    refObj.value.AGENT_CODE = item.AGENT_CODE // 处室编码
+    refObj.value.USE_CASE = item.USE_CASE // 使用场景
+    detailsVisible.value = true
+  } else if (typeName.value == '设备申请') {
+    getDeviceDetailInfo(item.deviceId)
+      .then((res) => {
         if (res.data.code == 0) {
           refObj.value = res.data.data
           detailsVisible.value = true
-          processDefinitionName.value = item.processDefinitionName
-          businessKey.value = item.businessKey
-          processInstanceId.value = item.instanceId
-          resourceId.value = item.resourceId
-        } else {
-          message.error('数据请求失败！')
         }
       })
-    } else if (typeName.value == '数据资源申请') {
-      yaweiApproveDetails({ applyGuid: item.GUID })
-        .then((res) => {
-          console.log('详情===========>', res.data.data)
-          if (res.data.code !== 0) {
-            message.error('数据请求失败！')
-            return
-          }
-          res.data.data.map((val) => {
-            val.clsj = moment(val.clsj).format('YYYY-MM-DD HH:mm:ss')
-          })
-          refObj.value.description = '数据资源'
-          refObj.value.sqbm = item.sqbm // 申请部门
-          refObj.value.title = item.title // 需求标题
-          refObj.value.ywlxr = item.ywlxr // 业务联系人
-          refObj.value.ywlxrdh = item.ywlxrdh // 业务联系人电话
-          refObj.value.jslxr = item.jslxr // 技术联系人X
-          refObj.value.jslxrdh = item.jslxrdh // 技术联系人电话
-          refObj.value.miaoshu = item.miaoshu // 共享数据必要性法分析
-          // refObj.value.zt = item.zt // 办结结果
-          refObj.value.LEVEL = item.LEVEL // 办结结果ZBM": 区市管理员办理中 BM":部门办理中 SZQ": 市级管理员办理中 QZS":区级管理员办理中
-          refObj.value.resourceApplication = {
-            dataSource: [
-              {
-                instanceId: item.GUID,
-                taskHandleDetailInfo: res.data.data,
-              },
-            ],
-          } // 流程
-          detailsVisible.value = true
-        })
-        .catch((err) => {})
-    } else if (
-      typeName.value == '云资源申请' ||
-      typeName.value == '云视频申请'
-    ) {
-      refObj.value.description = '政务云'
-      if (typeName.value == '云资源申请') {
-        refObj.value.STATUS = status[item.STATUS] // 状态
-      } else {
-        refObj.value.STATUS = status2[item.STATUS] // 状态
-      }
-      refObj.value.CREATE_TIME = moment(
-        item.CREATE_TIME.time + 480 * 60 * 1000
-      ).format('YYYY-MM-DD HH:mm:ss')
-      // 操作时间
-      refObj.value.BUSINESS_NAME = item.BUSINESS_NAME // 业务名称
-      refObj.value.BSNUM = item.BSNUM // 业务id
-      refObj.value.APPLYTYPE = applytype[item.APPLYTYPE] // 申请类型
-      refObj.value.SOURCE_TYPE = sourcetype[item.SOURCE_TYPE] // 资源类型
-      refObj.value.REGION_CODE = item.REGION_CODE // 区划编码
-      refObj.value.REGION_NAME = item.REGION_NAME // 区划名称
-      refObj.value.ORG_NAME = item.ORG_NAME // 部门名称
-      refObj.value.ORG_CODE = item.ORG_CODE // 部门名称编码
-      refObj.value.AGENT_NAME = item.AGENT_NAME // 处室名称
-      refObj.value.AGENT_CODE = item.AGENT_CODE // 处室编码
-      refObj.value.USE_CASE = item.USE_CASE // 使用场景
-      detailsVisible.value = true
-    } else if (typeName.value == '设备申请') {
-      getDeviceDetailInfo(item.deviceId)
-        .then((res) => {
-          if (res.data.code == 0) {
-            refObj.value = res.data.data
-            detailsVisible.value = true
-          }
-        })
-        .catch((err) => {})
-    } else if (
-      Object.keys(typeStrObj).includes(typeName.value) ||
-      typeName.value == '能力评价'
-    ) {
-      refObj.value = item
-      detailsVisible.value = true
-      processDefinitionName.value = item.processDefinitionName
-      businessKey.value = item.businessKey
-      processInstanceId.value = item.processInstanceId
-      resourceId.value = item.resourceId
-    } else {
-      message.error('数据请求失败！')
-    }
+      .catch((err) => { })
+  } else if (
+    Object.keys(typeStrObj).includes(typeName.value) ||
+    typeName.value == '能力评价'
+  ) {
+    refObj.value = item
+    detailsVisible.value = true
+    processDefinitionName.value = item.processDefinitionName
+    businessKey.value = item.businessKey
+    processInstanceId.value = item.processInstanceId
+    resourceId.value = item.resourceId
+  } else {
+    message.error('数据请求失败！')
   }
-  const showVideoList = (item) => {
-    console.log('显示列表', item)
-    getApplyCameraList(item.processInstanceId).then((res) => {
-      console.log('res', res)
-      xVideoList.value = []
-      res.data.data.map((val) => {
-        xVideoList.value.push({ name: val.channelName, key: val.channelId })
-      })
+}
+const showVideoList = (item) => {
+  console.log('显示列表', item)
+  getApplyCameraList(item.processInstanceId).then((res) => {
+    console.log('res', res)
+    xVideoList.value = []
+    res.data.data.map((val) => {
+      xVideoList.value.push({ name: val.channelName, key: val.channelId })
     })
-    videoVisible.value = true
-  }
-  const copyComment = (data) => {
-    let url = data
-    let oInput = document.createElement('input')
-    oInput.value = url
-    document.body.appendChild(oInput)
-    oInput.select() // 选择对象;
-    console.log(oInput.value)
-    document.execCommand('Copy') // 执行浏览器复制命令
-    message.success('复制成功')
-    oInput.remove()
-  }
-  const showAdd = (item) => {
-    console.log('item', item)
-    if (item.processDefinitionKey == 'resourcemountapply') {
-      const data = {
-        id: item.resourceId,
+  })
+  videoVisible.value = true
+}
+const copyComment = (data) => {
+  let url = data
+  let oInput = document.createElement('input')
+  oInput.value = url
+  document.body.appendChild(oInput)
+  oInput.select() // 选择对象;
+  console.log(oInput.value)
+  document.execCommand('Copy') // 执行浏览器复制命令
+  message.success('复制成功')
+  oInput.remove()
+}
+const showAdd = (item) => {
+  console.log('item', item)
+  if (item.processDefinitionKey == 'resourcemountapply') {
+    const data = {
+      id: item.resourceId,
+      taskId: item.currentTaskList[0].taskId,
+    }
+    if (item.dto.type == '组件服务') {
+      data.abilityToType = '组件服务'
+      data.componentTypeValue = item.dto.infoList.filter(
+        (val) => val.attrType == '组件类型'
+      )[0].attrValue
+    } else if (item.dto.type == '应用资源') {
+      data.abilityToType = '应用资源'
+    }
+    const newpage = router.resolve({
+      path: '/nenglishangjia', // 跳转的页面路由
+      query: data,
+    })
+    console.log('上架申请修改=================》', item)
+    window.open(newpage.href, '_blank')
+  } else if (item.processDefinitionKey == 'resourcundercarriageapply') {
+    selectOne(item.resourceId).then((res) => {
+      if (res.data.code == 0) {
+        delObj.value = res.data.data
+        reason.value = delObj.value.undercarriageReason
+        taskId.value = item.currentTaskList[0].taskId
+        visible.value = true
+        console.log('下架申请修改=================》', res.data.data)
+      }
+    })
+  } else if (item.processDefinitionKey == 'abilitydemandapply') {
+    const newpage = router.resolve({
+      path: '/addApplication', // 跳转的页面路由
+      query: {
+        id: item.businessKey,
         taskId: item.currentTaskList[0].taskId,
-      }
-      if (item.dto.type == '组件服务') {
-        data.abilityToType = '组件服务'
-        data.componentTypeValue = item.dto.infoList.filter(
-          (val) => val.attrType == '组件类型'
-        )[0].attrValue
-      } else if (item.dto.type == '应用资源') {
-        data.abilityToType = '应用资源'
-      }
-      const newpage = router.resolve({
-        path: '/nenglishangjia', // 跳转的页面路由
-        query: data,
-      })
-      console.log('上架申请修改=================》', item)
-      window.open(newpage.href, '_blank')
-    } else if (item.processDefinitionKey == 'resourcundercarriageapply') {
-      selectOne(item.resourceId).then((res) => {
-        if (res.data.code == 0) {
-          delObj.value = res.data.data
-          reason.value = delObj.value.undercarriageReason
-          taskId.value = item.currentTaskList[0].taskId
-          visible.value = true
-          console.log('下架申请修改=================》', res.data.data)
-        }
-      })
-    } else if (item.processDefinitionKey == 'abilitydemandapply') {
-      const newpage = router.resolve({
-        path: '/addApplication', // 跳转的页面路由
-        query: {
-          id: item.businessKey,
-          taskId: item.currentTaskList[0].taskId,
-        },
-      })
-      console.log('需求申请修改=================》', item)
-      window.open(newpage.href, '_blank')
-    } else if (item.processDefinitionKey == 'abilityprocess') {
-      const newpage = router.resolve({
-        path: '/apply', // 跳转的页面路由
-        query: {
-          id: item.businessKey,
-          resourceId: item.resourceId,
-          name: item.name,
-          taskId: item.currentTaskList[0].taskId,
-        },
-      })
-      console.log('能力申请修改=================》', item)
-      window.open(newpage.href, '_self')
-    }
+      },
+    })
+    console.log('需求申请修改=================》', item)
+    window.open(newpage.href, '_blank')
+  } else if (item.processDefinitionKey == 'abilityprocess') {
+    const newpage = router.resolve({
+      path: '/apply', // 跳转的页面路由
+      query: {
+        id: item.businessKey,
+        resourceId: item.resourceId,
+        name: item.name,
+        taskId: item.currentTaskList[0].taskId,
+      },
+    })
+    console.log('能力申请修改=================》', item)
+    window.open(newpage.href, '_self')
   }
+}
 
-  const initNum = () => {
-    if (numFlag.value) {
-      num.value = []
-      getMyProcessInstancePage({
-        page: 1,
-        limit: 4,
-        ended: 'false',
-        processDefinitionKey: processDefinitionKey.value,
-      }).then((res) => {
-        if (res.data.code == 0) {
-          num.value.unfinished = res.data.data.total
-          getMyProcessInstancePage({
-            page: 1,
-            limit: 4,
-            ended: 'true',
-            processDefinitionKey: processDefinitionKey.value,
-          }).then((res) => {
-            if (res.data.code == 0) {
-              num.value.finished = res.data.data.total
-              numFlag.value = false
-            }
-          })
-        }
-      })
-    }
-  }
-  const initNum2 = () => {
-    if (numFlag.value) {
-      num.value = []
-      getTabilityapplication({
-        page: 1,
-        limit: 4,
-        ended: 'false',
-      }).then((res) => {
-        if (res.data.code == 0) {
-          num.value.unfinished = res.data.data.total
-          getTabilityapplication({
-            page: 1,
-            limit: 4,
-            ended: 'true',
-          }).then((res) => {
-            if (res.data.code == 0) {
-              num.value.finished = res.data.data.total
-              numFlag.value = false
-            }
-          })
-        }
-      })
-    }
-  }
-  // initNum()
-
-  // 搜索框
-  const onSearch = (name) => {
-    console.log(name.value)
-  }
-  //重置
-  function replacement() {
-    name.value = ''
-    getApplyList(name.value)
-  }
-  const getApplyList = () => {
-    const params = {
-      page: page.value,
+const initNum = () => {
+  if (numFlag.value) {
+    num.value = []
+    getMyProcessInstancePage({
+      page: 1,
       limit: 4,
-      ended: ended.value,
-      // name: name.value,
-    }
-    if (ended.value === '') {
-      delete params.ended
-    }
-    if (typeName.value == '能力申请') {
-      getTabilityapplication(params).then((res) => {
-        contentList.data = []
-        console.log('获取我的申请===============>', res.data.data)
-        contentList.data = res.data.data.list
-        total.value = res.data.data.total
-        showType.value = '能力申请'
-        initNum2()
-      })
-    } else if (typeName.value == '数据资源申请') {
-      yaweiApproveStatus({ page: page.value, size: 4, title: '' }).then(
-        (res) => {
-          if (res.data.code !== 0) {
-            num.value = []
-            total.value = 0
-            contentList.data = []
-            contentList2.data = []
-            showType.value = ''
-            return
+      ended: 'false',
+      processDefinitionKey: processDefinitionKey.value,
+    }).then((res) => {
+      if (res.data.code == 0) {
+        num.value.unfinished = res.data.data.total
+        getMyProcessInstancePage({
+          page: 1,
+          limit: 4,
+          ended: 'true',
+          processDefinitionKey: processDefinitionKey.value,
+        }).then((res) => {
+          if (res.data.code == 0) {
+            num.value.finished = res.data.data.total
+            numFlag.value = false
           }
-          console.log('数据资源申请===============>', res.data.data)
-          contentList.data = res.data.data.data
-          num.value = []
-          total.value = res.data.data.cos
-          showType.value = '数据资源申请'
-        }
-      )
-    } else if (typeName.value == '云资源申请') {
-      getResourceBusinessList({ userAccount: userName.value }).then((res) => {
-        console.log('数据资源申请===============>', res.data.data)
-        if (res.data.code !== 0) {
-          num.value = []
-          total.value = 0
-          contentList.data = []
-          contentList2.data = []
-          showType.value = ''
-          return
-        }
-        contentList.data = res.data.data
-        contentList2.data = res.data.data
-        num.value = []
-        total.value = 0
-        showType.value = '云资源'
-      })
-    } else if (typeName.value == '云视频申请') {
-      getVideoBusinessList({ userAccount: userName.value }).then((res) => {
-        if (res.data.code !== 0) {
-          num.value = []
-          total.value = 0
-          contentList.data = []
-          contentList2.data = []
-          showType.value = ''
-          return
-        }
-        console.log('数据资源申请===============>', res.data.data)
-        contentList.data = res.data.data
-        contentList2.data = res.data.data
-        num.value = []
-        total.value = 0
-        showType.value = '云资源'
-      })
-    } else if (typeName.value == '能力评价') {
+        })
+      }
+    })
+  }
+}
+const initNum2 = () => {
+  if (numFlag.value) {
+    num.value = []
+    getTabilityapplication({
+      page: 1,
+      limit: 4,
+      ended: 'false',
+    }).then((res) => {
+      if (res.data.code == 0) {
+        num.value.unfinished = res.data.data.total
+        getTabilityapplication({
+          page: 1,
+          limit: 4,
+          ended: 'true',
+        }).then((res) => {
+          if (res.data.code == 0) {
+            num.value.finished = res.data.data.total
+            numFlag.value = false
+          }
+        })
+      }
+    })
+  }
+}
+// initNum()
+
+// 搜索框
+const onSearch = (name) => {
+  console.log(name.value)
+}
+//重置
+function replacement() {
+  name.value = ''
+  getApplyList(name.value)
+}
+const getApplyList = () => {
+  const params = {
+    page: page.value,
+    limit: 4,
+    ended: ended.value,
+    // name: name.value,
+  }
+  if (ended.value === '') {
+    delete params.ended
+  }
+  if (typeName.value == '能力申请') {
+    getTabilityapplication(params).then((res) => {
       contentList.data = []
+      console.log('获取我的申请===============>', res.data.data)
+      contentList.data = res.data.data.list
+      total.value = res.data.data.total
+      showType.value = '能力申请'
+      initNum2()
+    })
+  } else if (typeName.value == '数据资源申请') {
+    yaweiApproveStatus({ page: page.value, size: 4, title: '' }).then(
+      (res) => {
+        if (res.data.code !== 0) {
+          num.value = []
+          total.value = 0
+          contentList.data = []
+          contentList2.data = []
+          showType.value = ''
+          return
+        }
+        console.log('数据资源申请===============>', res.data.data)
+        contentList.data = res.data.data.data
+        num.value = []
+        total.value = res.data.data.cos
+        showType.value = '数据资源申请'
+      }
+    )
+  } else if (typeName.value == '云资源申请') {
+    getResourceBusinessList({ userAccount: userName.value }).then((res) => {
+      console.log('数据资源申请===============>', res.data.data)
+      if (res.data.code !== 0) {
+        num.value = []
+        total.value = 0
+        contentList.data = []
+        contentList2.data = []
+        showType.value = ''
+        return
+      }
+      contentList.data = res.data.data
+      contentList2.data = res.data.data
       num.value = []
-      showType.value = ''
-    } else if (typeName.value == '设备申请') {
-      let _state =
-        ended.value === ''
-          ? '全部'
-          : ended.value === true
+      total.value = 0
+      showType.value = '云资源'
+    })
+  } else if (typeName.value == '云视频申请') {
+    getVideoBusinessList({ userAccount: userName.value }).then((res) => {
+      if (res.data.code !== 0) {
+        num.value = []
+        total.value = 0
+        contentList.data = []
+        contentList2.data = []
+        showType.value = ''
+        return
+      }
+      console.log('数据资源申请===============>', res.data.data)
+      contentList.data = res.data.data
+      contentList2.data = res.data.data
+      num.value = []
+      total.value = 0
+      showType.value = '云资源'
+    })
+  } else if (typeName.value == '能力评价') {
+    contentList.data = []
+    num.value = []
+    showType.value = ''
+  } else if (typeName.value == '设备申请') {
+    let _state =
+      ended.value === ''
+        ? '全部'
+        : ended.value === true
           ? '审核完成'
           : '审核中'
-      getDeviceApply(_state)
-        .then((res) => {
-          if (res.data.code == 0) {
-            contentList.data = []
-            contentList.data = res.data.data.list || []
-            total.value = res.data.data.total
-            showType.value = '设备申请'
-            // 获取审核中，审核完成 数量
-            getDeviceNum()
-          }
-        })
-        .catch((err) => {})
-    } else if (Object.keys(typeStrObj).includes(typeName.value)) {
-      processDefinitionKey.value = typeStrObj[typeName.value]
-      params.processDefinitionKey = processDefinitionKey.value
-      getMyProcessInstancePage(params).then((res) => {
-        contentList.data = []
-        console.log(res.data.data.list)
-        contentList.data = res.data.data.list
-        total.value = res.data.data.total
-        initNum()
+    getDeviceApply(_state)
+      .then((res) => {
+        if (res.data.code == 0) {
+          contentList.data = []
+          contentList.data = res.data.data.list || []
+          total.value = res.data.data.total
+          showType.value = '设备申请'
+          // 获取审核中，审核完成 数量
+          getDeviceNum()
+        }
+      })
+      .catch((err) => { })
+  } else if (Object.keys(typeStrObj).includes(typeName.value)) {
+    processDefinitionKey.value = typeStrObj[typeName.value]
+    params.processDefinitionKey = processDefinitionKey.value
+    getMyProcessInstancePage(params).then((res) => {
+      contentList.data = []
+      console.log(res.data.data.list)
+      contentList.data = res.data.data.list
+      total.value = res.data.data.total
+      initNum()
 
-        switch (typeIndex.value) {
-          case 1:
-            contentList.data.map((val) => {
-              nengliziyuanshangjiaapply(val.businessKey).then((res1) => {
-                val.title = res1.data.data.resourceDTO.name
-                val.dto = res1.data.data.resourceDTO
-                showType.value = '能力上架'
-              })
+      switch (typeIndex.value) {
+        case 1:
+          contentList.data.map((val) => {
+            nengliziyuanshangjiaapply(val.businessKey).then((res1) => {
+              val.title = res1.data.data.resourceDTO.name
+              val.dto = res1.data.data.resourceDTO
+              showType.value = '能力上架'
             })
-            break
-          case 2:
-            contentList.data.map((val) => {
-              selectOneDel(val.businessKey).then((res1) => {
-                console.log('下架===========>', res1.data.data)
-                val.title = res1.data.data.name
-                val.dto = res1.data.data
-                showType.value = '能力下架'
-              })
+          })
+          break
+        case 2:
+          contentList.data.map((val) => {
+            selectOneDel(val.businessKey).then((res1) => {
+              console.log('下架===========>', res1.data.data)
+              val.title = res1.data.data.name
+              val.dto = res1.data.data
+              showType.value = '能力下架'
             })
-            break
-          case 3:
-            contentList.data.map((val) => {
-              getDemandForm(val.businessKey).then((res1) => {
-                console.log('需求===========>', res1.data.data)
-                val.title = res1.data.data.demandSubject
-                val.resourceStatusTip = res1.data.data.flagTip
-                val.dto = res1.data.data
-                showType.value = '能力需求'
-              })
+          })
+          break
+        case 3:
+          contentList.data.map((val) => {
+            getDemandForm(val.businessKey).then((res1) => {
+              console.log('需求===========>', res1.data.data)
+              val.title = res1.data.data.demandSubject
+              val.resourceStatusTip = res1.data.data.flagTip
+              val.dto = res1.data.data
+              showType.value = '能力需求'
             })
-            break
-          case 4:
-            contentList.data.map((val) => {
-              demandComment(val.businessKey).then((res1) => {
-                console.log('评论===========>', res1.data.data)
-                val.title = res1.data.data.comment
-                val.resourceStatusTip = res1.data.data.delFlagTip
-                val.dto = res1.data.data
-                showType.value = '需求评论'
-              })
+          })
+          break
+        case 4:
+          contentList.data.map((val) => {
+            demandComment(val.businessKey).then((res1) => {
+              console.log('评论===========>', res1.data.data)
+              val.title = res1.data.data.comment
+              val.resourceStatusTip = res1.data.data.delFlagTip
+              val.dto = res1.data.data
+              showType.value = '需求评论'
             })
-            break
+          })
+          break
+      }
+    })
+  } else {
+    contentList.data = []
+    num.value = []
+    showType.value = ''
+  }
+}
+const onSubmit = () => {
+  contentList.data = contentList2.data.filter(
+    (val) => val.BUSINESS_NAME.indexOf(formState.value.name) > -1
+  )
+}
+const handleCurrentChange = (val) => {
+  page.value = val
+  if (chooseTab.value == 2) {
+    getCloudList()
+  } else if (chooseTab.value == 3) {//视频资源
+    getVideoList()
+  } else {
+    getApplyList()
+  }
+}
+
+const handlePageSizeChange = (val) => {
+  page.value = val
+  if (chooseTab.value == 2) {
+    getCloudList()
+  } else if (chooseTab.value == 3) {//视频资源
+    getVideoList()
+  } else {
+    getApplyList()
+  }
+}
+
+const viewDetail = (processDefinitionName, id, ended, businessKey) => {
+  if (processDefinitionName == '能力申请流程') {
+    router.push({
+      path: '/details',
+      query: {
+        id: id,
+        ended: ended,
+      },
+    })
+  }
+  if (processDefinitionName == '能力资源上架') {
+    console.log('showDetail', id, businessKey, ended)
+    router.push({
+      path: '/details',
+      query: {
+        id: id,
+      },
+    })
+  }
+  if (processDefinitionName == '能力需求申请') {
+    router.push({
+      path: '/demandDetails',
+      query: {
+        id: businessKey,
+      },
+    })
+  }
+}
+
+// 下架能力
+const del = () => {
+  console.log('下架================》', delObj.value, reason.value)
+  delObj.value.undercarriageReason = reason.value
+  updateRes(delObj.value).then((upres) => {
+    if (upres.data.code == 0) {
+      relaunch({
+        data: { undercarriageReason: reason.value },
+        taskId: taskId.value,
+      }).then((res) => {
+        console.log('驳回================>', res)
+        if (res.data.code == 0) {
+          message.success('重新发起流程成功！')
+          visible.value = false
+          reason.value = ''
+        } else {
+          message.error('重新发起流程失败！')
         }
       })
     } else {
-      contentList.data = []
-      num.value = []
-      showType.value = ''
+      message.error('数据更新失败！')
     }
-  }
-  const onSubmit = () => {
-    contentList.data = contentList2.data.filter(
-      (val) => val.BUSINESS_NAME.indexOf(formState.value.name) > -1
-    )
-  }
-  const handleCurrentChange = (val) => {
-    page.value = val
-    if (chooseTab.value == 2) {
-      getCloudList()
-    } else {
-      getApplyList()
-    }
-  }
+  })
+}
 
-  const handlePageSizeChange = (val) => {
-    page.value = val
-    if (chooseTab.value == 2) {
-      getCloudList()
-    } else {
-      getApplyList()
+// 西海岸：设备申请列表 todo
+const getDeviceApply = (state) => {
+  return new Promise((resolve, reject) => {
+    let _data = {
+      page: page.value,
+      limit: 4,
+      state,
     }
-  }
-
-  const viewDetail = (processDefinitionName, id, ended, businessKey) => {
-    if (processDefinitionName == '能力申请流程') {
-      router.push({
-        path: '/details',
-        query: {
-          id: id,
-          ended: ended,
-        },
-      })
-    }
-    if (processDefinitionName == '能力资源上架') {
-      console.log('showDetail', id, businessKey, ended)
-      router.push({
-        path: '/details',
-        query: {
-          id: id,
-        },
-      })
-    }
-    if (processDefinitionName == '能力需求申请') {
-      router.push({
-        path: '/demandDetails',
-        query: {
-          id: businessKey,
-        },
-      })
-    }
-  }
-
-  // 下架能力
-  const del = () => {
-    console.log('下架================》', delObj.value, reason.value)
-    delObj.value.undercarriageReason = reason.value
-    updateRes(delObj.value).then((upres) => {
-      if (upres.data.code == 0) {
-        relaunch({
-          data: { undercarriageReason: reason.value },
-          taskId: taskId.value,
-        }).then((res) => {
-          console.log('驳回================>', res)
-          if (res.data.code == 0) {
-            message.success('重新发起流程成功！')
-            visible.value = false
-            reason.value = ''
-          } else {
-            message.error('重新发起流程失败！')
-          }
-        })
-      } else {
-        message.error('数据更新失败！')
-      }
-    })
-  }
-
-  // 西海岸：设备申请列表 todo
-  const getDeviceApply = (state) => {
-    return new Promise((resolve, reject) => {
-      let _data = {
-        page: page.value,
-        limit: 4,
-        state,
-      }
-      deviceApplylist(_data)
-        .then((res) => {
-          resolve(res)
-          console.log('res----设备申请-------->', res)
-        })
-        .catch((err) => {
-          reject(err)
-          console.log('err------------>', err)
-        })
-    })
-  }
-
-  // 西海岸：设备申请--查询详情
-  const getDeviceDetailInfo = (deviceId) => {
-    return new Promise((resolve, reject) => {
-      getDeviceDetail(deviceId)
-        .then((res) => {
-          resolve(res)
-          console.log('res----查询详情-------->', res)
-        })
-        .catch((err) => {
-          reject(err)
-          console.log('err------------>', err)
-        })
-    })
-  }
-
-  // 西海岸：设备申请-审核中, 审核完成数量
-  const getDeviceNum = () => {
-    if (!numFlag.value) {
-      return
-    }
-    num.value = []
-    Promise.all([getDeviceApply('审核中'), getDeviceApply('审核完成')])
+    deviceApplylist(_data)
       .then((res) => {
-        console.log('res-----数量------->', res)
-        let unfinished = res[0] && res[0].data && res[0].data.data
-        let finished = res[1] && res[1].data && res[1].data.data
-        num.value.unfinished = unfinished.total || ''
-        num.value.finished = finished.total || ''
-        numFlag.value = false
+        resolve(res)
+        console.log('res----设备申请-------->', res)
       })
-      .catch((err) => {})
+      .catch((err) => {
+        reject(err)
+        console.log('err------------>', err)
+      })
+  })
+}
+
+// 西海岸：设备申请--查询详情
+const getDeviceDetailInfo = (deviceId) => {
+  return new Promise((resolve, reject) => {
+    getDeviceDetail(deviceId)
+      .then((res) => {
+        resolve(res)
+        console.log('res----查询详情-------->', res)
+      })
+      .catch((err) => {
+        reject(err)
+        console.log('err------------>', err)
+      })
+  })
+}
+
+// 西海岸：设备申请-审核中, 审核完成数量
+const getDeviceNum = () => {
+  if (!numFlag.value) {
+    return
   }
+  num.value = []
+  Promise.all([getDeviceApply('审核中'), getDeviceApply('审核完成')])
+    .then((res) => {
+      console.log('res-----数量------->', res)
+      let unfinished = res[0] && res[0].data && res[0].data.data
+      let finished = res[1] && res[1].data && res[1].data.data
+      num.value.unfinished = unfinished.total || ''
+      num.value.finished = finished.total || ''
+      numFlag.value = false
+    })
+    .catch((err) => { })
+}
 
-  const showPhoneModal = () => {
-    phoneVisible.value = true
+const showPhoneModal = () => {
+  phoneVisible.value = true
+}
+
+mybus.on('closeModal', (obj) => {
+  detailsVisible.value = false
+  changeType(obj.type, obj.index)
+})
+onBeforeUnmount(() => {
+  mybus.off('closeModal')
+})
+onMounted(() => {
+  getApplyList()
+
+  if (props.tabTypeName) {
+    let _index = typeList.value.findIndex((v) => v == props.tabTypeName)
+    changeType(props.tabTypeName, _index != -1 ? _index : 0)
   }
-
-  mybus.on('closeModal', (obj) => {
-    detailsVisible.value = false
-    changeType(obj.type, obj.index)
-  })
-  onBeforeUnmount(() => {
-    mybus.off('closeModal')
-  })
-  onMounted(() => {
-    getApplyList()
-
-    if (props.tabTypeName) {
-      let _index = typeList.value.findIndex((v) => v == props.tabTypeName)
-      changeType(props.tabTypeName, _index != -1 ? _index : 0)
-    }
-  })
+})
 </script>
 
-<style scoped lang="less">
-  .queryButton {
-    background: #0058e1;
-    width: 80px;
-    height: 32px;
-    margin-left: 20px;
-    border: 1px solid #0058e1;
-    border-radius: 2px;
-    color: #fff;
+<style scoped lang="less" >
+// ::v-deep.ant-empty{
+//   height: 610px;
+//     font-size: 14px;
+//     line-height: 1.5715;
+//     text-align: center;
+//     background: #fff;
+//     padding-top: 200px;
+// }
+.top-title {
+  padding-top: 22px;
+  background: #f4f5f8;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  font-size: 18px;
+  font-family: 'Alibaba PuHuiTi';
+  color: #000000;
+  line-height: 0.34rem;
+  //margin-bottom: 0.2rem;
+
+  .photo {
+    display: inline-block;
+    height: 28px;
+    width: 28px;
+    margin-right: 0.1rem;
   }
-  .on-the-right-side-of-the-list {
-    background: #ffffff;
-    padding: 20px 0px 30px 20px;
-    position: absolute;
-    width: 1087px;
-    height: 810px;
-    top: 0px;
+
+  div {
+    padding: 0 0.4rem;
+    cursor: pointer;
     display: flex;
-    margin-top: 20px;
-    flex-direction: column;
-    font-size: 16px;
-    justify-content: left;
-    .second-title {
-      border-radius: 4px;
-      margin-top: 10px;
-      margin-bottom: 22px;
-      font-size: 18px;
-      cursor: pointer;
-      text-align: center;
-      background: #edf4fc;
-      width: 500px;
+    align-items: center;
+    width:25%;
+  }
+
+  div:hover {
+    color: #0058e1;
+  }
+
+  .sel {
+    font-weight: 600;
+    color: #0058e1;
+    border-bottom: 0.024rem solid #0058e1;
+  }
+}
+
+.queryButton {
+  background: #0058e1;
+  width: 80px;
+  height: 32px;
+  margin-left: 20px;
+  border: 1px solid #0058e1;
+  border-radius: 2px;
+  color: #fff;
+}
+
+.on-the-right-side-of-the-list {
+  background: #f4f5f8;
+  //padding: 20px 0px 30px 20px;
+  position: absolute;
+  width: 1087px;
+  height: 810px;
+  top: 0px;
+  display: flex;
+  margin-top: 20px;
+  flex-direction: column;
+  font-size: 16px;
+  justify-content: left;
+
+  .second-title {
+    background: #f4f5f8;
+    margin-left:100px;
+    margin-top: 30px;
+   // margin-bottom: 22px;
+    font-size: 18px;
+    cursor: pointer;
+    text-align: center;
+    background: #fff;
+    width: 820px;
+    height: 40px;
+    line-height: 40px;
+    display: table;
+    border-top: 1px solid #d9d9d9;
+    border-bottom: 1px solid #d9d9d9;
+   
+  }
+  .second-title div{
+    border-right: 1px solid #d9d9d9;
+
+  }
+  .second-title div:first-child{
+    border-left: 1px solid #d9d9d9;
+  
+  }
+
+  .chooseStyle {
+    display: table-cell;
+    width: 200px;
+    color: #fff;
+    border: 1px solid #0058e1;
+    background-color: #0058e1;
+
+  }
+
+  .noChooseStyle {
+    display: table-cell;
+    width: 200px;
+  }
+
+  .title {
+    font-size: 20px;
+    color: #000000;
+    font-family: 'Alibaba PuHuiTi';
+    font-weight: 500;
+  }
+
+  .sousuokuang {
+    margin: 20px 0px 21px 0px;
+
+    .ant-input-search {
+      max-width: 490px;
+    }
+
+    :deep(.ant-input) {
+      width: 400px;
       height: 36px;
-      line-height: 36px;
-      display: table;
-    }
-
-    .chooseStyle {
-      display: table-cell;
-      width: 25%;
-      color: #fff;
-      background-color: #0058e1;
-      font-weight: bolder;
-    }
-    .noChooseStyle {
-      display: table-cell;
-      width: 25%;
-    }
-    .title {
-      font-size: 20px;
-      color: #000000;
-      font-family: 'Alibaba PuHuiTi';
-      font-weight: 500;
-    }
-
-    .sousuokuang {
-      margin: 20px 0px 21px 0px;
-
-      .ant-input-search {
-        max-width: 490px;
-      }
-
-      :deep(.ant-input) {
-        width: 400px;
-        height: 36px;
-        font-size: 14px;
-        color: #b2b2b2;
-        background: #f5f5f5;
-      }
-
-      :deep(.ant-input-group-addon) {
-        display: inline-block;
-        margin-left: 10px;
-
-        .ant-input-search-button {
-          width: 80px;
-          height: 36px;
-          border-radius: 4px;
-          font-size: 14px;
-        }
-      }
-    }
-
-    .tab {
-      display: flex;
       font-size: 14px;
-      color: #999999;
+      color: #b2b2b2;
+      background: #f5f5f5;
+    }
 
-      div {
-        // width: 70px;
-        padding: 5px 10px;
-        height: 24px;
-        line-height: 14px;
-        border: 1px solid #cccccc;
-        border-radius: 12px;
-        margin-left: 10px;
-        text-align: center;
-        color: #666666;
-        cursor: pointer;
-      }
+    :deep(.ant-input-group-addon) {
+      display: inline-block;
+      margin-left: 10px;
 
-      .tabclass {
-        border: 1px solid #0087ff;
-        color: #0087ff;
+      .ant-input-search-button {
+        width: 80px;
+        height: 36px;
+        border-radius: 4px;
+        font-size: 14px;
       }
     }
-    .content-cloud {
-      padding: 0px 10px;
-      overflow-y: scroll;
-      height: 610px;
-      .content-cloud-body {
-        height: 100px;
-        height: 100px;
+  }
+
+  .tab {
+    display: flex;
+    font-size: 16px;
+    margin-left: 16px;
+    display: flex;
+ 
+ 
+    padding-top: 24px;
+    //margin-left: 16px;
+    border-bottom: 1px solid #0058e1;
+  
+       ;
+    div {
+  background: #eeeff1;
+
+      height: 40px;
+    width: 180px;
+    line-height: 40px;
+    border-radius: 2px;
+    text-align: center;
+    cursor: pointer;
+    color: #212121;
+    border-left: 1px solid #dddee1;
+    }
+
+   
+    .tabclass {
+      background: #fff;
+      border-left: 1px solid #0087ff;
+      border-right: 1px solid #0087ff;
+      border-top: 1px solid #0087ff;
+    }
+  }
+
+  .content-cloud {
+    padding: 0px 10px;
+    overflow-y: scroll;
+    height: 658px;
+    
+    background: #fff;
+    margin-left: 16px;
+    .content-cloud-body {
+      margin-bottom: 10px;
+      height: 100px;
+      height: 100px;
+      margin-bottom: 10px;
+      border-bottom: 1px solid #cccccc;
+
+      .content-body-left {
+        width: 85%;
+        float: left;
+
+        .content-body-left-one {
+          display: table;
+          height: 50px;
+          width: 80%;
+
+          div {
+            display: table-cell;
+            width: 50%;
+            font-size: 14px;
+          }
+        }
+
+        .content-body-left-two {
+          width: 80%;
+          height: 50px;
+          display: table;
+
+          div {
+            display: table-cell;
+            width: 30%;
+            font-size: 14px;
+          }
+        }
+      }
+
+      .content-body-right {
+        width: 15%;
+        float: left;
+      }
+    }
+  }
+
+  .content {
+    margin-left: 16px;
+    padding-left: 12px;
+    padding-right: 10px;
+    height: 610px;
+    overflow-y: scroll;
+    background: #fff;
+    .content-body {
+      padding-bottom: 10px;
+      padding-top: 10px;
+      margin-right: 10px;
+      height: 130px;
+      border-bottom: #cccccc 1px solid;
+      position: relative;
+
+      .withdraw {
+        width: 0.675rem;
+        height: 0.3rem;
+        background: url('~@/assets/home/withdraw.png') no-repeat;
+        background-size: 100%;
+        position: absolute;
+        top: 0.3rem;
+        left: 0.87rem;
+        transform: rotate(-30deg);
+      }
+
+      .content-body-title {
+        min-width: 100px;
+        max-width: 900px;
+        width: fit-content;
+        font-size: 14px;
+        color: #333333;
+        font-family: 'Alibaba PuHuiTi';
+        font-weight: 500;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .content-body-content {
+        margin-top: 10px;
         margin-bottom: 10px;
-        border-bottom: 1px solid #cccccc;
-        .content-body-left {
-          width: 85%;
-          float: left;
-
-          .content-body-left-one {
-            display: table;
-            height: 50px;
-            width: 80%;
-            div {
-              display: table-cell;
-              width: 50%;
-              font-size: 14px;
-            }
-          }
-          .content-body-left-two {
-            width: 80%;
-            height: 50px;
-            display: table;
-            div {
-              display: table-cell;
-              width: 30%;
-              font-size: 14px;
-            }
-          }
-        }
-        .content-body-right {
-          width: 15%;
-          float: left;
-        }
+        margin-right: 40px;
+        /* width: 720px; */
+        display: inline-block;
       }
-    }
-    .content {
-      padding-right: 10px;
-      height: 610px;
-      overflow-y: scroll;
 
-      .content-body {
-        padding-bottom: 20px;
-        padding-top: 20px;
-        margin-right: 10px;
-        height: 150px;
-        border-bottom: #cccccc 1px solid;
-        position: relative;
-        .withdraw {
-          width: 0.675rem;
-          height: 0.3rem;
-          background: url('~@/assets/home/withdraw.png') no-repeat;
-          background-size: 100%;
-          position: absolute;
-          top: 0.3rem;
-          left: 0.87rem;
-          transform: rotate(-30deg);
-        }
+      .content-body-content-son {
+        line-height: 16px;
+        font-size: 12px;
+        width: 100%;
+        // text-overflow: -o-ellipsis-lastline;
+        // overflow: hidden;
+        // text-overflow: ellipsis;
+        // display: -webkit-box;
+        // -webkit-line-clamp: 3;
+        // -webkit-box-orient: vertical;
+        display: flex;
+        color: #999999;
 
-        .content-body-title {
-          min-width: 100px;
-          max-width: 900px;
-          width: fit-content;
-          font-size: 14px;
-          color: #333333;
-          font-family: 'Alibaba PuHuiTi';
-          font-weight: 500;
+        span {
           overflow: hidden;
           text-overflow: ellipsis;
-          white-space: nowrap;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
+          max-width: 8.1rem;
+          line-height: 24px;
+          word-break: break-all;
         }
+      }
 
-        .content-body-content {
-          margin-top: 10px;
-          margin-bottom: 10px;
-          margin-right: 40px;
-          /* width: 720px; */
-          display: inline-block;
-        }
+      .content-body-bottom {
+        display: flex;
+        color: #cccccc;
+        font-size: 12px;
 
-        .content-body-content-son {
-          line-height: 16px;
-          font-size: 12px;
-          width: 100%;
-          // text-overflow: -o-ellipsis-lastline;
-          // overflow: hidden;
-          // text-overflow: ellipsis;
-          // display: -webkit-box;
-          // -webkit-line-clamp: 3;
-          // -webkit-box-orient: vertical;
-          display: flex;
-          color: #999999;
-
-          span {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-line-clamp: 1;
-            -webkit-box-orient: vertical;
-            max-width: 8.1rem;
-            line-height: 24px;
-            word-break: break-all;
-          }
-        }
-
-        .content-body-bottom {
-          display: flex;
-          color: #cccccc;
-          font-size: 12px;
-
-          div:first-child {
-            margin-right: 30px;
-          }
+        div:first-child {
+          margin-right: 30px;
         }
       }
     }
-
-    .bottom {
-      position: absolute;
-      bottom: 30px;
-      right: 20px;
-    }
-
-    .button-box {
-      position: absolute;
-      right: 20px;
-      top: 10px;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .button {
-      width: 96px;
-      height: 30px;
-      margin: 5px 0;
-      background: #0087ff;
-      font-size: 14px;
-      color: #fff;
-      border-radius: 4px;
-      text-align: center;
-      line-height: 30px;
-      cursor: pointer;
-    }
-
-    .buttonAgree {
-      background-color: #49c988;
-    }
-
-    .backToFirst {
-      background-color: rgb(214, 91, 91);
-    }
   }
 
-  :deep(.ant-badge-count) {
-    top: -5px;
-    right: -10px;
+  .bottom {
+    position: absolute;
+    bottom: 30px;
+    right: 20px;
   }
+
+  .button-box {
+    position: absolute;
+    right: 20px;
+    top: 10px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .button {
+    width: 80px;
+    height: 32px;
+    margin: 5px 0;
+    background: #0058e1;
+    font-size: 14px;
+    color: #fff;
+    border-radius: 1px;
+    text-align: center;
+    line-height: 32px;
+    cursor: pointer;
+  }
+
+  .buttonAgree {
+    background-color: #49c988;
+  }
+
+  .backToFirst {
+    background-color: rgb(214, 91, 91);
+  }
+}
+
+:deep(.ant-badge-count) {
+  top: -5px;
+  right: -10px;
+}
 </style>