From 2bb5af831124ac59bf47c4508eba5f4da16618f0 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Mon, 16 Jun 2025 14:17:05 +0800
Subject: [PATCH] =?UTF-8?q?feat(recharge):=20=E5=85=85=E5=80=BC=E4=B8=8D?=
 =?UTF-8?q?=E5=85=81=E8=AE=B8=E8=BE=93=E5=85=A5=E8=B4=9F=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/financial/recharge/doubleCz.vue   | 260 +++---
 src/views/financial/recharge/singleCz.vue   | 163 ++--
 src/views/financial/walletDetails/index.vue | 970 ++++++++++++--------
 3 files changed, 768 insertions(+), 625 deletions(-)

diff --git a/src/views/financial/recharge/doubleCz.vue b/src/views/financial/recharge/doubleCz.vue
index 3e4231b..bc6dd28 100644
--- a/src/views/financial/recharge/doubleCz.vue
+++ b/src/views/financial/recharge/doubleCz.vue
@@ -6,11 +6,9 @@
           <template>
             <div class="mainbtn">
               <el-button size="small" class="thebtn1" @click="handleImport">
-                {{ '导入' }}</el-button
-              >
+                {{ '导入' }}</el-button>
               <el-button size="small" class="thebtn2" @click="importTemplate">
-                {{ '下载模板' }}</el-button
-              >
+                {{ '下载模板' }}</el-button>
             </div>
           </template>
 
@@ -19,21 +17,21 @@
               <el-col :span="5">
                 <el-form-item :label="'会员编号'">
                   <el-input
+                    v-model="form.memberCode"
                     clearable
                     style="width: 200px"
-                    v-model="form.memberCode"
                     @blur="checkName"
-                  ></el-input>
+                  />
                 </el-form-item>
               </el-col>
               <el-col :span="5">
                 <el-form-item :label="'会员姓名'">
                   <el-input
+                    v-model="form.memberName"
                     clearable
                     style="width: 200px"
-                    v-model="form.memberName"
                     disabled
-                  ></el-input>
+                  />
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -42,21 +40,18 @@
                   style="margin-left: 30px"
                   @click="getList"
                 >
-                  {{ '搜索' }}</el-button
-                >
+                  {{ '搜索' }}</el-button>
                 <el-button class="my_reset" @click="reset">
-                  {{ '重置' }}</el-button
-                >
+                  {{ '重置' }}</el-button>
               </el-col>
             </el-row>
             <el-form-item :label="'充值方式'">
               <el-radio-group v-model="rechargeMethod">
                 <el-radio
-                  :label="item.value"
                   v-for="(item, index) in czWayList"
                   :key="index"
-                  >{{ item.label }}</el-radio
-                >
+                  :label="item.value"
+                >{{ item.label }}</el-radio>
               </el-radio-group>
             </el-form-item>
             <el-table
@@ -71,15 +66,13 @@
                 prop="memberCode"
                 :label="'会员编号'"
                 min-width="120px"
-              >
-              </el-table-column>
+              />
               <el-table-column
                 align="center"
                 prop="memberName"
                 :label="'会员姓名'"
                 min-width="120px"
-              >
-              </el-table-column>
+              />
               <el-table-column
                 align="center"
                 prop="paymentMethod"
@@ -88,36 +81,37 @@
               >
                 <template slot-scope="scope">
                   <el-select
+                    v-model="scope.row.paymentMethod"
                     clearable
                     :placeholder="'请选择'"
-                    v-model="scope.row.paymentMethod"
                   >
                     <el-option
                       v-for="item in paymentTypeList"
                       :key="item.value"
                       :label="item.label"
                       :value="item.value"
-                    ></el-option>
+                    />
                   </el-select>
                 </template>
               </el-table-column>
               <el-table-column
-                min-width="150px"
                 v-for="(item, index) in enumsAccountList"
                 :key="index"
+                min-width="200px"
                 align="center"
                 :prop="`${item.pkId}`"
                 :label="
                   item.pkTransactionKeyVal +
-                  `${'变更'}(${getUser.currency.symbol})`
+                    `${'变更'}(${getUser.currency.symbol})`
                 "
               >
                 <template slot-scope="scope">
-                  <el-input
-                    clearable
+                  <el-input-number
                     v-model="scope.row.rechargeDetailMap[`${item.pkId}`]"
-                  >
-                  </el-input>
+                    clearable
+                    :min="0"
+                    :controls="false"
+                  />
                 </template>
               </el-table-column>
               <el-table-column
@@ -127,7 +121,7 @@
                 min-width="120px"
               >
                 <template slot-scope="scope">
-                  <el-input v-model="scope.row.memberRemarks"></el-input>
+                  <el-input v-model="scope.row.memberRemarks" />
                 </template>
               </el-table-column>
               <el-table-column
@@ -137,7 +131,7 @@
                 :label="'备注(后台)'"
               >
                 <template slot-scope="scope">
-                  <el-input v-model="scope.row.remarks"></el-input>
+                  <el-input v-model="scope.row.remarks" />
                 </template>
               </el-table-column>
             </el-table>
@@ -147,13 +141,12 @@
       <div class="footer">
         <div style="margin: 0 auto">
           <el-button
+            v-has-buttons="['ChongzhiConfirm']"
             type="primary"
             class="thebtn"
             @click="saveDate('form')"
-            v-has-buttons="['ChongzhiConfirm']"
-          >
-            {{ '确认' }}</el-button
           >
+            {{ '确认' }}</el-button>
         </div>
       </div>
     </div>
@@ -177,17 +170,16 @@
         :auto-upload="false"
         drag
       >
-        <i class="el-icon-upload"></i>
+        <i class="el-icon-upload" />
         <div class="el-upload__text">
           {{ '将文件拖到此处，或' }}
           <em>{{ '点击上传' }}</em>
         </div>
-        <div class="el-upload__tip" slot="tip">
+        <div slot="tip" class="el-upload__tip">
           <el-link type="info" style="font-size: 12px" @click="importTemplate">
-            {{ '下载模板' }}</el-link
-          >
+            {{ '下载模板' }}</el-link>
         </div>
-        <div class="el-upload__tip" style="color: red" slot="tip">
+        <div slot="tip" class="el-upload__tip" style="color: red">
           {{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }}
         </div>
       </el-upload>
@@ -204,216 +196,216 @@
 </template>
 
 <script>
-import FileUpload from "@/components/FileUpload";
-import { getToken } from "@/utils/auth";
-import { mapGetters } from "vuex";
+import FileUpload from '@/components/FileUpload'
+import { getToken } from '@/utils/auth'
+import { mapGetters } from 'vuex'
 import {
   getenumsCzAccount,
   getpaymentType,
   getrechargeMethod,
   changeAccountType,
-  getMemberName,
-} from "@/api/financial";
-import { stateFormat } from "@/utils/numberToCurrency";
+  getMemberName
+} from '@/api/financial'
+import { stateFormat } from '@/utils/numberToCurrency'
 export default {
-  name: "Chongzhi",
+  name: 'Chongzhi',
   components: {
-    FileUpload,
+    FileUpload
   },
 
   computed: {
-    ...mapGetters(["getUser"]),
+    ...mapGetters(['getUser'])
   },
   data() {
     return {
       tableData: [],
       form: {
-        memberCode: "", //会员编号
-        memberName: null, //会员姓名
+        memberCode: '', // 会员编号
+        memberName: null, // 会员姓名
         rechargeDetailMap: {},
-        paymentMethod: [], //交款方式
+        paymentMethod: [] // 交款方式
       },
-      rechargeMethod: 1, //充值方式
-      enumsAccountList: [], //币种类型
-      paymentTypeList: [], //交款方式
-      czWayList: [], //充值方式
+      rechargeMethod: 1, // 充值方式
+      enumsAccountList: [], // 币种类型
+      paymentTypeList: [], // 交款方式
+      czWayList: [], // 充值方式
       upload: {
         // 是否显示弹出层（物流导入）
         open: false,
         // 弹出层标题（物流导入）
-        title: "",
+        title: '',
         // 是否禁用上传
         isUploading: false,
         // 是否更新已经存在的物流数据
         updateSupport: 0,
         // 设置上传的请求头部
-        headers: { Authorization: "Bearer " + getToken() },
+        headers: { Authorization: 'Bearer ' + getToken() },
         // 上传的地址
         url:
           process.env.VUE_APP_BASE_API +
-          "/member/manager/recharge/import-member-code",
-      },
-    };
+          '/member/manager/recharge/import-member-code'
+      }
+    }
   },
   created() {
-    //币种类型
-    this.getenumsCzAccount();
-    //交款方式
-    this.getpaymentType();
-    //充值方式
-    this.getrechargeMethod();
+    // 币种类型
+    this.getenumsCzAccount()
+    // 交款方式
+    this.getpaymentType()
+    // 充值方式
+    this.getrechargeMethod()
   },
   methods: {
     stateFormat,
-    //下载模板
+    // 下载模板
     importTemplate() {
       this.download(
-        "/member/manager/recharge/download-template",
+        '/member/manager/recharge/download-template',
         {},
         `${'模板'}${new Date().getTime()}.xlsx`
-      );
+      )
     },
 
     /** 导入按钮操作 */
     handleImport() {
-      this.upload.title = '导入';
-      this.upload.open = true;
+      this.upload.title = '导入'
+      this.upload.open = true
     },
     // 文件上传中处理
     handleFileUploadProgress(event, file, fileList) {
-      this.upload.isUploading = true;
+      this.upload.isUploading = true
     },
     // 文件上传成功处理
     handleFileSuccess(response, file, fileList) {
-      this.tableData = [];
+      this.tableData = []
       if (response.code === 200 && response.data) {
-        const rechargeDetailMap = {};
+        const rechargeDetailMap = {}
         this.enumsAccountList.forEach((item) => {
-          rechargeDetailMap[item.pkId] = "";
-        });
+          rechargeDetailMap[item.pkId] = ''
+        })
         response.data.forEach((item) => {
           if (item.rechargeDetail) {
-            item.rechargeDetailMap = { ...JSON.parse(item.rechargeDetail) };
-            this.tableData.push(item);
+            item.rechargeDetailMap = { ...JSON.parse(item.rechargeDetail) }
+            this.tableData.push(item)
           } else {
-            item.rechargeDetailMap = { ...rechargeDetailMap };
-            this.tableData.push(item);
+            item.rechargeDetailMap = { ...rechargeDetailMap }
+            this.tableData.push(item)
           }
-        });
+        })
         this.$message({
           message: response.msg,
-          type: "success",
-        });
+          type: 'success'
+        })
       } else {
-        const dataList = response.data.split(","); // 将数据按照逗号分隔为数组
+        const dataList = response.data.split(',') // 将数据按照逗号分隔为数组
         const formattedData = dataList
           .reduce((acc, item, index) => {
-            const lineIndex = Math.floor(index / 3); // 计算当前行索引
-            acc[lineIndex] = acc[lineIndex] || []; // 初始化该行
-            acc[lineIndex].push(item); // 将当前元素加入对应的行
-            return acc;
+            const lineIndex = Math.floor(index / 3) // 计算当前行索引
+            acc[lineIndex] = acc[lineIndex] || [] // 初始化该行
+            acc[lineIndex].push(item) // 将当前元素加入对应的行
+            return acc
           }, [])
-          .map((line) => line.join(","))
-          .join("<br>"); // 将每行的内容拼接成字符串，并用 <br> 换行
+          .map((line) => line.join(','))
+          .join('<br>') // 将每行的内容拼接成字符串，并用 <br> 换行
 
-        const msgList = response.msg + "<br>" + formattedData;
-        this.$alert(msgList, this.$t("提示"), {
-          dangerouslyUseHTMLString: true,
-        });
+        const msgList = response.msg + '<br>' + formattedData
+        this.$alert(msgList, this.$t('提示'), {
+          dangerouslyUseHTMLString: true
+        })
       }
-      this.upload.open = false;
-      this.upload.isUploading = false;
-      this.$refs.upload.clearFiles();
+      this.upload.open = false
+      this.upload.isUploading = false
+      this.$refs.upload.clearFiles()
     },
 
     getList() {
       changeAccountType({
         memberCode: this.form.memberCode,
-        memberName: this.form.memberName,
+        memberName: this.form.memberName
       }).then((res) => {
         res.data.forEach((ele) => {
-          ele.rechargeDetailMap = {};
-        });
-        this.tableData = res.data;
-      });
+          ele.rechargeDetailMap = {}
+        })
+        this.tableData = res.data
+      })
     },
     // 上传文件数量超出后的动作
     handleExceed() {
-      this.upload.isUploading = false;
-      this.msgInfo('仅可上传一个文件哦');
+      this.upload.isUploading = false
+      this.msgInfo('仅可上传一个文件哦')
     },
     // 提交上传文件
     submitFileForm() {
-      this.$refs.upload.submit();
+      this.$refs.upload.submit()
     },
-    //根据会员编号查询会员姓名
+    // 根据会员编号查询会员姓名
     checkName() {
       getMemberName({ memberCode: this.form.memberCode }).then((res) => {
-        this.form.memberName = res.memberName;
-      });
+        this.form.memberName = res.memberName
+      })
     },
     reset() {
-      this.form.memberCode = "";
-      this.form.memberName = "";
-      this.getList();
+      this.form.memberCode = ''
+      this.form.memberName = ''
+      this.getList()
     },
-    //充值
+    // 充值
     saveDate(formName) {
       if (!this.rechargeMethod) {
         this.$message({
           message: '请先选择充值方式',
-          type: "warning",
-        });
-        return;
+          type: 'warning'
+        })
+        return
       } else {
         this.$refs[formName].validate((valid) => {
           if (valid) {
-            let shouldTerminate = false;
+            let shouldTerminate = false
             this.tableData.forEach((ele) => {
               if (!ele.paymentMethod) {
-                shouldTerminate = true;
+                shouldTerminate = true
                 this.$message({
                   message: '交款方式不能为空',
-                  type: "warning",
-                });
-                return;
+                  type: 'warning'
+                })
+                return
               }
-            });
+            })
 
             if (!shouldTerminate) {
               this.$router.push({
-                path: "/information/business/czzxqc",
+                path: '/information/business/czzxqc',
                 query: {
-                  data: "",
+                  data: '',
                   czlx: 2,
                   detailParams: JSON.stringify(this.tableData),
-                  rechargeMethod: this.rechargeMethod,
-                },
-              });
+                  rechargeMethod: this.rechargeMethod
+                }
+              })
             }
           }
-        });
+        })
       }
     },
 
     getrechargeMethod() {
       getrechargeMethod().then((res) => {
-        this.czWayList = res.data;
-      });
+        this.czWayList = res.data
+      })
     },
 
     getpaymentType() {
       getpaymentType().then((res) => {
-        this.paymentTypeList = res.data;
-      });
+        this.paymentTypeList = res.data
+      })
     },
     getenumsCzAccount() {
       getenumsCzAccount({ accountProperty: 1 }).then((res) => {
-        this.enumsAccountList = res.rows;
-      });
-    },
-  },
-};
+        this.enumsAccountList = res.rows
+      })
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/financial/recharge/singleCz.vue b/src/views/financial/recharge/singleCz.vue
index 7b7f0cc..a2ec233 100644
--- a/src/views/financial/recharge/singleCz.vue
+++ b/src/views/financial/recharge/singleCz.vue
@@ -6,21 +6,21 @@
           <el-col :span="6">
             <el-form-item :label="'会员编号'">
               <el-input
+                v-model="form.memberCode"
                 clearable
                 style="width: 200px"
-                v-model="form.memberCode"
                 @blur="checkName"
-              ></el-input>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item :label="'会员姓名'">
               <el-input
+                v-model="form.memberName"
                 clearable
                 style="width: 200px"
-                v-model="form.memberName"
                 disabled
-              ></el-input>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -29,11 +29,9 @@
               style="margin-left: 30px"
               @click="getList"
             >
-              {{ '搜索' }}</el-button
-            >
+              {{ '搜索' }}</el-button>
             <el-button class="my_reset" @click="reset">
-              {{ '重置' }}</el-button
-            >
+              {{ '重置' }}</el-button>
           </el-col>
         </el-row>
         <!-- <el-form-item :label="'钱包类型'">
@@ -62,11 +60,10 @@
             <el-radio-group v-model="rechargeMethod">
               1
               <el-radio
-                :label="item.value"
                 v-for="(item, index) in czWayList"
                 :key="index"
-                >{{ item.label }}</el-radio
-              >
+                :label="item.value"
+              >{{ item.label }}</el-radio>
             </el-radio-group>
           </el-form-item>
           <el-table
@@ -81,15 +78,13 @@
               prop="memberCode"
               :label="'会员编号'"
               min-width="120px"
-            >
-            </el-table-column>
+            />
             <el-table-column
               align="center"
               prop="memberName"
               :label="'会员姓名'"
               min-width="120px"
-            >
-            </el-table-column>
+            />
             <el-table-column
               align="center"
               prop="paymentMethod"
@@ -98,37 +93,38 @@
             >
               <template slot-scope="scope">
                 <el-select
+                  v-model="scope.row.paymentMethod"
                   clearable
                   :placeholder="'请选择'"
-                  v-model="scope.row.paymentMethod"
                 >
                   <el-option
                     v-for="item in paymentTypeList"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  ></el-option>
+                  />
                 </el-select>
               </template>
             </el-table-column>
 
             <el-table-column
-              min-width="150px"
               v-for="(item, index) in enumsAccountList"
               :key="index"
+              min-width="200px"
               align="center"
               :prop="`${item.pkId}`"
               :label="
                 item.pkTransactionKeyVal +
-                `${'变更'}(${getUser.currency.symbol})`
+                  `${'变更'}(${getUser.currency.symbol})`
               "
             >
               <template slot-scope="scope">
-                <el-input
-                  clearable
+                <el-input-number
                   v-model="scope.row.rechargeDetailMap[`${item.pkId}`]"
-                >
-                </el-input>
+                  :min="0"
+                  :controls="false"
+                  clearable
+                />
               </template>
             </el-table-column>
             <el-table-column
@@ -138,7 +134,7 @@
               min-width="120px"
             >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.memberRemarks"></el-input>
+                <el-input v-model="scope.row.memberRemarks" />
               </template>
             </el-table-column>
             <el-table-column
@@ -148,7 +144,7 @@
               :label="'备注(后台)'"
             >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.remarks"></el-input>
+                <el-input v-model="scope.row.remarks" />
               </template>
             </el-table-column>
           </el-table>
@@ -158,138 +154,137 @@
     <div class="footer">
       <div style="margin: 0 auto">
         <el-button
+          v-has-buttons="['ChongzhiConfirm']"
           type="primary"
           class="thebtn"
           @click="saveDate('form')"
-          v-has-buttons="['ChongzhiConfirm']"
-        >
-          {{ '确认' }}</el-button
         >
+          {{ '确认' }}</el-button>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import { mapGetters } from "vuex";
+import { mapGetters } from 'vuex'
 import {
   getenumsCzAccount,
   getpaymentType,
   getrechargeMethod,
   changeAccountType,
-  getMemberName,
-} from "@/api/financial";
-import { stateFormat } from "@/utils/numberToCurrency";
+  getMemberName
+} from '@/api/financial'
+import { stateFormat } from '@/utils/numberToCurrency'
 export default {
-  name: "Chongzhi",
+  name: 'Chongzhi',
   computed: {
-    ...mapGetters(["getUser"]),
+    ...mapGetters(['getUser'])
   },
   data() {
     return {
       tableData: [],
       form: {
-        memberCode: "", //会员编号
-        memberName: null, //会员姓名
+        memberCode: '', // 会员编号
+        memberName: null, // 会员姓名
         rechargeDetailMap: {},
-        paymentMethod: [], //交款方式
+        paymentMethod: [] // 交款方式
       },
-      rechargeMethod: 1, //充值方式
-      enumsAccountList: [], //币种类型
-      paymentTypeList: [], //交款方式
-      czWayList: [], //充值方式
-    };
+      rechargeMethod: 1, // 充值方式
+      enumsAccountList: [], // 币种类型
+      paymentTypeList: [], // 交款方式
+      czWayList: [] // 充值方式
+    }
   },
   created() {
-    //钱包类型
-    this.getenumsCzAccount();
-    //交款方式
-    this.getpaymentType();
-    //充值方式
-    this.getrechargeMethod();
+    // 钱包类型
+    this.getenumsCzAccount()
+    // 交款方式
+    this.getpaymentType()
+    // 充值方式
+    this.getrechargeMethod()
   },
   methods: {
     stateFormat,
-    //根据会员编号查询会员姓名
+    // 根据会员编号查询会员姓名
     checkName() {
       getMemberName({ memberCode: this.form.memberCode }).then((res) => {
-        this.form.memberName = res.memberName;
-      });
+        this.form.memberName = res.memberName
+      })
     },
     getList() {
       changeAccountType({
         memberCode: this.form.memberCode,
-        memberName: this.form.memberName,
+        memberName: this.form.memberName
       }).then((res) => {
         res.data.forEach((ele) => {
-          ele.rechargeDetailMap = {};
-        });
-        this.tableData = res.data;
-      });
+          ele.rechargeDetailMap = {}
+        })
+        this.tableData = res.data
+      })
     },
     reset() {
-      this.form.memberCode = "";
-      this.form.memberName = "";
-      this.getList();
+      this.form.memberCode = ''
+      this.form.memberName = ''
+      this.getList()
     },
-    //充值
+    // 充值
     saveDate(formName) {
       if (!this.rechargeMethod) {
         this.$message({
           message: '请先选择充值方式',
-          type: "warning",
-        });
-        return;
+          type: 'warning'
+        })
+        return
       } else {
         this.$refs[formName].validate((valid) => {
           if (valid) {
-            let shouldTerminate = false;
+            let shouldTerminate = false
 
             this.tableData.forEach((ele) => {
               if (!ele.paymentMethod) {
-                shouldTerminate = true;
+                shouldTerminate = true
                 this.$message({
                   message: '交款方式不能为空',
-                  type: "warning",
-                });
-                return;
+                  type: 'warning'
+                })
+                return
               }
-            });
+            })
 
             if (!shouldTerminate) {
               this.$router.push({
-                path: "/information/business/czzxqc",
+                path: '/information/business/czzxqc',
                 query: {
-                  data: "",
+                  data: '',
                   czlx: 1,
                   detailParams: JSON.stringify(this.tableData),
-                  rechargeMethod: this.rechargeMethod,
-                },
-              });
+                  rechargeMethod: this.rechargeMethod
+                }
+              })
             }
           }
-        });
+        })
       }
     },
 
     getrechargeMethod() {
       getrechargeMethod().then((res) => {
-        this.czWayList = res.data;
-      });
+        this.czWayList = res.data
+      })
     },
 
     getpaymentType() {
       getpaymentType().then((res) => {
-        this.paymentTypeList = res.data;
-      });
+        this.paymentTypeList = res.data
+      })
     },
     getenumsCzAccount() {
       getenumsCzAccount({ accountProperty: 1 }).then((res) => {
-        this.enumsAccountList = res.rows;
-      });
-    },
-  },
-};
+        this.enumsAccountList = res.rows
+      })
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/financial/walletDetails/index.vue b/src/views/financial/walletDetails/index.vue
index 7c95159..e783a4b 100644
--- a/src/views/financial/walletDetails/index.vue
+++ b/src/views/financial/walletDetails/index.vue
@@ -8,415 +8,570 @@
   <div class="page">
     <topBar
       v-if="topList.length > 0"
-      :topList="topList"
+      :top-list="topList"
       :moren="moren"
-    ></topBar>
+    />
     <div class="main">
-      <el-form ref="form"
-               :model="select"
-               style="background-color: #fff"
-               label-width="100px">
+      <el-form
+        ref="form"
+        :model="select"
+        style="background-color: #fff"
+        label-width="100px"
+      >
         <el-row>
           <!-- 一层 -->
           <el-col :span="4">
             <el-form-item :label="'会员编号'">
-              <el-input clearable v-model="select.memberCode"></el-input>
+              <el-input v-model="select.memberCode" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'会员姓名'">
-              <el-input clearable  v-model="select.memberName"></el-input>
+              <el-input v-model="select.memberName" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'体系名称'">
-              <el-select clearable  :placeholder="'请选择'"
-                         v-model="select.vertexId">
-                <el-option v-for="item in vertexList"
-                           :key="item.pkId"
-                           :label="item.vertexName"
-                           :value="item.pkId"></el-option>
+              <el-select
+                v-model="select.vertexId"
+                clearable
+                :placeholder="'请选择'"
+              >
+                <el-option
+                  v-for="item in vertexList"
+                  :key="item.pkId"
+                  :label="item.vertexName"
+                  :value="item.pkId"
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'团队名称'">
-              <el-select clearable  :placeholder="'请选择'"
-                         v-model="select.teamId">
-                <el-option v-for="item in memberTeamList"
-                           :key="item.pkId"
-                           :label="item.teamName"
-                           :value="item.pkId"></el-option>
+              <el-select
+                v-model="select.teamId"
+                clearable
+                :placeholder="'请选择'"
+              >
+                <el-option
+                  v-for="item in memberTeamList"
+                  :key="item.pkId"
+                  :label="item.teamName"
+                  :value="item.pkId"
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'血缘代数'">
-              <el-input clearable  v-model="select.plevel"></el-input>
+              <el-input v-model="select.plevel" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'安置层数'">
-              <el-input clearable  v-model="select.slevel"></el-input>
+              <el-input v-model="select.slevel" clearable />
             </el-form-item>
           </el-col>
         </el-row>
-          <el-row >
-            <el-col style="display: flex">
-              <el-col :span="4">
-                <div class="searchbox" style="margin-left: 30px">
-                  <el-button class="my_search" @click="getDataList()"> {{ '搜索' }}</el-button>
-                  <el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button>
-                </div>
-              </el-col>
+        <el-row>
+          <el-col style="display: flex">
+            <el-col :span="4">
+              <div class="searchbox" style="margin-left: 30px">
+                <el-button class="my_search" @click="getDataList()"> {{ '搜索' }}</el-button>
+                <el-button class="my_reset" @click="reset"> {{ '重置' }}</el-button>
+              </div>
             </el-col>
-          </el-row>
+          </el-col>
+        </el-row>
 
       </el-form>
       <div class="maintop">
         <div class="mainbtn">
-          <el-button size="small"
-          v-hasButtons="['WalletDetailssExport']"
-                     @click="handleExport"
-                     class="thebtn2"> {{ '导出' }}</el-button>
+          <el-button
+            v-hasButtons="['WalletDetailssExport']"
+            size="small"
+            class="thebtn2"
+            @click="handleExport"
+          > {{ '导出' }}</el-button>
         </div>
       </div>
       <div class="maintable">
-        <el-table :data="tableData"
-        v-loading="loading"
-                  height="680px"
-                  ref="mainTable"
-                  style="width: 100%"
-                  :header-cell-style="{ background: '#EEEEEE' }"
-                  :row-class-name="tableRowClassName"
-                  @selection-change="handleSelectionChange">
-          <el-table-column type="selection"
-                           width="55"> </el-table-column>
-                           <el-table-column align="center"
-                             prop="jxmc"
-                             :label="'国家'">
-              <template slot-scope="scope">
-                <div class="tem">
-                  <img :src="scope.row.nationalFlag2"
-                       alt="" />
-                  <!-- <div>{{ scope.row.pkCountryName }}</div> -->
-                </div>
-              </template>
-            </el-table-column>
-          <el-table-column align="center"
-          width="120"
-                           prop="memberCode"
-                           :label="'会员编号'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="memberName"
-                           :label="'会员姓名'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="vertexName"
-                           :label="'体系名称'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="teamName"
-                           :label="'团队名称'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="plevel"
-                           :label="'血缘代数'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="slevel"
-                           :label="'安置层数'">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.account1"
-                           prop="account1"
-                           :formatter="stateFormat"
-                           :label="'消费余额'+'(¥)'"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.availableAccount1"
-                           :formatter="stateFormat"
-                           prop="availableAccount1"
-                           :label="'可用消费'+'(¥)'" width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockAccount1"
-                           :formatter="stateFormat"
-                           prop="lockAccount1"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockTransferAccount1"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount1"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.account2"
-                           :formatter="stateFormat"
-                           prop="account2"
-                           :label="'现金余额'+'(¥)'"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.availableAccount2"
-                           :formatter="stateFormat"
-                           prop="availableAccount2"
-                           :label="'可用现金'+'(¥)'"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockAccount2"
-                           :formatter="stateFormat"
-                           prop="lockAccount2"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockTransferAccount2"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount2"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.account3"
-                           :formatter="stateFormat"
-                           prop="account3"
-                           :label="'政策余额'+'(¥)'"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.availableAccount3"
-                           :formatter="stateFormat"
-                           prop="availableAccount3"
-                           :label="'可用政策'+'(¥)'" width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockAccount3"
-                           :formatter="stateFormat"
-                           prop="lockAccount3"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockTransferAccount3"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount3"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`" width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.account4"
-                           :formatter="stateFormat"
-                           prop="account4"
-                           :label="`${'奖金余额'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-
-          <el-table-column align="center"
-          v-if="showData.availableAccount4"
-                           :formatter="stateFormat"
-                           prop="availableAccount4"
-                           :label="`${'可用奖金'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.submitAccount4"
-                           :formatter="stateFormat"
-                           prop="submitAccount4"
-                           :label="`${'可提奖金'}(${isLocalSymbol()})`" width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockAccount4"
-                           :formatter="stateFormat"
-                           prop="lockAccount4"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`" width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockTransferAccount4"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount4"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockWithdrawAccount4"
-                           :formatter="stateFormat"
-                           prop="lockWithdrawAccount4"
-                           :label="`${'禁止提现'}(${isLocalSymbol()})`" width="140">
-          </el-table-column>
-          <!-- 弟弟 -->
-          <el-table-column align="center"
-          v-if="showData.account5"
-                           prop="account5"
-                           :formatter="stateFormat"
-                           :label="`${'重消余额'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.availableAccount5"
-                           :formatter="stateFormat"
-                           prop="availableAccount5"
-                           :label="`${'可用重消'}(${isLocalSymbol()})`" width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockAccount5"
-                           :formatter="stateFormat"
-                           prop="lockAccount5"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockTransferAccount5"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount5"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <!-- 弟弟 -->
-          <el-table-column align="center"
-          v-if="showData.account6"
-                           :formatter="stateFormat"
-                           prop="account6"
-                           :label="`${'积分余额'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.availableAccount6"
-                           :formatter="stateFormat"
-                           prop="availableAccount6"
-                           :label="`${'可用积分'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockAccount6"
-                           :formatter="stateFormat"
-                           prop="lockAccount6"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-          v-if="showData.lockTransferAccount6"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount6"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <!-- 弟弟 -->
-          <el-table-column align="center" v-if="showData.account7"
-                           :formatter="stateFormat"
-                           prop="account7"
-                           :label="`${'鼓励余额'}${isLocalSymbol()})`" width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.availableAccount7"
-                           :formatter="stateFormat"
-                           prop="availableAccount7"
-                           :label="`${'可用鼓励'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.lockAccount7"
-                           :formatter="stateFormat"
-                           prop="lockAccount7"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.lockTransferAccount7"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount7"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <!-- 弟弟 -->
-          <el-table-column align="center" v-if="showData.account8"
-                           :formatter="stateFormat"
-                           prop="account8"
-                           :label="`${'复购券余额'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.availableAccount8"
-                           :formatter="stateFormat"
-                           prop="availableAccount8"
-                           :label="`${'可用复购券'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.lockAccount8"
-                           :formatter="stateFormat"
-                           prop="lockAccount8"
-                            :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.lockTransferAccount8"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount8"
-                            :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.account9"
-                           :formatter="stateFormat"
-                           prop="account9"
-                            :label="'全球积分余额' +'(￥)'"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.availableAccount9"
-                           :formatter="stateFormat"
-                           prop="availableAccount9"
-                           :label="'可用全球积分'"    width="140">
-          </el-table-column>
-         
-          <el-table-column align="center" v-if="showData.lockTransferAccount9"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount9"
-                           :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.account10"
-                           :formatter="stateFormat"
-                           prop="account10"
-                           :label="'车奖积分余额'"  width="140">
-          </el-table-column>
-
-
-          <el-table-column align="center" v-if="showData.availableAccount10"
-                           :formatter="stateFormat"
-                           prop="availableAccount10"
-                           :label="'可用车奖积分'"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.lockAccount10"
-                           :formatter="stateFormat"
-                           prop="lockAccount10"
-                           :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.lockTransferAccount10"
-                           :formatter="stateFormat"
-                           prop="lockTransferAccount10"
-                           :label="`${'禁止转账'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.account11"
-                           :formatter="stateFormat"
-                           prop="account11"
-                           :label="`${'直播代金券'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.availableAccount11"
-                           :formatter="stateFormat"
-                           prop="availableAccount11"
-                           :label="`可用直播代金券(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.account12"
-                           :formatter="stateFormat"
-                           prop="account12"
-                           :label="`${'乐学代金券'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.availableAccount12"
-                           :formatter="stateFormat"
-                           prop="account11"
-                           :label="`可用乐学代金券(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.account13"
-                           :formatter="stateFormat"
-                           prop="account13"
-                           :label="`${'海豆余额'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.availableAccount13"
-                           :formatter="stateFormat"
-                           prop="availableAccount13"
-                           :label="`${'可用海豆'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center" v-if="showData.lockAccount13"
-                           :formatter="stateFormat"
-                           prop="lockAccount13"
-                           :label="`${'禁止消费'}(${isLocalSymbol()})`"  width="140">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="time"
-                           :label="'操作'" fixed="right" width="100" >
+        <el-table
+          ref="mainTable"
+          v-loading="loading"
+          :data="tableData"
+          height="680px"
+          style="width: 100%"
+          :header-cell-style="{ background: '#EEEEEE' }"
+          :row-class-name="tableRowClassName"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+          />
+          <el-table-column
+            align="center"
+            prop="jxmc"
+            :label="'国家'"
+          >
             <template slot-scope="scope">
-              <el-button @click="handleExportAlone(scope.row.pkId)"
-                         class="button-s"
-                         type="text"
-                         v-has-buttons="['WalletDetailssExport']"
-                         size="small" style="color: #FFAD41">
+              <div class="tem">
+                <img
+                  :src="scope.row.nationalFlag2"
+                  alt=""
+                >
+                <!-- <div>{{ scope.row.pkCountryName }}</div> -->
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            width="120"
+            prop="memberCode"
+            :label="'会员编号'"
+          />
+          <el-table-column
+            align="center"
+            prop="memberName"
+            :label="'会员姓名'"
+          />
+          <el-table-column
+            align="center"
+            prop="vertexName"
+            :label="'体系名称'"
+          />
+          <el-table-column
+            align="center"
+            prop="teamName"
+            :label="'团队名称'"
+          />
+          <el-table-column
+            align="center"
+            prop="plevel"
+            :label="'血缘代数'"
+          />
+          <el-table-column
+            align="center"
+            prop="slevel"
+            :label="'安置层数'"
+          />
+          <el-table-column
+            v-if="showData.account1"
+            align="center"
+            prop="account1"
+            :formatter="stateFormat"
+            :label="'消费余额'+'(¥)'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount1"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount1"
+            :label="'可用消费'+'(¥)'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount1"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount1"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount1"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount1"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account2"
+            align="center"
+            :formatter="stateFormat"
+            prop="account2"
+            :label="'现金余额'+'(¥)'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount2"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount2"
+            :label="'可用现金'+'(¥)'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount2"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount2"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount2"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount2"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account3"
+            align="center"
+            :formatter="stateFormat"
+            prop="account3"
+            :label="'政策余额'+'(¥)'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount3"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount3"
+            :label="'可用政策'+'(¥)'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount3"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount3"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount3"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount3"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account4"
+            align="center"
+            :formatter="stateFormat"
+            prop="account4"
+            :label="`${'奖金余额'}(${isLocalSymbol()})`"
+            width="140"
+          />
+
+          <el-table-column
+            v-if="showData.availableAccount4"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount4"
+            :label="`${'可用奖金'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.submitAccount4"
+            align="center"
+            :formatter="stateFormat"
+            prop="submitAccount4"
+            :label="`${'可提奖金'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount4"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount4"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount4"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount4"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockWithdrawAccount4"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockWithdrawAccount4"
+            :label="`${'禁止提现'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <!-- 弟弟 -->
+          <el-table-column
+            v-if="showData.account5"
+            align="center"
+            prop="account5"
+            :formatter="stateFormat"
+            :label="`${'重消余额'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount5"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount5"
+            :label="`${'可用重消'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount5"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount5"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount5"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount5"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <!-- 弟弟 -->
+          <el-table-column
+            v-if="showData.account6"
+            align="center"
+            :formatter="stateFormat"
+            prop="account6"
+            :label="`${'积分余额'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount6"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount6"
+            :label="`${'可用积分'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount6"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount6"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount6"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount6"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <!-- 弟弟 -->
+          <el-table-column
+            v-if="showData.account7"
+            align="center"
+            :formatter="stateFormat"
+            prop="account7"
+            :label="`${'鼓励余额'}${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount7"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount7"
+            :label="`${'可用鼓励'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount7"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount7"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount7"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount7"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <!-- 弟弟 -->
+          <el-table-column
+            v-if="showData.account8"
+            align="center"
+            :formatter="stateFormat"
+            prop="account8"
+            :label="`${'复购券余额'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount8"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount8"
+            :label="`${'可用复购券'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount8"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount8"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount8"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount8"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account9"
+            align="center"
+            :formatter="stateFormat"
+            prop="account9"
+            :label="'全球积分余额' +'(￥)'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount9"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount9"
+            :label="'可用全球积分'"
+            width="140"
+          />
+
+          <el-table-column
+            v-if="showData.lockTransferAccount9"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount9"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account10"
+            align="center"
+            :formatter="stateFormat"
+            prop="account10"
+            :label="'车奖积分余额'"
+            width="140"
+          />
+
+          <el-table-column
+            v-if="showData.availableAccount10"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount10"
+            :label="'可用车奖积分'"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount10"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount10"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockTransferAccount10"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockTransferAccount10"
+            :label="`${'禁止转账'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account11"
+            align="center"
+            :formatter="stateFormat"
+            prop="account11"
+            :label="`${'直播代金券'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount11"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount11"
+            :label="`可用直播代金券(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account12"
+            align="center"
+            :formatter="stateFormat"
+            prop="account12"
+            :label="`${'乐学代金券'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount12"
+            align="center"
+            :formatter="stateFormat"
+            prop="account11"
+            :label="`可用乐学代金券(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.account13"
+            align="center"
+            :formatter="stateFormat"
+            prop="account13"
+            :label="`${'海豆余额'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.availableAccount13"
+            align="center"
+            :formatter="stateFormat"
+            prop="availableAccount13"
+            :label="`${'可用海豆'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            v-if="showData.lockAccount13"
+            align="center"
+            :formatter="stateFormat"
+            prop="lockAccount13"
+            :label="`${'禁止消费'}(${isLocalSymbol()})`"
+            width="140"
+          />
+          <el-table-column
+            align="center"
+            prop="time"
+            :label="'操作'"
+            fixed="right"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-has-buttons="['WalletDetailssExport']"
+                class="button-s"
+                type="text"
+                size="small"
+                style="color: #FFAD41"
+                @click="handleExportAlone(scope.row.pkId)"
+              >
                 {{ '导出' }}
               </el-button>
-              <el-button @click="toDetails(scope.row.memberCode)"
-                         style="color: #E70DEC"
-                         type="text"
-                         class="button-s"
-                         size="small">
+              <el-button
+                style="color: #E70DEC"
+                type="text"
+                class="button-s"
+                size="small"
+                @click="toDetails(scope.row.memberCode)"
+              >
                 {{ '查看' }}
               </el-button>
             </template>
@@ -424,62 +579,64 @@
         </el-table>
       </div>
     </div>
-    <pagination v-show="total>0"
-                :total="total"
-                :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize"
-                @pagination="getDataList" />
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getDataList"
+    />
   </div>
 </template>
 
 <script>
-import { getenumsAccount } from "@/api/financial";
+import { getenumsAccount } from '@/api/financial'
 import topBar from '@/components/topBar'
 import * as api from '@/api/financialCase.js'
 import { mapGetters } from 'vuex'
-import {isLocalSymbol, stateFormat} from "@/utils/numberToCurrency";
+import { isLocalSymbol, stateFormat } from '@/utils/numberToCurrency'
 export default {
   name: 'Bzpz',
   components: {
-    topBar,
+    topBar
   },
   filters: {
-     isAgree(val) {
+    isAgree(val) {
       if (!val) {
-        return '允许';
+        return '允许'
       } else {
-        return '禁止';
+        return '禁止'
       }
-    },
+    }
   },
   data() {
     return {
       creationTime: [],
       select: {
-        pkMemberTeam: [],
+        pkMemberTeam: []
       },
       // 查询参数
       queryParams: {
         pageNum: 1,
         pageSize: 50,
-        pkAccounts: [], //币种选择
+        pkAccounts: [] // 币种选择
       },
       total: 0,
       dialogVisible: false,
       tableData: [],
-      loading:false,
+      loading: false,
       accountList: [],
       vertexList: [],
       memberTeamList: [],
       enumsAccountList: [],
-      moren: "walletDetails",
+      moren: 'walletDetails',
       topList: [
         {
           name: '钱包明细',
-          path: "walletDetails",
-        },
+          path: 'walletDetails'
+        }
       ],
-      showData:{}
+      showData: {}
     }
   },
   mounted() {
@@ -489,38 +646,37 @@ export default {
     this.getDataList()
     this.getenumsAccount()
     this.getOthers()
-
   },
   computed: {
-    ...mapGetters(['getUser']),
+    ...mapGetters(['getUser'])
   },
   methods: {
     isLocalSymbol,
     stateFormat,
     getOthers() {
       api.listField().then((res) => {
-        const obj = {};
+        const obj = {}
         res.data.forEach((ele) => {
-          obj[ele] = true;
-        });
-        this.showData = obj;
-      });
+          obj[ele] = true
+        })
+        this.showData = obj
+      })
     },
     changeAccount() {
-      this.titelList = [];
+      this.titelList = []
       this.queryParams.pkAccounts.forEach((ele) => {
         this.enumsAccountList.forEach((item) => {
           if (ele == item.pkId) {
-            this.titelList.push({ value: ele, label: item.accountName });
+            this.titelList.push({ value: ele, label: item.accountName })
           }
-        });
-      });
-      this.getDataList();
+        })
+      })
+      this.getDataList()
     },
     getenumsAccount() {
       getenumsAccount().then((res) => {
         this.enumsAccountList = res.rows
-      });
+      })
     },
     reset() {
       this.select = {}
@@ -545,8 +701,8 @@ export default {
       this.$router.push({
         path: 'walletDetails/details',
         query: {
-          memberCode: id,
-        },
+          memberCode: id
+        }
       })
     },
     // 点击修改
@@ -570,10 +726,10 @@ export default {
     handleSelectionChange(val) {},
     /** 导出按钮操作 */
     handleExport() {
-      this.$confirm( '是否确认导出所有数据项?', '警告', {
+      this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then((_) => {
         this.download(
           '/member/manager/account/export',
@@ -587,11 +743,11 @@ export default {
       this.$confirm('是否确认导出当前数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then((_) => {
         this.download(
           '/member/manager/account/export',
-          {pkIds:[id]},
+          { pkIds: [id] },
           `${'钱包明细'}${new Date().getTime()}.xlsx`
         )
       })
@@ -603,8 +759,8 @@ export default {
         return 'success-row'
       }
       return ''
-    },
-  },
+    }
+  }
 }
 </script>
 <style scoped lang="scss">