style;土地哦

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2024-01-23 15:36:15
+ * @LastEditTime: 2024-01-23 16:05:38
 -->
 <template>
   <!-- 受理信息 -->
@@ -123,12 +123,28 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="承包起始时间：">
-              <el-input v-model="ruleForm.tdcbjyq.cbqssj" :disabled="!viewEdit"></el-input>
+              <el-date-picker
+                v-model="ruleForm.tdcbjyq.cbqssj"
+                class="width100"
+                type="date"
+                :disabled="!viewEdit"
+                :picker-options="pickerOptionsStart"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                format="yyyy-MM-dd"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="承包结束时间：">
-              <el-input v-model="ruleForm.tdcbjyq.cbjssj" :disabled="!viewEdit"></el-input>
+              <el-date-picker
+                v-model="ruleForm.tdcbjyq.cbjssj"
+                :disabled="!viewEdit"
+                class="width100"
+                type="date"
+                placeholder="选择日期"
+                :picker-options="pickerOptionsEnd"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                format="yyyy-MM-dd"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -139,6 +155,65 @@
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
+            <el-form-item label="用途：">
+              <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.yt"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="确权面积：">
+              <div class="flex">
+                <el-input
+                  :disabled="!viewEdit"
+                  v-model="ruleForm.tdcbjyq.qqmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-select :disabled="!viewEdit" v-model="mjdw" style="width: 68px">
+                  <el-option
+                    v-for="item in dictData['A7']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="土地所有权性质：">
+              <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.tdsyqxz"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="是否永久基本农田：">
+              <el-radio-group
+                v-model="ruleForm.tdcbjyq.sfyjjbnt"
+                :disabled="!viewEdit">
+                <el-radio label="1">是</el-radio>
+                <el-radio label="0">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="是否自留地：">
+              <el-radio-group
+                v-model="ruleForm.tdcbjyq.sfzld"
+                :disabled="!viewEdit">
+                <el-radio label="1">是</el-radio>
+                <el-radio label="0">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="用地用海分类：">
+              <el-input :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.ydyhfl"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="8">
             <el-form-item label="承包经营权取得方式：">
               <el-input :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.cbjyqqdfs"></el-input>
             </el-form-item>
@@ -149,13 +224,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10">
-          <el-col :span="24">
-            <el-form-item label="用途：">
-              <el-input maxlength="100" :disabled="!viewEdit" v-model="ruleForm.tdcbjyq.yt"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
+
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -289,6 +358,26 @@
     },
     data () {
       return {
+        // 开始结束日期限制
+        pickerOptionsStart: {
+          disabledDate: (time) => {
+            if (this.ruleForm.tdcbjyq.cbjssj) {
+              return (
+                time.getTime() >= new Date(this.ruleForm.tdcbjyq.cbjssj).getTime()
+              );
+            }
+          }
+        },
+        // 结束日期限制
+        pickerOptionsEnd: {
+          disabledDate: (time) => {
+            if (this.ruleForm.tdcbjyq.cbqssj) {
+              return (
+                time.getTime() <= new Date(this.ruleForm.tdcbjyq.cbqssj).getTime()
+              );
+            }
+          }
+        },
         isSave: true,
         // 键名转换，方法默认是label和children进行树状渲染
         normalizer (node) {