Browse Source

合并feature-dev

V1.0
PLUTO 2 years ago
parent
commit
88786a9738
  1. BIN
      src/assets/images/shuju/main/back1.png
  2. 14
      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. 15
      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. 64
      src/views/dataBoard/overview/familyPortrait/index.vue
  10. 96
      src/views/dataBoard/satisfactionEval/components/EventList/index.vue
  11. 141
      src/views/dataBoard/satisfactionEval/dissatisfied/detail.vue
  12. 123
      src/views/dataBoard/satisfactionEval/modules/RiskStatistics/index.vue
  13. 2
      src/views/dataBoardMain/main-content.vue
  14. 82
      src/views/dataBoardMain/main-navbar.vue
  15. 9
      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

14
src/assets/scss/dataBoardMain.scss

@ -66,6 +66,8 @@
left: 60px; left: 60px;
right: 0; right: 0;
top: 0; top: 0;
display: flex;
&-txt {
line-height: 82px; line-height: 82px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
@ -76,19 +78,21 @@
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -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;

15
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>
@ -48,13 +53,7 @@ export default {
1: "已回访", 1: "已回访",
}; };
// //
this.$http this.$http.get("/actual/base/peopleRoomOverview/houseResidentChangeRecord?houseId=" + this.houseId).then(({ data: res }) => {
.get(
"/actual/base/peopleRoomOverview/houseResidentChangeRecord?houseId=" +
this.houseId
)
.then(({ data: res }) => {
console.log('res::',res);
this.list = res.data.map((item) => { this.list = res.data.map((item) => {
return { return {
...item, ...item,

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);

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

@ -8,43 +8,49 @@
</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: '',
name: ''
}],
}
}, },
watch: { {
'$route.query'() { path: "/homeDetails/index",
this.$set(this.breadcrumbList[1], 'name', this.$route.query.name2) name: "",
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
}
}, },
mounted() { {
this.$set(this.breadcrumbList[1], 'name', this.$route.query.name2) path: "",
this.$set(this.breadcrumbList[1], 'path', this.breadcrumbList[1].path + '?id=' +this.$route.query.id) name: "",
this.$set(this.breadcrumbList[2], 'name', this.$route.query.name) },
this.breadcrumbList[2].name = this.$route.query.name ],
} };
} },
// watch: {
// "$route.query.name"() {
// this.breadcrumbList[1].name = this.$route.query.name2;
// },
// "$route.query.name2"() {
// 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;
},
};
</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;

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

@ -1,6 +1,5 @@
<template> <template>
<div> <div>
<el-dialog <el-dialog
class="dissatisfied-detail" class="dissatisfied-detail"
title="" title=""
@ -15,44 +14,32 @@
<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>
@ -67,16 +54,14 @@
</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",
@ -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;
} }

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

@ -2,10 +2,12 @@
<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 />
@ -16,14 +18,32 @@
<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[
unsatisfiedMattersModel.satisfactionSource
]
}}
</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.name }}</li>
<li><span>提交人电话</span>{{unsatisfiedMattersModel.mobile}}</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"
v-for="(item, index) in followUpRecordDetails"
>
<div class="name">
{{ item.followUpUser }}{{ item.roleName }}
</div>
<div>{{ item.followUpDate }}</div> <div>{{ item.followUpDate }}</div>
<div>{{item.followUpWay}} <i class="el-icon-arrow-right"></i></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,7 +100,7 @@
</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",
@ -76,36 +108,45 @@ export default {
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
)
.then(({ data: { data } }) => {
this.unsatisfiedMattersModel = data.unsatisfiedMattersModel;
this.unsatisfiedHisCount = data.unsatisfiedHisCount;
this.followUpRecordDetails = data.followUpRecordDetails;
if (this.unsatisfiedMattersModel.satisfactionSource) { if (this.unsatisfiedMattersModel.satisfactionSource) {
this.unsatisfiedMattersModel.satisfactionSource = satisfactionSourceOptions.filter(item => item.value === this.unsatisfiedMattersModel.satisfactionSource)[0].label 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>

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

@ -1,79 +1,101 @@
<template> <template>
<div v-loading="loading" <div
v-loading="loading"
element-loading-text="加载中..." element-loading-text="加载中..."
element-loading-spinner="el-icon-loading" element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0,0,0,0.5)"> 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,13 +137,18 @@ 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
.get(
"/governance/satisfactionOverview/satisfactionFollowGroup?" +
this.$paramsFormat(params)
)
.then(({ data: { data } }) => {
this.event12345Num = data.event12345Num; this.event12345Num = data.event12345Num;
this.followMonthNotRiskyNum = data.followMonthNotRiskyNum; this.followMonthNotRiskyNum = data.followMonthNotRiskyNum;
this.followMonthNum = data.followMonthNum; this.followMonthNum = data.followMonthNum;
@ -130,11 +156,11 @@ export default {
this.followSumNum = data.followSumNum; this.followSumNum = data.followSumNum;
this.provinceSatisfactionNum = data.provinceSatisfactionNum; this.provinceSatisfactionNum = data.provinceSatisfactionNum;
this.selfInspectNum = data.selfInspectNum; this.selfInspectNum = data.selfInspectNum;
this.loading = false 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>

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

@ -1,14 +1,34 @@
<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"
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> </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" />
<img class="z-on" src="~@/assets/images/shuju/main/back-on.png" /> <img class="z-on" src="~@/assets/images/shuju/main/back-on.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,7 +258,9 @@ 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
.post(`/gov/org/agency/maporg`, params)
.then(async ({ data: { data } }) => {
console.log(data); console.log(data);
this.value = data.id; this.value = data.id;
this.$store.dispatch("chooseArea/chooseName", { this.$store.dispatch("chooseArea/chooseName", {
@ -256,7 +299,10 @@ export default {
...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,
}); });

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

@ -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: {

Loading…
Cancel
Save