feat(rechargeDetail): 充值明细页移除国家字段，权限判断方法优化

src/pages/financial/rechargeDetail.vue

@@ -21,78 +21,78 @@
             </view>
           </td>
         </tr>
-        <tr   v-if="dataList[1].key">
+        <tr v-if="getColumnVisible('memberCode')">
           <td align="right">{{ '会员编号' }}</td>
           <td align="left">{{ item.memberCode }}</td>
         </tr>
-        <tr v-if="dataList[2].key">
+        <tr v-if="getColumnVisible('memberName')">
           <td align="right">{{ '会员姓名' }}</td>
           <td align="left">{{ item.memberName }}</td>
         </tr>
-        <tr v-if="dataList[3].key">
+        <tr v-if="getColumnVisible('pkAccountVal')">
           <td align="right">{{ '钱包类型' }}</td>
           <td align="left">{{ item.pkAccountVal }}</td>
         </tr>
-        <tr v-if="dataList[4].key">
+        <tr v-if="getColumnVisible('paymentMethodVal')">
           <td align="right">{{ '交款方式' }}</td>
           <td align="left">{{ item.paymentMethodVal }}</td>
         </tr>
-        <tr v-if="dataList[5].key">
+        <tr v-if="getColumnVisible('paymentBeforeBalance')">
           <td align="right">{{ '充前余额' + `(${isLocalSymbol()})` }}</td>
           <td align="left">
             {{ item.paymentBeforeBalance | toThousandthAndKeepDecimal }}
           </td>
         </tr>
-        <tr v-if="dataList[6].key">
+        <tr v-if="getColumnVisible('paymentAmount')">
           <td align="right">{{ '充值金额' + `(${isLocalSymbol()})` }}</td>
           <td align="left">
             {{ item.paymentAmount | toThousandthAndKeepDecimal }}
           </td>
         </tr>
-        <tr v-if="dataList[7].key">
+        <tr v-if="getColumnVisible('paymentBalance')">
           <td align="right">{{ '当前余额' + `(${isLocalSymbol()})` }}</td>
           <td align="left">
             {{ item.paymentBalance | toThousandthAndKeepDecimal }}
           </td>
         </tr>
-        <tr v-if="dataList[8].key">
+        <tr v-if="getColumnVisible('settlePaymentAmount')">
           <td align="right">{{ '充值金额' + `(${isLocals()})` }}</td>
           <td align="left">{{ item.settlePaymentAmount }}</td>
         </tr>
-        <tr v-if="dataList[9].key">
+        <tr v-if="getColumnVisible('exchangeRate')">
           <td align="right">{{ '汇率' }}</td>
           <td align="left">{{ item.exchangeRate }}</td>
         </tr>
-        <tr  v-if="dataList[10].key">
+        <tr v-if="getColumnVisible('rechargeCode')">
           <td align="right">{{ '单据编号' }}</td>
           <td align="left">{{ item.rechargeCode }}</td>
         </tr>
-        <tr  v-if="dataList[11].key">
+        <tr v-if="getColumnVisible('batch')">
           <td align="right">{{ '充值批次' }}</td>
           <td align="left">{{ item.batch }}</td>
         </tr>
-        <tr   v-if="dataList[12].key">
+        <tr v-if="getColumnVisible('creator')">
           <td align="right">{{ '操作人' }}</td>
           <td align="left">{{ item.creator }}</td>
         </tr>
-        <tr   v-if="dataList[13].key">
+        <tr v-if="getColumnVisible('creationTime')">
           <td align="right">{{ '充值日期' }}</td>
           <td align="left">{{ item.creationTime }}</td>
         </tr>
-        <tr    v-if="dataList[14].key">
+        <tr v-if="getColumnVisible('remarks')">
           <td align="right">{{ '操作备注' }}</td>
           <td align="left">{{ item.remarks }}</td>
         </tr>
-        <tr    v-if="dataList[15].key">
+        <tr v-if="getColumnVisible('approverName')">
           <td align="right">{{ '审核人' }}</td>
           <td align="left">{{ item.approverName }}</td>
         </tr>
-        <tr   v-if="dataList[16].key">
+        <tr v-if="getColumnVisible('approveTime')">
           <td align="right">{{ '审核日期' }}</td>
           <td align="left">{{ item.approveTime }}</td>
         </tr>
 
-        <tr  v-if="dataList[17].key">
+        <tr v-if="getColumnVisible('approveStateVal')">
           <td align="right">{{ '审核状态' }}</td>
           <td align="left">
             <span v-if="item.approveState == 2" style="color: #28ce0e">{{
@@ -380,8 +380,13 @@ export default {
         maxDate: "",
         monthNum: 25,
       },
+
     };
   },
+  onReachBottom() {
+    this.queryParams.pageNum++;
+    this.getSearch();
+  },
   onLoad(options) {
     if (uni.getStorageSync("userAll")) {
       this.userCountry = JSON.parse(uni.getStorageSync("userAll")).country;
@@ -395,18 +400,27 @@ export default {
     this.getUserRole();
   },
   methods: {
+    getColumnVisible(columnName) {
+      return !!this.dataList.find(item => item.name === columnName);
+    },
     isLocalSymbol,
     isLocals,
     getUserRole() {
       getRoleMenu('RechargeDetail').then((res) => {
-        this.dataList.forEach((item) => {
+        const result = res.data || []
-          res.data.forEach((items) => {
+        if (result.length > 0) {
-            if (item.name == items) {
+          this.dataList = this.dataList.filter(item => res.data.includes(item.name));
-              item.key = items
+        } else {
+          this.dataList = []
         }
-            // this.flag = true
+        // this.dataList.forEach((item) => {
-          })
+        //   res.data.forEach((items) => {
-        })
+        //     if (item.name == items) {
+        //       item.key = items
+        //     }
+        //     // this.flag = true
+        //   })
+        // })
       })
     },
      // 设置默认日期，最大值为今天，最小值为去年今天
@@ -445,10 +459,7 @@ export default {
       });
     },
 
-    onReachBottom() {
+    
-      this.queryParams.pageNum++;
-      this.getSearch();
-    },
     getSearch() {
       api
         .getrechageList(Object.assign({}, this.queryParams, this.select))