|
|
|
@ -59,7 +59,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btm">
|
|
|
|
|
<dpie></dpie>
|
|
|
|
|
<dpie :chartObj="qyztObj"> </dpie>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</colWrap>
|
|
|
|
@ -118,7 +118,7 @@
|
|
|
|
|
@click="gotoPage('/teamWork/riskOverview/indexDetail', '3')"
|
|
|
|
|
>
|
|
|
|
|
<colWrap title="连续纳入监管企业">
|
|
|
|
|
<listWrap :dataList="dataList"></listWrap>
|
|
|
|
|
<listWrap :dataList="dataJgList"></listWrap>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
@ -126,7 +126,7 @@
|
|
|
|
|
@click="gotoPage('/teamWork/riskOverview/indexDetail', '4')"
|
|
|
|
|
>
|
|
|
|
|
<colWrap title="连续两次未整改企业">
|
|
|
|
|
<listWrap :dataList="dataList"></listWrap>
|
|
|
|
|
<listWrap :dataList="dataZgList"></listWrap>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -174,26 +174,34 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
total: 1265,
|
|
|
|
|
total: 0,
|
|
|
|
|
zgztObj: {
|
|
|
|
|
color: ["#48EEBD", "#2B82F3", "#FFC052", "#FF745A"],
|
|
|
|
|
data: [
|
|
|
|
|
{ value: 98, name: "已经整改" },
|
|
|
|
|
{ value: 12, name: "正在整改" },
|
|
|
|
|
{ value: 87, name: "按照要求整改" },
|
|
|
|
|
{ value: 5, name: "未按要求整改" },
|
|
|
|
|
data: [],
|
|
|
|
|
name: "风险整改",
|
|
|
|
|
},
|
|
|
|
|
qyztObj: {
|
|
|
|
|
total: 0,
|
|
|
|
|
list: [
|
|
|
|
|
{
|
|
|
|
|
name: "按照要求整改",
|
|
|
|
|
value: 0,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#FFC052",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "安全隐患企业",
|
|
|
|
|
value: 0,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#FF745A",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
name: "月风险整改",
|
|
|
|
|
},
|
|
|
|
|
qyjgObj: {
|
|
|
|
|
color: ["#48EEBD", "#2B82F3", "#66C3FF", "#FFC052", "#FF745A"],
|
|
|
|
|
data: [
|
|
|
|
|
{ value: 421, name: "精细化工产业" },
|
|
|
|
|
{ value: 567, name: "石化源头企业" },
|
|
|
|
|
{ value: 354, name: "合成材料企业" },
|
|
|
|
|
{ value: 212, name: "其他类型" },
|
|
|
|
|
{ value: 253, name: "高分子企业" },
|
|
|
|
|
],
|
|
|
|
|
data: [],
|
|
|
|
|
name: "企业总数",
|
|
|
|
|
},
|
|
|
|
|
jdjgObj: {
|
|
|
|
@ -216,15 +224,7 @@ export default {
|
|
|
|
|
name: "总数",
|
|
|
|
|
},
|
|
|
|
|
gpkfObj: {
|
|
|
|
|
data: [
|
|
|
|
|
{ name: "流动人员异常", value: 465 },
|
|
|
|
|
{ name: "重点岗位资质异常", value: 437 },
|
|
|
|
|
{ name: "车辆违规异常", value: 386 },
|
|
|
|
|
{ name: "人防配置情况异常", value: 358 },
|
|
|
|
|
{ name: "技防配置情况异常", value: 321 },
|
|
|
|
|
{ name: "企业应急预案制定异常", value: 297 },
|
|
|
|
|
{ name: "危化品车辆状态异常", value: 275 },
|
|
|
|
|
],
|
|
|
|
|
data: [],
|
|
|
|
|
color: ["#fdee37", "#f97d1f", "#f78060"],
|
|
|
|
|
},
|
|
|
|
|
gpysObj: {
|
|
|
|
@ -239,35 +239,10 @@ export default {
|
|
|
|
|
],
|
|
|
|
|
color: ["#fdee37", "#f97d1f", "#f78060"],
|
|
|
|
|
},
|
|
|
|
|
qllxList: [
|
|
|
|
|
{
|
|
|
|
|
bj: require("@/assets/images/team/gllx.png"),
|
|
|
|
|
icon: require("@/assets/images/team/gljh.png"),
|
|
|
|
|
name: "精细化工企业",
|
|
|
|
|
value: 287,
|
|
|
|
|
unit: "家",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
bj: require("@/assets/images/team/gllx.png"),
|
|
|
|
|
icon: require("@/assets/images/team/glsh.png"),
|
|
|
|
|
name: "石化源头企业",
|
|
|
|
|
value: 187,
|
|
|
|
|
unit: "家",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
bj: require("@/assets/images/team/gllx.png"),
|
|
|
|
|
icon: require("@/assets/images/team/glhc.png"),
|
|
|
|
|
name: "合成材料企业",
|
|
|
|
|
value: 168,
|
|
|
|
|
unit: "家",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
qllxList: [],
|
|
|
|
|
zgqsObj: {
|
|
|
|
|
xData: ["2017", "2018", "2019", "2020", "2021", "2022", "2023"],
|
|
|
|
|
yData: [
|
|
|
|
|
[152, 131, 123, 144, 218, 254, 164],
|
|
|
|
|
[52, 31, 23, 44, 18, 54, 14],
|
|
|
|
|
],
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [[], []],
|
|
|
|
|
name: "整改趋势",
|
|
|
|
|
legend: ["按照要求整改", "未按要求整改"],
|
|
|
|
|
color: [
|
|
|
|
@ -283,136 +258,170 @@ export default {
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
dataList: [],
|
|
|
|
|
dataJgList: [],
|
|
|
|
|
dataZgList: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.dataList = [];
|
|
|
|
|
let cmyArr = [
|
|
|
|
|
"宁波市鼎瑞翔新材料科技有限公司",
|
|
|
|
|
"镇海石化海达发展有限责任公司",
|
|
|
|
|
"宁波四明化工有限公司",
|
|
|
|
|
"宁波特粒科技有限公司",
|
|
|
|
|
"宁波市镇海欣利工艺品有限公司",
|
|
|
|
|
"宁波安捷化工物流有限公司",
|
|
|
|
|
"宁波和盛达能源科技有限公司",
|
|
|
|
|
"宁波市镇海俞范三合电镀厂",
|
|
|
|
|
"宁波华梦贸易有限公司",
|
|
|
|
|
"英力士苯领高分子材料(宁波)有限公司",
|
|
|
|
|
"宁波市镇海金泰金属有限公司",
|
|
|
|
|
"宁波市银舟表面技术有限公司",
|
|
|
|
|
"图腾纺织(宁波)有限公司",
|
|
|
|
|
"宁波人健化学制药有限公司",
|
|
|
|
|
"宁波明峰检验检测研究院股份有限公司",
|
|
|
|
|
"宁波铝亿合金材料有限公司",
|
|
|
|
|
"宁波龙宝泰生环保科技有限公司",
|
|
|
|
|
"浙江杭州湾腈纶有限公司",
|
|
|
|
|
"镇海蛟川物业管理有限公司",
|
|
|
|
|
"宁波镇海炼化利安德化工销售有限公司",
|
|
|
|
|
];
|
|
|
|
|
for (let i = 0; i < 20; i++) {
|
|
|
|
|
this.dataList.push({
|
|
|
|
|
id: i,
|
|
|
|
|
name: cmyArr[i % 20],
|
|
|
|
|
value: 2 * i + 10,
|
|
|
|
|
unit: "次",
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
this.getData();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getData() {
|
|
|
|
|
rectificationstatus({ message: "月度统计" }).then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.changeTime("年度");
|
|
|
|
|
enterprisestatus().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.qyztObj.total = data["按照要求整改"] + data["安全隐患企业"];
|
|
|
|
|
this.qyztObj.list[0]["value"] = data["按照要求整改"];
|
|
|
|
|
this.qyztObj.list[1]["value"] = data["安全隐患企业"];
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
corporategovernance().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.qyjgObj.data = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.qyjgObj.data.push({
|
|
|
|
|
name: key,
|
|
|
|
|
value: data[key],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
streetsupervision().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.jdjgObj.data = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.jdjgObj.data.push({
|
|
|
|
|
name: key,
|
|
|
|
|
value: data[key],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
rectifythetrend().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.zgqsObj.xData = [];
|
|
|
|
|
this.zgqsObj.yData = [[], []];
|
|
|
|
|
let list = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
list.push({
|
|
|
|
|
name: key,
|
|
|
|
|
value: data[key],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
list.sort(function (a, b) {
|
|
|
|
|
if (a.name < b.name) return -1;
|
|
|
|
|
if (a.name > b.name) return 1;
|
|
|
|
|
return 0; // 相等时保持原有顺序
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
this.zgqsObj.xData.push(list[i]["name"]);
|
|
|
|
|
this.zgqsObj.yData[0].push(list[i]["value"]["按照要求整改"]);
|
|
|
|
|
this.zgqsObj.yData[1].push(list[i]["value"]["未按要求整改"]);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.log(list);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
frequencydeductpoints().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.gpkfObj.data = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.gpkfObj.data.push({
|
|
|
|
|
name: key,
|
|
|
|
|
value: data[key],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
frequencyerrorpoints().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.gpysObj.data = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.gpysObj.data.push({
|
|
|
|
|
name: key,
|
|
|
|
|
value: data[key],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
coiledenterprisetypes().then((res) => {
|
|
|
|
|
coiledtwoenterprisetypes().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.qllxList.push({
|
|
|
|
|
bj: require("@/assets/images/team/gllx.png"),
|
|
|
|
|
icon: require("@/assets/images/team/gljh.png"),
|
|
|
|
|
name: key,
|
|
|
|
|
value: data[key],
|
|
|
|
|
unit: "家",
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
coiledtwoenterprisetypes().then((res) => {
|
|
|
|
|
coiledenterprisetypes().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.dataJgList = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.dataJgList.push({
|
|
|
|
|
name: key,
|
|
|
|
|
id: index,
|
|
|
|
|
value: data[key],
|
|
|
|
|
unit: "次",
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
coiledtwonotenterprise().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.dataZgList = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.dataZgList.push({
|
|
|
|
|
name: key,
|
|
|
|
|
id: index,
|
|
|
|
|
value: data[key],
|
|
|
|
|
unit: "次",
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
totalenterpriserisk().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
this.total = data["总数"];
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
testFlow({ procInsId: "d86ccf39-1584-11ee-b686-00e04c8aac6f" }).then(
|
|
|
|
|
/* testFlow({ procInsId: "d86ccf39-1584-11ee-b686-00e04c8aac6f" }).then(
|
|
|
|
|
(res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || {};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
); */
|
|
|
|
|
},
|
|
|
|
|
changeTime(val) {
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
this.zgztObj.name = "月风险整改";
|
|
|
|
|
this.zgztObj.data = [
|
|
|
|
|
{ value: 98, name: "已经整改" },
|
|
|
|
|
{ value: 12, name: "正在整改" },
|
|
|
|
|
{ value: 87, name: "按照要求整改" },
|
|
|
|
|
{ value: 5, name: "未按要求整改" },
|
|
|
|
|
];
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
this.zgztObj.name = "季风险整改";
|
|
|
|
|
this.zgztObj.data = [
|
|
|
|
|
{ value: 198, name: "已经整改" },
|
|
|
|
|
{ value: 112, name: "正在整改" },
|
|
|
|
|
{ value: 187, name: "按照要求整改" },
|
|
|
|
|
{ value: 15, name: "未按要求整改" },
|
|
|
|
|
];
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
this.zgztObj.name = "年风险整改";
|
|
|
|
|
this.zgztObj.data = [
|
|
|
|
|
{ value: 498, name: "已经整改" },
|
|
|
|
|
{ value: 412, name: "正在整改" },
|
|
|
|
|
{ value: 487, name: "按照要求整改" },
|
|
|
|
|
{ value: 45, name: "未按要求整改" },
|
|
|
|
|
];
|
|
|
|
|
console.log("rectificationstatus:", val);
|
|
|
|
|
rectificationstatus({ message: val }).then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.zgztObj.data = [];
|
|
|
|
|
Object.keys(data).forEach((key, index) => {
|
|
|
|
|
this.zgztObj.data.push({
|
|
|
|
|
name: key,
|
|
|
|
|
value: data[key],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
gotoPage(path, val) {
|
|
|
|
|
this.$router.push({
|
|
|
|
|