~xingchuan/SewerAndRainNetwork.git

			@@ -50,18 +50,19 @@
			<!-- </div>-->
			<!-- </el-dialog>-->
			<!-- </div>-->
			<div style="width:750px;height:260px;" id="echarts" ref="main">
			<div style="width:100%;height:1rem;margin-top:-0.1rem;position:absolute;" id="echarts" ref="main">
			</div>
			</div>
			</div>
			</template>

			<script>
			// import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList'
			import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList'

			export default {
			name: 'ECharts',
			components: {
			// PublicDetailedList
			PublicDetailedList
			},
			data () {
			return {
			@@ -234,69 +235,53 @@
			}
			},
			mounted () {
			this.drawChart()
			const dataWatch = JSON.parse(JSON.stringify(this.$attrs.getWasteWaterMonitoring))
			console.log(dataWatch)
			for (var i = 0; i < dataWatch.length; i++) {
			this.dataDate.push(dataWatch[i].MonTimeStr.substring(10, 17))
			}
			console.log(this.dataDate)
			this.$nextTick(() => {
			this.drawChart()
			const dataWatch = JSON.parse(JSON.stringify(this.$attrs.getWasteWaterMonitoring))
			// console.log(dataWatch)
			for (var i = 0; i < dataWatch.length; i++) {
			this.dataDate.push(dataWatch[i].MonTimeStr.substring(10, 17))
			}
			// console.log(this.dataDate)
			})
			}
			}
			</script>

			<style scoped lang="less">
			.infomation {
			margin-left: 10px;
			}
			.Infomation {
			margin-left: 10px;
			height: 0.2rem;
			}

			.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;
			}
			.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;
			}
			.block{
			.date{
			width: 300px;
			height: 30px;
			}
			}
			.text-size{
			display: flex;
			justify-content: space-around;
			}
			.from-search{
			display: flex;
			justify-content: space-around;
			.demo-form-inline{
			display: flex;
			justify-content: space-around;
			}
			.el-button--mini, .el-button--mini.is-round{
			height: 30px;
			}
			}
			#echarts {
			margin: 0;
			padding: 0;
			//border: 1px solid #396d83;
			//margin: 10px 10px 10px 10px;
			}
			}
			.form-echrts {
			width: 100%;
			height: 1rem;
			border-top: 1px solid #396d83;
			//margin: 10px 10px 10px 10px;
			.el-dialog-div {
			//height: 50vh!important;
			overflow: auto;
			//overflow: hidden;
			}

			#echarts {
			margin: 0;
			padding: 0;
			//height: 3rem;
			//border: 1px solid #396d83;
			//margin: 10px 10px 10px 10px;
			}
			}
			</style>