~xingchuan/SewerAndRainNetwork.git

			@@ -4,7 +4,26 @@
			<public-tabs :storagePlaceId="storagePlaceId"></public-tabs>
			</template>
			<template v-slot:publicPart>
			<public-echarts></public-echarts>
			<div class="public-part">
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="实时数据" name="first">
			<RealData></RealData>
			</el-tab-pane>
			<el-tab-pane label="小时数居" name="second">
			<HourData></HourData>
			</el-tab-pane>
			<el-tab-pane label="日数据" name="third">
			<DayData></DayData>
			</el-tab-pane>
			<el-tab-pane label="人工监测数据" name="fourth">
			<Detail></Detail>
			</el-tab-pane>
			</el-tabs>
			</div>
			</template>
			<template v-slot:video>
			<public-video></public-video>
			@@ -14,86 +33,90 @@

			<script>

			import PublicTabs from '@components/BaseNav/WasteGas/PublicTabs'
			import PublicEcharts from '@components/BaseNav/PublicBounced/common/PublicChart'
			import PublicVideo from '@components/BaseNav/PublicVideo'
			import PublicSector from '@components/BaseNav/PublicSector'
			import PublicTabs from './PublicTabs'
			import PublicVideo from '../PublicVideo'
			import PublicSector from '../PublicSector'
			// 图表组件
			import RealData from './RealData'
			import HourData from './HourData'
			import DayData from './DayData'
			import Detail from './Detail'

			export default {
			name: 'WasteGasIndex',
			name: 'WasteWaterIndex',
			props: ['storagePlaceId'],
			components: {
			PublicSector,
			PublicTabs,
			PublicEcharts,
			PublicVideo
			},
			mounted () {
			console.log(this.storagePlaceId)
			this.$nextTick(() => {
			// this.refsData()
			})
			PublicVideo,
			RealData,
			HourData,
			DayData,
			Detail
			},
			data () {
			return {}
			return {
			activeName: 'first'
			}
			},
			methods: {
			// refsData () {
			// const data = this.storagePlaceId
			// this.$refs.refsTabsData.refsDataTabs(data)
			// this.$refs.refsTableData.refsDataTable(data)
			// }
			handleClick (tab, event) {
			console.log(tab, event)
			}
			}
			}
			</script>

			<style lang="less" scoped>
			.public-bounced {
			z-index: 2000;
			position: absolute;
			top: 35%;
			left: 20%;

			.public-bounced-title {
			cursor: move;
			height: 0.1rem;
			padding: 10px 0;
			display: flex;
			align-items: center;
			justify-content: space-between;

			span {
			color: #f4f7ff;
			margin: 0 15px;
			font-size: 14px;
			}

			i {
			color: #C0C4CC;
			margin: 0 15px;
			font-size: 22px;
			cursor: pointer;
			}

			i:hover {
			color: #00fff6;
			}
			}

			.public-bounced-content {
			//padding: 0.1rem;
			display: flex;
			//align-items: center;
			//justify-content: space-around;

			.public-bounced-content-left {
			//width: 4.8rem;
			}

			.public-bounced-content-right {
			//width: 3rem;
			margin-left: 0.1rem;
			}
			}
			.public-part {
			position: relative;
			margin-bottom: 0.1rem;
			background-color: @background-color;
			font-size: 0.06rem;
			font-weight: normal;
			padding: 0.04rem 0;
			border: 1px solid #396d83;
			}

			.public-part span:nth-child(1) {
			position: absolute;
			left: -2px;
			top: -2px;
			padding: 6px;
			border-style: solid;
			border-color: #02a6b5;
			border-width: 2px 0 0 2px;
			}

			.public-part span:nth-child(2) {
			position: absolute;
			right: -2px;
			top: -2px;
			padding: 6px;
			border-style: solid;
			border-color: #02a6b5;
			border-width: 2px 2px 0 0;
			}

			.public-part span:nth-child(3) {
			position: absolute;
			right: -2px;
			bottom: -2px;
			padding: 6px;
			border-style: solid;
			border-color: #02a6b5;
			border-width: 0 2px 2px 0;
			}

			.public-part span:nth-child(4) {
			position: absolute;
			left: -2px;
			bottom: -2px;
			padding: 6px;
			border-style: solid;
			border-color: #02a6b5;
			border-width: 0 0 2px 2px;
			}

			</style>