From 5e3dad0ae62f237e515d0619cef479e05d836bc8 Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期三, 07 四月 2021 11:01:20 +0800 Subject: [PATCH] 修改废水点信息 --- src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue | 71 ++++++++++++++++++++++++++++++++--- 1 files changed, 65 insertions(+), 6 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue b/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue index cdad7bf..d3f6465 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue @@ -1,10 +1,43 @@ <template> - <div style="width:750px;height:260px;" id="echarts" ref="main"></div> + <div id="Tab"> + <div class="Infomation"> + <el-tag>姘哀鍖栫墿 : 29.93 鏍囧噯 : 100</el-tag> + <el-tag>浜屾哀鍖栫~ : 17.34 鏍囧噯 : 50</el-tag> + <el-tag>鐑熷皹 : 6.93 鏍囧噯 : 30</el-tag> + <el-tag>搴熸皵娴侀噺 : 120343.18</el-tag> + </div> + <div class="form-echrts"> + <div> + <el-button size="mini" round @click="dialogVisible = true">鏄庣粏琛�</el-button> + <el-dialog :visible.sync="dialogVisible" + :append-to-body="true" + width="66%" + center + > + <div class="el-dialog-div" style="height: 600px"> + <public-detailed-list v-bind="$attrs"></public-detailed-list> + </div> + </el-dialog> + </div> + <div style="width:750px;height:260px;" id="echarts" ref="main"> + </div> + </div> + </div> </template> <script> +import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList' export default { name: 'ECharts', + components: { + PublicDetailedList + }, + data () { + return { + watchData: [], + dialogVisible: false + } + }, methods: { drawChart: function () { const myChart = this.$echarts.init(this.$refs.main) @@ -169,15 +202,41 @@ }, mounted () { this.drawChart() + const dataWatch = JSON.parse(JSON.stringify(this.$attrs)) + console.log(dataWatch) } } </script> <style scoped lang="less"> - #echarts{ - margin: 0; - padding: 0; - border: 1px solid #396d83; - margin: 10px 10px 10px 10px; + .Infomation{ + margin-left: 10px; + } + .el-tag{ + height: 25px; + line-height: 25px; + margin-right: 10px; + font-size: 10px; + background-color: rgba(0, 255, 246, 0.14); + color: #00d0f9; + border: none; + padding: 0 15px; + } + .form-echrts{ + width: 100%; + height: 100%; + border: 1px solid #396d83; + //margin: 10px 10px 10px 10px; + .el-dialog-div{ + //height: 50vh!important; + overflow: auto; + //overflow: hidden; + } + #echarts { + margin: 0; + padding: 0; + //border: 1px solid #396d83; + //margin: 10px 10px 10px 10px; + } } </style> -- Gitblit v1.8.0