From 7918e07b6c69793b670432bb3d8b209407757a1d Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Thu, 29 Sep 2022 11:37:08 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E9=A6=96=E9=A1=B55=E4=B8=AA?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=B1=95=E7=A4=BA=E6=A8=A1=E5=9D=97=E8=A6=81?=
 =?UTF-8?q?=E8=AE=A9=E7=94=A8=E6=88=B7=E8=83=BD=E6=98=8E=E6=98=BE=E7=9A=84?=
 =?UTF-8?q?=E6=B8=85=E6=A5=9A=E5=8F=AF=E2=80=9C=E7=82=B9=E5=87=BB=E8=BF=9B?=
 =?UTF-8?q?=E5=85=A5=E2=80=9D=EF=BC=88=E6=AF=94=E5=A6=82=E5=AD=97=E4=B8=8B?=
 =?UTF-8?q?=E9=9D=A2=E5=8A=A0=E4=B8=8B=E5=88=92=E7=BA=BF=E6=88=96=E8=80=85?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E7=A7=BB=E5=85=A5=E6=97=B6=E2=80=9C=E5=B0=8F?=
 =?UTF-8?q?=E6=89=8B=E2=80=9C=E5=9B=BE=E6=A0=87=E8=A6=81=E6=98=8E=E6=98=BE?=
 =?UTF-8?q?=E7=AD=89=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/modules/abilityStatistics/index.vue | 959 ++++++++++--------
 .../components/CapabilityConvergence.vue      | 767 +++++++-------
 .../views/newHome/components/Navigation2.vue  |  85 +-
 front/src/views/newHome/index.vue             |   2 +-
 4 files changed, 966 insertions(+), 847 deletions(-)

diff --git a/back/src/views/modules/abilityStatistics/index.vue b/back/src/views/modules/abilityStatistics/index.vue
index 9385c14c..ce792b00 100644
--- a/back/src/views/modules/abilityStatistics/index.vue
+++ b/back/src/views/modules/abilityStatistics/index.vue
@@ -1,7 +1,7 @@
 <template>
-<div >
-    <div class='container'>
-         <!-- <div class='container-left'  v-if='homeIsShow'>
+  <div>
+    <div class="container">
+      <!-- <div class='container-left'  v-if='homeIsShow'>
         <div class='left-search'>
             <div>
                 <input type="text" class='input-style' placeholder="请输入部门关键词" v-model="inputTxt">
@@ -22,74 +22,76 @@
            </span>
         </el-tree>
          </div> -->
-           <el-form :inline="true">
-           <!--起始日期 @keyup.enter.native="getDataList()"-->
-         <el-form-item>
-         <el-date-picker
+      <el-form :inline="true">
+        <!--起始日期 @keyup.enter.native="getDataList()"-->
+        <el-form-item>
+          <el-date-picker
             v-model="value1"
             type="datetimerange"
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
-            format='yyyy-MM-dd HH:mm:ss'
-            value-format='yyyy-MM-dd HH:mm:ss'
+            format="yyyy-MM-dd HH:mm:ss"
+            value-format="yyyy-MM-dd HH:mm:ss"
           >
           </el-date-picker>
-         </el-form-item>
-          <!--审核状态-->
+        </el-form-item>
+        <!--审核状态-->
         <el-form-item>
           <el-select
             v-model="examineStatus"
             placeholder="请选审核状态"
             clearable
           >
-            <el-option
-              label="审核完成"
-              value="1"
-            ></el-option>
-            <el-option
-              label="审核中"
-              value="0"
-            ></el-option>
+            <el-option label="审核完成" value="1"></el-option>
+            <el-option label="审核中" value="0"></el-option>
           </el-select>
         </el-form-item>
-      
-          <!--部门-->
-         <el-form-item>
+
+        <!--部门-->
+        <el-form-item>
           <el-select
             v-model="abilityDepartment"
             placeholder="请选择部门"
             clearable
           >
-             <el-option label="全部" value=""></el-option>
-            <el-option v-for="item in departmentSelects" :key="item.label" v-bind="item"></el-option>
+            <el-option label="全部" value=""></el-option>
+            <el-option
+              v-for="item in departmentSelects"
+              :key="item.label"
+              v-bind="item"
+            ></el-option>
           </el-select>
         </el-form-item>
 
-         <!--类型-->
-         <el-form-item>
-          <el-select
-            v-model="abilityType"
-            placeholder="请选择类型"
-            clearable
-          >
-             <el-option label="全部" value=""></el-option>
-            <el-option v-for="item in typeOptions" :key="item.name" :label="item.name" :value="item.name" v-bind="item"></el-option>
+        <!--类型-->
+        <el-form-item>
+          <el-select v-model="abilityType" placeholder="请选择类型" clearable>
+            <el-option label="全部" value=""></el-option>
+            <el-option
+              v-for="item in typeOptions"
+              :key="item.name"
+              :label="item.name"
+              :value="item.name"
+              v-bind="item"
+            ></el-option>
           </el-select>
         </el-form-item>
-       
+
         <!--操作按钮查询-->
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
         <!--操作按钮重置-->
         <el-form-item>
-          <el-button type="primary" @click="resetDataList()">{{ $t('reset') }}</el-button>
+          <el-button type="primary" @click="resetDataList()">{{
+            $t('reset')
+          }}</el-button>
         </el-form-item>
-        </el-form>
-     <el-card shadow="never" class="aui-card--fill"  v-if='homeIsShow'>
-    <div class="mod-demand__bsdemand">
-       <!--  <div class='top-box'>
+      </el-form>
+      <el-card shadow="never" class="aui-card--fill" v-if="homeIsShow">
+        <div class="mod-demand__bsdemand">
+          <!--  <div class='top-box'>
             <span class='title'>能力统计</span>
             <div class='title-list-style'>
             <div v-for="(item,index) in titleList" :key='index' class='title-single' :class="{'choseStyle':choseId=== index}" @click="choseBtn(index)">
@@ -98,119 +100,122 @@
            </div>
         </div> -->
 
-         <div class='second-title'>
-            <span style='margin-right:30px' :class="[(departmentId===1 || departmentId===3)?'departmentStyle':'']" @click="handleChose(1)">
-                能力上架统计
+          <div class="second-title">
+            <span
+              style="margin-right: 30px"
+              :class="[
+                departmentId === 1 || departmentId === 3
+                  ? 'departmentStyle'
+                  : ''
+              ]"
+              @click="handleChose(1)"
+            >
+              能力上架统计
             </span>
-            <span  :class="[(departmentId===2 || departmentId===4)?'departmentStyle':'']"  @click="handleChose(2)">
-               能力使用统计
+            <span
+              :class="[
+                departmentId === 2 || departmentId === 4
+                  ? 'departmentStyle'
+                  : ''
+              ]"
+              @click="handleChose(2)"
+            >
+              能力使用统计
             </span>
-         <!--   <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']"  @click="handleChose(3)">
+            <!--   <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']"  @click="handleChose(3)">
                 能力上架明细
             </span>
            <span v-if='this.choseId===0' :class="[departmentId===4?'departmentStyle':'']"  @click="handleChose(4)">
                 能力使用明细
             </span> -->
-            <span  v-if="detailFlag" class="detail-button" @click="goToDetail()">
-               明细
+            <span v-if="detailFlag" class="detail-button" @click="goToDetail()">
+              明细
             </span>
-            <span  v-else class="detail-button" @click="goToBack()">
-               返回
-            </span>
-         </div>
-         <div class='line-style'></div>
-         <!--统计表-->
+            <span v-else class="detail-button" @click="goToBack()"> 返回 </span>
+          </div>
+          <div class="line-style"></div>
+          <!--统计表-->
           <el-table
             :data="tableData"
-            :header-cell-style="{textAlign:'center'}"
-            :cell-style="{textAlign:'center'}"
+            :header-cell-style="{ textAlign: 'center' }"
+            :cell-style="{ textAlign: 'center' }"
             border
-            style="width: 100%" v-show='this.departmentId===1 ||this.departmentId===2'>
-        <el-table-column
-            prop="name"
-            label="部门名称"
-            min-width="100%">
-        </el-table-column>
+            style="width: 100%"
+            v-show="this.departmentId === 1 || this.departmentId === 2"
+          >
+            <el-table-column prop="name" label="部门名称" min-width="100%">
+            </el-table-column>
             <el-table-column label="组件">
-              <el-table-column
-                  prop="znsf"
-                  label="智能算法"
-                  min-width="100%">
+              <el-table-column prop="znsf" label="智能算法" min-width="100%">
+              </el-table-column>
+              <el-table-column prop="tcfw" label="图层服务" min-width="100%">
               </el-table-column>
               <el-table-column
-                  prop="tcfw"
-                  label="图层服务"
-                  min-width="100%">
+                prop="kfzj"
+                label="通用开发组件"
+                min-width="100%"
+              >
               </el-table-column>
               <el-table-column
-                    prop="kfzj"
-                    label="通用开发组件"
-                    min-width="100%">
-                </el-table-column>
-              <el-table-column
-                      prop="ywzj"
-                      label="业务能力组件"
-                      min-width="100%">
+                prop="ywzj"
+                label="业务能力组件"
+                min-width="100%"
+              >
+              </el-table-column>
             </el-table-column>
+            <el-table-column prop="yyzy" label="应用资源" min-width="100%">
             </el-table-column>
-            <el-table-column
-                prop="yyzy"
-                label="应用资源"
-                min-width="100%">
+            <el-table-column prop="zj" label="总计" min-width="100%">
             </el-table-column>
-            <el-table-column
-                prop="zj"
-                label="总计"
-                min-width="100%">
+          </el-table>
+          <!--明细表-->
+
+          <el-table
+            :data="tableData"
+            style="width: 100%"
+            v-show="this.departmentId === 3 || this.departmentId === 4"
+          >
+            <el-table-column prop="deptName" label="部门" width="180">
             </el-table-column>
-         </el-table>
-        <!--明细表-->
-        
-    <el-table
-      :data="tableData"
-      style="width: 100%"
-      v-show='this.departmentId===3 ||this.departmentId===4'
-      >
-      <el-table-column
-        prop="deptName"
-        label="部门"
-        width="180">
-      </el-table-column>
-      <el-table-column
-        prop="resourceName"
-        label="资源名称"
-        width="180">
-      </el-table-column>
-      <el-table-column
-        prop="type"
-        label="类型">
-      </el-table-column>
-      <el-table-column
-        prop="createDate"
-        label="日期">
-      </el-table-column>
-      <el-table-column
-        prop="approveStatus"
-        label="状态">
-      </el-table-column>
-    </el-table>
-    <div class="block">
-    <el-pagination
-      @current-change="handleCurrentChange"
-      layout="total, prev, pager, next, jumper"
-      :total="total"
-      :page-size="5"
-      :current-page="currentPage"
-      >
-    </el-pagination>
+            <el-table-column prop="resourceName" label="资源名称" width="180">
+            </el-table-column>
+            <el-table-column prop="type" label="类型"> </el-table-column>
+            <el-table-column prop="createDate" label="日期"> </el-table-column>
+            <el-table-column prop="approveStatus" label="状态">
+            </el-table-column>
+          </el-table>
+          <div class="block">
+            <el-pagination
+              @current-change="handleCurrentChange"
+              layout="total, prev, pager, next, jumper"
+              :total="total"
+              :page-size="5"
+              :current-page="currentPage"
+            >
+            </el-pagination>
+          </div>
+        </div>
+      </el-card>
+    </div>
+    <component-used
+      v-if="UsedIsShow"
+      :tableId="tableId"
+      :fatherId="fatherId"
+      @closeChild2="closeChild2"
+    ></component-used>
+    <component-services
+      v-if="servicesIsShow"
+      :tableId="tableId"
+      :fatherId="fatherId"
+      @closeChild="closeChild"
+    ></component-services>
+    <application-resources
+      v-if="resourcesIsShow"
+      :tableId="tableId"
+      :fatherId="fatherId"
+      @closeApplication="closeApplication"
+    ></application-resources>
   </div>
-    </div>
-  </el-card>
-    </div>
-   <component-used v-if='UsedIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild2='closeChild2'></component-used>
-   <component-services v-if='servicesIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild='closeChild'></component-services>
-   <application-resources  v-if='resourcesIsShow'  :tableId='tableId' :fatherId='fatherId' @closeApplication='closeApplication'></application-resources>
-</div>
 </template>
 <script>
 import componentServices from './componentServices.vue'
@@ -224,41 +229,63 @@ export default {
       inputTxt: '',
       tableId: '',
       fatherId: '',
-      treeData: [{
-        label: '一级 1',
-        children: [{
-          label: '二级 1-1',
-          children: [{
-            label: '三级 1-1-1'
-          }]
-        }]
-      }, {
-        label: '一级 2',
-        children: [{
-          label: '二级 2-1',
-          children: [{
-            label: '三级 2-1-1'
-          }]
-        }, {
-          label: '二级 2-2',
-          children: [{
-            label: '三级 2-2-1'
-          }]
-        }]
-      }, {
-        label: '一级 3',
-        children: [{
-          label: '二级 3-1',
-          children: [{
-            label: '三级 3-1-1'
-          }]
-        }, {
-          label: '二级 3-2',
-          children: [{
-            label: '三级 3-2-1'
-          }]
-        }]
-      }],
+      treeData: [
+        {
+          label: '一级 1',
+          children: [
+            {
+              label: '二级 1-1',
+              children: [
+                {
+                  label: '三级 1-1-1'
+                }
+              ]
+            }
+          ]
+        },
+        {
+          label: '一级 2',
+          children: [
+            {
+              label: '二级 2-1',
+              children: [
+                {
+                  label: '三级 2-1-1'
+                }
+              ]
+            },
+            {
+              label: '二级 2-2',
+              children: [
+                {
+                  label: '三级 2-2-1'
+                }
+              ]
+            }
+          ]
+        },
+        {
+          label: '一级 3',
+          children: [
+            {
+              label: '二级 3-1',
+              children: [
+                {
+                  label: '三级 3-1-1'
+                }
+              ]
+            },
+            {
+              label: '二级 3-2',
+              children: [
+                {
+                  label: '三级 3-2-1'
+                }
+              ]
+            }
+          ]
+        }
+      ],
       total: null,
       defaultProps: {
         children: 'children',
@@ -272,45 +299,58 @@ export default {
       resourcesIsShow: false,
       UsedIsShow: false,
       titleList: [
-        { name: '组件服务', key: 1 }, { name: '应用资源', key: 2 }, { name: '基础设施', key: 3 }, { name: '数据资源', key: 3 }, { name: '知识库', key: 3 }
+        { name: '组件服务', key: 1 },
+        { name: '应用资源', key: 2 },
+        { name: '基础设施', key: 3 },
+        { name: '数据资源', key: 3 },
+        { name: '知识库', key: 3 }
       ],
       tableData: [{ deptName: '部门', resourceNum: 222 }],
-      tableData2: [{ approveStatus: '', createDate: '' ,deptName:'',resourceName:'',type:''}],
-        examineStatus: '0',//审核状态
-       value1:[],//起始时间
-       abilityDepartment:"",//部门
-       abilityType:"",//能力
-       beginTime: '',//开始时间
-       endTime: '',//结束时间
-       typeOptions:[
+      tableData2: [
+        {
+          approveStatus: '',
+          createDate: '',
+          deptName: '',
+          resourceName: '',
+          type: ''
+        }
+      ],
+      examineStatus: '0', // 审核状态
+      value1: [], // 起始时间
+      abilityDepartment: '', // 部门
+      abilityType: '', // 能力
+      beginTime: '', // 开始时间
+      endTime: '', // 结束时间
+      typeOptions: [
         { name: '智能算法', value: 1 },
-        { name: '图层服务', value: 2 }, 
-        { name: '通用开发组件', value: 3 }, 
-        { name: '页面开发组件', value: 4 }, 
-        { name: '应用资源', value: 5 }],//类型备选列表
-        detailFlag:true,//明细返回按钮显示标志位
-        startDate:"",//开始时间
-        endDate:"" // 结束时间
+        { name: '图层服务', value: 2 },
+        { name: '通用开发组件', value: 3 },
+        { name: '页面开发组件', value: 4 },
+        { name: '应用资源', value: 5 }
+      ], // 类型备选列表
+      detailFlag: true, // 明细返回按钮显示标志位
+      startDate: '', // 开始时间
+      endDate: '' // 结束时间
     }
   },
   created () {
- //当前设定的日期时间
-      let d = new Date
-      let year1,month1,day1;
-      [year1,month1,day1] = [d.getFullYear(),d.getMonth(),d.getDate()]
-      let date1 = new Date(year1, month1, day1,7)
-      this.value1.push(date1)
-      //前一天设定的日期时间
-      let year2,month2,day2
-      d.setTime(d.getTime()-24*60*60*1000);
-      [year2,month2,day2] = [d.getFullYear(),d.getMonth(),d.getDate()]
-      let date2 = new Date(year2,month2,day2,7)
-      this.value1.unshift(date2)
+    // 当前设定的日期时间
+    const d = new Date()
+    let year1, month1, day1
+    ;[year1, month1, day1] = [d.getFullYear(), d.getMonth(), d.getDate()]
+    const date1 = new Date(year1, month1, day1, 7)
+    this.value1.push(date1)
+    // 前一天设定的日期时间
+    let year2, month2, day2
+    d.setTime(d.getTime() - 24 * 60 * 60 * 1000)
+    ;[year2, month2, day2] = [d.getFullYear(), d.getMonth(), d.getDate()]
+    const date2 = new Date(year2, month2, day2, 7)
+    this.value1.unshift(date2)
   },
   mounted () {
     this.getFirstTree()
   },
-     computed: {
+  computed: {
     ...mapState(['departmentSelects'])
   },
   methods: {
@@ -332,16 +372,18 @@ export default {
       }
     },
     getTreeName (data) {
-      this.$http.get('/census/center/v3/treeList/', {
-        params: {
-          keywords: data.name,
-          deptId: '1067246875800000066'
-          // pageNo: pageNo || 1,
-          // pageSize: 20
-        }
-      }).then(res => {
-        this.tableData = res.data.data
-      })
+      this.$http
+        .get('/census/center/v3/treeList/', {
+          params: {
+            keywords: data.name,
+            deptId: '1067246875800000066'
+            // pageNo: pageNo || 1,
+            // pageSize: 20
+          }
+        })
+        .then((res) => {
+          this.tableData = res.data.data
+        })
     },
     //  // 获取部门列表
     //     getALLTree () {
@@ -360,157 +402,196 @@ export default {
 
     // 组件服务部门发布情况--改为能力上架统计
     getFirstTree (page) {
-      this.$http.get('/census/center/selectDeptDetailTypeCountList/', {
-        params: {
-          page: page || 1,
-          limit: 5,
-          approveStatus: this.examineStatus,
-          deptId: this.abilityDepartment,
-          params: '',
-          startDate:this.startDate,
-          endDate:this.endDate
-        }
-      }).then(res => {
-        let result= res.data.data
-        for(let i=0;i<result.length;i++){
-               if(!result[i].hasOwnProperty('yyzy') ){
-                 result[i].yyzy= 0
-               }
-          if(!result[i].hasOwnProperty('kfzj') ){
-            result[i].kfzj= 0
+      this.$http
+        .get('/census/center/selectDeptDetailTypeCountList/', {
+          params: {
+            page: page || 1,
+            limit: 5,
+            approveStatus: this.examineStatus,
+            deptId: this.abilityDepartment,
+            params: '',
+            startDate: this.startDate,
+            endDate: this.endDate
           }
-          if(!result[i].hasOwnProperty('znsf') ){
-            result[i].znsf= 0
+        })
+        .then((res) => {
+          const result = res.data.data
+          for (let i = 0; i < result.length; i++) {
+            if (!result[i].hasOwnProperty('yyzy')) {
+              result[i].yyzy = 0
+            }
+            if (!result[i].hasOwnProperty('kfzj')) {
+              result[i].kfzj = 0
+            }
+            if (!result[i].hasOwnProperty('znsf')) {
+              result[i].znsf = 0
+            }
+            if (!result[i].hasOwnProperty('tcfw')) {
+              result[i].tcfw = 0
+            }
+            if (!result[i].hasOwnProperty('ywzj')) {
+              result[i].ywzj = 0
+            }
+            result[i].zj =
+              parseInt(result[i].yyzy) +
+              parseInt(result[i].kfzj) +
+              parseInt(result[i].znsf) +
+              parseInt(result[i].ywzj) +
+              parseInt(result[i].tcfw)
           }
-          if(!result[i].hasOwnProperty('tcfw') ){
-            result[i].tcfw= 0
-          }
-          if(!result[i].hasOwnProperty('ywzj') ){
-            result[i].ywzj= 0
-          }
-          result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
-        }
-        this.tableData = res.data.data
-        this.total = res.data.data.total
-      })
+          this.tableData = res.data.data
+          this.total = res.data.data.total
+        })
     },
     // 组件服务部门使用情况列表-改为能力使用统计
     getSecondTree () {
-      this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
-        params: {
-         // page: page || 1,
-          limit: 5,
-          approveStatus:this.examineStatus,
-          deptId: this.abilityDepartment,
-          params: '',
-          startDate:this.startDate,
-          endDate:this.endDate
-        }
-      }).then(res => {
-        let result= res.data.data
-        for(let i=0;i<result.length;i++){
-          if(!result[i].hasOwnProperty('yyzy') ){
-            result[i].yyzy= 0
+      this.$http
+        .get('/census/center/selectApplyDeptDetailTypeCountList', {
+          params: {
+            // page: page || 1,
+            // limit: 5,
+            approveStatus: this.examineStatus,
+            deptId: this.abilityDepartment,
+            params: '',
+            startDate: this.startDate,
+            endDate: this.endDate
           }
-          if(!result[i].hasOwnProperty('kfzj') ){
-            result[i].kfzj= 0
+        })
+        .then((res) => {
+          const result = res.data.data
+          for (let i = 0; i < result.length; i++) {
+            if (!result[i].hasOwnProperty('yyzy')) {
+              result[i].yyzy = 0
+            }
+            if (!result[i].hasOwnProperty('kfzj')) {
+              result[i].kfzj = 0
+            }
+            if (!result[i].hasOwnProperty('znsf')) {
+              result[i].znsf = 0
+            }
+            if (!result[i].hasOwnProperty('tcfw')) {
+              result[i].tcfw = 0
+            }
+            if (!result[i].hasOwnProperty('ywzj')) {
+              result[i].ywzj = 0
+            }
+            result[i].zj =
+              parseInt(result[i].yyzy) +
+              parseInt(result[i].kfzj) +
+              parseInt(result[i].znsf) +
+              parseInt(result[i].ywzj) +
+              parseInt(result[i].tcfw)
           }
-          if(!result[i].hasOwnProperty('znsf') ){
-            result[i].znsf= 0
-          }
-          if(!result[i].hasOwnProperty('tcfw') ){
-            result[i].tcfw= 0
-          }
-          if(!result[i].hasOwnProperty('ywzj') ){
-            result[i].ywzj= 0
-          }
-          result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
-        }
-        this.tableData = res.data.data
-        this.total = res.data.data.total
-      })
+          this.tableData = res.data.data
+          this.total = res.data.data.total
+        })
     },
     // 能力上架明细
     getOneDetail (page) {
-      this.$http.get('/census/center/selectCensusResourceTable/', {
-        params: {
-          limit: 5,
-         // page: page || 1,
-          approveStatus: this.examineStatus,
-          deptId: this.abilityDepartment,
-          params: '',
-          startDate:this.startDate,
-          endDate:this.endDate
-        }
-      }).then(res => {
-        console.log('111111',this.tableData,res.data.data)
-        this.tableData = res.data.data
-        this.total = res.data.data.total
-      })
+      var passAndReview = '' // 转变"审核完成"字段为通过
+      if (this.examineStatus === '审核完成') {
+        passAndReview = '通过'
+      } else {
+        passAndReview = this.examineStatus
+      }
+      this.$http
+        .get('/census/center/selectCensusResourceTable', {
+          params: {
+            // limit: 5,
+            // page: page || 1,
+            approveStatus: passAndReview,
+            deptId: this.abilityDepartment,
+            type: '',
+            startDate: this.startDate,
+            endDate: this.endDate
+          }
+        })
+        .then((res) => {
+          console.log('111111', this.tableData, res.data.data)
+          this.tableData = res.data.data
+          this.total = res.data.data.total
+        })
     },
     // 能力使用明细
     getTwoDetail (page) {
-      this.$http.get('/census/center/selectCensusApplyTable/', {
-        params: {
-          limit: 5,
-          // page: page || 1,
-          approveStatus: this.examineStatus,
-          deptId: this.abilityDepartment,
-          params: '',
-          startDate:this.startDate,
-          endDate:this.endDate
-        }
-      }).then(res => {
-        this.tableData = res.data.data
-        this.total = res.data.data.total
-      })
+      var passAndReview = '' // 转变"审核完成"字段为通过
+      if (this.examineStatus === '审核完成') {
+        passAndReview = '通过'
+      } else {
+        passAndReview = this.examineStatus
+      }
+      this.$http
+        .get('/census/center/selectCensusApplyTable', {
+          params: {
+            // limit: 5,
+            // page: page || 1,
+            approveStatus: this.examineStatus,
+            deptId: this.abilityDepartment,
+            type: '',
+            startDate: this.startDate,
+            endDate: this.endDate
+          }
+        })
+        .then((res) => {
+          this.tableData = res.data.data
+          this.total = res.data.data.total
+        })
     },
     getReleaseTree (page) {
-      this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
-        params: {
-          limit: 5,
-          // page: page || 1,
-          approveStatus: '',
-          deptId: '',
-          params: '',
-          startDate: ''
-        }
-      }).then(res => {
-        let result= res.data.data
-        for(let i=0;i<result.length;i++){
-          if(!result[i].hasOwnProperty('yyzy') ){
-            result[i].yyzy= 0
+      this.$http
+        .get('/census/center/selectApplyDeptDetailTypeCountList/', {
+          params: {
+            limit: 5,
+            // page: page || 1,
+            approveStatus: '',
+            deptId: '',
+            params: '',
+            startDate: ''
           }
-          if(!result[i].hasOwnProperty('kfzj') ){
-            result[i].kfzj= 0
+        })
+        .then((res) => {
+          const result = res.data.data
+          for (let i = 0; i < result.length; i++) {
+            if (!result[i].hasOwnProperty('yyzy')) {
+              result[i].yyzy = 0
+            }
+            if (!result[i].hasOwnProperty('kfzj')) {
+              result[i].kfzj = 0
+            }
+            if (!result[i].hasOwnProperty('znsf')) {
+              result[i].znsf = 0
+            }
+            if (!result[i].hasOwnProperty('tcfw')) {
+              result[i].tcfw = 0
+            }
+            if (!result[i].hasOwnProperty('ywzj')) {
+              result[i].ywzj = 0
+            }
+            result[i].zj =
+              parseInt(result[i].yyzy) +
+              parseInt(result[i].kfzj) +
+              parseInt(result[i].znsf) +
+              parseInt(result[i].ywzj) +
+              parseInt(result[i].tcfw)
           }
-          if(!result[i].hasOwnProperty('znsf') ){
-            result[i].znsf= 0
-          }
-          if(!result[i].hasOwnProperty('tcfw') ){
-            result[i].tcfw= 0
-          }
-          if(!result[i].hasOwnProperty('ywzj') ){
-            result[i].ywzj= 0
-          }
-          result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
-        }
-        this.tableData = res.data.data
-        this.total = res.data.data.total
-      })
+          this.tableData = res.data.data
+          this.total = res.data.data.total
+        })
     },
     // 应用资源部门使用情况列表
     getUsedTree () {
-      this.$http.get('/census/center/v3/resourceReleaseDetails/', {
-        params: {
-          limit: 5,
-          page: 1,
-          // id:'1067246875800000066',
-          resourceType: '应用资源'
-        }
-      }).then(res => {
-        this.tableData = res.data.data.list
-      })
+      this.$http
+        .get('/census/center/v3/resourceReleaseDetails/', {
+          params: {
+            limit: 5,
+            page: 1,
+            // id:'1067246875800000066',
+            resourceType: '应用资源'
+          }
+        })
+        .then((res) => {
+          this.tableData = res.data.data.list
+        })
     },
     handleClick (row) {
       if (this.choseId === 0) {
@@ -553,34 +634,33 @@ export default {
       this.departmentId = index
       if (index === 1) {
         if (this.choseId === 0) {
-          if(!this.detailFlag){
-            this.detailFlag = !this.detailFlag;
+          if (!this.detailFlag) {
+            this.detailFlag = !this.detailFlag
           }
           this.getFirstTree()
         } else if (this.choseId === 1) {
-          //this.getReleaseTree()
+          // this.getReleaseTree()
         }
       } else if (index === 2) {
         if (this.choseId === 0) {
-          if(!this.detailFlag){
-            this.detailFlag = !this.detailFlag;
+          if (!this.detailFlag) {
+            this.detailFlag = !this.detailFlag
           }
           this.getSecondTree()
         } else {
-          //this.getUsedTree()
+          // this.getUsedTree()
         }
-      }
-      else if (index === 3) {
+      } else if (index === 3) {
         if (this.choseId === 0) {
           this.getOneDetail()
         } else {
-          //this.getUsedTree()
+          // this.getUsedTree()
         }
-      }  else if (index === 4) {
+      } else if (index === 4) {
         if (this.choseId === 0) {
           this.getTwoDetail()
         } else {
-         // this.getUsedTree()
+          // this.getUsedTree()
         }
       }
     },
@@ -603,117 +683,113 @@ export default {
       this.resourcesIsShow = false
       this.handleCurrentChange(1)
     },
-    //明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
-    goToDetail(){
-      this.detailFlag = !this.detailFlag;
-      if(this.departmentId===1){
-       this.handleChose(3);
-       //this.departmentId = 1;
-      }else if(this.departmentId===2){
-       this.handleChose(4);
-       //this.departmentId = 2;
-      }else{
-
+    // 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
+    goToDetail () {
+      this.detailFlag = !this.detailFlag
+      if (this.departmentId === 1) {
+        this.handleChose(3)
+        // this.departmentId = 1;
+      } else if (this.departmentId === 2) {
+        this.handleChose(4)
+        // this.departmentId = 2;
+      } else {
       }
     },
-    //返回按钮
-    goToBack(){
-      //departmentId 1，3  2，4 两个值共同判断
-      this.detailFlag = !this.detailFlag;
-      if(this.departmentId===3){
-       this.handleChose(1);
-       //this.departmentId = 1;
-      }else if(this.departmentId===4){
-       this.handleChose(2);
-       //this.departmentId = 2;
-      }else{
-
+    // 返回按钮
+    goToBack () {
+      // departmentId 1，3  2，4 两个值共同判断
+      this.detailFlag = !this.detailFlag
+      if (this.departmentId === 3) {
+        this.handleChose(1)
+        // this.departmentId = 1;
+      } else if (this.departmentId === 4) {
+        this.handleChose(2)
+        // this.departmentId = 2;
+      } else {
       }
     },
-    //点击查询按钮查询数据
-    getDataList(){
-      if(this.value1.length >0){
-        this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss');
-        this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss');
+    // 点击查询按钮查询数据
+    getDataList () {
+      if (this.value1.length > 0) {
+        this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss')
+        this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss')
       }
-      if(this.examineStatus == 0){
-        this.examineStatus = "审核中";
-      }else{
-          this.examineStatus = "审核完成";
+      if (this.examineStatus == 0) {
+        this.examineStatus = '审核中'
+      } else {
+        this.examineStatus = '审核完成'
       }
 
-      if( this.abilityDepartment){
+      if (this.abilityDepartment) {
         this.abilityDepartment = this.abilityDepartment
       } else {
-        this.abilityDepartment = "全部";
+        this.abilityDepartment = ''
       }
 
-      if(this.abilityType){
-       this.abilityType = this.abilityType;
+      if (this.abilityType) {
+        this.abilityType = this.abilityType
       } else {
-        this.abilityType = "全部";
+        this.abilityType = ''
       }
-      console.log('查询参数开始时间1',this.startDate);
-      console.log('查询参数结束时间2',this.endDate);
-      console.log('查询参数审核状态',this.examineStatus);
-      console.log('查询参数部门',this.abilityDepartment);
-      console.log('查询参数类型',this.abilityType);
-      if(this.departmentId===1){
-        if(this.detailFlag){
-          this.handleChose(3);
-          this.detailFlag = !this.detailFlag;
-        }else {
-          this.handleChose(1);
-          this.detailFlag = !this.detailFlag;
+      console.log('查询参数开始时间1', this.startDate)
+      console.log('查询参数结束时间2', this.endDate)
+      console.log('查询参数审核状态', this.examineStatus)
+      console.log('查询参数部门', this.abilityDepartment)
+      console.log('查询参数类型', this.abilityType)
+      if (this.departmentId === 1) {
+        if (this.detailFlag) {
+          this.handleChose(3)
+          this.detailFlag = !this.detailFlag
+        } else {
+          this.handleChose(1)
+          this.detailFlag = !this.detailFlag
         }
-       //this.departmentId = 1;
-      }else if(this.departmentId===2){
-        if(this.detailFlag){
-           this.handleChose(4);
-           this.detailFlag = !this.detailFlag;
-        }else {
-           this.handleChose(2);
-           this.detailFlag = !this.detailFlag;
+        // this.departmentId = 1;
+      } else if (this.departmentId === 2) {
+        if (this.detailFlag) {
+          this.handleChose(4)
+          this.detailFlag = !this.detailFlag
+        } else {
+          this.handleChose(2)
+          this.detailFlag = !this.detailFlag
         }
-      } else if(this.departmentId===3){
-           this.handleChose(3);
-       } else {
-           this.handleChose(4);
-       }
-    
+      } else if (this.departmentId === 3) {
+        this.handleChose(3)
+      } else {
+        this.handleChose(4)
+      }
     },
-    //重置按钮查询数据
-    resetDataList(){
-      this.startDate = "";
-      this.endDate="";
-      this.examineStatus = "审核中";
-      this.abilityDepartment = "全部";
-      this.abilityType ="全部";
-       if(this.departmentId===1){
-        if(this.detailFlag){
-          this.handleChose(3);
-          this.detailFlag = !this.detailFlag;
-        }else {
-          this.handleChose(1);
-          this.detailFlag = !this.detailFlag;
+    // 重置按钮查询数据
+    resetDataList () {
+      this.startDate = ''
+      this.endDate = ''
+      this.examineStatus = '审核中'
+      this.abilityDepartment = ''
+      this.abilityType = ''
+      if (this.departmentId === 1) {
+        if (this.detailFlag) {
+          this.handleChose(3)
+          this.detailFlag = !this.detailFlag
+        } else {
+          this.handleChose(1)
+          this.detailFlag = !this.detailFlag
         }
-       //this.departmentId = 1;
-      }else if(this.departmentId===2){
-        if(this.detailFlag){
-           this.handleChose(4);
-           this.detailFlag = !this.detailFlag;
-        }else {
-           this.handleChose(2);
-           this.detailFlag = !this.detailFlag;
+        // this.departmentId = 1;
+      } else if (this.departmentId === 2) {
+        if (this.detailFlag) {
+          this.handleChose(4)
+          this.detailFlag = !this.detailFlag
+        } else {
+          this.handleChose(2)
+          this.detailFlag = !this.detailFlag
         }
-      }else if(this.departmentId===3){
-           this.handleChose(3);
-       } else {
-           this.handleChose(4);
-       }
-     
+      } else if (this.departmentId === 3) {
+        this.handleChose(3)
+      } else {
+        this.handleChose(4)
+      }
     },
-     // 定义格式化函数：
+    // 定义格式化函数：
     handleTime (time, format) {
       if (time == null || time == undefined || time == '') {
         return ''
@@ -746,7 +822,6 @@ export default {
       })
     }
   }
-
 }
 </script>
 <style lang="scss" scoped>
@@ -843,8 +918,8 @@ input::placeholder {
   font-size: 14px;
   color: #979eb9;
   cursor: pointer;
-  .detail-button{
-   width: 60px;
+  .detail-button {
+    width: 60px;
     height: 30px;
     right: 60px;
     background-color: #0058e1;
diff --git a/front/src/views/newHome/components/CapabilityConvergence.vue b/front/src/views/newHome/components/CapabilityConvergence.vue
index de1ed9f5..0ecee247 100644
--- a/front/src/views/newHome/components/CapabilityConvergence.vue
+++ b/front/src/views/newHome/components/CapabilityConvergence.vue
@@ -2,46 +2,71 @@
   <div class="capability-convergence">
     <div class="main">
       <div class="top">
-        能力汇聚
+        能力分类
         <span class="line"></span>
       </div>
       <div class="bottom">
         <div class="item">
           <div class="zj">组件服务</div>
-          <div class="name" v-for="(item, index) in zjList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
-            @click="selectOne(item.id)">
+          <div
+            class="name"
+            v-for="(item, index) in zjList"
+            :key="item.id"
+            :class="index == 4 ? 'name-last' : ''"
+            @click="selectOne(item.id)"
+          >
             {{ index + 1 }}-{{ item.name }}
           </div>
           <div class="btn" @click="jumpPage('组件服务')">查看更多</div>
         </div>
         <div class="item">
           <div class="yy">应用资源</div>
-          <div class="name" v-for="(item, index) in yyList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
-            @click="selectOne(item.id)">
+          <div
+            class="name"
+            v-for="(item, index) in yyList"
+            :key="item.id"
+            :class="index == 4 ? 'name-last' : ''"
+            @click="selectOne(item.id)"
+          >
             {{ index + 1 }}-{{ item.name }}
           </div>
           <div class="btn" @click="jumpPage('应用资源')">查看更多</div>
         </div>
         <div class="item">
           <div class="jc">基础设施</div>
-          <div class="name" v-for="(item, index) in jcList" :key="item.name" :class="index == 2 ? 'name-last' : ''"
-            @click="selectOne2(item.name)">
+          <div
+            class="name"
+            v-for="(item, index) in jcList"
+            :key="item.name"
+            :class="index == 2 ? 'name-last' : ''"
+            @click="selectOne2(item.name)"
+          >
             {{ item.name + '-' + item.num + '项' }}
           </div>
           <div class="btn" @click="jumpPage('基础设施')">查看更多</div>
         </div>
         <div class="item">
           <div class="sj">数据资源</div>
-          <div class="name" v-for="(item, index) in sjList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
-            @click="selectOne3(item.name)">
+          <div
+            class="name"
+            v-for="(item, index) in sjList"
+            :key="item.id"
+            :class="index == 4 ? 'name-last' : ''"
+            @click="selectOne3(item.name)"
+          >
             {{ index + 1 }}-{{ item.name }}
           </div>
           <div class="btn" @click="jumpPage('数据资源')">查看更多</div>
         </div>
         <div class="item">
           <div class="zs">知识库</div>
-          <div class="name" v-for="(item, index) in zsList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
-            @click="openHref(item)">
+          <div
+            class="name"
+            v-for="(item, index) in zsList"
+            :key="item.id"
+            :class="index == 4 ? 'name-last' : ''"
+            @click="openHref(item)"
+          >
             {{ index + 1 }}-{{ item.name }}
           </div>
           <div class="btn" @click="jumpPage('知识库')">查看更多</div>
@@ -51,390 +76,394 @@
   </div>
 </template>
 <script setup>
-import {
-  pageWithAttrs,
-  getDataResource,
-  selectInfrastructureList,
-} from '@/api/home.js'
-import { ref, reactive } from 'vue'
-import { useRouter } from 'vue-router'
-import { useStore } from 'vuex'
-import { updateVisits, browsingInsert, getSoldierList } from '@/api/home'
-import { message, Upload } from 'ant-design-vue'
-import mybus from '@/myplugins/mybus'
-const store = useStore()
-const router = useRouter()
-const zjList = ref([])
-const jcList = ref([])
-const sjList = ref([])
-const yyList = ref([])
-// 知识库模块数据
-const zsList = ref([])
-// const jcList = ref([])
-const paramsGetResources = {
-  districtId: '',
-  pageNum: 1,
-  pageSize: 5,
-  type: '',
-  name: '',
-  infoList: [],
-  orderField: 'total', // total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
-  orderType: 'DESC', // ASC 升序  DESC 降序
-}
-console.log('dataShowdev==========================>', whoShow)
-// eslint-disable-next-line no-undef
-const whoShow1 = ref(whoShow)
-const interfaceSuccess = ref(0)
-const object = reactive({
-  yyNum: '',
-  zjNum: '',
-  jcNum: '',
-  sjNum: '',
-  zsNum: '',
-})
-const getAppResources = (type, obj) => {
-  paramsGetResources.type = type
-  if (type === '数据资源' && !whoShow1.value.itShowBaoTou) {
-    getDataResource({
-      serviceName: paramsGetResources.name || '', //资源名称
-      orderField: whoShow1.value.itShowQingDao ? 'fbrq' : 'createTime', //排序字段
-      orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
-      pageNum: paramsGetResources.pageNum, //页码
-      pageSize: paramsGetResources.pageSize, //分页大小
-    }).then((res) => {
-      console.log('数据资源==================>', res.data.data)
-      if (whoShow1.value.itShowQingDao) {
-        res.data.data.data.forEach((val) => {
-          val.id = val.guid // id
-          val.name = val.zyname // 名字
-          val.sjlCount = val.sjcczl // 数据量
-          val.applyCount = val.syqk // 申请量
-          val.deptName = val.TGBM // 部门
-          val.createDate = val.fbrq // 发布时间
-          val.description = val.xgxt // 描述
-        })
-        obj.value = res.data.data.data || []
-        object.sjNum = res.data.data.rows
-        // interfaceSuccess.value++
-        // if (interfaceSuccess.value == 5) {
-        //   mybus.emit('chagneNum', object)
-        // }
-      } else if (whoShow1.value.itShowXiHaiAn) {
-        res.data.data.list.forEach((val) => {
-          val.id = val.serviceId // id
-          val.name = val.serviceName // 名字
-          val.sjlCount = val.requestQuantity // 数据量
-          val.applyCount = val.requestCount // 申请量
-          val.deptName = val.departmentName // 部门
-          val.createTime = val.createTime.split('.')[0]
-          val.createDate = val.createTime // 发布时间
-        })
-        obj.value = res.data.data.list || []
-        object.sjNum = res.data.data.total
-        // interfaceSuccess.value++
-        // if (interfaceSuccess.value == 5) {
-        //   mybus.emit('chagneNum', object)
-        // }
-      }
-    })
-  } else {
-    let type = paramsGetResources.type
-    if (type == '基础设施') {
-      jcList.value = []
-      selectInfrastructureList().then((res) => {
-        console.log('基础设施==========>', res.data.data)
-        for (const key in res.data.data) {
-          if (whoShow1.value.itShowXiHaiAn) {
-            if (key === '视频资源') {
+  import {
+    pageWithAttrs,
+    getDataResource,
+    selectInfrastructureList,
+  } from '@/api/home.js'
+  import { ref, reactive } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { useStore } from 'vuex'
+  import { updateVisits, browsingInsert, getSoldierList } from '@/api/home'
+  import { message, Upload } from 'ant-design-vue'
+  import mybus from '@/myplugins/mybus'
+  const store = useStore()
+  const router = useRouter()
+  const zjList = ref([])
+  const jcList = ref([])
+  const sjList = ref([])
+  const yyList = ref([])
+  // 知识库模块数据
+  const zsList = ref([])
+  // const jcList = ref([])
+  const paramsGetResources = {
+    districtId: '',
+    pageNum: 1,
+    pageSize: 5,
+    type: '',
+    name: '',
+    infoList: [],
+    orderField: 'total', // total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
+    orderType: 'DESC', // ASC 升序  DESC 降序
+  }
+  console.log('dataShowdev==========================>', whoShow)
+  // eslint-disable-next-line no-undef
+  const whoShow1 = ref(whoShow)
+  const interfaceSuccess = ref(0)
+  const object = reactive({
+    yyNum: '',
+    zjNum: '',
+    jcNum: '',
+    sjNum: '',
+    zsNum: '',
+  })
+  const getAppResources = (type, obj) => {
+    paramsGetResources.type = type
+    if (type === '数据资源' && !whoShow1.value.itShowBaoTou) {
+      getDataResource({
+        serviceName: paramsGetResources.name || '', //资源名称
+        orderField: whoShow1.value.itShowQingDao ? 'fbrq' : 'createTime', //排序字段
+        orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
+        pageNum: paramsGetResources.pageNum, //页码
+        pageSize: paramsGetResources.pageSize, //分页大小
+      }).then((res) => {
+        console.log('数据资源==================>', res.data.data)
+        if (whoShow1.value.itShowQingDao) {
+          res.data.data.data.forEach((val) => {
+            val.id = val.guid // id
+            val.name = val.zyname // 名字
+            val.sjlCount = val.sjcczl // 数据量
+            val.applyCount = val.syqk // 申请量
+            val.deptName = val.TGBM // 部门
+            val.createDate = val.fbrq // 发布时间
+            val.description = val.xgxt // 描述
+          })
+          obj.value = res.data.data.data || []
+          object.sjNum = res.data.data.rows
+          // interfaceSuccess.value++
+          // if (interfaceSuccess.value == 5) {
+          //   mybus.emit('chagneNum', object)
+          // }
+        } else if (whoShow1.value.itShowXiHaiAn) {
+          res.data.data.list.forEach((val) => {
+            val.id = val.serviceId // id
+            val.name = val.serviceName // 名字
+            val.sjlCount = val.requestQuantity // 数据量
+            val.applyCount = val.requestCount // 申请量
+            val.deptName = val.departmentName // 部门
+            val.createTime = val.createTime.split('.')[0]
+            val.createDate = val.createTime // 发布时间
+          })
+          obj.value = res.data.data.list || []
+          object.sjNum = res.data.data.total
+          // interfaceSuccess.value++
+          // if (interfaceSuccess.value == 5) {
+          //   mybus.emit('chagneNum', object)
+          // }
+        }
+      })
+    } else {
+      let type = paramsGetResources.type
+      if (type == '基础设施') {
+        jcList.value = []
+        selectInfrastructureList().then((res) => {
+          console.log('基础设施==========>', res.data.data)
+          for (const key in res.data.data) {
+            if (whoShow1.value.itShowXiHaiAn) {
+              if (key === '视频资源') {
+                jcList.value.push({
+                  name: key,
+                  num: res.data.data[key],
+                })
+              }
+            } else {
               jcList.value.push({
                 name: key,
                 num: res.data.data[key],
               })
             }
-          } else {
-            jcList.value.push({
-              name: key,
-              num: res.data.data[key],
-            })
           }
-        }
-        // 西海岸-单兵设备、无人机 获取数量
-        if (whoShow1.value.itShowXiHaiAn) {
-          getSoldierData('无人机').then(res => {
-            let { total = 0 } = res.data.data;
-            jcList.value.push({
-              name: '无人机',
-              num: total,
-            })
-          }).catch(err => {
-            console.log('err--无人机---------->', err);
-
-          })
-          getSoldierData('单兵设备').then(res => {
-            let { total = 0 } = res.data.data;
-            jcList.value.push({
-              name: '单兵设备',
-              num: total,
-            })
-          }).catch(err => {
-            console.log('err--单兵设备---------->', err);
-
-          })
-        }
-      })
-    } else {
-      pageWithAttrs(paramsGetResources).then((res) => {
-        console.log('object个数======>', type)
-        obj.value = res.data.data.records
-        switch (type) {
-          case '组件服务':
-            assignmentMethod('zjNum', res)
-            break
-          case '应用资源':
-            assignmentMethod('yyNum', res)
-            break
-          case '基础设施':
-            assignmentMethod('jcNum', res)
-            break
-          case '知识库':
-            assignmentMethod('zsNum', res)
-            break
-        }
-      })
+          // 西海岸-单兵设备、无人机 获取数量
+          if (whoShow1.value.itShowXiHaiAn) {
+            getSoldierData('无人机')
+              .then((res) => {
+                let { total = 0 } = res.data.data
+                jcList.value.push({
+                  name: '无人机',
+                  num: total,
+                })
+              })
+              .catch((err) => {
+                console.log('err--无人机---------->', err)
+              })
+            getSoldierData('单兵设备')
+              .then((res) => {
+                let { total = 0 } = res.data.data
+                jcList.value.push({
+                  name: '单兵设备',
+                  num: total,
+                })
+              })
+              .catch((err) => {
+                console.log('err--单兵设备---------->', err)
+              })
+          }
+        })
+      } else {
+        pageWithAttrs(paramsGetResources).then((res) => {
+          console.log('object个数======>', type)
+          obj.value = res.data.data.records
+          switch (type) {
+            case '组件服务':
+              assignmentMethod('zjNum', res)
+              break
+            case '应用资源':
+              assignmentMethod('yyNum', res)
+              break
+            case '基础设施':
+              assignmentMethod('jcNum', res)
+              break
+            case '知识库':
+              assignmentMethod('zsNum', res)
+              break
+          }
+        })
+      }
     }
   }
-}
 
-// todo 获取无人机、单兵设备
-const getSoldierData = (name) => {
-  let _params = {
-    type: name,
-    page: 1,
-    limit: 10,
-  }
-  return new Promise((resolve, reject) => {
-    getSoldierList(_params).then(res => {
-      resolve(res)
-      console.log('res---获取无人机、单兵设备--------->', res);
-      if (res.data.code !== 0) {
-        return message.error(res.data.msg)
-      }
-    }).catch(err => {
-      reject(err)
-    })
-  })
-}
-
-const openHref = (item) => {
-  console.log(item.id, 'wowowo')
-  console.log(item.visits, 'wowowo')
-  browsingInsert({ resourceId: item.id }).then((res) => {
-    // console.log(res)
-  })
-  const arrList = ref([])
-  arrList.value = JSON.parse(window.sessionStorage.getItem('visits'))
-  if (arrList.value.indexOf(item.id) === -1) {
-    arrList.value.push(item.id)
-    updateVisits({
-      id: item.id,
-      visits: item.visits || '0',
-    }).then(() => {
-      window.sessionStorage.setItem('visits', JSON.stringify(arrList.value))
-    })
-  }
-  window.open(item.link)
-  // window.open(
-  //   window.SITE_CONFIG.previewUrl +
-  //     'hisense_office/onlinePreview?url=' +
-  //     btoa(encodeURI(item.fileHref))
-  // )
-}
-const assignmentMethod = (type, res) => {
-  object[type] = res.data.data.total
-  // interfaceSuccess.value++
-  // console.log('object个数======>', object, interfaceSuccess.value, type)
-  // if (interfaceSuccess.value >= 4) {
-  //   mybus.emit('chagneNum', object)
-  // }
-}
-getAppResources('组件服务', zjList)
-getAppResources('应用资源', yyList)
-getAppResources('基础设施', jcList)
-getAppResources('数据资源', sjList)
-getAppResources('知识库', zsList)
-
-function jumpPage(type) {
-  // 点击内存入store
-  store.commit('home/selectCardsData', {
-    selectCardsnum: type,
-  })
-  console.log(
-    '选中===================>',
-    store.getters['home/selectCardsnum']
-  )
-  // router.push({ path: '/DetailsPageconetent' })
-  router.push({
-    path: '/DetailsPageconetent',
-    query: {
-      select: type,
-    },
-  })
-}
-const selectOne = (id) => {
-  console.log('点击===============》', id)
-  router.push({
-    path: '/details',
-    query: {
-      id: id,
-    },
-  })
-}
-const selectOne2 = (name) => {
-  console.log('点击===============》', name)
-  router.push({
-    path: '/DetailsPageconetent',
-    query: {
+  // todo 获取无人机、单兵设备
+  const getSoldierData = (name) => {
+    let _params = {
       type: name,
-      select: '基础设施',
-    },
-  })
-}
-const selectOne3 = (name) => {
-  console.log('点击===============》', name)
-  router.push({
-    path: '/DetailsPageconetent',
-    query: {
-      str: name,
-      select: '数据资源',
-    },
-  })
-}
+      page: 1,
+      limit: 10,
+    }
+    return new Promise((resolve, reject) => {
+      getSoldierList(_params)
+        .then((res) => {
+          resolve(res)
+          console.log('res---获取无人机、单兵设备--------->', res)
+          if (res.data.code !== 0) {
+            return message.error(res.data.msg)
+          }
+        })
+        .catch((err) => {
+          reject(err)
+        })
+    })
+  }
+
+  const openHref = (item) => {
+    console.log(item.id, 'wowowo')
+    console.log(item.visits, 'wowowo')
+    browsingInsert({ resourceId: item.id }).then((res) => {
+      // console.log(res)
+    })
+    const arrList = ref([])
+    arrList.value = JSON.parse(window.sessionStorage.getItem('visits'))
+    if (arrList.value.indexOf(item.id) === -1) {
+      arrList.value.push(item.id)
+      updateVisits({
+        id: item.id,
+        visits: item.visits || '0',
+      }).then(() => {
+        window.sessionStorage.setItem('visits', JSON.stringify(arrList.value))
+      })
+    }
+    window.open(item.link)
+    // window.open(
+    //   window.SITE_CONFIG.previewUrl +
+    //     'hisense_office/onlinePreview?url=' +
+    //     btoa(encodeURI(item.fileHref))
+    // )
+  }
+  const assignmentMethod = (type, res) => {
+    object[type] = res.data.data.total
+    // interfaceSuccess.value++
+    // console.log('object个数======>', object, interfaceSuccess.value, type)
+    // if (interfaceSuccess.value >= 4) {
+    //   mybus.emit('chagneNum', object)
+    // }
+  }
+  getAppResources('组件服务', zjList)
+  getAppResources('应用资源', yyList)
+  getAppResources('基础设施', jcList)
+  getAppResources('数据资源', sjList)
+  getAppResources('知识库', zsList)
+
+  function jumpPage(type) {
+    // 点击内存入store
+    store.commit('home/selectCardsData', {
+      selectCardsnum: type,
+    })
+    console.log(
+      '选中===================>',
+      store.getters['home/selectCardsnum']
+    )
+    // router.push({ path: '/DetailsPageconetent' })
+    router.push({
+      path: '/DetailsPageconetent',
+      query: {
+        select: type,
+      },
+    })
+  }
+  const selectOne = (id) => {
+    console.log('点击===============》', id)
+    router.push({
+      path: '/details',
+      query: {
+        id: id,
+      },
+    })
+  }
+  const selectOne2 = (name) => {
+    console.log('点击===============》', name)
+    router.push({
+      path: '/DetailsPageconetent',
+      query: {
+        type: name,
+        select: '基础设施',
+      },
+    })
+  }
+  const selectOne3 = (name) => {
+    console.log('点击===============》', name)
+    router.push({
+      path: '/DetailsPageconetent',
+      query: {
+        str: name,
+        select: '数据资源',
+      },
+    })
+  }
 </script>
 <style lang="less" scoped>
-.capability-convergence {
-  height: 7.2rem;
-  background: url('~@/assets/newHome/Convergence-bg.png') no-repeat;
-  background-size: 100%;
-  display: flex;
-  justify-content: center;
-
-  .main {
-    width: 13rem;
-    margin-top: 1.8rem;
+  .capability-convergence {
+    height: 7.2rem;
+    background: url('~@/assets/newHome/Convergence-bg.png') no-repeat;
+    background-size: 100%;
     display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    justify-content: center;
 
-    .top {
-      font-size: 0.3rem;
-      color: #212121;
-      text-align: center;
+    .main {
+      width: 13rem;
+      margin-top: 1.8rem;
       display: flex;
       flex-direction: column;
       flex-wrap: wrap;
-      justify-content: center;
-      align-items: center;
 
-      .line {
-        width: 0.34rem;
-        height: 0.03rem;
-        background-color: #0058e1;
-        margin-top: 0.08rem;
+      .top {
+        font-size: 0.3rem;
+        color: #212121;
+        text-align: center;
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+
+        .line {
+          width: 0.34rem;
+          height: 0.03rem;
+          background-color: #0058e1;
+          margin-top: 0.08rem;
+        }
       }
-    }
 
-    .bottom {
-      display: flex;
-      justify-content: space-between;
-      margin-top: 0.4rem;
+      .bottom {
+        display: flex;
+        justify-content: space-between;
+        margin-top: 0.4rem;
 
-      .item {
-        width: 2.44rem;
-        height: 3.91rem;
-        font-size: 0.16rem;
-        background-color: #fff;
-        border-radius: 0.02rem;
-        box-shadow: 0 0.05rem 0.2rem #ccc;
-        position: relative;
-
-        div:nth-of-type(1) {
-          height: 1.02rem;
-          line-height: 1.02rem;
-          font-size: 0.2rem;
-          color: #fff;
-          padding-left: 0.15rem;
-          background-size: 100%;
-        }
-
-        .jc {
-          background: url('~@/assets/newHome/Convergence-jc.png') no-repeat;
-        }
-
-        .sj {
-          background: url('~@/assets/newHome/Convergence-sj.png') no-repeat;
-        }
-
-        .zj {
-          background: url('~@/assets/newHome/Convergence-zj.png') no-repeat;
-        }
-
-        .yy {
-          background: url('~@/assets/newHome/Convergence-yy.png') no-repeat;
-        }
-
-        .zs {
-          background: url('~@/assets/newHome/Convergence-zs.png') no-repeat;
-        }
-
-        .name {
-          height: 0.47rem;
-          line-height: 0.47rem;
-          margin: 0 0.16rem;
-          border-bottom: 0.01rem solid #e9e9e9;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 1;
-          -webkit-box-orient: vertical;
-          word-break: break-all;
-        }
-
-        .name:hover {
-          color: #0058e1;
-          cursor: pointer;
-        }
-
-        .name-last {
-          border-bottom: none;
-        }
-
-        .btn {
-          cursor: pointer;
-          width: 0.8rem;
-          height: 0.24rem;
-          border: 0.01rem solid #0058e1;
-          font-size: 0.14rem;
-          color: #0058e1;
+        .item {
+          width: 2.44rem;
+          height: 3.91rem;
+          font-size: 0.16rem;
+          background-color: #fff;
           border-radius: 0.02rem;
-          text-align: center;
-          margin-top: 0.1rem;
-          margin-left: 0.85rem;
-          position: absolute;
-          bottom: 0.2rem;
+          box-shadow: 0 0.05rem 0.2rem #ccc;
+          position: relative;
+
+          div:nth-of-type(1) {
+            height: 1.02rem;
+            line-height: 1.02rem;
+            font-size: 0.2rem;
+            color: #fff;
+            padding-left: 0.15rem;
+            background-size: 100%;
+          }
+
+          .jc {
+            background: url('~@/assets/newHome/Convergence-jc.png') no-repeat;
+          }
+
+          .sj {
+            background: url('~@/assets/newHome/Convergence-sj.png') no-repeat;
+          }
+
+          .zj {
+            background: url('~@/assets/newHome/Convergence-zj.png') no-repeat;
+          }
+
+          .yy {
+            background: url('~@/assets/newHome/Convergence-yy.png') no-repeat;
+          }
+
+          .zs {
+            background: url('~@/assets/newHome/Convergence-zs.png') no-repeat;
+          }
+
+          .name {
+            height: 0.47rem;
+            line-height: 0.47rem;
+            margin: 0 0.16rem;
+            border-bottom: 0.01rem solid #e9e9e9;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 1;
+            -webkit-box-orient: vertical;
+            word-break: break-all;
+          }
+
+          .name:hover {
+            color: #0058e1;
+            cursor: pointer;
+          }
+
+          .name-last {
+            border-bottom: none;
+          }
+
+          .btn {
+            cursor: pointer;
+            width: 0.8rem;
+            height: 0.24rem;
+            border: 0.01rem solid #0058e1;
+            font-size: 0.14rem;
+            color: #0058e1;
+            border-radius: 0.02rem;
+            text-align: center;
+            margin-top: 0.1rem;
+            margin-left: 0.85rem;
+            position: absolute;
+            bottom: 0.2rem;
+          }
+
+          .btn:hover {
+            background: rgba(0, 88, 225, 0.3);
+            color: #000;
+          }
         }
 
-        .btn:hover {
-          background: rgba(0, 88, 225, 0.3);
-          color: #000;
+        .item:hover {
+          border-radius: 0.02rem;
+          border: 0.01rem solid #0058e1;
+          box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
         }
       }
-
-      .item:hover {
-        border-radius: 0.02rem;
-        border: 0.01rem solid #0058e1;
-        box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
-      }
     }
   }
-}
 </style>
diff --git a/front/src/views/newHome/components/Navigation2.vue b/front/src/views/newHome/components/Navigation2.vue
index 2516ccef..c765c810 100644
--- a/front/src/views/newHome/components/Navigation2.vue
+++ b/front/src/views/newHome/components/Navigation2.vue
@@ -1,45 +1,60 @@
 <template>
   <div class="navigation2">
-    <div class="item" @click="jumpPage('组件服务')">
-      <div class="img zj"></div>
-      <div class="name">组件服务</div>
-      <div class="sl">
-        <span class="num">{{ zjNum || 0 }}</span>
-        个
+    <a-tooltip>
+      <template #title>点击进入组件服务</template>
+      <div class="item" @click="jumpPage('组件服务')">
+        <div class="img zj"></div>
+        <div class="name">组件服务</div>
+        <div class="sl">
+          <span class="num">{{ zjNum || 0 }}</span>
+          个
+        </div>
       </div>
-    </div>
-    <div class="item" @click="jumpPage('应用资源')">
-      <div class="img yy"></div>
-      <div class="name">应用资源</div>
-      <div class="sl">
-        <span class="num">{{ yyNum || 0 }}</span>
-        个
+    </a-tooltip>
+    <a-tooltip>
+      <template #title>点击进入应用资源</template>
+      <div class="item" @click="jumpPage('应用资源')">
+        <div class="img yy"></div>
+        <div class="name">应用资源</div>
+        <div class="sl">
+          <span class="num">{{ yyNum || 0 }}</span>
+          个
+        </div>
       </div>
-    </div>
-    <div class="item" @click="jumpPage('基础设施')">
-      <div class="img jc"></div>
-      <div class="name">基础设施</div>
-      <div class="sl">
-        <span class="num">{{ jcNum || 0 }}</span>
-        个
+    </a-tooltip>
+    <a-tooltip>
+      <template #title>点击进入基础设施</template>
+      <div class="item" @click="jumpPage('基础设施')">
+        <div class="img jc"></div>
+        <div class="name">基础设施</div>
+        <div class="sl">
+          <span class="num">{{ jcNum || 0 }}</span>
+          个
+        </div>
       </div>
-    </div>
-    <div class="item" @click="jumpPage('数据资源')">
-      <div class="img sj"></div>
-      <div class="name">数据资源</div>
-      <div class="sl">
-        <span class="num">{{ sjNum || 0 }}</span>
-        项
+    </a-tooltip>
+    <a-tooltip>
+      <template #title>点击进入数据资源</template>
+      <div class="item" @click="jumpPage('数据资源')">
+        <div class="img sj"></div>
+        <div class="name">数据资源</div>
+        <div class="sl">
+          <span class="num">{{ sjNum || 0 }}</span>
+          项
+        </div>
       </div>
-    </div>
-    <div class="item" @click="jumpPage('知识库')">
-      <div class="img zs"></div>
-      <div class="name">知识库</div>
-      <div class="sl">
-        <span class="num">{{ zsNum || 0 }}</span>
-        个
+    </a-tooltip>
+    <a-tooltip>
+      <template #title>点击进入知识库</template>
+      <div class="item" @click="jumpPage('知识库')">
+        <div class="img zs"></div>
+        <div class="name">知识库</div>
+        <div class="sl">
+          <span class="num">{{ zsNum || 0 }}</span>
+          个
+        </div>
       </div>
-    </div>
+    </a-tooltip>
   </div>
 </template>
 <script setup>
diff --git a/front/src/views/newHome/index.vue b/front/src/views/newHome/index.vue
index 3b524c7e..e1942b40 100644
--- a/front/src/views/newHome/index.vue
+++ b/front/src/views/newHome/index.vue
@@ -15,7 +15,7 @@
     <latest-capabilities></latest-capabilities>
     <resource-aggregation></resource-aggregation>
     <recommendation-ability></recommendation-ability>
-    <work-dynamics></work-dynamics>
+    <!-- <work-dynamics></work-dynamics> -->
     <home-footer></home-footer>
   </div>
 </template>

From 9e5bd336509bbadedeeb52eb67cb874ff5d990bc Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Thu, 29 Sep 2022 11:48:59 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E2=80=9C=E8=83=BD?=
 =?UTF-8?q?=E5=8A=9B=E6=B1=87=E8=81=9A=E2=80=9D=E6=94=B9=E4=B8=BA=E2=80=9C?=
 =?UTF-8?q?=E8=83=BD=E5=8A=9B=E5=88=86=E7=B1=BB=E2=80=9D=EF=BC=9B=E2=80=9C?=
 =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8A=A8=E6=80=81=E2=80=9D=E9=9A=90=E6=8E=89?=
 =?UTF-8?q?=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/newHome/components/WorkDynamics.vue | 8 ++++----
 front/src/views/newHome/index.vue                   | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/front/src/views/newHome/components/WorkDynamics.vue b/front/src/views/newHome/components/WorkDynamics.vue
index a2e8c7e6..bea6bc44 100644
--- a/front/src/views/newHome/components/WorkDynamics.vue
+++ b/front/src/views/newHome/components/WorkDynamics.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="work-dynamics">
-    <div class="title">
+    <!-- <div class="title">
       <div>工作动态</div>
       <div class="title-son"></div>
     </div>
@@ -51,7 +51,7 @@
     <div class="bottom" @click="jumpPage()">
       查看更多
       <span class="gengduo"></span>
-    </div>
+    </div> -->
     <div class="fixedmount">
       <div @click="applyResource()">
         <p></p>
@@ -432,8 +432,8 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding-bottom: 0.8rem;
-    padding-top: 0.78rem;
+    // padding-bottom: 0.8rem;
+    // padding-top: 0.78rem;
     .title {
       font-size: 0.3rem;
       font-family: 'convergence-typeface';
diff --git a/front/src/views/newHome/index.vue b/front/src/views/newHome/index.vue
index e1942b40..3b524c7e 100644
--- a/front/src/views/newHome/index.vue
+++ b/front/src/views/newHome/index.vue
@@ -15,7 +15,7 @@
     <latest-capabilities></latest-capabilities>
     <resource-aggregation></resource-aggregation>
     <recommendation-ability></recommendation-ability>
-    <!-- <work-dynamics></work-dynamics> -->
+    <work-dynamics></work-dynamics>
     <home-footer></home-footer>
   </div>
 </template>

From e477b3f90e2a49f5be7148d7b9d62ec4eee7eff2 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Thu, 29 Sep 2022 14:24:07 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=88=91=E7=9A=84=E7=94=B3=E8=AF=B7?=
 =?UTF-8?q?=E2=80=94=E2=80=94=E8=83=BD=E5=8A=9B=E8=AF=84=E4=BB=B7=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=BE=80=E6=9C=80=E5=90=8E=E9=9D=A2=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../personalCenter/components/MyApply.vue     | 1493 +++++++++--------
 1 file changed, 795 insertions(+), 698 deletions(-)

diff --git a/front/src/views/personalCenter/components/MyApply.vue b/front/src/views/personalCenter/components/MyApply.vue
index e0d49a4a..cb3ffbe4 100644
--- a/front/src/views/personalCenter/components/MyApply.vue
+++ b/front/src/views/personalCenter/components/MyApply.vue
@@ -3,16 +3,27 @@
     <div class="title" style="margin-bottom: 0.2rem">我的申请</div>
     <div class="tab" style="margin-bottom: 0.1rem">
       <span>类型</span>
-      <div :class="typeIndex == index ? 'tabclass' : ' '" @click="changeType(item, index)"
-        v-for="(item, index) in typeList" :key="index">
+      <div
+        :class="typeIndex == index ? 'tabclass' : ' '"
+        @click="changeType(item, index)"
+        v-for="(item, index) in typeList"
+        :key="index"
+      >
         {{ item }}
       </div>
     </div>
     <div class="tab">
       <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="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 !== '全部'"
+        >
           {{ item }}
         </a-badge>
         <template v-else>
@@ -22,7 +33,11 @@
     </div>
     <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="content-body-title">
             <span>申请单号：{{ item.applyNumber || '--' }}</span>
             <div></div>
@@ -39,7 +54,7 @@
             </div>
           </a-tooltip>
           <div class="content-body-content">
-            <p class="content-body-content-son" v-if="typeName !=='设备申请'">
+            <p class="content-body-content-son" v-if="typeName !== '设备申请'">
               审核结果：{{ item.ended ? '审核完成' : '审核中' }}
             </p>
             <p class="content-body-content-son" v-else>
@@ -51,50 +66,111 @@
             <div></div>
           </div>
           <div class="button-box">
-            <div class="button" v-if="typeName =='设备申请' && phoneSate.includes(item.state)"
-              @click="showPhoneModal(item)">联系方式</div>
+            <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="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.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" @change="handleCurrentChange"
-          @showSizeChange="handlePageSizeChange" :showSizeChanger="false" />
+        <a-pagination
+          size="small"
+          pageSize="4"
+          :total="total"
+          :current="page"
+          @change="handleCurrentChange"
+          @showSizeChange="handlePageSizeChange"
+          :showSizeChanger="false"
+        />
       </div>
     </div>
     <a-empty v-else />
-    <a-modal bodyStyle="padding:0.1rem 0" v-model:visible="detailsVisible" title="申请详情" style="width: 900px"
-      :footer="null" destroyOnClose="true" :maskClosable="false">
-      <apply-details :processDefinitionName="processDefinitionName" :businessKey="businessKey"
-        :processInstanceId="processInstanceId" :resourceId="resourceId" :refObj="refObj" :showType="showType">
-      </apply-details>
+    <a-modal
+      bodyStyle="padding:0.1rem 0"
+      v-model:visible="detailsVisible"
+      title="申请详情"
+      style="width: 900px"
+      :footer="null"
+      destroyOnClose="true"
+      :maskClosable="false"
+    >
+      <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>
@@ -105,722 +181,743 @@
   </div>
 
   <!-- 联系方式弹框 -->
-  <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 } from 'vue'
-import {
-  getMyProcessInstancePage,
-  getTabilityapplication,
-  getByApplyFlag,
-  nengliziyuanshangjiaapply,
-  getDemandForm,
-  demandComment,
-  deviceApplylist,
-  getDeviceDetail,
-} from '@/api/personalCenter'
-import {
-  updateRes,
-  relaunch,
-  selectOne,
-  getApplyCameraList,
-  selectOneDel,
-} from '@/api/home'
-import { useRouter } from 'vue-router'
-import { message } from 'ant-design-vue'
-import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
-import mybus from '@/myplugins/mybus'
-import * as moment from 'moment'
+  import { onMounted, reactive, ref, onBeforeUnmount, h } from 'vue'
+  import {
+    getMyProcessInstancePage,
+    getTabilityapplication,
+    getByApplyFlag,
+    nengliziyuanshangjiaapply,
+    getDemandForm,
+    demandComment,
+    deviceApplylist,
+    getDeviceDetail,
+  } from '@/api/personalCenter'
+  import {
+    updateRes,
+    relaunch,
+    selectOne,
+    getApplyCameraList,
+    selectOneDel,
+  } from '@/api/home'
+  import { useRouter } from 'vue-router'
+  import { message } from 'ant-design-vue'
+  import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
+  import mybus from '@/myplugins/mybus'
+  import * as moment from 'moment'
 
-const router = useRouter()
-let typeList = ref([
-  '能力申请',
-  '能力评价',
-  '能力上架',
-  '能力下架',
-  '能力需求',
-  '需求评论',
-])
-// 西海岸-设备申请
-let isXiHaiAn = whoShow.itShowXiHaiAn;
-const phoneSate = ref([2, 3])
-if (isXiHaiAn) {
-  typeList.value.push('设备申请')
-}
-const typeStrObj = {
-  '能力上架': 'resourcemountapply',
-  '能力下架': 'resourcundercarriageapply',
-  '能力需求': 'abilitydemandapply',
-  '需求评论': 'comment_review',
-}
-let tabList = ref(['全部', '审核中', '审核完成'])
-const contentList = reactive({ data: [] })
-let tabIndex = ref(0)
-let typeIndex = ref(0)
-let typeName = ref(typeList.value[0])
+  const router = useRouter()
+  let typeList = ref([
+    '能力申请',
 
-const videoVisible = ref(false)
-const numFlag = ref(true)
-const columns = ref([
-  {
-    title: '摄像头名称',
-    dataIndex: 'name',
-  },
-])
-const xVideoList = ref([])
-
-// 申请状态切换
-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 changeType = (item, index) => {
-  console.log('item, index-----选择类型------->', item, index);
-  numFlag.value = true
-  num.value = []
-  showType.value = ''
-  tabIndex.value = 0
-  ended.value = ''
-  page.value = 1
-  typeIndex.value = index
-  typeName.value = item
-  getApplyList()
-}
-let name = ref('')
-const detailsVisible = ref(false)
-const detailsVisible2 = 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 showDetail = (item) => {
-  // 西海岸-申请时间过期，提示
+    '能力上架',
+    '能力下架',
+    '能力需求',
+    '需求评论',
+    '能力评价',
+  ])
+  // 西海岸-设备申请
+  let isXiHaiAn = whoShow.itShowXiHaiAn
+  const phoneSate = ref([2, 3])
   if (isXiHaiAn) {
-    if (item.expireDate) {
-      let diff = moment().diff(moment(item.expireDate), 'seconds')
-      if (diff > 0) {
-        return message.error('当前申请已过期！')
-      }
-    }
+    typeList.value.push('设备申请')
   }
-  if (typeName.value == '能力申请' && item.applyFlag) {
-    getByApplyFlag(item.applyFlag).then((res) => {
-      if (res.data.code == 0) {
-        refObj.value = res.data.data;
+  const typeStrObj = {
+    能力上架: 'resourcemountapply',
+    能力下架: 'resourcundercarriageapply',
+    能力需求: 'abilitydemandapply',
+    需求评论: 'comment_review',
+  }
+  let tabList = ref(['全部', '审核中', '审核完成'])
+  const contentList = reactive({ data: [] })
+  let tabIndex = ref(0)
+  let typeIndex = ref(0)
+  let typeName = ref(typeList.value[0])
 
-        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 == '设备申请') {
-    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.processInstanceId
-        // resourceId.value = item.resourceId
-      }
-    }).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 })
-    })
-  })
-  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) => {
-  if (item.processDefinitionKey == 'resourcemountapply') {
-    const data = {
-      id: item.resourceId,
-      taskId: item.currentTaskList[0].taskId,
+  const videoVisible = ref(false)
+  const numFlag = ref(true)
+  const columns = ref([
+    {
+      title: '摄像头名称',
+      dataIndex: 'name',
+    },
+  ])
+  const xVideoList = ref([])
+
+  // 申请状态切换
+  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
     }
-    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')
   }
-}
-const num = ref({
-  finished: 0,
-  unfinished: 0,
-})
-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 total = ref('')
-const showType = ref('')
-const page = ref('1')
-const ended = ref('')
-const processDefinitionKey = ref('')
-// 搜索框
-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 == '能力评价') {
-    contentList.data = []
+  // 选择类型
+  const changeType = (item, index) => {
+    console.log('item, index-----选择类型------->', item, index)
+    numFlag.value = true
     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()
+    tabIndex.value = 0
+    ended.value = ''
+    page.value = 1
+    typeIndex.value = index
+    typeName.value = item
+    getApplyList()
+  }
+  let name = ref('')
+  const detailsVisible = ref(false)
+  const detailsVisible2 = 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 showDetail = (item) => {
+    // 西海岸-申请时间过期，提示
+    if (isXiHaiAn) {
+      if (item.expireDate) {
+        let diff = moment().diff(moment(item.expireDate), 'seconds')
+        if (diff > 0) {
+          return message.error('当前申请已过期！')
+        }
       }
-    }).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 = []
-      // initNum(name.value)
-      console.log(res.data.data.list)
-      contentList.data = res.data.data.list
-      total.value = res.data.data.total
-      initNum()
-      switch (typeIndex.value) {
-        case 2:
-          contentList.data.map((val) => {
-            nengliziyuanshangjiaapply(val.businessKey).then((res1) => {
-              console.log('上架===========>', res1.data.data)
-              val.title = res1.data.data.resourceDTO.name
-              val.dto = res1.data.data.resourceDTO
-              showType.value = '能力上架'
-            })
-          })
-          break
-        case 3:
-          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 4:
-          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 5:
-          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
-      }
-    })
-  } else {
-    contentList.data = []
-    num.value = []
-    showType.value = ''
-  }
-}
-const handleCurrentChange = (val) => {
-  page.value = val
-  getApplyList()
-}
-
-const handlePageSizeChange = (val) => {
-  page.value = val
-  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 (typeName.value == '能力申请' && item.applyFlag) {
+      getByApplyFlag(item.applyFlag).then((res) => {
         if (res.data.code == 0) {
-          message.success('重新发起流程成功！')
-          visible.value = false
-          reason.value = ''
+          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('重新发起流程失败！')
+          message.error('数据请求失败！')
+        }
+      })
+    } 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.processInstanceId
+            // resourceId.value = item.resourceId
+          }
+        })
+        .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 })
+      })
+    })
+    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) => {
+    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,
+        },
+      })
+      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 num = ref({
+    finished: 0,
+    unfinished: 0,
+  })
+  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 total = ref('')
+  const showType = ref('')
+  const page = ref('1')
+  const ended = ref('')
+  const processDefinitionKey = ref('')
+  // 搜索框
+  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 == '能力评价') {
+      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 = []
+        // initNum(name.value)
+        console.log(res.data.data.list)
+        contentList.data = res.data.data.list
+        total.value = res.data.data.total
+        initNum()
+        switch (typeIndex.value) {
+          case 2:
+            contentList.data.map((val) => {
+              nengliziyuanshangjiaapply(val.businessKey).then((res1) => {
+                console.log('上架===========>', res1.data.data)
+                val.title = res1.data.data.resourceDTO.name
+                val.dto = res1.data.data.resourceDTO
+                showType.value = '能力上架'
+              })
+            })
+            break
+          case 3:
+            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 4:
+            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 5:
+            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
         }
       })
     } else {
-      message.error('数据更新失败！')
+      contentList.data = []
+      num.value = []
+      showType.value = ''
     }
-  })
-}
-
-// 西海岸：设备申请列表 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('审核完成')]).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 => {
-    console.log('err------------>', err);
+  const handleCurrentChange = (val) => {
+    page.value = val
+    getApplyList()
+  }
+
+  const handlePageSizeChange = (val) => {
+    page.value = val
+    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 {
+        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('审核完成')])
+      .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) => {
+        console.log('err------------>', err)
+      })
+  }
+
+  const phoneVisible = ref(false)
+  const showPhoneModal = () => {
+    phoneVisible.value = true
+  }
+
+  mybus.on('closeModal', (obj) => {
+    detailsVisible.value = false
+    changeType(obj.type, obj.index)
+  })
+  onBeforeUnmount(() => {
+    mybus.off('closeModal')
+  })
+  onMounted(() => {
+    getApplyList()
   })
-}
-
-const phoneVisible = ref(false)
-const showPhoneModal = () => {
-  phoneVisible.value = true
-}
-
-mybus.on('closeModal', (obj) => {
-  detailsVisible.value = false
-  changeType(obj.type, obj.index)
-})
-onBeforeUnmount(() => {
-  mybus.off('closeModal')
-})
-onMounted(() => {
-  getApplyList()
-})
 </script>
 
 <style scoped lang="less">
-.on-the-right-side-of-the-list {
-  background: #ffffff;
-  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;
+  .on-the-right-side-of-the-list {
+    background: #ffffff;
+    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;
 
-  .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;
+    .title {
+      font-size: 20px;
+      color: #000000;
+      font-family: 'Alibaba PuHuiTi';
+      font-weight: 500;
     }
 
-    :deep(.ant-input) {
-      width: 400px;
-      height: 36px;
-      font-size: 14px;
-      color: #b2b2b2;
-      background: #f5f5f5;
-    }
+    .sousuokuang {
+      margin: 20px 0px 21px 0px;
 
-    :deep(.ant-input-group-addon) {
-      display: inline-block;
-      margin-left: 10px;
+      .ant-input-search {
+        max-width: 490px;
+      }
 
-      .ant-input-search-button {
-        width: 80px;
+      :deep(.ant-input) {
+        width: 400px;
         height: 36px;
-        border-radius: 4px;
         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;
+    .tab {
+      display: flex;
+      font-size: 14px;
+      color: #999999;
 
-    div {
-      // width: 70px;
-      padding: 5px 10px;
-      height: 24px;
-      line-height: 14px;
-      border: 1px solid #cccccc;
-      border-radius: 12px;
-      margin-left: 10px;
+      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;
+      }
+
+      .tabclass {
+        border: 1px solid #0087ff;
+        color: #0087ff;
+      }
+    }
+
+    .content {
+      padding-right: 10px;
+      height: 510px;
+
+      .content-body {
+        padding-bottom: 20px;
+        padding-top: 20px;
+        margin-right: 10px;
+        height: 150px;
+        border-bottom: #cccccc 1px solid;
+        position: relative;
+
+        .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;
+          margin-right: 40px;
+          /* width: 720px; */
+          display: inline-block;
+        }
+
+        .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;
+          }
+        }
+      }
+    }
+
+    .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;
-      color: #666666;
+      line-height: 30px;
       cursor: pointer;
     }
 
-    .tabclass {
-      border: 1px solid #0087ff;
-      color: #0087ff;
+    .buttonAgree {
+      background-color: #49c988;
+    }
+
+    .backToFirst {
+      background-color: rgb(214, 91, 91);
     }
   }
 
-  .content {
-    padding-right: 10px;
-    height: 510px;
-
-    .content-body {
-      padding-bottom: 20px;
-      padding-top: 20px;
-      margin-right: 10px;
-      height: 150px;
-      border-bottom: #cccccc 1px solid;
-      position: relative;
-
-      .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;
-        margin-right: 40px;
-        /* width: 720px; */
-        display: inline-block;
-      }
-
-      .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;
-        }
-      }
-    }
+  :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: 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;
-}
 </style>