From b1f17ca5bb3f2629ce31cecfdacffcdc8803dd42 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Thu, 22 Sep 2022 13:31:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=88=91=E7=9A=84=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7js=EF=BC=8C=E5=88=A0=E9=99=A4=E5=A4=9A=E4=BD=99?=
 =?UTF-8?q?=E6=B3=A8=E9=87=8A=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../personalCenter/components/MyApply.vue     | 1418 +++++++----------
 1 file changed, 598 insertions(+), 820 deletions(-)

diff --git a/front/src/views/personalCenter/components/MyApply.vue b/front/src/views/personalCenter/components/MyApply.vue
index 91941cf4..83dcc304 100644
--- a/front/src/views/personalCenter/components/MyApply.vue
+++ b/front/src/views/personalCenter/components/MyApply.vue
@@ -1,46 +1,18 @@
 <template>
   <div class="on-the-right-side-of-the-list">
     <div class="title" style="margin-bottom: 0.2rem">我的申请</div>
-    <!-- <div class="sousuokuang">
-      <a-input-search
-        v-model:value="name"
-        placeholder="请输入关键词"
-        enter-button="搜索"
-        size="large"
-        @change="onSearch"
-        @search="getApplyList(name)"
-      />
-      <a-button
-        type="primary"
-        style="width: 90px; height: 36px; margin-left: 10px"
-        @click="replacement"
-      >
-        重置
-      </a-button>
-    </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="tabqiehuan(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>
@@ -50,11 +22,7 @@
     </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>
@@ -64,95 +32,17 @@
               {{ item.cameraList ? item.system : item.title }}
             </template>
             <div class="content-body-title">
-              <!-- <span
-                v-if="item.cameraList && item.ended"
-                @click="showVideoList(item)"
-              >
-                名称：{{ item.cameraList ? item.system : item.title }}
-              </span> -->
               <span>
                 名称：{{ item.cameraList ? item.system : item.title }}
               </span>
               <div></div>
             </div>
           </a-tooltip>
-          <!-- <div class="content-body-content">
-            <p class="content-body-content-son">
-              流程类型：{{ item.processDefinitionName }}
-            </p>
-          </div> -->
           <div class="content-body-content">
             <p class="content-body-content-son">
               审核结果：{{ item.ended ? '审核完成' : '审核中' }}
             </p>
           </div>
-          <!-- <div class="content-body-content" v-if="item.currentTaskList">
-            <p class="content-body-content-son" v-if="!item.backToFirst">
-              当前节点：{{ item.currentTaskList[0].taskName }}
-            </p>
-          </div> -->
-          <!-- <div>
-            <p
-              class="content-body-content-son"
-              v-if="item.name === '申请摄像头列表'"
-            >
-              <span>
-                申请结果：{{
-                  '列表地址：' +
-                  backUrl +
-                  'resource/getApplyCameraList/' +
-                  item.processInstanceId +
-                  ';' +
-                  '视频流地址：' +
-                  backUrl +
-                  '/resource/hls/getHls/?channelId='
-                }}
-              </span>
-              <a-button
-                type="primary"
-                size="small"
-                @click="
-                  copyComment(
-                    '列表地址：' +
-                      backUrl +
-                      'resource/getApplyCameraList/' +
-                      item.processInstanceId +
-                      ';' +
-                      '视频流地址：' +
-                      backUrl +
-                      '/resource/hls/getHls/?channelId='
-                  )
-                "
-              >
-                复制
-              </a-button>
-            </p>
-            <template v-else>
-              <p
-                class="content-body-content-son"
-                v-if="item.approveStatus == '通过'"
-              >
-                <span>申请结果：{{ item.comment || '暂无' }}</span>
-                <a-button
-                  v-if="item.comment"
-                  type="primary"
-                  size="small"
-                  @click="copyComment(item.comment)"
-                >
-                  复制
-                </a-button>
-              </p>
-            </template>
-          </div> -->
-          <!-- <div class="content-body-title"></div>
-          <div class="content-body-content">
-            <p class="content-body-content-son"></p>
-            <div></div>
-          </div> -->
-          <!-- <div class="content-body-bottom" v-if="item.currentTaskList">
-            <div>申请日期：{{ item.currentTaskList[0].createTime }}</div>
-            <div>审批人：{{ item.currentTaskList[0].assigneeName }}</div>
-          </div> -->
           <div class="content-body-bottom">
             <div>申请日期：{{ item.createDate || item.startTime }}</div>
             <div></div>
@@ -162,136 +52,44 @@
             <div class="button" @click="showAdd(item)" v-if="item.backToFirst">
               修改
             </div>
-            <!-- <div
-              v-if="
-                !(
-                  (item.processDefinitionName == '能力需求申请' ||
-                    item.processDefinitionName == '能力资源上架') &&
-                  item.ended == false
-                )
-              "
-              v-show="
-                item.resourceStatusTip == '正常' &&
-                item.ended &&
-                item.processDefinitionName !== '能力申请'
-              "
-              class="button button-details"
-              @click="
-                viewDetail(
-                  item.processDefinitionName,
-                  item.resourceId,
-                  item.ended,
-                  item.businessKey
-                )
-              "
-            >
-              查看详情
-            </div> -->
-            <!-- <div
-              class="button button-state"
-              :class="{
-                buttonAgree: item.ended,
-                backToFirst: item.backToFirst,
-              }"
-            >
-              {{
-                item.ended ? '审核完成' : 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>
@@ -303,631 +101,611 @@
 </template>
 
 <script setup>
-  // import qs from 'qs'
-  import { onMounted, reactive, ref, onBeforeUnmount } from 'vue'
-  import {
-    getMyProcessInstancePage,
-    // getTaskHandleDetailInfo,
-    getTabilityapplication,
-    getByApplyFlag,
-    nengliziyuanshangjiaapply,
-    getDemandForm,
-    demandComment,
-    // getProcDefBizRoute,
-  } 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'
-  const router = useRouter()
-  let typeList = ref([
-    '能力申请',
-    '能力评价',
-    '能力上架',
-    '能力下架',
-    '能力需求',
-    '需求评论',
-  ])
-  let tabList = ref(['全部', '审核中', '审核完成'])
-  const contentList = reactive({ data: [] })
-  // const contentListClone = reactive({ data: [] })
-  // let contentListLength = contentList.length
-  let tabIndex = ref(0)
-  let typeIndex = ref(0)
-  const videoVisible = ref(false)
-  const numFlag = ref(true)
-  const columns = ref([
-    {
-      title: '摄像头名称',
-      dataIndex: 'name',
-    },
-  ])
-  const xVideoList = ref([])
-  function tabqiehuan(item, index) {
-    // debugger
-    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
-    }
+import { onMounted, reactive, ref, onBeforeUnmount } from 'vue'
+import {
+  getMyProcessInstancePage,
+  getTabilityapplication,
+  getByApplyFlag,
+  nengliziyuanshangjiaapply,
+  getDemandForm,
+  demandComment,
+} 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'
+const router = useRouter()
+let typeList = ref([
+  '能力申请',
+  '能力评价',
+  '能力上架',
+  '能力下架',
+  '能力需求',
+  '需求评论',
+  '设备申请'
+])
+const typeStrObj = {
+  '能力上架': 'resourcemountapply',
+  '能力下架': 'resourcundercarriageapply',
+  '能力需求': 'abilitydemandapply',
+  '需求评论': 'comment_review',
+}
+let tabList = ref(['全部', '审核中', '审核完成'])
+const contentList = reactive({ data: [] })
+let tabIndex = ref(0)
+let typeIndex = ref(0)
+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) => {
-    numFlag.value = true
-    num.value = []
-    showType.value = ''
-    console.log(item, index)
-    tabIndex.value = 0
-    ended.value = ''
-    page.value = 1
-    typeIndex.value = index
-    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) => {
-    console.log('showDetail', item)
-    // getProcDefBizRoute(item.processDefinitionId)
-    if (typeIndex.value == 0 && item.applyFlag) {
-      getByApplyFlag(item.applyFlag).then((res) => {
-        if (res.data.code == 0) {
-          refObj.value = res.data.data
-          detailsVisible.value = true
-          processDefinitionName.value = item.processDefinitionName
-          businessKey.value = item.businessKey
-          processInstanceId.value = item.instanceId
-          resourceId.value = item.resourceId
-        } else {
-          message.error('数据请求失败！')
-        }
-      })
-    } else if (typeIndex.value !== 1) {
-      refObj.value = item
-      detailsVisible.value = true
-      processDefinitionName.value = item.processDefinitionName
-      businessKey.value = item.businessKey
-      processInstanceId.value = item.processInstanceId
-      resourceId.value = item.resourceId
-    } else {
-      message.error('数据请求失败！')
-    }
-  }
-  const showVideoList = (item) => {
-    console.log('显示列表', item)
-    getApplyCameraList(item.processInstanceId).then((res) => {
-      console.log('res', res)
-      xVideoList.value = []
-      res.data.data.map((val) => {
-        xVideoList.value.push({ name: val.channelName, key: val.channelId })
-      })
+}
+// 选择类型
+const 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
+  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) => {
+  console.log('showDetail', item)
+  // getProcDefBizRoute(item.processDefinitionId)
+  if (typeIndex.value == 0 && item.applyFlag) {
+    getByApplyFlag(item.applyFlag).then((res) => {
+      if (res.data.code == 0) {
+        refObj.value = res.data.data
+        detailsVisible.value = true
+        processDefinitionName.value = item.processDefinitionName
+        businessKey.value = item.businessKey
+        processInstanceId.value = item.instanceId
+        resourceId.value = item.resourceId
+      } else {
+        message.error('数据请求失败！')
+      }
     })
-    videoVisible.value = true
+  } else if (typeIndex.value !== 1) {
+    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 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) => {
-    // resourcemountapply 上架申请
-    // resourcundercarriageapply 下架申请
-    // abilitydemandapply 需求申请
-    // abilityprocess 能力申请
-    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 showVideoList = (item) => {
+  console.log('显示列表', item)
+  getApplyCameraList(item.processInstanceId).then((res) => {
+    console.log('res', res)
+    xVideoList.value = []
+    res.data.data.map((val) => {
+      xVideoList.value.push({ name: val.channelName, key: val.channelId })
+    })
   })
-  const 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
-            }
-          })
-        }
-      })
+  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 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
-            }
-          })
-        }
-      })
+    if (item.dto.type == '组件服务') {
+      data.abilityToType = '组件服务'
+      data.componentTypeValue = item.dto.infoList.filter(
+        (val) => val.attrType == '组件类型'
+      )[0].attrValue
+    } else if (item.dto.type == '应用资源') {
+      data.abilityToType = '应用资源'
     }
-  }
-  // 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 (typeIndex.value == 0) {
-      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 (typeIndex.value !== 1) {
-      switch (typeIndex.value) {
-        case 2:
-          params.processDefinitionKey = 'resourcemountapply'
-          processDefinitionKey.value = 'resourcemountapply'
-          break
-        case 3:
-          params.processDefinitionKey = 'resourcundercarriageapply'
-          processDefinitionKey.value = 'resourcundercarriageapply'
-          break
-        case 4:
-          params.processDefinitionKey = 'abilitydemandapply'
-          processDefinitionKey.value = 'abilitydemandapply'
-          break
-        case 5:
-          params.processDefinitionKey = 'comment_review'
-          processDefinitionKey.value = 'comment_review'
-          break
+    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)
       }
-      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 = '能力下架'
-              })
-            })
-            // params.processDefinitionKey = 'resourcundercarriageapply'
-            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 = '能力需求'
-              })
-            })
-            // params.processDefinitionKey = 'abilitydemandapply'
-            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 = '需求评论'
-              })
-            })
-            // params.processDefinitionKey = 'comment_review'
-            break
-        }
-        // if (contentList.data && contentList.data.length > 0) {
-        //   contentList.data.map((item) => {
-        //     const param = {
-        //       page: 1,
-        //       limit: 4,
-        //       processInstanceId: item.processInstanceId,
-        //     }
-        //     getTaskHandleDetailInfo(qs.stringify(param)).then((res) => {
-        //       console.log('申请结果', res.data.data, res.data.data[0].comment)
-        //       const result = res.data.data
-        //       if (result && result.length > 2) {
-        //         item.comment =
-        //           result[0].comment.length > result[1].comment.length
-        //             ? result[0].comment
-        //             : result[1].comment
-        //       } else {
-        //         item.comment = result[0].comment
-        //       }
-        //     })
-        //     return item
-        //   })
-        // }
-      })
-    } else {
-      contentList.data = []
-      num.value = []
-      showType.value = ''
-    }
+    })
+  } 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 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,
+}
+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) => {
-          console.log('驳回================>', res)
           if (res.data.code == 0) {
-            message.success('重新发起流程成功！')
-            visible.value = false
-            reason.value = ''
-          } else {
-            message.error('重新发起流程失败！')
+            num.value.finished = res.data.data.total
+            numFlag.value = false
           }
         })
-      } else {
-        message.error('数据更新失败！')
       }
     })
   }
-  mybus.on('closeModal', (obj) => {
-    detailsVisible.value = false
-    changeType(obj.type, obj.index)
-  })
-  onBeforeUnmount(() => {
-    mybus.off('closeModal')
-  })
-  onMounted(() => {
-    getApplyList()
+}
+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 (typeIndex.value == 0) {
+    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 (typeIndex.value !== 1) {
+    let typeName = typeList.value[typeIndex.value]
+    processDefinitionKey.value = typeStrObj[typeName]
+    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 (res.data.code == 0) {
+          message.success('重新发起流程成功！')
+          visible.value = false
+          reason.value = ''
+        } else {
+          message.error('重新发起流程失败！')
+        }
+      })
+    } else {
+      message.error('数据更新失败！')
+    }
   })
+}
+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;
-    .title {
-      font-size: 20px;
-      color: #000000;
-      font-family: 'Alibaba PuHuiTi';
-      font-weight: 500;
+.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;
     }
-    .sousuokuang {
-      margin: 20px 0px 21px 0px;
-      .ant-input-search {
-        max-width: 490px;
-      }
-      :deep(.ant-input) {
-        width: 400px;
+
+    :deep(.ant-input) {
+      width: 400px;
+      height: 36px;
+      font-size: 14px;
+      color: #b2b2b2;
+      background: #f5f5f5;
+    }
+
+    :deep(.ant-input-group-addon) {
+      display: inline-block;
+      margin-left: 10px;
+
+      .ant-input-search-button {
+        width: 80px;
         height: 36px;
+        border-radius: 4px;
         font-size: 14px;
-        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;
-      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;
-    }
+  .tab {
+    display: flex;
+    font-size: 14px;
+    color: #999999;
 
-    .button {
-      width: 96px;
-      height: 30px;
-      margin: 5px 0;
-      background: #0087ff;
-      font-size: 14px;
-      color: #fff;
-      border-radius: 4px;
+    div {
+      // width: 70px;
+      padding: 5px 10px;
+      height: 24px;
+      line-height: 14px;
+      border: 1px solid #cccccc;
+      border-radius: 12px;
+      margin-left: 10px;
       text-align: center;
-      line-height: 30px;
+      color: #666666;
       cursor: pointer;
     }
-    .buttonAgree {
-      background-color: #49c988;
-    }
-    .backToFirst {
-      background-color: rgb(214, 91, 91);
+
+    .tabclass {
+      border: 1px solid #0087ff;
+      color: #0087ff;
     }
   }
-  :deep(.ant-badge-count) {
-    top: -5px;
-    right: -10px;
+
+  .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;
+    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>