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

绑定房屋

shibei_master
mk 2 years ago
parent
7beda007c8
commit
fba45c7f7a
1 changed files with 48 additions and 44 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 92
      src/views/modules/base/microGrid/microGridHouse.vue

92
src/views/modules/base/microGrid/microGridHouse.vue
View File

@ -40,28 +40,31 @@
:value="item.value">
</el-option>
</el-select>
<!-- multiple collapse-tags -->
<el-select v-model.trim="BUILD_ID" placeholder="楼号" size="small" clearable
style="width: 150px;" class="resi-cell-select " :disabled="changeVDisabled"
@clear="handleClearBuild" multiple collapse-tags @change="handleChangeB"
@clear="handleClearBuild" @change="handleChangeB"
popper-class="vSelsect" ref="buildS">
<el-option v-for="(item, index) in optionsB" :key="index" :label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select v-model.trim="UNIT_ID" multiple collapse-tags :disabled="changeBDisabled"
<!-- multiple collapse-tags -->
<el-select v-model.trim="UNIT_ID" :disabled="changeBDisabled"
placeholder="单元" size="small" clearable style="width: 150px;" class="resi-cell-select "
@clear="handleClearDan" @change="handleChangeD" popper-class="vSelsect">
<el-option v-for="(item, index) in optionsD " :key="index" :label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select v-model.trim="HOME_ID" multiple collapse-tags :disabled="changeDDisabled"
placeholder="房号" size="small" clearable style="width: 150px;" class="resi-cell-select "
<el-select v-model.trim="HOME_ID" :disabled="changeDDisabled"
placeholder="房号" size="small" multiple collapse-tags clearable style="width: 150px;" class="resi-cell-select "
popper-class="vSelsect" @clear="handleClearHouse" @change="handleChangeH">
<el-option v-for="(item, index) in optionsH" :key="index" :label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-button type="primary" style="margin-left: 10px;" size="small" @click="handelClickCheck">选取</el-button>
</div>
</div>
<section>
@ -198,7 +201,7 @@ export default {
getUniList() {
this.$http
.post('/gov/org/icbuildingunit/unitoption', {
buildingId: this.BUILD_ID.join(',')
buildingId: this.BUILD_ID
})
.then(({ data: res }) => {
if (res.code !== 0) {
@ -215,7 +218,7 @@ export default {
},
getHouseList() {
this.$http
.post('/gov/org/ichouse/houseoption', { unitId: this.UNIT_ID.join(',') })
.post('/gov/org/ichouse/houseoption', { unitId: this.UNIT_ID })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
@ -236,61 +239,69 @@ export default {
this.getBuildList()
},
handleChangeB(val) {
const selected = val.filter(item => !this.prevSelectedOptionsB.includes(item));
const unselected = this.prevSelectedOptionsB.filter(item => !val.includes(item));
console.log(unselected);
if (unselected.length > 0) {
this.selArr = this.selArr.filter(item => item.id !== unselected[0])
} else {
this.getMicroGridHouseName(selected[selected.length - 1], 'building')
}
this.prevSelectedOptionsB = [...val];
// const selected = val.filter(item => !this.prevSelectedOptionsB.includes(item));
// const unselected = this.prevSelectedOptionsB.filter(item => !val.includes(item));
// console.log(unselected);
// if (unselected.length > 0) {
// this.selArr = this.selArr.filter(item => item.id !== unselected[0])
// } else {
// this.getMicroGridHouseName(selected[selected.length - 1], 'building')
// }
// this.prevSelectedOptionsB = [...val];
// 在这里处理选中或取消选中的逻辑
this.UNIT_ID = ''
this.HOME_ID = ''
this.getUniList()
},
handleChangeD(val) {
const selected = val.filter(item => !this.prevSelectedOptionsD.includes(item));
const unselected = this.prevSelectedOptionsD.filter(item => !val.includes(item));
if (unselected.length > 0) {
this.selArr = this.selArr.filter(item => item.id !== unselected[0])
} else {
this.getMicroGridHouseName(selected[selected.length - 1], 'unit')
}
this.prevSelectedOptionsD = [...val];
// const selected = val.filter(item => !this.prevSelectedOptionsD.includes(item));
// const unselected = this.prevSelectedOptionsD.filter(item => !val.includes(item));
// if (unselected.length > 0) {
// this.selArr = this.selArr.filter(item => item.id !== unselected[0])
// } else {
// this.getMicroGridHouseName(selected[selected.length - 1], 'unit')
// }
// this.prevSelectedOptionsD = [...val];
this.HOME_ID = ''
this.getHouseList()
},
handleChangeH(val) {
const selected = val.filter(item => !this.prevSelectedOptionsH.includes(item));
const unselected = this.prevSelectedOptionsH.filter(item => !val.includes(item));
if (unselected.length > 0) {
this.selArr = this.selArr.filter(item => item.id !== unselected[0])
} else {
this.getMicroGridHouseName(selected[selected.length - 1], 'house')
}
this.prevSelectedOptionsH = [...val];
// const selected = val.filter(item => !this.prevSelectedOptionsH.includes(item));
// const unselected = this.prevSelectedOptionsH.filter(item => !val.includes(item));
// if (unselected.length > 0) {
// this.selArr = this.selArr.filter(item => item.id !== unselected[0])
// } else {
// this.getMicroGridHouseName(selected[selected.length - 1], 'house')
// }
// this.prevSelectedOptionsH = [...val];
},
handleClearVillage() {
this.BUILD_ID = ''
this.HOME_ID = ''
},
handelClickCheck(){
if(this.HOME_ID.length > 0){
for(let i in this.HOME_ID){
this.getMicroGridHouseName(this.HOME_ID[i],'house')
}
}else if(this.UNIT_ID){
this.getMicroGridHouseName(this.UNIT_ID,'unit')
}else if(this.BUILD_ID){
this.getMicroGridHouseName(this.BUILD_ID,'building')
}
},
handleClearBuild() {
this.BUILD_ID = ''
this.UNIT_ID = ''
this.HOME_ID = ''
this.selArr = []
},
handleClearDan() {
this.UNIT_ID = ''
this.HOME_ID = ''
this.selArr = this.selArr.filter(item => item.level !== 'unit' || item.level !== 'house') || []
},
handleClearHouse() {
this.selArr = this.selArr.filter(item => item.level !== 'house') || []
},
handleSizeChange(val) {
this.pageSize = val
@ -330,13 +341,6 @@ export default {
this.tableLoading = false
},
handelClickDel(val) {
if (val.level === "building") {
this.BUILD_ID = this.BUILD_ID.filter(item => item !== val.id);
} else if (val.level === "unit") {
this.UNIT_ID = this.UNIT_ID.filter(item => item !== val.id);
} else if (val.level === "house") {
this.HOME_ID = this.HOME_ID.filter(item => item !== val.id);
}
this.selArr = this.selArr.filter(item => item.id !== val.id);
},
handleClose() {
@ -357,9 +361,9 @@ export default {
},
async handelSave() {
let parm = {
houseIds: this.HOME_ID ? this.HOME_ID.join(',') : '',
unitIds: this.UNIT_ID ? this.UNIT_ID.join(',') : '',
buildingIds: this.BUILD_ID ? this.BUILD_ID.join(',') : '',
houseIds: this.selArr.filter(item=>item.level == 'house').map(item=>item.id).join(',') || '',
unitIds: this.selArr.filter(item=>item.level == 'unit').map(item=>item.id).join(',') || '',
buildingIds: this.selArr.filter(item=>item.level == 'building').map(item=>item.id).join(',')|| '' ,
microGridId: this.microGridId
}
let url = '/gov/org/house/addMicroGridHouse'

Write Preview
Loading…
Cancel
Save