~xingchuan/SewerAndRainNetwork.git

			@@ -15,7 +15,7 @@
			<div class="pickerData">
			<span> 开始时间:</span>
			<span class="pickerTable">
			<el-date-picker type="datetime" v-model="formInline.timeStart"></el-date-picker>
			<el-date-picker type="datetime" v-model="formInline.timeStart" @click="pickerBtn"></el-date-picker>
			</span>
			</div>
			<div class="pickerData">
			@@ -25,16 +25,6 @@
			</span>
			</div>
			</div>
			<!-- <div>-->
			<!-- 采样点数:-->
			<!-- <el-select v-model="formInline.region">-->
			<!-- <el-option label="0" value="0"></el-option>-->
			<!-- <el-option label="25" value="25"></el-option>-->
			<!-- <el-option label="50" value="50"></el-option>-->
			<!-- <el-option label="75" value="75"></el-option>-->
			<!-- <el-option label="100" value="100"></el-option>-->
			<!-- </el-select>-->
			<!-- </div>-->
			<div class="detailbtn" @click="onSubmit">查询</div>
			<div class="detailbtn" @click="dialogVisible = true" >明细表</div>
			</div>
			@@ -43,12 +33,11 @@
			<!-- 明细弹框 -->
			<el-dialog :visible.sync="dialogVisible"
			:append-to-body="true"
			:title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[0].OnLineMonEmissPointName"
			width="68%"
			center
			v-dialogDrag
			>
			<div class="el-dialog-div" style="height: 500px">
			<div class="el-dialog-div">
			<public-detailed-list v-bind="$attrs"></public-detailed-list>
			</div>
			</el-dialog>
			@@ -56,6 +45,7 @@
			</template>

			<script>
			// import mapApi from '@/api/mapApi'
			import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList'
			import dayjs from 'dayjs'
			export default {
			@@ -65,16 +55,13 @@
			},
			data () {
			return {
			value1: '',
			value2: '',
			watchData: [],
			dialogVisible: false,
			myChar: null,
			value: '',
			formInline: {
			region: '',
			timeStart: '',
			timeEnd: ''
			timeStart: null,
			timeEnd: null
			},
			myChart: null,
			JsonCtarts: {
			@@ -135,22 +122,23 @@
			}
			}
			},
			created () {
			},
			mounted () {
			this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss')
			this.formInline.timeStart = dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss')
			this.onSubmit()
			// this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			},
			updated () {
			this.onSubmit()
			},
			methods: {
			pickerBtn () {
			this.formInline.timeEnd = ''
			this.formInline.timeStart = ''
			console.log(1)
			},
			onSubmit () {
			this.CreateChart()
			// console.log(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			// this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			},
			CreateChart: function () {
			CreateChart () {
			// var id = this.JsonCtarts.id
			// var title = this.JsonCtarts.title
			var legend = this.JsonCtarts.legend
			@@ -164,9 +152,9 @@
			this.myChart.clear()
			var dataUnit = ''
			if (datatype === 1) {
			dataUnit = '气量(m³/d)'
			dataUnit = '废气气量(m³/d)'
			} else {
			dataUnit = '气量(m³/h)'
			dataUnit = '废气气量(m³/h)'
			}

			var serLists = []
			@@ -309,12 +297,11 @@
			var seriesName = params[i].seriesName
			// 值
			var value = params[i].value
			var valueFliter
			if (value === 'NaN') {
			valueFliter = ''
			}
			// else {
			// // valueFliter = formatter(value)
			// var valueFliter
			// if (value === 'NaN') {
			// valueFliter = ''
			// } else {
			// valueFliter = this.formatter(value)
			// }
			var maker = params[i].marker
			if (seriesName === '二氧化硫') {
			@@ -328,7 +315,7 @@
			} else {
			maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4ec99c;"></span>'
			}
			s += maker + seriesName + ':' + valueFliter + '<br />'
			s += maker + seriesName + ':' + value + '<br />'
			}
			return s
			}
			@@ -341,7 +328,8 @@
			},
			grid: { // 网格
			top: '20%',
			left: '5%'
			left: '6%',
			bottom: '15%'
			// containLabel: true
			},
			legend: { // 图例
			@@ -530,6 +518,395 @@
			// createDivByMouse("s",params.event);
			}) */
			}
			// 废气按天查询小时数据
			// queryZDYDate_24 (id) {
			// this.formInline.timeStart
			// this.formInline.timeEnd
			// // var date = $('#riqi_24').val()
			// // if (date) {
			// // var date1 = new Date(date)
			// // date1 = new Date(date1.getTime() - (8 * 3600000))
			// // console(date1)
			// // var dateUtil = new DateUtil()
			// // var datePkg = dateUtil.getTowDate(date1, 'a', 24 * 3600000 - 1)
			// // var dateTime1FullStr =
			// var datatype = 2
			// console(datePkg)
			//
			// if (CFG_Model.production) {
			// get24HourDate(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31,226', function (res) {
			// // 处理数据开始
			// var d = res
			// var nameList = [] // 存放图例
			// var dateList = [] // 存放时间
			// var dataList = [] // 存放数据
			// var bzh = [] // 标准值
			// var data = []
			// wrwIDS = []
			// for (var i = 0; i < d.length; i++) {
			// var MonTimeStr = d[i].MonTimeStr
			//
			// // 20190430 add 获取监测点id 污染物id 检测项id
			// getWRW(d[i])
			//
			// var strDate
			// var d1 = MonTimeStr.split('/')
			// var d2 = d1[2].split(' ')
			// var t = MonTimeStr.split(' ')
			// var hlist = t[1].split(':')
			// var h = hlist[0]
			// if (d1[1] > 9) {
			// // strDate=MonTimeStr.substring(8,10)+"日";
			// if (d2[0] > 9) {
			// strDate = ''
			// if (h > 9) {
			// strDate += MonTimeStr.substring(11, 13) + '时'
			// } else {
			// strDate += MonTimeStr.substring(11, 12) + '时'
			// }
			// } else {
			// strDate = ''
			// if (h > 9) {
			// strDate += MonTimeStr.substring(10, 12) + '时'
			// } else {
			// strDate += MonTimeStr.substring(10, 11) + '时'
			// }
			// }
			// } else {
			// if (d2[0] > 9) {
			// strDate = ''
			// if (h > 9) {
			// strDate += MonTimeStr.substring(10, 12) + '时'
			// } else {
			// strDate += MonTimeStr.substring(10, 11) + '时'
			// }
			// } else {
			// strDate = ''
			// if (h > 9) {
			// strDate += MonTimeStr.substring(9, 11) + '时'
			// } else {
			// strDate += MonTimeStr.substring(9, 10) + '时'
			// }
			// }
			// }
			//
			// if (nameList.length == 0) {
			// nameList.push(d[i].PoltmtrlName.trim())
			// dateList.push(strDate)
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// bzh.push(d[i].StdValue)
			// } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) {
			// nameList.push(d[i].PoltmtrlName)
			// bzh.push(d[i].StdValue)
			// dataList.push(data)
			// data = new Array()
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// } else if (i == d.length - 1) {
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// dataList.push(data)
			// } else {
			// if (dateList.indexOf(strDate) < 0) {
			// dateList.push(strDate)
			// }
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// }
			// }
			// // 处理数据结束
			//
			// // dateList=get24DateTime();
			//
			// var newList = []
			// for (var i = 0; i < dataList.length; i++) {
			// var list = dataList[i].reverse()
			// newList.push(list)
			// }
			// dataList = newList
			//
			// var id = 'mychart'
			// var title = '加热炉烟气'
			// var lengList = []
			// var objTemp
			//
			// for (var l = 0; l < nameList.length; l++) {
			// var obj
			// var iconurl
			// if (nameList[l] == '二氧化硫') {
			// iconurl = 'image://../assets/imgs/legend/SO2.png'
			// } else if (nameList[l] == '氮氧化物') {
			// iconurl = 'image://../assets/imgs/legend/NOX.png'
			// } else if (nameList[l] == '烟尘') {
			// iconurl = 'image://../assets/imgs/legend/YanChen.png'
			// } else if (nameList[l] == '非甲烷总烃') {
			// iconurl = 'image://../assets/imgs/legend/grn.png'
			// } else if (nameList[l] == '温度') {
			// iconurl = 'image://../assets/imgs/legend/WenDu.png'
			// } else {
			// iconurl = 'image://../assets/imgs/legend/VOCs.png'
			// }
			//
			// if (nameList[l] == '废气' \|\| nameList[l] == '废气流量') { // 将废气流量排到数组最后
			// objTemp = {
			// name: nameList[l],
			// icon: iconurl,
			// textStyle: {
			// color: '#ccc'
			// },
			// itemWidth: 20,
			// itemHeight: 5
			// }
			// } else {
			// obj = {
			// name: nameList[l],
			// icon: iconurl,
			// textStyle: {
			// color: '#ccc'
			// },
			// itemWidth: 20,
			// itemHeight: 5
			// }
			// lengList.push(obj)
			// }
			// }
			// lengList.push(objTemp)
			//
			// var legend = lengList
			// var xdata = dateList.reverse()
			// var ydatas = []
			//
			// for (var j = 0; j < nameList.length; j++) {
			// var zdcbcolor, zxcolor
			// if (nameList[j] == '二氧化硫') {
			// zdcbcolor = 'red'
			// zxcolor = '#fff21c'
			// } else if (nameList[j] == '氮氧化物') {
			// zdcbcolor = 'red'
			// zxcolor = '#00B0F0'
			// } else if (nameList[j] == '烟尘') {
			// zdcbcolor = 'red'
			// zxcolor = '#f48183'
			// } else if (nameList[j] == '温度') {
			// zdcbcolor = 'red'
			// zxcolor = '#F206FF'
			// } else {
			// zdcbcolor = 'red'
			// zxcolor = '#9ACD32'
			// }
			// var ydata = {
			// name: nameList[j],
			// data: dataList[j],
			// zdcbcolor: zdcbcolor,
			// zxcolor: zxcolor,
			// bzz: bzh[j]
			// }
			// exhbzz = {
			// name: nameList[j],
			// bzhui: bzh[j]
			// }
			// exhbzzList.push(exhbzz)
			//
			// ydatas.push(ydata)
			// }
			//
			// var yname = '浓度(mg/m³)'
			// CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype)
			// console.log(123323)
			// console.log(id, title, legend, xdata, ydatas, yname, id, datatype)
			// })
			// } else {
			// get24HourDate1(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31', function (res) {
			// // 处理数据开始
			// var d = res
			// var nameList = [] // 存放图例
			// var dateList = [] // 存放时间
			// var dataList = [] // 存放数据
			// var bzh = [] // 标准值
			// var data = []
			// wrwIDS = []
			// for (var i = 0; i < d.length; i++) {
			// var MonTimeStr = d[i].MonTimeStr
			//
			// // 20190430 add 获取监测点id 污染物id 检测项id
			// getWRW(d[i])
			//
			// var strDate
			// var d1 = MonTimeStr.split('/')
			// var t = MonTimeStr.split(' ')
			// var hlist = t[1].split(':')
			// var h = hlist[0]
			// if (d1[1] > 9) {
			// // strDate=MonTimeStr.substring(8,10)+"日";
			// strDate = ''
			// if (h > 9) {
			// strDate += MonTimeStr.substring(11, 13) + '时'
			// } else {
			// strDate += MonTimeStr.substring(11, 12) + '时'
			// }
			// } else {
			// // strDate=MonTimeStr.substring(7,9)+"日";
			// strDate = ''
			// if (h > 9) {
			// strDate += MonTimeStr.substring(10, 12) + '时'
			// } else {
			// strDate += MonTimeStr.substring(10, 11) + '时'
			// }
			// }
			//
			// if (nameList.length == 0) {
			// nameList.push(d[i].PoltmtrlName.trim())
			// dateList.push(strDate)
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// bzh.push(d[i].StdValue)
			// } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) {
			// nameList.push(d[i].PoltmtrlName)
			// bzh.push(d[i].StdValue)
			// dataList.push(data)
			// data = new Array()
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// } else if (i == d.length - 1) {
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// dataList.push(data)
			// } else {
			// if (dateList.indexOf(strDate) < 0) {
			// dateList.push(strDate)
			// }
			// if ((d[i].PoltmtrlName == '废气流量' \|\| d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) {
			// d[i].MonQty = 0
			// }
			// data.push(d[i].MonQty)
			// }
			// }
			// // 处理数据结束
			//
			// dateList = get24DateTime()
			// dateList.reverse()
			// var newList = []
			//
			// for (var i = 0; i < dataList.length; i++) {
			// var list = dataList[i].reverse()
			// newList.push(list)
			// }
			// dataList = newList
			//
			// var id = 'mychart'
			// var title = '加热炉烟气'
			// var lengList = []
			// var objTemp
			//
			// for (var l = 0; l < nameList.length; l++) {
			// var obj
			// var iconurl
			// if (nameList[l] == '二氧化硫') {
			// iconurl = 'image://../assets/imgs/legend/SO2.png'
			// } else if (nameList[l] == '氮氧化物') {
			// iconurl = 'image://../assets/imgs/legend/NOX.png'
			// } else if (nameList[l] == '烟尘') {
			// iconurl = 'image://../assets/imgs/legend/YanChen.png'
			// } else if (nameList[l] == '非甲烷总烃') {
			// iconurl = 'image://../assets/imgs/legend/grn.png'
			// } else if (nameList[l] == '温度') {
			// iconurl = 'image://../assets/imgs/legend/WenDu.png'
			// } else {
			// iconurl = 'image://../assets/imgs/legend/VOCs.png'
			// }
			//
			// if (nameList[l] == '废气' \|\| nameList[l] == '废气流量') { // 将废气流量排到数组最后
			// objTemp = {
			// name: nameList[l],
			// icon: iconurl,
			// textStyle: {
			// color: '#ccc'
			// },
			// itemWidth: 20,
			// itemHeight: 5
			// }
			// } else {
			// obj = {
			// name: nameList[l],
			// icon: iconurl,
			// textStyle: {
			// color: '#ccc'
			// },
			// itemWidth: 20,
			// itemHeight: 5
			// }
			// lengList.push(obj)
			// }
			// }
			// lengList.push(objTemp)
			//
			// var legend = lengList
			// var xdata = dateList.reverse()
			// var ydatas = []
			//
			// for (var j = 0; j < nameList.length; j++) {
			// var zdcbcolor, zxcolor
			// if (nameList[j] == '二氧化硫') {
			// zdcbcolor = 'red'
			// zxcolor = '#fff21c'
			// } else if (nameList[j] == '氮氧化物') {
			// zdcbcolor = 'red'
			// zxcolor = '#00B0F0'
			// } else if (nameList[j] == '烟尘') {
			// zdcbcolor = 'red'
			// zxcolor = '#f48183'
			// } else if (nameList[j] == '温度') {
			// zdcbcolor = 'red'
			// zxcolor = '#F206FF'
			// } else {
			// zdcbcolor = 'red'
			// zxcolor = '#9ACD32'
			// }
			// var ydata = {
			// name: nameList[j],
			// data: dataList[j],
			// zdcbcolor: zdcbcolor,
			// zxcolor: zxcolor,
			// bzz: bzh[j]
			// }
			// exhbzz = {
			// name: nameList[j],
			// bzhui: bzh[j]
			// }
			// exhbzzList.push(exhbzz)
			// ydatas.push(ydata)
			// }
			//
			// var yname = '浓度(mg/m³)'
			// CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype)
			// onsole.log(id, title, legend, xdata, ydatas, yname, id, datatype)
			// })
			// }
			// $('.btm span:nth-child(2)').empty()
			// var html = '监测时间（' + datePkg.dateTime1FullStr + ' 至 ' + datePkg.dateTime2FullStr + '）'
			// $('.btm span:nth-child(2)').html(html)
			//
			// fore24Time = datePkg.dateTime1FullStr
			// back24Time = datePkg.dateTime2FullStr
			// } else {
			// alert('查询时间不能为空！')
			// }
			// }
			// drawChart: function () {
			// window.onresize = function () {
			// var h1 = document.documentElement.clientHeight// 获取屏幕的高度
			@@ -598,6 +975,7 @@
			height: 0.15rem;
			padding: 0;
			border:none;
			z-index: 9999;
			text-align: center;
			//padding-left:20px ;
			//padding: 0!important;