From 02925c328227654c22feabea85f932b2de3d27f5 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Wed, 26 Oct 2022 10:26:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E7=AE=A1=E7=90=86=E2=80=94?=
 =?UTF-8?q?=E8=83=BD=E5=8A=9B=E7=BB=9F=E8=AE=A1=EF=BC=8C=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=20=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/modules/abilityStatistics/index.vue | 113 ++++++++----------
 1 file changed, 51 insertions(+), 62 deletions(-)

diff --git a/back/src/views/modules/abilityStatistics/index.vue b/back/src/views/modules/abilityStatistics/index.vue
index bc35e440..d5fbbf66 100644
--- a/back/src/views/modules/abilityStatistics/index.vue
+++ b/back/src/views/modules/abilityStatistics/index.vue
@@ -45,28 +45,27 @@
         <el-form-item>
           <span v-if="this.departmentId === 1 || this.departmentId === 3">上架部门：</span>
           <span v-else>申请部门：</span>
-          <el-select
-            v-model="abilityDepartment"
-            placeholder="请选择部门"
-            filterable
-            clearable
-          >
+          <el-select v-model="abilityDepartment" placeholder="请选择部门" filterable clearable>
             <el-option label="全部" value=""></el-option>
-            <el-option v-for="item in departmentSelects" :key="item.label" :label="item.label" :value="item.value" v-bind="item"></el-option>
+            <el-option v-for="item in departmentSelects" :key="item.label" :label="item.label" :value="item.value"
+              v-bind="item"></el-option>
           </el-select>
         </el-form-item>
 
         <!--类型-->
         <el-form-item>
           <span>类型：</span>
-          <el-select v-if="this.departmentId === 2 || this.departmentId === 4"   v-model="abilityType" placeholder="请选择类型" clearable>
+          <el-select v-if="this.departmentId === 2 || this.departmentId === 4" v-model="abilityType" placeholder="请选择类型"
+            clearable>
             <el-option label="全部" value=""></el-option>
-            <el-option v-for="(item, i) in typeOptions" :key="`${item.name}${i}`" :label="item.name" :value="item.name" v-bind="item">
+            <el-option v-for="(item, i) in typeOptions" :key="`${item.name}${i}`" :label="item.name" :value="item.name"
+              v-bind="item">
             </el-option>
           </el-select>
           <el-select v-else v-model="abilityType" placeholder="请选择类型" clearable>
             <el-option label="全部" value=""></el-option>
-            <el-option v-for="(item, i) in typeOptions1" :key="`${item.name}${i}`" :label="item.name" :value="item.name" v-bind="item">
+            <el-option v-for="(item, i) in typeOptions1" :key="`${item.name}${i}`" :label="item.name" :value="item.name"
+              v-bind="item">
             </el-option>
           </el-select>
         </el-form-item>
@@ -78,11 +77,12 @@
         <!--操作按钮重置-->
         <el-form-item>
           <el-button type="primary" @click="resetDataList()">{{
-          $t('reset')
+              $t('reset')
           }}</el-button>
         </el-form-item>
         <!-- 导出 -->
-        <a class='export' :href="exportExcel+exportExcelType+'?'+exportExcelCondition+'&token='+token">导出全部</a>
+        <a class='export'
+          :href="exportExcel + exportExcelType + '?' + exportExcelCondition + '&token=' + token">导出全部</a>
       </el-form>
       <el-card shadow="never" class="aui-card--fill" v-if="homeIsShow">
         <div class="mod-demand__bsdemand">
@@ -117,7 +117,8 @@
                 能力使用明细
             </span> -->
             <template v-if="detailFlag">
-              <el-checkbox v-model="checked" @change='chagneCheckbox' style="position: absolute;right: 150px;margin-top: -15px;">隐藏空数据</el-checkbox>
+              <el-checkbox v-model="checked" @change='chagneCheckbox'
+                style="position: absolute;right: 150px;margin-top: -15px;">隐藏空数据</el-checkbox>
               <span class="detail-button" @click="goToDetail()">
                 明细
               </span>
@@ -168,14 +169,10 @@
           </el-table>
           <!--明细表-->
 
-          <el-table
-            :data="tableData"
-            :header-cell-style="{ textAlign: 'center',height:'96px' }"
-            :cell-style="{ textAlign: 'center' }"
-            style="width: 100%"
-            v-show="this.departmentId === 3 || this.departmentId === 4"
-          >
-          <el-table-column v-if="this.departmentId === 3" prop="deptName" label="上架部门" min-width="100%">
+          <el-table :data="tableData" :header-cell-style="{ textAlign: 'center', height: '96px' }"
+            :cell-style="{ textAlign: 'center' }" style="width: 100%"
+            v-show="this.departmentId === 3 || this.departmentId === 4">
+            <el-table-column v-if="this.departmentId === 3" prop="deptName" label="上架部门" min-width="100%">
             </el-table-column>
             <el-table-column v-if="this.departmentId === 4" prop="deptName" label="申请部门" min-width="100%">
             </el-table-column>
@@ -233,7 +230,7 @@ import Template from '../devtools/template.vue'
 // })
 export default {
   components: { componentServices, applicationResources, ComponentUsed, AbilityDetail, Template },
-  data () {
+  data() {
     return {
       checked: false,
       departmentSelects: [],
@@ -366,7 +363,7 @@ export default {
       endDate: '' // 结束时间
     }
   },
-  created () {
+  created() {
     this.$http.get('/sys/dept/all').then(res => {
       // console.log('获取部门=========>', res)
       this.departmentSelects = []
@@ -387,7 +384,7 @@ export default {
     // const date2 = new Date(year2, month2, day2, 7)
     // this.value1.unshift(date2)
   },
-  mounted () {
+  mounted() {
     // this.getFirstTree()
     if (this.departmentId === 1) {
       this.handleChose(3)
@@ -402,7 +399,7 @@ export default {
     // ...mapState(['departmentSelects'])
   },
   methods: {
-    chagneCheckbox () {
+    chagneCheckbox() {
       if (this.checked) {
         this.tableData = this.tableDataClone.filter(val => val.count !== 0)
         this.total = this.tableData.length
@@ -411,10 +408,10 @@ export default {
         this.total = this.tableData.length
       }
     },
-    closeModal () {
+    closeModal() {
       this.detailsVisible = false
     },
-    handleCurrentChange (val) {
+    handleCurrentChange(val) {
       console.log('val------------>', val)
       this.currentPage = val
       // todo
@@ -431,7 +428,7 @@ export default {
       //   this.getReleaseTree(val)
       // }
     },
-    getTreeName (data) {
+    getTreeName(data) {
       this.$http
         .get('/census/center/v3/treeList/', {
           params: {
@@ -461,7 +458,7 @@ export default {
     //     },
 
     // 组件服务部门发布情况--改为能力上架统计
-    getFirstTree (page) {
+    getFirstTree(page) {
       if (this.examineStatus == '-1') {
         this.status = ''
       } else if (this.examineStatus == '0') {
@@ -527,7 +524,7 @@ export default {
         })
     },
     // 组件服务部门使用情况列表-改为能力使用统计
-    getSecondTree (page) {
+    getSecondTree(page) {
       if (this.examineStatus == '-1') {
         this.status = ''
       } else if (this.examineStatus == '0') {
@@ -593,7 +590,7 @@ export default {
         })
     },
     // 点击查看详情
-    detailClick (row) {
+    detailClick(row) {
       this.detailParamss = {}
       const applyNumber = row.applyNumber
       if (this.departmentId == 3) { // 能力上架
@@ -635,7 +632,7 @@ export default {
       }
     },
     // 能力上架明细  能力上架统计
-    getOneDetail (page) {
+    getOneDetail(page) {
       var passAndReview = '' // 转变"通过"字段为通过
       if (this.examineStatus == '-1') {
         this.status = ''
@@ -674,7 +671,7 @@ export default {
         })
     },
     // 能力使用明细 能力使用统计
-    getTwoDetail (page) {
+    getTwoDetail(page) {
       var passAndReview = '' // 转变"通过"字段为通过
       if (this.examineStatus == '-1') {
         this.status = ''
@@ -711,7 +708,7 @@ export default {
           })
         })
     },
-    getReleaseTree (page) {
+    getReleaseTree(page) {
       this.$http
         .get('/census/center/selectApplyDeptDetailTypeCountList/', {
           params: {
@@ -758,7 +755,7 @@ export default {
         })
     },
     // 应用资源部门使用情况列表
-    getUsedTree () {
+    getUsedTree() {
       this.$http
         .get('/census/center/v3/resourceReleaseDetails/', {
           params: {
@@ -772,7 +769,7 @@ export default {
           this.tableData = res.data.data.list
         })
     },
-    handleClick (row) {
+    handleClick(row) {
       if (this.choseId === 0) {
         if (this.departmentId === 1) {
           this.homeIsShow = false
@@ -793,7 +790,7 @@ export default {
       }
     },
     // 选择组件
-    choseBtn (index) {
+    choseBtn(index) {
       this.choseId = index
       this.handleChose(1)
     },
@@ -809,7 +806,7 @@ export default {
     //     }
     //   },
     // 选择发布or使用表格
-    handleChose (index) {
+    handleChose(index) {
       this.checked = false
       this.departmentId = index
       if (index === 1) {
@@ -851,26 +848,26 @@ export default {
       }
     },
     // 翻页
-    handleSizeChange (val) {
+    handleSizeChange(val) {
       console.log(`每页 ${val} 条`)
     },
-    closeChild () {
+    closeChild() {
       this.homeIsShow = true
       this.servicesIsShow = false
       this.handleCurrentChange(1)
     },
-    closeChild2 () {
+    closeChild2() {
       this.homeIsShow = true
       this.UsedIsShow = false
       this.handleCurrentChange(1)
     },
-    closeApplication () {
+    closeApplication() {
       this.homeIsShow = true
       this.resourcesIsShow = false
       this.handleCurrentChange(1)
     },
     // 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
-    goToDetail () {
+    goToDetail() {
       this.detailFlag = !this.detailFlag
       if (this.departmentId === 1) {
         this.handleChose(3)
@@ -882,7 +879,7 @@ export default {
       }
     },
     // 返回按钮
-    goToBack () {
+    goToBack() {
       this.checked = false
       // departmentId 1，3  2，4 两个值共同判断
       this.detailFlag = !this.detailFlag
@@ -896,7 +893,7 @@ export default {
       }
     },
     // 点击查询按钮查询数据
-    getDataList () {
+    getDataList() {
       if (this.value1 && this.value1.length > 0) {
         this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd')
         this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd')
@@ -927,7 +924,7 @@ export default {
       }
     },
     // 重置按钮查询数据
-    resetDataList () {
+    resetDataList() {
       this.value1 = []
       this.startDate = ''
       this.endDate = ''
@@ -965,7 +962,7 @@ export default {
       }
     },
     // 定义格式化函数：
-    handleTime (time, format) {
+    handleTime(time, format) {
       if (time == null || time == undefined || time == '') {
         return ''
       }
@@ -1159,24 +1156,16 @@ input::placeholder {
   background: #fff;
   border: 1px solid #dcdfe6;
   color: #000;
+  color: #FFF;
+  background-color: #0058e1;
+  border-color: #0058e1;
+  text-decoration: none;
 }
 
 .export:hover {
-  border-color: #c5ddfd;
-  background-color: #ecf4fe;
-  color: #0058e1;
-  text-decoration: none;
+  background: #65a5f9;
+  border-color: #65a5f9;
+  color: #FFF;
 }
 
-.export:active {
-  border-color: #c5ddfd;
-  background-color: #ecf4fe;
-  color: #0058e1;
-  text-decoration: none;
-}
-
-.export:visited {
-  color: #fff;
-  text-decoration: none;
-}
 </style>