@@ -106,10 +106,17 @@ | |||||
@confirm="onConfirmYcsydqsj" | @confirm="onConfirmYcsydqsj" | ||||
/> | /> | ||||
</van-popup> | </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.fkfs" label="付款方式" placeholder="请输入付款方式" input-align="right" label-width="auto"/> | ||||
<van-field v-model="circulation.bz" 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> | </template> | ||||
<script> | <script> | ||||
import { zjdzd } from "@/api/onlineHome/homestead/circulation"; | |||||
import { zjdzd,selectHomesteadObligeeMapList} from "@/api/onlineHome/homestead/circulation"; | |||||
import { ycsyAdd } from "@/api/onlineHome/homestead/paidUtilize"; | 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 MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | ||||
import {listProgramme} from "@/api/onlineHome/homestead/programme"; | |||||
export default { | export default { | ||||
name: "paidUtilizeAdd", | name: "paidUtilizeAdd", | ||||
components: {MapGisObtainTc}, | components: {MapGisObtainTc}, | ||||
@@ -149,11 +158,16 @@ | |||||
zjdDictionaries:[],//宅基地代码 | zjdDictionaries:[],//宅基地代码 | ||||
shyqrdmDictionaries:[],//使用权人 | shyqrdmDictionaries:[],//使用权人 | ||||
getObligeeOptions:[],//下拉框列表 | getObligeeOptions:[],//下拉框列表 | ||||
//计算有偿使用面积 | |||||
jsmjData:{ | |||||
zdmjSum:0.00, | |||||
hzdmj:0.00, | |||||
}, | |||||
landStatus:"1", | landStatus:"1", | ||||
tcqllx:'', | tcqllx:'', | ||||
tclx:'', | tclx:'', | ||||
tcfs:'', | tcfs:'', | ||||
zjlx:'', | |||||
zjlx:'身份证', | |||||
bcfs:'', | bcfs:'', | ||||
zjddm:'', | zjddm:'', | ||||
sysFarmer:{deptId:this.$store.state.user.loginDeptId,memberName:""}, | sysFarmer:{deptId:this.$store.state.user.loginDeptId,memberName:""}, | ||||
@@ -168,7 +182,7 @@ | |||||
showycsydqsj: false, | showycsydqsj: false, | ||||
showDropList: false,//是否显示下拉框 | showDropList: false,//是否显示下拉框 | ||||
mapShow: false, | mapShow: false, | ||||
circulation:{}, | |||||
circulation:{ ycsymj:0.00, ycsyfy:0.00, ycsymjdj:0.00,sfyhdz:"0"}, | |||||
minDate: new Date(), | minDate: new Date(), | ||||
maxDate: new Date(2025, 10, 1), | maxDate: new Date(2025, 10, 1), | ||||
currentDate: new Date(), | currentDate: new Date(), | ||||
@@ -236,9 +250,6 @@ | |||||
getByLyZjddm(data).then((response) => { | getByLyZjddm(data).then((response) => { | ||||
this.$set(this.circulation, "sfyhdz", response.data.isMore); | this.$set(this.circulation, "sfyhdz", response.data.isMore); | ||||
// const baseImgUrl = this.$store.getters.baseRoutingUrl; | // 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(); | this.$refs.zjdProductResh.drawingLyPaceCountryDarw(); | ||||
},1000); | },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(){ | goSubmit(){ | ||||
ycsyAdd(this.circulation).then(response => { | ycsyAdd(this.circulation).then(response => { | ||||
if(response.code = 200){ | if(response.code = 200){ | ||||
@@ -25,9 +25,11 @@ | |||||
<template #icon> | <template #icon> | ||||
<van-icon name="../../../static/images/onlineHome/icon_zjd9.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | <van-icon name="../../../static/images/onlineHome/icon_zjd9.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | ||||
</template> | </template> | ||||
<span>{{item.ycsyfy}}元</span> | |||||
<template #label> | <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> | </template> | ||||
</van-cell> | </van-cell> | ||||
<template #right> | <template #right> | ||||
<van-row> | <van-row> | ||||
@@ -106,10 +106,17 @@ | |||||
@confirm="onConfirmYcsydqsj" | @confirm="onConfirmYcsydqsj" | ||||
/> | /> | ||||
</van-popup> | </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.fkfs" label="付款方式" placeholder="请输入付款方式" input-align="right" label-width="auto"/> | ||||
<van-field v-model="circulation.bz" 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> | </template> | ||||
<script> | <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 { ycsyEdit,getYcsy } from "@/api/onlineHome/homestead/paidUtilize"; | ||||
import { getShyqrs,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit"; | import { getShyqrs,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit"; | ||||
import { listYcsyjfbz} from "@/api/onlineHome/homestead/homeuseycsyjfbz"; | |||||
import MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | import MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | ||||
import {listProgramme} from "@/api/onlineHome/homestead/programme"; | |||||
export default { | export default { | ||||
name: "paidUtilizeAdd", | name: "paidUtilizeAdd", | ||||
components: {MapGisObtainTc}, | components: {MapGisObtainTc}, | ||||
@@ -149,6 +158,11 @@ | |||||
zjdDictionaries:[],//宅基地代码 | zjdDictionaries:[],//宅基地代码 | ||||
shyqrdmDictionaries:[],//使用权人 | shyqrdmDictionaries:[],//使用权人 | ||||
getObligeeOptions:[],//下拉框列表 | getObligeeOptions:[],//下拉框列表 | ||||
//计算有偿使用面积 | |||||
jsmjData:{ | |||||
zdmjSum:0.00, | |||||
hzdmj:0.00, | |||||
}, | |||||
landStatus:"1", | landStatus:"1", | ||||
tcqllx:'', | tcqllx:'', | ||||
tclx:'', | tclx:'', | ||||
@@ -243,31 +257,51 @@ | |||||
}, | }, | ||||
/** 查找地图中宅基地 */ | /** 查找地图中宅基地 */ | ||||
closeMoule: function (data) { | 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) => { | 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; | // 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(); | this.$refs.zjdProductResh.drawingLyPaceCountryDarw(); | ||||
},1000); | },1000); | ||||
}, | }, | ||||
changeDJ() { | |||||
if (this.circulation.ycsymj != null) { | |||||
this.circulation.ycsyfy = ((this.circulation.ycsymj * this.circulation.ycsymjdj)).toFixed(2); | |||||
} | |||||
}, | |||||
goSubmit(){ | goSubmit(){ | ||||
ycsyEdit(this.circulation).then(response => { | ycsyEdit(this.circulation).then(response => { | ||||
if(response.code = 200){ | if(response.code = 200){ | ||||