专题图，数据上传

Surpriseplus

2022-12-21 4f969102916872db85296709d700ff387fe3a0c2

 src/views/exportMap/index.vue

@@ -17,7 +17,7 @@
            ><i class="el-icon-s-operation"></i
          ></el-link>
        </el-form-item>
        <el-form-item label="比例尺">
        <el-form-item>
          <el-select v-model="value" placeholder="请选择">
            <el-option
              v-for="item in options"
@@ -267,32 +267,48 @@
      tableData: [],
      exportable: [],
      multipleSelection: [],
      options: [{ label: '1:20万', value: '1:20万' }],
      value: '1:20万',
      options: [
        { label: 'A0', value: 'A0' },
        { label: 'A1', value: 'A1' },
        { label: 'A2', value: 'A2' },
        { label: 'A3', value: 'A3' },
        { label: 'A4', value: 'A4' },
        { label: 'A5', value: 'A5' },
        { label: 'A6', value: 'A6' },
      ],
      value: 'A4',
      data: [
        {
          id: 1,
          label: '图层',
          children: [
            {
              id: '11',
              id: 11,
              label: '项目',
              value: '项目',
              layer: 'LF:bs_project',
              isEdit: false,
            },
            {
              id: 12,
              label: '站场',
              value: '站场',
              layer: 'LF:m_sitepoint',
              box: [
                84.21228790283203, 30.412200927734375, 121.11393737792969,
                41.46569061279297,
              ],
              isEdit: false,
            },
            {
              id: '12',
              id: 13,
              label: '管道中心线',
              value: '管道中心线',
              layer: 'LF:m_pipeline',
              box: [
                25.245140075683594, 11.197434425354004, 121.11258697509766,
                49.65690231323242,
              ],
              isEdit: false,
            },
            {
              id: 14,
              label: '战略通道',
              value: '战略通道',
              layer: 'LF:th_strategic_channel',
              isEdit: false,
            },
          ],
        },
@@ -322,7 +338,7 @@
    showMapLayer() {
      var val = this.data[0].children;
      var std = [];
      for (var i = val.length - 1; i >= 0; i--) {
      for (var i = 0; i < val.length; i++) {
        var layer2 = new Image({
          name: val[i].label,
          source: new ImageWMS({
@@ -387,17 +403,26 @@

      this.count = data.count;
    },

    getYMD() {
      let myDate = new Date();
      let myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
      let myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
      let myToday = myDate.getDate(); //获取当前日(1-31)
      myMonth = myMonth > 9 ? myMonth : '0' + myMonth;
      myToday = myToday > 9 ? myToday : '0' + myToday;
      let nowDate = 'V' + myYear + myMonth + myToday;
      return nowDate;
    },
    setExportMapLayer(res) {
      var token = '?token=' + getToken();
      var data = {
        token: token.replace('?token=', ''),
        title: this.form.name,
        pageSize: 'A4',
        pageSize: this.value,
        province: '山东省',
        scale: this.value,
        scale: '1:20万',
        resolution: '20米',
        date: '2022.11.14',
        date: this.getYMD(),
        layers: res.toString(),
        rotation: 0,
        xmin: this.layerExtent.xmin,
@@ -503,10 +528,9 @@
      }
      if (this.isActive) {
        val_data.push('矢量图');
        val_data.push('矢量注记');
      } else {
        val_data.push('高德影像');
        val_data.push('高德影像注记');
        val_data.push('影像注记');
        val_data.push('影像图');
      }
      this.setExportMapLayer(val_data);
      this.showMapApply = false;
@@ -556,14 +580,10 @@
    initMap() {
      var TiandiLayer = new TileLayer({
        source: new XYZ({
          url: 'http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=94a34772eb88317fcbf8428e10448561',
          url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}',
        }),
      });
      var TiandiTitle = new TileLayer({
        source: new XYZ({
          url: 'http://t0.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=94a34772eb88317fcbf8428e10448561',
        }),
      });

      var GaoDeLayer = new TileLayer({
        source: new XYZ({
          url: 'http://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=6',
@@ -576,15 +596,15 @@
      });
      window.mapView = new Map({
        target: 'mapView',
        layers: [TiandiLayer, TiandiTitle, GaoDeLayer, GaoDeTitle],
        layers: [TiandiLayer, GaoDeLayer, GaoDeTitle],
        view: new View({
          center: transform([105.02, 34.9], 'EPSG:4326', 'EPSG:3857'),
          zoom: 4,
          projection: 'EPSG:3857',
        }),
      });
      mapView.getLayers().item(1).setVisible(false);
      mapView.getLayers().item(2).setVisible(false);
      mapView.getLayers().item(3).setVisible(false);
      this.formInline.role = mapView.getView().getRotation();
    },
    //切换底图
@@ -595,15 +615,13 @@
    },
    setLayerVisible() {
      if (this.isActive == true) {
        mapView.getLayers().item(2).setVisible(false);
        mapView.getLayers().item(3).setVisible(false);
        mapView.getLayers().item(0).setVisible(true);
        mapView.getLayers().item(1).setVisible(true);
      } else {
        mapView.getLayers().item(2).setVisible(true);
        mapView.getLayers().item(3).setVisible(true);
        mapView.getLayers().item(0).setVisible(false);
        mapView.getLayers().item(1).setVisible(false);
        mapView.getLayers().item(2).setVisible(false);
        mapView.getLayers().item(0).setVisible(true);
      } else {
        mapView.getLayers().item(1).setVisible(true);
        mapView.getLayers().item(2).setVisible(true);
        mapView.getLayers().item(0).setVisible(false);
      }
    },
  },