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

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

@@ -30,6 +30,28 @@
           </van-picker>
         </van-popup>
         <van-field v-model="form.dkmc" label="地块名称：" placeholder="请输入地块名称" required :rules="[{ required: true }]" :border="false" input-align="right" maxlength="50" />
+        <van-field
+          v-model="syqxzText"
+          label="所有权性质："
+          placeholder="请选择所有权性质"
+          required
+          :rules="[{ required: true }]"
+          :border="false"
+          input-align="right"
+          right-icon="arrow-down"
+          readonly
+          clickable
+          @click="showOwnership = true"
+        />
+        <van-popup v-model="showOwnership" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="syqxzOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmOwnershipOptions"
+            @cancel="showOwnership = false"
+          />
+        </van-popup>
         <van-field
           v-model="tdlylxText"
           label="土地利用类型："
@@ -139,6 +161,9 @@
         isDisabled: false,                // 是否禁用
         form: {},                         // 承包地信息表单
         showLandCode: false,              // 控制地块代码弹出层的显示和隐藏
+        syqxzOptions: [],                 // 所有权性质字典
+        syqxzText: null,                  // 所有权性质标签名
+        showOwnership: false,             // 控制所有权性质字典弹出层的显示和隐藏
         tdlylxOptions: [],                // 土地利用类型字典
         tdlylxText: null,                 // 土地利用类型标签名
         showLandUseType: false,           // 控制土地利用类型字典弹出层的显示和隐藏
@@ -156,6 +181,9 @@
     },
     created() {
       this.taskStatus = Cookies.get('taskStatus');
+      this.getDicts("land_ownership").then(response => {
+        this.syqxzOptions = response.data;
+      });
       this.getDicts("land_use").then(response => {
         this.tdlylxOptions = response.data;
       });
@@ -211,6 +239,7 @@
       getDetail(){
         getCbdkxx(this.$route.params.id).then(response => {
           this.form = response.data;
+          this.syqxzText = this.selectDictLabel(this.syqxzOptions, response.data.syqxz);
           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);
@@ -230,6 +259,7 @@
           cbfbm: null,
           dkbm: null,
           dkmc: null,
+          syqxz: null,
           tdlylx: null,
           dldj: null,
           tdyt: null,
@@ -257,6 +287,8 @@
       onConfirmLandCodeOptions(value) {
         this.form.dkbm = value.dkbm;
         this.form.dkmc = value.dkmc;
+        this.form.syqxz = value.syqxz;
+        this.syqxzText = this.selectDictLabel(this.syqxzOptions, value.syqxz);
         this.form.tdlylx = value.tdlylx;
         this.tdlylxText = this.selectDictLabel(this.tdlylxOptions, value.tdlylx);
         this.form.dldj = value.dldj;
@@ -279,6 +311,11 @@
         }
         this.showLandCode = false;
       },
+      onConfirmOwnershipOptions(value){
+        this.form.syqxz = value.dictValue;
+        this.syqxzText = value.dictLabel;
+        this.showOwnership = false;
+      },
       onConfirmLandUseTypeOptions(value) {
         this.form.tdlylx = value.dictValue;
         this.tdlylxText = value.dictLabel;