| | |
| | | v-model="datenum" |
| | | @change="chooseDate" |
| | | @blur="chooseDate1" |
| | | @focus="chooseDate" |
| | | @focus="chooseDate2" |
| | | value-format="yyyy-MM-dd" |
| | | style="width: 280px" |
| | | > |
| | |
| | | accordion |
| | | style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)" |
| | | v-show="shou1 === true" |
| | | v-loading="loading" |
| | | > |
| | | <el-collapse-item |
| | | style="text-indent: 2em; position: relative; padding-botton: 10px" |
| | |
| | | @change="handleChange" |
| | | ref="collapse" |
| | | v-show="shou1 === false" |
| | | v-loading="loading" |
| | | > |
| | | <el-collapse-item |
| | | v-for="(item1, index) in asideData.uavTimeFly" |
| | |
| | | v-model="radioSeven" |
| | | size="medium" |
| | | @change="changeCode" |
| | | v-if="selecttrue === 1" |
| | | style="margin-top: 10px; margin-left: 10px" |
| | | > |
| | | <el-radio-button label="PM2.5"></el-radio-button> |
| | | <el-radio-button label="PM10"></el-radio-button> |
| | |
| | | <el-radio-button label="03"></el-radio-button> |
| | | <el-radio-button label="TVOC"></el-radio-button> |
| | | </el-radio-group> |
| | | <!-- <el-input |
| | | placeholder="请输入内容" |
| | | v-model="uvasize" |
| | | class="inputNum" |
| | | clearable |
| | | <div class="Duo" v-if="selecttrue === 2"> |
| | | <el-select v-model="Duovalue" placeholder="其他因子" class="slee"> |
| | | <el-option |
| | | v-for="item in optionsduo" |
| | | :key="item.code" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | > |
| | | </el-input> --> |
| | | </el-option> |
| | | </el-select> |
| | | <div class="spantu"> |
| | | <span>图形边长(米): </span |
| | | ><el-input |
| | | class="inputtu" |
| | | v-model="uvasize" |
| | | clearable |
| | | placeholder="请输入内容" |
| | | ref="uvas" |
| | | ></el-input> |
| | | </div> |
| | | <div class="spantuu"> |
| | | <span>无人机飞行高度范围(米): </span> |
| | | <el-input |
| | | class="inputtu" |
| | | v-model="tallone" |
| | | ref="uvas" |
| | | ></el-input> |
| | | -- |
| | | <el-input |
| | | class="inputtu" |
| | | v-model="talltwo" |
| | | ref="uvas" |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | <div v-if="selecttrue === 1" style="margin-left: 10px"> |
| | | <el-button type="primary" @click="gengD" class="gengD" |
| | | <el-button type="primary" @click="gengD" style="margin-top: 10px" |
| | | >更多条件</el-button |
| | | > |
| | | </div> |
| | | <div v-if="selecttrue === 2" style="margin-left: 10px"> |
| | | <div |
| | | v-if="selecttrue === 2" |
| | | style="margin-left: 10px; margin-top: 10px" |
| | | > |
| | | <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"> |
| | | <!-- <div class="Duo" v-if="selecttrue === 2"> |
| | | <el-select v-model="Duovalue" placeholder="其他因子" class="slee"> |
| | | <el-option |
| | | v-for="item in optionsduo" |
| | |
| | | -- |
| | | <el-input class="inputtu" v-model="talltwo" ref="uvas"></el-input> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <!-- <div v-if="noneData" class="noneData">当前时间没有飞行数据</div> --> |
| | | <div id="map_container" v-loading="loading" /> |
| | | <div id="map_container" v-loading="loading1" /> |
| | | </el-main> |
| | | </el-container> |
| | | </div> |
| | |
| | | }, |
| | | |
| | | tallone: 0, |
| | | talltwo: 500, |
| | | talltwo: 120, |
| | | // 侧边栏数据 |
| | | asideData: { |
| | | dates: [], // 存放date数组 |
| | |
| | | bdLon: null, |
| | | bdLat: null, |
| | | loading: false, |
| | | loading1: false, |
| | | snesorParams: [ |
| | | 'PM2.5', |
| | | 'PM10', |
| | |
| | | this.carData = [] |
| | | if (res.data === 'null') { |
| | | this.noneData = true |
| | | this.loading = false |
| | | return |
| | | } |
| | | for (var i = 0; i < res.data.length; i++) { |
| | |
| | | this.getTimeAreaData(this.datenum) |
| | | $('.coll').css('margin-top', '350px') |
| | | }, |
| | | chooseDate2() { |
| | | // this.$refs.datePick.focus() // 选择日期后依旧触发焦点 |
| | | // this.getTimeAreaData(this.datenum) |
| | | $('.coll').css('margin-top', '350px') |
| | | }, |
| | | chooseDate1() { |
| | | $('.coll').css('margin-top', '10px') |
| | | // this.$refs.datePick.focus() // 选择日期后依旧触发焦点 |
| | |
| | | // return |
| | | // } |
| | | this.selecttrue = 2 |
| | | $('.dds').css({ height: '170px' }) |
| | | $('.numss').css({ width: '750px' }) |
| | | $('.numss').css({ width: '930px' }) |
| | | }, |
| | | shou() { |
| | | this.selecttrue = 1 |
| | | $('.dds').css({ height: '100px' }) |
| | | $('.numss').css({ width: '690px' }) |
| | | }, |
| | | parseTime(time, cFormat) { |
| | |
| | | }, |
| | | // 获取无人机以及时间区间 |
| | | getTimeAreaData(item) { |
| | | // this.asideData.uavTimeFly = [] |
| | | this.loading = true |
| | | this.$request({ |
| | | url: 'uav/queryTimeSlot', |
| | | method: 'get', |
| | |
| | | // console.log(res, 'res.data.vos') |
| | | if (res.code === -47) { |
| | | this.noneData = true |
| | | this.loading = false |
| | | // this.asideData.uavTimeFly=res.message |
| | | this.shou1 = true |
| | | } else { |
| | | this.shou1 = false |
| | | this.asideData.uavTimeFly = res.data.vos |
| | | } |
| | | this.loading = false |
| | | // if (res.code === 0) { |
| | | // this.asideData.uavTimeFly = res.data.vos |
| | | // } |
| | |
| | | this.carData = [] |
| | | if (res.data === 'null') { |
| | | this.noneData = true |
| | | this.loading = false |
| | | return |
| | | } |
| | | for (var i = 0; i < res.data.length; i++) { |
| | |
| | | this.abc += 1 |
| | | const that = this |
| | | if (!res) { |
| | | console.log(1) |
| | | that.map = new BMapGL.Map('map_container') |
| | | that.map.enableScrollWheelZoom(true) // 开启鼠标滚轮,地图可以进行放大、缩小s |
| | | that.map.setMapType(BMAP_EARTH_MAP) // 设置地图类型为地球模式 |
| | |
| | | ], |
| | | }) |
| | | showNoPoints() |
| | | |
| | | this.loading1 = false |
| | | return |
| | | } |
| | | if (this.dataType === 'history') { |
| | |
| | | // console.log('这是snesor获取得值') |
| | | // console.log(this.responseJSON) |
| | | var trackPoints = [] |
| | | this.loading = false |
| | | if (this.responseJSON.length > 0) { |
| | | this.noneData = false |
| | | $.each(this.responseJSON, (item, value) => { |
| | |
| | | background-color: #f40; |
| | | } |
| | | .numss { |
| | | width: 690px; |
| | | width: 700px; |
| | | background-color: white; |
| | | padding: 10px; |
| | | margin-top: 17px; |
| | | display: flex; |
| | | height: 60px; |
| | | } |
| | | /deep/.el-select { |
| | | width: 8% !important; |
| | | } |
| | | .Duo { |
| | | height: 60px; |
| | | display: flex; |
| | | overflow: hidden; |
| | | background-color: white; |
| | | width: 750px; |
| | | padding-left: 10px; |
| | | margin-top: 17px; |
| | | } |
| | | .spantu { |
| | | width: 190px; |