src/views/configManage/walletConfig/xfpz.vue

@@ -8,13 +8,13 @@
   <div class="page">
     <topBar
       v-if="topList.length > 0"
-      :top-list="topList"
+      :topList="topList"
       :moren="moren"
-    />
+    ></topBar>
     <div class="main">
       <div class="maintop">
         <div class="mainbtn">
-          <el-button size="mini" class="thebtn1" @click="openDig">{{
+          <el-button size="mini" @click="openDig" class="thebtn1">{{
             '添加'
           }}</el-button>
           <el-button size="mini" class="thebtn2"> {{ '导出' }}</el-button>
@@ -22,20 +22,21 @@
       </div>
       <div class="maintable">
         <el-table
-          v-loading="loading"
           :data="tableData"
           height="760px"
+          v-loading="loading"
           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 type="selection" width="55"> </el-table-column>
           <el-table-column
             align="center"
-            prop="specialAreaVal"
+            prop="specialAreaName"
             :label="'所属专区'"
-          />
+          >
+          </el-table-column>
           <el-table-column
             align="center"
             prop="sort"
@@ -55,12 +56,14 @@
             align="center"
             prop="effectiveDate"
             :label="'生效日期'"
-          />
+          >
+          </el-table-column>
           <el-table-column
             align="center"
             prop="creationTime"
             :label="'创建日期'"
-          />
+          >
+          </el-table-column>
           <el-table-column
             align="center"
             prop="time"
@@ -69,20 +72,20 @@
           >
             <template slot-scope="scope">
               <el-button
+                @click="toFixed(scope.row.pkId)"
                 class="button-s"
                 type="text"
                 size="small"
                 style="color: rgb(105, 98, 246)"
-                @click="toFixed(scope.row.pkId)"
               >
                 {{ '修改' }}
               </el-button>
               <el-button
+                @click="handleDelete(scope.row.pkId)"
                 type="text"
                 class="button-s"
                 size="small"
                 style="color: #c73030"
-                @click="handleDelete(scope.row.pkId)"
               >
                 {{ '删除' }}
               </el-button>
@@ -110,13 +113,13 @@
         <el-row>
           <el-col :span="14">
             <el-form-item :label="'所属专区'" prop="specialArea">
-              <el-select v-model="form.specialArea" clearable>
+              <el-select clearable v-model="form.specialArea">
                 <el-option
                   v-for="item in areaList"
                   :key="item.value"
                   :label="item.label"
                   :value="item.value"
-                />
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -128,13 +131,13 @@
               :prop="`detailsList.${index}.pkAccount`"
               :rules="rules.pkAccount"
             >
-              <el-select v-model="item.pkAccount" clearable>
+              <el-select clearable v-model="item.pkAccount">
                 <el-option
                   v-for="item in bdAccountList"
                   :key="item.pkId"
                   :label="item.accountName"
                   :value="item.pkId"
-                />
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -150,8 +153,8 @@
                 placeholder="请输入扣款比例"
               ></el-input> -->
               <el-input-number
-                v-model="item.deductRatio"
                 :disabled="item.deductMaxRatio != 0"
+                v-model="item.deductRatio"
                 :max="100"
                 :min="0"
                 :controls="false"
@@ -165,8 +168,8 @@
               :rules="rules.deductMaxRatio"
             >
               <el-input-number
-                v-model="item.deductMaxRatio"
                 :disabled="item.deductRatio != 0"
+                v-model="item.deductMaxRatio"
                 :max="100"
                 :min="0"
                 :controls="false"
@@ -176,14 +179,14 @@
           <el-col :span="3">
             <div class="middle">
               <div
-                v-if="form.detailsList.length > 1"
-                class="del"
                 @click="delKou(index)"
+                class="del"
+                v-if="form.detailsList.length > 1"
               >
                 {{ '删除' }}
               </div>
               <div v-if="form.detailsList.length == index + 1" @click="addKou">
-                <i class="el-icon-circle-plus" />
+                <i class="el-icon-circle-plus"></i>
               </div>
             </div>
           </el-col>
@@ -196,7 +199,8 @@
                 type="datetime"
                 value-format="yyyy-MM-dd HH:mm:ss"
                 :placeholder="'请选择'"
-              />
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
@@ -209,47 +213,48 @@
           class="submit"
           style="margin-left: 40px"
           @click="onSubmit('form')"
-        >{{ '确认' }}</el-button>
+          >{{ '确认' }}</el-button
+        >
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import topBar from '@/components/topBar'
-import * as api from '@/api/configManage.js'
-import { areaCurrencySave, areaCurrencyUpdate } from '@/api/configManage.js'
-import { userCountryList } from '@/api/user'
-import { getToken } from '@/utils/auth'
+import topBar from "@/components/topBar";
+import * as api from "@/api/configManage.js";
+import { areaCurrencySave, areaCurrencyUpdate } from "@/api/configManage.js";
+import { userCountryList } from "@/api/user";
+import { getToken } from "@/utils/auth";
 export default {
-  name: 'Bzpz',
+  name: "Bzpz",
   components: {
-    topBar
+    topBar,
   },
   filters: {
     isAgree(val) {
       if (!val) {
-        return '允许'
+        return '允许';
       } else {
-        return '禁止'
-      }
+        return '禁止';
       }
     },
+  },
   data() {
     return {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50
+        pageSize: 50,
       },
       total: 0,
       showImg: true, //默认展示
       noneUploadImg: false, //
       openImg: false,
-      openImgUrl: '',
-      uploadImgUrl: process.env.VUE_APP_BASE_API + '/system/upload',
+      openImgUrl: "",
+      uploadImgUrl: process.env.VUE_APP_BASE_API + "/system/upload",
       headers: {
-        Authorization: getToken()
+        Authorization: getToken(),
       },
       dialogVisible: false,
       tableData: [],
@@ -258,225 +263,225 @@ export default {
       agreeList: [
         {
           text: '允许',
-          val: 0
+          val: 0,
         },
         {
           text: '禁止',
-          val: 1
-        }
+          val: 1,
+        },
       ],
-      moren: 'xfpz',
+      moren: "xfpz",
       topList: [
         {
           name: '币种配置',
-          path: 'bzpz'
+          path: "bzpz",
         },
         {
-          name: '消费配置',
-          path: 'xfpz'
+          name: "消费配置",
+          path: "xfpz",
         },
         {
-          name: '转账配置',
-          path: 'zzpz'
+          name: "转账配置",
+          path: "zzpz",
         },
         {
           name: '提现配置',
-          path: 'txpz'
+          path: "txpz",
         },
         {
-          name: '提现个税',
-          path: 'txgs'
+          name: "提现个税",
+          path: "txgs",
         },
         {
-          name: '提现手续费',
-          path: 'txsxf'
+          name: "提现手续费",
+          path: "txsxf",
         },
         {
           name: '特殊消费',
-          path: 'specialMoney'
+          path: "specialMoney",
         },
         {
-          name: this.$t('会员消费配置'),
-          path: 'consumption'
-        }
+          name: this.$t("会员消费配置"),
+          path: "consumption",
+        },
       ],
       form: {
-        specialArea: '',
+        specialArea: "",
         detailsList: [
           {
-            pkAccount: '',
-            deductRatio: '',
-            deductMaxRatio: 0
-          }
-        ]
+            pkAccount: "",
+            deductRatio: "",
+            deductMaxRatio: 0,
+          },
+        ],
       },
       rules: {
         deductRatio: [
-          { required: true, message: '请输入扣款比例', trigger: 'blur' }
+          { required: true, message: "请输入扣款比例", trigger: "blur" },
         ],
         deductMaxRatio: [
-          { required: true, message: '请输入扣款最大比例', trigger: 'blur' }
+          { required: true, message: "请输入扣款最大比例", trigger: "blur" },
         ],
         specialArea: [
-          { required: true, message: '请选择所属专区', trigger: 'change' }
+          { required: true, message: "请选择所属专区", trigger: "change" },
         ],
         pkAccount: [
-          { required: true, message: '请选择扣款顺序', trigger: 'change' }
+          { required: true, message: "请选择扣款顺序", trigger: "change" },
         ],
         effectiveDate: [
-          { required: true, message: '请选择生效时间', trigger: 'change' }
-        ]
+          { required: true, message: '请选择生效时间', trigger: "change" },
+        ],
       },
       areaList: [],
       bdAccountList: [],
       addOrEdit: true,
-      dialogTitle: ''
-    }
+      dialogTitle: "",
+    };
   },
   mounted() {
     // 获取国家userCountryList
-    this.getCountry()
+    this.getCountry();
     // 获取列表
-    this.getDataList()
+    this.getDataList();
     // 获取专区
-    this.getArea()
+    this.getArea();
     // 账户列表
-    this.getpkBdAccountList()
+    this.getpkBdAccountList();
   },
   methods: {
     // 删除扣款
     delKou(index) {
-      this.form.detailsList.splice(index, 1)
+      this.form.detailsList.splice(index, 1);
     },
     // 添加扣款
     addKou() {
       this.form.detailsList.push({
-        pkAccount: '',
-        deductRatio: '',
-        deductMaxRatio: 0
-      })
+        pkAccount: "",
+        deductRatio: "",
+        deductMaxRatio: 0,
+      });
     },
     // 点击修改
     toFixed(id) {
-      this.dialogTitle = '修改'
-      this.addOrEdit = false
-      this.dialogVisible = true
+      this.dialogTitle = '修改';
+      this.addOrEdit = false;
+      this.dialogVisible = true;
       api.getAreaCurrency(id).then((res) => {
         res.data.detailsList.forEach((item) => {
           if (item.deductMaxRatio == undefined) {
-            item.deductMaxRatio = 0
+            item.deductMaxRatio = 0;
           }
-        })
-        this.form = res.data
-      })
+        });
+        this.form = res.data;
+      });
     },
     // 账户列表
     getpkBdAccountList() {
       api.pkBdAccountList().then((res) => {
-        this.bdAccountList = res.rows
-      })
+        this.bdAccountList = res.rows;
+      });
     },
     // 获取专区
     getArea() {
       api.specialAreaConsume().then((res) => {
-        this.areaList = res.data
-      })
+        this.areaList = res.data;
+      });
     },
     resetData() {
       this.form = {
-        specialArea: '',
+        specialArea: "",
         detailsList: [
           {
-            pkAccount: '',
-            deductRatio: '',
-            deductMaxRatio: 0
-          }
-        ]
-      }
+            pkAccount: "",
+            deductRatio: "",
+            deductMaxRatio: 0,
+          },
+        ],
+      };
     },
     onSubmit(formName) {
       this.form.detailsList.forEach((item, index) => {
-        item.deductSort = index + 1
-      })
+        item.deductSort = index + 1;
+      });
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          let url = ''
+          let url = "";
           if (this.addOrEdit == true) {
-            url = areaCurrencySave
+            url = areaCurrencySave;
           } else {
-            url = areaCurrencyUpdate
+            url = areaCurrencyUpdate;
           }
           url(this.form).then((res) => {
             if (res.code == 200) {
               this.$message({
                 message: res.msg,
-                type: 'success'
-              })
-              this.dialogVisible = false
+                type: "success",
+              });
+              this.dialogVisible = false;
               // 充值数据
               // this.$refs[formName].resetFields()
-              this.resetData()
+              this.resetData();
               // 获取列表
-              this.getDataList()
+              this.getDataList();
             }
-          })
+          });
         } else {
-          return false
+          return false;
         }
-      })
+      });
     },
     handleClose() {
-      this.dialogVisible = false
-      this.resetData()
+      this.dialogVisible = false;
+      this.resetData();
     },
     openDig() {
-      this.dialogTitle = '添加'
-      this.dialogVisible = true
-      this.addOrEdit = true
+      this.dialogTitle = '添加';
+      this.dialogVisible = true;
+      this.addOrEdit = true;
       this.$nextTick(() => {
-        this.$refs['form'].clearValidate()
-      })
+        this.$refs["form"].clearValidate();
+      });
     },
     getCountry() {
       userCountryList().then((res) => {
-        this.countryList = res.data
-      })
+        this.countryList = res.data;
+      });
     },
     getDataList() {
-      this.loading = true
+      this.loading = true;
       api.areaCurrencyList().then((res) => {
-        // res.rows.forEach((item) => {
-        //   this.areaList.forEach((child) => {
-        //     if (item.specialArea == child.value) {
-        //       item.specialAreaName = child.label;
-        //     }
-        //   });
-        // });
-        this.tableData = res.rows
-        this.total = res.total
-        this.loading = false
-      })
+        res.rows.forEach((item) => {
+          this.areaList.forEach((child) => {
+            if (item.specialArea == child.value) {
+              item.specialAreaName = child.label;
+            }
+          });
+        });
+        this.tableData = res.rows;
+        this.total = res.total;
+        this.loading = false;
+      });
     },
     handleSelectionChange(val) {
-      this.multipleSelection = val
+      this.multipleSelection = val;
     },
     // 删除
     handleDelete(id) {
       api.delAreaCurrency(id).then((res) => {
         // 获取列表
-        this.getDataList()
-      })
+        this.getDataList();
+      });
     },
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 == 1) {
-        return 'warning-row'
+        return "warning-row";
       } else if (rowIndex % 2 == 0) {
-        return 'success-row'
-      }
-      return ''
-    }
-  }
+        return "success-row";
       }
+      return "";
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">