From 3540ec75c9851c90810e02b96e4302e3951a1968 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Sat, 30 Mar 2024 16:11:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=9C=AA=E5=88=86=E9=85=8D=E7=9A=84=E5=85=91?=
 =?UTF-8?q?=E6=8D=A2=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user.js                        |  5 +++-
 src/views/user/member/exchangeCode.vue | 40 ++++++++++++++++++++++++--
 2 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/src/api/user.js b/src/api/user.js
index d4dd6e9..3f9cf34 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -464,7 +464,10 @@ export function exchangeCodeActivateForm() {
 export function exchangeCodeCancelForm() {
   return request.get('user/exchangeCode/cancelForm')
 }
-
+// 会员卡兑换码 - 修改兑换码
+export function exchangeCodeUpdate(data) {
+  return request.post('user/exchangeCode/updateCode',data)
+}
 
 
 
diff --git a/src/views/user/member/exchangeCode.vue b/src/views/user/member/exchangeCode.vue
index 6881b11..5b1694e 100644
--- a/src/views/user/member/exchangeCode.vue
+++ b/src/views/user/member/exchangeCode.vue
@@ -35,9 +35,13 @@
             {{ scope.row.batch_unique }}
           </template>
         </el-table-column>
-        <el-table-column label="兑换码" min-width="100" align="center">
+        <el-table-column label="兑换码" min-width="150" align="center">
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.status == 0" type="info" effect="dark">{{ scope.row.exchange_code }}</el-tag>
+            <el-tooltip v-if="scope.row.status == 0" class="item" effect="dark" content="点击修改兑换码" placement="top-start">
+              <el-button type="info" size="small" icon="el-icon-edit" @click="updateExchangeCode(scope.row)">
+                {{ scope.row.exchange_code }}
+              </el-button>
+            </el-tooltip>
             <el-tag v-else-if="scope.row.status == 1" type="primary" effect="dark">{{ scope.row.exchange_code }}</el-tag>
             <el-tag v-else-if="scope.row.status == 2" type="success" effect="dark">{{ scope.row.exchange_code }}</el-tag>
             <el-tag v-else-if="scope.row.status == 3" type="danger" effect="dark">{{ scope.row.exchange_code }}</el-tag>
@@ -113,7 +117,8 @@ import {
   exchangeCodeBatchList,
   exchangeCodeCancelForm,
   exchangeCodeEditForm,
-  exchangeCodeList
+  exchangeCodeList,
+  exchangeCodeUpdate
 } from "@/api/user";
 import createWorkBook from "@/utils/newToExcel";
 import QRCodeOld from "qrcodejs2";
@@ -311,7 +316,36 @@ export default {
         FileSaver.saveAs(content, "qrcodes.zip");
       });
     },
+    // 点击修改兑换码
+    updateExchangeCode(info){
+      let _this = this;
+      _this.$prompt(`当前兑换码：${info.exchange_code}`, {
+        confirmButtonText: "提交修改",
+        cancelButtonText: "取消修改",
+        inputErrorMessage: "请输入新的兑换码",
+        inputType: "text",
+        inputPlaceholder: "请输入新的兑换码",
+        inputValidator: value => {
+          if (!value) return "输入不能为空";
+          if(value.length > 10) return "兑换码长度不能超过10个字符";
 
+          const regex = /^[A-Za-z0-9]+$/;
+          if (!regex.test(value)) return "请输入英文字母或者数字";
+        }
+      }).then(({value}) => {
+        let params = {
+          id: info.id,
+          new_exchange_code: value
+        };
+        exchangeCodeUpdate(params).then(res => {
+          _this.$message.success(res.message)
+
+          _this.getList()
+        }).catch((err) => {
+          _this.$message.error(err.message)
+        });
+      }).catch(() => {});
+    }
 
 
   },