我的订单隐藏列

src/views/major/myOrder.vue

@@ -16,94 +16,112 @@
             <el-button class="filter-item" round type="success" @click="exportMyOrder()"
               :disabled="!listQuery.startDate && !listQuery.endDate">导出
             </el-button>
+            <el-button class="filter-item" round @click="showAllLabel()">显示全部列</el-button>
           </template>
         </MoreSearchBar>
       </template>
-      <parentTable :data="pageData.records" slot="table" style="width: 100%;">
-        <el-table-column label="订单名称" align="center" show-overflow-tooltip width='300'>
+      <parentTable :data="pageData.records" slot="table" style="width: 100%;" @headerClick="switchHeader">
+        <el-table-column label="订单名称" align="center" show-overflow-tooltip width='300' 
+        prop="orderName" v-if="!hiddenLabels.includes('orderName')">
           <template slot-scope="{row}">
             <span>{{ row.orderName }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="订单号" align="center" width='150'>
+        <el-table-column label="订单号" align="center" width='150'
+        prop="orderId" v-if="!hiddenLabels.includes('orderId')">
           <template slot-scope="{row}">
             <span>{{ row.orderId }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="产品号" align="center" width='200'>
+        <el-table-column label="产品号" align="center" width='200'
+        prop="productionNo" v-if="!hiddenLabels.includes('productionNo')">
           <template slot-scope="{row}">
             <span>{{ row.productionNo ? row.productionNo : '--' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="产品类型" align="center" width='120'>
+        <el-table-column label="产品类型" align="center" width='120'
+        prop="production" v-if="!hiddenLabels.includes('production')">
           <template slot-scope="{row}">
             <span>{{ row.production ? (row.production === 'REPORT' ? '报告' : (row.production === 'STATEMENT' ? '意见书' :
               '复评函'
             )) : '订单' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="当前节点" align="center" width='200'>
+        <el-table-column label="当前节点" align="center" width='200'
+        prop="currentNodeName" v-if="!hiddenLabels.includes('currentNodeName')">
           <template slot-scope="{row}">
             <span>{{ row.currentNodeName == null ? (row.ifSaveFile === true ? '已归档' : '--') : row.currentNodeName
             }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="负责人" align="center" width='120'>
+        <el-table-column label="负责人" align="center" width='120'
+        prop="principal" v-if="!hiddenLabels.includes('principal')">
           <template slot-scope="{row}">
             <span>{{ row.principal }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="客户经理" align="center" width='120'>
+        <el-table-column label="客户经理" align="center" width='120'
+        prop="clientManager" v-if="!hiddenLabels.includes('clientManager')">
           <template slot-scope="{row}">
             <span>{{ row.clientManager }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="实收款(元)" align="center" width='120'>
+        <el-table-column label="实收款(元)" align="center" width='120'
+        prop="realAmount" v-if="!hiddenLabels.includes('realAmount')">
           <template slot-scope="{row}">
             <span style="color:red;font-weight:bold">{{ row.realAmount ? row.realAmount : '--' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="应收款(元)" align="center" width='120'>
+        <el-table-column label="应收款(元)" align="center" width='120'
+        prop="shouldAmount" v-if="!hiddenLabels.includes('shouldAmount')">
           <template slot-scope="{row}">
             <span>{{ row.shouldAmount!=null ? row.shouldAmount :  '--'}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="开票金额(元)" align="center" width='120'>
+        <el-table-column label="开票金额(元)" align="center" width='120'
+        prop="invoiceAmount" v-if="!hiddenLabels.includes('invoiceAmount')">
           <template slot-scope="{row}">
             <span style="color:red;font-weight:bold">{{ row.invoiceAmount ? row.invoiceAmount : '--' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="客户名称" align="center" width='120' show-overflow-tooltip>
+        <el-table-column label="客户名称" align="center" width='120'
+        prop="clienteleName" v-if="!hiddenLabels.includes('clienteleName')" show-overflow-tooltip>
           <template slot-scope="{row}">
             <span>{{ row.clienteleName }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="业务来源" align="center" width='120' show-overflow-tooltip>
+        <el-table-column label="业务来源" align="center" width='120'
+        prop="clienteleSubName" v-if="!hiddenLabels.includes('clienteleSubName')" show-overflow-tooltip>
           <template slot-scope="{row}">
             <span>{{ row.clienteleSubName }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="客户联系人" align="center" width='120' show-overflow-tooltip>
+        <el-table-column label="客户联系人" align="center" width='120'
+        prop="clienteleContactName" v-if="!hiddenLabels.includes('clienteleContactName')" show-overflow-tooltip>
           <template slot-scope="{row}">
             <span>{{ row.clienteleContactName }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="委托人" align="center" show-overflow-tooltip>
+        <el-table-column label="委托人" align="center"
+        prop="bailor" v-if="!hiddenLabels.includes('bailor')" show-overflow-tooltip>
           <template slot-scope="{row}">
             <span>{{ row.bailor }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="产权人" align="center" show-overflow-tooltip>
+        <el-table-column label="产权人" align="center"
+        prop="owner" v-if="!hiddenLabels.includes('owner')" show-overflow-tooltip>
           <template slot-scope="{row}">
             <span>{{ row.owner }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="送达状态" align="center" width='120'>
+        <el-table-column label="送达状态" align="center"
+        prop="delivery" v-if="!hiddenLabels.includes('delivery')" width='120'>
           <template slot-scope="{row}">
             <span>{{ row.delivery ? '已送达' : '--' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="下单时间" align="center" width='200'>
+        <el-table-column label="下单时间" align="center"
+        prop="created" v-if="!hiddenLabels.includes('created')" width='200'>
           <template slot-scope="{row}">
             <span>{{ row.created }}</span>
           </template>
@@ -572,6 +590,7 @@
 import YPageListLayout from '@/components/YPageListLayout'
 import Breadcrumb from '@/components/Breadcrumb'
 import MoreSearchBar from '@/components/MoreSearchBar'
+import { getCookie, setCookie, removeCookie } from '@/utils/auth'
 
 
 export default {
@@ -696,9 +715,13 @@ export default {
           }
         }]
       },
+      hiddenLabels: [],
     }
   },
   created() {
+    if (getCookie("MajorMineList-hiddenLabels") != undefined) {
+      this.hiddenLabels = JSON.parse(getCookie("MajorMineList-hiddenLabels"))
+    }
     this.getList();
     this.todoBusinessId = this.$route.query.todoBusinessId;
     this.taskId = this.$route.query.tId;
@@ -1375,6 +1398,8 @@ export default {
       this.invoice.reason = null;
       this.invoice.created = null;
       this.invoice.modified = null;
+      this.invoice.ticketNo = null;
+      this.invoice.realMakeDate = null;
       this.newInvoiceDialog = true;
     },
     // 大中型我的订单导出
@@ -1383,7 +1408,15 @@ export default {
         "/majorProduction/exportMyOrder", this.listQuery,
         "导出"
       );
-    }
+    },
+    switchHeader(data) {
+      this.hiddenLabels.push(data);
+      setCookie("MajorMineList-hiddenLabels", this.hiddenLabels);
+    },
+    showAllLabel() {
+      removeCookie("MajorMineList-hiddenLabels");
+      location.reload();
+    },
   }
 
 }

src/views/personal/myOrder.vue

@@ -14,81 +14,97 @@
             <template v-slot:otherButton>
               <el-button class="filter-item" round type="success" @click="exportMyOrder()" :disabled="!listQuery.startDate && !listQuery.endDate">导出
               </el-button>
+              <el-button class="filter-item" round @click="showAllLabel()">显示全部列</el-button>
             </template>
         </MoreSearchBar>
       </template>
-      <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;" >
-        <el-table-column label="坐落" align="center" width="300" show-overflow-tooltip>
+      <parentTable ref="table" v-loading="listLoading" @headerClick="switchHeader" :data="pageData.records" slot="table" style="width: 100%;" >
+        <el-table-column label="坐落" align="center" width="300" show-overflow-tooltip
+        v-if="!hiddenLabels.includes('orderName')" prop="orderName" >
           <template slot-scope="{row}">
             <span>{{ row.orderName }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="项目编号" align="center" width="130" >
+        <el-table-column label="项目编号" align="center" width="130" 
+        v-if="!hiddenLabels.includes('orderId')" prop="orderId" >
           <template slot-scope="{row}">
             <span>{{ row.orderId }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="面积" align="center" width="130">
+        <el-table-column label="面积" align="center" width="130"
+        v-if="!hiddenLabels.includes('acreage')" prop="acreage" >
           <template slot-scope="{row}">
             <span>{{ row.acreage?row.acreage:'-' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="单价" align="center" width="130">
+        <el-table-column label="单价" align="center" width="130"
+        v-if="!hiddenLabels.includes('price')" prop="price" >
           <template slot-scope="{row}">
             <span>{{ row.price?row.price:'-' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="总价" align="center" width="130">
+        <el-table-column label="总价" align="center" width="130"
+        v-if="!hiddenLabels.includes('amount')" prop="amount" >
           <template slot-scope="{row}">
             <span>{{ row.amount?row.amount:'-' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="客户名称" align="center" width="130">
+        <el-table-column label="客户名称" align="center" width="130"
+        v-if="!hiddenLabels.includes('clientName')" prop="clientName" >
           <template slot-scope="{row}">
             <span>{{ row.clientName==null?'-': row.clientName }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="业务来源" align="center" width="130">
+        <el-table-column label="业务来源" align="center" width="130"
+        v-if="!hiddenLabels.includes('clientSubName')" prop="clientSubName" >
           <template slot-scope="{row}">
             <span>{{ row.clientSubName }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="中介" align="center" width="130">
+        <el-table-column label="中介" align="center" width="130"
+        v-if="!hiddenLabels.includes('agent')" prop="agent" >
           <template slot-scope="{row}">
             <span>{{ row.agent==null?'-': row.agent }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="联系人" align="center" width="130">
+        <el-table-column label="联系人" align="center" width="130"
+        v-if="!hiddenLabels.includes('contactName')" prop="contactName" >
           <template slot-scope="{row}">
             <span>{{ row.contactName}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="联系人电话" align="center" width="130">
+        <el-table-column label="联系人电话" align="center" width="130"
+        v-if="!hiddenLabels.includes('contactTel')" prop="contactTel" >
           <template slot-scope="{row}">
             <span>{{ row.contactTel }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="委托人" align="center">
+        <el-table-column label="委托人" align="center"
+        v-if="!hiddenLabels.includes('bailorA')" prop="bailorA" >
           <template slot-scope="{row}">
             <span>{{ row.bailorA}} {{ row.bailorB}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="实收款(元)" align="center" width='120'>
+        <el-table-column label="实收款(元)" align="center" width='120'
+        v-if="!hiddenLabels.includes('realAmount')" prop="realAmount" >
           <template slot-scope="{row}">
             <span style="color:red;font-weight:bold">{{ row.realAmount }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="应收款(元)" align="center" width='120'>
+        <el-table-column label="应收款(元)" align="center" width='120'
+        v-if="!hiddenLabels.includes('shouldAmount')" prop="shouldAmount" >
           <template slot-scope="{row}">
             <span>{{ row.shouldAmount }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="开票金额(元)" align="center" width='120'>
+        <el-table-column label="开票金额(元)" align="center" width='120'
+        v-if="!hiddenLabels.includes('invoiceAmount')" prop="invoiceAmount" >
           <template slot-scope="{row}">
             <span>{{ row.invoiceAmount }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="下单时间" align="center" width="110" prop="created">
+        <el-table-column label="下单时间" align="center" width="110"
+        v-if="!hiddenLabels.includes('created')" prop="created" >
           <template slot-scope="{row}">
             {{ row.created }}
           </template>
@@ -586,6 +602,8 @@ import Breadcrumb from '@/components/Breadcrumb'
 import PermissionButton from '@/components/PermissionButton/PermissionButton'
 import {isNumber} from '@/utils/validate'
 import MoreSearchBar from '@/components/MoreSearchBar'
+import { getCookie, setCookie, removeCookie } from '@/utils/auth'
+
 
 export default {
   name: 'PersonalMyOrder',
@@ -669,9 +687,13 @@ export default {
       },
       newInvoiceDialog:false,
       invoiceData: [],
+      hiddenLabels: [],
     }
   },
   created() {
+    if (getCookie("PersonalMineList-hiddenLabels") != undefined) {
+      this.hiddenLabels = JSON.parse(getCookie("PersonalMineList-hiddenLabels"))
+    }
     this.getPage();
     this.todoBusinessId = this.$route.query.todoBusinessId;
     this.taskId = this.$route.query.tId;
@@ -1086,7 +1108,15 @@ export default {
             "/personal/exportMyOrder", this.listQuery,
             "导出"
         );
-    }
+    },
+    switchHeader(data) {
+      this.hiddenLabels.push(data);
+      setCookie("PersonalMineList-hiddenLabels", this.hiddenLabels);
+    },
+    showAllLabel() {
+      removeCookie("PersonalMineList-hiddenLabels");
+      location.reload();
+    },
   },
   
 }