update: 补充禁选规则逻辑

src/components/ruleDetail.vue

@@ -37,14 +37,14 @@
         <el-radio
           v-model="ruleForm.memberType"
           :label="3"
-          :disabled="memberTypeTotal>=20&&isAdd"
+          :disabled="isDisabled"
           v-if="$store.state.product.ruleMemberFilterClose==0"
         >
           人群筛选器
         </el-radio>
         <el-radio v-model="ruleForm.memberType"
           :label="2"
-          :disabled="memberTypeTotal>=20&&isAdd"
+          :disabled="isDisabled"
           v-if="$store.state.product.ruleMemberFilterClose==0">
           会员分组
         </el-radio>
@@ -116,6 +116,7 @@ export default {
       groupVisible: false,
       selectedGroupIds: '', // 被选中的客户分组id
       fixedWidth: document.documentElement.clientWidth - 200,
+      memberType: 1,
       ruleForm: {
         memberType: 4, //  3 人群筛选 4 门店筛选
         creatorId: '',
@@ -149,6 +150,13 @@ export default {
     storeParams () {
       return !this.isAdd ? { creatorId: this.ruleForm.creatorId } : {};
     },
+    isDisabled () {
+      if (this.isAdd) {
+        return this.memberTypeTotal >= 20;
+      } else {
+        return !(this.memberType == 3 || this.memberType == 2) && this.memberTypeTotal >= 20;
+      }
+    },
   },
   mounted () {
     if (!this.isAdd) {
@@ -178,6 +186,7 @@ export default {
       request.get('/api-integral-mall/get-rule', { params: { integralMallProRuleId } }).then(res => {
         if (res.data.result) {
           this.ruleForm = res.data.result;
+          this.memberType = this.ruleForm.memberType;
           if (this.ruleForm.memberType == 3) { // 人群筛选器回显
             this.hasSearchData = this.ruleForm.filterJson;
             this.useId = this.ruleForm.searchId;