宅基地手机端优化

src/views/yinnong/homestead/paidUtilize/paidUtilizeAdd.vue

@@ -106,10 +106,17 @@
           @confirm="onConfirmYcsydqsj"
         />
       </van-popup>
-
-      <van-field v-model="circulation.ycsymj" label="有偿使用面积(㎡)" placeholder="请输入有偿使用面积㎡" input-align="right" label-width="auto"/>
-      <van-field v-model="circulation.ycsymjdj" label="有偿使用面积单价(元)" placeholder="请输入有偿使用面积单价" input-align="right" label-width="auto"/>
-      <van-field v-model="circulation.ycsyfy" label="有偿使用费用(元)" placeholder="请输入有偿使用费用" input-align="right" label-width="auto"/>
+      <van-field v-model="circulation.ycsymj" label="有偿使用面积(㎡)" placeholder="请输入有偿使用面积㎡" input-align="right" label-width="auto">
+        <template #button>
+          <van-button size="small" @click="computeMJ" type="primary">计算</van-button>
+        </template>
+      </van-field>
+      <van-field v-model="circulation.ycsymjdj" label="有偿使用面积单价(元)" placeholder="请输入有偿使用面积单价" @change="changeDJ" input-align="right" label-width="auto"/>
+      <van-field v-model="circulation.ycsyfy" label="有偿使用费用(元)" placeholder="请输入有偿使用费用" input-align="right" label-width="auto">
+        <template #button>
+          <van-button size="small" @click="computeFY" type="primary">计算</van-button>
+        </template>
+      </van-field>
       <van-field v-model="circulation.fkfs" label="付款方式" placeholder="请输入付款方式" input-align="right" label-width="auto"/>
       <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto"/>
 
@@ -132,10 +139,12 @@
 </template>
 
 <script>
-  import { zjdzd } from "@/api/onlineHome/homestead/circulation";
+  import { zjdzd,selectHomesteadObligeeMapList} from "@/api/onlineHome/homestead/circulation";
   import { ycsyAdd  } from "@/api/onlineHome/homestead/paidUtilize";
-  import {  getShyqrs,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";
+  import {  getShyqrs,getByLyZjddm} from "@/api/sunVillage_info/homestead/paidExit";
+  import { listYcsyjfbz} from "@/api/onlineHome/homestead/homeuseycsyjfbz";
   import MapGisObtainTc from "@/components/Map/MapGisObtainTc";
+  import {listProgramme} from "@/api/onlineHome/homestead/programme";
   export default {
     name: "paidUtilizeAdd",
     components: {MapGisObtainTc},
@@ -149,11 +158,16 @@
         zjdDictionaries:[],//宅基地代码
         shyqrdmDictionaries:[],//使用权人
         getObligeeOptions:[],//下拉框列表
+        //计算有偿使用面积
+        jsmjData:{
+          zdmjSum:0.00,
+          hzdmj:0.00,
+        },
         landStatus:"1",
         tcqllx:'',
         tclx:'',
         tcfs:'',
-        zjlx:'',
+        zjlx:'身份证',
         bcfs:'',
         zjddm:'',
         sysFarmer:{deptId:this.$store.state.user.loginDeptId,memberName:""},
@@ -168,7 +182,7 @@
         showycsydqsj: false,
         showDropList: false,//是否显示下拉框
         mapShow: false,
-        circulation:{},
+        circulation:{ ycsymj:0.00, ycsyfy:0.00, ycsymjdj:0.00,sfyhdz:"0"},
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
         currentDate: new Date(),
@@ -236,9 +250,6 @@
         getByLyZjddm(data).then((response) => {
           this.$set(this.circulation, "sfyhdz", response.data.isMore);
           // const baseImgUrl = this.$store.getters.baseRoutingUrl;
-          if(response.data.zdt != null && response.data.zdt !== ""){
-            this.$set(this.form, "xzzp", response.rows[0].zdt);
-          }
         });
       },
       /** 模糊查询人员信息 */
@@ -336,6 +347,53 @@
           this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
         },1000);
       },
+      /** 有偿使用面积计算 */
+      computeMJ(){
+        if(this.circulation.shyqrdbxm == null || this.circulation.shyqrdbxm === ""){
+          return  this.$toast("请先选择使用权人");
+        }
+        let _this = this;
+        _this.$set( _this.circulation, "ycsymj",  0.00);
+        _this.$set( _this.jsmjData, "hzdmj",  0.00);
+        _this.$set( _this.jsmjData, "zdmjSum",  0.00);
+        listProgramme({}).then((res) => {
+          if(res.rows.length > 0){
+            _this.$set( _this.jsmjData, "hzdmj", res.rows[0].maxArea);
+          }
+          selectHomesteadObligeeMapList({shyqrdbxm:_this.circulation.shyqrdbxm,landStatus:_this.landStatus}).then((response) => {
+            if (response.code == 200) {
+              response.data.map(function(item){
+                _this.$set( _this.jsmjData, "zdmjSum", _this.jsmjData.zdmjSum + item.zjdzdxx.zdmj);
+                if(_this.jsmjData.zdmjSum - _this.jsmjData.hzdmj > 0){
+                  _this.$set( _this.circulation, "ycsymj",  (_this.jsmjData.zdmjSum - _this.jsmjData.hzdmj).toFixed(2));
+                }else{
+                  _this.$set( _this.circulation, "ycsymj", 0.00);
+                }
+
+              });
+            }
+          });
+        })
+
+      },
+      /**使用费用计算 */
+      computeFY(){
+        let _this = this;
+        _this.$set( _this.circulation, "ycsymjdj",  0.00);
+        _this.$set( _this.circulation, "ycsyfy",  0.00);
+        listYcsyjfbz({}).then(response => {
+          response.rows.map(function(item){
+            if(_this.circulation.ycsymj >= item.startArea && _this.circulation.ycsymj <= item.endArea){
+              _this.$set( _this.circulation, "ycsyfy",  (_this.circulation.ycsymj * item.feeAmount).toFixed(2));
+            }
+          });
+        });
+      },
+      changeDJ() {
+        if (this.circulation.ycsymj != null) {
+          this.circulation.ycsyfy = ((this.circulation.ycsymj * this.circulation.ycsymjdj)).toFixed(2);
+        }
+      },
       goSubmit(){
         ycsyAdd(this.circulation).then(response => {
           if(response.code = 200){

src/views/yinnong/homestead/paidUtilize/paidUtilizeList.vue

@@ -25,9 +25,11 @@
           <template #icon>
             <van-icon name="../../../static/images/onlineHome/icon_zjd9.png" size="30" color="#539FFD" style="margin-right: 10px;" />
           </template>
+          <span>{{item.ycsyfy}}元</span>
           <template #label>
-            <p><b style="color: #539FFD;">{{item.sqrzjhm}}</b><i style="margin-right: 0.5rem;"></i><i >{{item.ycsykssj}} ~ </i><i style="margin-right: 0.5rem;"></i>{{item.ycsydqsj}}</p>
+            <p><b style="color: #539FFD;">{{item.sqrzjhm}}</b><i style="margin-right: 0.5rem;"></i></p>
           </template>
+
         </van-cell>
                   <template #right>
                     <van-row>

src/views/yinnong/homestead/paidUtilize/paidUtilizeModify.vue

@@ -106,10 +106,17 @@
           @confirm="onConfirmYcsydqsj"
         />
       </van-popup>
-
-      <van-field v-model="circulation.ycsymj" label="有偿使用面积(㎡)" placeholder="请输入有偿使用面积㎡" input-align="right" label-width="auto"/>
-      <van-field v-model="circulation.ycsymjdj" label="有偿使用面积单价(元)" placeholder="请输入有偿使用面积单价" input-align="right" label-width="auto"/>
-      <van-field v-model="circulation.ycsyfy" label="有偿使用费用(元)" placeholder="请输入有偿使用费用" input-align="right" label-width="auto"/>
+      <van-field v-model="circulation.ycsymj" label="有偿使用面积(㎡)" placeholder="请输入有偿使用面积㎡" input-align="right" label-width="auto">
+        <template #button>
+          <van-button size="small" @click="computeMJ" type="primary">计算</van-button>
+        </template>
+      </van-field>
+      <van-field v-model="circulation.ycsymjdj" label="有偿使用面积单价(元)" placeholder="请输入有偿使用面积单价" @change="changeDJ"  input-align="right" label-width="auto"/>
+      <van-field v-model="circulation.ycsyfy" label="有偿使用费用(元)" placeholder="请输入有偿使用费用" input-align="right" label-width="auto">
+        <template #button>
+          <van-button size="small" @click="computeFY" type="primary">计算</van-button>
+        </template>
+      </van-field>
       <van-field v-model="circulation.fkfs" label="付款方式" placeholder="请输入付款方式" input-align="right" label-width="auto"/>
       <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto"/>
 
@@ -132,10 +139,12 @@
 </template>
 
 <script>
-  import { zjdzd } from "@/api/onlineHome/homestead/circulation";
+  import { zjdzd,selectHomesteadObligeeMapList } from "@/api/onlineHome/homestead/circulation";
   import { ycsyEdit,getYcsy  } from "@/api/onlineHome/homestead/paidUtilize";
   import {  getShyqrs,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";
+  import { listYcsyjfbz} from "@/api/onlineHome/homestead/homeuseycsyjfbz";
   import MapGisObtainTc from "@/components/Map/MapGisObtainTc";
+  import {listProgramme} from "@/api/onlineHome/homestead/programme";
   export default {
     name: "paidUtilizeAdd",
     components: {MapGisObtainTc},
@@ -149,6 +158,11 @@
         zjdDictionaries:[],//宅基地代码
         shyqrdmDictionaries:[],//使用权人
         getObligeeOptions:[],//下拉框列表
+        //计算有偿使用面积
+        jsmjData:{
+          zdmjSum:0.00,
+          hzdmj:0.00,
+        },
         landStatus:"1",
         tcqllx:'',
         tclx:'',
@@ -243,31 +257,51 @@
       },
       /** 查找地图中宅基地 */
       closeMoule: function (data) {
-        this.circulation.zjddm = data;
-        let _this = this;
-        let handlerTime = this.getDate();
-        this.$set(this.circulation, "sqrq", handlerTime);
-        this.$set(this.circulation, "pzrq", handlerTime);
-        this.$set(this.circulation, "barq", handlerTime);
         getByLyZjddm(data).then((response) => {
-          this.$set(this.circulation, "ntcmj", response.data.zdmj);
-          this.$set(this.circulation, "tcmj", response.data.zdmj);
-          this.$set(this.circulation, "zjdszd", response.data.zdszd);
-          this.$set(this.circulation, "zjdszn", response.data.zdszn);
-          this.$set(this.circulation, "zjdszx", response.data.zdszx);
-          this.$set(this.circulation, "zjdszb", response.data.zdszb);
-          this.$set(this.circulation, "theGeomJson", response.data.theGeomJson);
-          this.$set(this.circulation, "tcqszsh", response.data.zsh);
-          listHomesteadnmfw({zjddm: data}).then((res) => {
-            res.rows.map(function(item){
-              _this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj));
-              _this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj));
-            });
-          });
+          this.$set(this.circulation, "sfyhdz", response.data.isMore);
           // const baseImgUrl = this.$store.getters.baseRoutingUrl;
-          if(response.data.zdt != null && response.data.zdt !== ""){
-            this.$set(this.form, "xzzp", response.rows[0].zdt);
+        });
+      },
+      /** 有偿使用面积计算 */
+      computeMJ(){
+        if(this.circulation.shyqrdbxm == null || this.circulation.shyqrdbxm === ""){
+          return  this.$toast("请先选择使用权人");
+        }
+        let _this = this;
+        _this.$set( _this.circulation, "ycsymj",  0.00);
+        _this.$set( _this.jsmjData, "hzdmj",  0.00);
+        _this.$set( _this.jsmjData, "zdmjSum",  0.00);
+        listProgramme({}).then((res) => {
+          if(res.rows.length > 0){
+            _this.$set( _this.jsmjData, "hzdmj", res.rows[0].maxArea);
           }
+          selectHomesteadObligeeMapList({shyqrdbxm:_this.circulation.shyqrdbxm,landStatus:_this.landStatus}).then((response) => {
+            if (response.code == 200) {
+              response.data.map(function(item){
+                _this.$set( _this.jsmjData, "zdmjSum", _this.jsmjData.zdmjSum + item.zjdzdxx.zdmj);
+                if(_this.jsmjData.zdmjSum - _this.jsmjData.hzdmj > 0){
+                  _this.$set( _this.circulation, "ycsymj",  (_this.jsmjData.zdmjSum - _this.jsmjData.hzdmj).toFixed(2));
+                }else{
+                  _this.$set( _this.circulation, "ycsymj", 0.00);
+                }
+
+              });
+            }
+          });
+        })
+
+      },
+      /**使用费用计算 */
+      computeFY(){
+        let _this = this;
+        _this.$set( _this.circulation, "ycsymjdj",  0.00);
+        _this.$set( _this.circulation, "ycsyfy",  0.00);
+        listYcsyjfbz({}).then(response => {
+          response.rows.map(function(item){
+            if(_this.circulation.ycsymj >= item.startArea && _this.circulation.ycsymj <= item.endArea){
+              _this.$set( _this.circulation, "ycsyfy",  (_this.circulation.ycsymj * item.feeAmount).toFixed(2));
+            }
+          });
         });
       },
       /** 模糊查询人员信息 */
@@ -365,6 +399,11 @@
           this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
         },1000);
       },
+      changeDJ() {
+        if (this.circulation.ycsymj != null) {
+          this.circulation.ycsyfy = ((this.circulation.ycsymj * this.circulation.ycsymjdj)).toFixed(2);
+        }
+      },
       goSubmit(){
         ycsyEdit(this.circulation).then(response => {
           if(response.code = 200){