style:土地承包经营权

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2024-01-23 16:05:38
+ * @LastEditTime: 2024-01-25 14:13:38
 -->
 <template>
   <!-- 受理信息 -->
@@ -90,7 +90,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="地块名称：">
+            <el-form-item label="地块名称：" prop="tdcbjyq.dkmc">
               <el-input v-model="ruleForm.tdcbjyq.dkmc" :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
@@ -179,7 +179,10 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="土地所有权性质：">
-              <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.tdsyqxz"></el-input>
+              <el-select clearable v-model="ruleForm.tdcbjyq.tdsyqxz" class="width100" placeholder="请选择" :disabled="!viewEdit">
+                <el-option v-for="item in dictData['A45']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -207,7 +210,10 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="用地用海分类：">
-              <el-input :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.ydyhfl"></el-input>
+              <el-select clearable v-model="ruleForm.tdcbjyq.ydyhfl" class="width100" placeholder="请选择" :disabled="!viewEdit">
+                <el-option v-for="item in dictData['A56']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -215,7 +221,10 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="承包经营权取得方式：">
-              <el-input :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.cbjyqqdfs"></el-input>
+              <el-select clearable v-model="ruleForm.tdcbjyq.cbjyqqdfs" class="width100" placeholder="请选择" :disabled="!viewEdit">
+                <el-option v-for="item in dictData['A59']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="16">
@@ -278,7 +287,7 @@
           :key="key"
           :gyfs="ruleForm.sldy.gyfs" />
 
-        <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
+        <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0 && ruleForm.qlxx.djlx == '200'">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
@@ -401,8 +410,12 @@
         ruleForm: {},
         //传递参数
         propsParam: {},
-        rules: {},
-      };
+        rules: {
+          'tdcbjyq.dkmc': [
+            { required: true, message: '请填写', trigger: 'blur' }
+          ]
+        }
+      }
     },
     methods: {
       /**
@@ -502,23 +515,30 @@
          * @description: saveData
          * @author: renchao
          */
-        this.$store.dispatch("user/refreshPage", false);
-        saveData(this.ruleForm).then((res) => {
+
+        this.$refs['ruleForm'].validate((valid) => {
+          if (valid) {
+            that.$store.dispatch("user/refreshPage", false);
+            saveData(that.ruleForm).then((res) => {
               if (res.code === 200) {
-            this.$message({
+                that.$message({
                   showClose: true,
                   message: "保存成功！",
                   type: "success",
                 });
-            this.$store.dispatch("user/refreshPage", true);
+                that.$store.dispatch("user/refreshPage", true);
               } else {
-            this.$message({
+                that.$message({
                   showClose: true,
                   message: res.message,
                   type: "error"
                 })
               }
             })
+          } else {
+            return false;
+          }
+        })
       }
     }
   }
@@ -526,4 +546,7 @@
 <style scoped lang="scss">
   @import "~@/styles/public.scss";
   @import "~@/styles/slxx/slxx.scss";
+  /deep/.el-form-item__error {
+    display: none;
+  }
 </style>