1

src/views/admin/meeting/modules/TicketModal.vue

@@ -22,7 +22,8 @@
       <a-row>
         <a-col :span='11'>
           <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='优惠卷名称'>
-            <a-input placeholder='优惠卷名称' v-decorator="['title',{rules: [{ required: true, message: '优惠卷名称'}]}]" />
+            <a-input placeholder='优惠卷名称'
+                     v-decorator="['title',{rules: [{ required: true, message: '优惠卷名称'}]}]" />
           </a-form-item>
         </a-col>
         <a-col :span='11'>
@@ -40,7 +41,8 @@
       <a-row>
         <a-col :span='11'>
           <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='优惠方式'>
-            <a-input placeholder='优惠方式' v-decorator="['content',{rules: [{ required: true, message: '优惠方式'}]}]" />
+            <a-input placeholder='优惠方式'
+                     v-decorator="['content',{rules: [{ required: true, message: '优惠方式'}]}]" />
           </a-form-item>
         </a-col>
         <a-col :span='11'>
@@ -56,13 +58,15 @@
       <a-row>
         <a-col :span='11'>
           <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='开始时间'>
-            <a-date-picker @change='onChange' v-decorator="['startTime',{rules: [{ required: true, message: '开始时间'}]}]"
+            <a-date-picker @change='onChange'
+                           v-decorator="['startTime',{rules: [{ required: true, message: '开始时间'}]}]"
                            placeholder='开始时间' />
           </a-form-item>
         </a-col>
         <a-col :span='11'>
           <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='结束日期'>
-            <a-date-picker @change='onChange' v-decorator="['endDate',{rules: [{ required: true, message: '结束日期'}]}]"
+            <a-date-picker @change='onChange'
+                           v-decorator="['endDate',{rules: [{ required: true, message: '结束日期'}]}]"
                            placeholder='结束日期' />
           </a-form-item>
         </a-col>
@@ -106,7 +110,7 @@
       <a-table :columns='columns'
                size='default'
                ref='table'
-               style='width: 800px;margin-left: 20px'
+               style='width: 100%; padding: 0 20px;'
                :data-source='loadData'
                rowKey='id'
                :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'>
@@ -114,7 +118,7 @@
         <span slot='action' slot-scope='text, record'>
         <a @click='deleteRecord(record)'>删除</a>
         <a-divider type='vertical' />
-        <a @click='couponTicket(record)'>多发优惠劵</a>
+        <a v-if='value === 2' @click='couponTicket(record)'>多发优惠劵</a>
       </span>
       </a-table>
     </a-form>
@@ -182,6 +186,7 @@ export default {
         xs: { span: 24 },
         sm: { span: 16 }
       },
+      ticketId: null,
       ticketNum: 0,
       selectedRowKeys: [],
       selectedRows: [],
@@ -202,8 +207,12 @@ export default {
           dataIndex: 'phone'
         },
         {
-          title: '优惠劵数量',
-          dataIndex: 'num'
+          title: '优惠劵总数量',
+          dataIndex: 'sumNum'
+        },
+        {
+          title: '优惠劵多发数量',
+          dataIndex: 'moreNum'
         },
         {
           title: '操作',
@@ -250,21 +259,35 @@ export default {
   created() {
   },
   methods: {
-    // 多发优惠券
-    couponTicket(){
-      this.numVisible =true
-    },
     clickNumber(value) {
+      this.mdl.num = value
       // 数值改变
       this.loadData.forEach(item => {
-        item.num = value
+        if (!item.moreNum) {
+          item.moreNum = 0
+        }
+        item.sumNum = value + item.moreNum
       })
     },
-
-    handleNumSubmit(){
-
+    // 多发优惠券
+    couponTicket(record) {
+      this.numVisible = true
+      this.ticketId = record.id
+      this.ticketNum = record.moreNum
+    },
+    // 确定多发优惠券
+    handleNumSubmit() {
+      this.numVisible = false
+      this.loadData = this.loadData.map(item => {
+        if (item.id == this.ticketId) {
+          console.log('this.ticketNum ', this.ticketNum)
+          console.log('this.mdl.num ', this.mdl.num)
+          item.moreNum = this.ticketNum
+          item.sumNum = item.moreNum + this.mdl.num
+        }
+        return item
+      })
     },
-
     customerHandleOk() {
       let record = this.selectedCustomerRows
       record.forEach(record => {
@@ -284,16 +307,11 @@ export default {
       console.log(selectedRowKeys, selectedRows)
       this.selectedRowKeys = selectedRowKeys
       this.selectedRows = selectedRows
-
-      //选择企业
-
-
     },
     onCustomerSelectChange(selectedRowKeys, selectedRows) {
       this.selectedCustomerRowKeys = selectedRowKeys
       this.selectedCustomerRows = selectedRows
     },
-
     getCustomer() {
       this.customerVisible = true
     },
@@ -307,7 +325,6 @@ export default {
       this.form.startTime = dateString[0]
       this.form.endDate = dateString[1]
     },
-
     add() {
       this.form.resetFields()
       this.selectedCustomerRowKeys = []
@@ -316,20 +333,19 @@ export default {
     edit(record) {
       this.mdl = Object.assign(record)
       this.visible = true
+      // 查询企业
       getTicketByCompany().then(res => {
-        this.loadData = res.rows
+        console.log('getTicketByCompany', res)
+        this.loadData = res.rows.map(item => {
+          if (!item.moreNum) {
+            item.moreNum = 0
+          }
+          return item
+        })
       })
-
-      //todo 时长没回显
       get(record.id).then(res => {
-        this.form.setFieldsValue({
-          type:res.type.toString(),
-          duration:res.duration,
-          discount:res.discount,
-        })
         this.selectedRowKeys = res.enterpriseIds
       })
-
       this.$nextTick(() => {
         this.form.setFieldsValue(pick(this.mdl, 'id', 'title', 'content', 'duration', 'type', 'money', 'address', 'isVerification', 'enterpriseIds', 'isShow', 'startTime', 'endDate', 'remark', 'isDefault', 'version', 'deleteFlag', 'createBy', 'createTime', 'updateBy', 'updateTime'))
       })