专题图，数据上传

Surpriseplus

2022-12-21 4f969102916872db85296709d700ff387fe3a0c2

专题图，数据上传

 src/components/mapsdk.vue

@@ -206,9 +206,9 @@
        val: 50,
      },
      coordFrom: {
        lon: 110,
        lat: 32,
        height: 8000000,
        lon: 116.3911,
        lat: 39.9115,
        height: 100000,
      },
      listData: {
        name: null,

 src/views/Thematic/index.vue

@@ -165,8 +165,8 @@
      rightList: [],
      treeData: [],
      centerFlag: false,
      isActive: true,
      isMenuLayer: false,
      isActive: false,
      isMenuLayer: true,
      openEcharts: false,
      defaultProps: {
        children: 'children',
@@ -297,7 +297,7 @@
      });

      window.MapViewer = window.sgworld._Viewer;

      Viewer.imageryLayers._layers[0].show = false;
      //定位
      sgworld.Navigate.jumpTo({
        //跳转视角
@@ -307,37 +307,17 @@
          100000
        ),
      });
      for (var i in gaoDeBaseUrl) {
        sgworld.Creator.createUrlTemplateImageryProvider(
          gaoDeBaseUrl[i].label,
          gaoDeBaseUrl[i].url,
          '0',
          undefined,
          true,
          ''
        );
      }

      MapViewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
          layer: 'tdtBasicLayer',
          style: 'default',
          format: 'image/jpeg',
          tileMatrixSetID: 'GoogleMapsCompatible',
          show: false,
        })
      );

      MapViewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
          layer: 'tdtVecBasicLayer',
          style: 'default',
          format: 'image/jpeg',
          tileMatrixSetID: 'GoogleMapsCompatible',
          show: false,
        })
      );
      MapViewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=94a34772eb88317fcbf8428e10448561',
          layer: 'tdtAnnoLayer',
          style: 'default',
          format: 'image/jpeg',
          tileMatrixSetID: 'GoogleMapsCompatible',
        })
      );
      //显示fps
      MapViewer.scene.debugShowFramesPerSecond = false;
      //导航控件
@@ -352,11 +332,13 @@
    },
    setLayerVisible() {
      if (this.isActive == true) {
        MapViewer.imageryLayers.get(2).show = true;
        MapViewer.imageryLayers.get(1).show = false;
        MapViewer.imageryLayers._layers[1].show = true;
        MapViewer.imageryLayers._layers[2].show = false;
        MapViewer.imageryLayers._layers[3].show = false;
      } else {
        MapViewer.imageryLayers.get(2).show = false;
        MapViewer.imageryLayers.get(1).show = true;
        MapViewer.imageryLayers._layers[1].show = false;
        MapViewer.imageryLayers._layers[2].show = true;
        MapViewer.imageryLayers._layers[3].show = true;
      }
    },
    addImageLayer() {

 src/views/datamanage/dataLoader.vue

@@ -42,15 +42,22 @@
              </el-select>
          </el-form-item>

          <el-form-item>
            <input id="uploadfile" @change= "handleFileChange" type="file"  name="file" multiple="multiple" accept=".xls,.xlsx,.mdb,.shp.zip,.gdb.zip"  style="display: none"></input>
            <!-- <el-button icon="el-icon-document-add" @click="fileSelect" class="primary">{{
              $t('common.file')
            }}</el-button> -->

            <el-input v-model="formInline.fileName" disabled>
         <template slot="append">
             <el-button v-if="formInline.fileName == '未选择文件'"
          <el-form-item>
   <el-input
              type="textarea"
              v-model="formInline.fileName"

              class="nm-skin-pretty"
              show-word-limit
              :rows="2"  resize='none'
              style="width: 650px;"
            ></el-input>
          </el-form-item>
            <el-form-item>
            <input id="uploadfile" @change= "handleFileChange" type="file"  name="file" multiple="multiple" accept=".xls,.xlsx,.mdb,.shp.zip,.gdb.zip"  style="display: none"></input>

   <el-button v-if="formInline.fileName == '未选择文件'"
              type="info"
                @click="fileSelect">
                   选择文件
@@ -62,14 +69,9 @@
                >
                    重置
             </el-button>
         </template>
      </el-input>



          </el-form-item>
          <br />
          <el-form-item :label="$t('dataManage.dataUpObj.describe')">
          <el-form-item  >
            <el-input
              type="textarea"
              v-model="formInline.descr"
@@ -936,10 +938,15 @@
      $("#uploadfile").click();
    },
    handleFileChange(event) {
      var std =[];
      var len = event.currentTarget.files.length;
      for(var i = 0;i<len;i++){
var f = event.currentTarget.files[i];
std.push(f.name)
      }

      // var fs = document.getElementById("uploadfile");
      var f = event.currentTarget.files[0]
      this.formInline.fileName = f.name;
        this.formInline.fileName =std.toString() ;


    },
    clearFileSelect(){

 src/views/datamanage/dataUpdata.vue

@@ -49,14 +49,25 @@
              value-format="yyyy-MM-dd HH:mm:ss"
            />
          </el-form-item> -->
            <el-form-item  >
            <el-input
              <el-input
              type="textarea"
              v-model="formInline.fileName"

              class="nm-skin-pretty"
              show-word-limit
              :rows="2"  resize='none'
              style="width: 600px;"
            ></el-input>
            ></el-input>
          </el-form-item>
          <el-form-item>
            <input id="uploadfile" @change= "handleFileChange" type="file"  name="file" multiple="multiple"  style="display: none"></input>
            <!-- <el-button icon="el-icon-document-add" @click="fileSelect" class="primary">{{
              $t('common.file')
            }}</el-button> -->

            <el-input v-model="formInline.fileName" disabled>
         <template slot="append">



             <el-button v-if="formInline.fileName == '未选择文件'"
              type="info"
                @click="fileSelect">
@@ -69,8 +80,6 @@
                >
                    重置
             </el-button>
         </template>
      </el-input>

          </el-form-item>
          <br />
@@ -611,8 +620,14 @@
      $("#uploadfile").click();
    },
    handleFileChange(event) {
      var f = event.currentTarget.files[0]
      this.formInline.fileName = f.name;
      var std =[];
      var len = event.currentTarget.files.length;
      for(var i = 0;i<len;i++){
var f = event.currentTarget.files[i];
std.push(f.name)
      }

        this.formInline.fileName =std.toString() ;

    },
    clearFileSelect(){

 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,8 +267,16 @@
      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,
@@ -395,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,
@@ -511,10 +528,9 @@
      }
      if (this.isActive) {
        val_data.push('矢量图');
        val_data.push('矢量注记');
      } else {
        val_data.push('影像');
        val_data.push('影像注记');
        val_data.push('影像图');
      }
      this.setExportMapLayer(val_data);
      this.showMapApply = false;