Browse Source

合并feature-dev

V1.0
PLUTO 2 years ago
parent
commit
88786a9738
  1. BIN
      src/assets/images/shuju/main/back1.png
  2. 34
      src/assets/scss/dataBoardMain.scss
  3. 6
      src/router/index.js
  4. 2
      src/views/components/fixed1920.vue
  5. 47
      src/views/dataBoard/cpts/family/modules/BusinessRecords.vue
  6. 33
      src/views/dataBoard/cpts/family/modules/EnjoyService.vue
  7. 135
      src/views/dataBoard/cpts/homeDetails/index.vue
  8. 2
      src/views/dataBoard/cpts/map/index.vue
  9. 68
      src/views/dataBoard/overview/familyPortrait/index.vue
  10. 134
      src/views/dataBoard/satisfactionEval/components/EventList/index.vue
  11. 163
      src/views/dataBoard/satisfactionEval/dissatisfied/detail.vue
  12. 141
      src/views/dataBoard/satisfactionEval/modules/RiskStatistics/index.vue
  13. 2
      src/views/dataBoardMain/main-content.vue
  14. 146
      src/views/dataBoardMain/main-navbar.vue
  15. 57
      src/views/modules/home/index.vue

BIN
src/assets/images/shuju/main/back1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

34
src/assets/scss/dataBoardMain.scss

@ -66,29 +66,33 @@
left: 60px; left: 60px;
right: 0; right: 0;
top: 0; top: 0;
line-height: 82px; display: flex;
font-family: PingFang SC; &-txt {
font-weight: bold; line-height: 82px;
color: #FFFFFF; font-family: PingFang SC;
font-size: 34px; font-weight: bold;
// text-shadow: 0px 4px 3px rgba(18, 27, 70, 0.51); color: #FFFFFF;
background: linear-gradient(0deg, #8FD4FF 0%, #FFFFFF 64.0380859375%); font-size: 34px;
background-clip: text; // text-shadow: 0px 4px 3px rgba(18, 27, 70, 0.51);
-webkit-background-clip: text; background: linear-gradient(0deg, #8FD4FF 0%, #FFFFFF 64.0380859375%);
-webkit-text-fill-color: transparent; background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
} }
.selectArea { .selectArea {
position: absolute; // position: absolute;
left: 680px; // left: 680px;
width: 120px; width: 120px;
right: 0; padding-left: 15px;
top: 20px; margin-top: 26px;
::v-deep .el-input__inner { ::v-deep .el-input__inner {
height: 32px !important; height: 32px !important;
border-radius: 16px !important; border-radius: 16px !important;
border: none !important; border: 1px solid #125AAA !important;
color: #fff !important; color: #fff !important;
background: linear-gradient(180deg, #05326E 0%, #032A5D 100%) !important; background: linear-gradient(180deg, #05326E 0%, #032A5D 100%) !important;
} }

6
src/router/index.js

@ -258,7 +258,8 @@ export const dataBoardRoutes = {
title: "居民画像", title: "居民画像",
isTab: false, isTab: false,
}, },
},, },
,
{ {
path: "overview/familyPortrait", path: "overview/familyPortrait",
props: true, props: true,
@ -455,10 +456,11 @@ export const dataBoardRoutes = {
path: "/homeDetails/index", path: "/homeDetails/index",
props: true, props: true,
component: () => import("@/views/dataBoard/cpts/homeDetails/index"), component: () => import("@/views/dataBoard/cpts/homeDetails/index"),
name: "homeDetails", name: "HomeDetails",
meta: { meta: {
title: "单元", title: "单元",
isTab: false, isTab: false,
keepAlive: false,
}, },
}, },
{ {

2
src/views/components/fixed1920.vue

@ -18,7 +18,7 @@ export default {
computed: { computed: {
bdStyle() { bdStyle() {
const { clientHeight, clientWidth } = this; const { clientHeight, clientWidth } = this;
console.log("clientHeight", clientHeight); // console.log("clientHeight", clientHeight);
const scale = clientWidth / 1920; const scale = clientWidth / 1920;
const height = clientHeight / scale; const height = clientHeight / scale;
const top = (clientHeight - height) / 2; const top = (clientHeight - height) / 2;

47
src/views/dataBoard/cpts/family/modules/BusinessRecords.vue

@ -1,36 +1,12 @@
<template> <template>
<div class="business-records"> <div class="business-records">
<Tabs v-model="type" :list="typeList" @changeVal="typeChange" /> <Tabs v-model="type" :list="typeList" @changeVal="typeChange" />
<complaint <complaint @changeTotal="changeTotal" :juminArr="juminArr" v-show="type == 1" />
@changeTotal="changeTotal" <economize @changeTotal="changeTotal" :juminArr="juminArr" v-show="type == 2" />
:juminArr="juminArr" <community @changeTotal="changeTotal" :juminArr="juminArr" v-show="type == 3" />
v-show="type == 1" <reporting-events @changeTotal="changeTotal" :juminArr="juminArr" v-show="type == 4" />
/> <resident @changeTotal="changeTotal" :juminArr="juminArr" v-show="type == 5" />
<economize <giveService @changeTotal="changeTotal" :juminArr="juminArr" v-show="type == 6" />
@changeTotal="changeTotal"
:juminArr="juminArr"
v-show="type == 2"
/>
<community
@changeTotal="changeTotal"
:juminArr="juminArr"
v-show="type == 3"
/>
<reporting-events
@changeTotal="changeTotal"
:juminArr="juminArr"
v-show="type == 4"
/>
<resident
@changeTotal="changeTotal"
:juminArr="juminArr"
v-show="type == 5"
/>
<giveService
@changeTotal="changeTotal"
:juminArr="juminArr"
v-show="type == 6"
/>
</div> </div>
</template> </template>
@ -123,9 +99,7 @@ export default {
this.type = e; this.type = e;
}, },
changeTotal(item) { changeTotal(item) {
this.typeList[item.name].label = item.total this.typeList[item.name].label = item.total ? `${this.typeLists[item.name].label}${item.total}` : this.typeLists[item.name].label;
? `${this.typeLists[item.name].label}${item.total}`
: this.typeLists[item.name].label;
}, },
}, },
}; };
@ -139,15 +113,14 @@ export default {
} }
.table { .table {
/deep/ .el-table td, /deep/ .el-table td,
/deep/ .el-table th,
/deep/ .el-table tr { /deep/ .el-table tr {
padding: 14px !important; padding: 3px 14px !important;
border: none !important; border: none !important;
min-height: 52px;
} }
/deep/ .el-table td,
/deep/ .el-table th { /deep/ .el-table th {
background: none !important; background: none !important;
padding: 6px 14px !important;
border: none !important;
} }
/deep/ .el-table td { /deep/ .el-table td {
font-size: 14px; font-size: 14px;

33
src/views/dataBoard/cpts/family/modules/EnjoyService.vue

@ -1,6 +1,6 @@
<template> <template>
<div class="table"> <div class="table">
<el-table :data="list" max-height="390px" height="390px"> <el-table v-if="list.length > 0" :data="list" max-height="390px" height="390px">
<el-table-column label="序号" type="index" width="80" /> <el-table-column label="序号" type="index" width="80" />
<el-table-column label="变更人" prop="resiName" width="140" /> <el-table-column label="变更人" prop="resiName" width="140" />
<el-table-column label="变更类型" prop="typeName" width="" /> <el-table-column label="变更类型" prop="typeName" width="" />
@ -9,6 +9,11 @@
<el-table-column label="操作人" prop="operatorName" width="120" /> <el-table-column label="操作人" prop="operatorName" width="120" />
<el-table-column label="调整时间" prop="changeTime" width="190" /> <el-table-column label="调整时间" prop="changeTime" width="190" />
</el-table> </el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
</div> </div>
</template> </template>
@ -38,8 +43,8 @@ export default {
}, },
methods: { methods: {
getList() { getList() {
const query = this.$route.query; const query = this.$route.query;
this.houseId = query.houseId; this.houseId = query.houseId;
// (-2-1访0访/访1访) // (-2-1访0访/访1访)
const completeFlags = { const completeFlags = {
"-2": "未知", "-2": "未知",
@ -48,21 +53,15 @@ export default {
1: "已回访", 1: "已回访",
}; };
// //
this.$http this.$http.get("/actual/base/peopleRoomOverview/houseResidentChangeRecord?houseId=" + this.houseId).then(({ data: res }) => {
.get( this.list = res.data.map((item) => {
"/actual/base/peopleRoomOverview/houseResidentChangeRecord?houseId=" + return {
this.houseId ...item,
) completeFlag: completeFlags[item.completeFlag],
.then(({ data: res }) => { };
console.log('res::',res);
this.list = res.data.map((item) => {
return {
...item,
completeFlag: completeFlags[item.completeFlag],
};
});
this.total = res.data.length;
}); });
this.total = res.data.length;
});
}, },
}, },
}; };

135
src/views/dataBoard/cpts/homeDetails/index.vue

@ -12,6 +12,9 @@
}, },
]" /> ]" />
</div> </div>
<div class="top-nav-list" v-if="$route.query.typeB !== building">
<div v-for="item in buildingList" :key="item.id" :class="[item.ifActive ? 'top-nav-itemAC' : 'top-nav-item']" @click="chooseNav(item)">{{ item.buildingName }}{{ item.unitName }}</div>
</div>
<el-row :gutter="48"> <el-row :gutter="48">
<el-col :span="8"> <el-col :span="8">
<div class="bg"> <div class="bg">
@ -45,9 +48,9 @@
<el-table :data="list" v-loading="loading" height="500" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)"> <el-table :data="list" v-loading="loading" height="500" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)">
<el-table-column label="序号" type="index" width="80" /> <el-table-column label="序号" type="index" width="80" />
<el-table-column prop="doorName" label="门牌号" /> <el-table-column prop="doorName" label="门牌号" />
<el-table-column prop="fullName" label="所属小区" /> <el-table-column prop="fullName" show-overflow-tooltip label="所属小区" />
<el-table-column prop="buildingId" label="所属楼栋" /> <el-table-column prop="buildingId" show-overflow-tooltip label="所属楼栋" />
<el-table-column prop="houseName" label="所属单元" /> <el-table-column prop="houseName" show-overflow-tooltip label="所属单元" />
<el-table-column prop="houseCode" label="房屋编码" /> <el-table-column prop="houseCode" label="房屋编码" />
<el-table-column prop="rentFlag" label="房屋状态"> <el-table-column prop="rentFlag" label="房屋状态">
<template slot-scope="scope"> <template slot-scope="scope">
@ -69,7 +72,7 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="90" align="center"> <el-table-column label="操作" width="90" align="center">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<el-button type="text" @click="$router.push('/dataBoard/overview/familyPortrait/?name=' + row.doorName + '&houseId=' + row.id + '&id=' + $route.query.id + '&name2=' + (homeText ? homeText : ''))">查看</el-button> <el-button type="text" @click="$router.push(`/dataBoard/overview/familyPortrait/?name=${row.doorName}&houseId=${row.id}&id=${row.buildingId}&buId=${row.buildingUnitId}&type=${$route.query.typeB}&name2=${row.houseName}`)">查看</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -104,16 +107,32 @@ export default {
homeMsg: {}, homeMsg: {},
list: [], list: [],
homeText: "", homeText: "",
buildingList: [],
houseMountArr: [], houseMountArr: [],
}; };
}, },
watch: { watch: {
"$route.query.id"() { // "$route.query.buIding": {
this.getList(); // handler(val) {
}, // if (val) {
// this.getList(val);
// }
// },
// immediate: true,
// },
// "$route.query.typeB": {
// handler(val) {
// console.log("jhjkbhkjhkjhkjhkjhkj");
// if (val) {
// this.getList();
// }
// },
// immediate: true,
// },
}, },
mounted() { mounted() {
this.getList(); const buId = this.$route.query.buId || null;
this.getList(buId);
}, },
methods: { methods: {
getDoorNameList(list) { getDoorNameList(list) {
@ -147,15 +166,8 @@ export default {
return doorNameList; return doorNameList;
}, },
getList() { getUnitList(id) {
this.loading = true; this.$http.get(`/actual/base/streetOverview/getUnitHouseList?unitId=` + id).then((res) => {
const homeType = this.$route.query.type;
// if (homeType === "building") {
// this.$http.get(`/actual/base/streetOverview/getUnitHouseOverviewList?unitId=` + this.$route.query.id).then((res) => {
// console.log(res);
// });
// } else {
this.$http.get(`/actual/base/streetOverview/getUnitHouseList?unitId=` + this.$route.query.id).then((res) => {
const { const {
code, code,
data: { houseList, unitInfo }, data: { houseList, unitInfo },
@ -165,12 +177,7 @@ export default {
this.list = houseList; this.list = houseList;
this.homeMsg = unitInfos; this.homeMsg = unitInfos;
this.homeText = (unitInfos.quartersName ? unitInfos.quartersName : "") + (unitInfos.buildingName ? unitInfos.buildingName : "") + (unitInfos.unitNum ? unitInfos.unitNum + "单元" : ""); this.homeText = (unitInfos.quartersName ? unitInfos.quartersName : "") + (unitInfos.buildingName ? unitInfos.buildingName : "") + (unitInfos.unitNum ? unitInfos.unitNum + "单元" : "");
console.log(this.homeText, " this.homeText");
this.houseMountArr = this.getDoorNameList(this.list); this.houseMountArr = this.getDoorNameList(this.list);
// this.houseMountArr = [
// [{ doorName: 101 }, { doorName: 102 }, { doorName: 103 }, { doorName: 104 }, { doorName: 105 }, { doorName: 106 }, { doorName: 107 }, { doorName: 108 }, { doorName: 109 }],
// [{ doorName: 201 }, { doorName: 202 }, { doorName: 203 }, { doorName: 204 }, { doorName: 205 }, { doorName: 206 }, { doorName: 207 }, { doorName: 208 }, { doorName: 209 }],
// ];
if (this.houseMountArr.length > 0) { if (this.houseMountArr.length > 0) {
this.flexWidth = this.houseMountArr[0].length * 58; this.flexWidth = this.houseMountArr[0].length * 58;
} }
@ -179,7 +186,46 @@ export default {
this.loading = false; this.loading = false;
} }
}); });
// } },
getList(buid) {
this.loading = true;
const homeType = this.$route.query.typeB;
if (homeType === "building") {
this.$http.get(`/actual/base/streetOverview/getUnitListByBuilding?buildingId=` + "1514914015259979777").then((res) => {
const { code, data } = res.data;
if (code === 0) {
this.buildingList = data;
this.homeText = this.buildingList[0].buildingName + this.buildingList[0].unitName;
if (buid) {
this.buildingList.forEach((item, i) => {
console.log(item);
if (item.id === buid) {
item.ifActive = true;
this.getUnitList(item.id);
} else {
item.ifActive = false;
}
});
} else {
this.buildingList.forEach((item, i) => {
if (i === 0) {
item.ifActive = true;
this.getUnitList(item.id);
} else {
item.ifActive = false;
}
});
}
this.loading = false;
} else {
this.loading = false;
}
});
} else {
this.getUnitList(this.$route.query.id);
}
}, },
getRentFlag(type) { getRentFlag(type) {
@ -200,6 +246,20 @@ export default {
]); ]);
return houseTypeMap.get(type); return houseTypeMap.get(type);
}, },
chooseNav(item) {
let buildList = [...this.buildingList];
this.homeText = item.buildingName + item.unitName;
buildList.forEach((d) => {
if (item.id === d.id) {
d.ifActive = true;
this.getUnitList(item.id);
} else {
d.ifActive = false;
}
});
this.buildingList = buildList;
},
}, },
}; };
</script> </script>
@ -221,9 +281,36 @@ export default {
font-weight: 500; font-weight: 500;
} }
@mixin navListCommon {
min-width: 120px;
height: 36px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
margin-right: 4px;
text-align: center;
line-height: 36px;
cursor: pointer;
}
.top-nav-list {
display: flex;
margin-bottom: 16px;
.top-nav-item {
@include navListCommon;
background-image: url("~@/assets/images/home/noChooseMain.png");
color: #96b1ce;
}
.top-nav-itemAC {
@include navListCommon;
background-image: url("~@/assets/images/home/chooseMain.png");
color: #fff;
}
}
.homeWrap { .homeWrap {
.bread { .bread {
margin-bottom: 25px; margin-bottom: 16px;
} }
.apar_top { .apar_top {

2
src/views/dataBoard/cpts/map/index.vue

@ -841,7 +841,7 @@ export default {
popup.remove(); popup.remove();
}); });
pointMarkerItem.on("click", () => { pointMarkerItem.on("click", () => {
this.$router.push(`/homeDetails/index?id=${data[i].id}&type=${peopleType}`); this.$router.push(`/homeDetails/index?id=${data[i].id}&typeB=${peopleType}`);
}); });
pointMarker.addMarker(pointMarkerItem); pointMarker.addMarker(pointMarkerItem);

68
src/views/dataBoard/overview/familyPortrait/index.vue

@ -1,50 +1,56 @@
<template> <template>
<div> <div>
<div class="breadcrumb"> <div class="breadcrumb">
<Breadcrumb :list="breadcrumbList"/> <Breadcrumb :list="breadcrumbList" />
</div> </div>
<Family/> <Family />
</div> </div>
</template> </template>
<script> <script>
import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb' import Breadcrumb from "@/views/dataBoard/satisfactionEval/components/Breadcrumb";
import Family from '@/views/dataBoard/cpts/family' import Family from "@/views/dataBoard/cpts/family";
export default { export default {
name: "dissatisfiedPersonnelDetail", name: "dissatisfiedPersonnelDetail",
components: { components: {
Breadcrumb, Breadcrumb,
Family Family,
}, },
data() { data() {
return { return {
breadcrumbList: [{ breadcrumbList: [
path: '/dataBoard/overview/index', {
name: '概览' path: "/dataBoard/overview/index",
}, { name: "概览",
path: '/homeDetails/index', },
name: '画像匹配同类潜在不满意人员 ' {
}, { path: "/homeDetails/index",
path: '', name: "",
name: '' },
}], {
} path: "",
name: "",
},
],
};
}, },
watch: { // watch: {
'$route.query'() { // "$route.query.name"() {
this.$set(this.breadcrumbList[1], 'name', this.$route.query.name2) // this.breadcrumbList[1].name = this.$route.query.name2;
this.$set(this.breadcrumbList[1], 'path', this.breadcrumbList[1].path + '?id=' +this.$route.query.id) // },
this.$set(this.breadcrumbList[2], 'name', this.$route.query.name) // "$route.query.name2"() {
this.breadcrumbList[2].name = this.$route.query.name // this.breadcrumbList[2].name = this.$route.query.name;
} // },
// },
activated() {
// console.log(this.$route.query);
const { name, name2, id, buId, type } = this.$route.query;
this.breadcrumbList[1].name = name2;
this.breadcrumbList[2].name = name;
const url = type === "building" ? `/homeDetails/index?id=${id}&buId=${buId}&typeB=${type}` : `/homeDetails/index?id=${buId}&buId=${buId}&typeB=${type}`;
this.breadcrumbList[1].path = url;
}, },
mounted() { };
this.$set(this.breadcrumbList[1], 'name', this.$route.query.name2)
this.$set(this.breadcrumbList[1], 'path', this.breadcrumbList[1].path + '?id=' +this.$route.query.id)
this.$set(this.breadcrumbList[2], 'name', this.$route.query.name)
this.breadcrumbList[2].name = this.$route.query.name
}
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@ -52,7 +58,7 @@ export default {
background: url("@/assets/images/manyidu/icon_fk.png") no-repeat left center; background: url("@/assets/images/manyidu/icon_fk.png") no-repeat left center;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
line-height: 22px; line-height: 22px;
padding-left: 26px; padding-left: 26px;
margin-bottom: 20px; margin-bottom: 20px;

134
src/views/dataBoard/satisfactionEval/components/EventList/index.vue

@ -1,86 +1,71 @@
<template> <template>
<div> <div>
<el-dialog <el-dialog
class="dissatisfied-detail" class="dissatisfied-detail"
title="" title=""
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="1118px" width="1118px"
:modal="false" :modal="false"
:before-close="handleClose" :before-close="handleClose"
> >
<div class="main-title"> <div class="main-title">
<Title :text="month+'份12345政务热线事件列表'"/> <Title :text="month + '份12345政务热线事件列表'" />
</div> </div>
<div class="content"> <div class="content">
<div class="table"> <div class="table">
<el-table :data="list"> <el-table :data="list">
<el-table-column <el-table-column label="序号" type="index" width="80" />
label="序号"
type="index"
width="80"/>
<el-table-column <el-table-column prop="monthTime" label="月度" />
prop="monthTime"
label="月度"/>
<el-table-column <el-table-column prop="agencyName" label="所属社区">
prop="agencyName"
label="所属社区">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="categoryName" label="事项类型" />
prop="categoryName"
label="事项类型"/>
<el-table-column <el-table-column
prop="eventContent" prop="eventContent"
width="200" width="200"
show-overflow-tooltip show-overflow-tooltip
label="事项描述"/> label="事项描述"
<el-table-column />
prop="receiveTime" <el-table-column prop="receiveTime" width="200" label="接收时间" />
width="200"
label="接收时间"/>
<el-table-column <el-table-column prop="statusName" label="状态" />
prop="statusName"
label="状态"/>
<el-table-column label="详情" width="90" align="center"> <el-table-column label="详情" width="90" align="center">
<template slot-scope="data"> <template slot-scope="data">
<el-button type="text" @click="handleView(data.row)">查看</el-button> <el-button type="text" @click="handleView(data.row)"
>查看</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<Pagination <Pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNo" :page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
</div> </div>
</el-dialog> </el-dialog>
<EventDetails :showDialog="showDialog" :id="this.rowId" @close="close"/> <EventDetails :showDialog="showDialog" :id="this.rowId" @close="close" />
</div> </div>
</template> </template>
<script> <script>
import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb' import Breadcrumb from "@/views/dataBoard/satisfactionEval/components/Breadcrumb";
import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination' import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination";
import Title from "@/views/dataBoard/satisfactionEval/components/Title" import Title from "@/views/dataBoard/satisfactionEval/components/Title";
import EventDetails from "@/views/dataBoard/cpts/event-details.vue" import EventDetails from "@/views/dataBoard/cpts/event-details.vue";
export default { export default {
name: "EventList", name: "EventList",
components: {Breadcrumb, Pagination, Title, EventDetails}, components: { Breadcrumb, Pagination, Title, EventDetails },
data() { data() {
return { return {
queryParams: { queryParams: {
@ -89,55 +74,56 @@ export default {
}, },
total: 0, total: 0,
list: [], list: [],
month: '', month: "",
dialogVisible: false, dialogVisible: false,
showDialog: false, showDialog: false,
rowId: '' rowId: "",
} };
},
activated() {
}, },
activated() {},
methods: { methods: {
handleClose(done) { handleClose(done) {
this.dialogVisible = false this.dialogVisible = false;
}, },
open(searchParams) { open(searchParams) {
this.dialogVisible = true this.dialogVisible = true;
this.month = this.$moment(searchParams.monthTime).format('YYYY年M月') this.month = this.$moment(searchParams.monthTime).format("YYYY年M月");
this.queryParams = { this.queryParams = {
...this.queryParams, ...this.queryParams,
...searchParams ...searchParams,
} };
this.getList() this.getList();
}, },
getList() { getList() {
this.$http.get('/governance/satisfactionOverview/event12345List?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => { this.$http
this.list = data.list .get(
this.total = data.total "/governance/satisfactionOverview/event12345List?" +
}) this.$paramsFormat(this.queryParams)
)
.then(({ data: { data } }) => {
this.list = data.list;
this.total = data.total;
});
}, },
handleView({id}) { handleView({ id }) {
this.showDialog = true this.showDialog = true;
this.rowId = id this.rowId = id;
}, },
close() { close() {
this.showDialog = false this.showDialog = false;
} },
} },
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/assets/scss/dataBoard/table.scss"; @import "@/assets/scss/dataBoard/table.scss";
@import "@/assets/scss/dataBoard/dialog.scss"; @import "@/assets/scss/dataBoard/dialog.scss";
/deep/ .el-dialog__wrapper { /deep/ .el-dialog__wrapper {
background: rgba(0,0,0,.5); background: rgba(0, 0, 0, 0.85);
z-index: 9999999999!important; z-index: 9999999999 !important;
} }
.dissatisfied-detail { .dissatisfied-detail {
.main-title { .main-title {
margin-bottom: 20px; margin-bottom: 20px;
} }

163
src/views/dataBoard/satisfactionEval/dissatisfied/detail.vue

@ -1,29 +1,49 @@
<template> <template>
<el-dialog <el-dialog
class="dissatisfied-detail" class="dissatisfied-detail"
title="" title=""
:modal="false" :modal="true"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="1118px" width="1118px"
:before-close="handleClose"> :modal-append-to-body="false"
:before-close="handleClose"
>
<div class="content"> <div class="content">
<div class="main-title"> <div class="main-title">
<Title text="不满意事项详情" noBg/> <Title text="不满意事项详情" noBg />
</div> </div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="10"> <el-col :span="10">
<div class="sub-title">事项详情</div> <div class="sub-title">事项详情</div>
<div class="detail"> <div class="detail">
<p> <p>
{{unsatisfiedMattersModel.reason}} {{ unsatisfiedMattersModel.reason }}
</p>a </p>
<ul> <ul>
<li><span>事项来源</span>{{satisfactionSourceOptions[unsatisfiedMattersModel.satisfactionSource]}}</li> <li>
<li><span>事项类型</span>{{unsatisfiedMattersModel.satisfactionCategoryName}}</li> <span>事项来源</span
<li><span>所属月份</span>{{unsatisfiedMattersModel.satisfactionCategoryName}}</li> >{{
<li><span>所属社区</span>{{unsatisfiedMattersModel.organizationName}}</li> satisfactionSourceOptions[
<li><span>提交人</span>{{unsatisfiedMattersModel.name}}</li> unsatisfiedMattersModel.satisfactionSource
<li><span>提交人电话</span>{{unsatisfiedMattersModel.mobile}}</li> ]
}}
</li>
<li>
<span>事项类型</span
>{{ unsatisfiedMattersModel.satisfactionCategoryName }}
</li>
<li>
<span>所属月份</span
>{{ unsatisfiedMattersModel.satisfactionCategoryName }}
</li>
<li>
<span>所属社区</span
>{{ unsatisfiedMattersModel.organizationName }}
</li>
<li><span>提交人</span>{{ unsatisfiedMattersModel.name }}</li>
<li>
<span>提交人电话</span>{{ unsatisfiedMattersModel.mobile }}
</li>
</ul> </ul>
</div> </div>
</el-col> </el-col>
@ -33,34 +53,46 @@
<div class="number-item"> <div class="number-item">
<div class="text">12345投诉</div> <div class="text">12345投诉</div>
<div class="num"> <div class="num">
<span class="orange">{{unsatisfiedHisCount.satisfaction_12345}}</span> <span class="orange">{{
unsatisfiedHisCount.satisfaction_12345
}}</span>
</div> </div>
</div> </div>
<div class="number-item"> <div class="number-item">
<div class="text">省满意度调查</div> <div class="text">省满意度调查</div>
<div class="num"> <div class="num">
<span class="green">{{unsatisfiedHisCount.satisfaction_province}}</span> <span class="green">{{
unsatisfiedHisCount.satisfaction_province
}}</span>
</div> </div>
</div> </div>
<div class="number-item"> <div class="number-item">
<div class="text">社区满意度自评</div> <div class="text">社区满意度自评</div>
<div class="num"> <div class="num">
<span class="light">{{unsatisfiedHisCount.satisfaction_community}}</span> <span class="light">{{
unsatisfiedHisCount.satisfaction_community
}}</span>
</div> </div>
</div> </div>
</div> </div>
<div class="sub-title">回访记录</div> <div class="sub-title">回访记录</div>
<div class="log"> <div class="log">
<div class="log-item" v-for="(item,index) in followUpRecordDetails"> <div
<div class="name">{{item.followUpUser}}{{item.roleName}}</div> class="log-item"
<div>{{item.followUpDate}}</div> v-for="(item, index) in followUpRecordDetails"
<div>{{item.followUpWay}} <i class="el-icon-arrow-right"></i></div> >
<div class="name">
{{ item.followUpUser }}{{ item.roleName }}
</div>
<div>{{ item.followUpDate }}</div>
<div>
{{ item.followUpWay }} <i class="el-icon-arrow-right"></i>
</div>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -68,44 +100,53 @@
</template> </template>
<script> <script>
import Title from "@/views/dataBoard/satisfactionEval/components/Title" import Title from "@/views/dataBoard/satisfactionEval/components/Title";
export default { export default {
name: "DissatisfiedDetail", name: "DissatisfiedDetail",
components: {Title}, components: { Title },
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
unsatisfiedMattersModel: '', unsatisfiedMattersModel: "",
unsatisfiedHisCount: '', unsatisfiedHisCount: "",
followUpRecordDetails: '', followUpRecordDetails: "",
satisfactionSourceOptions: { satisfactionSourceOptions: {
satisfaction_12345: '12345投诉', satisfaction_12345: "12345投诉",
satisfaction_province: '省满意度调查', satisfaction_province: "省满意度调查",
satisfaction_community: '社区满意度自查', satisfaction_community: "社区满意度自查",
} },
}; };
}, },
methods: { methods: {
handleClose(done) { handleClose(done) {
this.dialogVisible = false this.dialogVisible = false;
}, },
open(id) { open(id) {
this.dialogVisible = true this.dialogVisible = true;
this.getDetail(id) this.getDetail(id);
}, },
getDetail(id) { getDetail(id) {
this.$http.post('/governance/satisfactionDetailList/getUnsatisfiedMattersDetailInfo', id).then(({data: {data}}) => { this.$http
this.unsatisfiedMattersModel = data.unsatisfiedMattersModel .post(
this.unsatisfiedHisCount = data.unsatisfiedHisCount "/governance/satisfactionDetailList/getUnsatisfiedMattersDetailInfo",
this.followUpRecordDetails = data.followUpRecordDetails id
if(this.unsatisfiedMattersModel.satisfactionSource) { )
this.unsatisfiedMattersModel.satisfactionSource = satisfactionSourceOptions.filter(item => item.value === this.unsatisfiedMattersModel.satisfactionSource)[0].label .then(({ data: { data } }) => {
} this.unsatisfiedMattersModel = data.unsatisfiedMattersModel;
}) this.unsatisfiedHisCount = data.unsatisfiedHisCount;
} this.followUpRecordDetails = data.followUpRecordDetails;
} if (this.unsatisfiedMattersModel.satisfactionSource) {
} this.unsatisfiedMattersModel.satisfactionSource =
satisfactionSourceOptions.filter(
(item) =>
item.value === this.unsatisfiedMattersModel.satisfactionSource
)[0].label;
}
});
},
},
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@ -130,6 +171,10 @@ export default {
} }
} }
.el-dialog__wrapper {
background: rgba(0, 0, 0, 0.85);
}
.content { .content {
padding: 0 64px; padding: 0 64px;
} }
@ -142,17 +187,17 @@ export default {
background: url("@/assets/images/manyidu/icon_fk.png") no-repeat left center; background: url("@/assets/images/manyidu/icon_fk.png") no-repeat left center;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
line-height: 22px; line-height: 22px;
padding-left: 26px; padding-left: 26px;
margin-bottom: 20px; margin-bottom: 14px;
} }
.detail { .detail {
p { p {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #ffffff;
line-height: 32px; line-height: 32px;
margin: 0 0 10px; margin: 0 0 10px;
} }
@ -164,11 +209,11 @@ export default {
} }
li { li {
color: #FFFFFF; color: #ffffff;
line-height: 28px; line-height: 32px;
span { span {
color: #9CB4D3 color: #9cb4d3;
} }
} }
} }
@ -182,14 +227,14 @@ export default {
.text { .text {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #A3B9DA; color: #a3b9da;
margin-bottom: 17px; margin-bottom: 17px;
} }
.num { .num {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #A3B9DA; color: #a3b9da;
span { span {
font-size: 32px; font-size: 32px;
@ -200,15 +245,15 @@ export default {
} }
.orange { .orange {
color: #FFB73C; color: #ffb73c;
} }
.green { .green {
color: #08EBAE; color: #08ebae;
} }
.light { .light {
color: #7FCEFF; color: #7fceff;
} }
.log { .log {
@ -219,7 +264,8 @@ export default {
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
color: #fff; color: #fff;
background: url("@/assets/images/manyidu/hf_line.png") bottom center no-repeat; background: url("@/assets/images/manyidu/hf_line.png") bottom center
no-repeat;
padding: 9px 0; padding: 9px 0;
.name { .name {
@ -227,6 +273,5 @@ export default {
} }
} }
} }
} }
</style> </style>

141
src/views/dataBoard/satisfactionEval/modules/RiskStatistics/index.vue

@ -1,79 +1,101 @@
<template> <template>
<div v-loading="loading" <div
element-loading-text="加载中..." v-loading="loading"
element-loading-spinner="el-icon-loading" element-loading-text="加载中..."
element-loading-background="rgba(0,0,0,0.5)"> element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0,0,0,0.5)"
>
<div class="number-list"> <div class="number-list">
<div class="number-item"> <div class="number-item">
<div class="img"> <div class="img">
<img src="@/assets/images/manyidu/hf_ts.png" alt=""> <img src="@/assets/images/manyidu/hf_ts.png" alt="" />
</div> </div>
<div> <div>
<div class="txt"> <div class="txt">
12345热线 <br> 12345热线 <br />
投诉人数 投诉人数
</div> </div>
<div class="num"><span>{{ event12345Num ? event12345Num : 0 }}</span> </div> <div class="num">
<span>{{ event12345Num ? event12345Num : 0 }}</span>
</div>
</div> </div>
</div> </div>
<div class="number-item"> <div class="number-item">
<div class="img"> <div class="img">
<img src="@/assets/images/manyidu/hf_bmy.png" alt=""> <img src="@/assets/images/manyidu/hf_bmy.png" alt="" />
</div> </div>
<div> <div>
<div class="txt"> <div class="txt">
省满意度调查 <br> 省满意度调查 <br />
不满意人数 不满意人数
</div> </div>
<div class="num"><span>{{ provinceSatisfactionNum ? provinceSatisfactionNum : 0 }}</span> </div> <div class="num">
<span>{{
provinceSatisfactionNum ? provinceSatisfactionNum : 0
}}</span>
</div>
</div> </div>
</div> </div>
<div class="number-item"> <div class="number-item">
<div class="img"> <div class="img">
<img src="@/assets/images/manyidu/hf_zpbmy.png" alt=""> <img src="@/assets/images/manyidu/hf_zpbmy.png" alt="" />
</div> </div>
<div> <div>
<div class="txt"> <div class="txt">
社区满意度自评 <br> 社区满意度自评 <br />
不满意人数 不满意人数
</div> </div>
<div class="num"><span>{{ selfInspectNum ? selfInspectNum : 0 }}</span> </div> <div class="num">
<span>{{ selfInspectNum ? selfInspectNum : 0 }}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="number-list2"> <div class="number-list2">
<div class="number-item"> <div class="number-item">
<div class="txt"> <div class="txt">
本月回访 <br> 本月回访 <br />
次数 次数
</div> </div>
<div class="num"><span class="grey">{{ followMonthNum ? followMonthNum : 0 }}</span> </div> <div class="num">
<span class="grey">{{ followMonthNum ? followMonthNum : 0 }}</span>
</div>
</div> </div>
<div class="number-item"> <div class="number-item">
<div class="txt"> <div class="txt">
本月回访消除 <br> 本月回访消除 <br />
风险人员数 风险人员数
</div> </div>
<div class="num"><span class="green">{{ followMonthNotRiskyNum ? followMonthNotRiskyNum : 0 }}</span> </div> <div class="num">
<span class="green">{{
followMonthNotRiskyNum ? followMonthNotRiskyNum : 0
}}</span>
</div>
</div> </div>
<div class="number-item"> <div class="number-item">
<div class="txt"> <div class="txt">
累计回访 <br> 累计回访 <br />
次数 次数
</div> </div>
<div class="num"><span class="purple">{{ followSumNum ? followSumNum : 0 }}</span> </div> <div class="num">
<span class="purple">{{ followSumNum ? followSumNum : 0 }}</span>
</div>
</div> </div>
<div class="number-item"> <div class="number-item">
<div class="txt"> <div class="txt">
累计回访消除 <br> 累计回访消除 <br />
风险人员数 风险人员数
</div> </div>
<div class="num"><span class="blue">{{ followNotRiskyNum ? followNotRiskyNum : 0 }}</span> </div> <div class="num">
<span class="blue">{{
followNotRiskyNum ? followNotRiskyNum : 0
}}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -89,15 +111,14 @@ export default {
followSumNum: 0, followSumNum: 0,
provinceSatisfactionNum: 0, provinceSatisfactionNum: 0,
selfInspectNum: 0, selfInspectNum: 0,
loading: true loading: true,
} };
}, },
props: { props: {
date: { date: {
type: Object, type: Object,
default: () => { default: () => {},
} },
}
}, },
watch: { watch: {
"$store.state.chooseArea.chooseName"(val) { "$store.state.chooseArea.chooseName"(val) {
@ -107,7 +128,7 @@ export default {
}, },
date() { date() {
this.getData(); this.getData();
} },
}, },
mounted() { mounted() {
if (this.$store.state.chooseArea.chooseName.orgId) { if (this.$store.state.chooseArea.chooseName.orgId) {
@ -116,25 +137,30 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
this.loading = true this.loading = true;
let params = { let params = {
level: this.$store.state.chooseArea.chooseName.level, level: this.$store.state.chooseArea.chooseName.level,
orgId: this.$store.state.chooseArea.chooseName.orgId, orgId: this.$store.state.chooseArea.chooseName.orgId,
...this.date ...this.date,
} };
this.$http.get('/governance/satisfactionOverview/satisfactionFollowGroup?' + this.$paramsFormat(params)).then(({data: {data}}) => { this.$http
this.event12345Num = data.event12345Num; .get(
this.followMonthNotRiskyNum = data.followMonthNotRiskyNum; "/governance/satisfactionOverview/satisfactionFollowGroup?" +
this.followMonthNum = data.followMonthNum; this.$paramsFormat(params)
this.followNotRiskyNum = data.followNotRiskyNum; )
this.followSumNum = data.followSumNum; .then(({ data: { data } }) => {
this.provinceSatisfactionNum = data.provinceSatisfactionNum; this.event12345Num = data.event12345Num;
this.selfInspectNum = data.selfInspectNum; this.followMonthNotRiskyNum = data.followMonthNotRiskyNum;
this.loading = false this.followMonthNum = data.followMonthNum;
}) this.followNotRiskyNum = data.followNotRiskyNum;
} this.followSumNum = data.followSumNum;
} this.provinceSatisfactionNum = data.provinceSatisfactionNum;
} this.selfInspectNum = data.selfInspectNum;
this.loading = false;
});
},
},
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@ -152,10 +178,11 @@ export default {
} }
.txt { .txt {
font-size: 16px; font-size: 15px;
margin-left: -6px;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #ffffff;
line-height: 24px; line-height: 26px;
margin-bottom: 22px; margin-bottom: 22px;
white-space: nowrap; white-space: nowrap;
} }
@ -163,13 +190,13 @@ export default {
.num { .num {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #A3B9DA; color: #a3b9da;
white-space: nowrap; white-space: nowrap;
span { span {
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
color: #3AB7FF; color: #3ab7ff;
} }
} }
} }
@ -184,7 +211,7 @@ export default {
.txt { .txt {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #A3B9DA; color: #a3b9da;
line-height: 24px; line-height: 24px;
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -192,7 +219,7 @@ export default {
.num { .num {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #A3B9DA; color: #a3b9da;
span { span {
font-size: 32px; font-size: 32px;
@ -204,18 +231,18 @@ export default {
} }
.grey { .grey {
color: #78C4F3; color: #78c4f3;
} }
.green { .green {
color: #08EBAE; color: #08ebae;
} }
.purple { .purple {
color: #A761FD; color: #a761fd;
} }
.blue { .blue {
color: #356EFF; color: #356eff;
} }
</style> </style>

2
src/views/dataBoardMain/main-content.vue

@ -5,7 +5,7 @@
<template v-if="tabIsIframe($router.currentRoute.meta.iframeURL)"> <template v-if="tabIsIframe($router.currentRoute.meta.iframeURL)">
<iframe :src="$router.currentRoute.meta.iframeURL + '?token=' + token + '&customerId=' + customerId" ref="iframe" class="m-iframe" id="iframe" width="100%" height="100%" frameborder="0" scrolling="yes" :style="{ height: $store.state.fixed1920.height - 100 + 'px' }" /> <iframe :src="$router.currentRoute.meta.iframeURL + '?token=' + token + '&customerId=' + customerId" ref="iframe" class="m-iframe" id="iframe" width="100%" height="100%" frameborder="0" scrolling="yes" :style="{ height: $store.state.fixed1920.height - 100 + 'px' }" />
</template> </template>
<keep-alive v-show="!tabIsIframe($router.currentRoute.meta.iframeURL)"> <keep-alive v-show="!tabIsIframe($router.currentRoute.meta.iframeURL)" :exclude="['homeDetails']">
<router-view ref="reloadPage" @changeCustomerName="changeCustomerName" /> <router-view ref="reloadPage" @changeCustomerName="changeCustomerName" />
</keep-alive> </keep-alive>
</template> </template>

146
src/views/dataBoardMain/main-navbar.vue

@ -1,13 +1,33 @@
<template> <template>
<div class="m-topnav"> <div class="m-topnav">
<div class="back" style="cursor: pointer" @click="goBack()"> <div class="back" style="cursor: pointer" @click="goBack()">
<img src="~@/assets/images/shuju/main/back.png" alt="/" /> <img
width="22px"
height="22px"
src="~@/assets/images/shuju/main/back1.png"
alt="/"
/>
</div> </div>
<div class="title">{{ customerName }}数据智能分析平台</div> <div class="title">
<div class="selectArea" v-if="$route.path == '/dataBoard/satisfactionEval/index'"> <div class="title-txt">{{ customerName }}数据智能分析平台</div>
<el-select @change="setSelectName" v-model="value" popper-class="selectPopClass"> <div
<el-option v-for="(item, index) in options" v-if="item.agencyLevel !== 'grid'" :key="item.value" :label="item.label" :value="item.value"/> class="selectArea"
</el-select> v-if="$route.path == '/dataBoard/satisfactionEval/index'"
>
<el-select
@change="setSelectName"
v-model="value"
popper-class="selectPopClass"
>
<el-option
v-for="(item, index) in options"
v-if="item.agencyLevel !== 'grid'"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
</div> </div>
<!-- <div class="btn-back" @click="toPage('/')"> <!-- <div class="btn-back" @click="toPage('/')">
<img class="z-default" src="~@/assets/images/shuju/main/back.png" /> <img class="z-default" src="~@/assets/images/shuju/main/back.png" />
@ -26,16 +46,32 @@
</div> </div>
</div>--> </div>-->
<div class="nav-list"> <div class="nav-list">
<div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }" @click="toPage('/dataBoard/overview/index')"> <div
class="nav-item"
:class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }"
@click="toPage('/dataBoard/overview/index')"
>
<span>概览</span> <span>概览</span>
</div> </div>
<div class="nav-item" :class="{ 'z-on': $route.path.includes('/organizational') }" @click="toPage('/organizational/dangTree')"> <div
class="nav-item"
:class="{ 'z-on': $route.path.includes('/organizational') }"
@click="toPage('/organizational/dangTree')"
>
<span>组织架构</span> <span>组织架构</span>
</div> </div>
<div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/renfang') != -1 }" @click="toPage('/dataBoard/renfang/index')"> <div
class="nav-item"
:class="{ 'z-on': $route.path.indexOf('/dataBoard/renfang') != -1 }"
@click="toPage('/dataBoard/renfang/index')"
>
<span>人房数据</span> <span>人房数据</span>
</div> </div>
<div class="nav-item" :class="{ 'z-on': $route.path.includes('/satisfactionEval') }" @click="toPage('/dataBoard/satisfactionEval/index')"> <div
class="nav-item"
:class="{ 'z-on': $route.path.includes('/satisfactionEval') }"
@click="toPage('/dataBoard/satisfactionEval/index')"
>
<span>满意度评价</span> <span>满意度评价</span>
</div> </div>
</div> </div>
@ -184,10 +220,15 @@ export default {
const customerId = localStorage.getItem("customerId"); const customerId = localStorage.getItem("customerId");
let siteconfigElement = window.SITE_CONFIG["menuShujuList"]; let siteconfigElement = window.SITE_CONFIG["menuShujuList"];
// 亿 - // 亿 -
if ("04c0d396e298f13e57aa5904a657eaa6" != customerId && "3fdd0380deff5b30f45376cdf995d1c1" != customerId) { if (
"04c0d396e298f13e57aa5904a657eaa6" != customerId &&
"3fdd0380deff5b30f45376cdf995d1c1" != customerId
) {
for (let index in siteconfigElement) { for (let index in siteconfigElement) {
if (siteconfigElement[index].id == "6") { if (siteconfigElement[index].id == "6") {
let newMenuArr = siteconfigElement[index].children.filter((item) => item.id !== "duoyuanfuwufenxi"); let newMenuArr = siteconfigElement[index].children.filter(
(item) => item.id !== "duoyuanfuwufenxi"
);
siteconfigElement[index].children = newMenuArr; siteconfigElement[index].children = newMenuArr;
} }
} }
@ -217,46 +258,51 @@ export default {
params = { orgId: this.value, level: this.getChooseLabel(this.value) }; params = { orgId: this.value, level: this.getChooseLabel(this.value) };
} }
console.log(params); console.log(params);
this.$http.post(`/gov/org/agency/maporg`, params).then(async ({ data: { data } }) => { this.$http
console.log(data); .post(`/gov/org/agency/maporg`, params)
this.value = data.id; .then(async ({ data: { data } }) => {
this.$store.dispatch("chooseArea/chooseName", { console.log(data);
orgId: data.id, this.value = data.id;
level: data.level, this.$store.dispatch("chooseArea/chooseName", {
orgId: data.id,
level: data.level,
});
let children = await this.dealTreeData(data.children);
if (data.parentId) {
this.options = [
{
...data,
value: data.parentId,
label: data.parentName,
},
{
...data,
value: data.id,
label: data.name,
},
...children,
];
} else {
this.options = [
{
...data,
value: data.id,
label: data.name,
},
...children,
];
}
}); });
let children = await this.dealTreeData(data.children);
if (data.parentId) {
this.options = [
{
...data,
value: data.parentId,
label: data.parentName,
},
{
...data,
value: data.id,
label: data.name,
},
...children,
];
} else {
this.options = [
{
...data,
value: data.id,
label: data.name,
},
...children,
];
}
});
}, },
dealTreeData(treeData, level = 0) { dealTreeData(treeData, level = 0) {
const data = treeData.map((item) => ({ const data = treeData.map((item) => ({
...item, ...item,
value: item.id, value: item.id,
label: item.name, label: item.name,
children: item.children && item.children.length ? this.dealTreeData(item.children, level++) : null, children:
item.children && item.children.length
? this.dealTreeData(item.children, level++)
: null,
})); }));
return data; return data;
}, },
@ -290,7 +336,9 @@ export default {
}, },
// menuId() // menuId()
gotoRouteHandle(menuId, idx) { gotoRouteHandle(menuId, idx) {
var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter((item) => item.meta.menuId === menuId)[0]; var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter(
(item) => item.meta.menuId === menuId
)[0];
if (route) { if (route) {
this.$router.push({ this.$router.push({
name: route.name, name: route.name,
@ -299,10 +347,12 @@ export default {
} }
}, },
changeCustomerName() { changeCustomerName() {
this.customerName = localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台"; this.customerName =
localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
}, },
async getWeatherData() { async getWeatherData() {
const url = "https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e"; const url =
"https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e";
const { data, code, msg } = await requestGet(url, { const { data, code, msg } = await requestGet(url, {
city: this.$store.state.user.areaCode, city: this.$store.state.user.areaCode,
}); });

57
src/views/modules/home/index.vue

@ -278,7 +278,7 @@ export default {
} }
}, },
computed: { computed: {
maxTableHeight () { maxTableHeight() {
// return this.clientHeight - 450; // return this.clientHeight - 450;
return 420; return 420;
}, },
@ -314,14 +314,11 @@ export default {
initChart() { initChart() {
this.$http.get('/governance/satisfactionOverview/notSatisfactionTrend').then(({data: {data}}) => { this.$http.get('/governance/satisfactionOverview/notSatisfactionTrend').then(({data: {data}}) => {
this.myChart = echarts.init(document.getElementById('my_chart')); this.myChart = echarts.init(document.getElementById('my_chart'));
let series = [] let series = data.series.map((item, index) => {
console.log(data,'datadatadata') return {
data.series.forEach(item => {
series.push({
...item, ...item,
type: 'line', type: 'line',
stack: 'Total', }
})
}) })
let option = { let option = {
tooltip: { tooltip: {
@ -361,15 +358,15 @@ export default {
}) })
}, },
handleWindowResize () { handleWindowResize() {
if (this.myChart) { if (this.myChart) {
this.myChart.resize(); this.myChart.resize();
} }
}, },
searchDataTab (str) { searchDataTab(str) {
this.searchData.type = str; this.searchData.type = str;
}, },
handleClickCategory (item) { handleClickCategory(item) {
this.$router.push({ this.$router.push({
name: "base-resi", name: "base-resi",
params: { params: {
@ -378,18 +375,18 @@ export default {
}); });
}, },
async readClearOne (item) { async readClearOne(item) {
console.log("item", item) console.log("item", item)
const url = `/message/intelligentMessage/msg/clearOne/?msgId=${item.id}` const url = `/message/intelligentMessage/msg/clearOne/?msgId=${item.id}`
const { data, code, msg } = await requestPost(url) const {data, code, msg} = await requestPost(url)
if (code == 0) { if (code == 0) {
this.getNoticeData() this.getNoticeData()
} else if (code >= 8000) { } else if (code >= 8000) {
this.$message.error(msg) this.$message.error(msg)
} }
}, },
handleClickNotice (item) { handleClickNotice(item) {
const { msgType, targetId } = item; const {msgType, targetId} = item;
this.readClearOne(item) this.readClearOne(item)
if (msgType == "community_house") { if (msgType == "community_house") {
this.$refs.fastcall.showHouseInfo(targetId); this.$refs.fastcall.showHouseInfo(targetId);
@ -398,13 +395,13 @@ export default {
} }
}, },
toNoticePage () { toNoticePage() {
this.$router.push({ this.$router.push({
path: "/main/home-notice", path: "/main/home-notice",
}); });
}, },
toSearchPage (type, searchKey) { toSearchPage(type, searchKey) {
this.$router.push({ this.$router.push({
path: "/main/shequ-chaxun" path: "/main/shequ-chaxun"
}); });
@ -412,9 +409,9 @@ export default {
localStorage.setItem('homeSearchKey', searchKey) localStorage.setItem('homeSearchKey', searchKey)
}, },
handleClickSearchBtn (str) { handleClickSearchBtn(str) {
const { const {
searchData: { type, searchKey }, searchData: {type, searchKey},
} = this; } = this;
if (str) { if (str) {
this.toSearchPage(type, searchKey); this.toSearchPage(type, searchKey);
@ -424,7 +421,7 @@ export default {
this.toSearchPage(type, searchKey); this.toSearchPage(type, searchKey);
}, },
async getApiData () { async getApiData() {
await this.getOrgData(); await this.getOrgData();
this.getWarningList(); this.getWarningList();
this.getZnycList(); this.getZnycList();
@ -433,14 +430,14 @@ export default {
}, },
// //
async getOrgData () { async getOrgData() {
const url = "/gov/org/agency/maporg"; const url = "/gov/org/agency/maporg";
let params = { let params = {
orgId: "", orgId: "",
level: "", level: "",
}; };
const { data, code, msg } = await requestPost(url, params); const {data, code, msg} = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.orgData = data; this.orgData = data;
@ -450,14 +447,14 @@ export default {
}, },
// //
async getPandectData () { async getPandectData() {
const url = "/actual/base/residentHouseMerge/communityOverview"; const url = "/actual/base/residentHouseMerge/communityOverview";
let params = { let params = {
// orgId: "", // orgId: "",
// level: "", // level: "",
}; };
const { data, code, msg } = await requestGet(url, params); const {data, code, msg} = await requestGet(url, params);
if (code === 0) { if (code === 0) {
if (data) { if (data) {
@ -469,13 +466,13 @@ export default {
}, },
// //
async getNoticeData () { async getNoticeData() {
const url = "/message/intelligentMessage/list"; const url = "/message/intelligentMessage/list";
let params = { let params = {
last: "10", last: "10",
}; };
const { data, code, msg } = await requestGet(url, params); const {data, code, msg} = await requestGet(url, params);
if (code === 0) { if (code === 0) {
if (data) { if (data) {
@ -487,7 +484,7 @@ export default {
}, },
// //
async getWarningList () { async getWarningList() {
const url = "/actual/base/resiCategory/categoryCountList"; const url = "/actual/base/resiCategory/categoryCountList";
let params = { let params = {
// id: this.orgData.id, // id: this.orgData.id,
@ -495,7 +492,7 @@ export default {
}; };
this.resiCategory.loading = true; this.resiCategory.loading = true;
const { data, code, msg } = await requestGet(url, params); const {data, code, msg} = await requestGet(url, params);
this.resiCategory.loading = false; this.resiCategory.loading = false;
if (code === 0) { if (code === 0) {
@ -507,7 +504,7 @@ export default {
name: resiCategoryMap[item.categoryName] || "", name: resiCategoryMap[item.categoryName] || "",
count: item.categoryCount, count: item.categoryCount,
per: parseInt( per: parseInt(
(100 * item.categoryCount) / data.resiCount (100 * item.categoryCount) / data.resiCount
), ),
const: "const", const: "const",
}; };
@ -518,7 +515,7 @@ export default {
} }
}, },
// //
async getZnycList () { async getZnycList() {
const url = "/actual/base/resiCategory/intelligentPredictioncategoryCountList"; const url = "/actual/base/resiCategory/intelligentPredictioncategoryCountList";
// const url = "/actual/base/resiCategory/categoryCountList"; // const url = "/actual/base/resiCategory/categoryCountList";
let params = { let params = {
@ -527,7 +524,7 @@ export default {
}; };
this.znycCategory.loading = true; this.znycCategory.loading = true;
const { data, code, msg } = await requestGet(url, params); const {data, code, msg} = await requestGet(url, params);
this.znycCategory.loading = false; this.znycCategory.loading = false;
if (code === 0) { if (code === 0) {

Loading…
Cancel
Save