1.台账页面优化

src/views/statistical/major/ledgerList.vue

@@ -37,159 +37,161 @@
                     <el-button class="filter-item" round type="info" @click="exportMajorLedger()"
                         :disabled="exportStatus">导出
                     </el-button>
+                    <el-button class="filter-item" round @click="showAllLabel()">显示全部列</el-button>
                 </template>
-                <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;" class="tableFull">
-                    <el-table-column label="项目流水号" width="120" align="center">
+                <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;"
+                    @headerClick="switchHeader" class="tableFull">
+                    <el-table-column label="项目流水号" width="120" align="center" v-if="!hiddenLabels.includes('orderId')" prop="orderId">
                         <template slot-scope="{row}">
                             <span>{{ row.orderId }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="报告号" width="220" align="center">
+                    <el-table-column label="报告号" width="220" align="center" v-if="!hiddenLabels.includes('reportNo')" prop="reportNo">
                         <template slot-scope="{row}">
                             <span>{{ row.reportNo }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="项目部名称" width="120" align="center">
+                    <el-table-column label="项目部名称" width="120" align="center" v-if="!hiddenLabels.includes('departmentName')" prop="departmentName">
                         <template slot-scope="{row}">
                             <span>{{ row.departmentName }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="项目名称" width="300" align="center">
+                    <el-table-column label="项目名称" width="300" align="center" v-if="!hiddenLabels.includes('projectName')" prop="projectName">
                         <template slot-scope="{row}">
                             <span>{{ row.projectName }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="客户名称" width="120" align="center">
+                    <el-table-column label="客户名称" width="120" align="center" v-if="!hiddenLabels.includes('customerName')" prop="customerName">
                         <template slot-scope="{row}">
                             <span>{{ row.customerName }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="业务来源" width="120" align="center">
+                    <el-table-column label="业务来源" width="120" align="center" v-if="!hiddenLabels.includes('customerSubName')" prop="customerSubName">
                         <template slot-scope="{row}">
                             <span>{{ row.customerSubName }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="客户经理" width="120" align="center">
+                    <el-table-column label="客户经理" width="120" align="center" v-if="!hiddenLabels.includes('clientManagerName')" prop="clientManagerName">
                         <template slot-scope="{row}">
                             <span>{{ row.clientManagerName }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="项目负责人" width="120" align="center">
+                    <el-table-column label="项目负责人" width="120" align="center" v-if="!hiddenLabels.includes('principalName')" prop="principalName">
                         <template slot-scope="{row}">
                             <span>{{ row.principalName }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="项目参与人" width="120" align="center">
+                    <el-table-column label="项目参与人" width="120" align="center" v-if="!hiddenLabels.includes('members')" prop="members">
                         <template slot-scope="{row}">
                             <span>{{ row.members }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="产权人" width="120" align="center">
+                    <el-table-column label="产权人" width="120" align="center" v-if="!hiddenLabels.includes('owner')" prop="owner">
                         <template slot-scope="{row}">
                             <span>{{ row.owner }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="委托方名称" width="120" align="center">
+                    <el-table-column label="委托方名称" width="120" align="center" v-if="!hiddenLabels.includes('bailor')" prop="bailor">
                         <template slot-scope="{row}">
                             <span>{{ row.bailor }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="委托方电话" width="120" align="center">
+                    <el-table-column label="委托方电话" width="120" align="center" v-if="!hiddenLabels.includes('bailorContactTel')" prop="bailorContactTel">
                         <template slot-scope="{row}">
                             <span>{{ row.bailorContactTel }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="委托方地址" width="120" align="center">
+                    <el-table-column label="委托方地址" width="120" align="center" v-if="!hiddenLabels.includes('bailorAddress')" prop="bailorAddress">
                         <template slot-scope="{row}">
                             <span>{{ row.bailorAddress }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="估价目的" width="120" align="center">
+                    <el-table-column label="估价目的" width="120" align="center" v-if="!hiddenLabels.includes('evaluateAim')" prop="evaluateAim">
                         <template slot-scope="{row}">
                             <span>{{ row.evaluateAim }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="价值时点" width="120" align="center">
+                    <el-table-column label="价值时点" width="120" align="center" v-if="!hiddenLabels.includes('valueTiming')" prop="valueTiming">
                         <template slot-scope="{row}">
                             <span>{{ row.valueTiming }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="估价对象地址" width="120" align="center">
+                    <el-table-column label="估价对象地址" width="120" align="center" v-if="!hiddenLabels.includes('located')" prop="located">
                         <template slot-scope="{row}">
                             <span>{{ row.located }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="用途" width="120" align="center">
+                    <el-table-column label="用途" width="120" align="center" v-if="!hiddenLabels.includes('landUse')" prop="landUse">
                         <template slot-scope="{row}">
                             <span>{{ row.landUse }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="建筑面积(㎡)" width="120" align="center">
+                    <el-table-column label="建筑面积(㎡)" width="120" align="center" v-if="!hiddenLabels.includes('buildAcreage')" prop="buildAcreage">
                         <template slot-scope="{row}">
                             <span>{{ row.buildAcreage }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="土地面积(㎡)" width="120" align="center">
+                    <el-table-column label="土地面积(㎡)" width="120" align="center" v-if="!hiddenLabels.includes('landAcreage')" prop="landAcreage">
                         <template slot-scope="{row}">
                             <span>{{ row.landAcreage }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="实勘时间" width="120" align="center">
+                    <el-table-column label="实勘时间" width="120" align="center" v-if="!hiddenLabels.includes('reconnaissanceDate')" prop="reconnaissanceDate">
                         <template slot-scope="{row}">
                             <span>{{ row.reconnaissanceDate }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="单价(元/㎡)" width="120" align="center">
+                    <el-table-column label="单价(元/㎡)" width="120" align="center" v-if="!hiddenLabels.includes('evaluatePrice')" prop="evaluatePrice">
                         <template slot-scope="{row}">
                             <span>{{ row.evaluatePrice }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="评估总价(万元)" width="120" align="center">
+                    <el-table-column label="评估总价(万元)" width="120" align="center" v-if="!hiddenLabels.includes('evaluateAmount')" prop="evaluateAmount">
                         <template slot-scope="{row}">
                             <span>{{ row.evaluateAmount }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="评估收入(万元)" width="120" align="center">
+                    <el-table-column label="评估收入(万元)" width="120" align="center" v-if="!hiddenLabels.includes('productionRealAmount')" prop="productionRealAmount">
                         <template slot-scope="{row}">
                             <span>{{ row.productionRealAmount }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="出库时间" width="120" align="center">
+                    <el-table-column label="出库时间" width="120" align="center" v-if="!hiddenLabels.includes('repertoryOutTime')" prop="repertoryOutTime">
                         <template slot-scope="{row}">
                             <span>{{ row.repertoryOutTime }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="第一报告人" width="80" align="center">
+                    <el-table-column label="第一报告人" width="80" align="center" v-if="!hiddenLabels.includes('firstReporter')" prop="firstReporter">
                         <template slot-scope="{row}">
                             <span>{{ row.firstReporter }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="第二报告人" width="80" align="center">
+                    <el-table-column label="第二报告人" width="80" align="center" v-if="!hiddenLabels.includes('secReporter')" prop="secReporter">
                         <template slot-scope="{row}">
                             <span>{{ row.secReporter }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="意见书二审人" width="80" align="center">
+                    <el-table-column label="意见书二审人" width="80" align="center" v-if="!hiddenLabels.includes('secStatementChecker')" prop="secStatementChecker">
                         <template slot-scope="{row}">
                             <span>{{ row.secStatementChecker }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="意见书三审人" width="80" align="center">
+                    <el-table-column label="意见书三审人" width="80" align="center" v-if="!hiddenLabels.includes('thirdStatementChecker')" prop="thirdStatementChecker">
                         <template slot-scope="{row}">
                             <span>{{ row.thirdStatementChecker }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="报告二审人" width="80" align="center">
+                    <el-table-column label="报告二审人" width="80" align="center" v-if="!hiddenLabels.includes('secReportChecker')" prop="secReportChecker">
                         <template slot-scope="{row}">
                             <span>{{ row.secReportChecker }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="报告三审人" width="80" align="center">
+                    <el-table-column label="报告三审人" width="80" align="center" v-if="!hiddenLabels.includes('thirdReportReChecker')" prop="thirdReportReChecker">
                         <template slot-scope="{row}">
                             <span>{{ row.thirdReportReChecker }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="特殊情况说明" width="120" align="center">
+                    <el-table-column label="特殊情况说明" width="120" align="center" v-if="!hiddenLabels.includes('comment')" prop="comment">
                         <template slot-scope="{row}">
                             <span>{{ row.comment }}</span>
                         </template>
@@ -203,6 +205,7 @@
 <script>
 import Breadcrumb from '@/components/Breadcrumb'
 import YPageListLayout from '@/components/YPageListLayout'
+import { getCookie,setCookie,removeCookie } from '@/utils/auth'
 
 export default {
     name: 'majorLedgerList',
@@ -269,10 +272,14 @@ export default {
                     }
                 }]
             },
-            exportStatus: true
+            exportStatus: true,
+            hiddenLabels: []
         }
     },
     created() {
+        if (getCookie("MajorPendingList-hiddenLabels") != undefined) {
+            this.hiddenLabels = JSON.parse(getCookie("MajorPendingList-hiddenLabels"))
+        }
         this.getAllUser();
         this.getAllotDepartment();
         this.getMajorLedger();
@@ -333,14 +340,22 @@ export default {
                     this.allotDepartment = res.data;
                 }
             })
+        },
+        switchHeader(data) {
+            this.hiddenLabels.push(data);
+            setCookie("MajorPendingList-hiddenLabels", this.hiddenLabels);
+        },
+        showAllLabel() {
+            removeCookie("MajorPendingList-hiddenLabels");
+            location.reload();
         }
     }
 }
 </script>
 <style scoped lang="scss">
 /* el-table 列数据为空自动显示 - */
-.tableFull :empty::before{
-	content:'-';
-	color:gray;
+.tableFull :empty::before {
+    content: '-';
+    color: gray;
 }
 </style>