xcx

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

@@ -123,7 +123,7 @@
           <li class="flex-item">
             <el-input
               placeholder="请输入推荐人"
-              v-model="dialogPostData.referrer"
+              v-model="dialogPostData.recommendname"
               clearable>
             </el-input>
           </li>
@@ -134,7 +134,7 @@
         <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>
@@ -149,7 +149,7 @@
       <div>
         <el-table
           ref="multipleTable"
-          :data="customerList"
+          :data="customers.list"
           tooltip-effect="dark"
           style="width: 100%"
           @selection-change="handleSelectionChange">
@@ -161,7 +161,7 @@
             label="姓名">
           </el-table-column>
           <el-table-column
-            prop="NickName"
+            prop="CustomerName"
             label="微信昵称">
           </el-table-column>
           <el-table-column
@@ -171,9 +171,12 @@
           <el-table-column
             prop="CreatDate"
             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>
@@ -188,8 +191,8 @@
         </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 @click="closeDialog">取 消</el-button>
+        <el-button type="primary" @click="toSendCard">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -198,14 +201,20 @@
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex'
 const { mapState: mapCardState, mapActions: mapCardActions } = createNamespacedHelpers('card')
+const { mapState: mapCustomerState, mapActions: mapCustomerActions } = createNamespacedHelpers('customer')
 
 export default {
   name: '',
   data () {
     return {
+      selectCustomer: [],
       dialogTotal: 0,
       dialogPostData: {
-        caseid: '', // 案场id
+        username: '',
+        phone: '',
+        recommendname: '',
+        begindate: '',
+        enddate: '',
         page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
@@ -232,6 +241,9 @@ export default {
       cases: x => x.app.cases.list,
       defaultCaseId: x => x.app.cases.default
     }),
+    ...mapCustomerState({
+      customers: x => x.customers,
+    }),
     CaseId: {
       get () {
         return this.postData.caseid || this.defaultCaseId
@@ -244,21 +256,59 @@ export default {
   methods: {
     ...mapCardActions([
       'GetCardList',
+      'giveCard',
+    ]),
+    ...mapCustomerActions([
+      'GetCustomerList',
+      'SetCustomerListNull',
     ]),
     toSendHistory () { // 查看赠送记录
-      this.$router.push({name: 'givingRecords'})
+      this.$router.push({ name: 'givingRecords' })
     },
     dialogSearch () { // 赠送客户搜索
-      // 1
+      this.GetCustomerList(this.dialogPostData)
     },
     handleCurrentChangeDialog (val) {
-      // 1
+      this.dialogPostData.page = val
+      this.GetCustomerList(this.dialogPostData)
     },
     handleSelectionChange (val) {
-      this.postData.page = val
-      this.getList()
+      // console.log(val)
+      this.selectCustomer = val
+    },
+    toSendCard () { // 赠送卡
+      if (this.selectCustomer.length) {
+        this.selectCustomer = this.selectCustomer.map(x => x.CustomerId).join(',')
+        this.giveCard({
+          id: this.currentCardId,
+          users: this.selectCustomer,
+        }).then(res => {
+          this.$message({
+            type: 'success',
+            message: '赠送成功！'
+          })
+          this.centerDialogVisible = false
+          this.selectCustomer = []
+          if (this.customers.list.length) {
+            this.customers.list = []
+          }
+          this.getList()
+        })
+      } else {
+        this.$message({
+          type: 'error',
+          message: '请先选择需要赠送的客户!'
+        })
+      }
+    },
+    closeDialog () { // 关闭弹窗
+      this.centerDialogVisible = false
+      if (this.customers.list.length) {
+        this.customers.list = []
+      }
     },
-    sendCard (index, row) { // 赠送卡
+    sendCard (index, row) { // 赠送卡弹窗
+      this.currentCardId = row.CardId
       this.centerDialogVisible = true
     },
     search () { // 搜索

src/store/card/card.js

@@ -64,5 +64,18 @@ export default {
         }).catch(reject)
       })
     },
+    giveCard ({ commit }, { id, users }) {
+      return new Promise((resolve, reject) => {
+        ajax(api.cardManager.giveCard.url, {
+          method: api.cardManager.giveCard.method,
+          urlData: {
+            id,
+            users
+          },
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    }
   }
 }

src/util/api.js

@@ -605,6 +605,10 @@ const $api = {
       method: 'get',
       url: `${baseUrl}${common}/card/:id`
     },
+    giveCard: {
+      method: 'post',
+      url: `${baseUrl}${common}/card/:id/to/:users`
+    },
   },
   couponManager: {
     couponList: {