From 9fccd6a690894f48a5e90668fc6b38ab94658673 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Thu, 8 Dec 2022 15:24:19 +0800
Subject: [PATCH] =?UTF-8?q?BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/AbilityToApplyFor.vue | 133 +++++++++++----------
 1 file changed, 72 insertions(+), 61 deletions(-)

diff --git a/front/src/views/home/AbilityToApplyFor.vue b/front/src/views/home/AbilityToApplyFor.vue
index 222c9876..e7b50be7 100644
--- a/front/src/views/home/AbilityToApplyFor.vue
+++ b/front/src/views/home/AbilityToApplyFor.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="ability-to-apply-for" :class="{ all: falg }">
+  <div class="ability-to-apply-for" :class="{ all: flag }">
     <div class="title">
       <span>申请能力</span>
       <div
         class="btnBox"
-        v-show="!falg"
+        v-show="!flag"
         v-if="dataForm[0].arr.length > 1 || dataForm.length > 1"
       >
         <svg
@@ -16,7 +16,7 @@
           p-id="5926"
           width="20"
           height="20"
-          @click="falg = !falg"
+          @click="flag = !flag"
         >
           <path
             d="M512 565.12a45.44 45.44 0 0 1-32.64-13.44l-448-451.84a45.44 45.44 0 0 1 64-64L512 454.4 931.84 35.2a46.08 46.08 0 0 1 64 0 45.44 45.44 0 0 1 0 64L545.28 551.68a45.44 45.44 0 0 1-33.28 13.44z"
@@ -29,10 +29,14 @@
             p-id="5928"
           ></path>
         </svg>
-        <span class="btn" style="font-weight:600" @click="falg = !falg">展开</span>
-        <span class="btn" @click="falg = !falg">(共{{totalDataNum}}条数据)</span>
+        <span class="btn" style="font-weight: 600" @click="flag = !flag">
+          展开
+        </span>
+        <span class="btn" @click="flag = !flag">
+          (共{{ totalDataNum }}条数据)
+        </span>
       </div>
-      <div class="btnBox" v-show="falg">
+      <div class="btnBox" v-show="flag">
         <svg
           t="1659420014519"
           class="btn"
@@ -42,7 +46,7 @@
           p-id="9781"
           width="20"
           height="20"
-          @click="falg = !falg"
+          @click="flag = !flag"
         >
           <path
             d="M498.095 146.134l403.416 403.415c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 22 35.302 486.586c-17.388 17.387-17.388 45.575 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.095 146.134zM498.817 592.073l402.693 402.693c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 467.219 35.302 931.804c-17.388 17.387-17.388 45.576 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.817 592.073z"
@@ -50,7 +54,9 @@
             fill="#13227a"
           ></path>
         </svg>
-        <span class="btn" style="font-weight:600" @click="falg = !falg">收起</span>
+        <span class="btn" style="font-weight: 600" @click="flag = !flag">
+          收起
+        </span>
       </div>
     </div>
     <div
@@ -127,23 +133,29 @@
     title="已申请摄像头列表"
     @ok="videoVisible = false"
   >
-  <a-select placeholder="请选择归属部门" 
-                  style="width: 200px" 
-                  v-model:value="deptName" 
-                   :getPopupContainer="(triggerNode) => triggerNode.parentNode" 
-                     show-search 
-                     :filterOption="true"  
-                     @change="deptIdChangeFunction">
-                    <a-select-option v-for="(item, index) in deptNameAll" :key="`${index}-${item}`" :value="item.name">
-                      {{ item.name }}
-                    </a-select-option>
+    <a-select
+      placeholder="请选择归属部门"
+      style="width: 200px"
+      v-model:value="deptName"
+      :getPopupContainer="(triggerNode) => triggerNode.parentNode"
+      show-search
+      :filterOption="true"
+      @change="deptIdChangeFunction"
+    >
+      <a-select-option
+        v-for="(item, index) in deptNameAll"
+        :key="`${index}-${item}`"
+        :value="item.name"
+      >
+        {{ item.name }}
+      </a-select-option>
     </a-select>
     <a-table
       :columns="columns"
       :data-source="xVideoList"
       bordered
       :pagination="{ defaultPageSize: 6 }"
-      style="margin-top:10px"
+      style="margin-top: 10px"
     >
       <template #bodyCell="{ column, text }">
         <!-- <template>
@@ -164,9 +176,9 @@
   const props = defineProps({
     dataList: { type: Array, default: null },
   })
-  const falg = ref(false)
+  const flag = ref(false)
   let dataForm = ref([])
-  let totalDataNum = ref(0);
+  let totalDataNum = ref(0)
   const videoVisible = ref(false)
   const xVideoList = ref([])
   const xVideoListAll = ref([])
@@ -178,10 +190,10 @@
       title: '摄像头名称',
       dataIndex: 'name',
     },
-     {
+    {
       title: '归属部门',
       dataIndex: 'managementUnitName',
-    }
+    },
   ])
   // eslint-disable-next-line vue/no-setup-props-destructure
   dataForm.value = props.dataList
@@ -211,17 +223,17 @@
   // 详情
   const showItem = (id, type, delFlag, note1) => {
     if (type == '基础设施') {
-      let arr = JSON.parse(note1);
+      let arr = JSON.parse(note1)
       //console.log('arrarr====',arr);
       xVideoList.value = []
       arr.map((val) => {
         xVideoList.value.push({
           name: val.channelName || '',
           key: val.channelId,
-          managementUnitName:val.managementUnitName || '',
+          managementUnitName: val.managementUnitName || '',
         })
       })
-      xVideoListAll.value = xVideoList.value;
+      xVideoListAll.value = xVideoList.value
       videoVisible.value = true
     } else {
       if (delFlag == 0) {
@@ -236,34 +248,33 @@
       }
     }
   }
-    //归属部门选中改变事件
-    const deptIdChangeFunction = (name) => {
-      //console.log('nnnndddd',name);
-      //console.log('过滤前xVideoList',xVideoList);
-      //通过name过滤xVideoList
-        xVideoList.value =  xVideoListAll.value.filter((item) => {
-        if (name && item.managementUnitName.indexOf(name) < 0) return false
-        return true
-      });
-    }
-    //获取所有的归属部门列表
-     const getDeptAllData = () =>{
-      getDeptAll().then((res) => {
-       deptNameAll.value = res.data.data
-        })
-    } 
-      getDeptAllData(); 
-      const getDataTotalNum = () =>{
-        let totalNum  =0;
-       dataForm.value.forEach((item)=>{
-        totalNum = totalNum +item.arr.length;
-     });
-     totalDataNum.value = totalNum;
-    } 
-    getDataTotalNum();
-    //获取数据的总条数
-    
-</script> 
+  //归属部门选中改变事件
+  const deptIdChangeFunction = (name) => {
+    //console.log('nnnndddd',name);
+    //console.log('过滤前xVideoList',xVideoList);
+    //通过name过滤xVideoList
+    xVideoList.value = xVideoListAll.value.filter((item) => {
+      if (name && item.managementUnitName.indexOf(name) < 0) return false
+      return true
+    })
+  }
+  //获取所有的归属部门列表
+  const getDeptAllData = () => {
+    getDeptAll().then((res) => {
+      deptNameAll.value = res.data.data
+    })
+  }
+  getDeptAllData()
+  const getDataTotalNum = () => {
+    let totalNum = 0
+    dataForm.value.forEach((item) => {
+      totalNum = totalNum + item.arr.length
+    })
+    totalDataNum.value = totalNum
+  }
+  getDataTotalNum()
+  //获取数据的总条数
+</script>
 
 <style scoped lang="less">
   .ability-to-apply-for {
@@ -355,7 +366,7 @@
   }
 
   .all {
-    height: unset;
+    max-height: unset;
     min-height: 2.9rem;
   }
 
@@ -404,10 +415,10 @@
     align-items: center;
   }
   ::v-deep .ant-table-thead > tr > th {
-  //padding-left: px;
-  font-size: 18px;
-  font-weight: bold;
-  color:#000000 ;
-  //background: # !important;
-}
+    //padding-left: px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #000000;
+    //background: # !important;
+  }
 </style>