xcx

src/pages/system/cardAndCouponManager/couponManager/edit.vue

 <template>
   <div class="subPage">
     <form class="mainForm">
-      <h1 style="font-size:22px;">{{isEdit === 0 ? '新建' : '编辑'}}{{type === 'drink' ? '饮品优惠券' : '课程优惠券'}}</h1>
+      <!-- <h1 style="font-size:22px;">{{isEdit === 0 ? '新建' : '编辑'}}{{couponInfo.CouponTypeId === 'goods' ? '饮品优惠券' : '课程优惠券'}}</h1> -->
       <ul>
         <li class="flex-h">
           <span>选择案场：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="postData.CaseId" placeholder="请选择">
+              <el-select v-model="couponInfo.CaseId" placeholder="请选择" @change="caseChange">
                 <el-option
                   v-for="item in cases"
                   :key="item.CaseId"
                 :action='$api.file.image.url'
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
-                <img v-if="postData.Img" :src="postData.Img" class="avatar">
+                <img v-if="couponInfo.Images[0].CouponImageUrl" :src="couponInfo.Images[0].CouponImageUrl" class="avatar">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </div>
             <div style="width:200px;">
               <el-input
                 placeholder="请输入"
-                v-model="postData.Name"
+                v-model="couponInfo.CouponName"
                 clearable>
               </el-input>
             </div>
           <span>券类型：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="postData.Type" placeholder="请选择">
+              <el-select v-model="couponInfo.CouponTypeId" placeholder="请选择" @change="couponTypeChange">
                 <el-option
                   v-for="item in TypeList"
                   :key="item.id"
-                  :label="item.name"
+                  :label="item.value"
                   :value="item.id">
                 </el-option>
               </el-select>
             <div style="width:200px;">
               <el-input
                 placeholder="请输入"
-                v-model="postData.Price"
+                v-model="couponInfo.Price"
                 clearable>
               </el-input>
             </div>
             <div style="width:200px;">
               <el-input
                 placeholder="请输入"
-                v-model="postData.TotalNum"
+                v-model="couponInfo.TotalCount"
                 clearable>
               </el-input>
             </div>
           <span>发送类型：</span>
           <div class="flex-item">
             <div>
-              <el-radio v-model="postData.SendType" label="1">渠道</el-radio>
-              <el-radio v-if="type === 'course'" v-model="postData.SendType" label="3">案场</el-radio>
-              <el-radio v-model="postData.SendType" label="2">系统</el-radio>
+              <el-radio v-model="couponInfo.SendType" label="channel">渠道</el-radio>
+              <el-radio v-if="couponInfo.CouponTypeId === 'case'" v-model="couponInfo.SendType" label="case">案场</el-radio>
+              <el-radio v-model="couponInfo.SendType" label="system">系统</el-radio>
             </div>
           </div>
         </li>
-        <li class="flex-h">
+        <li class="flex-h" v-if="couponInfo.SendType === 'channel'">
           <span>选择渠道：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="postData.ChannelId" placeholder="请选择">
+              <el-select v-model="couponInfo.ChannelId" placeholder="请选择">
                 <el-option
-                  v-for="item in ChannelList"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id">
+                  v-for="item in channelList"
+                  :key="item.ChannelId"
+                  :label="item.ChannelName"
+                  :value="item.ChannelId">
                 </el-option>
               </el-select>
             </div>
           <span>目标商品：</span>
           <div class="flex-item">
             <div>
-              <el-radio v-model="postData.Assign" label="1">全部商品</el-radio>
-              <el-radio v-model="postData.Assign" label="2">指定商品</el-radio>
+              <el-radio v-model="couponInfo.IsAll" label="1">全部商品</el-radio>
+              <el-radio v-model="couponInfo.IsAll" label="0">指定商品</el-radio>
             </div>
           </div>
         </li>
-        <li class="flex-h" v-if="postData.Assign === '2'">
+        <li class="flex-h" v-if="couponInfo.IsAll === '0'">
           <div class="flex-item">
             <div style="border: 1px solid #eee;">
               <el-table
-                :data="currentList"
+                :data="couponInfo.Targets"
                 stripe
                 style="width: 100%">
                 <el-table-column
-                  prop="Name"
+                  prop="TargetName"
                   label="商品">
                 </el-table-column>
                 <el-table-column
-                  prop="Type"
+                  prop="TargetType"
                   label="分类">
                 </el-table-column>
                 <el-table-column label="操作">
             </div>
           </div>
         </li>
-        <li class="flex-h" v-if="type === 'drink'">
+        <li class="flex-h" v-if="couponInfo.CouponTypeId === 'goods'">
           <span>券有效时间：</span>
           <div class="flex-item">
             <div>
               <div class="addLine flex-h" style="align-item:center;margin-bottom:20px;">
                 <el-radio v-model="postData.TimeType" label="1">固定时间</el-radio>
                 <el-date-picker
-                  v-model="postData.StartDate"
+                  v-model="couponInfo.StartDate"
                   type="date"
                   placeholder="选择起始日期">
                 </el-date-picker>
                 <span style="line-height:40px;">至</span>
                 <el-date-picker
-                  v-model="postData.EndDate"
+                  v-model="couponInfo.EndDate"
                   type="date"
                   placeholder="选择截止日期">
                 </el-date-picker>
                 <span style="width:100px;">
                   <el-input
                     placeholder="请输入"
-                    v-model="postData.Days"
+                    v-model="couponInfo.ValidDays"
                     clearable>
                   </el-input>
                 </span>
           <div class="flex-item">
             <div>
               <el-date-picker
-                v-model="postData.StartDate"
+                v-model="couponInfo.StartDate"
                 type="date"
                 placeholder="选择起始日期">
               </el-date-picker>
               <span style="line-height:40px;">至</span>
               <el-date-picker
-                v-model="postData.EndDate"
+                v-model="couponInfo.EndDate"
                 type="date"
                 placeholder="选择截止日期">
               </el-date-picker>
         <li class="flex-h">
           <span>视频：</span>
           <div class="flex-item">
-            <div></div>
+            <div style="vertical-align: middle;">
+              <a style="line-height: 40px;" v-if="videoOff" :href="couponInfo.VideoUrl" target="blank">{{couponInfo.VideoUrl}}</a>
+              <el-upload
+                class="avatar-uploader"
+                :action='$api.file.image.url'
+                :show-file-list="false"
+                :on-success="videoSuccess">
+                <a style="line-height: 40px;padding: 0 10px;">{{videoOff ? '更换' : '添加'}}视频</a>
+              </el-upload>
+              <el-button v-if="videoOff" type="danger" @click="deleteVideo">删除视频</el-button>
+            </div>
           </div>
         </li>
         <li class="flex-h">
                 type="textarea"
                 :rows="2"
                 placeholder="请输入"
-                v-model="postData.ShareDesc">
+                v-model="couponInfo.Share.CouponShareInfo">
               </el-input>
             </div>
           </div>
                 type="textarea"
                 :rows="2"
                 placeholder="请输入"
-                v-model="postData.RuleDesc">
+                v-model="couponInfo.Share.UseRule">
               </el-input>
             </div>
           </div>
                 type="textarea"
                 :rows="2"
                 placeholder="请输入"
-                v-model="postData.UsedDesc">
+                v-model="couponInfo.Share.UseInstruction">
               </el-input>
             </div>
           </div>
       width="650px"
       center>
       <div>
-        <div v-if="type === 'drink'">
+        <div v-if="couponInfo.CouponTypeId === 'goods'">
           <el-table
             ref="multipleTable"
-            :data="drinkList"
+            :data="goodsList.list"
             tooltip-effect="dark"
             style="width: 100%"
-            @selection-change="handleSelectionChange">
+            @selection-change="handleGoodsChange">
             <el-table-column
               type="selection">
             </el-table-column>
             <el-table-column
-              prop="Name"
+              prop="GoodsName"
               label="商品名称">
             </el-table-column>
             <el-table-column
-              prop="Type"
+              prop="TypeId"
               label="类别">
             </el-table-column>
             <el-table-column
             :total="total">
           </el-pagination>
         </div>
-        <div v-if="type === 'course'">
+        <div v-if="couponInfo.CouponTypeId === 'course'">
           <el-table
             ref="multipleTable"
-            :data="courseList"
+            :data="courseList.list"
             tooltip-effect="dark"
             style="width: 100%"
-            @selection-change="handleSelectionChange">
+            @selection-change="handleCourseChange">
             <el-table-column
               type="selection">
             </el-table-column>
             <el-table-column
-              prop="Name"
+              prop="CourseName"
               label="商品名称">
             </el-table-column>
             <el-table-column
-              prop="StartDate"
+              prop="BeginDate"
               label="开始时间">
             </el-table-column>
             <el-table-column
               label="结束时间">
             </el-table-column>
             <el-table-column
-              prop="Type"
+              prop="CourseType"
               label="类别">
             </el-table-column>
             <el-table-column
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="centerDialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+        <el-button type="primary" @click="sureAddItem">确 定</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: mapCouponActions } = createNamespacedHelpers('coupon')
+const { mapState: mapChannelState, mapActions: mapChannelActions } = createNamespacedHelpers('channel')
+const { mapState: mapGoodsState, mapActions: mapGoodsActions } = createNamespacedHelpers('goods')
+const { mapState: mapCourseState, mapActions: mapCourseActions } = createNamespacedHelpers('course')
 
 export default {
   name: '',
   data () {
     return {
+      videoOff: false,
       total: 0,
-      drinkList: [], // 饮品列表
-      courseList: [], // 课程列表
       centerDialogVisible: false,
-      type: this.$route.query.type,
+      type: this.$route.query.type || '', // goods、course
       isEdit: this.$route.query.id === undefined ? 0 : 1,
       ChannelList: [], // 渠道列表
-      TypeList: [], // 类型列表
+      TypeList: [{ // 类型列表
+        value: '商品券',
+        id: 'goods'
+      }, {
+        value: '课程券',
+        id: 'course'
+      }],
       currentList: [{
         Name: 'ccc',
         Type: 'xxx'
       }], // 指定商品数据
+      couponInfo: {
+        CaseId: '',
+        CouponName: '',
+        CouponTypeId: '',
+        Price: '',
+        TotalCount: '',
+        SendType: '',
+        IsAll: '',
+        StartDate: '',
+        EndDate: '',
+        ValidDays: '',
+        VideoUrl: '',
+        ChannelId: '',
+        Images: [{
+          CouponImageUrl: ''
+        }],
+        Share: {
+          CouponShareInfo: '',
+          UseRule: '',
+          UseInstruction: ''
+        },
+        Targets: []
+      },
       postData: {
         page: 1,
-        pagesize: 10,
+        pagesize: 6,
       },
+      currentSelectArr: [],
     }
   },
   mounted () {
-    this.$nextTick(function () { })
+    this.$nextTick(function () {
+      this.GetChannelListList({
+        caseid: this.defaultCaseId,
+        page: 1,
+        pagesize: 10000
+      }).then(() => {
+        if (this.$route.query.id) {
+          this.getCouponById({
+            id: this.$route.query.id
+          }).then((res) => {
+            // console.log(JSON.stringify(res))
+            res.coupon.IsAll = String(res.coupon.IsAll)
+            if (res.coupon.VideoUrl !== '') {
+              this.videoOff = true
+            }
+            this.couponInfo = res.coupon
+          })
+        }
+      })
+    })
   },
   computed: {
     ...mapState({
       cases: x => x.app.cases.list,
       defaultCaseId: x => x.app.cases.default
     }),
+    ...mapChannelState({
+      channelList: x => x.channelList,
+    }),
+    ...mapGoodsState({
+      goodsList: x => x.goodsList,
+    }),
+    ...mapCourseState({
+      courseList: x => x.courseList,
+    }),
     CaseId: {
       get () {
-        return this.postData.caseid || this.defaultCaseId
+        return this.couponInfo.caseid || this.defaultCaseId
       },
       set (val) {
-        this.postData.caseid = val
+        this.couponInfo.caseid = val
       }
     }
   },
   methods: {
-    handleSelectionChange (val) {
-      // this.multipleSelection = val;
+    ...mapGoodsActions([
+      'GetGoodsList',
+    ]),
+    ...mapCouponActions([
+      'addCoupon',
+      'getCouponById',
+      'editCoupon',
+    ]),
+    ...mapChannelActions([
+      'GetChannelListList',
+    ]),
+    ...mapCourseActions([
+      'GetCourseList',
+    ]),
+    deleteVideo () { // 删除视频
+      this.couponInfo.VideoUrl = ''
+      this.videoOff = false
+    },
+    caseChange () { // 选择案场
+      this.couponInfo.ChannelId = ''
+      this.GetChannelListList({
+        caseid: this.couponInfo.CaseId,
+        page: 1,
+        pagesize: 10000
+      })
+    },
+    sureAddItem () { // 确定添加指定商品
+      var bool = true
+      if (this.couponInfo.CouponTypeId === 'goods') {
+        for (var n = 0; n < this.currentSelectArr.length; n++) {
+          if (this.couponInfo.Targets.length) {
+            bool = true
+            for (var a = 0; a < this.couponInfo.Targets.length; a++) {
+              if (this.currentSelectArr[n].GoodsId === this.couponInfo.Targets[a].TargetId) {
+                bool = false
+              }
+            }
+            if (bool) {
+              this.couponInfo.Targets.push({
+                TargetName: this.currentSelectArr[n].GoodsName,
+                TargetId: this.currentSelectArr[n].GoodsId,
+                TargetType: this.currentSelectArr[n].TypeId
+              })
+            }
+          } else {
+            this.couponInfo.Targets.push({
+              TargetName: this.currentSelectArr[n].GoodsName,
+              TargetId: this.currentSelectArr[n].GoodsId,
+              TargetType: this.currentSelectArr[n].TypeId
+            })
+          }
+        }
+      } else if (this.couponInfo.CouponTypeId === 'course') {
+        for (var x = 0; x < this.currentSelectArr.length; x++) {
+          if (this.couponInfo.Targets.length) {
+            bool = true
+            for (var y = 0; y < this.couponInfo.Targets.length; y++) {
+              if (this.currentSelectArr[x].CourseId === this.couponInfo.Targets[y].TargetId) {
+                bool = false
+              }
+            }
+            if (bool) {
+              this.couponInfo.Targets.push({
+                TargetName: this.currentSelectArr[x].CourseName,
+                TargetId: this.currentSelectArr[x].CourseId,
+                TargetType: this.currentSelectArr[x].CourseType
+              })
+            }
+          } else {
+            this.couponInfo.Targets.push({
+              TargetName: this.currentSelectArr[x].CourseName,
+              TargetId: this.currentSelectArr[x].CourseId,
+              TargetType: this.currentSelectArr[x].CourseType
+            })
+          }
+        }
+      }
+      this.centerDialogVisible = false
+    },
+    handleGoodsChange (val) {
+      this.currentSelectArr = val
+    },
+    handleCourseChange (val) {
+      this.currentSelectArr = val
+    },
+    couponTypeChange () {
+      if (this.goodsList.length) {
+        this.goodsList = []
+      }
+      if (this.courseList.length) {
+        this.courseList = []
+      }
+      this.couponInfo.Targets = []
     },
     addGoods () { // 添加指定商品
-      this.centerDialogVisible = true
+      if (this.couponInfo.CouponTypeId === 'goods') {
+        this.GetGoodsList({
+          ...this.postData,
+          caseid: this.couponInfo.CaseId
+        }).then((res) => {
+          this.total = res.pagenum
+          this.centerDialogVisible = true
+        })
+      } else if (this.couponInfo.CouponTypeId === 'course') {
+        this.GetCourseList({
+          ...this.postData,
+          caseid: this.couponInfo.CaseId
+        }).then((res) => {
+          this.total = res.pagenum
+          this.centerDialogVisible = true
+        })
+      }
     },
     submit () { // 保存
-      // 1
+      if (this.$route.query.id) {
+        this.editCoupon({
+          ...this.couponInfo,
+          IsAll: this.couponInfo.IsAll - 0,
+          TotalCount: this.couponInfo.TotalCount - 0,
+          ValidDays: this.couponInfo.ValidDays || 0
+        }).then((res) => {
+          this.$alert('操作成功', '提示', {
+            confirmButtonText: '确定',
+            callback: action => {
+              this.$router.push({ name: 'couponList' })
+            }
+          })
+        })
+      } else {
+        this.addCoupon({
+          ...this.couponInfo,
+          IsAll: this.couponInfo.IsAll - 0,
+          TotalCount: this.couponInfo.TotalCount - 0,
+          ValidDays: this.couponInfo.ValidDays || 0
+        }).then((res) => {
+          this.$alert('操作成功', '提示', {
+            confirmButtonText: '确定',
+            callback: action => {
+              this.$router.push({ name: 'couponList' })
+            }
+          })
+        })
+      }
     },
     cancel () { // 取消
       this.$router.push({ name: 'couponList' })
     },
-    deleteGoodsItem () { // 删除指定商品item
-      // 1
+    deleteGoodsItem (index, row) { // 删除指定商品item
+      this.couponInfo.Targets.splice(index, 1)
     },
     handleAvatarSuccess (res, file) {
-      this.postData.Img = res.result.url
+      this.couponInfo.Images[0].CouponImageUrl = res.result.url
+    },
+    videoSuccess (res, file) {
+      this.videoOff = true
+      this.couponInfo.VideoUrl = res.result.url
     },
     handleCurrentChange (val) { // 跳转到分页
-      // this.getList()
+      this.postData.page = val
+      if (this.couponInfo.CouponTypeId === 'goods') {
+        this.GetGoodsList({
+          ...this.postData,
+          caseid: this.couponInfo.CaseId
+        }).then((res) => {
+          this.total = res.pagenum
+        })
+      } else if (this.couponInfo.CouponTypeId === 'course') {
+        this.GetCourseList({
+          ...this.postData,
+          caseid: this.couponInfo.CaseId
+        }).then((res) => {
+          this.total = res.pagenum
+        })
+      }
     },
   }
 }
     margin-right: 10px;
   }
 }
+.mainForm > ul > li > div > div > button {
+  margin-top: 0;
+}
 </style>

src/pages/system/cardAndCouponManager/couponManager/index.vue

     <div class="system-table-search">
       <div class="flex-h">
         <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click="addCoupon('drink')">新增饮品优惠券</el-button>
-          <el-button size="mini" type="success" @click="addCoupon('course')">新增课程优惠券</el-button>
+          <el-button size="mini" type="success" @click="addCoupon('')">新增优惠券</el-button>
+          <!-- <el-button size="mini" type="success" @click="addCoupon('drink')">新增饮品优惠券</el-button>
+          <el-button size="mini" type="success" @click="addCoupon('course')">新增课程优惠券</el-button> -->
         </div>
         <ul>
           <li>
     </div>
     <div class="system-table-box">
       <el-table
-        :data="currentList"
+        :data="couponList.list"
         stripe
         style="width: 100%">
         <el-table-column
-          prop="xxx"
+          prop="CouponName"
           label="券名称">
         </el-table-column>
         <el-table-column
-          prop="xxx"
+          prop="CouponTypeId"
           label="券类型">
+          <template slot-scope="scope">{{scope.row.CouponTypeId === 'goods' ? '商品券' : '课程券'}}</template>
         </el-table-column>
         <el-table-column
-          prop="xxx"
+          prop="Price"
           label="券价格">
         </el-table-column>
         <el-table-column
-          prop="xxx"
-          label="有效期">
+          prop="StartDate"
+          label="有效期"
+          width="150">
+          <template slot-scope="scope">
+            <span style="width:100%;display:block;text-align:center;white-space: nowrap;">{{toolClass.dateFormat(scope.row.StartDate)}}</span>
+            <span style="width:100%;display:block;text-align:center;white-space: nowrap;">至</span>
+            <span style="width:100%;display:block;text-align:center;white-space: nowrap;">{{toolClass.dateFormat(scope.row.EndDate)}}</span>
+            </template>
         </el-table-column>
         <el-table-column
-          prop="xxx"
+          prop="SendType"
           label="发放类型">
+          <template slot-scope="scope">{{scope.row.SendType === 'channel' ? '渠道' : scope.row.SendType === 'case' ? '案场' : '系统'}}</template>
         </el-table-column>
         <el-table-column
-          prop="xxx"
+          prop="TotalCount"
           label="总数量">
         </el-table-column>
         <el-table-column
-          prop="xxx"
+          prop="SentCount"
           label="已发">
         </el-table-column>
         <el-table-column
-          prop="xxx"
+          prop="UsedCount"
           label="实际使用">
         </el-table-column>
         <el-table-column
-          prop="xxx"
+          prop="Status"
           label="状态">
         </el-table-column>
         <el-table-column label="操作" fixed='right' width="350">
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapState: mapCouponState, mapActions: mapCouponActions } = createNamespacedHelpers('coupon')
 
 export default {
   name: '',
     })
   },
   computed: {
+    ...mapCouponState({
+      couponList: x => x.couponList,
+    }),
     ...mapState({
       cases: x => x.app.cases.list,
       defaultCaseId: x => x.app.cases.default
     }
   },
   methods: {
+    ...mapCouponActions([
+      'GetCouponList',
+    ]),
     dialogSearch () { // 赠送客户搜索
       // 1
     },
     },
     search () { // 搜索
       this.postData.page = 1
-      this.currentList = []
+      if (this.couponList.length) {
+        this.couponList = []
+      }
       this.getList()
     },
     getList () { // 获取列表
-      this.$ajax(this.$api.channelManager.getChannelList.url, {
-        method: this.$api.channelManager.getChannelList.method,
-        queryData: { ...this.postData, caseid: this.CaseId }
-      }).then(res => {
-        this.currentList = res.list
-        this.postData.page = res.page
+      this.GetCouponList({
+        ...this.postData,
+        caseid: this.CaseId || this.defaultCaseId
+      }).then((res) => {
         this.total = res.pagenum
+        // console.log(JSON.stringify(res))
       })
     },
     handleCurrentChange (val) { // 跳转到分页
+      this.postData.page = val
       this.getList()
     },
     handleEdit (index, row) { // 编辑
-      this.$router.push({ name: 'editChannel', query: { id: row.ChannelId } })
+      this.$router.push({ name: 'editCoupon', query: { type: row.CouponTypeId, id: row.CouponId } })
     },
     handleDelete (index, row) { // 删除
       let name = '确认删除渠道“' + row.ChannelName + '”?'

src/pages/system/cardAndCouponManager/couponManager/page.scss

 
 
 
+
 
 

src/store/channel/channel.js

+import ajax from '../../util/ajax'
+import api from '../../util/api'
+
+export default {
+  namespaced: true,
+  state: {
+    channelList: [],
+  },
+  mutations: {
+    updateList (state, payload) {
+      state.channelList = payload || []
+    },
+  },
+  actions: {
+    GetChannelListList ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax(api.channelManager.getChannelList.url, {
+          method: api.channelManager.getChannelList.method,
+          queryData: {
+            ...payload,
+          }
+        }).then(res => {
+          commit('updateList', res.list)
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+  }
+}

src/store/coupon/coupon.js

+import ajax from '../../util/ajax'
+import api from '../../util/api'
+
+export default {
+  namespaced: true,
+  state: {
+    couponList: [],
+  },
+  mutations: {
+    updateList (state, payload) {
+      state.couponList = payload || []
+    },
+  },
+  actions: {
+    GetCouponList ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax(api.couponManager.couponList.url, {
+          method: api.couponManager.couponList.method,
+          queryData: {
+            ...payload,
+          }
+        }).then(res => {
+          commit('updateList', res)
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    addCoupon ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax(api.couponManager.addCoupon.url, {
+          method: api.couponManager.addCoupon.method,
+          data: {
+            info: JSON.stringify(payload)
+          }
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    getCouponById ({ commit }, { id }) {
+      return new Promise((resolve, reject) => {
+        ajax(api.couponManager.getCouponById.url, {
+          method: api.couponManager.getCouponById.method,
+          urlData: {
+            id,
+          }
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    editCoupon ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax(api.couponManager.editCoupon.url, {
+          method: api.couponManager.editCoupon.method,
+          data: {
+            info: JSON.stringify(payload)
+          },
+          urlData: {
+            id: payload.CouponId
+          },
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+  }
+}

src/store/course/course.js

   },
   actions: {
     GetCourseList ({ commit }, payload) {
-      ajax(api.course.list.url, {
-        method: api.course.list.method,
-        queryData: {
-          ...payload,
-        }
-      }).then(res => {
-        commit('updateList', res)
-        if (payload.callback) {
-          payload.callback()
-        }
+      return new Promise((resolve, reject) => {
+        ajax(api.course.list.url, {
+          method: api.course.list.method,
+          queryData: {
+            ...payload,
+          }
+        }).then(res => {
+          commit('updateList', res)
+          resolve(res)
+          if (payload.callback) {
+            payload.callback()
+          }
+        }).catch(reject)
       })
     },
     GetCourseByID ({ commit }, { id }) {

src/store/goods/goods.js

   },
   actions: {
     GetGoodsList ({ commit }, payload) {
-      ajax(api.goodsManager.getGoodsList.url, {
-        method: api.goodsManager.getGoodsList.method,
-        queryData: {
-          ...payload,
-        }
-      }).then(res => {
-        commit('updateList', res)
+      return new Promise((resolve, reject) => {
+        ajax(api.goodsManager.getGoodsList.url, {
+          method: api.goodsManager.getGoodsList.method,
+          queryData: {
+            ...payload,
+          }
+        }).then(res => {
+          commit('updateList', res)
+          resolve(res)
+        }).catch(reject)
       })
     },
     GetGoodTypes ({ commit }, payload) {

src/store/index.js

   cmscase: () => require('./cms/case').default,
   caserecord: () => require('./case/record').default,
   vip: () => require('./card/vip').default,
+  coupon: () => require('./coupon/coupon').default,
+  channel: () => require('./channel/channel').default,
   customer: () => require('./customer/customer').default,
   user: () => require('./system/user').default,
 }

src/util/api.js

       url: `${baseUrl}${common}/vipcard/:code`
     }
   },
+  couponManager: {
+    couponList: {
+      method: 'get',
+      url: `${baseUrl}${common}/coupon`
+    },
+    addCoupon: {
+      method: 'post',
+      url: `${baseUrl}${common}/coupon`
+    },
+    editCoupon: {
+      method: 'put',
+      url: `${baseUrl}${common}/coupon/:id`
+    },
+    getCouponById: {
+      method: 'get',
+      url: `${baseUrl}${common}/coupon/:id`
+    },
+  },
   customerManager: {
     getByTel: {
       method: 'get',