From 65680e8df42d5b5014781920c60d5eb0d95e549a Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Thu, 5 Jun 2025 09:23:57 +0800
Subject: [PATCH] =?UTF-8?q?feat(recharge):=20=E5=85=85=E5=80=BC=E4=B8=8D?=
 =?UTF-8?q?=E8=83=BD=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 | 261 +++++++++++-----------
 src/views/financial/recharge/singleCz.vue | 170 +++++++-------
 2 files changed, 218 insertions(+), 213 deletions(-)

diff --git a/src/views/financial/recharge/doubleCz.vue b/src/views/financial/recharge/doubleCz.vue
index 29dd5b5..2f8f7af 100644
--- a/src/views/financial/recharge/doubleCz.vue
+++ b/src/views/financial/recharge/doubleCz.vue
@@ -5,12 +5,16 @@
         <el-form ref="form" :model="form" label-width="100px">
           <template>
             <div class="mainbtn">
-              <el-button size="small" class="thebtn1" @click="handleImport"
-                > {{ '导入' }}</el-button
-              >
-              <el-button size="small" class="thebtn2" @click="importTemplate"
-                > {{ '下载模板' }}</el-button
-              >
+              <el-button
+                size="small"
+                class="thebtn1"
+                @click="handleImport"
+              > {{ '导入' }}</el-button>
+              <el-button
+                size="small"
+                class="thebtn2"
+                @click="importTemplate"
+              > {{ '下载模板' }}</el-button>
             </div>
           </template>
 
@@ -19,21 +23,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">
@@ -41,19 +45,17 @@
                   class="my_search"
                   style="margin-left: 30px"
                   @click="getList"
-                  > {{ '搜索' }}</el-button
-                >
+                > {{ '搜索' }}</el-button>
                 <el-button class="my_reset" @click="reset"> {{ '重置' }}</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
@@ -68,15 +70,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"
@@ -85,33 +85,35 @@
               >
                 <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="150px"
                 align="center"
                 :prop="`${item.pkId}`"
                 :label="item.pkTransactionKeyVal + `${'变更'}(${getUser.currency.symbol})`"
               >
                 <template slot-scope="scope">
-                  <el-input
-                    clearable
+                  <el-input-number
                     v-model="scope.row.rechargeDetailMap[`${item.pkId}`]"
-                  >
-                  </el-input>
+                    clearable
+                    size="small"
+                    :min="0"
+                    :controls="false"
+                  />
                 </template>
               </el-table-column>
               <el-table-column
@@ -121,7 +123,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
@@ -131,7 +133,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>
@@ -141,12 +143,11 @@
       <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>
@@ -170,223 +171,225 @@
         :auto-upload="false"
         drag
       >
-        <i class="el-icon-upload"></i>
+        <i class="el-icon-upload" />
         <div class="el-upload__text">
-           {{'将文件拖到此处，或'}}
-          <em>{{'点击上传'}}</em>
+          {{ '将文件拖到此处，或' }}
+          <em>{{ '点击上传' }}</em>
         </div>
-        <div class="el-upload__tip" slot="tip">
-          <el-link type="info" style="font-size: 12px" @click="importTemplate"
-            > {{ '下载模板' }}</el-link
-          >
+        <div slot="tip" class="el-upload__tip">
+          <el-link
+            type="info"
+            style="font-size: 12px"
+            @click="importTemplate"
+          > {{ '下载模板' }}</el-link>
         </div>
-        <div class="el-upload__tip" style="color: red" slot="tip">
-          {{'提示：仅允许导入“xls”或“xlsx”格式文件！'}}
+        <div slot="tip" class="el-upload__tip" style="color: red">
+          {{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }}
         </div>
       </el-upload>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitFileForm">{{'确认'}}</el-button>
-        <el-button @click="upload.open = false">{{'取消'}}</el-button>
+        <el-button type="primary" @click="submitFileForm">{{ '确认' }}</el-button>
+        <el-button @click="upload.open = false">{{ '取消' }}</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
-  <script>
-import FileUpload from "@/components/FileUpload";
-import { getToken } from "@/utils/auth";
-import { mapGetters } from "vuex";
+<script>
+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.upload.open = false;
-      this.upload.isUploading = false;
-      this.$refs.upload.clearFiles();
+      this.upload.open = false
+      this.upload.isUploading = false
+      this.$refs.upload.clearFiles()
       this.$message({
         message: response.msg,
-        type: "success",
-      });
+        type: 'success'
+      })
     },
 
     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..1ff5401 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,45 @@
             >
               <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="150px"
               align="center"
               :prop="`${item.pkId}`"
               :label="
                 item.pkTransactionKeyVal +
-                `${'变更'}(${getUser.currency.symbol})`
+                  `${'变更'}(${getUser.currency.symbol})`
               "
             >
               <template slot-scope="scope">
-                <el-input
-                  clearable
+                <!-- <el-input
                   v-model="scope.row.rechargeDetailMap[`${item.pkId}`]"
-                >
-                </el-input>
+                  clearable
+                  type="number"
+                  :min="0"
+                /> -->
+                <el-input-number
+                  v-model="scope.row.rechargeDetailMap[`${item.pkId}`]"
+                  clearable
+                  size="small"
+                  :min="0"
+                  :controls="false"
+                />
               </template>
             </el-table-column>
             <el-table-column
@@ -138,7 +141,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 +151,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 +161,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>