1

Surpriseplus

2022-11-28 ac687d46631445a2ad0efebe843c300535277dec

1

 src/api/api.js

@@ -427,7 +427,10 @@
export function deleteMeta(params) {
  return request.get('/meta/deletes', { params: params });
}

//元数据管理请求下载
export function meta_downloadReq(params) {
  return request.post('/meta/downloadReq', params);
}
//综合展示获取
export function select_Comprehensive_ByPageAndCount(params) {
  return request.get('/comprehensive/selectAddrByPage', { params: params });
@@ -561,6 +564,14 @@
export function dataLoader_deleteMetas(params) {
  return request.get('/dataLoader/deleteMetas', { params: params });
}
//数据入库=>查询字段信息
export function dataLoader_selectFields(params) {
  return request.get('/dataLoader/selectFields', { params: params });
}
//数据入库=>查询表中数据
export function dataLoader_selectDbData(params) {
  return request.get('/dataLoader/selectDbData', { params: params });
}

// //数据入库=>查询文件
// export function dataLoader_selectDirAll(params) {

 src/assets/img/synthesis/M ¿½±´.png

 src/assets/img/synthesis/dxkw.png

 src/assets/img/synthesis/·¢²¼.png

 src/assets/img/synthesis/ͼ²ã 10 ¿½±´.png

 src/assets/img/synthesis/ͼ²ã 11 ¿½±´.png

 src/assets/img/synthesis/ͼ²ã 12 ¿½±´ 2.png

 src/assets/img/synthesis/ͼ²ã 14 ¸±±¾ ¿½±´.png

 src/assets/img/synthesis/ͼ²ã 14 ¿½±´ 3.png

 src/assets/img/synthesis/ͼ²ã 18 ¿½±´.png

 src/assets/img/synthesis/ͼ²ã 18.png

 src/assets/img/synthesis/ͼ²ã 20.png

 src/assets/img/synthesis/ͼ²ã 23.png

 src/assets/img/synthesis/ͼ²ã 27.png

 src/assets/img/synthesis/ͼ²ã 28.png

 src/assets/img/synthesis/ͼ²ã 31 ¿½±´.png

 src/assets/img/synthesis/ͼ²ã 31.png

 src/assets/img/synthesis/ͼ²ã 32.png

 src/assets/img/synthesis/ͼ²ã 35.png

 src/assets/img/synthesis/ͼ²ã 5 ¿½±´ 6.png

 src/assets/img/synthesis/ͼ²ã 6 ¿½±´.png

 src/assets/img/synthesis/ͼ²ã 7 ¿½±´ 5.png

 src/assets/img/synthesis/ͼ²ã 74 ¿½±´ 2.png

 src/assets/img/synthesis/ͼ²ã 74 ¿½±´ 3.png

 src/assets/img/synthesis/ͼ²ã 8 ¿½±´ 2.png

 src/assets/img/synthesis/ͼ²ã 9 ¿½±´ 4.png

 src/assets/img/synthesis/Ô²½Ç¾ØÐÎ 10 ¸±±¾ 3.png

 src/assets/img/synthesis/Ô²½Ç¾ØÐÎ 12 ¿½±´ 3.png

 src/assets/img/synthesis/Ô²½Ç¾ØÐÎ 12 ¿½±´ 5.png

 src/assets/img/synthesis/Ô²½Ç¾ØÐÎ 12 ¿½±´ 6.png

 src/assets/img/synthesis/Ô²½Ç¾ØÐÎ 5 ¿½±´ 2.png

 src/assets/img/synthesis/Ô²½Ç¾ØÐÎ 5 ¿½±´ 3.png

 src/assets/img/synthesis/ÔÚÏß.png

 src/assets/img/synthesis/µ¼Èë.png

 src/assets/img/synthesis/µ¼³ö.png

 src/assets/img/synthesis/ÍÖÔ² 3 ¿½±´ 16.png

 src/assets/img/synthesis/ÍÖÔ² 3 ¿½±´ 20.png

 src/assets/img/synthesis/ÍÖÔ² 3 ¿½±´ 23.png

 src/assets/img/synthesis/ÍÖÔ² 4.png

 src/assets/img/synthesis/ÍÖÔ² 5 ¿½±´ 3.png

 src/assets/img/synthesis/ÍÖÔ² 6.png

 src/assets/img/synthesis/ÍÖÔ² 7 ¿½±´ 2.png

 src/assets/img/synthesis/ÍÖÔ² 7 ¿½±´ 4.png

 src/assets/img/synthesis/ÍÖÔ² 8 ¿½±´ 8.png

 src/assets/img/synthesis/Çå³ý.png

 src/assets/img/synthesis/ʸÁ¿ÖÇÄܶÔÏó ¿½±´ 3.png

 src/assets/img/synthesis/¾ØÐÎ 13 ¿½±´.png

 src/assets/img/synthesis/¾ØÐÎ 14 ¿½±´ 7.png

 src/assets/img/synthesis/¾ØÐÎ 8 ¿½±´ 11.png

 src/assets/img/synthesis/¾ØÐÎ 8 ¿½±´ 2.png

 src/assets/img/synthesis/¾ØÐÎ 9.png

 src/assets/img/synthesis/¿Õ¼ä²éѯ.png

 src/assets/img/synthesis/¿Õ¼ä²â¾à.png

 src/assets/img/synthesis/¹ÜµÀ.png

 src/assets/img/synthesis/ϵͳ²Ëµ¥.png

 src/assets/lang/en.js

@@ -42,6 +42,8 @@
    quayTest: 'Auality testing',
    md5: 'MD5 Code',
    lineNuber: 'line Nuber',
    pleaseInputPassworld: 'Please input a password',
    passworld: 'Passworld',
  },

  dataManage: {
@@ -382,6 +384,10 @@
    },
  },
  synthesis: {
    import: 'Import',
    export: 'Export',
    pipelineAnalysis: 'Pipeline analysis',
    sceneExtraction: 'Scene extraction',
    synthesis: 'Comprehensive Display',
    themaic: 'Thematic Maps',
    archive: 'Data Library',
@@ -423,7 +429,7 @@
    gardenquery: 'Garden Query',
    polygonquery: 'Polygon Query',
    attributequery: 'Attribute Query',
    rangequery: 'Range Query',
    rangequery: 'Spatial query',
    gpsrtk: 'GPS-RTK',
    placenamelocation: 'Placename Location',
    distancemeasure: 'Distance Measure',
@@ -437,7 +443,7 @@
    symboliclabel: 'Symbolic Label',
    flatterrain: 'Flat Terrain',
    terrainexcavation: 'Terrain Excavation',
    removepaint: 'Remove Paint',
    removepaint: 'Clear',
    openFile: 'open File',
    saveFile: 'save File',
    synthobj: {

 src/assets/lang/zh.js

@@ -42,6 +42,8 @@
    quayTest: '质检',
    md5: 'MD5码',
    lineNuber: '行数',
    pleaseInputPassworld: '请输入密码',
    passworld: '密码',
  },
  dataManage: {
    dataManage: '数据管理',
@@ -380,7 +382,11 @@
    },
  },
  synthesis: {
    import: '导入',
    export: '导出',
    pipelineAnalysis: '管道分析',
    synthesis: '综合展示',
    sceneExtraction: '场景提取',
    themaic: '专题地图',
    archive: '资料馆',
    coverage: '图层',
@@ -421,7 +427,7 @@
    gardenquery: '圆查询',
    polygonquery: '多边形查询',
    attributequery: '属性查询',
    rangequery: '范围查询',
    rangequery: '空间查询',
    gpsrtk: '坐标定位',
    placenamelocation: '地名定位',
    distancemeasure: '距离测量',

 src/components/mapsdk.vue

@@ -734,18 +734,13 @@
.mapBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;

  position: relative;
  #mapdiv {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;

    position: relative;
    .toponymicLocalBox {
      width: 750px;
      height: 450x;

 src/components/navMenu.vue

@@ -124,41 +124,21 @@
  mounted() {
    this.getMenuTree();
  },
  computed: {
    // æˆ‘们使用计算属性来获取到当前点击的菜单的路由路径，然后设置default-active中的值
    // ä½¿å¾—菜单在载入时就能对应高亮
    // activeIndex() {
    //   const route = this.$route;
    //   const { meta, path } = route;
    //   // if set path, the sidebar will highlight the path you set
    //   // å¯ä»¥åœ¨è·¯ç”±é…ç½®æ–‡ä»¶ä¸­è®¾ç½®è‡ªå®šä¹‰çš„路由路径到meta.activeMenu属性中，来控制菜单自定义高亮显示
    //   if (meta.activeMenu) {
    //     return meta.activeMenu;
    //   }
    //   return path;
    // },
  },
  computed: {},
  methods: {
    //主题切换
    setThemeColors() {
      // var value;
      // if (this.themeColor) {
      //   value = '#303030';
      // } else {
      //   value = '#409EFF';
      // }
      // localStorage.setItem('theme', value);
      // this.$store.commit('setSkin', value);
    },
    setThemeColors() {},
    //鼠标移入菜单事件
    setMenuMove(index, item) {
      var that = this;

      if (item.perms != null) {
        this.$router.push(item.url);
        this.setShowFalseDiv(false);
        this.changeliSelect = '呵呵';
        this.showFlag = null;
        if (this.showFlag != null) {
          this.setShowFalseDiv(false);
          this.changeliSelect = '呵呵';
          this.showFlag = null;
        }
      } else {
        if (this.showFlag != index) {
          this.showFlag = index;
@@ -182,14 +162,9 @@
      this.setShowFalseDiv(false);
      this.changeliSelect = res.cnName;
      this.$router.push(res.url);
      this.$store.commit('currentPerms', res.perms);
    },
    async getMenuTree() {
      //获取目录树最大ID，新建节点使用
      // queryMaxId().then((res) => {
      //   this.id = res.data;
      // });
      //

      const data = await queryMenuTree();
      var that = this;
      if (data.code == 200) {

 src/views/Synthesis/index.vue

@@ -1,232 +1,434 @@
<template>
  <div class="synthesis">
    <map-div></map-div>
    <!-- <el-tabs type="border-card">
      <el-tab-pane v-if="menuStatus.menu1" :label="$t('synthesis.coverage')">
        <coverage />
      </el-tab-pane>
      <el-tab-pane v-if="menuStatus.menu2" :label="$t('synthesis.viewport')">
        <viewport />
      </el-tab-pane>
      <el-tab-pane v-if="menuStatus.menu3" :label="$t('synthesis.wander')">
        <wander />
      </el-tab-pane>
      <el-tab-pane v-if="menuStatus.menu4" :label="$t('synthesis.analyse')">
        <analyse />
      </el-tab-pane>
      <el-tab-pane v-if="menuStatus.menu5" :label="$t('synthesis.iqyery')">
        <iqyery />
      </el-tab-pane>
      <el-tab-pane v-if="menuStatus.menu6" :label="$t('synthesis.orientation')">
        <orientation />
      </el-tab-pane>
      <el-tab-pane v-if="menuStatus.menu7" :label="$t('synthesis.measurement')">
        <measurement />
      </el-tab-pane>
      <el-tab-pane v-if="menuStatus.menu8" :label="$t('synthesis.plotting')">
        <plotting @drawing="showBtn" />
      </el-tab-pane>
    </el-tabs>
    <el-card class="box-card">

    </el-card>
    <div class="plotBox">
      <el-collapse-transition>
        <div class="transition-box" v-show="showBtnBox">
          <ul>
            <li
              @click="changePlot(item)"
              v-for="item in itemsOne"
              :key="item.id"
            >
              <div class="divli">
                <div :class="item.class" class="backimge8"></div>
              </div>
              <div class="div_li">{{ $t(item.name) }}</div>
            </li>
          </ul>
    <div class="lefIcon">
      <ul>
        <li v-for="item in showMenuList">
          <div class="menuDiv" :title="item.name" @click="setMenuChange(item)">
            <div class="menuImage" :class="item.class"></div>
          </div>
        </li>
      </ul>
    </div>
    <div class="rightContent">
      <div class="left_main" :class="{ left_main_show: !openStatus }">
        <div class="leftMen_div" v-for="(item, index) in setListTwoMenu">
          <div class="menuTwoImage" :class="item.css"></div>
          <div>{{ $t(item.label) }}</div>
        </div>
      </el-collapse-transition>
    </div> -->
      </div>
      <div id="mapdiv" class="right_main">
        <div @click="changeBaseLayer" class="bottomChageLayer">
          <div
            id="cenBg"
            v-bind:class="{ active: isActive, menuLayer: !isActive }"
          ></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import coverage from './coverage.vue'; //图层
import viewport from './viewport.vue'; //视图
import wander from './wander.vue'; //漫游
import analyse from './analyse.vue'; //分析
import iqyery from './inquire.vue'; //查询
import orientation from './orientation.vue'; //定位
import measurement from './measurement.vue'; //测量
import plotting from './plotting.vue'; //标绘
import MapDiv from '../../components/MapDiv';
import { getPerms } from '../../api/api';
export default {
  components: {
    coverage,
    viewport,
    wander,
    analyse,
    iqyery,
    orientation,
    measurement,
    plotting,
    MapDiv,
  },
  components: {},
  data() {
    return {
      showBtnBox: false,
      itemsOne: [
      openStatus: false,
      isActive: false,
      showMenuList: [],
      menuOption: [
        {
          id: '1',
          name: 'synthesis.point',
          class: 'h1',
          id: 1,
          name: '菜单',
          class: 'menu_img1',
          show: true,
        },
        {
          id: '2',
          name: 'synthesis.line',
          class: 'h2',
          id: 2,
          name: '图层',
          class: 'menu_img2',
          show: false,
        },
        // {
        //   id: "3",
        //   name: "synthesis.rectangle",
        //   class: "h3",
        // },
        {
          id: '4',
          name: 'synthesis.polygon',
          class: 'h4',
          id: 3,
          name: '视图',
          class: 'menu_img3',
          show: false,
        },
        // {
        //   id: "7",
        //   name: "synthesis.symboliclabel",
        //   class: "h7",
        // },
        // {
        //   id: "5",
        //   name: "synthesis.flatterrain",
        //   class: "h5",
        // },
        // {
        //   id: "6",
        //   name: "synthesis.terrainexcavation",
        //   class: "h6",
        // },
        {
          id: '8',
          name: 'synthesis.removepaint',
          class: 'h8',
          id: 4,
          name: '漫游',
          class: 'menu_img4',
          show: false,
        },
        // {
        //   id: "9",
        //   name: "synthesis.openFile",
        //   class: "h6",
        // },
        // {
        //   id: "10",
        //   name: "synthesis.saveFile",
        //   class: "h8",
        // },
        {
          id: 5,
          name: '分析',
          class: 'menu_img5',
          show: false,
        },
        {
          id: 6,
          name: '查询',
          class: 'menu_img6',
          show: false,
        },
        {
          id: 7,
          name: '定位',
          class: 'menu_img7',
          show: false,
        },
        {
          id: 8,
          name: '测量',
          class: 'menu_img8',
          show: false,
        },
        {
          id: 9,
          name: '标绘',
          class: 'menu_img9',
          show: false,
        },
      ],
      iframeSrc: null,
      messageName: null,
      permsId: null,
      menuStatus: {
        menu1: false,
        menu2: false,
        menu3: false,
        menu4: false,
        menu5: false,
        menu6: false,
        menu7: false,
        menu8: false,
      },
      setListTwoMenu: [],
      setListTwoMenuAll: [
        [
          {
            label: 'synthesis.layer',
            name: '图层管理',
            css: 'twoMenu_imge11',
          },
          {
            name: '场景提取',
            label: 'synthesis.sceneExtraction',
            css: 'twoMenu_imge12',
          },
          {
            label: 'synthesis.release',
            name: '场景发布',
            css: 'twoMenu_imge13',
          },
        ],
        [
          {
            label: 'synthesis.split',
            name: '分屏',
            css: 'twoMenu_imge21',
          },
          {
            label: 'synthesis.twod',
            name: '二维',
            css: 'twoMenu_imge22',
          },
          {
            label: 'synthesis.threed',
            name: '三维',
            css: 'twoMenu_imge23',
          },
          {
            label: 'synthesis.full',
            name: '全图',
            css: 'twoMenu_imge24',
          },
          {
            label: 'synthesis.zommin',
            name: '放大',
            css: 'twoMenu_imge25',
          },
          {
            label: 'synthesis.zoomout',
            name: '缩小',
            css: 'twoMenu_imge26',
          },
          {
            label: 'synthesis.rule',
            name: '比例尺',
            css: 'twoMenu_imge27',
          },
          {
            label: 'synthesis.compass',
            name: '指北针',
            css: 'twoMenu_imge28',
          },
        ],
        [
          {
            label: 'synthesis.someroaming',
            name: '点漫游',
            css: 'twoMenu_imge31',
          },
          {
            label: 'synthesis.lineroaming',
            name: '线路漫游',
            css: 'twoMenu_imge32',
          },
          {
            label: 'synthesis.mouseroaming',
            name: '鼠标漫游',
            css: 'twoMenu_imge33',
          },
          {
            label: 'synthesis.snapshot',
            name: '地图快照',
            css: 'twoMenu_imge34',
          },
          {
            label: 'synthesis.tdisplay',
            name: '三维演示',
            css: 'twoMenu_imge35',
          },
        ],
        [
          {
            label: 'synthesis.contouranalysis',
            name: '等高线',
            css: 'twoMenu_imge41',
          },
          {
            label: 'synthesis.slopeanalysis',
            name: '坡度分析',
            css: 'twoMenu_imge42',
          },
          {
            label: 'synthesis.pathanalysis',
            name: '路径分析',
            css: 'twoMenu_imge43',
          },
          {
            label: 'synthesis.cuttinganalysis',
            name: '地形剖切',
            css: 'twoMenu_imge44',
          },
          {
            label: 'synthesis.floodanalysis',
            name: '淹没分析',
            css: 'twoMenu_imge45',
          },
          {
            label: 'synthesis.earthworkcalculation',
            name: '土方量计算',
            css: 'twoMenu_imge46',
          },
          {
            label: 'synthesis.crosssectionanalysis',
            name: '三维截面',
            css: 'twoMenu_imge47',
          },
          {
            label: 'synthesis.imagecontrast',
            name: '影像对比',
            css: 'twoMenu_imge48',
          },
          {
            label: 'synthesis.pipelineAnalysis',
            name: '管道分析',
            css: 'twoMenu_imge49',
          },
          {
            label: 'synthesis.flatterrain',
            name: '地形平整',
            css: 'twoMenu_imge410',
          },
          {
            label: 'synthesis.terrainexcavation',
            name: '地形开挖',
            css: 'twoMenu_imge411',
          },
        ],
        [
          {
            label: 'synthesis.attributequery',
            name: '属性查询',
            css: 'twoMenu_imge51',
          },
          {
            label: 'synthesis.rangequery',
            name: '空间查询',
            css: 'twoMenu_imge52',
          },
        ],
        [
          {
            label: 'synthesis.gpsrtk',
            name: '坐标定位',
            css: 'twoMenu_imge61',
          },
          {
            label: 'synthesis.placenamelocation',
            name: '地名定位',
            css: 'twoMenu_imge62',
          },
        ],
        [
          {
            label: 'synthesis.synthobj.m1',
            name: '水平距离',
            css: 'twoMenu_imge71',
          },
          {
            label: 'synthesis.synthobj.m4',
            name: '垂直高度',
            css: 'twoMenu_imge72',
          },
          {
            label: 'synthesis.synthobj.m6',
            name: '平面面积',
            css: 'twoMenu_imge73',
          },
          {
            label: 'synthesis.synthobj.m7',
            name: '体积',
            css: 'twoMenu_imge74',
          },
          {
            label: 'synthesis.synthobj.m5',
            name: '表面面积',
            css: 'twoMenu_imge75',
          },
          {
            label: 'synthesis.synthobj.m2',
            name: '空间距离',
            css: 'twoMenu_imge76',
          },
        ],
        [
          {
            label: 'synthesis.point',
            name: '点',
            css: 'twoMenu_imge81',
          },
          {
            label: 'synthesis.line',
            name: '线',
            css: 'twoMenu_imge82',
          },
          {
            label: 'synthesis.rectangle',
            name: '矩形',
            css: 'twoMenu_imge83',
          },
          {
            label: 'synthesis.polygon',
            name: '多边形',
            css: 'twoMenu_imge84',
          },
          {
            label: 'synthesis.import',
            name: '导入',
            css: 'twoMenu_imge85',
          },
          {
            label: 'synthesis.export',
            name: '导出',
            css: 'twoMenu_imge86',
          },
          {
            label: 'synthesis.removepaint',
            name: '清除',
            css: 'twoMenu_imge87',
          },
        ],
      ],
    };
  },
  watch: {},
  created() {},
  methods: {
    showBtn() {
      this.showBtnBox = !this.showBtnBox;
    },
    changePlot(res) {
      sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
      switch (res.id) {
        case '1':
          sgworld.Creator.createSimpleGraphic(
            'point',
            {},
            function (entity) {}
          );
          break;
        case '2':
          sgworld.Creator.createSimpleGraphic(
            'polyline',
            {},
            function (entity) {}
          );
          break;
        case '3':
          sgworld.Creator.createSimpleGraphic(
            'rectangle',
            {},
            function (entity) {}
          );
          break;
        case '4':
          sgworld.Creator.createSimpleGraphic(
            'polygon',
            {},
            function (entity) {}
          );
          break;
        case '6':
          if (window.Excavation) {
            window.Excavation.clear();
            window.Excavation = null;
          } else {
            this.$refs.terrainDig.open();
          }
          break;
        case '5':
          if (window.TerrainFlattening) {
            window.TerrainFlattening.remove();
            window.TerrainFlattening = null;
          } else {
            this.$refs.modelPress.open();
          }
          break;
        case '7':
          sgworld.Creator.createModelLibrary();
          break;
        case '8':
          this.clearAll();
          break;
        case '10':
          break;
      }
    },
    //地图初始化
    initMap() {
      //地图初始化
      window.sgworld = new SmartEarth.SGWorld('mapdiv', {
        licenseServer: window.sceneConfig.licenseServer,
      });
      window.Viewer = window.sgworld._Viewer;
      //定位
      sgworld.Navigate.jumpTo({
        //跳转视角
        destination: new Cesium.Cartesian3.fromDegrees(
          116.055913,
          39.937685,
          8000
        ),
      });
      Viewer.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,
        })
      );

    clearAll() {
      sgworld.Creator.SimpleGraphic.clear();
      if (window.Excavation) {
        window.Excavation.clear();
        window.Excavation = null;
      }
      if (window.TerrainFlattening) {
        window.TerrainFlattening.remove();
        window.TerrainFlattening = null;
      Viewer.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,
        })
      );
      Viewer.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',
        })
      );
    },
    //底图切换
    changeBaseLayer() {
      this.isActive = !this.isActive;
      this.setLayerVisible();
    },
    setLayerVisible() {
      if (this.isActive == true) {
        Viewer.imageryLayers.get(1).show = true;
        Viewer.imageryLayers.get(2).show = false;
      } else {
        Viewer.imageryLayers.get(1).show = false;
        Viewer.imageryLayers.get(2).show = true;
      }
    },
    tepostmessage(res) {
      const msg = {
        message: 'changeTool',
        data: res,
      };
      document
        .getElementById('sunIframe')
        .contentWindow.postMessage(msg, this.iframeSrc);
    //左侧菜单滑动显隐
    setMenuChange(res) {
      switch (res.id) {
        case 1:
          this.openStatus = !this.openStatus;
          break;
        default: {
          this.openStatus = true;
          this.setListTwoMenu = this.setListTwoMenuAll[res.id - 2];
        }
      }
    },
    //初始化菜单授权
    getPermsMenu() {
      var val = this.$store.state.currentPerms;
      var permsEntity = this.$store.state.permsEntity;
      for (var i = 0; i < permsEntity.length; i++) {
        if (permsEntity[i].perms == val) {
          this.showMenuChange(permsEntity[i], permsEntity);
        }
      }
      for (var i in this.menuOption) {
        if (this.menuOption[i].show != false) {
          this.showMenuList.push(this.menuOption[i]);
        }
      }
      //初始化二级菜单
      if (this.showMenuList.length > 1) {
        var index = this.showMenuList[1].id;
        this.setListTwoMenu = this.setListTwoMenuAll[index - 2];
      }
    },
    showMenuChange(res, result) {
      var permsId = res.id;
@@ -238,77 +440,333 @@
      }
    },
    showMenuStatus(res) {
      switch (res.cnName) {
        case '图层':
          this.menuStatus.menu1 = true;
          break;
        case '视图':
          this.menuStatus.menu2 = true;
          break;
        case '漫游':
          this.menuStatus.menu3 = true;
          break;
        case '分析':
          this.menuStatus.menu4 = true;
          break;
        case '查询':
          this.menuStatus.menu5 = true;
          break;
        case '定位':
          this.menuStatus.menu6 = true;
          break;
        case '测量':
          this.menuStatus.menu7 = true;
          break;
        case '标绘':
          this.menuStatus.menu8 = true;
          break;
      }
    },
    getPermsMenu() {
      let val;
      if (this.$store.state.currentPerms) {
        val = this.$store.state.currentPerms;
      } else {
        val = '/comprehensive';
      }
      var permsEntity = this.$store.state.permsEntity;

      if (permsEntity.length == 0) {
        getPerms().then((res) => {
          if (res.code == 200) permsEntity = res.result;
          for (var i = 0; i < permsEntity.length; i++) {
            if (permsEntity[i].perms == val) {
              this.showMenuChange(permsEntity[i], permsEntity);
            }
          }
        });
      } else {
        for (var i = 0; i < permsEntity.length; i++) {
          if (permsEntity[i].perms == val) {
            this.showMenuChange(permsEntity[i], permsEntity);
          }
      var std = [];
      std.push(this.menuOption[0]);
      for (var i = 1; i < this.menuOption.length; i++) {
        if (this.menuOption[i].name == res.cnName) {
          this.menuOption[i].show = true;
        }
      }
    },
  },
  mounted() {
    //this.messageName = this.$store.state.teNmme;
    this.$bus.$on('changetool', (e) => {
      this.tepostmessage(e);
    });
    this.initMap();
  },

  //初始化菜单授权
  created() {
    this.getPermsMenu();
  },
};
</script>

<style>
<style lang="less" scoped>
.synthesis {
  width: 100%;
  height: 100%;
  position: absolute;
  position: relative;
  .lefIcon {
    width: 63px;
    height: 100%;
    background: #353535;
    position: absolute;
    z-index: 30;
    .menuDiv {
      width: 60px;
      height: 60px;
      border: 1px solid rgba(53, 53, 53, 0);

      .menuImage {
        width: 26px;
        height: 26px;
        margin-left: 17px;
        margin-top: 17px;
      }

      .menu_img1 {
        background: url('../../assets/img/synthesis/系统菜单.png') no-repeat
          center;
      }
      .menu_img2 {
        background: url('../../assets/img/synthesis/矩形 8 æ‹·è´ 2.png')
          no-repeat center;
      }
      .menu_img3 {
        background: url('../../assets/img/synthesis/图层 6 æ‹·è´.png') no-repeat
          center;
      }
      .menu_img4 {
        background: url('../../assets/img/synthesis/图层 8 æ‹·è´ 2.png')
          no-repeat center;
      }
      .menu_img5 {
        background: url('../../assets/img/synthesis/矢量智能对象 æ‹·è´ 3.png')
          no-repeat center;
      }
      .menu_img6 {
        background: url('../../assets/img/synthesis/图层 9 æ‹·è´ 4.png')
          no-repeat center;
      }
      .menu_img7 {
        background: url('../../assets/img/synthesis/图层 7 æ‹·è´ 5.png')
          no-repeat center;
      }
      .menu_img8 {
        background: url('../../assets/img/synthesis/图层 5 æ‹·è´ 6.png')
          no-repeat center;
      }
      .menu_img9 {
        background: url('../../assets/img/synthesis/矩形 8 æ‹·è´ 11.png')
          no-repeat center;
      }
    }
    li:hover {
      background: linear-gradient(180deg, #002992, #080472);
    }
  }
  .rightContent {
    width: calc(100% - 63px);
    height: 100%;
    float: right;
    display: flex;
    .left_main {
      margin: 0;
      width: 300px;
      height: auto;
      text-align: center;
      transition: width 2s;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
    }
    .leftMen_div {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      padding: 10px;
      min-width: 100px;
      margin-left: 10px;
      margin-top: 10px;
      border-radius: 5px;
    }
    .leftMen_div:hover {
      background: linear-gradient(180deg, #002992, #080472);
      border: 1px solid #000000;
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
    }
    .menuTwoImage {
      width: 32px;
      height: 32px;
      display: inline-block;
    }

    .twoMenu_imge11 {
      background: url('../../assets/img/synthesis/图层 32.png') no-repeat center;
    }
    .twoMenu_imge12 {
      background: url('../../assets/img/synthesis/图层 35.png') no-repeat center;
    }
    .twoMenu_imge13 {
      background: url('../../assets/img/synthesis/发布.png') no-repeat center;
    }
    //视图
    .twoMenu_imge21 {
      background: url('../../assets/img/synthesis/圆角矩形 12 æ‹·è´ 3.png')
        no-repeat center;
    }
    .twoMenu_imge22 {
      background: url('../../assets/img/synthesis/图层 10 æ‹·è´.png') no-repeat
        center;
    }
    .twoMenu_imge23 {
      background: url('../../assets/img/synthesis/图层 11 æ‹·è´.png') no-repeat
        center;
    }
    .twoMenu_imge24 {
      background: url('../../assets/img/synthesis/图层 12 æ‹·è´ 2.png') no-repeat
        center;
    }
    .twoMenu_imge25 {
      background: url('../../assets/img/synthesis/圆角矩形 5 æ‹·è´ 2.png')
        no-repeat center;
    }
    .twoMenu_imge26 {
      background: url('../../assets/img/synthesis/圆角矩形 5 æ‹·è´ 3.png')
        no-repeat center;
    }
    .twoMenu_imge27 {
      background: url('../../assets/img/synthesis/矩形 9.png') no-repeat center;
    }
    .twoMenu_imge28 {
      background: url('../../assets/img/synthesis/椭圆 4.png') no-repeat center;
    }
    //漫游
    .twoMenu_imge31 {
      background: url('../../assets/img/synthesis/椭圆 6.png') no-repeat center;
    }
    .twoMenu_imge32 {
      background: url('../../assets/img/synthesis/椭圆 7 æ‹·è´ 2.png') no-repeat
        center;
    }
    .twoMenu_imge33 {
      background: url('../../assets/img/synthesis/图层 14 å‰¯æœ¬ æ‹·è´.png')
        no-repeat center;
    }
    .twoMenu_imge34 {
      background: url('../../assets/img/synthesis/图层 74 æ‹·è´ 2.png') no-repeat
        center;
    }
    .twoMenu_imge35 {
      background: url('../../assets/img/synthesis/椭圆 7 æ‹·è´ 4.png') no-repeat
        center;
    }
    //分析
    .twoMenu_imge41 {
      background: url('../../assets/img/synthesis/椭圆 8 æ‹·è´ 8.png') no-repeat
        center;
    }
    .twoMenu_imge42 {
      background: url('../../assets/img/synthesis/圆角矩形 12 æ‹·è´ 5.png')
        no-repeat center;
    }
    .twoMenu_imge43 {
      background: url('../../assets/img/synthesis/圆角矩形 10 å‰¯æœ¬ 3.png')
        no-repeat center;
    }
    .twoMenu_imge44 {
      background: url('../../assets/img/synthesis/图层 74 æ‹·è´ 3.png') no-repeat
        center;
    }
    .twoMenu_imge45 {
      background: url('../../assets/img/synthesis/图层 20.png') no-repeat center;
    }
    .twoMenu_imge46 {
      background: url('../../assets/img/synthesis/图层 14 æ‹·è´ 3.png') no-repeat
        center;
    }
    .twoMenu_imge47 {
      background: url('../../assets/img/synthesis/图层 18.png') no-repeat center;
    }
    .twoMenu_imge48 {
      background: url('../../assets/img/synthesis/圆角矩形 12 æ‹·è´ 6.png')
        no-repeat center;
    }
    .twoMenu_imge49 {
      background: url('../../assets/img/synthesis/管道.png') no-repeat center;
    }
    .twoMenu_imge410 {
      background: url('../../assets/img/synthesis/dxkw.png') no-repeat center;
    }
    .twoMenu_imge411 {
      background: url('../../assets/img/synthesis/矩形 14 æ‹·è´ 7.png') no-repeat
        center;
    }
    //查询
    .twoMenu_imge51 {
      background: url('../../assets/img/synthesis/图层 23.png') no-repeat center;
    }
    .twoMenu_imge52 {
      background: url('../../assets/img/synthesis/空间查询.png') no-repeat
        center;
    }
    //定位
    .twoMenu_imge61 {
      background: url('../../assets/img/synthesis/图层 27.png') no-repeat center;
    }
    .twoMenu_imge62 {
      background: url('../../assets/img/synthesis/图层 28.png') no-repeat center;
    }
    //测量
    .twoMenu_imge71 {
      background: url('../../assets/img/synthesis/图层 31.png') no-repeat center;
    }
    .twoMenu_imge72 {
      background: url('../../assets/img/synthesis/图层 31 æ‹·è´.png') no-repeat
        center;
    }
    .twoMenu_imge73 {
      background: url('../../assets/img/synthesis/矩形 13 æ‹·è´.png') no-repeat
        center;
    }
    .twoMenu_imge74 {
      background: url('../../assets/img/synthesis/图层 18 æ‹·è´.png') no-repeat
        center;
    }
    .twoMenu_imge75 {
      background: url('../../assets/img/synthesis/M æ‹·è´.png') no-repeat center;
    }
    .twoMenu_imge76 {
      background: url('../../assets/img/synthesis/空间测距.png') no-repeat
        center;
    }
    //标绘
    .twoMenu_imge81 {
      background: url('../../assets/img/synthesis/椭圆 5 æ‹·è´ 3.png') no-repeat
        center;
    }
    .twoMenu_imge82 {
      background: url('../../assets/img/synthesis/椭圆 3 æ‹·è´ 16.png') no-repeat
        center;
    }
    .twoMenu_imge83 {
      background: url('../../assets/img/synthesis/椭圆 3 æ‹·è´ 20.png') no-repeat
        center;
    }
    .twoMenu_imge84 {
      background: url('../../assets/img/synthesis/椭圆 3 æ‹·è´ 23.png') no-repeat
        center;
    }
    .twoMenu_imge85 {
      background: url('../../assets/img/synthesis/导入.png') no-repeat center;
    }
    .twoMenu_imge86 {
      background: url('../../assets/img/synthesis/导出.png') no-repeat center;
    }
    .twoMenu_imge87 {
      background: url('../../assets/img/synthesis/清除.png') no-repeat center;
    }

    .right_main {
      flex: 1;
      height: 100%;
      position: relative;
    }
    .left_main_show {
      width: 0px;
    }
    .bottomChageLayer {
      height: 40px;
      width: 60px;
      z-index: 40;
      position: absolute;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 3px 3px 6px #666;
      border: 1px solid rgba(204, 204, 204, 0.76);
      border-radius: 5px;
      cursor: pointer;
      bottom: 1%;
      left: 1%;
    }
    .bottomChageLayer:hover {
      border: 1px solid #409eff;
    }
    .active {
      width: 100%;
      height: 100%;
      background: url('../../assets/img/Layer/imgLayer2.png') no-repeat center;
      position: absolute;
      background-size: 100% 100%;
      border-radius: 5px;
    }
    .menuLayer {
      width: 100%;
      height: 100%;
      background: url('../../assets/img/Layer/imgLayer1.png') no-repeat center;
      position: absolute;
      background-size: 100% 100%;
      border-radius: 5px;
    }
  }
}
</style>

 src/views/datamanage/dataLoader.vue

@@ -204,33 +204,39 @@
        />
         <el-table-column
          align="center"
          prop="tab"
          :label="$t('dataManage.dataUpObj.tableName')"
          fixed
        />
        >
         <template slot-scope="scope">
      <a @click="detail(scope.row)"  >{{
          scope.row.tab
        }}</a>
    </template>
        </el-table-column>

         <el-table-column
          align="center"
          prop="rows"
          :label="$t('common.lineNuber')"
          fixed

        />
         <el-table-column
          align="center"
          prop="desc"
          :label="$t('dataManage.dataUpObj.describe')"
          fixed

        />
        <el-table-column
          align="center"
          prop="uname"
          :label="$t('dataManage.vmobj.createonuser')"
          fixed

        />
         <el-table-column
          align="center"
          prop="createTime"
          :label="$t('dataManage.vmobj.createontime')"
          fixed

              :formatter="changetimeFile"
        />
    </el-table>
@@ -293,6 +299,46 @@
    <el-button class="primary" @click="setInsrtWareTable">ç¡® å®š</el-button>
  </span>
</el-dialog>

<el-dialog
  :title="$t('common.details')"
  :visible.sync="dialogVisible"
   width="70%"
   >
   <div style="height:600px">
     <el-table
            ref="filterTable"
            :data="dbTableData"
            height="90%"
            border
          style="width: 100%"
          >
            <el-table-column width="60" type="index" :label="$t('common.index')" />
            <el-table-column
              v-for="(item, index) in attributeData"
              :key="index"
              :label="item.alias"
              :prop="item.field"
              show-overflow-tooltip
              align="center"
            ></el-table-column>
          </el-table>
            <div style="margin-top: 10px" class="pagination_box">
    <el-pagination
          @size-change="handleLoaderSizeChange"
          @current-change="handleLoaderCurrentChange"
          :current-page="listLoader.pageIndex"
          :page-sizes="[10, 20, 30, 40]"
          :page-size="listLoader.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="count1"
        >
        </el-pagination>
      </div>
   </div>

</el-dialog>

  </div>
</template>

@@ -311,7 +357,9 @@
  dataLoader_selectMappers,
  dataLoader_SelectTabs,
  dataLoader_selectByPageForUpload,
dataLoader_deleteMetas
dataLoader_deleteMetas,
dataLoader_selectFields,
dataLoader_selectDbData
} from '../../api/api';
export default {
  name: 'dataUpdata',
@@ -369,6 +417,15 @@
      activeName3: '',
      wareTableFlag: null,
      multipleDelete:[],
      dialogVisible:false,
      attributeData:[],
        listLoader:{
        id:null,
        pageSize:1,
        pageSize:10,
      },
      count1:0,
      dbTableData:[],
    };
  },

@@ -406,10 +463,50 @@
      },
      deep: true,
      immediate: true,

    },
  },

  methods: {
  async detail(res){
      var val = res.tab.split(".");
      const data = await dataLoader_selectFields({
        ns:val[0],
        tab:val[1]
      })
      if(data.code != 200){
          this.$message.error('字段列表调用失败');
        return
      }
      this.dialogVisible = true;
      this.attributeData =data.result;
      this.listLoader={
        id:res.id,
        pageIndex:1,
        pageSize:10,
      }
      this.getDataLoaderSelectDbData();
    },
  async getDataLoaderSelectDbData (){
       const data1 = await dataLoader_selectDbData(this.listLoader);
     if(data1.code != 200){
          this.$message.error('字段列表调用失败');
        return
      }
 this.dbTableData =data1.result;
    },
       handleLoaderSizeChange(val){
      this.listLoader.pageIndex= 1;
      this.listLoader.pageSize =val;
            this.getDataLoaderSelectDbData();
    },
handleLoaderCurrentChange(val){
  this.listLoader.pageIndex= val;
   this.getDataLoaderSelectDbData();
},



      changetimeFile(res){

//shijianchuo是整数，否则要parseInt转换
@@ -979,42 +1076,7 @@
          background-color: #216fe6;
        }
      }
      .pagination_box {
        margin-top: 20px;
        /deep/.el-input__inner {
          background-color: transparent !important;
          border: 1px solid;
          color: white;
        }
        /deep/.el-pagination__total {
          color: white;
        }
        /deep/.el-pagination__jump {
          color: white;
        }
        /deep/.el-pager li.active {
          color: #409eff;
        }
        /deep/.el-pager li {
          color: white;
          background: transparent;
        }
        /deep/.el-pager li {
          color: white;
        }
        /deep/.btn-prev {
          background: transparent;
        }
        /deep/.btn-next {
          background: transparent;
        }
        /deep/.btn-next i {
          color: white;
        }
        /deep/.btn-prev i {
          color: white;
        }
      }

    }
    .primary {
      background: #409eff;
@@ -1174,5 +1236,41 @@
    /deep/ .el-tabs__item {
    color: #409eff;
  }
     .pagination_box {
        margin-top: 20px;
        /deep/.el-input__inner {
          background-color: transparent !important;
          border: 1px solid;
          color: white;
        }
        /deep/.el-pagination__total {
          color: white;
        }
        /deep/.el-pagination__jump {
          color: white;
        }
        /deep/.el-pager li.active {
          color: #409eff;
        }
        /deep/.el-pager li {
          color: white;
          background: transparent;
        }
        /deep/.el-pager li {
          color: white;
        }
        /deep/.btn-prev {
          background: transparent;
        }
        /deep/.btn-next {
          background: transparent;
        }
        /deep/.btn-next i {
          color: white;
        }
        /deep/.btn-prev i {
          color: white;
        }
      }
}
</style>

 src/views/datamanage/metadataManage.vue

@@ -52,7 +52,7 @@
            >{{ $t('common.delete') }}</el-button
          >
        </el-form-item>
        <!-- <el-form-item v-if="btnStatus.download">
        <el-form-item v-if="btnStatus.download">
          <el-button
            @click="downFormData"
            icon="el-icon-download"
@@ -60,7 +60,7 @@
            size="small"
            >{{ $t('common.download') }}</el-button
          >
        </el-form-item> -->
        </el-form-item>
      </el-form>
    </div>
    <div class="bottom">
@@ -308,7 +308,7 @@
      </div>
    </el-dialog>
    <div class="downloadBox" v-if="showCodeBox">
      <h4 style="padding: 20px">请输入下载包密码</h4>
      <h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
      <el-form
        :model="codeForm"
        :rules="rules"
@@ -316,18 +316,18 @@
        label-width="100px"
        class="codeForm"
      >
        <el-form-item label="密码" prop="password">
        <el-form-item :label="$t('common.passworld')" prop="password">
          <el-input type="password" v-model="codeForm.password"></el-input>
        </el-form-item>
        <el-form-item label="确认密码" prop="repassword">
        <el-form-item :label="$t('common.SPassword')" prop="repassword">
          <el-input type="password" v-model="codeForm.repassword"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="small" @click="download('codeForm')"
            >确定</el-button
          <el-button class="primary" size="small" @click="download('codeForm')"
            >{{$t('common.confirm')}}</el-button
          >
          <el-button type="info" size="small" @click="closeDown('codeForm')"
            >取消</el-button
            >{{$t('common.cancel')}}</el-button
          >
        </el-form-item>
      </el-form>
@@ -336,6 +336,9 @@
</template>

<script>
var encrypt = new JSEncrypt();
import $ from 'jquery'
import { getToken } from '@/utils/auth';
import {
  select_meta_ByPageAndCount,
  // queryDataCount,
@@ -345,8 +348,9 @@
  selectDictTab,
  selectdirTab,
  queryDepTree,

  meta_downloadReq,
} from '../../api/api';

import MyBread from '../../components/MyBread.vue';
export default {
  name: 'metadataManage',
@@ -361,12 +365,23 @@
        callback();
      }
    };
    var passwordValidator = (rule, value, callback) => {
      var passwordreg =
        /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
      if (!passwordreg.test(value)) {
        callback(
          new Error('密码必须由数字、字母、特殊字符组合,请输入13-20位')
        );
      } else {
        callback();
      }
    };
    return {
       defaultProps: {
      defaultProps: {
        children: 'children',
        label: 'name',
      },
dirComPanyOption:[],
      dirComPanyOption: [],
      companyOption: [],
      activeName: '',
      optionCount: [],
@@ -389,7 +404,7 @@
        repassword: '',
      },
      rules: {
        password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
        password: [{ required: true, message: '请输入密码', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }],
        repassword: [
          { required: true, message: '请输入确认密码', trigger: 'blur' },
          { validator: repasswordValidator, trigger: 'blur' },
@@ -412,7 +427,7 @@
        pageSize: 10,
        pageIndex: 1,
        name: null,
        dirid:null,
        dirid: null,
      },
      cascader: {
        label: 'name',
@@ -504,16 +519,16 @@
      if (res.code != 200) {
        this.$message.error('列表调用失败');
      }
      this.optionCount =this.treeData(res.result);
      this.dirComPanyOption= this.treeData(res.result);
      this.listData.dirid=this.optionCount[0].id;
       this.getMetaData();
      this.optionCount = this.treeData(res.result);
      this.dirComPanyOption = this.treeData(res.result);
      this.listData.dirid = this.optionCount[0].id;
      this.getMetaData();
    },
    handleNodeClick(data) {
      this.listData.pageSize=10;
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.listData.dirid = data.id;
        this.getMetaData();
      this.getMetaData();
    },
    getTableDesc(res) {
      this.activeName = res.tab;
@@ -689,7 +704,7 @@
          this.editForm = {};
          done();
        })
        .catch((_) => {});
        .catch((_) => { });
    },

    // æäº¤ä¿®æ”¹
@@ -728,7 +743,52 @@
        this.editForm = JSON.parse(this.initialForm);
      });
    },
    download() {},
    async download() {
      var std = [];
      for (var i in this.multipleSelection) {
        std.push(this.multipleSelection[i].id)
      }
      var obj = {
        pwd: encrypt.encrypt("Test!321&456"),
        ids: std
      };
       var token = getToken();
      $.ajax({
        url:BASE_URL+"/meta/downloadReq?token="+token,
        type: 'post',
 dataType:  null,
        data: JSON.stringify(obj),
        success: function (res) {
            debugger
        },
        error: function () {

        }
      })

      //
      //    $.ajax( BASE_URL+"/meta/downloadReq?token="+token, "POST", JSON.stringify(obj), null, null, function (rs) {
      //   console.log(rs);
      //   alert("code = " + rs.code + ", msg = " + rs.msg + ", result = " + rs.result);
      // });
      //   const res = await meta_downloadReq(JSON.stringify(obj))
      //  debugger
      //
      //         $.ajax(BASE_URL + '/meta/downloadReq"?token=' + token, {
      //         type: 'post',
      //         data:  JSON.stringify(obj),
      //         async: true,
      //         cache: false,
      //         processData: false,
      //         contentType: false,
      //         success: (rs) => {
      //        debugger
      //         },
      //         error: (e) => {
      //           console.log(e);
      //         },
      //       });
    },
    closeDown() {
      this.showCodeBox = false;
      this.codeForm.password = '';
@@ -864,12 +924,13 @@
  .downloadBox {
    position: absolute;
    top: 20%;
    left: 50%;
    left: 40%;
    padding: 20px;

    width: 20%;
    border: 1px solid #000;
    background: #303030;
    width: 30%;
    border: 1px solid gray;
    border-radius: 10px;
    color: white;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {