YUJT
3 years ago
6 changed files with 953 additions and 151 deletions
@ -0,0 +1,649 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div v-show="currentPage == 'chaxun'"> |
||||
|
<div v-show="!showedFuncPanel"> |
||||
|
<div class="m-info"> |
||||
|
<div class="wrap"> |
||||
|
<div class="search"> |
||||
|
<div class="input"> |
||||
|
<!-- <el-dropdown |
||||
|
class="select" |
||||
|
placement="bottom" |
||||
|
v-model="searchData.type" |
||||
|
@command="(type) => (searchData.type = type)" |
||||
|
> |
||||
|
<span class="select-show"> |
||||
|
{{ { fangwu: "房屋" }[searchData.type] |
||||
|
}} |
||||
|
</span> |
||||
|
</el-dropdown> --> |
||||
|
|
||||
|
<input |
||||
|
type="text" |
||||
|
:placeholder="typePlaceholder[searchData.type]" |
||||
|
v-model="searchData.keyword" |
||||
|
@keyup.enter="handleClickSearchBtn" |
||||
|
/> |
||||
|
|
||||
|
<div |
||||
|
class="close-btn" |
||||
|
v-if="searchData.keyword != ''" |
||||
|
@click="searchData.keyword = ''" |
||||
|
> |
||||
|
<img src="@/assets/img/shequ/close.png" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="btn" @click="handleClickSearchBtn">搜索</div> |
||||
|
</div> |
||||
|
|
||||
|
<div |
||||
|
class="m-tb" |
||||
|
v-if=" |
||||
|
searchData.type == 'fangwu' && |
||||
|
searchData.keyword != '' && |
||||
|
searchStatus == 'ing' |
||||
|
" |
||||
|
> |
||||
|
<div class="tb"> |
||||
|
<el-table |
||||
|
:data="searchFangwu.list" |
||||
|
v-loading="searchFangwu.loading" |
||||
|
border |
||||
|
:max-height="1000" |
||||
|
style="width: 100%" |
||||
|
> |
||||
|
<el-table-column |
||||
|
label="序号" |
||||
|
type="index" |
||||
|
align="center" |
||||
|
width="50" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="houseName" |
||||
|
label="房屋名称" |
||||
|
width="120" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="neighborHoodName" |
||||
|
label="所属小区" |
||||
|
width="160" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="buildingName" label="所属楼栋"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="unitNum" label="单元号"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="doorName" label="门牌号"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="houseType" label="类型"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="purpose" label="用途"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="rentFlag" label="房屋状态"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="ownerName" label="房主姓名"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="ownerPhone" |
||||
|
label="房主电话" |
||||
|
width="110" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="ownerIdCard" |
||||
|
label="身份证" |
||||
|
width="170" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
class="operate" |
||||
|
width="170" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
style="color: #1c6afd; text-decoration: underline" |
||||
|
size="small" |
||||
|
@click="handleWatchSearchFangwu(scope.row)" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
style="color: #1c6afd; text-decoration: underline" |
||||
|
size="small" |
||||
|
@click="checkFangwu(scope.row)" |
||||
|
>绑定房屋</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div> |
||||
|
<el-pagination |
||||
|
@size-change="handleSizeChangeSearchFangwu" |
||||
|
@current-change="handleCurrentChangeSearchFangwu" |
||||
|
:current-page.sync="searchFangwu.pageNo" |
||||
|
:page-sizes="[20, 50, 100, 200]" |
||||
|
:page-size="parseInt(searchFangwu.pageSize)" |
||||
|
layout="sizes, prev, pager, next" |
||||
|
:total="searchFangwu.total" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div |
||||
|
class="m-tb" |
||||
|
v-if=" |
||||
|
searchData.type == 'xuqiu' && |
||||
|
searchData.keyword != '' && |
||||
|
searchStatus == 'ing' |
||||
|
" |
||||
|
> |
||||
|
<div class="tb"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- <div class="binding-house"> |
||||
|
<span>绑定房屋:</span> |
||||
|
<span>{{houseName}}</span> |
||||
|
</div> --> |
||||
|
<people-more |
||||
|
v-if="showedPeopleMoreInfo && currentPepeleId" |
||||
|
:userId="currentPepeleId" |
||||
|
:gridName="currentPepeleGridName" |
||||
|
@close="showedPeopleMoreInfo = false" |
||||
|
/> |
||||
|
|
||||
|
<!-- 修改弹出框 --> |
||||
|
<el-dialog |
||||
|
:visible.sync="showedFangwuInfo" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
title="房屋详情" |
||||
|
width="900px" |
||||
|
:modal="false" |
||||
|
@closed="showedFangwuInfo = false" |
||||
|
> |
||||
|
<fangwu-info |
||||
|
ref="fangwu_info" |
||||
|
@dialogCancle="showedFangwuInfo = false" |
||||
|
></fangwu-info> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 修改弹出框 --> |
||||
|
<el-dialog |
||||
|
:visible.sync="showedXuqiuInfo" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
title="需求详情" |
||||
|
width="900px" |
||||
|
@closed="showedXuqiuInfo = false" |
||||
|
> |
||||
|
<xuqiu-info |
||||
|
ref="xuqiu_info" |
||||
|
@dialogCancle="showedXuqiuInfo = false" |
||||
|
></xuqiu-info> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import barChart from "@/views/modules/shequ/cpts/bar-chart"; |
||||
|
import warningList from "@/views/modules/warning/index"; |
||||
|
import { mapGetters } from "vuex"; |
||||
|
import nextTick from "dai-js/tools/nextTick"; |
||||
|
import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
||||
|
import fangwuInfo from "@/views/modules/shequ/cpts/fangwu-info"; |
||||
|
import xuqiuInfo from "@/views/modules/shequ/cpts/xuqiu-info"; |
||||
|
import scrollNotice from "@/views/modules/shequ/cpts/scroll-notice"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
barChart, |
||||
|
peopleMore, |
||||
|
fangwuInfo, |
||||
|
xuqiuInfo, |
||||
|
warningList, |
||||
|
scrollNotice, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
searchStatus: "ini", //ing over |
||||
|
searchData: { |
||||
|
type: "fangwu", |
||||
|
keyword: "", |
||||
|
}, |
||||
|
|
||||
|
typePlaceholder: { |
||||
|
jumin: "请输入姓名或电话或身份证号", |
||||
|
fangwu: "请输入“小区名称，楼号”，如：亿联小区，1号楼", |
||||
|
xuqiu: "请输入需求人或需求内容或服务方", |
||||
|
}, |
||||
|
|
||||
|
selectedFuncIdList: [], |
||||
|
|
||||
|
funcList: [ |
||||
|
// { |
||||
|
// url: '', |
||||
|
// menuId: '', |
||||
|
// menuName: '', |
||||
|
// icon: '', |
||||
|
// } |
||||
|
], |
||||
|
|
||||
|
showedFuncPanel: false, |
||||
|
|
||||
|
warningChart: { |
||||
|
loading: false, |
||||
|
total: "", |
||||
|
list: [], |
||||
|
}, |
||||
|
|
||||
|
warningTb: { |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
list: [], |
||||
|
}, |
||||
|
|
||||
|
searchJumin: { |
||||
|
header: [], |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
list: [], |
||||
|
}, |
||||
|
|
||||
|
searchFangwu: { |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
list: [], |
||||
|
}, |
||||
|
|
||||
|
searchXuqiu: { |
||||
|
header: [ |
||||
|
{ |
||||
|
label: "状态", |
||||
|
align: "center", |
||||
|
columnName: "statusName", |
||||
|
width: "120", |
||||
|
options: [ |
||||
|
{ |
||||
|
label: "待处理", |
||||
|
value: "pending", |
||||
|
}, |
||||
|
{ |
||||
|
label: "已取消", |
||||
|
value: "canceled", |
||||
|
}, |
||||
|
{ |
||||
|
label: "已派单", |
||||
|
value: "assigned", |
||||
|
}, |
||||
|
{ |
||||
|
label: "已接单", |
||||
|
value: "have_order", |
||||
|
}, |
||||
|
{ |
||||
|
label: "已完成", |
||||
|
value: "finished", |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
label: "所属网格", |
||||
|
columnName: "gridName", |
||||
|
align: "center", |
||||
|
width: "", |
||||
|
options: [], |
||||
|
}, |
||||
|
{ |
||||
|
label: "需求类型", |
||||
|
columnName: "categoryName", |
||||
|
align: "center", |
||||
|
width: "", |
||||
|
options: [], |
||||
|
}, |
||||
|
{ |
||||
|
label: "需求内容", |
||||
|
columnName: "content", |
||||
|
align: "center", |
||||
|
width: "", |
||||
|
options: [], |
||||
|
}, |
||||
|
{ |
||||
|
label: "上报类型", |
||||
|
columnName: "reportTypeName", |
||||
|
align: "center", |
||||
|
width: "120", |
||||
|
options: [ |
||||
|
{ |
||||
|
label: "社区帮办", |
||||
|
value: "community", |
||||
|
}, |
||||
|
{ |
||||
|
label: "楼长帮办", |
||||
|
value: "building_caption", |
||||
|
}, |
||||
|
{ |
||||
|
label: "党员帮办", |
||||
|
value: "party", |
||||
|
}, |
||||
|
{ |
||||
|
label: "自身上报", |
||||
|
value: "self_help", |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
label: "上报人", |
||||
|
columnName: "reportUserName", |
||||
|
align: "center", |
||||
|
width: "120", |
||||
|
options: [], |
||||
|
}, |
||||
|
{ |
||||
|
label: "上报时间", |
||||
|
columnName: "reportTime", |
||||
|
align: "center", |
||||
|
width: "180", |
||||
|
options: [], |
||||
|
}, |
||||
|
{ |
||||
|
label: "需求人", |
||||
|
columnName: "demandUserName", |
||||
|
align: "center", |
||||
|
width: "80", |
||||
|
options: [], |
||||
|
}, |
||||
|
{ |
||||
|
label: "服务方", |
||||
|
columnName: "serviceShowName", |
||||
|
align: "center", |
||||
|
width: "120", |
||||
|
options: [], |
||||
|
}, |
||||
|
{ |
||||
|
label: "服务时间", |
||||
|
columnName: "wantServiceTime", |
||||
|
align: "center", |
||||
|
width: "180", |
||||
|
options: [], |
||||
|
}, |
||||
|
], |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
list: [], |
||||
|
}, |
||||
|
|
||||
|
// 显示人员详情 |
||||
|
showedPeopleMoreInfo: false, |
||||
|
|
||||
|
currentPepeleId: "", |
||||
|
currentPepeleGridName: "", |
||||
|
|
||||
|
// 显示人员详情 |
||||
|
showedFangwuInfo: false, |
||||
|
showedXuqiuInfo: false, |
||||
|
|
||||
|
noticeList: [ |
||||
|
// { |
||||
|
// configId: "20211210153859_f070ac2dd01129da5d9a9f2329fbd9ea1", |
||||
|
// noticeContent: "市北区-抚顺第二网格中南国际2号楼低保人员超出预警!", |
||||
|
// }, |
||||
|
], |
||||
|
|
||||
|
currentCategoryCode: "", |
||||
|
|
||||
|
currentPage: "chaxun", //查询 预警 |
||||
|
currentNoticeBuildingId: "", |
||||
|
currentNoticeConfigId: "", |
||||
|
houseName: null, |
||||
|
bindingForm: { |
||||
|
idCard: null, |
||||
|
homeId: null, |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
selectedFuncList() { |
||||
|
const { |
||||
|
selectedFuncIdList, |
||||
|
$store: { |
||||
|
state: { sidebarMenuList }, |
||||
|
}, |
||||
|
} = this; |
||||
|
let obj = {}; |
||||
|
sidebarMenuList.forEach((menu) => { |
||||
|
if (selectedFuncIdList.indexOf(menu.id) !== -1) { |
||||
|
obj[menu.id] = { |
||||
|
menuId: menu.id, |
||||
|
menuName: menu.name, |
||||
|
icon: menu.icon, |
||||
|
url: menu.url, |
||||
|
}; |
||||
|
} |
||||
|
if (menu.children && menu.children.length > 0) { |
||||
|
menu.children.forEach((item) => { |
||||
|
if (selectedFuncIdList.indexOf(item.id) !== -1) { |
||||
|
obj[item.id] = { |
||||
|
menuId: item.id, |
||||
|
menuName: item.name, |
||||
|
icon: item.icon, |
||||
|
url: item.url, |
||||
|
}; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
return selectedFuncIdList.map((id) => obj[id]); |
||||
|
}, |
||||
|
maxTableHeight() { |
||||
|
// return this.clientHeight - 450; |
||||
|
return 420; |
||||
|
}, |
||||
|
...mapGetters(["clientHeight"]), |
||||
|
}, |
||||
|
watch: { |
||||
|
"searchData.keyword": function (val) { |
||||
|
if (val == "") { |
||||
|
this.searchStatus = "ini"; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
props: { |
||||
|
bindHouse: { |
||||
|
type: Object, |
||||
|
default: {}, |
||||
|
}, |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.getApiData(); |
||||
|
console.log( |
||||
|
"dynamicMenuRoutes----------------------------", |
||||
|
this.$store.state.sidebarMenuList |
||||
|
); |
||||
|
this.bindingForm.idCard = this.bindHouse.idCard; |
||||
|
}, |
||||
|
methods: { |
||||
|
// 选择房屋 |
||||
|
checkFangwu(val) { |
||||
|
console.log(val); |
||||
|
this.bindingForm.homeId = val.houseId; |
||||
|
this.$confirm("确定绑定此房屋?", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
center: true, |
||||
|
}) |
||||
|
.then(async () => { |
||||
|
const url = "/epmetuser/icresiuser/bindHome"; |
||||
|
const { bindingForm } = this; |
||||
|
const res = await requestPost(url, bindingForm); |
||||
|
if (res.code === 0) { |
||||
|
this.$message.success('房屋绑定成功') |
||||
|
this.$emit("closeBindHouse"); |
||||
|
}else{ |
||||
|
this.$message.error(res.msg) |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
}, |
||||
|
changeCategoryCode({ code }) { |
||||
|
this.currentCategoryCode = code || ""; |
||||
|
|
||||
|
this.warningTb.pageNo = 1; |
||||
|
this.getWarningTb(); |
||||
|
}, |
||||
|
|
||||
|
computedWidth(label) { |
||||
|
const wd = 20 * label.length; |
||||
|
return wd > 80 ? wd : 80; |
||||
|
}, |
||||
|
handleFilterSpan(row, item) { |
||||
|
let _val = ""; |
||||
|
if (item.options && item.options.length > 0) { |
||||
|
item.options.forEach((n) => { |
||||
|
if (n.value === row[item.columnName]) _val = n.label; |
||||
|
}); |
||||
|
} |
||||
|
return _val || row[item.columnName]; |
||||
|
}, |
||||
|
|
||||
|
handleClickSearchBtn() { |
||||
|
const { |
||||
|
searchData: { type, keyword }, |
||||
|
} = this; |
||||
|
if (!keyword) return this.$message.error("请输入搜索条件"); |
||||
|
if (type == "fangwu") { |
||||
|
this.searchFangwu.pageNo = 1; |
||||
|
this.searchFangwu.total = 0; |
||||
|
this.getSearchFangwu(); |
||||
|
} |
||||
|
this.searchStatus = "ing"; |
||||
|
}, |
||||
|
|
||||
|
handleSizeChangeWarning(val) { |
||||
|
console.log(`每页 ${val} 条`); |
||||
|
this.warningTb.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getWarningTb(); |
||||
|
}, |
||||
|
handleCurrentChangeWarning(val) { |
||||
|
console.log(`当前页: ${val}`); |
||||
|
this.warningTb.pageNo = val; |
||||
|
this.getWarningTb(); |
||||
|
}, |
||||
|
async handleWatchWarning(rowIndex) { |
||||
|
let item = this.warningTb.list[rowIndex]; |
||||
|
this.currentPepeleId = item.userId; |
||||
|
this.currentPepeleGridName = item.gridName; |
||||
|
await nextTick(); |
||||
|
this.showedPeopleMoreInfo = true; |
||||
|
}, |
||||
|
|
||||
|
async handleWatchSearchJumin(rowIndex) { |
||||
|
let item = this.searchJumin.list[rowIndex]; |
||||
|
this.currentPepeleId = item.icResiUserId; |
||||
|
this.currentPepeleGridName = item.GRID_ID; |
||||
|
await nextTick(); |
||||
|
this.showedPeopleMoreInfo = true; |
||||
|
}, |
||||
|
|
||||
|
handleSizeChangeSearchFangwu(val) { |
||||
|
console.log(`每页 ${val} 条`); |
||||
|
this.searchFangwu.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getSearchFangwu(); |
||||
|
}, |
||||
|
handleCurrentChangeSearchFangwu(val) { |
||||
|
console.log(`当前页: ${val}`); |
||||
|
this.searchFangwu.pageNo = val; |
||||
|
this.getSearchFangwu(); |
||||
|
}, |
||||
|
async handleWatchSearchFangwu(row) { |
||||
|
this.showedFangwuInfo = true; |
||||
|
await nextTick(); |
||||
|
this.$refs.fangwu_info.initForm("detail", row); |
||||
|
}, |
||||
|
|
||||
|
getApiData() { |
||||
|
this.getWarningTb(); |
||||
|
}, |
||||
|
|
||||
|
async getSearchFangwu() { |
||||
|
const url = "/gov/org/house/search"; |
||||
|
const { |
||||
|
searchData: { keyword }, |
||||
|
searchFangwu: { pageSize, pageNo }, |
||||
|
} = this; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
keyword, |
||||
|
pageSize, |
||||
|
pageNo, |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
console.log("列表请求成功！！！！！！！！！！！！！！"); |
||||
|
this.searchFangwu.total = data.total || 0; |
||||
|
this.searchFangwu.list = data.list |
||||
|
? data.list.map((item) => { |
||||
|
return item; |
||||
|
}) |
||||
|
: []; |
||||
|
} else { |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
async getWarningTb() { |
||||
|
const url = "/epmetuser/icresiuser/personwarn/rightlist"; |
||||
|
const { |
||||
|
warningTb: { pageSize, pageNo }, |
||||
|
} = this; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
pageSize, |
||||
|
pageNo, |
||||
|
categoryCode: this.currentCategoryCode, |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
console.log("列表请求成功！！！！！！！！！！！！！！"); |
||||
|
this.warningTb.total = data.total || 0; |
||||
|
this.warningTb.list = data.list |
||||
|
? data.list.map((item) => { |
||||
|
item.typeName = item.type.join("、"); |
||||
|
return item; |
||||
|
}) |
||||
|
: []; |
||||
|
} else { |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" src="@/assets/scss/modules/search.scss" scoped></style> |
||||
|
<style lang="scss" scoped> |
||||
|
.logo { |
||||
|
font-size: 35px; |
||||
|
font-weight: bold; |
||||
|
text-align: center; |
||||
|
letter-spacing: 3px; |
||||
|
} |
||||
|
.binding-house { |
||||
|
margin: 0 100px 50px; |
||||
|
span { |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue