update: dist

src/components/ruleDetail.vue

@@ -26,7 +26,7 @@
       />
     </el-form-item>
     <el-form-item label="适用人群" prop="memberType">
-      <span v-if="$store.state.product.ruleMemberFilterClose==0" class="tips">【人群筛选器】类型的上架规则最多支持20条,目前已创建 <span style="color:#2F54EB">{{ memberTypeTotal }}</span> 条</span>
+      <span v-if="$store.state.product.ruleMemberFilterClose==0" class="tips">人群筛选和会员分组总共只支持20条，请严格配置。目前已创建 <span style="color:#2F54EB">{{ memberTypeTotal }}</span> 条</span>
       <div>
         <!-- <el-radio v-model="ruleForm.memberType" :label="1" v-if="$store.state.product.ruleMemberFilterClose==0">
           全部客户
@@ -42,7 +42,10 @@
         >
           人群筛选器
         </el-radio>
-        <el-radio v-model="ruleForm.memberType" :label="2">
+        <el-radio v-model="ruleForm.memberType"
+          :label="2"
+          :disabled="memberTypeTotal>=20&&isAdd"
+          v-if="$store.state.product.ruleMemberFilterClose==0">
           会员分组
         </el-radio>
       </div>
@@ -90,6 +93,7 @@
 
 <script>
 import request from '@/service/request';
+
 export default {
   props: {
     isDialog: {
@@ -275,10 +279,14 @@ export default {
     /** 客户分组 */
     confirmGroupDialog (arr, idStr) {
       this.selectedGroupIds = idStr;
+      this.$refs.ruleForm.validateField('selectedGroupIds');
     },
     memberTypeNum () {
-      request.get('/api-integral-mall/list-rule', { params: { memberType: 3 } }).then(res => {
-        this.memberTypeTotal = res.data.result.length || 0;
+      Promise.all([request.get('/api-integral-mall/list-rule', { params: { memberType: 3 } }), request.get('/api-integral-mall/list-rule', { params: { memberType: 2 } })]).then(res => {
+        console.log(res);
+        const total1 = res[0].data.result ? res[0].data.result.length : 0;
+        const total2 = res[1].data.result ? res[1].data.result.length : 0;
+        this.memberTypeTotal = total1 + total2;
       });
     },
   },