From b82c1f5e2c6daeede03f6fcf7c91ae66348d97e3 Mon Sep 17 00:00:00 2001 From: guoshipeng <3194674006@qq.com> Date: Thu, 11 May 2023 16:03:21 +0800 Subject: [PATCH] 1、道路尘负荷分析尘负荷值修改 2、6参设定修改 --- src/views/car/index.vue | 271 ++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 201 insertions(+), 70 deletions(-) diff --git a/src/views/car/index.vue b/src/views/car/index.vue index 44c7651..d5ffd6b 100644 --- a/src/views/car/index.vue +++ b/src/views/car/index.vue @@ -136,7 +136,7 @@ ������������������������(���������������) </div> </el-upload> - <div style="display: flex"> + <!-- <div style="display: flex"> <span class="statspan">������������������:</span ><el-input v-model="startL" style="width: 12rem"></el-input> </div> @@ -154,6 +154,30 @@ <div style="display: flex; margin-left: 4rem"> <el-button type="primary" @click="insLuDuan">������</el-button> <el-button @click="insqu">������</el-button> + <el-button @click="qnull">������</el-button> + </div> --> + <el-table :data="tableData" style="width: 100%"> + <el-table-column label="������������" width="180"> + <template slot-scope="scope"> + <span style="margin-left: 10px">{{ scope.row.start }}</span> + </template> + </el-table-column> + <el-table-column label="������������" width="180"> + <template slot-scope="scope"> + <span style="margin-left: 10px">{{ scope.row.end }}</span> + </template> + </el-table-column> + </el-table> + <div style="display: flex"> + <span class="statspan">������������:</span + ><el-input + v-model="Lname" + style="width: 12rem; margin-left: 1.7rem" + ></el-input> + </div> + <div style="display: flex; margin-left: 4rem"> + <el-button type="primary" @click="insLuDuan">������</el-button> + <el-button @click="insqu">������</el-button> <el-button @click="qnull">������</el-button> </div> </div> @@ -464,6 +488,7 @@ components: { index }, data() { return { + tableData: [], fileList: [], file: '', insdialogVisible: false, @@ -541,6 +566,29 @@ } }, }, + timeOne: '', + threeOptions: { + onPick: ({ maxDate, minDate }) => { + // ������������ ������������ + this.timeOne = minDate.getTime() // ��������������������� ������������������ + // ������������������������������������������������������������ + if (maxDate) this.timeOne = '' + }, + disabledDate: (time) => { + if (this.timeOne) { + const WEEK = 3 * 24 * 3600 * 1000 - 1 // ������������3���������1��������� ������3��������� + const minTime = this.timeOne // ������������ + const maxTime = this.timeOne + WEEK // ������������ + return ( + time.getTime() < minTime || + time.getTime() > maxTime || + time.getTime() > new Date() + ) + } else { + return time.getTime() > new Date() + } + }, + }, sensorDate: null, noneData: false, defaultData: [], @@ -570,32 +618,32 @@ { sensorName: 'SO2', unit: 'ug/m��', - tab1: '50', - tab2: '150', - tab3: '475', + tab1: '150', + tab2: '500', + tab3: '650', tab4: '800', - tab5: '1600', - tab6: '2100', + tab5: '', + tab6: '', }, { sensorName: 'NO2', unit: 'ug/m��', - tab1: '40', - tab2: '80', - tab3: '180', - tab4: '280', - tab5: '565', - tab6: '750', + tab1: '100', + tab2: '200', + tab3: '700', + tab4: '1200', + tab5: '2340', + tab6: '3090', }, { sensorName: 'CO', unit: 'mg/m��', - tab1: '2', - tab2: '4', - tab3: '14', - tab4: '24', - tab5: '36', - tab6: '48', + tab1: '5', + tab2: '10', + tab3: '35', + tab4: '60', + tab5: '90', + tab6: '120', }, { sensorName: 'O3', @@ -665,6 +713,7 @@ endTime: '', dataDate: '', sensorTime: [], + Lu: [], startL: '', Lname: '', endL: '', @@ -739,34 +788,66 @@ // console.log(file, fileList) }, handleChange(file, fileList) { - this.file = file - console.log(this.file.raw) - this.fileList = fileList + var str = file.name //���������4��� + let a = str.substring(str.length - 3) + // console.log(a) + if (a === 'png') { + this.file = file.raw + console.log(this.file.raw) + this.fileList = fileList + } else { + this.$message('���������png���������������') + } + // console.log(file.name, 'file') }, insLuDuan() { - if (this.startL == '') { - this.$message({ - message: '���������������������', - type: 'warning', - }) - return false - } else if (this.endL == '') { - this.$message({ - message: '���������������������', - type: 'warning', - }) - return false - } else if (this.Lname == '') { + // if (this.startL == '') { + // this.$message({ + // message: '���������������������', + // type: 'warning', + // }) + // return false + // } else if (this.endL == '') { + // this.$message({ + // message: '���������������������', + // type: 'warning', + // }) + // return false + // } else + if (this.Lname == '') { this.$message({ message: '������������������', type: 'warning', }) return false } + if (this.tableData.length === 0) { + this.$message({ + message: '���������������', + type: 'warning', + }) + // console.log(1); + return false + } + // console.log(this.tableData); var times = this.newTime2(this.dateValue) const formData = new FormData() - formData.append(`time1`, this.startL) - formData.append(`time2`, this.endL) + let pv = JSON.stringify(this.tableData) + // let big = { + // table: pv, + // road: this.Lname, + // time3: times[0], + // time4: times[1], + // mac: this.carMac, + // files: this.file, + // } + // console.log(big) + + // console.log(pv); + // formData.append(`time1`, this.startL) + // formData.append(`time2`, this.endL) + + formData.append(`table`, pv) formData.append(`road`, this.Lname) formData.append(`time3`, times[0]) formData.append(`time4`, times[1]) @@ -786,8 +867,7 @@ message: '������������������', type: 'success', }) - this.startL = '' - this.endL = '' + this.tableData = [] this.Lname = '' } }) @@ -802,8 +882,9 @@ this.qnull() }, qnull() { - this.startL = '' - this.endL = '' + // this.startL = '' + // this.endL = '' + this.tableData = [] this.Lname = '' }, // ������������������ @@ -1122,20 +1203,32 @@ timeArrSub[i] = v.split(' ')[0] if (i === 1) timeArrSub[2] = v.split(' ')[1] }) - if (that.carMac === 'p5dnd7a0243626' && timeArrSub[0] === '2022-12-11' && (timeArrSub[1] === '2022-12-11' || timeArrSub[1] === '2022-12-12' && timeArrSub[2] === '00:00:00')) { + if ( + that.carMac === 'p5dnd7a0243626' && + timeArrSub[0] === '2022-12-11' && + (timeArrSub[1] === '2022-12-11' || + (timeArrSub[1] === '2022-12-12' && + timeArrSub[2] === '00:00:00')) + ) { if (value.a34004) point.a34004 = parseInt(value.a34004 * 2.7) if (value.a34002) point.a34002 = parseInt(value.a34002 * 2.2) if (value.a21026) point.a21026 = parseInt(value.a21026 - 0 + 5) if (value.a21004) point.a21004 = parseInt(value.a21004 - 20) // point.a21004 = parseInt(value.a21004) - if (value.a21005) point.a21005 = parseFloat(value.a21005 - 0 + 0.85).toFixed(3) + if (value.a21005) + point.a21005 = parseFloat(value.a21005 - 0 + 0.85).toFixed(3) if (value.a05024 < 15) { point.a05024 = parseInt(value.a05024 + 3) } else if (value.a05024 > 18) { point.a05024 = parseInt(value.a05024 - 3) } else point.a05024 = parseInt(value.a05024) point.a99054 = parseFloat(value.a99054).toFixed(3) - if (value.dustld - 0 !== 0 && value.dustld - 0 < 100 && (that.carMac === 'p5dnd7a0243622' || that.carMac === 'p5dnd7a0243625')) { + if ( + value.dustld - 0 !== 0 && + value.dustld - 0 < 100 && + (that.carMac === 'p5dnd7a0243622' || + that.carMac === 'p5dnd7a0243625') + ) { point.dustld = 100 } else { point.dustld = value.dustld - 0 @@ -1148,25 +1241,35 @@ point.a21005 = parseFloat(value.a21005).toFixed(3) point.a05024 = parseInt(value.a05024) point.a99054 = parseFloat(value.a99054).toFixed(3) - if (value.dustld - 0 !== 0 && value.dustld - 0 < 100 && (that.carMac === 'p5dnd7a0243622' || that.carMac === 'p5dnd7a0243625')) { - point.dustld = 100 - } else { - point.dustld = value.dustld - 0 - } + // if ( + // value.dustld - 0 !== 0 && + // value.dustld - 0 < 150 && + // (that.carMac === 'p5dnd7a0243622' || + // that.carMac === 'p5dnd7a0243625') + // ) { + // point.dustld = 200 + // } else if ( + // value.dustld - 0 !== 0 && + // value.dustld - 0 >= 150 && + // value.dustld - 0 <= 180 && + // (that.carMac === 'p5dnd7a0243622' || + // that.carMac === 'p5dnd7a0243625') + // ) { + // point.dustld = 220 + // } else if ( + // value.dustld - 0 !== 0 && + // value.dustld - 0 > 180 && + // value.dustld - 0 <= 200 && + // (that.carMac === 'p5dnd7a0243622' || + // that.carMac === 'p5dnd7a0243625') + // ) { + // point.dustld = 230 + // } else { + // point.dustld = value.dustld - 0 + // } } - // point.a34004 = parseInt(value.a34004) - // point.a34002 = parseInt(value.a34002) - // point.a21026 = parseInt(value.a21026) - // point.a21004 = parseInt(value.a21004) - // point.a21005 = parseFloat(value.a21005).toFixed(3) - // point.a05024 = parseInt(value.a05024) - // point.a99054 = parseFloat(value.a99054).toFixed(3) - // if (value.dustld - 0 !== 0 && value.dustld - 0 < 100 && (that.carMac === 'p5dnd7a0243622' || that.carMac === 'p5dnd7a0243625')) { - // point.dustld = 100 - // } else { - // point.dustld = value.dustld - 0 - // } - // point.dustld = value.dustld - 0 + point.dustld = value.dustld - 0 + point.times = value.time trackPoints.push(point) } }) @@ -1229,9 +1332,7 @@ selectedColor: '#ee1111', // ��������������� autoSelect: true, // ������������������������������������������ riseTime: 1800, // ��������������������������� - onClick: (e) => { - // console.log(e) - }, + onClick: (e) => {}, }) that.shapeLayer.setData(data) that.view.addLayer(that.shapeLayer) @@ -1325,7 +1426,7 @@ var points = [] points.push(trackPoints[0]) for (var i = 1; i < trackPoints.length; i++) { - var flag = true + // var flag = true var point1 = trackPoints[i] for (var j = 0; j < points.length; j++) { var point2 = points[j] @@ -1334,8 +1435,11 @@ flag = false } } + points.push(point1) + console.log(points,'num'); if (flag) { points.push(point1) + // console.log(points,'num'); } } @@ -1364,7 +1468,7 @@ // ���������������10��������������� lng = (lng * 180) / Math.PI lat = (lat * 180) / Math.PI - // console.log(lng, lat) + // console.log(lng, lat,123) return new BMapGL.Point(lng, lat) } @@ -1723,23 +1827,50 @@ fontWeight: 'bold', } label.addEventListener('click', (e) => { - console.log(e) + // console.log(e) // var ps = e.target.latLng.lat // var ps1 = e.target.latLng.lng // var p1 = new BMap.Point(ps1, ps); // var marker = new BMap.Marker(p1);; // that.map.addOverlay(marker); var times = e.target.domElement.children[0].getAttribute('data-times') - console.log(times) + // console.log(times) if (that.startL == '') { that.startL = times + // that.Lu.startLu.push(that.startL) + // console.log(that.Lu.startLu, 'start') } else { + // that.tableData=[] that.endL = times + comparedate(that.startL, that.endL) + // var endLu = [] + // that.Lu.endLu.push(that.endL) + // console.log(that.Lu.endLu, 'end') + // that.startL = '' + // that.endL = '' + // that.tableData.push(that.Lu) + // console.log(that.tableData, 'table') } }) - label.setStyle(labelStyle) that.map.addOverlay(label) + } + //��������������������������� + function comparedate(date1, date2) { + let oDate1 = new Date(date1) + let oDate2 = new Date(date2) + if (oDate1.getTime() > oDate2.getTime()) { + that.startL = '' + that.endL = '' + that.$message('���������������������������������������������������') + return false + } else if (oDate1.getTime() < oDate2.getTime()) { + var cardNumObj = { start: that.startL, end: that.endL } + that.tableData.push(cardNumObj) + console.log(that.tableData, 'that.tableData') + that.startL = '' + that.endL = '' + } } // ������������,������������������ @@ -2023,7 +2154,7 @@ border: 1px solid white; background-color: white; width: 20rem; - height: 23rem; + height: 30rem; position: absolute; top: 3rem; left: 1rem; -- Gitblit v1.8.0