协议管理-承保规则增加必填校验

src/views/quoteConfig/agreement/agreementDetails.vue

@@ -32,7 +32,7 @@
                   getDict('is_enable').find(val => val.value == agreementInfo.isEnable)?.label}}</el-tag>
                 <el-tag type="success">{{getDict('valid_status').find(val => val.value ==
                   agreementInfo.validStatus)?.label
-                  }}</el-tag>
+                }}</el-tag>
               </div>
             </div>
             <el-descriptions :column="3" style="margin-top: 10px;">
@@ -50,9 +50,9 @@
           </div>
           <el-descriptions title="基本信息" class="m-top-20" :column="3">
             <el-descriptions-item label="协议名称：">{{ agreementInfo.agreementTitle
-              }}</el-descriptions-item>
+            }}</el-descriptions-item>
             <el-descriptions-item label="协议简称：">{{ agreementInfo.agreementAbbreviation
-              }}</el-descriptions-item>
+            }}</el-descriptions-item>
             <el-descriptions-item label="协议生效时间：">{{ agreementInfo.startDate }}</el-descriptions-item>
             <el-descriptions-item label="协议失效时间：">{{ agreementInfo.endDate }}</el-descriptions-item>
             <el-descriptions-item label="是否含增值税结算：">
@@ -116,7 +116,7 @@
                   <div class="flex a-c">
                     <img src="../../../assets/images/fee.png" alt="">
                     <span style="margin-right: 30px;font-size: 16px;" class="strong m-left-10">承保规则一{{ index + 1
-                    }}</span>
+                      }}</span>
                   </div>
                   <div class="flex">
                     <el-button link type="primary" :icon="CopyDocument" @click="handleCopy(item, {})">复制费用</el-button>
@@ -135,8 +135,10 @@
                       </el-icon></el-button>
                   </div>
                 </div>
-                <div class=" m-t-10px" style="font-size: 14px;letter-spacing: 2px;">规则描述：{{ item.inputDescription }}</div>
-                <div class=" m-t-10px" style="font-size: 14px;letter-spacing: 2px;">规则因子描述：{{ item.ruleDescription }}</div>
+                <div class=" m-t-10px" style="font-size: 14px;letter-spacing: 2px;">规则描述：{{ item.inputDescription }}
+                </div>
+                <div class=" m-t-10px" style="font-size: 14px;letter-spacing: 2px;">规则因子描述：{{ item.ruleDescription }}
+                </div>
               </div>
               <div class="header-content" v-if="item.ruleFeeShow">
                 <el-button plain type="primary" @click="ruleFeeAdd(item)" class="m-top-10 m-btn-10">添加费用
@@ -617,39 +619,43 @@ const addUnderwritingRule = () => {
   rulesAttrListInfo.id = ''
   rulesAttrListInfo.rulesGroups = []
 }
+const OperationFormRef = ref(null)
 //承保规则保存事件
 const UnderwritingRuleSave = () => {
   // "OwnersInfoAge" 车主年龄
   // "NonMotorInsurance" 非车险
-  if (rulesAttrListInfo.id) {//判断id是否存在
-    api.agreementApi.agreementRulesEdit(rulesAttrListInfo).then((res: any) => {
-      if (res.code == '200') {
-        ElMessage({
-          type: 'success',
-          message: res.msg,
-          plain: true,
-        })
-        addUnderwritingRuleShow.value = false;
-        agreementRulesList();
-      } else {
+  OperationFormRef.value.validate((valid, fields) => {
+    if (valid) {
+      if (rulesAttrListInfo.id) {//判断id是否存在
+        api.agreementApi.agreementRulesEdit(rulesAttrListInfo).then((res: any) => {
+          if (res.code == '200') {
+            ElMessage({
+              type: 'success',
+              message: res.msg,
+              plain: true,
+            })
+            addUnderwritingRuleShow.value = false;
+            agreementRulesList();
+          } else {
 
-      }
-    });
-  } else {
-    api.agreementApi.agreementRulesAdd(rulesAttrListInfo).then((res: any) => {
-      if (res.code == '200') {
-        ElMessage({
-          type: 'success',
-          message: res.msg,
-          plain: true,
-        })
-        addUnderwritingRuleShow.value = false;
-        agreementRulesList();
+          }
+        });
       } else {
+        api.agreementApi.agreementRulesAdd(rulesAttrListInfo).then((res: any) => {
+          if (res.code == '200') {
+            ElMessage({
+              type: 'success',
+              message: res.msg,
+              plain: true,
+            })
+            addUnderwritingRuleShow.value = false;
+            agreementRulesList();
+          } else {
+          }
+        });
       }
-    });
-  }
-
+    }
+  })
 }
 //获取承保规则列表
 const agreementRulesList = () => {