From 93501e5ed932ff9a57a27f432736cca9f38f0cd4 Mon Sep 17 00:00:00 2001 From: XingChuan <m17600301067@163.com> Date: 星期四, 27 五月 2021 16:49:06 +0800 Subject: [PATCH] 增加管线报表,企业应急报表 --- src/components/table/components/CorporateEmergency.vue | 39 +++++++++++++ src/components/table/components/tabHandover.vue | 11 +++ src/api/mapApi.js | 6 ++ public/assets/corporateEmergency.json | 53 +++++++++++++++++ src/components/table/components/Pipeline.vue | 37 ++++++++++++ public/assets/pipeline.json | 34 +++++++++++ 6 files changed, 178 insertions(+), 2 deletions(-) diff --git a/public/assets/corporateEmergency.json b/public/assets/corporateEmergency.json new file mode 100644 index 0000000..1067828 --- /dev/null +++ b/public/assets/corporateEmergency.json @@ -0,0 +1,53 @@ +[ + { + "UserName": "闆嗗洟鍚嶇О", + "WasteWaters": "", + "AddOutPut": "", + "MonthOutPut": "", + "NH4NPut": "", + "NH4NMonth": "", + "normal": "", + "overProof": "", + "Abnormal": "", + "StopProduction": "", + "deficiency": "" + }, + { + "UserName": "澶╂触鐭冲寲", + "WasteWaters": "116.6", + "AddOutPut": "58", + "MonthOutPut": "13", + "NH4NPut": "58", + "NH4NMonth": "13", + "normal": "21", + "overProof": "2", + "Abnormal": "2", + "StopProduction": "2", + "deficiency": "2" + }, + { + "UserName": "xxxx鐐煎寲3", + "WasteWaters": "116", + "MonthOutPut": "13", + "NH4NPut": "58", + "NH4NMonth": "13", + "normal": "21", + "overProof": "2", + "Abnormal": "2", + "StopProduction": "2", + "deficiency": "2" + }, + { + "UserName": "xxxx4", + "WasteWaters": "116", + "AddOutPut": "58", + "MonthOutPut": "13", + "NH4NPut": "58", + "NH4NMonth": "13", + "normal": "21", + "overProof": "2", + "Abnormal": "2", + "StopProduction": "2", + "deficiency": "2" + } +] \ No newline at end of file diff --git a/public/assets/pipeline.json b/public/assets/pipeline.json new file mode 100644 index 0000000..923c277 --- /dev/null +++ b/public/assets/pipeline.json @@ -0,0 +1,34 @@ +[ + { + "date": "闆嗗洟鍏徃", + "name": 1, + "province": 1, + "city": 0, + "address": 1, + "zip": 0 + }, + { + "date": "澶╂触鐭冲寲", + "name": 1, + "province": 0, + "city": 1, + "address": 1, + "zip": 2 + }, + { + "date": "XXX鐐煎寲", + "name": 1, + "province": 2, + "city": 0, + "address": 0, + "zip": 1 + }, + { + "date": "XXX鐐煎寲2", + "name": 1, + "province": 2, + "city": 0, + "address": 0, + "zip": 1 + } +] \ No newline at end of file diff --git a/src/api/mapApi.js b/src/api/mapApi.js index e5e05af..62bd5f3 100644 --- a/src/api/mapApi.js +++ b/src/api/mapApi.js @@ -112,5 +112,11 @@ }, getwarnStatistics (data) { return axios.get('/assets/warn.json', data) + }, + getPipelineStatistics (data) { + return axios.get('/assets/pipeline.json', data) + }, + getCorporateEmergencyStatistics (data) { + return axios.get('/assets/corporateEmergency.json', data) } } diff --git a/src/components/table/components/CorporateEmergency.vue b/src/components/table/components/CorporateEmergency.vue new file mode 100644 index 0000000..0609e51 --- /dev/null +++ b/src/components/table/components/CorporateEmergency.vue @@ -0,0 +1,39 @@ +<template> + <div class="Pipeline"> + <el-table class="tableBox" :data="tableData" border> + <el-table-column width="30px" label=""> + <template> + <i class="el-icon-caret-right"></i> + <span style="margin-left: 10px"></span> + </template> + </el-table-column> + <el-table-column label="搴忓彿" width="60px" type="index"></el-table-column> + <el-table-column prop="UserName" label="浼佷笟鍚嶇О"></el-table-column> + <el-table-column prop="WasteWaters" label="搴旀�ラ妗堟暟閲忥紙涓級"></el-table-column> + <el-table-column prop="AddOutPut" label="搴旀�ラ妗堝妗堝彿"></el-table-column> + <el-table-column prop="MonthOutPut" label="搴旀�ョ墿璧勫瓨鏀剧偣"></el-table-column> + <el-table-column prop="NH4NPut" label="鐜繚浜嬩欢锛堜釜锛�"></el-table-column> + <el-table-column prop="NH4NMonth" label="鐜繚澶勭綒锛堜釜锛�"></el-table-column> + <el-table-column prop="normal" label="澶勭綒閲戦锛堜竾鍏冿級"></el-table-column> + </el-table> + </div> +</template> + +<script> +import mapApi from '@/api/mapApi' +export default { + name: 'CorporateEmergency', + data () { + return { + tableData: null + } + }, + async mounted () { + this.tableData = await mapApi.getCorporateEmergencyStatistics() + } +} +</script> + +<style scoped> + +</style> diff --git a/src/components/table/components/Pipeline.vue b/src/components/table/components/Pipeline.vue new file mode 100644 index 0000000..619ff80 --- /dev/null +++ b/src/components/table/components/Pipeline.vue @@ -0,0 +1,37 @@ +<template> + <div class="Pipeline"> + <el-table class="tableBox" :data="tableData" border> + <el-table-column width="30px" label=""> + <template> + <i class="el-icon-caret-right"></i> + <span style="margin-left: 10px"></span> + </template> + </el-table-column> + <el-table-column label="搴忓彿" width="60px" type="index"></el-table-column> + <el-table-column prop="date" label="浼佷笟鍚嶇О"></el-table-column> + <el-table-column prop="name" label="绠$嚎鎬婚暱搴︼紙km锛�"></el-table-column> + <el-table-column prop="province" label="鍛ㄨ竟鐜 "></el-table-column> + <el-table-column prop="city" label="鎷︽埅璁炬柦"></el-table-column> + <el-table-column prop="address" label="鍐呭鎺掑彛"></el-table-column> + </el-table> + </div> +</template> + +<script> +import mapApi from '@/api/mapApi' +export default { + name: 'Pipeline', + data () { + return { + tableData: null + } + }, + async mounted () { + this.tableData = await mapApi.getPipelineStatistics() + } +} +</script> + +<style scoped> + +</style> diff --git a/src/components/table/components/tabHandover.vue b/src/components/table/components/tabHandover.vue index 9f1f275..43896f1 100644 --- a/src/components/table/components/tabHandover.vue +++ b/src/components/table/components/tabHandover.vue @@ -17,6 +17,8 @@ import SolidWaste from '@components/table/components/WasteSolid' import PollutionSource from '@components/table/components/PollutionSource' import EnvironmentalRisk from '@components/table/components/EnvironmentalRisk' +import Pipeline from '@components/table/components/Pipeline' +import CorporateEmergency from '@components/table/components/CorporateEmergency' import { TopicList } from '../../../conf/Topic' export default { @@ -27,7 +29,9 @@ // SoilGroundwater, SolidWaste, PollutionSource, - EnvironmentalRisk + EnvironmentalRisk, + Pipeline, + CorporateEmergency }, data () { return { @@ -62,7 +66,10 @@ this.gcComp = SoilGroundwater break case '绠$嚎': - // this.gcComp = AirQuality + this.gcComp = Pipeline + break + case '浼佷笟搴旀��': + this.gcComp = CorporateEmergency break } } -- Gitblit v1.8.0