限制条件

src/views/goods/create-good.vue

@@ -753,7 +753,35 @@
       >
         <div class="basic-item-icon">
           <div class="part-tit">限购条件</div>
-
+          <div v-for="(item, index) in buyLimitDtoList" :key="index" >
+            <el-form-item label="限制条件">
+              <el-button @click="delLimit(index)" type="text" size="small">删除</el-button>
+            </el-form-item>
+            <el-form-item label="限制对象">
+              <el-col :span="10">
+                <el-radio-group v-model="item.limitUserType" size="small" @change="changeLimitUserType(item,index)">
+                  <el-radio :label="1">开单人</el-radio>
+                  <el-radio :label="2">患者</el-radio>
+                </el-radio-group>
+              </el-col>
+            </el-form-item>
+            <el-form-item label="购买限制">
+              <el-input-number v-model="item.days" style="margin-left: 5px;" size="small" :precision="0" :min="1" :max="100000"></el-input-number>
+              <el-select
+                v-model="item.daysType"
+                size="small">
+                <el-option
+                  v-for="(item,index) in daysTypeList"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+              <span style="margin-left: 5px;">内，最多购买</span>
+              <el-input-number v-model="item.limitCount" style="margin-left: 5px;" size="small" :precision="0" :min="1" :max="100000"></el-input-number>
+              <span style="margin-left: 5px;">次</span>
+            </el-form-item>
+          </div>
           <div class="inline">
             <el-form-item>
               <el-button size="small" type="primary" @click="addBuyingLimit"><i class="el-icon-plus"></i>限购条件</el-button>
@@ -853,6 +881,19 @@
           label: '其他',
           value: '3',
         }],
+        daysTypeList:[{
+          label: '日',
+          value: 1,
+        }, {
+          label: '周',
+          value: 7,
+        }, {
+          label: '月',
+          value: 30,
+        }, {
+            label: '年',
+            value: 365,
+          }],
         checkPackageIdList: [{name:'其他',content:0}],
         hospitalTypeList: [{label:'村卫生室',value:1},{label:'乡镇卫生院/中心',value:2}], // 医疗机构类型
         checkTypeList: [{label:'常规检测',value:1}], // 检测类型
@@ -864,6 +905,7 @@
         formData: JSON.parse(JSON.stringify(originForm)), // 通用信息
         formData1: JSON.parse(JSON.stringify(originForm1)), // 基本信息
         formData2: JSON.parse(JSON.stringify(originForm2)),
+        buyLimitDtoList:[],
         rules: {},
         rules1: {},
         rules2: {},
@@ -896,7 +938,12 @@
         uploadImgMessage1: false,//未上传图片，校验提示语
         isMedic:false, // 商品类型选择【药品】时！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
         isCheckServe: false, // 商品类型选择【检测服务】时！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
-        inputType: ''
+        inputType: '',
+        limitVisibleFlag:false,
+        limit:{
+          title:"限购条件"
+        }
+
       }
     },
     created() {
@@ -1012,6 +1059,7 @@
           const {goodsList} = res.data;
           this.formData1 = goodsList[0];
           this.formData = goodsList[0];
+          this.buyLimitDtoList = this.formData.buyLimitDtoList;
           this.formData.optPrice = this.formData.costPrice/100;
           this.fileGoodsList = this.getImges(goodsList[0].goodsImgList,1);
           this.fileIntrList = this.getImges(goodsList[0].medicImgList,2);
@@ -1304,6 +1352,7 @@
         this.formData.goodsImages = this.fileGoodsList;
         this.formData.goodsHeaderImages = this.fileGoodsList;
         this.formData.specificationImages = this.fileIntrList;
+        this.formData.buyLimitDtoList = this.buyLimitDtoList;
         this.isgoodsImages = this.formData.goodsImages.length == 0 ? false :true;
         // 如果是【药品】类型的商品
         if(this.isMedic){
@@ -1559,6 +1608,59 @@
         });
 
       },
+      addBuyingLimit(){
+        if(this.buyLimitDtoList.length == 2){
+          this.$message({
+            message: '最多添加两个限制条件',
+            type: 'warning'
+          });
+          return;
+        }
+        if(this.buyLimitDtoList == null || this.buyLimitDtoList.length == 0){
+          this.buyLimitDtoList.push({
+            days:0,
+            daysType:1,
+            limitCount:0,
+            limitUserType:1
+          })
+          return;
+        }
+
+        if(this.buyLimitDtoList.length < 2){
+          let limitUserType = 1;
+          if(this.buyLimitDtoList[0].limitUserType == 1){
+            limitUserType = 2;
+          }
+          this.buyLimitDtoList.push({
+            days:0,
+            daysType:1,
+            limitCount:0,
+            limitUserType:limitUserType
+          })
+        }
+        // this.limitVisibleFlag = true;
+      },
+      delLimit(index){
+        this.buyLimitDtoList.splice(index,1);
+      },
+      changeLimitUserType(item,index){
+        if(item.limitUserType == 1){
+          if(this.buyLimitDtoList.length == 2 && index == 0){
+            this.buyLimitDtoList[1].limitUserType = 2;
+          }
+          else if(this.buyLimitDtoList.length == 2 && index == 1){
+            this.buyLimitDtoList[0].limitUserType = 2;
+          }
+        }
+        else {
+          if(this.buyLimitDtoList.length == 2 && index == 0){
+            this.buyLimitDtoList[1].limitUserType = 1;
+          }
+          else if(this.buyLimitDtoList.length == 2 && index == 1){
+            this.buyLimitDtoList[0].limitUserType = 1;
+          }
+        }
+      }
     },
   }
 </script>