fix
guoshipeng
2023-07-28 5663e2b2bcee6de2ea7e47a267b45318317104e3
fix
1 files modified
89 ■■■■■ changed files
src/views/UVA/index.vue 89 ●●●●● patch | view | raw | blame | history
src/views/UVA/index.vue
@@ -14,7 +14,7 @@
            v-model="datenum"
            @change="chooseDate"
            @blur="chooseDate1"
            @focus="chooseDate"
            @focus="chooseDate2"
            value-format="yyyy-MM-dd"
            style="width: 280px"
          >
@@ -47,6 +47,7 @@
            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"
@@ -71,6 +72,7 @@
            @change="handleChange"
            ref="collapse"
            v-show="shou1 === false"
            v-loading="loading"
          >
            <el-collapse-item
              v-for="(item1, index) in asideData.uavTimeFly"
@@ -131,6 +133,8 @@
              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>
@@ -140,24 +144,55 @@
              <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
          >
          </el-input> -->
            <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-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"
@@ -183,10 +218,10 @@
              --
              <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>
@@ -406,7 +441,7 @@
      },
      tallone: 0,
      talltwo: 500,
      talltwo: 120,
      // 侧边栏数据
      asideData: {
        dates: [], // 存放date数组
@@ -441,6 +476,7 @@
      bdLon: null,
      bdLat: null,
      loading: false,
      loading1: false,
      snesorParams: [
        'PM2.5',
        'PM10',
@@ -714,7 +750,6 @@
        this.carData = []
        if (res.data === 'null') {
          this.noneData = true
          this.loading = false
          return
        }
        for (var i = 0; i < res.data.length; i++) {
@@ -735,6 +770,11 @@
      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() // 选择日期后依旧触发焦点
@@ -745,12 +785,10 @@
      //   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) {
@@ -887,6 +925,8 @@
    },
    // 获取无人机以及时间区间
    getTimeAreaData(item) {
      // this.asideData.uavTimeFly = []
      this.loading = true
      this.$request({
        url: 'uav/queryTimeSlot',
        method: 'get',
@@ -898,13 +938,13 @@
        // 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
        // }
@@ -956,7 +996,6 @@
        this.carData = []
        if (res.data === 'null') {
          this.noneData = true
          this.loading = false
          return
        }
        for (var i = 0; i < res.data.length; i++) {
@@ -1003,7 +1042,6 @@
      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) // 设置地图类型为地球模式
@@ -1050,7 +1088,7 @@
          ],
        })
        showNoPoints()
        this.loading1 = false
        return
      }
      if (this.dataType === 'history') {
@@ -1062,7 +1100,6 @@
      // 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) => {
@@ -1977,23 +2014,21 @@
  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;