|
@@ -8,7 +8,7 @@
|
|
|
<el-table
|
|
|
:data="peopleList"
|
|
|
:header-cell-style="{ background: '#0c2c50', color: 'white' }"
|
|
|
- style="width:98%;background:#0c2c50;margin-left:1%;"
|
|
|
+ style="width: 98%; background: #0c2c50; margin-left: 1%"
|
|
|
height="88%"
|
|
|
>
|
|
|
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
|
@@ -17,12 +17,12 @@
|
|
|
<el-table-column label="单位" align="center" prop="name" />
|
|
|
<el-table-column label="加分" align="center" prop="addscore">
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="color: rgb(2 255 2) ;">{{ scope.row.addscore }}</div>
|
|
|
+ <div style="color: rgb(2 255 2)">{{ scope.row.addscore }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="减分" align="center" prop="subscore">
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="color:rgb(255 106 0);">{{ scope.row.subscore }}</div>
|
|
|
+ <div style="color: rgb(255 106 0)">{{ scope.row.subscore }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="总分" align="center" prop="zongfen" />
|
|
@@ -35,7 +35,7 @@
|
|
|
<el-table
|
|
|
:data="peopleList2"
|
|
|
:header-cell-style="{ background: '#0c2c50', color: 'white' }"
|
|
|
- style="width:98%;background:#0c2c50;margin-left:1%;"
|
|
|
+ style="width: 98%; background: #0c2c50; margin-left: 1%"
|
|
|
height="88%"
|
|
|
@row-click="rowclick"
|
|
|
>
|
|
@@ -58,10 +58,15 @@
|
|
|
></el-table-column>
|
|
|
<el-table-column label="减分" align="center" prop="score">
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="color:rgb(255 106 0);">{{ scope.row.score }}</div>
|
|
|
+ <div style="color: rgb(255 106 0)">{{ scope.row.score }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="事由" show-overflow-tooltip align="center" prop="question" />
|
|
|
+ <el-table-column
|
|
|
+ label="事由"
|
|
|
+ show-overflow-tooltip
|
|
|
+ align="center"
|
|
|
+ prop="question"
|
|
|
+ />
|
|
|
<el-table-column
|
|
|
label="整改时间"
|
|
|
align="center"
|
|
@@ -110,7 +115,7 @@ import {
|
|
|
unitrank,
|
|
|
pendingacceptance,
|
|
|
completeproportion,
|
|
|
- unitproportion
|
|
|
+ unitproportion,
|
|
|
} from "@/api/bdglregular/specialcountinfo";
|
|
|
import * as echarts from "echarts";
|
|
|
export default {
|
|
@@ -118,7 +123,7 @@ export default {
|
|
|
return {
|
|
|
peopleList: [],
|
|
|
peopleList2: [],
|
|
|
- peopleList3: []
|
|
|
+ peopleList3: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -131,21 +136,21 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
getlist() {
|
|
|
- unitrank().then(res => {
|
|
|
+ unitrank().then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.peopleList = res.data;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
getlist2() {
|
|
|
- pendingacceptance().then(res => {
|
|
|
+ pendingacceptance().then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.peopleList2 = res.data;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
getlist3() {
|
|
|
- completeproportion().then(res => {
|
|
|
+ completeproportion().then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
var myChart = echarts.init(
|
|
|
document.getElementById("foot-left-content")
|
|
@@ -154,11 +159,11 @@ export default {
|
|
|
title: {
|
|
|
text: "",
|
|
|
subtext: "",
|
|
|
- left: ""
|
|
|
+ left: "",
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
- formatter: "{a} <br/>{b} : {c} ({d}%)"
|
|
|
+ formatter: "{a} <br/>{b} : {c} ({d}%)",
|
|
|
},
|
|
|
color: ["#fac858", "#5470c6", "#ee6666", "#91cc75"],
|
|
|
legend: {
|
|
@@ -167,9 +172,9 @@ export default {
|
|
|
top: "10%",
|
|
|
itemGap: 20,
|
|
|
textStyle: {
|
|
|
- color: "#fff"
|
|
|
+ color: "#fff",
|
|
|
},
|
|
|
- data: ["待处理", "待验收", "未通过", "已通过"]
|
|
|
+ data: ["待处理", "待验收", "未通过", "已通过"],
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
@@ -184,39 +189,45 @@ export default {
|
|
|
textStyle: {
|
|
|
fontWeight: 300,
|
|
|
fontSize: 16,
|
|
|
- color: "#fff"
|
|
|
- }
|
|
|
- }
|
|
|
+ color: "#fff",
|
|
|
+ },
|
|
|
+ },
|
|
|
},
|
|
|
data: [
|
|
|
{
|
|
|
- value: res.data[0].daiyanshou==0?null:res.data[0].daiyanshou,
|
|
|
- name: "待验收"
|
|
|
+ value:
|
|
|
+ res.data[0].daiyanshou == 0
|
|
|
+ ? null
|
|
|
+ : res.data[0].daiyanshou,
|
|
|
+ name: "待验收",
|
|
|
},
|
|
|
- {
|
|
|
- value: res.data[0].daichuli==0?null:res.data[0].daichuli,
|
|
|
- name: "待处理"
|
|
|
+ {
|
|
|
+ value:
|
|
|
+ res.data[0].daichuli == 0 ? null : res.data[0].daichuli,
|
|
|
+ name: "待处理",
|
|
|
},
|
|
|
{
|
|
|
- value: res.data[0].weitongguo==0?null:res.data[0].weitongguo,
|
|
|
- name: "未通过"
|
|
|
+ value:
|
|
|
+ res.data[0].weitongguo == 0
|
|
|
+ ? null
|
|
|
+ : res.data[0].weitongguo,
|
|
|
+ name: "未通过",
|
|
|
},
|
|
|
{
|
|
|
- value: res.data[0].yitongguo==0?null:res.data[0].yitongguo,
|
|
|
- name: "已通过"
|
|
|
+ value:
|
|
|
+ res.data[0].yitongguo == 0 ? null : res.data[0].yitongguo,
|
|
|
+ name: "已通过",
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
],
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
- shadowColor: "rgba(0, 0, 0, 0.5)"
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
+ shadowColor: "rgba(0, 0, 0, 0.5)",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
@@ -224,7 +235,7 @@ export default {
|
|
|
},
|
|
|
getlist4() {},
|
|
|
echarfun() {
|
|
|
- unitproportion().then(res => {
|
|
|
+ unitproportion().then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.peopleList3 = res.data;
|
|
|
var roseCharts = document.getElementsByClassName("block");
|
|
@@ -242,13 +253,13 @@ export default {
|
|
|
color: "#ffff",
|
|
|
// fontSize: 12,
|
|
|
fontStyle: "normal",
|
|
|
- fontWeight: "normal"
|
|
|
- }
|
|
|
+ fontWeight: "normal",
|
|
|
+ },
|
|
|
},
|
|
|
color: ["#fac858", "#5470c6", "#ee6666", "#91cc75"],
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
- formatter: "{a} <br/>{b} : {c} ({d}%)"
|
|
|
+ formatter: "{a} <br/>{b} : {c} ({d}%)",
|
|
|
},
|
|
|
// legend: {
|
|
|
// orient: "vertical",
|
|
@@ -274,41 +285,53 @@ export default {
|
|
|
textStyle: {
|
|
|
fontWeight: 300,
|
|
|
fontSize: 16,
|
|
|
- color: "#fff"
|
|
|
- }
|
|
|
- }
|
|
|
+ color: "#fff",
|
|
|
+ },
|
|
|
+ },
|
|
|
},
|
|
|
data: [
|
|
|
{
|
|
|
- value: this.peopleList3[i].daiyanshou==0?null:this.peopleList3[i].daiyanshou,
|
|
|
+ value:
|
|
|
+ this.peopleList3[i].daiyanshou == 0
|
|
|
+ ? null
|
|
|
+ : this.peopleList3[i].daiyanshou,
|
|
|
name: "待验收",
|
|
|
id: this.peopleList3[i].deptId,
|
|
|
},
|
|
|
{
|
|
|
- value: this.peopleList3[i].daichuli==0?null:this.peopleList3[i].daichuli,
|
|
|
+ value:
|
|
|
+ this.peopleList3[i].daichuli == 0
|
|
|
+ ? null
|
|
|
+ : this.peopleList3[i].daichuli,
|
|
|
name: "待处理",
|
|
|
id: this.peopleList3[i].deptId,
|
|
|
},
|
|
|
{
|
|
|
- value: this.peopleList3[i].weitonguo==0?null:this.peopleList3[i].weitonguo,
|
|
|
+ value:
|
|
|
+ this.peopleList3[i].weitonguo == 0
|
|
|
+ ? null
|
|
|
+ : this.peopleList3[i].weitonguo,
|
|
|
name: "未通过",
|
|
|
id: this.peopleList3[i].deptId,
|
|
|
},
|
|
|
{
|
|
|
- value: this.peopleList3[i].yitongguo==0?null:this.peopleList3[i].yitongguo,
|
|
|
+ value:
|
|
|
+ this.peopleList3[i].yitongguo == 0
|
|
|
+ ? null
|
|
|
+ : this.peopleList3[i].yitongguo,
|
|
|
name: "已通过",
|
|
|
id: this.peopleList3[i].deptId,
|
|
|
- }
|
|
|
+ },
|
|
|
],
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
- shadowColor: "rgba(0, 0, 0, 0.5)"
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
+ shadowColor: "rgba(0, 0, 0, 0.5)",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
myChart.setOption(option);
|
|
|
myChart.on("click", this.eConsole);
|
|
@@ -319,21 +342,26 @@ export default {
|
|
|
rowclick(row) {
|
|
|
console.log(row.inspectedUnitId);
|
|
|
this.$router
|
|
|
- .push({ path: "/bdglregular/specialinfo", query: { id:row.inspectedUnitId } })
|
|
|
+ .push({
|
|
|
+ path: "/bdglregular/specialinfo",
|
|
|
+ query: { id: row.inspectedUnitId },
|
|
|
+ })
|
|
|
.catch(() => {});
|
|
|
-
|
|
|
},
|
|
|
//饼状图点击事件
|
|
|
eConsole(param) {
|
|
|
// console.log(param.data);
|
|
|
- this.$router
|
|
|
- .push({
|
|
|
- path: "/bdglregular/specialinfo",
|
|
|
- query: { obj: param.data },
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
+ // console.log(param.data);
|
|
|
+ if (param.data) {
|
|
|
+ this.$router
|
|
|
+ .push({
|
|
|
+ path: "/bdglregular/specialinfo",
|
|
|
+ query: { obj: param.data },
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ }
|
|
|
},
|
|
|
- }
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -352,10 +380,10 @@ export default {
|
|
|
.head {
|
|
|
width: 100%;
|
|
|
/* height: 43.5vh; */
|
|
|
- flex:1;
|
|
|
+ flex: 1;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
- margin-top:10px;
|
|
|
+ margin-top: 10px;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
.head-left {
|
|
@@ -364,8 +392,8 @@ export default {
|
|
|
background-image: url("../../../assets/images/底 拷贝 3.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
- margin-left:10px;
|
|
|
- margin-right:10px;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
.head-right {
|
|
|
flex: 6;
|
|
@@ -373,7 +401,7 @@ export default {
|
|
|
background-image: url("../../../assets/images/底 拷贝 3.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
- margin-right:10px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
|
|
|
.head-left-title {
|
|
@@ -399,10 +427,10 @@ export default {
|
|
|
.foot {
|
|
|
width: 100%;
|
|
|
/* height: 45vh; */
|
|
|
- flex:1;
|
|
|
+ flex: 1;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
.foot-left {
|
|
|
flex: 4;
|
|
@@ -411,7 +439,7 @@ export default {
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
margin-left: 10px;
|
|
|
- margin-right:10px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
.foot-right {
|
|
|
flex: 6;
|
|
@@ -419,7 +447,7 @@ export default {
|
|
|
background-image: url("../../../assets/images/底 拷贝 3.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
- margin-right:10px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
.foot-right-main {
|
|
|
width: 100%;
|