xcx

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

           prop="Status"
           label="状态">
           <template slot-scope="scope">
-            {{scope.row.Status == 1 ? '正常' : '已过期'}}
+            <span>{{scope.row.Status === 1 ? '正常' : '已过期'}}</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" fixed='right' width="350">
           <li class="flex-item">
             <el-input
               placeholder="请输入推荐人"
-              v-model="dialogPostData.referrer"
+              v-model="dialogPostData.recommendname"
               clearable>
             </el-input>
           </li>
         <ul class="dialogSearchList flex-h">
           <li class="flex-item">
             <el-date-picker
-              v-model="dialogPostData.startdate"
+              v-model="dialogPostData.begindate"
               type="date"
               placeholder="选择起始日期">
             </el-date-picker>
       <div>
         <el-table
           ref="multipleTable"
-          :data="customerList"
+          :data="customers.list"
           tooltip-effect="dark"
           style="width: 100%"
           @selection-change="handleSelectionChange">
             label="姓名">
           </el-table-column>
           <el-table-column
-            prop="NickName"
+            prop="CustomerName"
             label="微信昵称">
           </el-table-column>
           <el-table-column
             label="手机号">
           </el-table-column>
           <el-table-column
-            prop="CreatDate"
+            prop="CreateDate"
             label="创建时间">
+            <template slot-scope="scope">
+              <span>{{toolClass.dateFormat(scope.row.CreateDate, 'yyyy-MM-dd')}}</span>
+            </template>
           </el-table-column>
           <el-table-column
-            prop="Referrer"
+            prop="RecommendName"
             label="推荐人">
           </el-table-column>
         </el-table>
           :current-page.sync="dialogPostData.page"
           :page-size="dialogPostData.pagesize"
           layout="prev, pager, next, jumper"
-          :total="dialogTotal">
+          :total="customers.pagenum">
         </el-pagination>
       </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="ForCustomer">确 定</el-button>
       </span>
     </el-dialog>
   </div>
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex'
 const { mapState: mapCouponState, mapActions: mapCouponActions } = createNamespacedHelpers('coupon')
+const { mapState: mapCustomerState, mapActions: mapCustomerActions } = createNamespacedHelpers('customer')
 
 export default {
   name: '',
     return {
       dialogTotal: 0,
       dialogPostData: {
-        caseid: '', // 案场id
+        username: '',
+        phone: '',
+        recommendname: '',
+        begindate: '',
+        enddate: '',
         page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
-      customerList: [],
       centerDialogVisible: false,
       total: 0,
       postData: { // 表格搜索条件
         page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
-      currentList: [{
-        xxx: 'xxx'
-      }]
+      currentInfo: {},
+      selUsers: '',
     }
   },
   mounted () {
     ...mapCouponState({
       couponList: x => x.couponList,
     }),
+    ...mapCustomerState({
+      customers: x => x.customers,
+    }),
     ...mapState({
       cases: x => x.app.cases.list,
       defaultCaseId: x => x.app.cases.default
   methods: {
     ...mapCouponActions([
       'GetCouponList',
+      'GiveCoupon',
+    ]),
+    ...mapCustomerActions([
+      'GetCustomerList',
+      'SetCustomerListNull',
     ]),
     dialogSearch () { // 赠送客户搜索
+      this.GetCustomerList(this.dialogPostData)
       // 1
     },
     handleCurrentChangeDialog (val) {
       // 1
     },
     handleSelectionChange (val) {
+      this.selUsers = val.map(x => x.CustomerId).join(',')
       // 1
     },
     sendCoupon (index, row) { // 赠送优惠券
+      this.currentInfo = row
+      this.selUsers = ''
+      this.SetCustomerListNull()
       this.centerDialogVisible = true
     },
     search () { // 搜索
     },
     addCoupon (val) {
       this.$router.push({ name: 'editCoupon', query: { type: val } })
+    },
+    ForCustomer () {
+      if (this.selUsers === '') {
+        this.$message({
+          type: 'error',
+          message: '请先选择客户!'
+        })
+        return false
+      }
+      if (!this.currentInfo || this.currentInfo.CouponId === '') {
+        this.$message({
+          type: 'error',
+          message: '请先选择需要赠送的优惠券!'
+        })
+        return false
+      }
+      this.GiveCoupon({
+        id: this.currentInfo.CouponId,
+        users: this.selUsers,
+      }).then(res => {
+        this.$message({
+          type: 'success',
+          message: '赠送成功！'
+        })
+        this.centerDialogVisible = false
+        this.getList()
+      })
     }
   }
 }
 </script>
 
-<!-- Add "scoped" attribute to limit CSS to this component only -->
+<!-- Add "scoped" attrib0 0ute to limit CSS to this component only -->
 <style lang="scss" scoped>
 @import "page.scss";
 .dialogSearchList {

src/store/coupon/coupon.js

         }).catch(reject)
       })
     },
+    GiveCoupon ({ commit }, { id, users }) {
+      return new Promise((resolve, reject) => {
+        ajax(api.couponManager.giveCoupon.url, {
+          method: api.couponManager.giveCoupon.method,
+          urlData: {
+            id,
+            users
+          },
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    }
   }
 }

src/store/customer/customer.js

   namespaced: true,
   state: {
     customer: {},
+    customers: {},
   },
   mutations: {
     updateInfo (state, payload) {
       state.customer = payload || {}
     },
+    updateList (state, payload) {
+      state.customers = payload || {}
+    }
   },
   actions: {
     GetCustomerByTel ({ commit }, { tel }) {
         }).catch(reject)
       })
     },
+    GetCustomerList ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax(api.customerManager.getCustomerList.url, {
+          method: api.customerManager.getCustomerList.method,
+          queryData: {
+            ...payload
+          }
+        }).then(res => {
+          commit('updateList', res)
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    SetCustomerListNull ({ commit }) {
+      commit('updateList', {})
+    },
     SetCustomerInfoNull ({ commit }) {
       commit('updateInfo', {})
     }

src/util/api.js

       method: 'get',
       url: `${baseUrl}${common}/coupon/:id`
     },
+    giveCoupon: {
+      method: 'post',
+      url: `${baseUrl}${common}/coupon/:id/to/:users`
+    },
   },
   customerManager: {
     getByTel: {
       method: 'get',
       url: `${baseUrl}${common}/customer/tel/:tel`
+    },
+    getCustomerList: { // 获取会员列表
+      method: 'get',
+      url: `${baseUrl}${common}/customer`
     }
   },
 }