task 土地确权 承包地块功能调整

src/views/contracted/village/contractor/contractorLandDetail.vue

@@ -125,13 +125,45 @@
             </van-radio-group>
           </template>
         </van-field>
-        <van-field v-model="form.htmjm" type="number" label="合同面积(亩)：" placeholder="请输入合同面积(亩)" required :rules="[{ required: true }]" :border="false" input-align="right" />
         <van-field v-model="form.zjrxm" label="指界人姓名：" placeholder="请输入指界人姓名" required :rules="[{ required: true }]" :border="false" input-align="right" maxlength="100" />
         <van-field v-model="form.dkdz" label="地块东至：" placeholder="请输入地块东至" required :rules="[{ required: true }]" :border="false" input-align="right" maxlength="50" />
         <van-field v-model="form.dkxz" label="地块西至：" placeholder="请输入地块西至" required :rules="[{ required: true }]" :border="false" input-align="right" maxlength="50" />
         <van-field v-model="form.dknz" label="地块南至：" placeholder="请输入地块南至" required :rules="[{ required: true }]" :border="false" input-align="right" maxlength="50" />
         <van-field v-model="form.dkbz" label="地块北至：" placeholder="请输入地块北至" required :rules="[{ required: true }]" :border="false" input-align="right" maxlength="50" />
-        <van-field v-model="form.dkbzxx" label="地块备注信息：" placeholder="请输入地块备注信息" type="textarea" rows="3" :border="false" input-align="right" maxlength="250" />
+        <van-field v-model="form.dkbzxx" label="地块备注信息：" placeholder="请输入地块备注信息" :border="false" input-align="right" maxlength="250" />   <!-- type="textarea" rows="3" -->
+
+        <van-field
+          v-model="qdfsText"
+          label="经营权取得方式："
+          placeholder="请选择经营权取得方式"
+          required
+          :rules="[{ required: true }]"
+          :border="false"
+          input-align="right"
+          right-icon="arrow-down"
+          readonly
+          clickable
+          @click="showQdfs = true"
+        />
+        <van-popup v-model="showQdfs" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="qdfsOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmQdfsOptions"
+            @cancel="showQdfs = false"
+          />
+        </van-popup>
+        <van-field v-model="form.htmjm" type="number" label="合同面积(亩)：" placeholder="请输入合同面积(亩)" required :rules="[{ required: true }]" :border="false" input-align="right" />
+        <van-field v-model="form.yhtmjm" type="number" label="原合同面积(亩)：" placeholder="请输入原合同面积(亩)" :border="false" input-align="right" />
+        <van-field v-model="form.lzhtbm" label="流转合同代码：" placeholder="请输入流转合同代码" :border="false" input-align="right" maxlength="18" />
+        <van-field v-model="form.sfqqqg" label="是否确权确股：" placeholder="请选择是否确权确股" :border="false" input-align="right">
+          <template #input>
+            <van-radio-group v-model="form.sfqqqg" direction="horizontal">
+              <van-radio v-for="item in sfqqqgOptions" :key="item.dictValue" :name="item.dictValue">{{ item.dictLabel }}</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
 
         <div class="mapBox">
           <common-map ref="contractedLandMap" :minMapZoom="15" :maxMapZoom="18" :allowDraw="true" @drawFinished="onMapDrawFinished" />
@@ -174,6 +206,10 @@
         tdytText: null,                   // 土地用途标签名
         showLandPurpose: false,           // 控制土地用途字典弹出层的显示和隐藏
         sfjbntOptions: [],                // 是否基本农田字典
+        qdfsOptions: [],                  // 承包经营权取得方式字典
+        qdfsText: null,                   // 经营权取得方式标签名
+        showQdfs: false,                  // 控制土地用途字典弹出层的显示和隐藏
+        sfqqqgOptions: [],                // 是否确权确股字典
         landList: [],                     // 地块信息列表
         taskStatus: null,                 // 调查任务的完成状态：1表示已完成，2表示未完成
         searchKeyword: '',                // 弹出框查询关键字
@@ -195,6 +231,10 @@
       });
       this.getDicts("is_common").then(response => {
         this.sfjbntOptions = response.data;
+        this.sfqqqgOptions = response.data;
+      });
+      this.getDicts("jyq_method").then(response => {
+        this.qdfsOptions = response.data;
       });
     },
     mounted() {
@@ -243,6 +283,7 @@
           this.tdlylxText = this.selectDictLabel(this.tdlylxOptions, response.data.tdlylx);
           this.dldjText = this.selectDictLabel(this.dldjOptions, response.data.dldj);
           this.tdytText = this.selectDictLabel(this.tdytOptions, response.data.tdyt);
+          this.qdfsText = this.selectDictLabel(this.qdfsOptions, response.data.cbjyqqdfs);
           if (response.data.theGeomJson) {
             this.form.theGeom = JSON.stringify(JSON.parse(response.data.theGeomJson).coordinates);
             this.$nextTick(() => {
@@ -264,15 +305,20 @@
           dldj: null,
           tdyt: null,
           sfjbnt: null,
-          htmjm: null,
           zjrxm: null,
           dkdz: null,
           dkxz: null,
           dknz: null,
           dkbz: null,
           dkbzxx: null,
-          theGeom: null
+          theGeom: null,
+          cbjyqqdfs: '110',
+          htmjm: null,
+          yhtmjm: null,
+          lzhtbm: null,
+          sfqqqg: null
         };
+        this.qdfsText = '家庭承包';
       },
       openLandCodePopup() {
         /* if (this.form.dkbm) {
@@ -331,6 +377,11 @@
         this.tdytText = value.dictLabel;
         this.showLandPurpose = false;
       },
+      onConfirmQdfsOptions(value) {
+        this.form.cbjyqqdfs = value.dictValue;
+        this.qdfsText = value.dictLabel;
+        this.showQdfs = false;
+      },
       goBack() {
         this.$router.push({
           name: 'contractedVillageContractorLand',
@@ -419,7 +470,7 @@
   }
 
   /deep/ .van-field__label {
-    width: 7em;
+    width: 8em;
   }
 
   .tb_main{