From 90266328f5952a4bd511cfd5dfc8c89b461bef00 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Sat, 2 Mar 2024 15:43:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E4=BC=9A=E5=91=98?=
 =?UTF-8?q?=E5=8D=A1=E6=B7=BB=E5=8A=A0=E4=BA=8C=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user.js                        | 151 +++++++++++++++-----
 src/router/modules/user.js             |  11 +-
 src/views/user/member/exchangeCode.vue | 187 +++++++++++++++++++++++++
 3 files changed, 312 insertions(+), 37 deletions(-)
 create mode 100644 src/views/user/member/exchangeCode.vue

diff --git a/src/api/user.js b/src/api/user.js
index b13f052..ffc7cf6 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -1,23 +1,26 @@
-
 import request from './request'
+
 /**
  * @description 验证码
  */
 export function captchaApi() {
   return request.get(`captcha`)
 }
+
 /**
-  * @description 登录
-  */
+ * @description 登录
+ */
 export function login(data) {
   return request.post(`login`, data)
 }
+
 /**
  * @description 登录页配置
  */
 export function loginConfigApi() {
   return request.get(`login_config`)
 }
+
 /**
  * @description 退出登录
  */
@@ -49,9 +52,10 @@ export function getMenusApi() {
 /**
  * @description 创建用户
  */
- export function createUserApi() {
+export function createUserApi() {
   return request.get(`user/create`)
 }
+
 /**
  * @description 用户分组 -- 编辑表单
  * @param {Object} param params {Object} 传值参数
@@ -59,24 +63,28 @@ export function getMenusApi() {
 export function groupEditApi(id) {
   return request.get('user/group/form/' + id)
 }
+
 /**
  * @description 用户分组 -- 添加表单
  */
 export function groupFormApi() {
   return request.get('user/group/form')
 }
+
 /**
  * @description 用户分组 -- 列表
  */
 export function groupLstApi(data) {
   return request.get('user/group/lst', data)
 }
+
 /**
  * @description 用户分组 -- 删除
  */
 export function groupDeleteApi(id) {
   return request.delete(`user/group/${id}`)
 }
+
 /**
  * @description 用户标签 -- 编辑表单
  * @param {Object} param params {Object} 传值参数
@@ -84,240 +92,280 @@ export function groupDeleteApi(id) {
 export function labelEditApi(id) {
   return request.get('user/label/form/' + id)
 }
+
 /**
  * @description 用户标签 -- 添加表单
  */
 export function labelFormApi() {
   return request.get('user/label/form')
 }
+
 /**
  * @description 用户标签 -- 列表
  */
 export function labelLstApi(data) {
   return request.get('user/label/lst', data)
 }
+
 /**
  * @description 用户标签 -- 删除
  */
 export function labelDeleteApi(id) {
   return request.delete(`user/label/${id}`)
 }
+
 /**
  * @description 用户列表 -- 列表
  */
 export function userLstApi(data) {
   return request.get('user/lst', data)
 }
+
 /**
  * @description 用户列表 -- 设置分组
  */
 export function changeGroupApi(id) {
   return request.get(`user/change_group/form/${id}`)
 }
+
 /**
  * @description 用户列表 -- 设置标签
  */
 export function changelabelApi(id) {
   return request.get(`user/change_label/form/${id}`)
 }
+
 /**
  * @description 用户列表 -- 编辑会员等级
  */
- export function changeMemberApi(id) {
+export function changeMemberApi(id) {
   return request.get(`user/member/${id}/form`)
 }
+
 /**
  * @description 用户列表 -- 修改余额
  */
 export function changeNowMoneyApi(id) {
   return request.get(`user/change_now_money/form/${id}`)
 }
+
 /**
  * @description 用户列表 -- 修改积分
  */
 export function changeNowIntegralApi(id) {
-    return request.get(`user/change_integral/form/${id}`)
+  return request.get(`user/change_integral/form/${id}`)
 }
+
 /**
  * @description 用户列表 -- 批量设置分组
  */
 export function batchChangeGroupApi(data) {
   return request.get(`user/batch_change_group/form`, data)
 }
+
 /**
  * @description 用户列表 -- 批量设置标签
  */
 export function batchChangelabelApi(data) {
   return request.get(`user/batch_change_label/form`, data)
 }
+
 /**
  * @description 用户列表 -- 编辑用户
  */
 export function userUpdateApi(id) {
   return request.get(`user/update/form/${id}`)
 }
+
 /**
  * @description 用户列表 -- 修改密码
  */
 export function modifyUserPassword(id) {
   return request.get(`user/change_password/form/${id}`)
 }
+
 /**
  * @description 用户列表 -- 发送图文消息
  */
 export function userNewsApi(data) {
   return request.post(`user/news/push`, data)
 }
+
 /**
  * @description 用户 -- 详情头部
  */
 export function userDetailApi(uid) {
   return request.get(`user/detail/${uid}`)
 }
+
 /**
  * @description 用户 -- 详情消费记录
  */
 export function userOrderApi(uid, data) {
   return request.get(`user/order/${uid}`, data)
 }
+
 /**
  * @description 用户 -- 积分记录
  */
 export function userPointsApi(uid, data) {
   return request.get(`user/integral/${uid}`, data)
 }
+
 /**
  * @description 用户 -- 签到记录
  */
 export function userSignLogApi(uid, data) {
   return request.get(`user/sign_log/${uid}`, data)
 }
+
 /**
  * @description 用户 -- 浏览足迹
  */
 export function userHistoryApi(uid, data) {
   return request.get(`user/history/${uid}`, data)
 }
+
 /**
  * @description 用户 -- 详情优惠券
  */
 export function userCouponApi(uid, data) {
   return request.get(`user/coupon/${uid}`, data)
 }
+
 /**
  * @description 用户 -- 余额明细
  */
 export function userBillApi(uid, data) {
   return request.get(`user/bill/${uid}`, data)
 }
+
 /**
  * @description 用户 -- 城市列表
  */
 export function cityListApi(uid) {
   return request.get(`system/city/lst`)
 }
+
 /**
  * @description 用户 -- 修改用户推荐人(表单)
  */
 export function modifyUserReferrer(uid) {
-    return request.get(`user/change_spread_form/${uid}`)
+  return request.get(`user/change_spread_form/${uid}`)
 }
+
 /**
  * @description 用户 -- 推荐人修改记录
  */
 export function modifyUserRefLog(uid, data) {
-    return request.get(`user/spread_log/${uid}`, data)
+  return request.get(`user/spread_log/${uid}`, data)
 }
+
 /**
  * @description 用户 -- 获取协议
  */
 export function getAgreementApi(key) {
-    return request.get(`agreement/${key}`)
+  return request.get(`agreement/${key}`)
 }
+
 /**
  * @description 用户 -- 编辑协议
  */
 export function updateAgreementApi(type, data) {
-    return request.post(`agreement/${type}`, data)
+  return request.post(`agreement/${type}`, data)
 }
+
 /**
  * @description 用户搜索信息 -- 列表
  */
 export function userSearchLstApi(data) {
-    return request.get("user/search_log", data)
+  return request.get("user/search_log", data)
 }
+
 /**
  * @description 用户搜索信息 -- 导出
  */
 export function recordListImportApi(data) {
-    return request.get("user/search_log/export", data)
+  return request.get("user/search_log/export", data)
 }
+
 /**
  * @description 会员管理  -- 添加会员
  */
- export function addInterestsApi() {
+export function addInterestsApi() {
   return request.get('user/member/create/form')
 }
+
 /**
  * @description 会员管理  -- 列表
  */
- export function interestsLstApi(data) {
+export function interestsLstApi(data) {
   return request.get('user/member/lst', data)
 }
+
 /**
  * @description 会员管理  -- 编辑
  */
- export function interestsUpdateApi(id) {
+export function interestsUpdateApi(id) {
   return request.get(`user/member/update/${id}/form`)
 }
+
 /**
  * @description 会员管理 -- 删除
  */
- export function interestsDeleteApi(id) {
+export function interestsDeleteApi(id) {
   return request.delete(`user/member/delete/${id}`)
 }
+
 /**
  * @description 会员 -- 说明
  */
- export function interestsInfo(key) {
+export function interestsInfo(key) {
   return request.get(`agreement/${key}`)
 }
+
 /**
  * @description 会员管理 -- 编辑
  */
- export function interestsUpdate(key,data) {
+export function interestsUpdate(key, data) {
   return request.post(`agreement/${key}`, data)
 }
+
 /**
  * @description 会员 -- 配置
  */
- export function interestsConfig(key) {
+export function interestsConfig(key) {
   return request.get(`config/${key}`)
 }
+
 /**
  * @description 会员权益  -- 添加
  */
- export function addBenefitsApi() {
+export function addBenefitsApi() {
   return request.get('member/interests/create/form')
 }
+
 /**
  * @description 会员权益  -- 列表
  */
- export function benefitsLstApi(data) {
+export function benefitsLstApi(data) {
   return request.get('member/interests/lst', data)
 }
+
 /**
  * @description 会员权益  -- 编辑
  */
- export function benefitsUpdateApi(id) {
+export function benefitsUpdateApi(id) {
   return request.get(`/member/interests/update/${id}/form`)
 }
+
 /**
  * @description 会员权益 -- 删除
  */
- export function benefitsDeleteApi(id) {
+export function benefitsDeleteApi(id) {
   return request.delete(`member/interests/delete/${id}`)
 }
+
 /**
  * 获取版权信息
  * @returns
@@ -325,63 +373,96 @@ export function recordListImportApi(data) {
 export function getVersion() {
   return request.get('../api/version')
 }
+
 /**
  * @description 会员类型  -- 添加
  */
- export function levelCreateApi() {
+export function levelCreateApi() {
   return request.get('user/svip/type/form')
 }
+
 /**
  * @description 会员类型  -- 编辑
  */
- export function levelUpdateApi(id) {
+export function levelUpdateApi(id) {
   return request.get(`user/svip/type/${id}/form`)
 }
+
 /**
  * @description 会员类型  -- 删除
  */
- export function levelDeteleApi(id) {
+export function levelDeteleApi(id) {
   return request.delete(`user/svip/type/delete/${id}`)
 }
+
 /**
  * @description 付费会员权益 -- 权益状态
  */
- export function levelStatusApi(id, status) {
-  return request.post(`user/svip/type/status/${id}`, { status })
+export function levelStatusApi(id, status) {
+  return request.post(`user/svip/type/status/${id}`, {status})
 }
+
 /**
  * @description 付费会员类型  -- 列表
  */
- export function levelListApi() {
+export function levelListApi() {
   return request.get('user/svip/type/lst')
 }
+
 /**
  * @description 付费会员权益  -- 列表
  */
- export function memberEquityListApi() {
+export function memberEquityListApi() {
   return request.get('svip/interests/lst')
 }
+
 /**
  * @description 付费会员权益  -- 编辑表单
  */
- export function memberEquityUpdateApi(id) {
+export function memberEquityUpdateApi(id) {
   return request.get(`svip/interests/${id}/form`)
 }
+
 /**
  * @description 付费会员权益 -- 权益状态
  */
- export function memberEquityStatusApi(id, status) {
-  return request.post(`svip/interests/status/${id}`, { status })
+export function memberEquityStatusApi(id, status) {
+  return request.post(`svip/interests/status/${id}`, {status})
 }
+
 /**
  * @description 付费会员记录  -- 列表
  */
- export function memberRecordListApi(data) {
+export function memberRecordListApi(data) {
   return request.get('user/svip/order_lst', data)
 }
+
 /**
  * @description 用户  -- 赠送付费会员
  */
- export function giveMemberApi(id) {
+export function giveMemberApi(id) {
   return request.get(`user/svip/${id}/form`)
 }
+
+// 会员卡兑换码 - 列表获取
+export function exchangeCodeList(data) {
+  return request.get('user/exchangeCode/getList', data)
+}
+// 会员卡兑换码 - 批次列表获取
+export function exchangeCodeBatchList() {
+  return request.get('user/exchangeCode/getBatchList')
+}
+// 会员卡兑换码 - 添加表单
+export function exchangeCodeEditForm() {
+  return request.get('user/exchangeCode/editForm')
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/router/modules/user.js b/src/router/modules/user.js
index 9a9c4c1..f3cb035 100644
--- a/src/router/modules/user.js
+++ b/src/router/modules/user.js
@@ -94,7 +94,6 @@ const userRouter =
               title: '用户等级说明',
               noCache: true
             },
-            path: 'description',
             component: () => import('@/views/user/member/description')
           },
           {
@@ -104,7 +103,6 @@ const userRouter =
               title: '会员协议',
               noCache: true
             },
-            path: 'vipAgreement',
             component: () => import('@/views/user/member/vipAgreement')
           },
           {
@@ -125,6 +123,15 @@ const userRouter =
             },
             component: () => import('@/views/user/member/record')
           },
+          {
+            path: 'exchangeCode',
+            name: 'exchangeCode',
+            meta: {
+              title: '兑换码',
+              noCache: true
+            },
+            component: () => import('@/views/user/member/exchangeCode')
+          },
         ]
       },
     ]
diff --git a/src/views/user/member/exchangeCode.vue b/src/views/user/member/exchangeCode.vue
new file mode 100644
index 0000000..4aa1905
--- /dev/null
+++ b/src/views/user/member/exchangeCode.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="divBox">
+    <!--主要内容-->
+    <el-card class="box-card">
+      <!--顶部搜索栏-->
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-form inline size="small" label-width="80px">
+            <el-form-item label="">
+              <el-select v-model="tableFrom.status" class="selWidth" clearable>
+                <el-option label="未激活" :value="0"></el-option>
+                <el-option label="已激活" :value="1"></el-option>
+                <el-option label="已使用" :value="2"></el-option>
+              </el-select>
+              <el-select v-if="Object.values(batch_list).length > 0" v-model="tableFrom.batch_unique" class="selWidth" clearable>
+                <el-option v-for="(item,index) in batch_list" :label="index" :value="item"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+          <el-button size="small" type="primary" @click="getList(1)">搜索</el-button>
+          <el-button size="small" type="success" @click="addExchangeCode">添加</el-button>
+          <el-button size="small" type="info" @click="exports">导出</el-button>
+        </div>
+      </div>
+      <!--表格信息-->
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini">
+        <el-table-column label="ID" prop="id" min-width="80" align="center"/>
+        <el-table-column label="归属批次" min-width="150" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.batch_title }}<br />
+            {{ scope.row.batch_unique }}
+          </template>
+        </el-table-column>
+        <el-table-column label="兑换码" min-width="100" 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-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>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" min-width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status == 0" type="info">待激活</el-tag>
+            <el-tag v-else-if="scope.row.status == 1" type="primary">已激活</el-tag>
+            <el-tag v-else-if="scope.row.status == 2" type="success">已使用</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="添加时间" prop="create_time" min-width="130" align="center"/>
+      </el-table>
+      <!--分页-->
+      <div class="block">
+        <el-pagination
+          :page-sizes="[20, 40, 60, 80]"
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleUserSizeChange"
+          @current-change="pageUserChange"
+        />
+      </div>
+    </el-card>
+
+  </div>
+</template>
+
+<script>
+import {exchangeCodeBatchList, exchangeCodeEditForm, exchangeCodeList} from "@/api/user";
+import createWorkBook from "@/utils/newToExcel";
+
+export default {
+  name: "preSaleProductList",
+  components: {},
+  data() {
+    return {
+      moren: require("@/assets/images/f.png"),
+      // 列表
+      listLoading: false,
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        status: '',
+        batch_unique: '',
+      },
+      tableData: {
+        data: [],
+        total: 0,
+      },
+      batch_list: {},
+    };
+  },
+  watch: {},
+  mounted() {
+    this.getList();
+    this.getBatchList();
+  },
+  methods: {
+    // 列表
+    getList(num = ''){
+      let _this = this;
+      _this.listLoading = true;
+      _this.tableFrom.page = num ? num : _this.tableFrom.page;
+      exchangeCodeList(_this.tableFrom).then((res) => {
+        _this.tableData.data = res.data.list;
+        _this.tableData.total = res.data.count;
+        _this.listLoading = false;
+      }).catch((res) => {
+        _this.listLoading = false;
+        _this.$message.error(res.message);
+      });
+    },
+    pageUserChange(page) {
+      this.tableFrom.page = page;
+      this.getUserList('');
+    },
+    handleUserSizeChange(val) {
+      this.tableFrom.limit = val;
+      this.getUserList('');
+    },
+    // 批次列表
+    getBatchList(){
+      let _this = this;
+      exchangeCodeBatchList().then((res) => {
+        _this.batch_list = res.data || {};
+      }).catch((res) => {
+        _this.$message.error(res.message);
+      });
+    },
+    // 添加
+    addExchangeCode(){
+      this.$modalForm(exchangeCodeEditForm()).then(() => this.getList(''));
+    },
+    // 导出 - 导出信息
+    async exports(){
+      let _this = this;
+      // 获取全部列表
+      let params = Object.assign({}, _this.tableFrom);
+      params.page = 1;
+      params.limit = 20;
+      params.is_export = 1;
+      let exportData = await this.exportsAllList(params);
+
+      createWorkBook(exportData.header || {}, exportData.title || {}, exportData.list || {}, exportData.foot || '',exportData.filename || '');
+    },
+    // 导出 - 获取全部信息列表
+    exportsAllList(params, exportData = {}){
+      let _this = this;
+      return new Promise((resolve, reject) => {
+        exchangeCodeList(params).then((res) => {
+          let data = res.data || {};
+          if(params.page == 1){
+            exportData.title = data.title || {};
+            exportData.header = data.header || {};
+            exportData.filename = data.filename || '';
+          }
+          // 计算是否存在下一页  并且合并数组
+          let totalPage = Math.ceil(data.count / params.limit);
+          let exportList = exportData.list || {};
+          exportData.list = Object.values(exportList).concat(data.list);
+          if(params.page < totalPage){
+            // 存在下一页
+            params.page++;
+            _this.exportsAllList(params, exportData).then(res => {
+              return resolve(res)
+            });
+          }else{
+            // 不存在下一页
+            return resolve(exportData)
+          }
+        }).catch((res) => {
+          console.log('错误',res)
+          return resolve(list)
+        });
+      })
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+/deep/ .el-table .cell{
+  padding: 0!important;
+}
+.selWidth{
+  margin-bottom: 10px!important;
+}
+</style>