Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2024-03-25 16:42:53
+ * @LastEditTime: 2024-03-26 11:10:00
 -->
 <template>
   <div class="slxx">
@@ -113,7 +113,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="土地性质：" prop="fdcq2.tdxz">
+            <el-form-item label="土地性质：" prop="fdcq2.tdxz" :class="{ 'is-error': isError }">
               <treeselect
                 :disabled="!viewEdit"
                 v-model="ruleForm.fdcq2.tdxz"
@@ -495,6 +495,7 @@
     },
     data () {
       return {
+        isError: false,
         normalizer (node) {
           if (node.children == null || node.children == "null") {
             delete node.children;
@@ -637,6 +638,7 @@
        * @author: renchao
        */
       onSubmit () {
+        this.isError = false
         let that = this;
         let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
         if (arr.length > 0) {
@@ -700,7 +702,7 @@
             })
           }
         }
-        this.$refs['ruleForm'].validate((valid) => {
+        this.$refs['ruleForm'].validate((valid, errors) => {
           if (valid) {
             that.$store.dispatch("user/refreshPage", false);
             saveData(that.ruleForm).then((res) => {
@@ -715,12 +717,16 @@
                 that.$message({
                   showClose: true,
                   message: res.message,
-                  type: "error",
-                });
+                  type: "error"
+                })
               }
             })
 
           } else {
+            const fieldErrors = errors['fdcq2.tdxz'];
+            if (fieldErrors.length > 0) {
+              this.isError = true
+            }
             that.$message({
               showClose: true,
               message: "请输入红框内的相关信息！",
@@ -812,4 +818,8 @@
   /deep/.el-form-item__label {
     padding-bottom: 0px;
   }
+
+  /deep/.is-error .vue-treeselect div {
+    border-color: #f56c6c; /* 设置失败时的边框颜色为红色 */
+  }
 </style>

@@ -2,7 +2,7 @@
 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2024-03-08 14:03:28
+ * @LastEditTime: 2024-03-26 11:09:53
 -->
 <template>
   <!-- 受理信息 -->
@@ -86,7 +86,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="权利性质：" prop="zdjbxx.qlxz">
+            <el-form-item label="权利性质：" prop="zdjbxx.qlxz" :class="{ 'is-error': isError }">
               <treeselect
                 :disabled="!viewEdit"
                 v-model="ruleForm.zdjbxx.qlxz"
@@ -348,6 +348,7 @@
     },
     data () {
       return {
+        isError: false,
         key: 0,
         isSave: true,
         loading: false,
@@ -421,6 +422,7 @@
        * @author: renchao
        */
       onSubmit () {
+        this.isError = false
         let that = this;
         let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
         if (arr.length > 0) {
@@ -484,7 +486,7 @@
             })
           }
         }
-        this.$refs['ruleForm'].validate((valid) => {
+        this.$refs['ruleForm'].validate((valid, errors) => {
           if (valid) {
             that.$store.dispatch("user/refreshPage", false)
             saveData(this.ruleForm).then((res) => {
@@ -504,6 +506,10 @@
               }
             })
           } else {
+            const fieldErrors = errors['zdjbxx.qlxz'];
+            if (fieldErrors.length > 0) {
+              this.isError = true
+            }
             this.$message({
               showClose: true,
               message: "请输入红框内的相关信息！",
@@ -535,4 +541,7 @@
 <style scoped lang="scss">
   @import "~@/styles/public.scss";
   @import "~@/styles/slxx/slxx.scss";
+  /deep/.is-error .vue-treeselect div {
+    border-color: #f56c6c; /* 设置失败时的边框颜色为红色 */
+  }
 </style>