@@ -456,6 +456,7 @@ | |||||
</van-popup> | </van-popup> | ||||
<field-select | <field-select | ||||
v-model="form.landPhms" | v-model="form.landPhms" | ||||
v-if="showXzyy" | |||||
label="盘活利用模式" | label="盘活利用模式" | ||||
value-key="dictLabel" | value-key="dictLabel" | ||||
data-key="dictValue" | data-key="dictValue" | ||||
@@ -733,9 +734,12 @@ | |||||
<!-- <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>--> | <!-- <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>--> | ||||
<!-- </template>--> | <!-- </template>--> | ||||
<!-- </van-field>--> | <!-- </van-field>--> | ||||
<MapGisDrawing ref="zjdProductResh" :message="form.theGeomJson" :zjddm="form.zjddm" ></MapGisDrawing> | |||||
<common-map ref="pointDarwMap" style="height:200px;" | |||||
:allowDraw="true" | |||||
@drawReseted="onMapDrawReseted" | |||||
@drawFinished="onMapDrawFinished" | |||||
> | |||||
</common-map> | |||||
</div> | </div> | ||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | <div style="margin: 16px;display: flex;justify-content: space-around;"> | ||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | ||||
@@ -750,7 +754,7 @@ import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homeste | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | ||||
import FieldSelect from "@/components/form/FieldSelect"; | import FieldSelect from "@/components/form/FieldSelect"; | ||||
import FieldRadio from "@/components/form/FieldRadio"; | import FieldRadio from "@/components/form/FieldRadio"; | ||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | |||||
import CommonMap from "@/components/house/CommonMap"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | ||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | ||||
@@ -764,7 +768,7 @@ import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
name: "homesteadAdd", | name: "homesteadAdd", | ||||
components: { MapGisDrawing,FieldSelect, FieldRadio}, | |||||
components: { CommonMap,FieldSelect, FieldRadio}, | |||||
data() { | data() { | ||||
return { | return { | ||||
active:1, | active:1, | ||||
@@ -776,6 +780,11 @@ export default { | |||||
nhdm :'777888999', | nhdm :'777888999', | ||||
} | } | ||||
], | ], | ||||
// 地图绘制 | |||||
drawInsert: null, | |||||
// 当前位置信息 | |||||
tGeoOrganizationLat: null, | |||||
tGeoOrganizationLng: null, | |||||
showZjdqdsj:false, | showZjdqdsj:false, | ||||
showCzmj:false, | showCzmj:false, | ||||
showFzxx:false, | showFzxx:false, | ||||
@@ -802,22 +811,23 @@ export default { | |||||
if(this.form.zjdlyzk !== "1"){ | if(this.form.zjdlyzk !== "1"){ | ||||
this.showXzyy = true; | this.showXzyy = true; | ||||
} | } | ||||
this.onSubmitzjd(); | |||||
this.$nextTick(() => { | |||||
this.pointDarw(null); | |||||
// this.pointDarwNature(null); | |||||
this.$refs.pointDarwMap && this.$refs.pointDarwMap.update(); | |||||
}) | |||||
}, | }, | ||||
mounted(){ | mounted(){ | ||||
}, | }, | ||||
methods: { | methods: { | ||||
onSubmitzjd(){ | |||||
setTimeout(() => { | |||||
this.$refs.zjdProductResh.drawingPaceCountryDarw(); | |||||
}, 500); | |||||
}, | |||||
submitzjd(){ | submitzjd(){ | ||||
this.$refs.form.validate().then(() => { | this.$refs.form.validate().then(() => { | ||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||
addZjdzd(this.form).then(response => { | addZjdzd(this.form).then(response => { | ||||
let _this =this | |||||
let _this =this; | |||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.form)); | |||||
this.$toast({ | this.$toast({ | ||||
icon: 'success', // 找到自己需要的图标 | icon: 'success', // 找到自己需要的图标 | ||||
message: '保存成功', | message: '保存成功', | ||||
@@ -829,7 +839,8 @@ export default { | |||||
}); | }); | ||||
}else{ | }else{ | ||||
updateZjdzd(this.form).then(response => { | updateZjdzd(this.form).then(response => { | ||||
let _this =this | |||||
let _this =this; | |||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.form)); | |||||
this.$toast({ | this.$toast({ | ||||
icon: 'success', // 找到自己需要的图标 | icon: 'success', // 找到自己需要的图标 | ||||
message: '保存成功', | message: '保存成功', | ||||
@@ -885,12 +896,53 @@ export default { | |||||
}, | }, | ||||
/**宅基地利用状态处理*/ | /**宅基地利用状态处理*/ | ||||
onZjdlyzkChanged(val){ | onZjdlyzkChanged(val){ | ||||
if(val === '1'){ | |||||
console.info(val); | |||||
if(val.dictValue === '1'){ | |||||
this.showXzyy = false; | this.showXzyy = false; | ||||
}else{ | }else{ | ||||
this.showXzyy = true; | this.showXzyy = true; | ||||
} | } | ||||
}, | }, | ||||
// 绘制申请地图 | |||||
pointDarw(data) { | |||||
this.$nextTick(() => { | |||||
let map = this.$refs.pointDarwMap; | |||||
if(data == null) | |||||
data = this.form.theGeomJson; | |||||
this.setMapData(map, data); | |||||
}); | |||||
}, | |||||
// 通用设置地图数据函数 | |||||
setMapData(map, data) { | |||||
//console.log(map, data ? true : false); | |||||
if(!map) return; | |||||
if(data) | |||||
{ | |||||
map.setLayer('pointDarwLayer', data); | |||||
} | |||||
else { | |||||
this.getLandCoord((lng, lat) => { | |||||
map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
}); | |||||
} | |||||
}, | |||||
// 当地图绘制完成时 | |||||
onMapDrawFinished(data) { | |||||
console.info(data); | |||||
this.drawInsert = data; | |||||
this.form.theGeomJson = JSON.stringify(this.drawInsert); | |||||
}, | |||||
// 当申请地图被重置时 | |||||
onMapDrawReseted() { | |||||
this.drawInsert = null; | |||||
if(this.form.theGeomJson) | |||||
{ | |||||
let lastData = JSON.parse(this.form.theGeomJson); | |||||
if(lastData.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
this.drawInsert = lastData.coordinates; | |||||
} | |||||
}, | |||||
goBack(){ | goBack(){ | ||||
if(this.ztMap && this.enterMap ==1){ | if(this.ztMap && this.enterMap ==1){ | ||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||
@@ -143,8 +143,7 @@ export default { | |||||
this.$router.push({name:'zrzAdd',query:val}); | this.$router.push({name:'zrzAdd',query:val}); | ||||
}, | }, | ||||
showPopupAddzrz(){ | showPopupAddzrz(){ | ||||
console.info(this.zrzlist[0].zjddm); | |||||
this.$router.push({name:'zrzAdd',query:{zjddm:this.zrzlist[0].zjddm}}); | |||||
this.$router.push({name:'zrzAdd',query:{zjddm:this.zjdzdxx.zjddm}}); | |||||
}, | }, | ||||
shownmfwlist(val){ | shownmfwlist(val){ | ||||
this.$router.push({name:'nmfwList',query:val}); | this.$router.push({name:'nmfwList',query:val}); | ||||
@@ -233,7 +233,7 @@ | |||||
import {ref} from "vue"; | import {ref} from "vue"; | ||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
name: "hncyList2", | |||||
name: "hncyDetails", | |||||
components: {FieldSelect, FieldRadio}, | components: {FieldSelect, FieldRadio}, | ||||
data() { | data() { | ||||
return { | return { | ||||
@@ -115,6 +115,7 @@ | |||||
:finished="finished3" | :finished="finished3" | ||||
finished-text="没有更多了" | finished-text="没有更多了" | ||||
:immediate-check="false" | :immediate-check="false" | ||||
@load="onRefreshzjd" | |||||
> | > | ||||
<!-- @load="onRefreshzjd"--> | <!-- @load="onRefreshzjd"--> | ||||
<van-cell v-for="(item,index) in list2" :key="index" size="small" :clickable="true" style="border-radius: 16px; | <van-cell v-for="(item,index) in list2" :key="index" size="small" :clickable="true" style="border-radius: 16px; | ||||
@@ -417,14 +418,19 @@ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getList(){ | getList(){ | ||||
rhhcList({surveyStatus:"2,3,4,5"}).then(res => { | |||||
let params = { | |||||
"surveyStatus":"2,3,4,5", | |||||
"pageNum": 1, | |||||
"pageSize":10, | |||||
} | |||||
rhhcList(params).then(res => { | |||||
this.list1 = res.data.zjdzdxxList; | this.list1 = res.data.zjdzdxxList; | ||||
this.totalH = res.data.zjdzs; | this.totalH = res.data.zjdzs; | ||||
this.totalR = res.data.shyqrs; | this.totalR = res.data.shyqrs; | ||||
this.yhcNums = res.data.shyqrs; | |||||
this.yhcNums = res.data.zjdzs; | |||||
}); | }); | ||||
rhhcList({surveyStatus:"1"}).then(res => { | rhhcList({surveyStatus:"1"}).then(res => { | ||||
this.whcNums = res.data.shyqrs; | |||||
this.whcNums = res.data.zjdzs; | |||||
}); | }); | ||||
}, | }, | ||||
showUploadList(){ | showUploadList(){ | ||||
@@ -779,61 +785,43 @@ | |||||
return label | return label | ||||
}, | }, | ||||
onRefreshzjd(){ | onRefreshzjd(){ | ||||
console.log("aaaaaaaaaaaaaaaaaaaaaaaaaaaaa") | |||||
this.isLoadingzjd = false; | this.isLoadingzjd = false; | ||||
let _this = this | let _this = this | ||||
if(this.active==1&&this.loading2){ | |||||
let params = { | |||||
"deptId" : this.item.deptId, | |||||
"houseDataConfirmStatus" : "CONFIRMED", | |||||
"pageNum": this.countyhc+1, | |||||
"pageSize":10, | |||||
} | |||||
listZjdzd(params).then((response) => { | |||||
if(response.rows.length>0&&this.list1.length<response.total){ | |||||
response.rows.map(res => { | |||||
this.list1.push(res) | |||||
}) | |||||
this.countyhc++ | |||||
this.loading2 = false | |||||
}else{ | |||||
this.loading2 = false | |||||
this.finished2 = true | |||||
} | |||||
}); | |||||
}else if(this.active==2&&this.loading3){ | |||||
if(this.active==1&&this.loading3){ | |||||
let params = { | let params = { | ||||
"deptId" : this.item.deptId, | |||||
"houseDataConfirmStatus" : "UNCONFIRMED", | |||||
"pageNum": this.countwhc+1, | |||||
"shyqrdbxm" : this.zjdvalue, | |||||
"surveyStatus":"1", | |||||
"pageNum": this.countyhc+1, | |||||
"pageSize":10, | "pageSize":10, | ||||
} | } | ||||
listZjdzd(params).then((response) => { | |||||
if(response.rows.length>0&&this.list2.length<response.total){ | |||||
response.rows.map(res => { | |||||
rhhcList(params).then((response) => { | |||||
if(response.data.zjdzdxxList.length>0&&this.list2.length<response.data.zjdzs){ | |||||
response.data.zjdzdxxList.map(res => { | |||||
this.list2.push(res) | this.list2.push(res) | ||||
}) | }) | ||||
this.countwhc++ | |||||
this.countyhc++ | |||||
this.loading3 = false | this.loading3 = false | ||||
}else{ | }else{ | ||||
this.loading3 = false | |||||
this.finished3 = true | this.finished3 = true | ||||
} | } | ||||
}); | |||||
}else if(this.active==0&&this.loading1){ | |||||
}); | |||||
}else if(this.active==0&&this.loading2){ | |||||
let params = { | let params = { | ||||
"deptId" : this.item.deptId, | |||||
"shyqrdbxm" : this.zjdvalue, | |||||
"surveyStatus":"2,3,4,5", | |||||
"pageNum": this.countqb+1, | "pageNum": this.countqb+1, | ||||
"pageSize":10, | "pageSize":10, | ||||
} | } | ||||
listZjdzd(params).then((response) => { | |||||
if(response.rows.length>0&&this.list.length<response.total){ | |||||
response.rows.map(res => { | |||||
_this.list.push(res) | |||||
rhhcList(params).then((response) => { | |||||
if(response.data.zjdzdxxList.length>0&&this.list1.length<response.data.zjdzs){ | |||||
response.data.zjdzdxxList.map(res => { | |||||
_this.list1.push(res) | |||||
}) | }) | ||||
this.countqb++ | this.countqb++ | ||||
this.loading1 = false | |||||
this.loading2 = false | |||||
}else{ | }else{ | ||||
this.finished1 = true | |||||
this.finished2 = true | |||||
} | } | ||||
}); | }); | ||||
} | } | ||||
@@ -1217,24 +1205,45 @@ | |||||
let params = { | let params = { | ||||
"shyqrdbxm" : this.zjdvalue, | "shyqrdbxm" : this.zjdvalue, | ||||
"surveyStatus":"1", | "surveyStatus":"1", | ||||
"pageNum": 1, | |||||
"pageSize":10, | |||||
} | } | ||||
rhhcList(params).then((response) => { | rhhcList(params).then((response) => { | ||||
console.info(this.list2.length); | |||||
if (response.code == 200) { | if (response.code == 200) { | ||||
this.list2 = response.data.zjdzdxxList; | |||||
this.totalH = response.data.zjdzs; | |||||
this.totalR = response.data.shyqrs; | |||||
if(response.data.zjdzdxxList.length>0&&response.data.zjdzdxxList.length<response.data.zjdzs){ | |||||
this.list2 = response.data.zjdzdxxList; | |||||
this.totalH = response.data.zjdzs; | |||||
this.totalR = response.data.shyqrs; | |||||
this.countyhc++ | |||||
this.loading3 = false | |||||
this.finished3 = false; | |||||
}else{ | |||||
this.loading3 = false | |||||
this.finished3 = true | |||||
} | |||||
} | } | ||||
}); | }); | ||||
}else{ | }else{ | ||||
let params = { | let params = { | ||||
"shyqrdbxm" : this.zjdvalue, | "shyqrdbxm" : this.zjdvalue, | ||||
"surveyStatus":"2,3,4,5", | "surveyStatus":"2,3,4,5", | ||||
"pageNum": 1, | |||||
"pageSize":10, | |||||
} | } | ||||
rhhcList(params).then((response) => { | rhhcList(params).then((response) => { | ||||
if (response.code == 200) { | if (response.code == 200) { | ||||
this.list1 = response.data.zjdzdxxList; | |||||
this.totalH = response.data.zjdzs; | |||||
this.totalR = response.data.shyqrs; | |||||
if(response.data.zjdzdxxList.length>0&&response.data.zjdzdxxList.length<response.data.zjdzs){ | |||||
this.list1 = response.data.zjdzdxxList; | |||||
this.totalH = response.data.zjdzs; | |||||
this.totalR = response.data.shyqrs; | |||||
this.countyhc++ | |||||
this.loading2 = false | |||||
this.finished2 = false; | |||||
}else{ | |||||
this.loading2 = false | |||||
this.finished2 = true | |||||
} | |||||
} | } | ||||
}); | }); | ||||
} | } | ||||
@@ -1416,6 +1425,8 @@ | |||||
let params = { | let params = { | ||||
"shyqrdbxm" : this.zjdvalue, | "shyqrdbxm" : this.zjdvalue, | ||||
"surveyStatus":"2,3,4,5", | "surveyStatus":"2,3,4,5", | ||||
"pageNum": 1, | |||||
"pageSize":10, | |||||
} | } | ||||
rhhcList(params).then((response) => { | rhhcList(params).then((response) => { | ||||
if (response.code == 200) { | if (response.code == 200) { | ||||
@@ -1429,6 +1440,8 @@ | |||||
let params = { | let params = { | ||||
"shyqrdbxm" : this.zjdvalue, | "shyqrdbxm" : this.zjdvalue, | ||||
"surveyStatus":"1", | "surveyStatus":"1", | ||||
"pageNum": 1, | |||||
"pageSize":10, | |||||
} | } | ||||
rhhcList(params).then((response) => { | rhhcList(params).then((response) => { | ||||
if (response.code == 200) { | if (response.code == 200) { | ||||
@@ -806,37 +806,8 @@ | |||||
}, | }, | ||||
// 农户信息搜索框新增。 | // 农户信息搜索框新增。 | ||||
onClicknh(){ | onClicknh(){ | ||||
this.shownh = true; | |||||
let params = { | |||||
"deptId" : this.item.deptId | |||||
} | |||||
this.qlrform={} | |||||
this.nhform={ | |||||
"suyqrdm":null, | |||||
"deptId":this.item.deptId, | |||||
"hzzjlx":'01', | |||||
"hzzjlxName":"身份证", | |||||
"hyzk":'02', | |||||
"occupation":'1', | |||||
"occupationName":'务农', | |||||
"jzqk":'3', | |||||
"jzqkName":'常年居住', | |||||
"jzhcssfyzf":'1', | |||||
"jzhcssfyzfName":'无住房', | |||||
"zqtczsfyzf":'Y', | |||||
"sfbccm":'Y', | |||||
"sfpkh":'N', | |||||
"sfwbh":'N', | |||||
"sjly":'07', | |||||
"sjlyName":'农村集体产权制度改革', | |||||
} | |||||
listSuyqr(params).then((response) => { | |||||
if(response.rows.length>0){ | |||||
this.qlrform = response.rows[0] | |||||
this.nhform.suyqrdm = this.qlrform.suyqrdm | |||||
this.nhform.txdz = response.rows[0].suyqrmc | |||||
} | |||||
}); | |||||
this.$cookies.remove("search"); | |||||
this.$router.push({name:'hncyDetails',query:{item:{}}}); | |||||
}, | }, | ||||
// 返回 | // 返回 | ||||
onClickLeft(){ | onClickLeft(){ | ||||
@@ -65,17 +65,12 @@ | |||||
:rules="[{ required: true }]" | :rules="[{ required: true }]" | ||||
required | required | ||||
/> | /> | ||||
<van-field | |||||
input-align="right" | |||||
v-model="form.nhdm" | |||||
name="农户代码" | |||||
label="农户代码" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
disabled | |||||
/> | |||||
<van-field v-model="form.nhdm" label="农户姓名" placeholder="农户" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | |||||
<div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | |||||
<van-cell id="vanCell" v-for="(item, index) in nhdmDictionaries" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;"> | |||||
{{item.hzxm}}-{{item.nhdm}} | |||||
</van-cell> | |||||
</div> | |||||
<van-field | <van-field | ||||
input-align="right" | input-align="right" | ||||
v-model="form.sjcs" | v-model="form.sjcs" | ||||
@@ -363,6 +358,8 @@ export default { | |||||
], | ], | ||||
// 地图绘制 | // 地图绘制 | ||||
drawInsert: null, | drawInsert: null, | ||||
showDropList:false, | |||||
nhdmDictionaries:[], | |||||
// 当前位置信息 | // 当前位置信息 | ||||
tGeoOrganizationLat: null, | tGeoOrganizationLat: null, | ||||
tGeoOrganizationLng: null, | tGeoOrganizationLng: null, | ||||
@@ -429,6 +426,51 @@ export default { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | Dialog({ type: 'danger', message: '请填写完整的表单项' }); | ||||
}); | }); | ||||
}, | }, | ||||
/** 模糊查询人员信息 */ | |||||
remoteTransfereeMethod(query) { | |||||
if (query !== "") { | |||||
listNh({hzxm:query}).then((response) => { | |||||
if (response.code == 200) { | |||||
this.nhdmDictionaries = response.rows.map(function (item) { | |||||
return { | |||||
hzxm:item.hzxm, | |||||
sqrxb:item.xb, | |||||
hzzjhm:item.hzzjhm, | |||||
nhdm:item.nhdm, | |||||
hzzjlx:item.hzzjlx, | |||||
lxdh:item.lxdh, | |||||
deptId:item.deptId, | |||||
deptName:item.deptName, | |||||
} | |||||
}) | |||||
//设置模糊查询的下拉框和滚动条 | |||||
if (this.nhdmDictionaries.length > 0) { | |||||
this.showDropList = true; // div显示会阻挡下边的选择框和输入框,showDropList控制下拉框是否显示 | |||||
//设置模糊查询的和滚动条 | |||||
this.$nextTick(() => { | |||||
if (this.nhdmDictionaries.length > 4) { | |||||
let height = document.getElementById("vanCell").offsetHeight * 4; | |||||
document.getElementById("dropList").style.height = height + "px"; | |||||
document.getElementById("dropList").style.overflow = "scroll"; | |||||
} else { | |||||
document.getElementById("dropList").style.height = ""; | |||||
document.getElementById("dropList").style.overflow = "visible"; | |||||
} | |||||
}); | |||||
} else { | |||||
this.showDropList = false; | |||||
} | |||||
} | |||||
}); | |||||
} else { | |||||
this.nhdmDictionaries = []; | |||||
this.showDropList = false; | |||||
} | |||||
}, | |||||
shyqrdmxmChange(val){ | |||||
this.$set(this.form, "nhdm", val.nhdm); | |||||
this.showDropList = false; | |||||
}, | |||||
// 绘制申请地图 | // 绘制申请地图 | ||||
pointDarw(data) { | pointDarw(data) { | ||||
this.$nextTick(() => { | this.$nextTick(() => { | ||||
@@ -141,7 +141,7 @@ export default { | |||||
this.$router.push({name:'nmfwAdd',query:val}); | this.$router.push({name:'nmfwAdd',query:val}); | ||||
}, | }, | ||||
showPopupAddnmfw(){ | showPopupAddnmfw(){ | ||||
this.$router.push({name:'nmfwAdd',query:{nhdm:this.nmfwlist[0].nhdm,nmfwzh:this.nmfwlist[0].nmfwzh}}); | |||||
this.$router.push({name:'nmfwAdd',query:{nmfwzh:this.zrzData.nmfwzh}}); | |||||
}, | }, | ||||
showPopuphncy(val){ | showPopuphncy(val){ | ||||
this.$router.push({name:'nhcyAdd',query:val}); | this.$router.push({name:'nhcyAdd',query:val}); | ||||
@@ -54,27 +54,13 @@ | |||||
placeholder="行政区划名称" | placeholder="行政区划名称" | ||||
:rules="[{ required: true, message: '' }]" | :rules="[{ required: true, message: '' }]" | ||||
/>--> | />--> | ||||
<van-field | |||||
readonly | |||||
clickable | |||||
label="农户代码" | |||||
placeholder="请选择" | |||||
v-model="form.nhdm" | |||||
@click="shownhdm = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-popup v-model="shownhdm" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="nhdmDictionaries" | |||||
value-key="hzxm" | |||||
@confirm="onConfirmnhdm" | |||||
@cancel="shownhdm = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field v-model="form.nhdm" label="农户姓名" placeholder="农户" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | |||||
<div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | |||||
<van-cell id="vanCell" v-for="(item, index) in nhdmDictionaries" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;"> | |||||
{{item.hzxm}}-{{item.nhdm}} | |||||
</van-cell> | |||||
</div> | |||||
<van-field | <van-field | ||||
v-model="form.zjddm" | v-model="form.zjddm" | ||||
label="宅基地代码" | label="宅基地代码" | ||||
@@ -351,6 +337,7 @@ export default { | |||||
} | } | ||||
], | ], | ||||
shownhdm:false, | shownhdm:false, | ||||
showDropList:false, | |||||
shownmfwdm:false, | shownmfwdm:false, | ||||
hzxm:null, | hzxm:null, | ||||
landStatus:"1", | landStatus:"1", | ||||
@@ -386,7 +373,7 @@ export default { | |||||
listNmfw({zjddm:this.zjdzdxx.zjddm}).then(response => { | listNmfw({zjddm:this.zjdzdxx.zjddm}).then(response => { | ||||
this.nmfwDictionaries = response.rows; | this.nmfwDictionaries = response.rows; | ||||
}); | }); | ||||
this.getList(); | |||||
// this.getList(); | |||||
}, | }, | ||||
mounted(){ | mounted(){ | ||||
@@ -397,6 +384,51 @@ export default { | |||||
this.nhdmDictionaries = response.rows; | this.nhdmDictionaries = response.rows; | ||||
}); | }); | ||||
}, | }, | ||||
/** 模糊查询人员信息 */ | |||||
remoteTransfereeMethod(query) { | |||||
if (query !== "") { | |||||
listNh({hzxm:query}).then((response) => { | |||||
if (response.code == 200) { | |||||
this.nhdmDictionaries = response.rows.map(function (item) { | |||||
return { | |||||
hzxm:item.hzxm, | |||||
sqrxb:item.xb, | |||||
hzzjhm:item.hzzjhm, | |||||
nhdm:item.nhdm, | |||||
hzzjlx:item.hzzjlx, | |||||
lxdh:item.lxdh, | |||||
deptId:item.deptId, | |||||
deptName:item.deptName, | |||||
} | |||||
}) | |||||
//设置模糊查询的下拉框和滚动条 | |||||
if (this.nhdmDictionaries.length > 0) { | |||||
this.showDropList = true; // div显示会阻挡下边的选择框和输入框,showDropList控制下拉框是否显示 | |||||
//设置模糊查询的和滚动条 | |||||
this.$nextTick(() => { | |||||
if (this.nhdmDictionaries.length > 4) { | |||||
let height = document.getElementById("vanCell").offsetHeight * 4; | |||||
document.getElementById("dropList").style.height = height + "px"; | |||||
document.getElementById("dropList").style.overflow = "scroll"; | |||||
} else { | |||||
document.getElementById("dropList").style.height = ""; | |||||
document.getElementById("dropList").style.overflow = "visible"; | |||||
} | |||||
}); | |||||
} else { | |||||
this.showDropList = false; | |||||
} | |||||
} | |||||
}); | |||||
} else { | |||||
this.nhdmDictionaries = []; | |||||
this.showDropList = false; | |||||
} | |||||
}, | |||||
shyqrdmxmChange(val){ | |||||
this.$set(this.form, "nhdm", val.nhdm); | |||||
this.showDropList = false; | |||||
}, | |||||
submitzjd(){ | submitzjd(){ | ||||
this.$refs.form.validate().then(() => { | this.$refs.form.validate().then(() => { | ||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||