国有建设用地使用权

 <!--
 <!--
  * @Description: 受理信息
  * @Description: 受理信息
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2024-03-26 11:04:32
+ * @LastEditTime: 2024-03-26 11:10:00
 -->
 -->
 <template>
 <template>
   <div class="slxx">
   <div class="slxx">
@@ -819,7 +819,6 @@
     padding-bottom: 0px;
     padding-bottom: 0px;
   }
   }
 
 
-  /* 当校验失败时的边框样式 */
   /deep/.is-error .vue-treeselect div {
   /deep/.is-error .vue-treeselect div {
     border-color: #f56c6c; /* 设置失败时的边框颜色为红色 */
     border-color: #f56c6c; /* 设置失败时的边框颜色为红色 */
   }
   }

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