-
-
-
-
{{ itm.doorName }}
+
+
+
+
+
+
{{ itm.doorName }}
+
+
{{ itm.doorName }}
+
![]()
+
+
+
{{ itm.doorName }}
+
![]()
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
-
-
-
-
-
-
+
+
+
+
+
+
{{ getRentFlag(scope.row.rentFlag) }}
-
+
+
+
+
+
-
- {{ getHouseType(scope.row.houseType) }}
+ {{ $sensitive(scope.row.ownerPhone, 3, 7) }}
-
-
+
+
满意度风险家庭
- {{ $sensitive(scope.row.ownerPhone, 3, 7) }}
+ 是
+ 否
+
+
+
+
重点人员
+
+ 是
+ 否
@@ -77,9 +125,9 @@
-
+
@@ -89,6 +137,7 @@
import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination";
import Title from "./Title/index.vue";
import BreadCrumb from "@/views/dataBoard/cpts/personnel/components/Breadcrumb/index.vue";
+import PeopleMount from "./PeopleMount/index.vue";
export default {
name: "homeDetails",
@@ -96,43 +145,55 @@ export default {
Pagination,
Title,
BreadCrumb,
+ PeopleMount,
},
data() {
return {
- // total: 0,
- // pageNum: 1,
- // pageSize: 10,
+ total: 0,
+ queryParams: {
+ pageNo: 1,
+ pageSize: 10,
+ unitId: "",
+ ownerName: "",
+ ownerPhone: "",
+ ownerIdCard: "",
+ riskyFlag: "",
+ residentTag: "",
+ },
+ orgOptions: [],
+ peopleTypeList: [],
+ riskHomeList: [
+ {
+ label: "风险",
+ value: "1",
+ },
+ {
+ label: "无风险",
+ value: "0",
+ },
+ ],
flexWidth: 0,
loading: false,
homeMsg: {},
list: [],
homeText: "",
buildingList: [],
- houseMountArr: [],
+ houseMountArr: [
+ // [
+ // { doorName: 101, riskyNum: 0, importanceNum: 0, rentFlag: "0" },
+ // { doorName: 102, riskyNum: 1, importanceNum: 0, rentFlag: "0" },
+ // { doorName: 103, riskyNum: 0, importanceNum: 1, rentFlag: "0" },
+ // { doorName: 104, riskyNum: 0, importanceNum: 0, rentFlag: "2" },
+ // ],
+ ],
};
},
- watch: {
- // "$route.query.buIding": {
- // handler(val) {
- // if (val) {
- // this.getList(val);
- // }
- // },
- // immediate: true,
- // },
- // "$route.query.typeB": {
- // handler(val) {
- // console.log("jhjkbhkjhkjhkjhkjhkj");
- // if (val) {
- // this.getList();
- // }
- // },
- // immediate: true,
- // },
- },
+ watch: {},
mounted() {
const buId = this.$route.query.buId || null;
this.getList(buId);
+ // this.getTableData(this.$route.query.id);
+ this.getPeopleTypeList();
},
methods: {
getDoorNameList(list) {
@@ -166,8 +227,20 @@ export default {
return doorNameList;
},
+ getPeopleTypeList() {
+ this.$http
+ .post("sys/dict/data/dictlist", {
+ dictType: "resident_category",
+ })
+ .then((res) => {
+ const { code, data } = res.data;
+ if (code === 0) {
+ this.peopleTypeList = data;
+ }
+ });
+ },
+
getUnitList(id) {
- this.loading = true;
this.$http.get(`/actual/base/streetOverview/getUnitHouseList?unitId=` + id).then((res) => {
const {
code,
@@ -175,13 +248,27 @@ export default {
} = res.data;
if (code === 0) {
let unitInfos = unitInfo || {};
- this.list = houseList;
this.homeMsg = unitInfos;
this.homeText = (unitInfos.quartersName ? unitInfos.quartersName : "") + (unitInfos.buildingName ? unitInfos.buildingName : "") + (unitInfos.unitNum ? unitInfos.unitNum + "单元" : "");
- this.houseMountArr = this.getDoorNameList(this.list);
+ this.houseMountArr = this.getDoorNameList(houseList);
if (this.houseMountArr.length > 0) {
this.flexWidth = this.houseMountArr[0].length * 58;
}
+ }
+ });
+ },
+
+ getTableData(id) {
+ this.queryParams.unitId = id;
+ this.loading = true;
+ this.$http.get("/actual/base/streetOverview/getUnitHouseOverviewList?" + this.$paramsFormat(this.queryParams)).then((res) => {
+ const {
+ code,
+ data: { list, total },
+ } = res.data;
+ if (code === 0) {
+ this.list = list;
+ this.total = total;
this.loading = false;
} else {
this.loading = false;
@@ -189,6 +276,11 @@ export default {
});
},
+ search() {
+ this.queryParams.pageNo = 1;
+ this.getTableData();
+ },
+
getList(buid) {
const homeType = this.$route.query.typeB;
if (homeType === "building") {
@@ -201,10 +293,10 @@ export default {
if (this.buildingList && this.buildingList.length > 0) {
if (buid) {
this.buildingList.forEach((item, i) => {
- console.log(item);
if (item.id === buid) {
item.ifActive = true;
this.getUnitList(item.id);
+ this.getTableData(item.id);
} else {
item.ifActive = false;
}
@@ -214,6 +306,7 @@ export default {
if (i === 0) {
item.ifActive = true;
this.getUnitList(item.id);
+ this.getTableData(item.id);
} else {
item.ifActive = false;
}
@@ -227,6 +320,7 @@ export default {
});
} else {
this.getUnitList(this.$route.query.id);
+ this.getTableData(this.$route.query.id);
}
},
@@ -256,6 +350,7 @@ export default {
if (item.id === d.id) {
d.ifActive = true;
this.getUnitList(item.id);
+ this.getTableData(item.id);
} else {
d.ifActive = false;
}
@@ -295,6 +390,22 @@ export default {
cursor: pointer;
}
+@mixin homeCommon {
+ height: 58px;
+ background-size: 100% 100%;
+ display: flex;
+ flex: 0 0 48px;
+ align-items: center;
+ justify-content: center;
+ font-size: 14px;
+ font-family: PingFang SC;
+ font-weight: 500;
+ color: #fff;
+ &:not(:last-child) {
+ margin-right: 10px;
+ }
+}
+
.top-nav-list {
display: flex;
margin-bottom: 16px;
@@ -327,7 +438,7 @@ export default {
display: flex;
align-items: flex-end;
justify-content: center;
- margin-top: 100px;
+ margin-top: 60px;
.apar_comtent {
display: flex;
@@ -338,10 +449,9 @@ export default {
.apar_center {
min-width: 244px;
max-width: 488px;
- height: 584px;
+ height: 578px;
overflow: auto;
- background: url("@/assets/images/home/homeCenter.png") no-repeat;
- background-size: 100% 100%;
+ background: #caab93;
padding: 30px 30px 10px 30px;
display: flex;
// align-items: flex-end;
@@ -362,26 +472,34 @@ export default {
margin-bottom: 20px;
.households {
- height: 58px;
+ @include homeCommon;
background: url("@/assets/images/home/hasPeople.png") no-repeat;
- background-size: 100% 100%;
- display: flex;
- flex: 0 0 48px;
- align-items: center;
- justify-content: center;
- font-size: 14px;
- font-family: PingFang SC;
- font-weight: 500;
- color: #7fceff;
- &:not(:last-child) {
- margin-right: 10px;
- }
}
+ .dangerHome,
+ .dangerPeople {
+ @include homeCommon;
+ background: url("@/assets/images/home/dangerHomeBg.png") no-repeat;
+ }
+ .freeHome {
+ @include homeCommon;
+ background: url("@/assets/images/home/freeHome.png") no-repeat;
+ }
+ }
+ }
+
+ .dangerClass {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ div:first-child {
+ margin-bottom: 5px;
+ font-weight: bold;
}
}
.apar_bottom {
- width: 244px;
+ width: 100%;
margin-top: -1px;
img {
@@ -390,9 +508,9 @@ export default {
}
}
- .apar_right {
- margin-left: -3px;
- }
+ // .apar_right {
+ // margin-left: -3px;
+ // }
}
.more {
@@ -427,5 +545,39 @@ export default {
color: yellow;
}
}
+ .mount {
+ margin-top: 25px;
+ }
+
+ .screen {
+ margin: 5px 0 40px;
+
+ .el-select,
+ .el-input {
+ width: 150px;
+ margin-right: 4px;
+ border: 1px solid #126ac5;
+ border-radius: 2px;
+
+ /deep/ .el-input__inner {
+ background: none;
+ border: none;
+ color: #fff;
+ }
+ }
+
+ .searchSelect {
+ width: 200px;
+ /deep/ .el-select__tags {
+ width: 200px !important;
+ max-width: 200px !important;
+ }
+ }
+
+ .btn {
+ margin-left: 46px;
+ height: 32px;
+ }
+ }
}
diff --git a/src/views/dataBoard/cpts/personnel/modules/businessTables/complaint.vue b/src/views/dataBoard/cpts/personnel/modules/businessTables/complaint.vue
index 55d3c2e62..f5c8f03b4 100644
--- a/src/views/dataBoard/cpts/personnel/modules/businessTables/complaint.vue
+++ b/src/views/dataBoard/cpts/personnel/modules/businessTables/complaint.vue
@@ -17,7 +17,7 @@
暂无数据