From 6faf0a8967282e3151bca398f326d6fcce172bff Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Wed, 25 Oct 2023 15:01:19 +0800 Subject: [PATCH] fix:无人机搜索修改 --- src/views/UVA/index.vue | 357 ++++++++++++++++++++++++++++++----------------------------- 1 files changed, 182 insertions(+), 175 deletions(-) diff --git a/src/views/UVA/index.vue b/src/views/UVA/index.vue index 8e7865b..d8673b4 100644 --- a/src/views/UVA/index.vue +++ b/src/views/UVA/index.vue @@ -42,12 +42,7 @@ class="coll" > <!--accordion ���������������--> - <el-collapse - v-show="shou1 === true" - v-loading="loading" - accordion - style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)" - > + <el-collapse v-show="shou1 === true" v-loading="loading"> <el-collapse-item style="text-indent: 2em; position: relative; padding-botton: 10px" > @@ -55,11 +50,12 @@ <img style="position: absolute; left: 18px" src="../../assets/images/uav/uav.png" - > + /> <span style="display: inline-block; position: absolute; left: 20px" > - ������������������������������</span> + ������������������������������</span + > </template> </el-collapse-item> </el-collapse> @@ -82,11 +78,12 @@ <img style="position: absolute; left: 18px" src="../../assets/images/uav/uav.png" - > + /> <span style="display: inline-block; position: absolute; left: 20px" > - {{ item1.name }}</span> + {{ item1.name }}</span + > </template> <el-scrollbar style="height: 200px; overflow-x: hidden"> <div @@ -144,17 +141,8 @@ <div v-if="selecttrue === 2" class="Duo"> <div class="spantuu"> <span>���������������������������(���): </span> - <el-input - ref="uvas" - v-model="tallone" - class="inputtu" - /> - -- - <el-input - ref="uvas" - v-model="talltwo" - class="inputtu" - /> + <el-input ref="uvas" v-model="tallone" class="inputtu" /> + <el-input ref="uvas" v-model="talltwo" class="inputtu" /> </div> <!-- <el-select v-model="Duovalue" placeholder="������������" class="slee"> <el-option @@ -166,7 +154,8 @@ </el-option> </el-select> --> <div class="spantu"> - <span>������������(���): </span><el-input + <span>������������(���): </span + ><el-input ref="uvas" v-model="uvasize" class="inputtu" @@ -198,11 +187,9 @@ </div> --> </div> <div v-if="selecttrue === 1" style="margin-left: 10px"> - <el-button - type="primary" - style="margin-top: 10px" - @click="gengD" - >������������</el-button> + <el-button type="primary" style="margin-top: 10px" @click="gengD"> + ������������ + </el-button> </div> <div v-if="selecttrue === 2" @@ -213,9 +200,11 @@ type="primary" icon="el-icon-setting" @click="dialogFormVisible = true" - >6���������</el-button> - <el-button class="gengD" @click="shou">������</el-button> - <el-button type="primary" @click="selectDuo">������</el-button> + > + 6��������� + </el-button> + <el-button class="gengD" @click="shou"> ������ </el-button> + <el-button type="primary" @click="selectDuo"> ������ </el-button> </div> </div> <!-- <div class="Duo" v-if="selecttrue === 2"> @@ -256,12 +245,14 @@ label="PM2.5 | ug/m��" label-class-name="my-label" content-class-name="my-content" - >22</el-descriptions-item> - <el-descriptions-item label="PM10 | ug/m��">34</el-descriptions-item> - <el-descriptions-item label="SO2 | ug/m��">4</el-descriptions-item> - <el-descriptions-item label="NO2 | ug/m��">16</el-descriptions-item> - <el-descriptions-item label="CO | mg/m��">0.5</el-descriptions-item> - <el-descriptions-item label="O3 | ug/m��">149</el-descriptions-item> + > + 22 + </el-descriptions-item> + <el-descriptions-item label="PM10 | ug/m��"> 34 </el-descriptions-item> + <el-descriptions-item label="SO2 | ug/m��"> 4 </el-descriptions-item> + <el-descriptions-item label="NO2 | ug/m��"> 16 </el-descriptions-item> + <el-descriptions-item label="CO | mg/m��"> 0.5 </el-descriptions-item> + <el-descriptions-item label="O3 | ug/m��"> 149 </el-descriptions-item> </el-descriptions> <!-- <el-descriptions title="���������������" border> </el-descriptions> --> @@ -313,8 +304,8 @@ </el-table-column> </el-table> <div slot="footer" class="dialog-footer"> - <el-button @click="dialogFormVisible = false">��� ���</el-button> - <el-button type="primary" @click="customLevel">��� ���</el-button> + <el-button @click="dialogFormVisible = false"> ��� ��� </el-button> + <el-button type="primary" @click="customLevel"> ��� ��� </el-button> </div> </el-dialog> </div> @@ -329,7 +320,7 @@ var GPS = { PI: 3.14159265358979324, x_pi: (3.14159265358979324 * 3000.0) / 180.0, - delta: function(lat, lon) { + delta: function (lat, lon) { var a = 6378245.0 // a: ������������������������������������������������������������������ var ee = 0.00669342162296594323 // ee: ��������������������� var dLat = this.transformLat(lon - 105.0, lat - 35.0) @@ -344,7 +335,7 @@ }, // WGS-84 to GCJ-02 - gcj_encrypt: function(wgsLat, wgsLon) { + gcj_encrypt: function (wgsLat, wgsLon) { if (this.outOfChina(wgsLat, wgsLon)) { return { lat: wgsLat, lon: wgsLon } } @@ -353,7 +344,7 @@ return { lat: wgsLat + d.lat, lon: wgsLon + d.lon } }, // GCJ-02 to WGS-84 - gcj_decrypt: function(gcjLat, gcjLon) { + gcj_decrypt: function (gcjLat, gcjLon) { if (this.outOfChina(gcjLat, gcjLon)) { return { lat: gcjLat, lon: gcjLon } } @@ -362,7 +353,7 @@ return { lat: gcjLat - d.lat, lon: gcjLon - d.lon } }, // GCJ-02 to WGS-84 exactly - gcj_decrypt_exact: function(gcjLat, gcjLon) { + gcj_decrypt_exact: function (gcjLat, gcjLon) { var initDelta = 0.01 var threshold = 0.000000001 var dLat = initDelta @@ -384,17 +375,25 @@ break } - if (dLat > 0) pLat = wgsLat - else mLat = wgsLat - if (dLon > 0) pLon = wgsLon - else mLon = wgsLon + if (dLat > 0) { + pLat = wgsLat + } else { + mLat = wgsLat + } + if (dLon > 0) { + pLon = wgsLon + } else { + mLon = wgsLon + } - if (++i > 10000) break + if (++i > 10000) { + break + } } return { lat: wgsLat, lon: wgsLon } }, // GCJ-02 to BD-09 - bd_encrypt: function(gcjLat, gcjLon) { + bd_encrypt: function (gcjLat, gcjLon) { var x = gcjLon var y = gcjLat var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * this.x_pi) @@ -404,7 +403,7 @@ return { lat: this.bdLat, lon: this.bdLon } }, // BD-09 to GCJ-02 - bd_decrypt: function(bdLat, bdLon) { + bd_decrypt: function (bdLat, bdLon) { var x = bdLon - 0.0065 var y = bdLat - 0.006 var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * this.x_pi) @@ -415,7 +414,7 @@ }, // WGS-84 to Web mercator // mercatorLat -> y mercatorLon -> x - mercator_encrypt: function(wgsLat, wgsLon) { + mercator_encrypt: function (wgsLat, wgsLon) { var x = (wgsLon * 20037508.34) / 180.0 var y = Math.log(Math.tan(((90.0 + wgsLat) * this.PI) / 360.0)) / @@ -425,7 +424,7 @@ }, // Web mercator to WGS-84 // mercatorLat -> y mercatorLon -> x - mercator_decrypt: function(mercatorLat, mercatorLon) { + mercator_decrypt: function (mercatorLat, mercatorLon) { var x = (mercatorLon / 20037508.34) * 180.0 var y = (mercatorLat / 20037508.34) * 180.0 y = @@ -434,7 +433,7 @@ return { lat: y, lon: x } }, // two point's distance - distance: function(latA, lonA, latB, lonB) { + distance: function (latA, lonA, latB, lonB) { var earthR = 6371000.0 var x = Math.cos((latA * this.PI) / 180.0) * @@ -443,13 +442,17 @@ var y = Math.sin((latA * this.PI) / 180.0) * Math.sin((latB * this.PI) / 180.0) var s = x + y - if (s > 1) s = 1 - if (s < -1) s = -1 + if (s > 1) { + s = 1 + } + if (s < -1) { + s = -1 + } var alpha = Math.acos(s) var distance = alpha * earthR return distance }, - outOfChina: function(lat, lon) { + outOfChina: function (lat, lon) { if (lon < 72.004 || lon > 137.8347) { return true } @@ -458,7 +461,7 @@ } return false }, - transformLat: function(x, y) { + transformLat: function (x, y) { var ret = -100.0 + 2.0 * x + @@ -482,7 +485,7 @@ 3.0 return ret }, - transformLon: function(x, y) { + transformLon: function (x, y) { var ret = 300.0 + x + @@ -505,14 +508,16 @@ 2.0) / 3.0 return ret - } + }, } export default { filters: { - sensorFilter: function(value) { - if (!value) return '' + sensorFilter: function (value) { + if (!value) { + return '' + } return json[value] - } + }, }, data() { return { @@ -531,7 +536,7 @@ if (this.timeNums.includes(timeDate)) { return 'dateArrClass' // ������������������������������������������ } - } + }, }, tallone: 0, @@ -542,7 +547,7 @@ activeNames: [0], uavTimeFly: [], // ��������������������������������������������� activeKey: -1, - activeAreaKey: 0 + activeAreaKey: 0, }, load: 1, value: [], @@ -554,7 +559,7 @@ { code: 'a21004', name: 'NO2' }, { code: 'a21005', name: 'CO' }, { code: 'a05024', name: 'O3' }, - { code: 'a99054', name: 'TVOC' } + { code: 'a99054', name: 'TVOC' }, ], valuetime: '2023-01-01', defautRadio: { code: 'a34004', name: 'PM2.5' }, @@ -579,7 +584,7 @@ 'CO', 'O3', 'TVOC', - '���������' + '���������', ], changeColor: 0, changeColor1: 0, @@ -596,7 +601,9 @@ // ������������ ������������ this.timeOne = minDate.getTime() // ��������������������� ������������������ // ������������������������������������������������������������ - if (maxDate) this.timeOne = '' + if (maxDate) { + this.timeOne = '' + } }, disabledDate: (time) => { if (this.timeOne) { @@ -611,7 +618,7 @@ } else { return time.getTime() > new Date() } - } + }, }, sensorDate: null, noneData: true, @@ -627,16 +634,16 @@ { code: 'a99054', name: 'TVOC' }, { code: 'a01006', - name: '������' + name: '������', }, { code: 'a01001', - name: '������' + name: '������', }, { code: 'a01002', - name: '������' - } + name: '������', + }, ], sensorTableData: [ { @@ -647,7 +654,7 @@ tab3: '115', tab4: '150', tab5: '250', - tab6: '350' + tab6: '350', }, { sensorName: 'PM10', @@ -657,7 +664,7 @@ tab3: '250', tab4: '350', tab5: '420', - tab6: '500' + tab6: '500', }, { sensorName: 'SO2', @@ -667,7 +674,7 @@ tab3: '475', tab4: '800', tab5: '1600', - tab6: '2100' + tab6: '2100', }, { sensorName: 'NO2', @@ -677,7 +684,7 @@ tab3: '180', tab4: '280', tab5: '565', - tab6: '750' + tab6: '750', }, { sensorName: 'CO', @@ -687,7 +694,7 @@ tab3: '14', tab4: '24', tab5: '36', - tab6: '48' + tab6: '48', }, { sensorName: 'O3', @@ -697,7 +704,7 @@ tab3: '300', tab4: '400', tab5: '800', - tab6: '1000' + tab6: '1000', }, { sensorName: 'TVOC', @@ -707,7 +714,7 @@ tab3: '0.5', tab4: '0.7', tab5: '0.9', - tab6: '1' + tab6: '1', }, { sensorName: '���������', @@ -717,21 +724,21 @@ tab3: '1000', tab4: '10000', tab5: '20000', - tab6: '50000' + tab6: '50000', }, { sensorName: '������', - unit: 'hpa' + unit: 'hpa', }, { sensorName: '������', - unit: '%' + unit: '%', }, { sensorName: '������', - unit: '���' - } + unit: '���', + }, ], carWs: null, map: null, @@ -751,12 +758,12 @@ dataTypeList: [ { value: 'history', - label: '������������' + label: '������������', }, { value: 'webSocket', - label: '������������' - } + label: '������������', + }, ], dataTypeValue: 'history', historyView: true, @@ -773,7 +780,7 @@ uvasize: 20, timeValue: [ new Date(2020, 1, 1, 0, 0, 0), - new Date(2022, 12, 31, 23, 59, 59) + new Date(2022, 12, 31, 23, 59, 59), ], timeNums: [], batchs: '', @@ -787,7 +794,7 @@ tab3: '115', tab4: '150', tab5: '250', - tab6: '350' + tab6: '350', }, { sensorName: 'PM10', @@ -797,7 +804,7 @@ tab3: '250', tab4: '350', tab5: '420', - tab6: '500' + tab6: '500', }, { sensorName: 'SO2', @@ -807,7 +814,7 @@ tab3: '650', tab4: '800', tab5: '', - tab6: '' + tab6: '', }, { sensorName: 'NO2', @@ -817,7 +824,7 @@ tab3: '700', tab4: '1200', tab5: '2340', - tab6: '3090' + tab6: '3090', }, { sensorName: 'CO', @@ -827,7 +834,7 @@ tab3: '35', tab4: '60', tab5: '90', - tab6: '120' + tab6: '120', }, { sensorName: 'O3', @@ -837,7 +844,7 @@ tab3: '300', tab4: '400', tab5: '800', - tab6: '1000' + tab6: '1000', }, { sensorName: 'TVOC', @@ -847,7 +854,7 @@ tab3: '0.5', tab4: '0.7', tab5: '0.9', - tab6: '1' + tab6: '1', }, { sensorName: '���������', @@ -857,9 +864,9 @@ tab3: '1000', tab4: '10000', tab5: '20000', - tab6: '50000' - } - ] + tab6: '50000', + }, + ], } }, watch: { @@ -883,7 +890,7 @@ // console.log(n) }, deep: true, - immediate: true + immediate: true, }, mounted() { @@ -930,9 +937,9 @@ uvasize: this.uvasize, mac: this.macs, height1: this.tallone, - height2: this.talltwo + height2: this.talltwo, // batch: '2023-06-16 16:21:21', - } + }, }).then((res) => { // console.log(res) this.carData = [] @@ -1008,7 +1015,7 @@ h: date.getHours(), i: date.getMinutes(), s: date.getSeconds(), - a: date.getDay() + a: date.getDay(), } const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => { const value = formatObj[key] @@ -1113,8 +1120,8 @@ method: 'get', params: { organizationId: this.$store.state.orgId, - date: item - } + date: item, + }, }).then((res) => { // console.log(res, 'res.data.vos') if (res.code === -47) { @@ -1172,9 +1179,9 @@ uvasize: this.uvasize, height1: this.tallone, height2: this.talltwo, - mac: mac + mac: mac, // batch: '2023-06-16 16:21:21', - } + }, }).then((res) => { // console.log(res) this.carData = [] @@ -1198,8 +1205,8 @@ url: '/uav/queryDate', method: 'get', params: { - organizationId: this.$store.state.orgId - } + organizationId: this.$store.state.orgId, + }, }).then((res) => { this.asideData.dates = JSON.parse(JSON.stringify(res.data.datesStr)) this.timeNums = this.asideData.dates @@ -1233,7 +1240,7 @@ that.map.enableScrollWheelZoom(true) // ������������������������������������������������������s that.map.setMapType(BMAP_EARTH_MAP) // ��������������������������������� that.map.setDisplayOptions({ - street: false // ������������������������������������������������������������ + street: false, // ������������������������������������������������������������ }) that.map.setHeading(0) // ������������������ if (that.viewKey === '2D') { @@ -1248,31 +1255,31 @@ elementType: 'all', stylers: { color: '#ffffff', - visibility: 'off' - } + visibility: 'off', + }, }, { featureType: 'building', elementType: 'all', stylers: { - visibility: 'off' - } + visibility: 'off', + }, }, { featureType: 'poilabel', elementType: 'all', stylers: { - visibility: 'off' - } + visibility: 'off', + }, }, { featureType: 'manmade', elementType: 'all', stylers: { - visibility: 'off' - } - } - ] + visibility: 'off', + }, + }, + ], }) showNoPoints() this.loading1 = false @@ -1330,7 +1337,7 @@ // ��������������������������������� // if (!that.showPoints) { // console.log(111) - // that.map = new BMapGL.Map('map_container') + // that.map = new window.BMapGL.Map('map_container') // } // that.map.enableScrollWheelZoom(true) // ������������������������������������������������������s // that.map.setMapType(BMAP_EARTH_MAP) // ��������������������������������� @@ -1351,7 +1358,7 @@ // building: true, // ������������������ // poiText: false, // ������poi������ // }) - // that.map.addControl(new BMapGL.NavigationControl3D()) // ������3d������ + // that.map.addControl(new window.BMapGL.NavigationControl3D()) // ������3d������ if (this.responseJSON.length === 0) { showNoPoints() } @@ -1364,7 +1371,7 @@ if (that.firstPlayFlag) { that.map.centerAndZoom(that.centerPoint, that.mapZoom) that.view = new mapvgl.View({ - map: that.map + map: that.map, }) that.firstPlayFlag = false that.loading1 = false @@ -1373,7 +1380,7 @@ this.map.clearOverlays() that.map.centerAndZoom(that.centerPoint, that.mapZoom) that.view = new mapvgl.View({ - map: that.map + map: that.map, }) that.loading1 = false @@ -1386,7 +1393,7 @@ // drawStartAndEnd() // ��������������������� function draw(sensor, type, carMac) { var levels = getGrading(sensor, type, carMac) - $.each(levels, function(index, value) { + $.each(levels, function (index, value) { var color = value.color var data = value.data if (data.length > 0) { @@ -1397,7 +1404,7 @@ selectedIndex: -1, // ��������� selectedColor: '#ee1111', // ��������������� autoSelect: true, // ������������������������������������������ - riseTime: 1800 // ��������������������������� + riseTime: 1800, // ��������������������������� }) that.shapeLayer.setData(data) that.view.addLayer(that.shapeLayer) @@ -1405,7 +1412,7 @@ }) that.map.setDefaultCursor('default') if (type === '2D') { - $.each(that.showPoints, function(item, point) { + $.each(that.showPoints, function (item, point) { setLabelStyle(point[sensor], point) }) } @@ -1413,7 +1420,7 @@ // ��������������������������������� function drawPolygon(sensor) { - $.each(that.showPoints, function(item, point) { + $.each(that.showPoints, function (item, point) { var sw = getPoint(225, point.lng, point.lat, that.distance) var ne = getPoint(45, point.lng, point.lat, that.distance) var data = point[sensor] @@ -1424,7 +1431,7 @@ new BMapGL.Point(sw.lng, sw.lat), // ��������� new BMapGL.Point(ne.lng, sw.lat), // ��������� new BMapGL.Point(ne.lng, ne.lat), // ��������� - new BMapGL.Point(sw.lng, ne.lat) // ��������� + new BMapGL.Point(sw.lng, ne.lat), // ��������� ], { strokeWeight: 0.1, // ������������������,������������������ @@ -1432,7 +1439,7 @@ fillColor: color, // ��������������������� fillOpacity: 0.8, // ������������������������0~1������ strokeColor: 'black', // ������������������ - strokeStyle: 'solid' // ������������������solid���dashed��� + strokeStyle: 'solid', // ������������������solid���dashed��� } ) that.map.addOverlay(polygon) @@ -1449,7 +1456,7 @@ ) var startMark = new BMapGL.Marker(that.showPoints[0], { icon: startIcon, - offset: new BMapGL.Size(0, -20) + offset: new BMapGL.Size(0, -20), }) that.map.addOverlay(startMark) var endIcon = new BMapGL.Icon( @@ -1460,7 +1467,7 @@ that.showPoints[that.showPoints.length - 1], { icon: endIcon, - offset: new BMapGL.Size(0, -20) + offset: new BMapGL.Size(0, -20), } ) that.map.addOverlay(endMark) @@ -1470,7 +1477,7 @@ function drawLine() { var data = [] var points = [] - $.each(trackPoints, function(index, value) { + $.each(trackPoints, function (index, value) { var point = [] point.push(value['lng'], value['lat']) points.push(point) @@ -1478,8 +1485,8 @@ data.push({ geometry: { type: '"LineString"', - coordinates: [points] - } + coordinates: [points], + }, }) var lineLayer = new mapvgl.LineLayer({ color: 'red', @@ -1487,7 +1494,7 @@ animation: true, duration: 10, // ������������2s trailLength: 0.1, // ������������������������0.4 - interval: 0.3 // ���������������������������������0.2 + interval: 0.3, // ���������������������������������0.2 }) that.view.addLayer(lineLayer) lineLayer.setData(data) @@ -1569,7 +1576,7 @@ level5.color = '#99004c' level6.color = '#7e0023' - $.each(that.showPoints, function(index, value) { + $.each(that.showPoints, function (index, value) { var sw = getPoint(225, value.lng, value.lat, that.distance) var ne = getPoint(45, value.lng, value.lat, 30) var polygon = [] @@ -1606,77 +1613,77 @@ data0.push({ geometry: { type: 'Polygon', - coordinates: [polygon] + coordinates: [polygon], }, properties: { - height: height - } + height: height, + }, }) break case 1: data1.push({ geometry: { type: 'Polygon', - coordinates: [polygon] + coordinates: [polygon], }, properties: { - height: height - } + height: height, + }, }) break case 2: data2.push({ geometry: { type: 'Polygon', - coordinates: [polygon] + coordinates: [polygon], }, properties: { - height: height - } + height: height, + }, }) break case 3: data3.push({ geometry: { type: 'Polygon', - coordinates: [polygon] + coordinates: [polygon], }, properties: { - height: height - } + height: height, + }, }) break case 4: data4.push({ geometry: { type: 'Polygon', - coordinates: [polygon] + coordinates: [polygon], }, properties: { - height: height - } + height: height, + }, }) break case 5: data5.push({ geometry: { type: 'Polygon', - coordinates: [polygon] + coordinates: [polygon], }, properties: { - height: height - } + height: height, + }, }) break case 6: data6.push({ geometry: { type: 'Polygon', - coordinates: [polygon] + coordinates: [polygon], }, properties: { - height: height - } + height: height, + }, }) break } @@ -1895,7 +1902,7 @@ "<span class='my-maptip'>" + content + '<br /><span>', // ���lable������������ { offset: new BMapGL.Size(-8, -10), // label������������������������label������������������������ - position: point + position: point, } // label��������� ) var offsetSize = new BMapGL.Size(0, 0) @@ -1910,7 +1917,7 @@ lineHeight: '20px', fontFamily: '������������', backgroundColor: '0.05', - fontWeight: 'bold' + fontWeight: 'bold', } label.setStyle(labelStyle) that.map.addOverlay(label) @@ -1919,14 +1926,14 @@ // ������������,������������������ function showNoPoints() { that.map.centerAndZoom('���������', 17) - setTimeout(function() { + setTimeout(function () { document.getElementById('cpm').style.display = 'block' document.getElementById('data').style.display = 'none' }, 250) } // ������������������������ - that.map.addEventListener('zoomend', function() { + that.map.addEventListener('zoomend', function () { // ��������������������������������������� var zoom = that.map.getZoom() $('span.my-maptip').parent()[zoom <= 15.5 ? 'hide' : 'show']() @@ -2003,26 +2010,26 @@ break } this.initStart(this.carData) - } - } + }, + }, } </script> <style lang="scss" scoped> .main-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-flow: column; - flex-flow: column; - min-height: 100%; - -webkit-transition: margin-left .28s; - transition: margin-left .28s; - margin-left: 210px; - position: relative; - height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; + min-height: 100%; + -webkit-transition: margin-left 0.28s; + transition: margin-left 0.28s; + margin-left: 210px; + position: relative; + height: 100%; } /deep/.BMap_cpyCtrl { display: none; -- Gitblit v1.8.0