使用场景

src/views/business/coupon/add.vue

@@ -8,7 +8,7 @@
             <el-input v-model="addData.title" :readonly="readonly" placeholder="请输入券名称" :maxlength="32" show-word-limit />
           </el-form-item>
           <el-form-item label="使用场景:" prop="type">
-            <el-radio-group v-model="addData.type" :disabled="readonly || addData.status === 'on' || addData.status === 'off'">
+            <el-radio-group v-model="addData.type" @input="typeChange" :disabled="readonly || addData.status === 'on' || addData.status === 'off'">
               <el-radio :label="2">门店消费</el-radio>
               <el-radio :label="1">盲票购买</el-radio>
               <el-radio :label="4">采购商品核销</el-radio>
@@ -65,8 +65,8 @@
           </el-form-item>
           <el-form-item v-if="addData.type != 1" label="使用范围:" prop="useArea">
             <el-radio-group v-model="addData.useArea" :disabled="readonly || addData.status === 'on' || addData.status === 'off'">
-              <el-radio :label="2">进票门店</el-radio>
-              <el-radio :label="1">指定门店</el-radio>
+              <el-radio :label="2" :disabled="addData.type == 4">进票门店</el-radio>
+              <el-radio :label="1" :disabled="addData.type == 4">指定门店</el-radio>
               <el-radio :label="0">所有门店</el-radio>
             </el-radio-group>
           </el-form-item>
@@ -248,6 +248,13 @@ export default {
     }
   },
   methods: {
+    typeChange(e) {
+      if(e == 4) {
+        this.addData.useArea = 0
+      }else {
+        this.addData.useArea = ''
+      }
+    },
     funSelectShow() {
       this.excludeBoxIds = this.addData.ticketBoxList.map(item => { return item.boxId })
       this.selectShow = true