底部列表与筛选条件联动

master
许宏杰 3 weeks ago
parent 4c935f78ab
commit 36d301f548

@ -11,7 +11,7 @@
<div class="table-header"> <div class="table-header">
<div class="table-cell0">序号</div> <div class="table-cell0">序号</div>
<div class="table-cell1">所属网格</div> <div class="table-cell1">所属网格</div>
<div class="table-cell1">所属楼栋</div> <div class="table-cell2">所属楼栋</div>
<div class="table-cell1">房屋名称</div> <div class="table-cell1">房屋名称</div>
<div class="table-cell1">姓名</div> <div class="table-cell1">姓名</div>
<div class="table-cell1">标签</div> <div class="table-cell1">标签</div>
@ -34,7 +34,7 @@
> >
<div class="table-cell0">{{ index + 1 }}</div> <div class="table-cell0">{{ index + 1 }}</div>
<div class="table-cell1">{{ item.parentname }}</div> <div class="table-cell1">{{ item.parentname }}</div>
<div class="table-cell1"> <div class="table-cell2">
{{ item.deptname }}{{ item.buildingname }} {{ item.deptname }}{{ item.buildingname }}
</div> </div>
<div class="table-cell1">{{ item.housename }}</div> <div class="table-cell1">{{ item.housename }}</div>
@ -79,6 +79,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="no-data" v-show="total == 0"></div>
</div> </div>
</div> </div>
</template> </template>
@ -196,7 +197,16 @@ export default {
margin-top: 0 !important; margin-top: 0 !important;
} }
.result-list { .result-list {
position: relative;
height: calc(100% - 40px) !important; height: calc(100% - 40px) !important;
.no-data {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50% -50%);
font-size: 15px;
color: #d3e9ff;
}
.list-table { .list-table {
height: 100%; height: 100%;
display: flex; display: flex;

@ -3,11 +3,12 @@
<div class="select-search"> <div class="select-search">
<el-select <el-select
v-model="queryParmas.color" v-model="queryParmas.color"
placeholder="分色" placeholder="选择分色"
clearable clearable
multiple multiple
collapse-tags collapse-tags
:popper-append-to-body="false" :popper-append-to-body="false"
@change="changeColor"
> >
<el-option <el-option
v-for="dict in dict.type.b_color_type" v-for="dict in dict.type.b_color_type"
@ -18,7 +19,7 @@
</el-select> </el-select>
<el-select <el-select
v-model="queryParmas.parentid" v-model="queryParmas.parentid"
placeholder="网格" placeholder="选择网格"
clearable clearable
:popper-append-to-body="false" :popper-append-to-body="false"
@change="handleNetwork" @change="handleNetwork"
@ -79,6 +80,12 @@ export default {
this.getNetworkList(); this.getNetworkList();
}, },
methods: { methods: {
changeColor(e) {
console.log(e);
this.$store.commit("CHANGE_QUERY", {
color: e.length > 0 ? e.toString() : undefined,
});
},
async getNetworkList() { async getNetworkList() {
let res = await getNetWorkId({ let res = await getNetWorkId({
xiaoquId: this.queryParamsXiaoqu.xiaoquId, xiaoquId: this.queryParamsXiaoqu.xiaoquId,
@ -119,6 +126,13 @@ export default {
let itemData = this.multipleList.filter((it) => it.label == item)[0]; let itemData = this.multipleList.filter((it) => it.label == item)[0];
this.queryParmas[itemData.key] = itemData.value; this.queryParmas[itemData.key] = itemData.value;
}); });
this.$store.commit("CHANGE_QUERY", {
type: this.queryParmas.type,
isd: this.queryParmas.isd,
isk: this.queryParmas.isk,
isx: this.queryParmas.isx,
isj: this.queryParmas.isj,
});
}, },
filterDisabled(label) { filterDisabled(label) {
if (label == "户籍" || label == "流动") { if (label == "户籍" || label == "流动") {

Loading…
Cancel
Save