elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改网格控件

shibei_master
HAHA 3 years ago
parent
a9556a8134
commit
7d49092f4a
5 changed files with 300 additions and 179 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 94
      src/views/modules/cabaseinfo/caloudong.vue
  2. 95
      src/views/modules/cabaseinfo/capingfang.vue
  3. 96
      src/views/modules/cabaseinfo/carental.vue
  4. 97
      src/views/modules/cabaseinfo/caresident.vue
  5. 97
      src/views/modules/cabaseinfo/carotators.vue

94
src/views/modules/cabaseinfo/caloudong.vue
View File

@ -1,25 +1,27 @@
<template> <template>
<div class="mod-axis__caLoudong}"> <div class="mod-axis__caLoudong}">
<el-card> <el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="searchForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属网格" prop="gridId"> <el-form-item label="所属网格" prop="gridId">
<el-cascader <el-select v-model="searchForm.gridId" filterable placeholder="请选择" clearable>
:options="caLouDongOptions" <el-option
:props="{ checkStrictly: true }" v-for="item in optionsG"
clearable :key="item.value"
@change="handlePartyChange"> :label="item.label"
</el-cascader> :value="item.value">
</el-form-item> </el-option>
</el-select>
</el-form-item>
<el-form-item label="楼宇名称" prop="buildingName"> <el-form-item label="楼宇名称" prop="buildingName">
<el-input <el-input
v-model="dataForm.buildingName" v-model="searchForm.buildingName"
placeholder="楼宇名称" placeholder="楼宇名称"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="小区（单位）名称" prop="communityName"> <el-form-item label="小区（单位）名称" prop="communityName">
<el-input <el-input
v-model="dataForm.communityName" v-model="searchForm.communityName"
placeholder="小区（单位）名称" placeholder="小区（单位）名称"
clearable clearable
></el-input> ></el-input>
@ -171,43 +173,65 @@ export default {
deleteURL: "", deleteURL: "",
deleteIsBatch: true, deleteIsBatch: true,
}, },
dataForm: { searchForm: {
buildingName: "", buildingName: "",
communityName: "", communityName: "",
gridId:"" gridId:""
}, },
caLouDongOptions:[] caLouDongOptions:[],
optionsG:[]
}; };
}, },
methods:{ methods:{
getloudongOptions(){ // getloudongOptions(){
this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => { // this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => {
if(resp.data.code === 0){ // if(resp.data.code === 0){
this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data) // this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data)
} // }
}).catch(error => { // }).catch(error => {
this.$message.error(error) // this.$message.error(error)
}) // })
}, // },
removeEmptySubOrgList (orgArray) { // removeEmptySubOrgList (orgArray) {
orgArray.forEach((orgInfo) => { // orgArray.forEach((orgInfo) => {
if (orgInfo && orgInfo.children) { // if (orgInfo && orgInfo.children) {
if (orgInfo.children.length === 0) { // if (orgInfo.children.length === 0) {
orgInfo.children = undefined // orgInfo.children = undefined
} else { // } else {
this.removeEmptySubOrgList(orgInfo.children) // this.removeEmptySubOrgList(orgInfo.children)
} // }
} // }
}) // })
return orgArray; // return orgArray;
}, // },
handlePartyChange(val) { handlePartyChange(val) {
console.log('val------pp', val) console.log('val------pp', val)
this.dataForm.gridId = val[val.length - 1] this.searchForm.gridId = val[val.length - 1]
},
async getGridList(type, agencyId) {
const { user } = await this.$store.state
console.log('user---ppp', user)
// addorupdate query
await this.$http
.post('/gov/org/customergrid/gridoption', { agencyId: agencyId || user.agencyId, purpose: type })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
console.log('获取查询详情成功', res.data)
this.optionsG = res.data
if (type === 'query') this.optionsG = res.data
else this.optionsEditG = res.data
}
})
.catch(() => {
return this.$message.error('网络错误')
})
}, },
}, },
created(){ created(){
this.getloudongOptions() // this.getloudongOptions()
this.getGridList('query')
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

95
src/views/modules/cabaseinfo/capingfang.vue
View File

@ -1,25 +1,27 @@
<template> <template>
<div class="mod-axis__caPingfang}"> <div class="mod-axis__caPingfang}">
<el-card> <el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="searchForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属网格" prop="gridId"> <el-form-item label="所属网格" prop="gridId">
<el-cascader <el-select v-model="searchForm.gridId" filterable placeholder="请选择" clearable>
:options="caLouDongOptions" <el-option
:props="{ checkStrictly: true }" v-for="item in optionsG"
clearable :key="item.value"
@change="handlePartyChange"> :label="item.label"
</el-cascader> :value="item.value">
</el-form-item> </el-option>
</el-select>
</el-form-item>
<el-form-item label="楼宇名称" prop="buildingName"> <el-form-item label="楼宇名称" prop="buildingName">
<el-input <el-input
v-model="dataForm.buildingName" v-model="searchForm.buildingName"
placeholder="楼宇名称" placeholder="楼宇名称"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="小区（单位）名称" prop="communityName"> <el-form-item label="小区（单位）名称" prop="communityName">
<el-input <el-input
v-model="dataForm.communityName" v-model="searchForm.communityName"
placeholder="小区（单位）名称" placeholder="小区（单位）名称"
clearable clearable
></el-input> ></el-input>
@ -171,43 +173,66 @@ export default {
deleteURL: "", deleteURL: "",
deleteIsBatch: true, deleteIsBatch: true,
}, },
dataForm: { searchForm: {
buildingName: "", buildingName: "",
communityName: "", communityName: "",
gridId:"" gridId:""
}, },
caLouDongOptions:[] caLouDongOptions:[],
optionsG:[]
}; };
}, },
methods:{ methods:{
getloudongOptions(){ // getloudongOptions(){
this.$http.post(`/opendata/cabmGrid/getCascadeMenu`).then(resp => { // this.$http.post(`/opendata/cabmGrid/getCascadeMenu`).then(resp => {
if(resp.data.code === 0){ // if(resp.data.code === 0){
this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data) // this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data)
} // }
}).catch(error => { // }).catch(error => {
this.$message.error(error) // this.$message.error(error)
}) // })
}, // },
removeEmptySubOrgList (orgArray) { // removeEmptySubOrgList (orgArray) {
orgArray.forEach((orgInfo) => { // orgArray.forEach((orgInfo) => {
if (orgInfo && orgInfo.children) { // if (orgInfo && orgInfo.children) {
if (orgInfo.children.length === 0) { // if (orgInfo.children.length === 0) {
orgInfo.children = undefined // orgInfo.children = undefined
} else { // } else {
this.removeEmptySubOrgList(orgInfo.children) // this.removeEmptySubOrgList(orgInfo.children)
} // }
} // }
}) // })
return orgArray; // return orgArray;
}, // },
handlePartyChange(val) { handlePartyChange(val) {
console.log('val------pp', val) console.log('val------pp', val)
this.dataForm.gridId = val[val.length - 1] this.searchForm.gridId = val[val.length - 1]
},
async getGridList(type, agencyId) {
const { user } = await this.$store.state
console.log('user---ppp', user)
// addorupdate query
await this.$http
.post('/gov/org/customergrid/gridoption', { agencyId: agencyId || user.agencyId, purpose: type })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
console.log('获取查询详情成功', res.data)
this.optionsG = res.data
if (type === 'query') this.optionsG = res.data
else this.optionsEditG = res.data
}
})
.catch(() => {
return this.$message.error('网络错误')
})
}, },
}, },
created(){ created(){
this.getloudongOptions() // this.getloudongOptions()
this.getGridList()
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

96
src/views/modules/cabaseinfo/carental.vue
View File

@ -1,32 +1,34 @@
<template> <template>
<div class="mod-axis__caRental}"> <div class="mod-axis__caRental}">
<el-card> <el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="searchForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属网格" prop="gridId"> <el-form-item label="所属网格" prop="gridId">
<el-cascader <el-select v-model="searchForm.gridId" filterable placeholder="请选择" clearable>
:options="caLouDongOptions" <el-option
:props="{ checkStrictly: true }" v-for="item in optionsG"
clearable :key="item.value"
@change="handlePartyChange"> :label="item.label"
</el-cascader> :value="item.value">
</el-form-item> </el-option>
</el-select>
</el-form-item>
<el-form-item label="房屋编号" prop="houseName"> <el-form-item label="房屋编号" prop="houseName">
<el-input <el-input
v-model="dataForm.houseName" v-model="searchForm.houseName"
placeholder="房屋编号" placeholder="房屋编号"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="房主姓名" prop="residentName"> <el-form-item label="房主姓名" prop="residentName">
<el-input <el-input
v-model="dataForm.residentName" v-model="searchForm.residentName"
placeholder="房主姓名" placeholder="房主姓名"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="承租人姓名" prop="renterName"> <el-form-item label="承租人姓名" prop="renterName">
<el-input <el-input
v-model="dataForm.renterName" v-model="searchForm.renterName"
placeholder="承租人姓名" placeholder="承租人姓名"
clearable clearable
></el-input> ></el-input>
@ -171,44 +173,66 @@ export default {
deleteURL: "", deleteURL: "",
deleteIsBatch: true, deleteIsBatch: true,
}, },
dataForm: { searchForm: {
houseName: "", houseName: "",
residentName: "", residentName: "",
renterName: "", renterName: "",
gridId:"" gridId:""
}, },
caLouDongOptions:[] caLouDongOptions:[],
optionsG:[]
}; };
}, },
methods:{ methods:{
getloudongOptions(){ // getloudongOptions(){
this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => { // this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => {
if(resp.data.code === 0){ // if(resp.data.code === 0){
this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data) // this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data)
} // }
}).catch(error => { // }).catch(error => {
this.$message.error(error) // this.$message.error(error)
}) // })
}, // },
removeEmptySubOrgList (orgArray) { // removeEmptySubOrgList (orgArray) {
orgArray.forEach((orgInfo) => { // orgArray.forEach((orgInfo) => {
if (orgInfo && orgInfo.children) { // if (orgInfo && orgInfo.children) {
if (orgInfo.children.length === 0) { // if (orgInfo.children.length === 0) {
orgInfo.children = undefined // orgInfo.children = undefined
} else { // } else {
this.removeEmptySubOrgList(orgInfo.children) // this.removeEmptySubOrgList(orgInfo.children)
} // }
} // }
}) // })
return orgArray; // return orgArray;
}, // },
handlePartyChange(val) { handlePartyChange(val) {
console.log('val------pp', val) console.log('val------pp', val)
this.dataForm.gridId = val[val.length - 1] this.searchForm.gridId = val[val.length - 1]
},
async getGridList(type, agencyId) {
const { user } = await this.$store.state
console.log('user---ppp', user)
// addorupdate query
await this.$http
.post('/gov/org/customergrid/gridoption', { agencyId: agencyId || user.agencyId, purpose: type })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
console.log('获取查询详情成功', res.data)
this.optionsG = res.data
if (type === 'query') this.optionsG = res.data
else this.optionsEditG = res.data
}
})
.catch(() => {
return this.$message.error('网络错误')
})
}, },
}, },
created(){ created(){
this.getloudongOptions() // this.getloudongOptions()
this.getGridList()
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

97
src/views/modules/cabaseinfo/caresident.vue
View File

@ -1,28 +1,30 @@
<template> <template>
<div class="mod-axis__caResident}"> <div class="mod-axis__caResident}">
<el-card> <el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="searchForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属网格" prop="gridId"> <el-form-item label="所属网格" prop="gridId">
<el-cascader <el-select v-model="searchForm.gridId" filterable placeholder="请选择" clearable>
:options="caLouDongOptions" <el-option
:props="{ checkStrictly: true }" v-for="item in optionsG"
clearable :key="item.value"
@change="handlePartyChange"> :label="item.label"
</el-cascader> :value="item.value">
</el-form-item> </el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号" prop="idCard"> <el-form-item label="身份证号" prop="idCard">
<el-input v-model="dataForm.idCard" placeholder="身份证号" clearable></el-input> <el-input v-model="searchForm.idCard" placeholder="身份证号" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="姓名" prop="residentName"> <el-form-item label="姓名" prop="residentName">
<el-input <el-input
v-model="dataForm.residentName" v-model="searchForm.residentName"
placeholder="姓名" placeholder="姓名"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系方式" prop="telephone"> <el-form-item label="联系方式" prop="telephone">
<el-input <el-input
v-model="dataForm.telephone" v-model="searchForm.telephone"
placeholder="联系方式" placeholder="联系方式"
clearable clearable
></el-input> ></el-input>
@ -182,13 +184,14 @@ export default {
deleteURL: "", deleteURL: "",
deleteIsBatch: true, deleteIsBatch: true,
}, },
dataForm: { searchForm: {
idCard: "", idCard: "",
residentName: "", residentName: "",
telephone: "", telephone: "",
gridId:"" gridId:""
}, },
caLouDongOptions:[] caLouDongOptions:[],
optionsG:[]
}; };
}, },
methods:{ methods:{
@ -199,34 +202,56 @@ export default {
closeBindHouse(){ closeBindHouse(){
this.bndingHouseVisible = false this.bndingHouseVisible = false
}, },
getloudongOptions(){ // getloudongOptions(){
this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => { // this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => {
if(resp.data.code === 0){ // if(resp.data.code === 0){
this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data) // this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data)
} // }
}).catch(error => { // }).catch(error => {
this.$message.error(error) // this.$message.error(error)
}) // })
}, // },
removeEmptySubOrgList (orgArray) { // removeEmptySubOrgList (orgArray) {
orgArray.forEach((orgInfo) => { // orgArray.forEach((orgInfo) => {
if (orgInfo && orgInfo.children) { // if (orgInfo && orgInfo.children) {
if (orgInfo.children.length === 0) { // if (orgInfo.children.length === 0) {
orgInfo.children = undefined // orgInfo.children = undefined
} else { // } else {
this.removeEmptySubOrgList(orgInfo.children) // this.removeEmptySubOrgList(orgInfo.children)
} // }
} // }
}) // })
return orgArray; // return orgArray;
}, // },
handlePartyChange(val) { handlePartyChange(val) {
console.log('val------pp', val) console.log('val------pp', val)
this.dataForm.gridId = val[val.length - 1] this.searchForm.gridId = val[val.length - 1]
},
async getGridList(type, agencyId) {
const { user } = await this.$store.state
console.log('user---ppp', user)
// addorupdate query
await this.$http
.post('/gov/org/customergrid/gridoption', { agencyId: agencyId || user.agencyId, purpose: type })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
console.log('获取查询详情成功', res.data)
this.optionsG = res.data
if (type === 'query') this.optionsG = res.data
else this.optionsEditG = res.data
}
})
.catch(() => {
return this.$message.error('网络错误')
})
}, },
}, },
created(){ created(){
this.getloudongOptions() // this.getloudongOptions()
this.getGridList()
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,

97
src/views/modules/cabaseinfo/carotators.vue
View File

@ -1,28 +1,30 @@
<template> <template>
<div class="mod-axis__caRotators}"> <div class="mod-axis__caRotators}">
<el-card> <el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="searchForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属网格" prop="gridId"> <el-form-item label="所属网格" prop="gridId">
<el-cascader <el-select v-model="searchForm.gridId" filterable placeholder="请选择" clearable>
:options="caLouDongOptions" <el-option
:props="{ checkStrictly: true }" v-for="item in optionsG"
clearable :key="item.value"
@change="handlePartyChange"> :label="item.label"
</el-cascader> :value="item.value">
</el-form-item> </el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号" prop="idCard"> <el-form-item label="身份证号" prop="idCard">
<el-input v-model="dataForm.idCard" placeholder="身份证号" clearable></el-input> <el-input v-model="searchForm.idCard" placeholder="身份证号" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="姓名" prop="residentName"> <el-form-item label="姓名" prop="residentName">
<el-input <el-input
v-model="dataForm.residentName" v-model="searchForm.residentName"
placeholder="姓名" placeholder="姓名"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系方式" prop="telephone"> <el-form-item label="联系方式" prop="telephone">
<el-input <el-input
v-model="dataForm.telephone" v-model="searchForm.telephone"
placeholder="联系方式" placeholder="联系方式"
clearable clearable
></el-input> ></el-input>
@ -159,45 +161,66 @@ export default {
deleteURL: "", deleteURL: "",
deleteIsBatch: true, deleteIsBatch: true,
}, },
dataForm: { searchForm: {
idCard: "", idCard: "",
residentName: "", residentName: "",
telephone: "", telephone: "",
gridId:"" gridId:""
}, },
caLouDongOptions:[] caLouDongOptions:[],
optionsG:[]
}; };
}, },
methods:{ methods:{
// getloudongOptions(){
getloudongOptions(){ // this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => {
this.$http.post(`/opendata/bmGrid/getCascadeMenu`).then(resp => { // if(resp.data.code === 0){
if(resp.data.code === 0){ // this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data)
this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data) // }
} // }).catch(error => {
}).catch(error => { // this.$message.error(error)
this.$message.error(error) // })
}) // },
}, // removeEmptySubOrgList (orgArray) {
removeEmptySubOrgList (orgArray) { // orgArray.forEach((orgInfo) => {
orgArray.forEach((orgInfo) => { // if (orgInfo && orgInfo.children) {
if (orgInfo && orgInfo.children) { // if (orgInfo.children.length === 0) {
if (orgInfo.children.length === 0) { // orgInfo.children = undefined
orgInfo.children = undefined // } else {
} else { // this.removeEmptySubOrgList(orgInfo.children)
this.removeEmptySubOrgList(orgInfo.children) // }
} // }
} // })
}) // return orgArray;
return orgArray; // },
},
handlePartyChange(val) { handlePartyChange(val) {
console.log('val------pp', val) console.log('val------pp', val)
this.dataForm.gridId = val[val.length - 1] this.searchForm.gridId = val[val.length - 1]
},
async getGridList(type, agencyId) {
const { user } = await this.$store.state
console.log('user---ppp', user)
// addorupdate query
await this.$http
.post('/gov/org/customergrid/gridoption', { agencyId: agencyId || user.agencyId, purpose: type })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
console.log('获取查询详情成功', res.data)
this.optionsG = res.data
if (type === 'query') this.optionsG = res.data
else this.optionsEditG = res.data
}
})
.catch(() => {
return this.$message.error('网络错误')
})
}, },
}, },
created(){ created(){
this.getloudongOptions() // this.getloudongOptions()
this.getGridList()
}, },
components: { components: {
AddOrUpdate AddOrUpdate

Write Preview
Loading…
Cancel
Save