diff --git a/src/api/companyCanban/index.js b/src/api/companyCanban/index.js index 419629e..e01ccdc 100644 --- a/src/api/companyCanban/index.js +++ b/src/api/companyCanban/index.js @@ -143,3 +143,35 @@ export function roadSafetyDetail(params) { params }) } +//防攻击安全 +export function preventSafety(params) { + return request({ + url: '/safety/signboard/prevent/safety', + method: 'post', + params + }) +} +//防攻击安全详情 +export function preventSafetyDetail(params) { + return request({ + url: '/safety/signboard/prevent/safety/detail', + method: 'post', + params + }) +} +//网络安全 +export function networkSafety(params) { + return request({ + url: '/safety/signboard/network/safety', + method: 'post', + params + }) +} +//网络安全详情 +export function networkSafetyDetail(params) { + return request({ + url: '/safety/signboard/network/safety/detail', + method: 'post', + params + }) +} \ No newline at end of file diff --git a/src/assets/companyCanban/上_00000.png b/src/assets/companyCanban/上_00000.png new file mode 100644 index 0000000..92bd833 Binary files /dev/null and b/src/assets/companyCanban/上_00000.png differ diff --git a/src/assets/companyCanban/底座2_00000.png b/src/assets/companyCanban/底座2_00000.png new file mode 100644 index 0000000..086de25 Binary files /dev/null and b/src/assets/companyCanban/底座2_00000.png differ diff --git a/src/assets/companyCanban/底座红色_00000.png b/src/assets/companyCanban/底座红色_00000.png new file mode 100644 index 0000000..15d82cf Binary files /dev/null and b/src/assets/companyCanban/底座红色_00000.png differ diff --git a/src/assets/companyCanban/红色上_00000.png b/src/assets/companyCanban/红色上_00000.png new file mode 100644 index 0000000..6c84b8a Binary files /dev/null and b/src/assets/companyCanban/红色上_00000.png differ diff --git a/src/views/companyCanban/daolu.vue b/src/views/companyCanban/daolu.vue index 3051eef..e1a4727 100644 --- a/src/views/companyCanban/daolu.vue +++ b/src/views/companyCanban/daolu.vue @@ -42,8 +42,49 @@
-
-
+
+
+
企业整改
+
+
+
+
+
{{ roadDetailData.enterpriseRectifications[0].safeRuleName }}
+
{{ roadDetailData.enterpriseRectifications[0].numValue }}
+
+
+
+
+
+
{{ roadDetailData.enterpriseRectifications[1].safeRuleName }}
+
{{ roadDetailData.enterpriseRectifications[1].numValue }}
+
+
+
+
+
企业周边交通设施检查
+
+
+
+
+
{{ roadDetailData.perimeterInspections[0].safeRuleName }}
+
{{ roadDetailData.perimeterInspections[0].numValue }}
+
+
+
+
+
+
{{ roadDetailData.perimeterInspections[1].safeRuleName }}
+
{{ roadDetailData.perimeterInspections[1].numValue }}
+
+
+
+
+
+
违章数据
+
+
+
@@ -74,6 +115,7 @@ export default { this.$nextTick(() => { this.initytjc() this.initjtsg() + this.initwzsj() }) }) }, @@ -178,14 +220,144 @@ export default { ] }; option && myChart.setOption(option); - } + }, + initwzsj() { + let myChart = echarts.init(document.getElementById("wzsj")); + const dateList = this.roadDetailData.list_113.map(item => { + return item.statisticsDate + }) + // const jingnwaiList = this.roadDetailData.list_113.map(item => { + // return item.numValue + // }) + const jingnneiList = this.roadDetailData.list_113.map(item => { + return item.numValue + }) + const option = { + tooltip: { + trigger: "axis", + }, + grid: { + top: "5%", + right: "5%", + bottom: "15%", + left: "15%", + }, + // legend: [{ + // data: ['这是一个小标题'], + // top: '5%', + // width: 100, + // selectedMode: false, + // textStyle: { + // color: 'rgba(255, 255, 255, 0.7)' + // }, + // }, { + // top: '5%', + // right: 'center', + // width: 200, + // data: ['境外人员'], + // textStyle: { + // color: 'rgba(255, 255, 255, 0.7)' + // }, + // },], + xAxis: { + type: "category", + show: true, + minInterval: 1, + splitLine: { + show: false, + }, + axisLabel: { + show: true, // 是否显示刻度标签 + color: "#D0DEEE", // 刻度标签文字的颜色 + }, + minorTick: { show: false }, + data: dateList, + }, + yAxis: { + type: "value", + show: true, + minInterval: 1, + splitLine: { + show: false, + }, + minorTick: { show: false }, + axisLabel: { + show: true, // 是否显示刻度标签 + color: "#FFF", // 刻度标签文字的颜色 + }, + }, + series: [ + // { + // name: "境外人员", + // type: "line", + // showSymbol: false, + // stack: "Total", + // emphasis: { + // focus: "series", + // }, + // areaStyle: { + // opacity: 0.8, + // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + // { + // offset: 0, + // color: "rgb(128, 255, 165)", + // }, + // { + // offset: 1, + // color: "rgb(1, 191, 236)", + // }, + // ]), + // }, + // smooth: true, + + // itemStyle: { + // normal: { + // color: "#00d2c4", + // }, + // }, + // data: jingnwaiList, + // }, + { + name: "", + type: "line", + showSymbol: false, + stack: "Total", + emphasis: { + focus: "series", + }, + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "rgb(255, 191, 0)", + }, + { + offset: 1, + color: "rgb(224, 62, 76)", + }, + ]), + }, + smooth: true, + + itemStyle: { + normal: { + color: "#FFCB6A", + }, + }, + data: jingnneiList, + }, + ], + }; + option && myChart.setOption(option); + }, }, } \ No newline at end of file diff --git a/src/views/companyCanban/index.vue b/src/views/companyCanban/index.vue index 389beda..48280ee 100644 --- a/src/views/companyCanban/index.vue +++ b/src/views/companyCanban/index.vue @@ -15,6 +15,8 @@
+ +
@@ -28,6 +30,8 @@ import xiaofang from './xiaofang.vue' import lieguan from './lieguan.vue' import zhian from './zhian.vue' import daolu from './daolu.vue' +import fanggopngji from './fanggopngji.vue' +import wangluo from './wangluo.vue' import { companyBaseInfo } from '@/api/companyCanban' export default { @@ -40,6 +44,8 @@ export default { lieguan, zhian, daolu, + fanggopngji, + wangluo }, data() { return { diff --git a/src/views/companyCanban/wangluo.vue b/src/views/companyCanban/wangluo.vue new file mode 100644 index 0000000..e05728b --- /dev/null +++ b/src/views/companyCanban/wangluo.vue @@ -0,0 +1,699 @@ + + + + \ No newline at end of file diff --git a/src/views/companyCanban/xiaofang.vue b/src/views/companyCanban/xiaofang.vue index 3aa178d..e384480 100644 --- a/src/views/companyCanban/xiaofang.vue +++ b/src/views/companyCanban/xiaofang.vue @@ -1,9 +1,9 @@