feat(removeOrderList): 撤单列表改造移除无用字段

src/pages/information/removeOrderList.vue

@@ -98,43 +98,36 @@
           <td align="right">{{ '消费业绩' }}({{ isLocalSymbol() }})</td>
           <td align="left">{{ item.orderAchieve }}</td>
         </tr>
-        <tr v-if="menuList[1].checked==true">
+        
-          <td align="right">{{ '消费金额' }}({{ isLocalSymbol() }})</td>
+        <tr v-if="getColumnVisibleByColumnName('vertexName')">
-          <td align="left">{{ item.orderAmountDollar }}</td>
-        </tr>
-        <tr v-if="menuList[2].checked==true">
-          <td align="right">{{ '消费业绩' }}({{ isLocalSymbol() }})</td>
-          <td align="left">{{ item.orderAchieveDollar }}</td>
-        </tr>
-        <tr v-if="menuList[3].checked==true">
           <td align="right">{{ '隶属体系' }}</td>
           <td align="left">{{ item.vertexName }}</td>
         </tr>
-        <tr v-if="menuList[4].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('pkTeamName')">
           <td align="right">{{ '隶属团队' }}</td>
           <td align="left">{{ item.pkTeamName }}</td>
         </tr>
-        <tr v-if="menuList[5].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('recName')">
           <td align="right">{{ '收货人' }}</td>
           <td align="left">{{ item.recName }}</td>
         </tr>
-        <tr v-if="menuList[6].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('recPhone')">
           <td align="right">{{ '收货电话' }}</td>
           <td align="left">{{ item.recPhone }}</td>
         </tr>
-        <tr v-if="menuList[7].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('recProvinceStr')">
           <td align="right">{{ '省' }}</td>
           <td align="left">{{ item.recProvinceStr }}</td>
         </tr>
-        <tr v-if="menuList[8].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('recCityStr')">
           <td align="right">{{ '市' }}</td>
           <td align="left">{{ item.recCityStr }}</td>
         </tr>
-        <tr v-if="menuList[9].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('recCountyStr')">
           <td align="right">{{ '区/县' }}</td>
           <td align="left">{{ item.recCountyStr }}</td>
         </tr>
-        <tr v-if="menuList[10].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('recAddress')">
           <td align="right">{{ '详细地址' }}</td>
           <td align="left">{{ item.recAddress }}</td>
         </tr>
@@ -166,55 +159,44 @@
           <td align="right">{{ '产品总额' }}(¥)</td>
           <td align="left">{{ item.prices }}</td>
         </tr>
-        <tr v-if="menuList[9].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('postage')">
           <td align="right">{{ '订单邮费' }}(¥)</td>
           <td align="left">{{ item.postage }}</td>
         </tr>
-        <tr v-if="menuList[9].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('orderAmount')">
           <td align="right">{{ '订单总额' }}(¥)</td>
           <td align="left">{{ item.orderAmount }}</td>
         </tr>
-        <tr v-if="menuList[11].checked==true">
+        
-          <td align="right">{{ '产品总额' }}($)</td>
-          <td align="left">{{ item.pricesDollar }}</td>
-        </tr>
-        <tr v-if="menuList[12].checked==true">
-          <td align="right">{{ '订单邮费' }}($)</td>
-          <td align="left">{{ item.postageDollar }}</td>
-        </tr>
-        <tr v-if="menuList[13].checked==true">
-          <td align="right">{{ '订单总额' }}($)</td>
-          <td align="left">{{ item.orderAmountDollar }}</td>
-        </tr>
         <tr>
           <td align="right">{{ '订单状态' }}</td>
           <td align="left">{{ item.orderStatusStr }}</td>
         </tr>
-        <tr v-if="menuList[14].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('logisticsCompany')">
           <td align="right">{{ '物流公司' }}</td>
           <td align="left">
-            <div v-for="ctem in item.itemList">
+            <div v-for="ctem in item.itemList" :key="ctem.logisticsCompany">
               {{ ctem.logisticsCompany }}
             </div>
           </td>
         </tr>
-        <tr v-if="menuList[15].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('logisticsCode')">
           <td align="right">{{ '物流单号' }}</td>
           <td align="left">
-            <div v-for="ctem in item.itemList">
+            <div v-for="ctem in item.itemList" :key="ctem.logisticsCode">
               {{ ctem.logisticsCode }}
             </div>
           </td>
         </tr>
-        <tr v-if="menuList[16].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('creationTime')">
           <td align="right">{{ '创建日期' }}</td>
           <td align="left">{{ item.creationTime }}</td>
         </tr>
-        <tr v-if="menuList[17].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('payTime')">
           <td align="right">{{ '支付日期' }}</td>
           <td align="left">{{ item.payTime }}</td>
         </tr>
-        <tr v-if="menuList[18].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('deliveryTime')">
           <td align="right">{{ '发货日期' }}</td>
           <td align="left">
             <div v-for="ctem in item.itemList">
@@ -222,47 +204,47 @@
             </div>
           </td>
         </tr>
-        <tr v-if="menuList[19].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('deliveryWayStr')">
           <td align="right">{{ '发货方式' }}</td>
           <td align="left">{{ item.deliveryWayStr }}</td>
         </tr>
-        <tr v-if="menuList[20].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('operateScopeStr')">
           <td align="right">{{ '销售方式' }}</td>
           <td align="left">{{ item.operateScopeStr }}</td>
         </tr>
-        <tr v-if="menuList[21].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('tranTypeStr')">
           <td align="right">{{ '运输方式' }}</td>
           <td align="left">{{ item.tranTypeStr }}</td>
         </tr>
-        <tr v-if="menuList[29].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('preSaleStatusStr')">
           <td align="right">{{ '预售状态' }}</td>
           <td align="left">{{ item.preSaleStatusStr }}</td>
         </tr>
-        <tr v-if="menuList[23].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('payTypeStr')">
           <td align="right">{{ '支付方式' }}</td>
           <td align="left">{{ item.payTypeStr }}</td>
         </tr>
-        <tr v-if="menuList[24].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('cancelOrderTime')">
           <td align="right">{{ '撤单日期' }}</td>
           <td align="left">{{ item.cancelOrderTime }}</td>
         </tr>
-        <tr v-if="menuList[25].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('creatorName')">
           <td align="right">{{ '撤单人' }}</td>
           <td align="left">{{ item.creatorName }}</td>
         </tr>
-        <tr v-if="menuList[22].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('approvalStatus')">
           <td align="right">{{ '审核状态' }}</td>
           <td align="left">{{ item.approvalStatus }}</td>
         </tr>
-        <tr v-if="menuList[26].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('lastInstanceDate')">
           <td align="right">{{ '终审日期' }}</td>
           <td align="left">{{ item.lastInstanceDate }}</td>
         </tr>
-        <tr v-if="menuList[27].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('lastInstanceApprover')">
           <td align="right">{{ '终审人' }}</td>
           <td align="left">{{ item.lastInstanceApprover }}</td>
         </tr>
-        <tr v-if="menuList[28].checked==true">
+        <tr v-if="getColumnVisibleByColumnName('lastInstanceRemark')">
           <td align="right">{{ '终审意见' }}</td>
           <td align="left">{{ item.lastInstanceRemark }}</td>
         </tr>
@@ -612,18 +594,7 @@ export default {
           text: '全选',
           checked: false,
         },
-        {
+        
-          id: 1,
-          text: '消费金额' + '($)',
-          checked: true,
-          prop: 'orderAmountDollar',
-        },
-        {
-          id: 2,
-          text: '消费业绩' + '($)',
-          checked: true,
-          prop: 'orderAchieveDollar',
-        },
         {
           id: 3,
           text: '隶属体系',
@@ -672,24 +643,7 @@ export default {
           checked: true,
           prop: 'recAddress',
         },
-        {
+        
-          id: 11,
-          text: '产品总额' + '($)',
-          checked: true,
-          prop: 'priceDollar',
-        },
-        {
-          id: 12,
-          text: '订单邮费' + '($)',
-          checked: true,
-          prop: 'postageDollar',
-        },
-        {
-          id: 13,
-          text: '订单总额' + '($)',
-          checked: true,
-          prop: 'orderAmountDollar',
-        },
         {
           id: 14,
           text: '物流公司',
@@ -818,7 +772,14 @@ export default {
     this.todayData = Date.now()
     this.minDate = Number(new Date('1950-01-01'))
   },
+  onReachBottom() {
+    this.queryParams.pageNum++
+    this.getMemberList()
+  },
   methods: {
+    getColumnVisibleByColumnName(columnName) {
+      return !!this.menuList.find(item => item.prop === columnName)?.checked
+    },
     isLocalSymbol,
     isLocals,
     // 设置默认日期，最大值为今天，最小值为去年今天
@@ -913,10 +874,7 @@ export default {
         this.allTxt = obj
       })
     },
-    onReachBottom() {
+   
-      this.queryParams.pageNum++
-      this.getMemberList()
-    },
     //查询会员信息
     getMemberList() {
       api