File was renamed from src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'GasECharts', |
| | | name: 'ECharts', |
| | | methods: { |
| | | drawChart: function () { |
| | | const myChart = this.$echarts.init(this.$refs.main) |
| | |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['12:00:01', '12:00:02', '12:00:03', '12:00:04', '12:00:05', '12:00:06', '12:00:07'], |
| | | data: ['2021.01.01', '2021.01.02', '2021.01.03', '2021.01.04', '2021.01.05', '2021.01.06', '2021.01.07'], |
| | | axisLabel: { // x轴全部显示 |
| | | rotate: 20, |
| | | interval: 0, |
| | |
| | | margin: 0; |
| | | padding: 0; |
| | | border: 1px solid #396d83; |
| | | /*margin: 10px 10px 10px 10px;*/ |
| | | margin: 10px 10px 10px 10px; |
| | | } |
| | | </style> |
File was renamed from src/components/BaseNav/PublicBounced/GasComponents/EchartsTab.vue |
| | |
| | | <template> |
| | | <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> |
| | | <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> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'EchartsTab', |
| | | name: 'EchartsInfo', |
| | | props: ['displayContent'], |
| | | data () { |
| | | return {} |
File was renamed from src/components/BaseNav/PublicBounced/GasComponents/GasTabs.vue |
| | |
| | | <div class="border_corner border_corner_left_bottom"></div> |
| | | <div class="border_corner border_corner_right_bottom"></div> |
| | | <el-tabs type="card" v-model="activeName"> |
| | | <el-tab-pane label="实试数据" name="first"> |
| | | <EchartsTab></EchartsTab> |
| | | <GasECharts></GasECharts> |
| | | <el-tab-pane label="实试数据" name="first"></el-tab-pane> |
| | | <el-tab-pane label="日数据" name="second"> |
| | | <EchartsInfo></EchartsInfo> |
| | | <ECharts></ECharts> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="日数据" name="second"><EchartsTab></EchartsTab><GasECharts></GasECharts></el-tab-pane> |
| | | <el-tab-pane label="月数据" name="third"><EchartsTab></EchartsTab><GasECharts></GasECharts></el-tab-pane> |
| | | <el-tab-pane label="人工数据" name="fourth"><EchartsTab></EchartsTab><GasECharts></GasECharts></el-tab-pane> |
| | | <el-tab-pane label="月数据" name="third"></el-tab-pane> |
| | | <el-tab-pane label="人工数据" name="fourth"></el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import GasECharts from './GasECharts' |
| | | import EchartsTab from './EchartsTab' |
| | | import ECharts from './ECharts' |
| | | import EchartsInfo from './EchartsInfo' |
| | | |
| | | export default { |
| | | name: 'GasTabs', |
| | | name: 'PublicTab', |
| | | components: { |
| | | GasECharts, |
| | | EchartsTab |
| | | ECharts, |
| | | EchartsInfo |
| | | }, |
| | | data () { |
| | | return { |
| | | activeName: 'first' |
| | | activeName: 'second' |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | <GasTab :displayContentTab="displayContentTab" ></GasTab> |
| | | <div class="public-bounced-content-left-bottom"> |
| | | <PublicTable v-if="value === 'gufei'"></PublicTable> |
| | | <GasECharts v-else></GasECharts> |
| | | <!-- <GasECharts v-else></GasECharts>--> |
| | | <PublicTab v-else></PublicTab> |
| | | </div> |
| | | </div> |
| | | <div class="public-bounced-content-right"> |
| | |
| | | import '@/components/BaseNav/SolidWaste/directive/dir' |
| | | import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab' |
| | | import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable' |
| | | import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' |
| | | // import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' |
| | | import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' |
| | | // import GasTabs from './GasComponents/GasTabs' |
| | | import PublicTab from './GasComponents/PublicTab' |
| | | |
| | | export default { |
| | | name: 'PublicBounced', |
| | | components: { |
| | | GasTab, |
| | | PublicTable, |
| | | GasECharts, |
| | | GasVideo |
| | | // GasECharts, |
| | | GasVideo, |
| | | PublicTab |
| | | }, |
| | | data () { |
| | | return { |