兑换码名称

src/views/business/exchange/addCode.vue

@@ -3,6 +3,9 @@
     <el-divider content-position="left">基础信息</el-divider>
     <el-form ref="addItem" :rules="rules" :model="addData" label-width="120px">
       <el-row :gutter="10">
+        <el-form-item label="兑换码名称:" prop="title">
+          <el-input v-model="addData.title" placeholder="请输入兑换码名称" :disabled="id?true:false" style="width: 240px;" />
+        </el-form-item>
         <el-form-item label="门店:" prop="channelId">
           <el-select v-model="addData.channelId" placeholder="请选择门店" :disabled="id?true:false" style="width: 240px;" filterable :filter-method="dataFilter">
             <el-option v-for="(item) in siteList" :key="item.channelId" :label="item.name" :value="item.channelId">
@@ -16,8 +19,8 @@
         <el-row :gutter="10">
           <el-col :span="7">
             <el-form-item label="兑换码数量:" prop="quantity">
-            <el-input v-model="addData.quantity" placeholder="请输入兑换码数量" :disabled="id?true:false" style="width: 240px;" />
-          </el-form-item>
+              <el-input v-model="addData.quantity" placeholder="请输入兑换码数量" :disabled="id?true:false" style="width: 240px;" />
+            </el-form-item>
           </el-col>
           <el-col :span="6" v-if="id?true:false">
             <div class="clk" @click="toCodelist()">
@@ -94,6 +97,7 @@ export default {
       siteList: [],//门店列表
       siteCopyList: [],//门店列表
       addData: {
+        title: '',//兑换码名称
         channelId: '',//门店
         siteName: '',//门店名称
         type: '',//
@@ -101,6 +105,7 @@ export default {
         goodsList: [],//兑换码关联商品
       },
       rules: {
+        title: [{ required: true, message: '请输入兑换码名称', trigger: ["blur", "change"] }],
         channelId: [{ required: true, message: '请选择门店', trigger: 'blur' }],
         validityPeriod: [{ required: true, message: '请选择有效期', trigger: 'blur' }],
         quantity: [
@@ -140,8 +145,8 @@ export default {
   created() {
     if (this.id) {
       getExchangeCode(this.id).then(res => {
-        const { channelId, quantity, siteName, validityPeriod, goodsList, id } = res.data
-        this.addData = { channelId, quantity, siteName, validityPeriod: JSON.parse(validityPeriod).value, goodsList, id }
+        const { channelId, quantity, title, siteName, validityPeriod, goodsList, id } = res.data
+        this.addData = { channelId, quantity, title, siteName, validityPeriod: JSON.parse(validityPeriod).value, goodsList, id }
         if (goodsList) {
           goodsList.forEach((item) => {
             item.type = item.type && JSON.parse(item.type).value
@@ -212,12 +217,13 @@ export default {
             }
           });
 
-          const { channelId, quantity, siteName, validityPeriod, } = this.addData
+          const { channelId, quantity, siteName, validityPeriod,title } = this.addData
           goodsExchangeCreate({
             channelId,
             quantity,
             siteName,
             validityPeriod,
+            title,
             goodsList: this.goodsList,
             id: this.addData.id ? this.addData.id : "",
           }).then(res => {

src/views/business/exchange/index.vue

@@ -2,6 +2,9 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
 
+      <el-form-item label="兑换码名称">
+        <el-input v-model="queryParams.title" placeholder="最大值" @change="pageParams.pageNum = 1;handleQuery()" clearable @keyup.enter.native="pageParams.pageNum = 1;handleQuery()" />
+      </el-form-item>
       <el-form-item label="创建日期">
         <el-date-picker v-model="addTimeArr" type="datetimerange" size="small" value-format="timestamp" range-separator="至" start-placeholder="时间选择" end-placeholder="时间选择" @change="addTime">
         </el-date-picker>
@@ -11,14 +14,14 @@
         </el-date-picker>
       </el-form-item>
       <br>
-      <el-form-item label="兑换码数量" prop="minValue">
+      <el-form-item label="兑换码数量">
         <el-input v-model="queryParams.minCdKeyNum" placeholder="最小值" @change="pageParams.pageNum = 1;handleQuery()" clearable @keyup.enter.native="pageParams.pageNum = 1;handleQuery()" />
       </el-form-item>
-      <el-form-item label="-" prop="maxValue">
+      <el-form-item label="-">
         <el-input v-model="queryParams.maxCdKeyNum" placeholder="最大值" @change="pageParams.pageNum = 1;handleQuery()" clearable @keyup.enter.native="pageParams.pageNum = 1;handleQuery()" />
       </el-form-item>
 
-      <el-form-item label="门店" prop="channelId">
+      <el-form-item label="门店">
         <el-select v-model="queryParams.channelId" placeholder="请选择门店" style="width: 100%;" filterable clearable :filter-method="dataFilter" @change="pageParams.pageNum = 1;handleQuery()">
           <el-option v-for="(item) in siteList" :key="item.channelId" :label="item.name" :value="item.channelId">
             <div>