+
{{ item.label }}
@@ -230,40 +231,40 @@
{{ scope.row.totalRate }}%
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
-
+
@@ -278,40 +279,40 @@
{{ scope.row.totalRate }}%
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
-
+
-
+
@@ -338,7 +339,7 @@
- 查看
+ 查看
@@ -347,6 +348,9 @@
➤ 同一人员重复投诉
+
+ {{ scope.row.name? scope.row.name:"匿名"}}
+
- 查看
+ 查看
@@ -389,7 +393,7 @@
- 查看
+ 查看
@@ -408,7 +412,7 @@
- 查看
+ 查看
@@ -819,18 +823,18 @@ export default {
},
watch: {},
- mounted() {
+ async mounted() {
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.getLastMonthRange()
this.getOrgData();
this.agencyLevel = localStorage.getItem("level", this.orgData.level);
- this.getTableData();
+ this.getTableData();
// this.initEcharts();
- this.EventCategoryAnalysis();
- this.EventCate();
+ await this.EventCategoryAnalysis();
+ await this.EventCate();
this.getCategoryTree()
- this.initChart("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org");
+
},
methods: {
regexChat(str) {
@@ -854,36 +858,16 @@ export default {
this.displayedText = '';
},
initChart(url) {
- this.$http.get(url).then(({ data: { data } }) => {
const chartDom = this.$refs.chart;
const myChart = echarts.init(chartDom);
- const departmentNames = [
- { name: "部门A1", xiangying: "87.43", banjie: "64.22", zuizhong: "54", manyi: "200" },
- { name: "部门A2", xiangying: "45.31", banjie: "85.49", zuizhong: "78", manyi: "180" },
- { name: "部门A3", xiangying: "92.10", banjie: "48.56", zuizhong: "80", manyi: "250" },
- { name: "部门A4", xiangying: "76.32", banjie: "92.78", zuizhong: "85", manyi: "190" },
- { name: "部门A5", xiangying: "54.89", banjie: "77.34", zuizhong: "93", manyi: "210" },
- { name: "部门A6", xiangying: "80.45", banjie: "61.23", zuizhong: "88", manyi: "170" },
- { name: "部门A7", xiangying: "67.21", banjie: "90.12", zuizhong: "95", manyi: "220" },
- { name: "部门A8", xiangying: "48.76", banjie: "85.45", zuizhong: "78", manyi: "160" },
- { name: "部门A9", xiangying: "59.88", banjie: "73.67", zuizhong: "82", manyi: "230" },
- { name: "部门A10", xiangying: "88.34", banjie: "68.4", zuizhong: "89", manyi: "240" },
- { name: "部门A11", xiangying: "71.90", banjie: "80.1", zuizhong: "77", manyi: "195" },
- { name: "部门A12", xiangying: "64.78", banjie: "94.0", zuizhong: "92", manyi: "260" },
- { name: "部门A13", xiangying: "90.12", banjie: "79.3", zuizhong: "85", manyi: "280" },
- { name: "部门A14", xiangying: "53.34", banjie: "88.67", zuizhong: "76", manyi: "275" },
- { name: "部门A15", xiangying: "75.45", banjie: "69.87", zuizhong: "82", manyi: "245" },
- { name: "部门A16", xiangying: "66.78", banjie: "71.45", zuizhong: "79", manyi: "210" },
- { name: "部门A17", xiangying: "82.34", banjie: "95.23", zuizhong: "91", manyi: "265" },
- { name: "部门A18", xiangying: "77.98", banjie: "84.65", zuizhong: "89", manyi: "255" },
- { name: "部门A19", xiangying: "58.67", banjie: "75.34", zuizhong: "81", manyi: "190" },
- { name: "部门A20", xiangying: "63.22", banjie: "72.34", zuizhong: "88", manyi: "285" }
- ];
- let xData = departmentNames.map(item => item.name)
- let xiangying = departmentNames.map(item => item.xiangying)
- let banjie = departmentNames.map(item => item.banjie)
- let zuizhong = departmentNames.map(item => item.zuizhong)
- let manyi = departmentNames.map(item => item.manyi)
+ const departmentNames = this.selectedIndex === 0 ? this.departmentList : this.communityList;
+ let xData = departmentNames.map(item => item.assignOrgName)
+ let responseRate = departmentNames.map(item => item.responseRate)
+ let assignOrgName = departmentNames.map(item => item.assignOrgName)
+ console.log(assignOrgName,"dsfkljldsk");
+ let returnRate = departmentNames.map(item => item.returnRate)
+ let resolveRate = departmentNames.map(item => item.resolveRate)
+ let satisfiedRate = departmentNames.map(item => item.satisfiedRate)
const option = {
tooltip: { trigger: "axis" },
legend: {
@@ -901,11 +885,11 @@ export default {
},
series: [
{
- name: "响应率", type: "bar", barWidth: 20, data: xiangying, color: "#3B82F6"
+ name: "响应率", type: "bar", barWidth: 20, data: responseRate, color: "#3B82F6"
},
- { name: "按时办结率", type: "bar", barWidth: 20, data: banjie, color: "#22C55E" },
- { name: "最终解决率", type: "bar", barWidth: 20, data: zuizhong, color: "#FACC15" },
- { name: "最终满意率", type: "bar", barWidth: 20, data: manyi, color: "#FB923C" },
+ { name: "按时办结率", type: "bar", barWidth: 20, data: returnRate, color: "#22C55E" },
+ { name: "最终解决率", type: "bar", barWidth: 20, data: resolveRate, color: "#FACC15" },
+ { name: "最终满意率", type: "bar", barWidth: 20, data: satisfiedRate, color: "#FB923C" },
],
grid: { left: "3%", right: "4%", bottom: "10%", containLabel: true },
dataZoom: [
@@ -914,10 +898,7 @@ export default {
realtime: true,
show: true,
start: 0, // 默认显示起点
- end: 50, // 默认显示 50%
- // height:normalFontSize(12),
- // width:normalFontSize(112),
- // xAxisIndex: [0], // 绑定 X 轴
+ end: 20, // 默认显示 50%
handleSize: 0, // 隐藏手柄
backgroundColor: "transparent", // 背景透明
fillerColor: "transparent", // 选中部分透明
@@ -937,8 +918,7 @@ export default {
};
myChart.setOption(option);
window.addEventListener("resize", () => myChart.resize());
- });
-
+
},
randomData() {
@@ -947,9 +927,9 @@ export default {
selectItem(index) {
this.selectedIndex = index; // 选中点击的项
if (index === 0) {
- this.initChart("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org");
+ this.initChart();
} else {
- this.initChart("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org");
+ this.initChart();
}
},
onEventNum(data) {
@@ -1198,7 +1178,6 @@ export default {
}
const { data, code, msg } = await requestPost(url, param);
if (code === 0) {
-
data.map(item => {
if (item.assignOrgType == "duty") {
this.departmentList.push(item)
@@ -1206,6 +1185,7 @@ export default {
this.communityList.push(item)
}
})
+ this.initChart();
} else {
this.$message.error(msg);
}
@@ -1431,6 +1411,7 @@ export default {
},
clickAddressData(row, column) {
+ console.log(row,"sdfkjlsdfkljdsf");
this.hiddenAllDialog();
this.showFormList = true;
this.recId = row.categoryId;