fix:监测因子相关性对比折线图修改和走航报告下载修改

quanyawei

2024-03-13 99435df90dc63bbf9a3729826821fbd47677fb10

fix:监测因子相关性对比折线图修改和走航报告下载修改

 src/components/Echarts/LineChartSpe.vue

@@ -1,17 +1,20 @@
<template>
  <!-- <div> -->
  <!-- <div>1111111111111111111111111111111111111111</div> -->
  <div :class="className" :style="{ height: height, width: width }" />
  <div
    :class="className"
    :style="{ height: height, width: width }"
  />
  <!-- </div> -->
</template>

<script>
import * as echarts from 'echarts'
require('echarts/theme/macarons') // echarts theme
import resize from './mixins/resize'
import * as echarts from 'echarts' // echarts theme
// import resize from './mixins/resize'
require('echarts/theme/macarons')

export default {
  mixins: [resize],
  // mixins: [resize],
  props: {
    className: {
      type: String,
@@ -70,6 +73,10 @@
      this.setOptions(this.chartData)
    },
    setOptions(val) {
      console.log('val,val', val)
      // val.series.forEach(element => {
      //   element.data = element.data.map(item => item === 0 ? 0.1 : item)
      // })
      let that = this
      function fontSize(res) {
        let clientWidth =
@@ -145,18 +152,29 @@
              color: 'rgb(255, 255, 255);',
              fontSize: fontSize(0.117), // 字体大小
              lineHeight: 0
            },
            formatter: function (params) {
              console.log('params', params)
              let html = params[0].name
              params.forEach((item, index) => {
                html += (`<br/>${item.marker + item.seriesName}: ${item.value === undefined ? 0 : item.value}`)
              })
              return html
            }
          },
          yAxis: {
            type: 'log',
            axisTick: {
              show: true, // 轴线刻度
            },
            axisLine: {
              show: true, //不显示坐标轴线
            },
            axisLabel: {
              show: true, //不显示坐标轴上的文字
            }
            // axisLabel: {
            //   formatter: function (value) {
            //     return value === 0.1 ? 0 : value
            //   }
            // },
          },
          legend: {
            data: val.title,
@@ -187,7 +205,7 @@
        },
        true
      )
      window.onresize = this.chart.resize
      // window.onresize = this.chart.resize
    },
  },
}

 src/views/contrast/index.vue

@@ -321,7 +321,8 @@
            newLineChartData.series[i].name = data[i].name
            newLineChartData.title.push(data[i].name)
            for (var j = 0; j < data[i].timeValueList.length; j++) {
              newLineChartData.series[i].data.push(data[i].timeValueList[j].value)
              // newLineChartData.series[i].data.push(data[i].timeValueList[j].value)
              newLineChartData.series[i].data.push(data[i].timeValueList[j].value === 0 ? undefined : data[i].timeValueList[j].value)
            }
          }
          this.lineChartData = newLineChartData

 src/views/dailyreport/index.vue

@@ -2,21 +2,27 @@
  <div class="dailyreport">
    <div class="dailyBox">
      <div class="dailyTop">
        <el-select v-model="cityChoose" placeholder="请选择区域">
        <el-select
          v-model="cityChoose"
          placeholder="请选择区域"
        >
          <el-option
              v-for="item in cityOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value">
          </el-option>
            :value="item.value"
          />
        </el-select>
        <el-select v-model="equipChoose1" placeholder="请选择设备">
        <el-select
          v-model="equipChoose1"
          placeholder="请选择设备"
        >
          <el-option
              v-for="item in equipOptions1"
              :key="item.value"
              :label="item.label"
              :value="item.value">
          </el-option>
            :value="item.value"
          />
        </el-select>
        <el-date-picker
            v-model="value1"
@@ -26,96 +32,208 @@
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            :picker-options="pickerOptions1">
        </el-date-picker>
        <el-select v-if="equipChoose1==='car'" v-model="carInput" clearable placeholder="请选择走航车" style="width: 180px;display: inline-block">
          :picker-options="pickerOptions1"
        />
        <el-select
          v-if="equipChoose1==='car'"
          v-model="carInput"
          clearable
          placeholder="请选择走航车"
          style="width: 180px;display: inline-block"
        >
          <el-option
              v-for="(item,index) in carMac"
              :key="index"
              :label="item.name"
              :value="item.mac">
          </el-option>
            :value="item.mac"
          />
        </el-select>
        <el-select v-else v-model="planSelect" clearable placeholder="请选择无人机" style="width: 180px;display: inline-block">
        <el-select
          v-else
          v-model="planSelect"
          clearable
          placeholder="请选择无人机"
          style="width: 180px;display: inline-block"
        >
          <el-option
              v-for="(item,index) in carMac"
              :key="index"
              :label="item.name"
              :value="item.mac">
          </el-option>
            :value="item.mac"
          />
        </el-select>
        <el-button type="primary" @click="selectExport" style="margin-right: 10px;">查询</el-button>
        <el-button type="primary" @click="upImgBtn" style="margin-left: 0">上传</el-button>
        <el-button
          type="primary"
          style="margin-right: 10px;"
          @click="selectExport"
        >
          查询
        </el-button>
        <el-button
          type="primary"
          style="margin-left: 0"
          @click="upImgBtn"
        >
          上传
        </el-button>
<!--        <el-button type="primary" @click="exportDom">下载demo</el-button>-->
      </div>
      <div class="dailyDown" style="overflow-y: auto">
      <div
        class="dailyDown"
        style="overflow-y: auto"
      >
        <el-card class="boxCard">
          <div style="text-align: right;">
            <el-button
              v-if="equipChoose1==='car'"
              type="primary"
              size="mini"
              :disabled="handSelectData.length===0"
              @click="expReport()"
            >
              下载
            </el-button>
            <el-button
              v-else
              type="primary"
              size="mini"
              @click="exUAVReport()"
            >
              下载
            </el-button>
          </div>
          <el-table
              :data="tableData"
              style="width: 100%;overflow-y: auto; height: 82%;">
            style="width: 100%;overflow-y: auto; height: 82%;"
            @selection-change="handleSelectionChange"
          >
            <el-table-column
              type="selection"
              align="center"
              width="55"
            />
            <el-table-column
                prop="name"
              align="center"
                label="报告名称"
            >
            </el-table-column>
            />
            <el-table-column
                prop="time"
              align="center"
                label="提交时间"
            >
            </el-table-column>
            />
            <el-table-column
                prop="date"
              align="center"
                label="创建时间"
            />
            <!-- <el-table-column
              label="操作 "
              align="center"
            > -->
            <!-- <template slot-scope="scope">
                <el-button
                  v-if="equipChoose1==='car'"
                  type="text"
                  size="medium"
                  @click="expReport(scope.row)"
            >
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button v-if="equipChoose1==='car'" type="text" size="medium" @click="expReport(scope.row)">下载</el-button>
                <el-button v-else type="text" size="medium" @click="exUAVReport(scope.row)">下载</el-button>
              </template>
            </el-table-column>
                  下载
                </el-button>
                <el-button
                  v-else
                  type="text"
                  size="medium"
                  @click="exUAVReport(scope.row)"
                >
                  下载
                </el-button>
              </template> -->
            <!-- </el-table-column> -->
          </el-table>
        </el-card>
      </div>
    </div>
    <el-dialog title="上传图片" :visible.sync="openBox">
    <el-dialog
      title="上传图片"
      :visible.sync="openBox"
    >
      <div class="openTop">
        <el-select v-model="cityChoose2" placeholder="请选择区域">
        <el-select
          v-model="cityChoose2"
          placeholder="请选择区域"
        >
          <el-option
              v-for="item in cityOptions2"
              :key="item.value"
              :label="item.label"
              :value="item.value">
          </el-option>
            :value="item.value"
          />
        </el-select>
        <el-select v-model="equipChoose2" placeholder="请选择设备">
        <el-select
          v-model="equipChoose2"
          placeholder="请选择设备"
        >
          <el-option
              v-for="item in equipOptions2"
              :key="item.value"
              :label="item.label"
              :value="item.value">
          </el-option>
            :value="item.value"
          />
        </el-select>
        <el-select v-if="equipChoose2==='car'" v-model="carInput2" clearable placeholder="请选择走航车" style="width: 180px;display: inline-block">
        <el-select
          v-if="equipChoose2==='car'"
          v-model="carInput2"
          clearable
          placeholder="请选择走航车"
          style="width: 180px;display: inline-block"
        >
          <el-option
              v-for="(item, index) in carMac"
              :key="index"
              :label="item.name"
              :value="item.mac">
          </el-option>
            :value="item.mac"
          />
        </el-select>
        <el-select v-else v-model="planSelect2" clearable placeholder="请选择无人机" style="width: 180px;display: inline-block">
        <el-select
          v-else
          v-model="planSelect2"
          clearable
          placeholder="请选择无人机"
          style="width: 180px;display: inline-block"
        >
          <el-option
              v-for="(item, index) in planMac"
              :key="index"
              :label="item.name"
              :value="item.mac">
          </el-option>
            :value="item.mac"
          />
        </el-select>
        <el-input v-if="equipChoose2==='car'" v-model="areaInput3" placeholder="请输入走航区域" clearable style="width: 180px;display: inline-block"></el-input>
        <el-input v-else v-model="planInput2" placeholder="请输入飞行区域" clearable style="width: 180px;display: inline-block"></el-input>
        <el-button v-if="equipChoose2!=='car'" type="primary" @click="innerVisible = true">飞行监测</el-button>
        <div class="dateTimeBox" v-if="equipChoose2==='car'">
        <el-input
          v-if="equipChoose2==='car'"
          v-model="areaInput3"
          placeholder="请输入走航区域"
          clearable
          style="width: 180px;display: inline-block"
        />
        <el-input
          v-else
          v-model="planInput2"
          placeholder="请输入飞行区域"
          clearable
          style="width: 180px;display: inline-block"
        />
        <el-button
          v-if="equipChoose2!=='car'"
          type="primary"
          @click="innerVisible = true"
        >
          飞行监测
        </el-button>
        <div
          v-if="equipChoose2==='car'"
          class="dateTimeBox"
        >
          <div>
            <el-date-picker
                v-model="value2"
@@ -124,10 +242,22 @@
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="value2Pic"
                @change="value2Change">
            </el-date-picker>
            <el-button style="padding: 6px 8px;" @click="addDate('add')" :disabled="isDidAdd">+</el-button>
            <el-button style="padding: 6px 10px;" @click="addDate('minus')" :disabled="isDisMinus">-</el-button>
              @change="value2Change"
            />
            <el-button
              style="padding: 6px 8px;"
              :disabled="isDidAdd"
              @click="addDate('add')"
            >
              +
            </el-button>
            <el-button
              style="padding: 6px 10px;"
              :disabled="isDisMinus"
              @click="addDate('minus')"
            >
              -
            </el-button>
          </div>
          <div :style="{display:dateTime2}">
            <el-date-picker
@@ -137,8 +267,8 @@
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="value3Pic"
                @change="value3Change">
            </el-date-picker>
              @change="value3Change"
            />
          </div>
          <div :style="{display:dateTime3}">
            <el-date-picker
@@ -148,259 +278,494 @@
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="value4Pic"
                @change="value4Change">
            </el-date-picker>
              @change="value4Change"
            />
          </div>
        </div>
        <div v-else>
          <el-date-picker
              v-model="planUpTime"
              type="date"
              placeholder="选择日期">
          </el-date-picker>
            placeholder="选择日期"
          />
        </div>
      </div>
      <div v-if="equipChoose2==='car'" class="uploadDiv" style="width:90%;overflow: auto;display: flex;flex-wrap: wrap;justify-content: space-between">
      <div
        v-if="equipChoose2==='car'"
        class="uploadDiv"
        style="width:90%;overflow: auto;display: flex;flex-wrap: wrap;justify-content: space-between"
      >
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange1"
            :on-remove="handleRemove1"
            :file-list="fileList1"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传走航监测概况图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传走航监测概况图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange2"
            :on-remove="handleRemove2"
            :file-list="fileList2"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传PM2.5走航监测图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传PM2.5走航监测图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange3"
            :on-remove="handleRemove3"
            :file-list="fileList3"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传PM10走航监测图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传PM10走航监测图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange4"
            :on-remove="handleRemove4"
            :file-list="fileList4"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传NO2走航监测图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传NO2走航监测图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange5"
            :on-remove="handleRemove5"
            :file-list="fileList5"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传CO走航监测图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传CO走航监测图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange6"
            :on-remove="handleRemove6"
            :file-list="fileList6"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传SO2走航监测图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传SO2走航监测图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange7"
            :on-remove="handleRemove7"
            :file-list="fileList7"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传O3走航监测图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传O3走航监测图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange8"
            :on-remove="handleRemove8"
            :file-list="fileList8"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传VOCs走航监测图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传VOCs走航监测图片
          </div>
        </el-upload>
        <el-upload
          ref="upload"
            class="upload-demo"
            action=""
            ref="upload"
            :on-change="handleChange9"
            :on-remove="handleRemove9"
            :file-list="fileList9"
            :limit="1"
            :on-exceed="handleExceed"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传小结图片</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传小结图片
          </div>
        </el-upload>
      </div>
      <div v-else class="uploadDiv" style="width:90%;overflow: auto;display: flex;flex-wrap: wrap;justify-content: space-between">
      <div
        v-else
        class="uploadDiv"
        style="width:90%;overflow: auto;display: flex;flex-wrap: wrap;justify-content: space-between"
      >
        <el-upload
          ref="uploadPlan1"
            class="upload-demo"
            action=""
            ref="uploadPlan1"
            :on-change="handleChangePlan1"
            :on-remove="handleRemovePlan1"
            :file-list="fileListPlan1"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传国控点位置及航拍图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传国控点位置及航拍图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan2"
            class="upload-demo"
            action=""
            ref="uploadPlan2"
            :on-change="handleChangePlan2"
            :on-remove="handleRemovePlan2"
            :file-list="fileListPlan2"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传国控点实时数值图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传国控点实时数值图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan3"
            class="upload-demo"
            action=""
            ref="uploadPlan3"
            :on-change="handleChangePlan3"
            :on-remove="handleRemovePlan3"
            :file-list="fileListPlan3"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传高值区域与国控点相对位置图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传高值区域与国控点相对位置图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan4"
            class="upload-demo"
            action=""
            ref="uploadPlan4"
            :on-change="handleChangePlan4"
            :on-remove="handleRemovePlan4"
            :file-list="fileListPlan4"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传O3实时监测高值区域图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传O3实时监测高值区域图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan5"
            class="upload-demo"
            action=""
            ref="uploadPlan5"
            :on-change="handleChangePlan5"
            :on-remove="handleRemovePlan5"
            :file-list="fileListPlan5"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传O3高值区现场航拍图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传O3高值区现场航拍图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan6"
            class="upload-demo"
            action=""
            ref="uploadPlan6"
            :on-change="handleChangePlan6"
            :on-remove="handleRemovePlan6"
            :file-list="fileListPlan6"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传PM10实时监测高值区域图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传PM10实时监测高值区域图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan7"
            class="upload-demo"
            action=""
            ref="uploadPlan7"
            :on-change="handleChangePlan7"
            :on-remove="handleRemovePlan7"
            :file-list="fileListPlan7"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传PM10高值区现场航拍图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传PM10高值区现场航拍图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan8"
            class="upload-demo"
            action=""
            ref="uploadPlan8"
            :on-change="handleChangePlan8"
            :on-remove="handleRemovePlan8"
            :file-list="fileListPlan8"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传SO2实时监测高值区域图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传SO2实时监测高值区域图
          </div>
        </el-upload>
        <el-upload
          ref="uploadPlan9"
            class="upload-demo"
            action=""
            ref="uploadPlan9"
            :on-change="handleChangePlan9"
            :on-remove="handleRemovePlan9"
            :file-list="fileListPlan9"
            multiple
            :auto-upload="false">
          <el-button slot="trigger" type="primary" size="small">选取图片</el-button>
          <div slot="tip" class="el-upload__tip">请上传SO2高值区现场航拍图</div>
          :auto-upload="false"
        >
          <el-button
            slot="trigger"
            type="primary"
            size="small"
          >
            选取图片
          </el-button>
          <div
            slot="tip"
            class="el-upload__tip"
          >
            请上传SO2高值区现场航拍图
          </div>
        </el-upload>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="openBox = false">取 消</el-button>
        <el-button type="primary" @click="submitImgs" :disabled ="isDisplay">保 存</el-button>
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="openBox = false">
          取 消
        </el-button>
        <el-button
          type="primary"
          :disabled="isDisplay"
          @click="submitImgs"
        >
          保 存
        </el-button>
      </div>
      <el-dialog
          class="innerDialog"
@@ -409,8 +774,9 @@
          margin-top="7vh"
          title="内层 Dialog"
          :visible.sync="innerVisible"
          append-to-body>
        <Map></Map>
        append-to-body
      >
        <Map />
      </el-dialog>
    </el-dialog>
  </div>
@@ -425,15 +791,22 @@
  components: { Map },
  data() {
    return {
      handSelectData: [],
      cityChoose: 'gx', // 默认查询高新区走行车
      cityChoose2: 'gx', // 默认上传高新区图片
      cityOptions: [{
      cityOptions: [
        {
        value: 'gx',
        label: '高新区'
      }, {
        value: 'hn',
        label: '浑南区'
      }],
          label: '盐城市'
        }
        // , {
        //   value: 'gx',
        //   label: '高新区'
        // }, {
        //   value: 'hn',
        //   label: '浑南区'
        // }
      ],
      cityOptions2: [{
        value: 'gx',
        label: '高新区'
@@ -700,6 +1073,10 @@
    // })
  },
  methods: {
    handleSelectionChange (e) {
      this.handSelectData = e.map(i => i.id)
      console.log('this.handSelectData', this.handSelectData)
    },
    // 模拟下载
    exportDom() {
      // const url1 = `http://47.99.64.149:8081//static/img/7f633687-8321-4f89-bffc-9a52f94cfb77.jpg`
@@ -765,11 +1142,12 @@
          }
          info.map(v => {
            var time = v.time.split('-').join('')
            if (this.cityChoose === 'gx') {
              v.name = `高新区走航监测报告${time}`
            } else {
              v.name = `浑南区走航监测报告${time}`
            }
            v.name = `盐城市走航监测报告${time}`
            // if (this.cityChoose === 'gx') {
            //   v.name = `高新区走航监测报告${time}`
            // } else {
            //   v.name = `浑南区走航监测报告${time}`
            // }
          })
          info.sort((a, b) => { return b.time.split('-').join('') - a.time.split('-').join('') })
          this.tableData = info
@@ -834,7 +1212,7 @@
              this.cityChoose = this.cityChoose2
              var reportInfo = res.data
              if (this.cityChoose2 === 'gx') {
                reportInfo.name = '高新区走航监测报告' + reportInfo.time.split('-').join('')
                reportInfo.name = '盐城市走航监测报告' + reportInfo.time.split('-').join('')
              } else {
                reportInfo.name = '浑南区走航监测报告' + reportInfo.time.split('-').join('')
              }
@@ -906,11 +1284,12 @@
            this.equipChoose1 = this.equipChoose2
            this.cityChoose = this.cityChoose2
            var reportInfo = res.data
            if (this.cityChoose === 'gx') {
              reportInfo.name = '高新区飞行监测报告' + reportInfo.time.split('-').join('')
            } else {
              reportInfo.name = '浑南区飞行监测报告' + reportInfo.time.split('-').join('')
            }
            reportInfo.name = '盐城市飞行监测报告' + reportInfo.time.split('-').join('')
            // if (this.cityChoose === 'gx') {
            //   reportInfo.name = '高新区飞行监测报告' + reportInfo.time.split('-').join('')
            // } else {
            //   reportInfo.name = '浑南区飞行监测报告' + reportInfo.time.split('-').join('')
            // }
            this.tableData = [reportInfo]
          } else if (res.code === -47) {
            this.$message(res.message)
@@ -929,7 +1308,7 @@
    // 提交文件后台接口
    MultipartFile(data) {
      return this.$request({
        url: '/cruiser/getDaily',
        url: '/cruiser/getDailys',
        method: 'post',
        headers: { 'Content-Type': 'multipart/form-data' }, // 多文件上传这一句必须加
        data
@@ -939,44 +1318,67 @@
    expReport(obj) {
      this.$request({
        url: '/cruiser/loadDaily',
        method: 'get',
        params: {
          id: obj.id
        method: 'post',
        responseType: 'blob',
        data: {
          ids: this.handSelectData
        }
      }).then(res => {
        const baseUrl = `${requestObj.baseUrl}/static/img/`
        var imagesObj = res.data.images
        this.sailingReport = { ...this.sailingReport, ...res.data.code }
        // const url1 = `http://47.99.64.149:8081//static/img/7f633687-8321-4f89-bffc-9a52f94cfb77.jpg`
        if (imagesObj) {
          for (let i = 0; i < imagesObj.length; i++) {
            this.sailingReport.fileLists[i] = [{ url: baseUrl + imagesObj[i] }]
          }
        }
        this.sailingReport.index = imagesObj.length
        var data2 = obj.date.split('-')
        this.sailingReport.date2 = data2[0] + '年' + data2[1] + '月' + data2[2] + '日'
        var time = []
        for (let i = 0; i < res.data.code.time.length; i++) {
          time.push(res.data.code.time[i])
        }
        this.sailingReport.time0 = time[0]
        if (time.length === 2) {
          this.sailingReport.time1 = time[1]
        }
        if (time.length === 3) {
          this.sailingReport.time1 = time[1]
          this.sailingReport.time2 = time[2]
        }
        if (this.cityChoose === 'gx') {
          this.sailingReport.city = '高新区'
        } else {
          this.sailingReport.city = '浑南区'
        }
        exportDocx('/sailingReport1.docx', this.sailingReport, `${obj.name}.docx`)
        this.getOutExcel('盐城市走航监测报告.docx', res)
        // const baseUrl = `${requestObj.baseUrl}/static/img/`
        // var imagesObj = res.data.images
        // this.sailingReport = { ...this.sailingReport, ...res.data.code }
        // // const url1 = `http://47.99.64.149:8081//static/img/7f633687-8321-4f89-bffc-9a52f94cfb77.jpg`
        // if (imagesObj) {
        //   for (let i = 0; i < imagesObj.length; i++) {
        //     this.sailingReport.fileLists[i] = [{ url: baseUrl + imagesObj[i] }]
        //   }
        // }
        // this.sailingReport.index = imagesObj.length
        // var data2 = obj.date.split('-')
        // this.sailingReport.date2 = data2[0] + '年' + data2[1] + '月' + data2[2] + '日'
        // var time = []
        // for (let i = 0; i < res.data.code.time.length; i++) {
        //   time.push(res.data.code.time[i])
        // }
        // this.sailingReport.time0 = time[0]
        // if (time.length === 2) {
        //   this.sailingReport.time1 = time[1]
        // }
        // if (time.length === 3) {
        //   this.sailingReport.time1 = time[1]
        //   this.sailingReport.time2 = time[2]
        // }
        // if (this.cityChoose === 'gx') {
        //   this.sailingReport.city = '高新区'
        // } else {
        //   this.sailingReport.city = '浑南区'
        // }
        // exportDocx('/sailingReport1.docx', this.sailingReport, `${obj.name}.docx`)苏州高新区
        // 盐城
        // exportDocx('/yanchengReport.docx', this.sailingReport, `${obj.name}.docx`)
      }).catch(err => {
        console.log(err)
      })
    },
    getOutExcel (fileName, res) {
      const blob = new Blob([res], { type: 'application/msword' })
      if (window.navigator.msSaveOrOpenBlob) {
        // 兼容 IE & EDGE
        navigator.msSaveBlob(blob, fileName)
      } else {
        var link = document.createElement('a')
        // 兼容不同浏览器的URL对象
        const url = window.URL || window.webkitURL || window.moxURL
        // 创建下载链接
        link.href = url.createObjectURL(blob)
        // 命名下载名称
        link.download = fileName
        // 点击触发下载
        link.click()
        // 下载完成进行释放
        url.revokeObjectURL(link.href)
      }
    },
    // 下载无人机报告
    exUAVReport(obj) {
@@ -1035,7 +1437,7 @@
          this.UAVReport.time2 = time[2]
        }
        if (this.cityChoose === 'gx') {
          this.UAVReport.city = '高新区'
          this.UAVReport.city = '盐城市'
        } else {
          this.UAVReport.city = '浑南区'
        }