管道基础大数据平台系统开发-【前端】-新系統界面
suerprisePlus
2025-03-06 16d8a328938d9c418fd083a88bcc70b2088a5117
代码提交
已修改5个文件
314826 ■■■■ 文件已修改
public/SmartEarthSDK/SmartEarth.js 307400 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/config/config.js 169 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/mapsdk.vue 490 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/router/index.js 1128 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/dataUpdata.vue 5639 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/SmartEarthSDK/SmartEarth.js
ÎļþÌ«´ó
public/config/config.js
@@ -1,83 +1,86 @@
var isLocal = true;
var is_production = false; // æ˜¯å¦ä¸ºç”Ÿäº§çŽ¯å¢ƒ
var menuStartName = "管道基础大数据平台";
var isWeb = location.hostname.indexOf("106.") == 0; // 106.120.22.35
var host = location.protocol + "//" + location.hostname; // http://192.168.20.205
var webHost = location.origin; // http://192.168.20.205:8088
if (isLocal) {
  host = "http://192.168.11.205";
  webHost = host + ":8088";
}
var iisHost = host + (isWeb ? ":8050" : ":80"); // http://192.168.20.205:80
var fmeHost = host + (isWeb ? ":8051" : ":88"); // http://192.168.20.205:88
var LFData = iisHost + "/LFData";
// Server
var BASE_URL = webHost + '/server';
// GeoServerUrl
var geoServerURl = webHost + '/geoserver/LF/wms';
// WebSocket
var socketUrl = 'ws://' + webHost.split("//")[1] + '/server/ws/select'; // 192.168.20.205:8088
var geoserverWFS = '/geoserver/LF/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=LF%3Abs_project&maxFeatures=50&outputFormat=application%2Fjson&cql_filter=projname=';
var geoserverWFSLine = '/geoserver/LF/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=LF%3Am_pipeline&maxFeatures=50&outputFormat=application%2Fjson&cql_filter=projname=';
// æ¨¡åž‹åŠ è½½åœ°å€
var modelUrl = LFData;
// DEM
var demLayer = LFData + '/dem';
// ç»¼åˆå±•示
window.sceneConfig = {
  // Sdk许可
  licenseServer: iisHost + '/LFServer',
  // MPT名称
  mptName: "china_5m.Ei.402586",
  // SG地址
  SGUrl: iisHost + "/SG/Elevation",
  // Fly地址
  fly: iisHost + '/LFData/fly/' + (isWeb ? "lfgd.fly" : "lfgd_127.fly"),
  //
  positionBtn: [],
  // å½±åƒ
  baseUrl: iisHost + "/LFData/2d/tiles/img/{z}/{x}/{y}.png",
  // çŸ¢é‡
  baseUrl_sl: iisHost + '/LFData/2d/tiles/vec/{z}/{x}/{y}.png',
  // åœ°å½¢
  baseUrl_yx: iisHost + '/LFData/2d/tiles/ter/{z}/{x}/{y}.png'
};
// å·¥ç‚¹ä¿¡æ¯è¡¨
var workSite = [
  {
    name: "勘察信息表",
    table: "s_survey_information",
    ns: 'bs'
  }
];
var dirTemplateFile = '工程项目-目录管理模V20230613.xlsx';
var gaoDeBaseUrl = [{
  url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
  label: '高德矢量'
}, {
  url: 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}',
  label: '高德影像'
}, {
  url: 'http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8',
  label: '高德影像标注'
}];
var isLocal = true;
var is_production = false; // æ˜¯å¦ä¸ºç”Ÿäº§çŽ¯å¢ƒ
var menuStartName = "管道基础大数据平台";
var isWeb = location.hostname.indexOf("106.") == 0; // 106.120.22.35
var host = location.protocol + "//" + location.hostname; // http://192.168.20.205
var webHost = location.origin; // http://192.168.20.205:8088
if (isLocal) {
  host = "http://192.168.11.205";
  webHost = host + ":8088";
}
var iisHost = host + (isWeb ? ":8050" : ":80"); // http://192.168.20.205:80
var fmeHost = host + (isWeb ? ":8051" : ":88"); // http://192.168.20.205:88
var LFData = iisHost + "/LFData";
// Server
var BASE_URL = webHost + '/server';
// GeoServerUrl
var geoServerURl = webHost + '/geoserver/LF/wms';
// WebSocket
var socketUrl = 'ws://' + webHost.split("//")[1] + '/server/ws/select'; // 192.168.20.205:8088
var geoserverWFS = '/geoserver/LF/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=LF%3Abs_project&maxFeatures=50&outputFormat=application%2Fjson&cql_filter=projname=';
var geoserverWFSLine = '/geoserver/LF/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=LF%3Am_pipeline&maxFeatures=50&outputFormat=application%2Fjson&cql_filter=projname=';
// æ¨¡åž‹åŠ è½½åœ°å€
var modelUrl = LFData;
// DEM
var demLayer = LFData + '/dem';
// ç»¼åˆå±•示
window.sceneConfig = {
  // Sdk许可
  licenseServer: iisHost + '/LFServer',
  // MPT名称
  mptName: "china_5m.Ei.402586",
  // SG地址
  SGUrl: iisHost + "/SG/Elevation",
  // Fly地址
  fly: iisHost + '/LFData/fly/' + (isWeb ? "lfgd.fly" : "lfgd_127.fly"),
  //
  positionBtn: [],
  // å½±åƒ
  baseUrl: iisHost + "/LFData/2d/tiles/img/{z}/{x}/{y}.png",
  // çŸ¢é‡
  baseUrl_sl: iisHost + '/LFData/2d/tiles/vec/{z}/{x}/{y}.png',
  // åœ°å½¢
  baseUrl_yx: iisHost + '/LFData/2d/tiles/ter/{z}/{x}/{y}.png',
  arcGis_url:"https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/?callback=loadJsonp940826&f=json",
  sg_url:'http://192.168.11.205/SG/Elevation?request=GetMap&Version=1.3.0&Service=WMS&v=1&CRS=EPSG%3A4326&bbox=-90%2C-180%2C90%2C0&height=32&width=32&optimizedOnly=0&layers=china_5m.Ei.402586&Styles=&Format=image%2Fmpt&level=0&origLevel=0',
};
// å·¥ç‚¹ä¿¡æ¯è¡¨
var workSite = [
  {
    name: "勘察信息表",
    table: "s_survey_information",
    ns: 'bs'
  }
];
var dirTemplateFile = '工程项目-目录管理模V20230613.xlsx';
var gaoDeBaseUrl = [{
  url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
  label: '高德矢量'
}, {
  url: 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}',
  label: '高德影像'
}, {
  url: 'http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8',
  label: '高德影像标注'
}];
src/components/mapsdk.vue
@@ -40,22 +40,13 @@
          <div class="box-body">
            <el-form ref="form" :model="coordFrom" label-width="70px">
              <el-form-item label="经度:">
                <el-input
                  v-model="coordFrom.lon"
                  placeholder="请输入经度"
                ></el-input>
                <el-input v-model="coordFrom.lon" placeholder="请输入经度"></el-input>
              </el-form-item>
              <el-form-item label="纬度:">
                <el-input
                  v-model="coordFrom.lat"
                  placeholder="请输入维度"
                ></el-input>
                <el-input v-model="coordFrom.lat" placeholder="请输入维度"></el-input>
              </el-form-item>
              <el-form-item label="高度:">
                <el-input
                  v-model="coordFrom.height"
                  placeholder="请输入高度"
                ></el-input>
                <el-input v-model="coordFrom.height" placeholder="请输入高度"></el-input>
              </el-form-item>
              <el-form-item>
                <el-button @click="setCoordLocal" type="info">定位</el-button>
@@ -80,12 +71,8 @@
              </el-form-item>
              <el-form-item>
                <el-button @click="drawTerrainLevel" type="parmary"
                  >绘制</el-button
                >
                <el-button @click="clearTerrainLevel" type="info"
                  >清除</el-button
                >
                <el-button @click="drawTerrainLevel" type="parmary">绘制</el-button>
                <el-button @click="clearTerrainLevel" type="info">清除</el-button>
              </el-form-item>
            </el-form>
          </div>
@@ -102,39 +89,19 @@
          <div class="box-body">
            <el-form :model="comprehensive" :inline="true">
              <el-form-item label="地名:">
                <el-input
                  size="small"
                  style="width: 160px"
                  v-model="comprehensive.name"
                  placeholder="请输入地名...."
                ></el-input>
                <el-input size="small" style="width: 160px" v-model="comprehensive.name"
                  placeholder="请输入地名...."></el-input>
              </el-form-item>
              <el-form-item>
                <el-button @click="setQueryTable" type="info" size="small"
                  >查询</el-button
                >
                <el-button @click="setQueryTable" type="info" size="small">查询</el-button>
              </el-form-item>
            </el-form>
            <el-table
              :data="tableData"
              height="200px"
              border
              style="width: 100%"
            >
              <el-table-column
                align="center"
                type="index"
                label="序号"
                width="70"
              />
            <el-table :data="tableData" height="200px" border style="width: 100%">
              <el-table-column align="center" type="index" label="序号" width="70" />
              <el-table-column prop="name" align="center" label="地名">
                <template slot-scope="scope">
                  <el-button
                    @click="handleLocation(scope.$index, scope.row)"
                    size="small"
                    >{{ scope.row.name
                    }}<i class="el-icon-place" style="padding-left: 5px"></i
                  ></el-button>
                  <el-button @click="handleLocation(scope.$index, scope.row)" size="small">{{ scope.row.name
                    }}<i class="el-icon-place" style="padding-left: 5px"></i></el-button>
                </template>
              </el-table-column>
              <!--              <el-table-column-->
@@ -158,16 +125,9 @@
              <!--              </el-table-column>-->
            </el-table>
            <div class="pagination_box">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="listData.pageIndex"
                :page-sizes="[10, 20, 50, 100]"
                :pager-count="3"
                :page-size="listData.pageSize"
                layout="total, prev, pager, next"
                :total="count"
              >
              <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                :current-page="listData.pageIndex" :page-sizes="[10, 20, 50, 100]" :pager-count="3"
                :page-size="listData.pageSize" layout="total, prev, pager, next" :total="count">
              </el-pagination>
            </div>
          </div>
@@ -183,42 +143,19 @@
            </div>
          </div>
          <div class="box-body">
            <el-form
              ref="form"
              :model="pathFrom"
              :rules="rules"
              label-width="55px"
            >
            <el-form ref="form" :model="pathFrom" :rules="rules" label-width="55px">
              <el-form-item label="起点:" prop="lon">
                <el-input
                  style="width: 250px"
                  v-model="pathFrom.lon"
                  placeholder="坐标格式:116.799,39.979"
                ></el-input>
                <el-link
                  :underline="false"
                  @click="showMouseLeftClick(1)"
                  style="margin-left: 10px"
                  ><i class="el-icon-plus"></i
                ></el-link>
                <el-input style="width: 250px" v-model="pathFrom.lon" placeholder="坐标格式:116.799,39.979"></el-input>
                <el-link :underline="false" @click="showMouseLeftClick(1)" style="margin-left: 10px"><i
                    class="el-icon-plus"></i></el-link>
              </el-form-item>
              <el-form-item label="终点:" prop="lat">
                <el-input
                  style="width: 250px"
                  v-model="pathFrom.lat"
                  placeholder="坐标格式:116.824,39.938"
                ></el-input>
                <el-link
                  :underline="false"
                  @click="showMouseLeftClick(2)"
                  style="margin-left: 10px"
                  ><i class="el-icon-plus"></i
                ></el-link>
                <el-input style="width: 250px" v-model="pathFrom.lat" placeholder="坐标格式:116.824,39.938"></el-input>
                <el-link :underline="false" @click="showMouseLeftClick(2)" style="margin-left: 10px"><i
                    class="el-icon-plus"></i></el-link>
              </el-form-item>
              <el-form-item>
                <el-button @click="showMouseLeftClick(3)" type="info"
                  >查询</el-button
                >
                <el-button @click="showMouseLeftClick(3)" type="info">查询</el-button>
              </el-form-item>
            </el-form>
          </div>
@@ -247,10 +184,7 @@
        ></div>
      </div> -->
      <!--      class="center CenDiv"-->
      <div
        @click="changeMenulayer"
        class="changeLayer"
        style="
      <div @click="changeMenulayer" class="changeLayer" style="
          position: absolute;
          bottom: 116px;
          right: 46px;
@@ -262,16 +196,11 @@
          align-items: center;
          cursor: pointer;
          border: 1px solid rgba(255, 255, 255, 0.5);
        "
      >
        ">
        <div title="底图切换" id="cenBg" class="mapBaseMap"></div>
      </div>
      <div
        @click="changeMapType"
        class="changeMapType"
        v-if="$store.state.setChangeBaseMap"
        style="
      <div @click="changeMapType" class="changeMapType" v-if="$store.state.setChangeBaseMap" style="
          position: absolute;
          bottom: 85px;
          right: 46px;
@@ -283,13 +212,8 @@
          align-items: center;
          cursor: pointer;
          border: 1px solid rgba(255, 255, 255, 0.5);
        "
      >
        <div
          title="2/3维切换"
          id="cenBg"
          :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"
        ></div>
        ">
        <div title="2/3维切换" id="cenBg" :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"></div>
      </div>
      <!--      </div>-->
      <!-- å¡åº¦åˆ†æžå¼¹çª—-->
@@ -315,167 +239,118 @@
            <tr>
              <td>粉质黏土</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(139, 106, 77, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>淤泥质粉土</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(141, 85, 69, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>圆砾</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(102, 166, 184, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>卵石</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(54, 83, 173, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>泥岩</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(47, 30, 13, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>细砂</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(93, 88, 15, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>中砂</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(164, 140, 21, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>淤泥质土</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(75, 74, 78, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
            <tr>
              <td>其他</td>
              <td>
                <div
                  style="
                <div style="
                    width: 100px;
                    height: 20px;
                    background: rgba(225, 225, 225, 1);
                  "
                ></div>
                  "></div>
              </td>
            </tr>
          </table>
        </el-card>
      </div>
      <!--属性信息弹窗-->
      <div
        class="propertiesPop"
        v-if="$store.state.propertiesFlag == '1'"
        v-drag
      >
      <div class="propertiesPop" v-if="$store.state.propertiesFlag == '1'" v-drag>
        <el-card class="box-card">
          <div slot="header">
            <span>属性信息</span>
            <div style="float: right; cursor: pointer">
              <el-link
                v-if="
                  $store.state.surfaceDeForm.flag &&
                  this.$store.state.surfaceDeForm.gid
                "
                type="primary"
                :underline="false"
                @click="setSurfaceDeForm"
                style="margin-right: 10px"
                >地表形变时序图</el-link
              >
              <el-link
                v-if="$store.state.propertiesName.enName == 's_surveyworksite'"
                type="primary"
                :underline="false"
                @click="getPointInfo"
                style="margin-right: 10px"
                >勘察信息表</el-link
              >
              <el-link
                type="primary"
                :underline="false"
                @click="getAttatchList"
                style="margin-right: 10px"
                >查看附件</el-link
              >
              <el-link v-if="
                $store.state.surfaceDeForm.flag &&
                this.$store.state.surfaceDeForm.gid
              " type="primary" :underline="false" @click="setSurfaceDeForm"
                style="margin-right: 10px">地表形变时序图</el-link>
              <el-link v-if="$store.state.propertiesName.enName == 's_surveyworksite'" type="primary" :underline="false"
                @click="getPointInfo" style="margin-right: 10px">勘察信息表</el-link>
              <el-link type="primary" :underline="false" @click="getAttatchList"
                style="margin-right: 10px">查看附件</el-link>
              <i class="el-icon-close" @click="closeBufferBox(6)"></i>
            </div>
          </div>
          <div
            class="pointInfoBoxContext"
            style="height: 250px; overflow-y: auto"
          >
            <div
              style="line-height: 20px"
              v-for="(value, key) in $store.state.propertiesInfo"
              :key="key"
            >
              <span
                v-if="key != 'eventid'"
                style="font-size: 14px; font-weight: bold; margin-right: 5px"
                >{{ key }}:</span
              >
          <div class="pointInfoBoxContext" style="height: 250px; overflow-y: auto">
            <div style="line-height: 20px" v-for="(value, key) in $store.state.propertiesInfo" :key="key">
              <span v-if="key != 'eventid'" style="font-size: 14px; font-weight: bold; margin-right: 5px">{{ key
                }}:</span>
              <span v-if="key != 'eventid'">{{ value }}</span>
            </div>
          </div>
@@ -490,38 +365,21 @@
              <i class="el-icon-close" @click="showAttribute = false"></i>
            </div>
          </div>
          <div
            class="pointInfoBoxContext"
            style="height: 250px; overflow-y: auto"
          >
            <div
              style="line-height: 20px"
              v-for="(item, index) in attributeList"
              :key="index"
            >
              <span
                style="font-size: 14px; font-weight: bold; margin-right: 5px"
                >{{ item.alias }}:</span
              >
          <div class="pointInfoBoxContext" style="height: 250px; overflow-y: auto">
            <div style="line-height: 20px" v-for="(item, index) in attributeList" :key="index">
              <span style="font-size: 14px; font-weight: bold; margin-right: 5px">{{ item.alias }}:</span>
              <span>{{ item.value ? item.value : "暂无数据" }}</span>
            </div>
          </div>
        </el-card>
      </div>
      <div
        class="propertiesPop"
        style="right: 22%"
        v-if="$store.state.propertiesFlag == '2'"
      >
      <div class="propertiesPop" style="right: 22%" v-if="$store.state.propertiesFlag == '2'">
        <el-card class="box-card">
          <div slot="header">
            <span>{{ $store.state.propertiesInfo.title }}</span>
          </div>
          <div
            class="pointInfoBoxContext"
            style="height: 250px; overflow-y: auto"
          >
          <div class="pointInfoBoxContext" style="height: 250px; overflow-y: auto">
            <div style="line-height: 20px">
              å²©åœŸåç§°ï¼š {{ $store.state.propertiesInfo.name }}
            </div>
@@ -540,44 +398,21 @@
      <!--三维截面分析弹窗-->
      <div class="modelClipPop" v-if="$store.state.propertiesFlag == '3'">
        <div class="slide-bg">
          <el-slider
            class="slide"
            @change="valveChange()"
            :min="-300"
            :max="300"
            v-model="valueX"
          ></el-slider>
          <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueX"></el-slider>
          <span>左右截面</span>
        </div>
        SpatialQuery
        <div class="slide-bg">
          <el-slider
            class="slide"
            @change="valveChange()"
            :min="-300"
            :max="300"
            v-model="valueY"
          ></el-slider>
          <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueY"></el-slider>
          <span>前后截面</span>
        </div>
        <div class="slide-bg">
          <el-slider
            class="slide"
            @change="valveChange()"
            :min="-300"
            :max="300"
            v-model="valueZ"
          ></el-slider>
          <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueZ"></el-slider>
          <span>上下截面</span>
        </div>
      </div>
      <!-- åœ°è¡¨å½¢å˜æ—¶åºå›¾ -->
      <div
        class="surfaceDeFormPop"
        style="width: 800px; height: 800px"
        v-show="surfaceDeFormFlag"
        v-drag
      >
      <div class="surfaceDeFormPop" style="width: 800px; height: 800px" v-show="surfaceDeFormFlag" v-drag>
        <el-card class="box-card">
          <div slot="header">
            <span>地表形变时序图</span>
@@ -585,29 +420,15 @@
              <i class="el-icon-close" @click="closeBufferBox(7)"></i>
            </div>
          </div>
          <div
            id="surfaceDeFormEchart"
            class="pointInfoBoxContext"
            style="height: 500px; width: 750px"
          ></div>
          <div id="surfaceDeFormEchart" class="pointInfoBoxContext" style="height: 500px; width: 750px"></div>
        </el-card>
      </div>
      <!--附件列表弹窗-->
      <el-dialog
        title="附件列表"
        :append-to-body="false"
        :visible.sync="showAttach"
        width="35%"
        :close-on-click-modal="false"
      >
      <el-dialog title="附件列表" :append-to-body="false" :visible.sync="showAttach" width="35%"
        :close-on-click-modal="false">
        <div>
          <el-table :data="attachList" height="100%" style="width: 100%" border>
            <el-table-column
              align="center"
              type="index"
              label="序号"
              width="50"
            />
            <el-table-column align="center" type="index" label="序号" width="50" />
            <el-table-column prop="name" label="名称"> </el-table-column>
            <el-table-column label="时间" width="180">
              <template slot-scope="scope">
@@ -616,109 +437,50 @@
            </el-table-column>
            <el-table-column label="操作" width="100">
              <template slot-scope="scope">
                <el-button
                  v-if="showAttachDetailBtn(scope.row)"
                  @click="showAttachDetail(scope.row)"
                  type="text"
                  size="small"
                  >查看</el-button
                >
                <el-button v-if="showAttachDetailBtn(scope.row)" @click="showAttachDetail(scope.row)" type="text"
                  size="small">查看</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </el-dialog>
      <!--附件弹窗-->
      <el-dialog
        title="预览"
        :append-to-body="false"
        :visible.sync="dialog.dialogVisible"
        width="70%"
        :close-on-click-modal="false"
      >
      <el-dialog title="预览" :append-to-body="false" :visible.sync="dialog.dialogVisible" width="70%"
        :close-on-click-modal="false">
        <div v-if="dialog.isPdf" class="pdfClass">
          <iframe
            :src="dialog.src"
            type="application/x-google-chrome-pdf"
            width="100%"
            height="100%"
          >
          <iframe :src="dialog.src" type="application/x-google-chrome-pdf" width="100%" height="100%">
          </iframe>
        </div>
        <div v-if="dialog.isJpg" class="pdfClass">
          <el-image
            style="width: 100%; height: 100%"
            :src="dialog.src"
            :preview-src-list="[dialog.src]"
          >
          <el-image style="width: 100%; height: 100%" :src="dialog.src" :preview-src-list="[dialog.src]">
          </el-image>
        </div>
      </el-dialog>
      <el-dialog
        title="瓦片下载"
        :append-to-body="false"
        :visible.sync="downTitleFlag"
        :close-on-click-modal="false"
        :show-close="false"
        width="30%"
      >
        <el-form
          :model="ruleForm"
          status-icon
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
      <el-dialog title="瓦片下载" :append-to-body="false" :visible.sync="downTitleFlag" :close-on-click-modal="false"
        :show-close="false" width="30%">
        <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
          <el-form-item label="名称" prop="title">
            <el-input
              v-model="ruleForm.title"
              size="small"
              placeholder="请输入数据名称..."
            ></el-input>
            <el-input v-model="ruleForm.title" size="small" placeholder="请输入数据名称..."></el-input>
          </el-form-item>
          <el-form-item label="密码" prop="pass">
            <el-input
              show-password
              type="password"
              v-model="ruleForm.pass"
              autocomplete="off"
              size="small"
              placeholder="请输入密码..."
            ></el-input>
            <el-input show-password type="password" v-model="ruleForm.pass" autocomplete="off" size="small"
              placeholder="请输入密码..."></el-input>
          </el-form-item>
          <el-form-item label="确认密码" prop="checkPass">
            <el-input
              show-password
              type="password"
              v-model="ruleForm.checkPass"
              autocomplete="off"
              size="small"
              placeholder="确认密码..."
            ></el-input>
            <el-input show-password type="password" v-model="ruleForm.checkPass" autocomplete="off" size="small"
              placeholder="确认密码..."></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              type="primary"
              size="small"
              @click="submitTitleDown('ruleForm')"
              >提交</el-button
            >
            <el-button size="small" @click="cannelTitleDown('ruleForm')"
              >取消</el-button
            >
            <el-button type="primary" size="small" @click="submitTitleDown('ruleForm')">提交</el-button>
            <el-button size="small" @click="cannelTitleDown('ruleForm')">取消</el-button>
          </el-form-item>
        </el-form>
      </el-dialog>
    </div>
    <surface-chart ref="surfaceChart" />
    <iframe
      id="downFrame"
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
    <!-- <surface-chart ref="surfaceChart" /> -->
    <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe>
    <model-property ref="modelProperty"></model-property>
  </div>
</template>
@@ -1110,7 +872,7 @@
          this.loading = false;
          this.loadingText = "";
        },
        error: function (e) {}
        error: function (e) { }
      });
    },
    cannelTitleDown(formName) {
@@ -1257,10 +1019,9 @@
      if (is_production) {
        this.addGaoDeMap();
      } else {
        var url =
          "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/?callback=loadJsonp940826&f=json";
        $.ajax({
          url: url,
          url: window.sceneConfig.arcGis_url,
          timeout: 1500, // è¯·æ±‚è¶…æ—¶æ—¶é—´
          async: true,
          type: "GET",
@@ -1319,26 +1080,41 @@
          })
        );
      }
      // var url1 = " http://192.168.11.205/SG/Elevation?request=GetMap&Version=1.3.0&Service=WMS&v=1&CRS=EPSG%3A4326&bbox=-90%2C-180%2C90%2C0&height=32&width=32&optimizedOnly=0&layers=china_5m.Ei.402586&Styles=&Format=image%2Fmpt&level=0&origLevel=0";
      $.ajax({
        url: window.sceneConfig.sg_url,
        timeout: 1500, // è¯·æ±‚è¶…æ—¶æ—¶é—´
        async: true,
        type: "GET",
        success: (res) => {
          var option = {
            url: window.sceneConfig.SGUrl,
            layerName: window.sceneConfig.mptName,
            requestVertexNormals: true
          };
          window.terrainLayer = sgworld.Creator.sfsterrainprovider(
            "",
            option,
            "",
            true,
            ""
          );
          window.terrainFlag = "MPT";
        },
        error: (res) => {
          console.log("SG在线地址获获取失败");
      var option = {
        url: window.sceneConfig.SGUrl,
        layerName: window.sceneConfig.mptName,
        requestVertexNormals: true
      };
      window.terrainLayer = sgworld.Creator.sfsterrainprovider(
        "",
        option,
        "",
        true,
        ""
      );
      // window.terrainLayer = new Cesium.CesiumTerrainProvider({
      //   // url: LFData + '/3d/terrain/dem20230321'
      //   url: demLayer
      // });
      // Viewer.terrainProvider = window.terrainLayer
      window.terrainFlag = "MPT";
          window.terrainLayer = new Cesium.CesiumTerrainProvider({
            // url: LFData + '/3d/terrain/dem20230321'
            url: demLayer
          });
          Viewer.terrainProvider = window.terrainLayer
        }
      });
      window.elevationTool = new SmartEarth.ElevationTool(window.sgworld);
      elevationTool.setContourColor("#F1D487");
    },
@@ -2442,14 +2218,11 @@
//
//  cursor: pointer;
//}
.changeTerrain {
}
.changeTerrain {}
.changeLayer {
}
.changeLayer {}
.changeMapType {
}
.changeMapType {}
//.changeTerrain {
//  position: absolute;
@@ -2507,5 +2280,4 @@
//   background: rgba(255, 255, 255, 0.2) !important;
//   color: white !important;
//   border: 1px solid rgba(255, 255, 255, 0.2) !important;
// }
</style>
// }</style>
src/router/index.js
@@ -1,564 +1,564 @@
import Vue from 'vue';
import VueRouter from 'vue-router';
import { getToken } from '@/utils/auth'; // get token from cookie
import Home from '../views/Home.vue';
import login from '../components/login';
import Synthesis from '../views/Synthesis/index.vue'; //综合展示
import Thematic from '../views/Thematic/index.vue'; //专题地图
import Archive from '../views/Archive/index.vue'; //资料馆
import dataApplication from '@/views/Archive/dataApplication.vue';
import menuSettings from '@/views/maintenance/menuSettings.vue'; //菜单设置
import rests from '@/views/maintenance/rests.vue'; //其他
import authorityManagement from '@/views/maintenance/authorityManagement.vue'; //权限管理
import safetyManagement from '@/views/maintenance/safetyManagement.vue'; //安全管理
import operationLog from '@/views/maintenance/operationLog.vue'; //操作日志
import eventlogManage from '@/views/maintenance/eventlogManage.vue'; //事件日志管理
import blackwhiteList from '@/views/maintenance/blackwhiteList.vue'; //登录日志
import logLog from '@/views/maintenance/logLog.vue'; //登录日志
import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //系统监控
import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //数据库监控
import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //参数配置
import tokentool from '@/views/maintenance/tokentool.vue'; //token å·¥å…·
import mochaitmo from '@/views/maintenance/mochaitmo.vue'; //运维管理主页面
//数据管理模块
import dataController from '../views/datamanage/dataController.vue';
import catalogueManage from '../views/datamanage/catalogueManage.vue'; //数据管理-目录管理
import dataUpdata from '../views/datamanage/dataUpdata.vue'; //数据管理-数据上传
import dataLoading from '../views/datamanage/dataLoading.vue'; //数据管理-数据入库
import metadataManage from '../views/datamanage/metadataManage.vue'; //数据管理-元数据管理
import SpatialData from '../views/datamanage/SpatialData.vue'; //数据管理-空间数据
import versionManage from '../views/datamanage/versionManage.vue'; //数据管理-版本管理
import dictionaryManage from '../views/datamanage/dictionaryManage.vue'; //数据管理-字典管理
import domainManage from '../views/datamanage/domainManage.vue'; //数据管理-值域管理
import styleManage from '../views/datamanage/styleManage.vue'; //数据管理-样式管理
import addStyle from '../views/datamanage/addStyle.vue'; //数据管理-样式管理-添加样式
import ExportMap from '../views/exportMap/index.vue'; //在线制图
import userInfoManage from '../views/userManage/userInfoManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import templateManage from '../views/userManage/templateManage.vue'; // æ¨¡æ¿ç®¡ç†
import orgManage from '../views/userManage/orgManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import userAuditing from '../views/userManage/userAuditing.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import roleManage from '../views/userManage/roleManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import groupManage from '../views/userManage/groupManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import authorityManage from '@/views/userManage/authorityManage.vue'; //用户管理-权限管理
import resourceManage from '@/views/userManage/resourceManage.vue'; //用户管理-资源管理
import userRoleAuthorization from '@/views/AuthorizationManagement/userRoleAuthorization.vue'; //系统管理-用户角色授权
import menuRoleAuthorization from '@/views/AuthorizationManagement/menuRoleAuthorization.vue'; //系统管理-菜单权限授权
import roleResAuthorization from '@/views/AuthorizationManagement/roleResAuthorization.vue'; //系统管理-角色资源授权
import roleMenuAuthorization from '@/views/AuthorizationManagement/roleMenuAuthorization.vue'; //系统管理-角色菜单授权
import layerManagement from '@/views/datamanage/layerManagement.vue'; //数据管理-菜单管理
import bankController from '../views/datamanage/bankController.vue';//数据库管理
import projectController from '../views/datamanage/projectController.vue';//项目管理
import systemController from '@/views/maintenance/systemController.vue';//系统管理
import empowerController from '@/views/maintenance/empowerController.vue';//授权管理
import opexController from '@/views/maintenance/opexController.vue';//运维监控
import dataCount from '@/views/datamanage/dataStatistics.vue'; //数据统计
//包二
import WareInspection from '@/views/PackageTwo/WareInspection.vue'; //数据质检-入库质检
import QualityInspection from '@/views/PackageTwo/index.vue'; //数据质检-入库质检
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
  const nowPage = sessionStorage.getItem('routerName')
  const page = {
    path: nowPage
  }
  if (page === location || location === '/') {
    return originalPush.call(this, page).catch((err) => err);
  } else {
    return originalPush.call(this, location).catch((err) => err);
  }
};
// ç¾¤ç»„管理
Vue.use(VueRouter);
const routes = [
  {
    path: '/login',
    name: 'login',
    component: login,
  },
  {
    path: '/Thematic',
    name: 'Thematic',
    component: Thematic,
  },
  {
    path: '/',
    name: 'Home',
    component: Home,
    redirect: '/Synthesis',
    children: [
      {
        path: '/WareInspection',
        component: WareInspection,
        name: 'WareInspection',
        meta: {
          title: '入库质检',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/QualityInspection',
        component: QualityInspection,
        name: 'QualityInspection',
        meta: {
          title: '入库质检',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/mochaitmo',
        component: mochaitmo,
        name: 'mochaitmo',
        meta: {
          title: '运维管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/systemController',
        component: systemController,
        name: 'systemController',
        meta: {
          title: '系统管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/empowerController',
        component: empowerController,
        name: 'empowerController',
        meta: {
          title: '授权管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/opexController',
        component: opexController,
        name: 'opexController',
        meta: {
          title: '运维监控',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/bankController',
        component: bankController,
        name: 'bankController',
        meta: {
          title: '数据库管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/projectController',
        component: projectController,
        name: 'projectController',
        meta: {
          title: '项目管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataController',
        component: dataController,
        name: 'dataController',
        meta: {
          title: '数据管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/ExportMap',
        name: 'ExportMap',
        component: ExportMap,
        meta: {
          title: '在线制图',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/Synthesis',
        name: 'Synthesis',
        component: Synthesis,
        meta: {
          title: '综合展示',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataApplication',
        name: 'dataApplication',
        component: dataApplication,
        meta: {
          title: '数据申请',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataCount',
        name: 'dataCount',
        component: dataCount,
        meta: {
          title: '数据统计',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/Archive',
        name: 'Archive',
        component: Archive,
        meta: {
          title: '资料馆',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/catalogueManage',
        name: 'catalogueManage',
        component: catalogueManage,
        meta: {
          title: '目录管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataUpdata',
        name: 'dataUpdata',
        component: dataUpdata,
        meta: {
          title: '数据上传',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/metadataManage',
        component: metadataManage,
        name: 'metadataManage',
        meta: {
          title: '元数据管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataLoading',
        name: 'dataLoading',
        component: dataLoading,
        meta: {
          title: '数据入库',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/SpatialData',
        component: SpatialData,
        name: 'SpatialData',
        meta: {
          title: '空间数据',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/versionManage',
        component: versionManage,
        name: 'versionManage',
        meta: {
          title: '版本管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dictionaryManage',
        component: dictionaryManage,
        name: 'dictionaryManage',
        meta: {
          title: '字典管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/domainManage',
        component: domainManage,
        name: 'domainManage',
        meta: {
          title: '值域管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/styleManage',
        component: styleManage,
        name: 'styleManage',
        meta: {
          title: '样式管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/addStyle',
        component: addStyle,
        name: 'addStyle',
        meta: {
          title: '样式管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/menuSettings',
        component: menuSettings,
        name: 'menuSettings',
        meta: {
          title: '菜单设置',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/rests',
        component: rests,
        name: 'rests',
        meta: {
          title: '其他设置',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/authorityManagement',
        component: authorityManagement,
        name: 'authorityManagement',
        meta: {
          title: '权限管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/safetyManagement',
        component: safetyManagement,
        name: 'safetyManagement',
        meta: {
          title: '安全管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/operationLog',
        component: operationLog,
        name: 'operationLog',
        meta: {
          title: '操作日志',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/eventlogManage',
        component: eventlogManage,
        name: 'eventlogManage',
        meta: {
          title: '事件日志管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/logLog',
        path: '/logLog',
        component: logLog,
        name: 'logLog',
        meta: {
          title: '事件日志管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/blackwhiteList',
        component: blackwhiteList,
        name: 'blackwhiteList',
        meta: {
          title: '黑/白名单',
          title: '登录日志',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/systemMonitoring',
        component: systemMonitoring,
        name: 'systemMonitoring',
        meta: {
          title: '系统监控',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/databaseMonitoring',
        component: databaseMonitoring,
        name: 'databaseMonitoring',
        meta: {
          title: '数据库监控',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/tokentool',
        component: tokentool,
        name: 'tokentool',
        meta: {
          title: 'Token工具',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/parameterConfiguration',
        component: parameterConfiguration,
        name: 'parameterConfiguration',
        meta: {
          title: '参数配置',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/userInfoManage',
        component: userInfoManage,
        name: 'userInfoManage',
        meta: {
          title: '用户信息管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/templateManage',
        component: templateManage,
        name: 'templateManage',
        meta: {
          title: '模板管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/orgManage',
        component: orgManage,
        name: 'orgManage',
        meta: {
          title: '组织机构管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/userAuditing',
        component: userAuditing,
        name: 'userAuditing',
        meta: {
          title: '用户审核',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/roleManage',
        component: roleManage,
        name: 'roleManage',
        meta: {
          title: '角色管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/groupManage',
        component: groupManage,
        name: 'groupManage',
        meta: {
          title: '群组管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/authorityManage',
        component: authorityManage,
        name: 'authorityManage',
        meta: {
          title: '权限管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/resourceManage',
        component: resourceManage,
        name: 'resourceManage',
        meta: {
          title: '资源管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/userRoleAuthorization',
        component: userRoleAuthorization,
        name: 'userRoleAuthorization',
        meta: {
          title: '用户角色授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/menuRoleAuthorization',
        component: menuRoleAuthorization,
        name: 'menuRoleAuthorization',
        meta: {
          title: '菜单权限授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/roleResAuthorization',
        component: roleResAuthorization,
        name: 'roleResAuthorization',
        meta: {
          title: '菜单权限授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/roleMenuAuthorization',
        component: roleMenuAuthorization,
        name: 'roleMenuAuthorization',
        meta: {
          title: '菜单权限授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
    ],
  },
];
const router = new VueRouter({
  routes,
});
//路由守卫
router.beforeEach((to, from, next) => {
  sessionStorage.setItem('routerName', to.path)
  next();
  if (to.matched.some((auth) => auth.meta.requireAuth)) {
    // èŽ·å–token
    let token = getToken();
    if (token) {
      next();
    } else {
      next({
        path: '/login',
      });
    }
  } else {
    next();
  }
});
export default router;
import Vue from 'vue';
import VueRouter from 'vue-router';
import { getToken } from '@/utils/auth'; // get token from cookie
import Home from '../views/Home.vue';
import login from '../components/login';
import Synthesis from '../views/Synthesis/index.vue'; //综合展示
import Thematic from '../views/Thematic/index.vue'; //专题地图
import Archive from '../views/Archive/index.vue'; //资料馆
import dataApplication from '@/views/Archive/dataApplication.vue';
import menuSettings from '@/views/maintenance/menuSettings.vue'; //菜单设置
import rests from '@/views/maintenance/rests.vue'; //其他
import authorityManagement from '@/views/maintenance/authorityManagement.vue'; //权限管理
import safetyManagement from '@/views/maintenance/safetyManagement.vue'; //安全管理
import operationLog from '@/views/maintenance/operationLog.vue'; //操作日志
import eventlogManage from '@/views/maintenance/eventlogManage.vue'; //事件日志管理
import blackwhiteList from '@/views/maintenance/blackwhiteList.vue'; //登录日志
import logLog from '@/views/maintenance/logLog.vue'; //登录日志
import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //系统监控
import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //数据库监控
import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //参数配置
import tokentool from '@/views/maintenance/tokentool.vue'; //token å·¥å…·
import mochaitmo from '@/views/maintenance/mochaitmo.vue'; //运维管理主页面
//数据管理模块
import dataController from '../views/datamanage/dataController.vue';
import catalogueManage from '../views/datamanage/catalogueManage.vue'; //数据管理-目录管理
import dataUpdata from '../views/datamanage/dataUpdata.vue'; //数据管理-数据上传
import dataLoading from '../views/datamanage/dataLoading.vue'; //数据管理-数据入库
import metadataManage from '../views/datamanage/metadataManage.vue'; //数据管理-元数据管理
import SpatialData from '../views/datamanage/SpatialData.vue'; //数据管理-空间数据
import versionManage from '../views/datamanage/versionManage.vue'; //数据管理-版本管理
import dictionaryManage from '../views/datamanage/dictionaryManage.vue'; //数据管理-字典管理
import domainManage from '../views/datamanage/domainManage.vue'; //数据管理-值域管理
import styleManage from '../views/datamanage/styleManage.vue'; //数据管理-样式管理
import addStyle from '../views/datamanage/addStyle.vue'; //数据管理-样式管理-添加样式
import ExportMap from '../views/exportMap/index.vue'; //在线制图
import userInfoManage from '../views/userManage/userInfoManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import templateManage from '../views/userManage/templateManage.vue'; // æ¨¡æ¿ç®¡ç†
import orgManage from '../views/userManage/orgManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import userAuditing from '../views/userManage/userAuditing.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import roleManage from '../views/userManage/roleManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import groupManage from '../views/userManage/groupManage.vue'; // ç”¨æˆ·ç®¡ç†æ¨¡å—
import authorityManage from '@/views/userManage/authorityManage.vue'; //用户管理-权限管理
import resourceManage from '@/views/userManage/resourceManage.vue'; //用户管理-资源管理
import userRoleAuthorization from '@/views/AuthorizationManagement/userRoleAuthorization.vue'; //系统管理-用户角色授权
import menuRoleAuthorization from '@/views/AuthorizationManagement/menuRoleAuthorization.vue'; //系统管理-菜单权限授权
import roleResAuthorization from '@/views/AuthorizationManagement/roleResAuthorization.vue'; //系统管理-角色资源授权
import roleMenuAuthorization from '@/views/AuthorizationManagement/roleMenuAuthorization.vue'; //系统管理-角色菜单授权
import layerManagement from '@/views/datamanage/layerManagement.vue'; //数据管理-菜单管理
import bankController from '../views/datamanage/bankController.vue';//数据库管理
import projectController from '../views/datamanage/projectController.vue';//项目管理
import systemController from '@/views/maintenance/systemController.vue';//系统管理
import empowerController from '@/views/maintenance/empowerController.vue';//授权管理
import opexController from '@/views/maintenance/opexController.vue';//运维监控
import dataCount from '@/views/datamanage/dataStatistics.vue'; //数据统计
//包二
import WareInspection from '@/views/PackageTwo/WareInspection.vue'; //数据质检-入库质检
import QualityInspection from '@/views/PackageTwo/index.vue'; //数据质检-入库质检
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
  const nowPage = sessionStorage.getItem('routerName')
  const page = {
    path: nowPage
  }
  if (page === location || location === '/') {
    return originalPush.call(this, page).catch((err) => err);
  } else {
    return originalPush.call(this, location).catch((err) => err);
  }
};
// ç¾¤ç»„管理
Vue.use(VueRouter);
const routes = [
  {
    path: '/login',
    name: 'login',
    component: login,
  },
  {
    path: '/Thematic',
    name: 'Thematic',
    component: Thematic,
  },
  {
    path: '/',
    name: 'Home',
    component: Home,
    redirect: '/Synthesis',
    children: [
      {
        path: '/WareInspection',
        component: WareInspection,
        name: 'WareInspection',
        meta: {
          title: '入库质检',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/QualityInspection',
        component: QualityInspection,
        name: 'QualityInspection',
        meta: {
          title: '入库质检',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/mochaitmo',
        component: mochaitmo,
        name: 'mochaitmo',
        meta: {
          title: '运维管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/systemController',
        component: systemController,
        name: 'systemController',
        meta: {
          title: '系统管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/empowerController',
        component: empowerController,
        name: 'empowerController',
        meta: {
          title: '授权管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/opexController',
        component: opexController,
        name: 'opexController',
        meta: {
          title: '运维监控',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/bankController',
        component: bankController,
        name: 'bankController',
        meta: {
          title: '数据库管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/projectController',
        component: projectController,
        name: 'projectController',
        meta: {
          title: '项目管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataController',
        component: dataController,
        name: 'dataController',
        meta: {
          title: '数据管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/ExportMap',
        name: 'ExportMap',
        component: ExportMap,
        meta: {
          title: '在线制图',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/Synthesis',
        name: 'Synthesis',
        component: Synthesis,
        meta: {
          title: '综合展示',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataApplication',
        name: 'dataApplication',
        component: dataApplication,
        meta: {
          title: '数据申请',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataCount',
        name: 'dataCount',
        component: dataCount,
        meta: {
          title: '数据统计',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/Archive',
        name: 'Archive',
        component: Archive,
        meta: {
          title: '资料馆',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/catalogueManage',
        name: 'catalogueManage',
        component: catalogueManage,
        meta: {
          title: '目录管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataUpdata',
        name: 'dataUpdata',
        component: dataUpdata,
        meta: {
          title: '数据上传',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/metadataManage',
        component: metadataManage,
        name: 'metadataManage',
        meta: {
          title: '元数据管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dataLoading',
        name: 'dataLoading',
        component: dataLoading,
        meta: {
          title: '数据入库',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/SpatialData',
        component: SpatialData,
        name: 'SpatialData',
        meta: {
          title: '空间数据',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/versionManage',
        component: versionManage,
        name: 'versionManage',
        meta: {
          title: '版本管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/dictionaryManage',
        component: dictionaryManage,
        name: 'dictionaryManage',
        meta: {
          title: '字典管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/domainManage',
        component: domainManage,
        name: 'domainManage',
        meta: {
          title: '值域管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/styleManage',
        component: styleManage,
        name: 'styleManage',
        meta: {
          title: '样式管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/addStyle',
        component: addStyle,
        name: 'addStyle',
        meta: {
          title: '样式管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/menuSettings',
        component: menuSettings,
        name: 'menuSettings',
        meta: {
          title: '菜单设置',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/rests',
        component: rests,
        name: 'rests',
        meta: {
          title: '其他设置',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/authorityManagement',
        component: authorityManagement,
        name: 'authorityManagement',
        meta: {
          title: '权限管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/safetyManagement',
        component: safetyManagement,
        name: 'safetyManagement',
        meta: {
          title: '安全管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/operationLog',
        component: operationLog,
        name: 'operationLog',
        meta: {
          title: '操作日志',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/eventlogManage',
        component: eventlogManage,
        name: 'eventlogManage',
        meta: {
          title: '事件日志管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/logLog',
        path: '/logLog',
        component: logLog,
        name: 'logLog',
        meta: {
          title: '事件日志管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/blackwhiteList',
        component: blackwhiteList,
        name: 'blackwhiteList',
        meta: {
          title: '黑/白名单',
          title: '登录日志',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/systemMonitoring',
        component: systemMonitoring,
        name: 'systemMonitoring',
        meta: {
          title: '系统监控',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/databaseMonitoring',
        component: databaseMonitoring,
        name: 'databaseMonitoring',
        meta: {
          title: '数据库监控',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/tokentool',
        component: tokentool,
        name: 'tokentool',
        meta: {
          title: 'Token工具',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/parameterConfiguration',
        component: parameterConfiguration,
        name: 'parameterConfiguration',
        meta: {
          title: '参数配置',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/userInfoManage',
        component: userInfoManage,
        name: 'userInfoManage',
        meta: {
          title: '用户信息管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/templateManage',
        component: templateManage,
        name: 'templateManage',
        meta: {
          title: '模板管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/orgManage',
        component: orgManage,
        name: 'orgManage',
        meta: {
          title: '组织机构管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/userAuditing',
        component: userAuditing,
        name: 'userAuditing',
        meta: {
          title: '用户审核',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/roleManage',
        component: roleManage,
        name: 'roleManage',
        meta: {
          title: '角色管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/groupManage',
        component: groupManage,
        name: 'groupManage',
        meta: {
          title: '群组管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/authorityManage',
        component: authorityManage,
        name: 'authorityManage',
        meta: {
          title: '权限管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/resourceManage',
        component: resourceManage,
        name: 'resourceManage',
        meta: {
          title: '资源管理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/userRoleAuthorization',
        component: userRoleAuthorization,
        name: 'userRoleAuthorization',
        meta: {
          title: '用户角色授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/menuRoleAuthorization',
        component: menuRoleAuthorization,
        name: 'menuRoleAuthorization',
        meta: {
          title: '菜单权限授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/roleResAuthorization',
        component: roleResAuthorization,
        name: 'roleResAuthorization',
        meta: {
          title: '菜单权限授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/roleMenuAuthorization',
        component: roleMenuAuthorization,
        name: 'roleMenuAuthorization',
        meta: {
          title: '菜单权限授权',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
    ],
  },
];
const router = new VueRouter({
  routes,
});
//路由守卫
router.beforeEach((to, from, next) => {
  sessionStorage.setItem('routerName', to.path)
  next();
  if (to.matched.some((auth) => auth.meta.requireAuth)) {
    // èŽ·å–token
    let token = getToken();
    if (token) {
      next();
    } else {
      next({
        path: '/login',
      });
    }
  } else {
    next();
  }
});
export default router;
src/views/datamanage/dataUpdata.vue
ÎļþÌ«´ó