|
|
|
@ -96,12 +96,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="zgBody zgGaugeBody" v-if="chartType == 'gauge'">
|
|
|
|
|
<div class="topWrap">
|
|
|
|
|
<div class="label">民爆</div>
|
|
|
|
|
<div class="label">易制毒</div>
|
|
|
|
|
<div class="label">重点消防单位</div>
|
|
|
|
|
<div class="label" v-for="item in companyTypes" :key="item">
|
|
|
|
|
{{ item }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="midWrap canvasDefault">
|
|
|
|
|
<gaugeWrap :chartObj="qyObj"></gaugeWrap>
|
|
|
|
|
<gaugeWrap :riskScore="riskScore"></gaugeWrap>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btmWrap">
|
|
|
|
|
<div class="tableWrap">
|
|
|
|
@ -147,8 +147,10 @@ import {
|
|
|
|
|
CompanySumList,
|
|
|
|
|
RectificationOverview,
|
|
|
|
|
CompanySum,
|
|
|
|
|
RectificationInformation,
|
|
|
|
|
CompanyDetails,
|
|
|
|
|
} from "@/api/enterpriseTeamWork/problemRectify/index.js";
|
|
|
|
|
import { groupByReduce } from "@/loveflow/util.js";
|
|
|
|
|
import { groupSum } from "@/loveflow/util.js";
|
|
|
|
|
export default {
|
|
|
|
|
components: { screenMain, barWrap, gaugeWrap, pieWrap, mapWrap },
|
|
|
|
|
mixins: [tableListMixins, commonMixins],
|
|
|
|
@ -175,12 +177,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
// slot: "riskSlot",
|
|
|
|
|
prop: "abarbeitungStatus",
|
|
|
|
|
prop: "riskType",
|
|
|
|
|
label: "扣分项",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
//slot: "ysSlot",
|
|
|
|
|
prop: "changeContent",
|
|
|
|
|
prop: "factorAnomalyDetail",
|
|
|
|
|
label: "要素异常信息",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
@ -190,15 +192,17 @@ export default {
|
|
|
|
|
timeValue: "",
|
|
|
|
|
title: "各区域整改企业数量",
|
|
|
|
|
companyList: [],
|
|
|
|
|
url: {
|
|
|
|
|
list: "/tbRectificationOfAProblem/RectificationOfAProblemListDetails",
|
|
|
|
|
},
|
|
|
|
|
pieObj: {
|
|
|
|
|
total: 0,
|
|
|
|
|
color: ["#2B82F3", "#66C3FF", "#E4FEF0", "#FF745A", "#FEF699"],
|
|
|
|
|
data: [],
|
|
|
|
|
name: "总数",
|
|
|
|
|
},
|
|
|
|
|
url: {
|
|
|
|
|
list: "/tbRectificationOfAProblem/RectificationInformation",
|
|
|
|
|
},
|
|
|
|
|
riskScore: 0,
|
|
|
|
|
companyTypes: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
@ -235,13 +239,17 @@ export default {
|
|
|
|
|
RectificationOverview().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
|
|
|
|
|
let temp = groupSum(data, "area", "count");
|
|
|
|
|
|
|
|
|
|
this.qyObj.data = [];
|
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
|
|
|
|
|
|
Object.keys(temp).forEach((key) => {
|
|
|
|
|
this.qyObj.data.push({
|
|
|
|
|
name: data[i]["area"],
|
|
|
|
|
value: data[i]["count"],
|
|
|
|
|
name: key,
|
|
|
|
|
value: temp[key],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
CompanySum().then((res) => {
|
|
|
|
@ -268,36 +276,27 @@ export default {
|
|
|
|
|
this.searchParam.endTime = year + "-" + month + "-" + day + " 23:59:59";
|
|
|
|
|
this.getOverList();
|
|
|
|
|
},
|
|
|
|
|
//状态
|
|
|
|
|
changeChart(val) {
|
|
|
|
|
this.getOverList();
|
|
|
|
|
},
|
|
|
|
|
areaChange(val) {
|
|
|
|
|
this.chartType = "pie";
|
|
|
|
|
OverviewList(this.searchParam).then((res) => {
|
|
|
|
|
RectificationOverview({ area: val }).then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
/* let obj = groupByReduce(data, "companyId");
|
|
|
|
|
/* let obj = groupSum(data, "companyId");
|
|
|
|
|
console.log(this.companyList); */
|
|
|
|
|
this.pieObj.data = [];
|
|
|
|
|
this.pieObj.data.push(
|
|
|
|
|
{
|
|
|
|
|
name: "未按要求整改",
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "整改中",
|
|
|
|
|
value: 12,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "按照要求整改",
|
|
|
|
|
value: 21,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "已整改",
|
|
|
|
|
value: 31,
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
|
this.pieObj.data.push({
|
|
|
|
|
name: data[i]["abarbeitung_status"],
|
|
|
|
|
value: data[i]["count"],
|
|
|
|
|
});
|
|
|
|
|
total += data[i]["count"];
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
this.pieObj.total = data.length;
|
|
|
|
|
this.pieObj.total = total;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
@ -321,8 +320,19 @@ export default {
|
|
|
|
|
console.log(obj);
|
|
|
|
|
this.title = obj.companyName;
|
|
|
|
|
this.chartType = "gauge";
|
|
|
|
|
this.queryParam.companyName = obj.companyName;
|
|
|
|
|
if (obj.companyId) {
|
|
|
|
|
this.queryParam.companyId = obj.companyId;
|
|
|
|
|
this.searchQuery();
|
|
|
|
|
|
|
|
|
|
CompanyDetails({ companyId: obj.companyId }).then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
|
|
|
|
|
this.companyTypes = data.companyTypes;
|
|
|
|
|
this.riskScore = data.RiskScore;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mapClick(e) {
|
|
|
|
|
console.log(e);
|
|
|
|
|