P2022036_Web2.git

Surpriseplus

2022-12-30 a55625f79b5bea88a04dc5cebf264a61cd594547

管道分析，IE判斷，上传Loading

已添加3个文件

已修改10个文件

	public/LfSKyline/imgs/Edge设置.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/LfSKyline/index.html	28 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/LfSKyline/js/detect.js	74 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/LfSKyline/js/index.js	10 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/config/config.js	21 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/api/api.js	16 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/store/index.js	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/Synthesis/LeftMenu.vue	19 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/Synthesis/index.vue	52 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/Tools/pipeLineAnaly.vue	863 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/Tools/queryinfo.vue	13 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/datamanage/dataLoader.vue	19 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/datamanage/dataUpdata.vue	175 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 public/LfSKyline/imgs/EdgeÉèÖÃ.png


 public/LfSKyline/index.html

@@ -21,12 +21,38 @@
        }
        document.writeln("<link href='./layui-v2.6.8/css/layui.css?" + new Date().getTime() + "' rel='stylesheet' \/>");
        document.writeln("<link href='./css/index.css?" + new Date().getTime() + "' rel='stylesheet' \/>");
        document.writeln("<script src='./js/detect.js?" + new Date().getTime() + "'><\/script>");
        document.writeln("<script src='./js/index.js?" + new Date().getTime() + "'><\/script>");
    </script>
</head>

<body>
    <div class="mapView">
    <div id="download" style="display: none;">
        <p>
          <b style="font-size: 24px;">ä¸ç»´è½¯ä»¶å®è£ä½¿ç¨è¯´æï¼</b>
        </p>
        <p>
          è¯´æ1ï¼å¦ææ¨æ æ³æ£ç¡®å°çå°ä¸ç»´å°å¾ï¼è¯·ä¸è½½  <a href="http://192.168.20.39/LFData/soft/TEv7.4.zip" class="a">TE v7.4.zip</a> å®è£åã
        </p>
        <p>
          è¯´æ2ï¼å®è£æ¶ï¼è¯·å¡å¿å³éæµè§å¨ååå®è£ï¼
        </p>
        <p>
          è¯´æ3ï¼å½åä»æ¯æå«æ IEæ ¸å¿ çæµè§å¨ï¼å¦ IEã360ãEdge æµè§å¨ã
        </p>
        <p>
          è¯´æ4ï¼ä½¿ç¨ 360 æµè§å¨æ¶ï¼è¯·åæ¢è³å¼å®¹æ¨¡å¼ã
        </p>
        <p>
          è¯´æ5ï¼ä½¿ç¨ Edge æµè§å¨æ¶ï¼ç¹å»å³ä¸è§ç â...â éæ© âè®¾ç½®âï¼<br />
          <span style="visibility: hidden;">è¯´æ5ï¼</span>å¨å·¦ä¾§æç´¢éé¢è¾å¥ï¼Internetï¼<br />
          <span style="visibility: hidden;">è¯´æ5ï¼</span>ç¹å» âInternet Explorer æ¨¡å¼ï¼IE æ¨¡å¼ï¼æé®âï¼å°å¼å³åæ¢è³èè²ï¼<br />
          <span style="visibility: hidden;">è¯´æ5ï¼</span>éæ©âè®© Internet Explorer å¨ Microsoft Edge ä¸æå¼ç½ç«âï¼åæ¢è³ âå§ç»ï¼æ¨èï¼âï¼<br />
          <span style="visibility: hidden;">è¯´æ5ï¼</span>éæ©âåè®¸ Internet Explorer æ¨¡å¼ä¸éæ°å è½½ç½ç«ï¼IEæ¨¡å¼ï¼âï¼åæ¢è³ âåè®¸âã<br />
          <span style="visibility: hidden;">è¯´æ5ï¼</span><img src="./imgs/Edgeè®¾ç½®.png" style="width: 630px; height: 480px;" title="Edgeè®¾ç½®" alt="Edgeè®¾ç½®" />
        </p>
      </div>
    <div id="mapView" class="mapView">
        <div class="top">
            <div class="top_left">
                <div class="Logo">

 public/LfSKyline/js/detect.js

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,74 @@
var Detect = {
    ieVer: 9.0,

    teVer: 7.4,

    sgVer: "66",

    detectIE: function () {
        var isIE = !!window.ActiveXObject || "ActiveXObject" in window;
        if (!isIE) {
            alert("è¯·ä½¿ç¨å«æ IEæ ¸å¿ çæµè§å¨ï¼");
            return false;
        }

        var ieVer = this.getIEVer();
        if (ieVer < this.ieVer) {
            alert("è¯·ä½¿ç¨ IE " + this.ieVer + " æ æ´é«çæ¬ï¼");
            return false;
        }

        var flag = this.detectTE();
        if (!flag) {
            return false;
        }

        return true;
    },

    getIEVer: function () {
        var agent = window.navigator.userAgent.toLowerCase();
        var msie = agent.indexOf("msie ");
        if (msie > -1) {
            return parseFloat(agent.substring(msie + 5, agent.indexOf(";", msie)));
        }

        return 11;
    },

    detectTE: function () {
        try {
            var sg = this.getSG();
            if (sg == null) {
                return false;
            }

            //var test = new ActiveXObject("TEDetect.TETest"); if (!test || test.Type == "NA") return false;
            var ver = parseFloat(sg.Version.Major + "." + sg.Version.Minor);
            if (ver < this.teVer) {
                alert("è¯·ä½¿ç¨ Skyline Globe " + this.teVer + " æ æ´é«çæ¬ï¼");
                return false;
            }

            if (ver >= 7.4) {
                this.sgVer = "74";
            } else if (ver >= 7.1) {
                this.sgVer = "71";
            } else if (ver >= 7) {
                this.sgVer = "70";
            } else {
                this.sgVer = "66";
            }

            return true;
        } catch (e) {
            console.error(e);
        }

        return false;
    },

    getSG: function () {
        return TEWinEx.CreateInstance("TerraExplorerX.SGWorld" + this.sgVer);
    }
};

 public/LfSKyline/js/index.js

@@ -4,8 +4,18 @@
    treePlay: 'PS\\å¨å½ç®¡ç½ä¸é¢å¾å±ç¤º',
    objTypes: [19, 23, 26, 29, 34, 36, 38, 39, 40],
    init: function () {
        var flag = Detect.detectIE();
        if (!flag) {
            this.showDownload();
            return;
        }
        this.initSG();
    },
    // æ¾ç¤ºä¸è½½
    showDownload: function () {
        $("#mapView").hide();
        $("#download").show();
    },
    initSG: function () {
        SG = TEWinEx.CreateInstance("TerraExplorerX.SGWorld74"); // SGWorld74,SGWorld71,SGWorld66
        SG.AttachEvent("OnLoadFinished", this.loadFinished);

 public/config/config.js

@@ -1,14 +1,17 @@
const BASE_URL = 'http://192.168.20.39:12316/server';
var ipConfig = '192.168.20.39';

const BASE_URL = 'http://"' + ipConfig + '":12316/server';

//webSocket æå¡å°å
var socketUrl = 'ws://192.168.20.39:12316/server/ws/select';
var socketUrl = 'ws://' + ipConfig + ':12316/server/ws/select';
//æ°æ®åºçæ§å°å
var sql_Url = 'http://192.168.20.39:8081/admin/druid/sql.html';
var sql_Url = 'http://' + ipConfig + ':8081/admin/druid/sql.html';
//è·¯å¾åæå°å
var wnsUrl = 'http://192.168.20.39:9055/gisserver/wnsserver/beijingdaohang_wns';
var wnsUrl = 'http://' + ipConfig + ':9055/gisserver/wnsserver/beijingdaohang_wns';
//gisserver
var gisServerUrl = 'http://192.168.20.39:9055/gisserver';
var gisServerUrl = 'http://' + ipConfig + ':9055/gisserver';
//geoServerUrl
var geoserver = 'http://192.168.20.39:8088';
var geoserver = 'http://' + ipConfig + ':8088';
var geoServerURl = geoserver + '/geoserver/LF/wms';
var geoserverWFS =
  geoserver +
@@ -17,13 +20,13 @@
  geoserver +
  '/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 = 'http://192.168.20.39/LFData/tileset/SN/tileset.json';
var modelUrl = 'http://' + ipConfig + '/LFData/tileset/SN/tileset.json';
//DEM
var demLayer = 'http://192.168.20.39/LFData/dem'
var demLayer = 'http://' + ipConfig + '/LFData/dem'
//ç»¼åå±ç¤º
window.sceneConfig = {
  // sdkè®¸å¯
  licenseServer: 'http://192.168.20.39/LFServer',
  licenseServer: 'http://' + ipConfig + '/LFServer',
  // æå¡å°å
  baseURL: 'http://183.162.245.49:8888/',
  positionBtn: [],

 src/api/api.js

@@ -698,6 +698,22 @@
  return request.get('/apply/updateForResubmit', { params: params });
}

//ç®¡éåæ=ãæ¥è¯¢ç®¡æ®µ
export function pipelines_selectSegNames(params) {
  return request.get('/pipeline/selectSegNames', { params: params });
}
//ç®¡éåæ=ãæ¥è¯¢ç®¡æ®µ
export function pipeline_selectPipeAnalysis(params) {
  return request.post('/pipeline/selectPipeAnalysis', params);
}
//ç®¡éåæ=ãè¯·æ±ç®¡éåæç»æä¸è½½
export function pipeline_downloadReq(params) {
  return request.post('/pipeline/downloadReq', params);
}




//è¯·æ±ç«åºç¹åå®¹
export function querySitePoint(size, index, name) {
  return service.get(

 src/store/index.js

@@ -47,6 +47,8 @@
    download: false,
    showAllLayers: true,
    primitLayer:null,
    loading:false,
    pipelineEntity:[],
  },
  mutations: {
    //è·åæéåé

 src/views/Synthesis/LeftMenu.vue

@@ -14,6 +14,7 @@
    </div>
    <mapinfo ref="mapinfo" />
    <maplayer ref="maplayer" />
    <queryinfo ref="queryinfo" />
    <input
      type="file"
      accept=".kml"
@@ -27,9 +28,9 @@
import { transform } from 'ol/proj';
import mapinfo from '../Tools/mapinfo.vue';
import maplayer from '../Tools/maplayer.vue';

import queryinfo from '../Tools/queryinfo.vue'
export default {
  components: { mapinfo, maplayer },
  components: { mapinfo, maplayer, queryinfo },
  data() {
    return {
      showTwoMenuFlag: false,
@@ -760,6 +761,19 @@
            }
          );
          break;
        case 'd9':
          this.$store.state.mapPopBoxFlag = '3';
          this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("ç®¡éç©ºé´åæ", null, {
            close: () => {
              if (this.$store.state.pipelineEntity.length != 0) {
                for (var i in this.$store.state.pipelineEntity) {
                  var item = this.$store.state.pipelineEntity[i]
                  sgworld.Viewer.entities.remove(item);
                }
              }
            }
          });
          break;
        case 'd8':
          if (this.isContrastFlag == false) {
            this.isContrastFlag = true;
@@ -793,6 +807,7 @@
            );
          }
          break;

        case 'd11':
          if (window.Excavation) {
            window.Excavation.clear();

 src/views/Synthesis/index.vue

@@ -1,19 +1,34 @@
<template>
  <div class="synthesis">
  <div
    class="synthesis"
    v-loading="$store.state.loading"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
    <div class="lefIcon">
      <ul>
        <li
          v-for="item in showMenuList"
          :class="{ lefMenuActive: showMenuFlag == item.id }"
        >
          <div class="menuDiv" :title="item.name" @click="setMenuChange(item)">
            <div class="menuImage" :class="item.class"></div>
          <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="left_main"
        :class="{ left_main_show: !openStatus }"
      >
        <div class="right_Map">
          <left-menu></left-menu>
        </div>
@@ -212,44 +227,44 @@
      }

      .menu_img1 {
        background: url('../../assets/img/synthesis/ç³»ç»èå.png') no-repeat
        background: url("../../assets/img/synthesis/ç³»ç»èå.png") no-repeat
          center;
      }
      .menu_img2 {
        background: url('../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 2.png')
        background: url("../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 2.png")
          no-repeat center;
      }
      .menu_img3 {
        background: url('../../assets/img/synthesis/å¾å± 6 æ·è´.png') no-repeat
        background: url("../../assets/img/synthesis/å¾å± 6 æ·è´.png") no-repeat
          center;
      }
      .menu_img4 {
        background: url('../../assets/img/synthesis/å¾å± 8 æ·è´ 2.png')
        background: url("../../assets/img/synthesis/å¾å± 8 æ·è´ 2.png")
          no-repeat center;
      }
      .menu_img5 {
        background: url('../../assets/img/synthesis/ç¢éæºè½å¯¹è±¡ æ·è´ 3.png')
        background: url("../../assets/img/synthesis/ç¢éæºè½å¯¹è±¡ æ·è´ 3.png")
          no-repeat center;
      }
      .menu_img6 {
        background: url('../../assets/img/synthesis/å¾å± 9 æ·è´ 4.png')
        background: url("../../assets/img/synthesis/å¾å± 9 æ·è´ 4.png")
          no-repeat center;
      }
      .menu_img7 {
        background: url('../../assets/img/synthesis/å¾å± 7 æ·è´ 5.png')
        background: url("../../assets/img/synthesis/å¾å± 7 æ·è´ 5.png")
          no-repeat center;
      }
      .menu_img8 {
        background: url('../../assets/img/synthesis/å¾å± 5 æ·è´ 6.png')
        background: url("../../assets/img/synthesis/å¾å± 5 æ·è´ 6.png")
          no-repeat center;
      }
      .menu_img9 {
        background: url('../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 11.png')
        background: url("../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 11.png")
          no-repeat center;
      }
      .menu_img10{
        background: url('../../assets/img/synthesis/åºæ¯æå¼1.png')
          no-repeat center;
        background: url("../../assets/img/synthesis/åºæ¯æå¼1.png") no-repeat
          center;
      }
    }
    // li {
@@ -307,7 +322,7 @@
    .active {
      width: 100%;
      height: 100%;
      background: url('../../assets/img/Layer/imgLayer2.png') no-repeat center;
      background: url("../../assets/img/Layer/imgLayer2.png") no-repeat center;
      position: absolute;
      background-size: 100% 100%;
      border-radius: 5px;
@@ -315,11 +330,14 @@
    .menuLayer {
      width: 100%;
      height: 100%;
      background: url('../../assets/img/Layer/imgLayer1.png') no-repeat center;
      background: url("../../assets/img/Layer/imgLayer1.png") no-repeat center;
      position: absolute;
      background-size: 100% 100%;
      border-radius: 5px;
    }
  }
  /deep/.el-loading-spinner i{
    color: #1890FF;
  }
}
</style>

 src/views/Tools/pipeLineAnaly.vue

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,863 @@
<template>
  <div class="pipeLineBox">
    <div class="headerBox">
      <div class="elFrom">
        <el-form
          ref="form"
          :model="ruleFrom"
          label-width="120px"
        >
          <el-form-item label="ç®¡éä¸å¿çº¿">
            <el-select
              @change="selectChange"
              v-model="ruleFrom.value1"
              placeholder="è¯·éæ©"
            >
              <el-option
                v-for="item in options1"
                :key="item.gid"
                :label="item.pipeName"
                :value="item.pipeName"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="éåç®¡é">
            <el-select
              @change="selectChange1"
              v-model="ruleFrom.value2"
              placeholder="è¯·éæ©"
            >
              <el-option
                v-for="item in options2"
                :key="item.gid"
                :label="item.segName"
                :value="item.segName"
                gid
              >
              </el-option>
            </el-select>
          </el-form-item>
        </el-form>
      </div>
      <div style="display:flex">
        <div class="transBox">
          <label>åºç¡æ°æ®å¾å±</label>
          <div class="checkBox">
            <ul>
              <li
                @click="checkLeft(item)"
                :class="{checkhover:checkedLeftflag == item.id}"
                v-for='(item,index) in cities'
                :label="item.label"
                :key="item.id"
              >{{item.label}}</li>
            </ul>
          </div>
        </div>
        <div class="transInfo">
          <div>
            <el-link
              @click="setTransRight"
              :underline="false"
            ><i
                style="color:white"
                class="el-icon-d-arrow-right"
              ></i></el-link>
            <br />
            <el-link
              @click="setTransLeft"
              :underline="false"
            ><i
                style="color:white"
                class="el-icon-d-arrow-left"
              ></i></el-link>
          </div>
        </div>
        <div class="transBox">
          <label>åæå¾å±</label>
          <div class="checkBox">
            <ul>
              <li
                @click="checkRight(item)"
                :class="{checkhover:checkedRightflag == item.id}"
                v-for='(item,index) in citiyData'
                :label="item.label"
                :key="item.id"
              >{{item.label}}</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="sureButton">

        <div class="suerBox">
          <el-button
            @click="setAnalysis"
            size="small"
          >åæ</el-button>
          <el-button
            @click="clearAnalysis"
            size="small"
          >åæ¶</el-button>
        </div>

      </div>
    </div>
    <div class="contentBox">
      <div class="contentRight">
        <ul>
          <li
            @click="setlistChange(item)"
            :class="{checkhover:listflag == item.id}"
            v-for="item in listData"
          >{{item.label}}</li>
        </ul>
      </div>

      <div class="contentLeft">
        <div style="float:right;padding:2px">
          <el-button
            @click="showDialogVivable()"
            size="mini"
            type="info"
          >ä¸è½½</el-button>
          <!-- <el-button
            size="mini"
            type="info"
          >æ´è¡¨ä¸è½½</el-button> -->
          <!-- <el-button
            size="mini"
            type="info"
          >å é¤</el-button> -->
        </div>
        <el-table
          :data="tableData"
          style="width: 100%"
          height="70%"
        >
          <el-table-column
            align="center"
            type="index"
            :label="$t('operatManage.ELM.index')"
            width="70px"
          />
          <el-table-column
            label="å®ä½"
            width="100"
            align="center"
          >
            <template slot-scope="scope">
              <el-button
                icon="el-icon-map-location"
                size="mini"
                @click="spaceLocation(scope.$index, scope.row)"
              ></el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="acrossName"
            label="è¢«ç©¿è¶å°ç©åç§°"
            width="180"
          >
          </el-table-column>
          <el-table-column
            prop="acrossLength"
            label="ç©¿è¶é¿åº¦"
            width="100"
          >
          </el-table-column>
          <el-table-column
            prop="pipeName"
            label="ç®¡çº¿åç§°"
            width="180"
          >
          </el-table-column>
          <el-table-column
            prop="segName"
            label="ç®¡æ®µåç§°"
            width="180"
          >
          </el-table-column>
          <el-table-column
            prop="remarks"
            label="å¤æ³¨"
            width="100"
          >
          </el-table-column>
        </el-table>
        <div
          class="pagination_box"
          style="margin-top:10px"
        >
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="pageData.pageIndex"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="pageData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="pageData.pageCount"
          >
          </el-pagination>
        </div>
      </div>
    </div>

    <el-dialog
      :title="$t('common.passworld')"
      :visible.sync="dialogVisible"
      width="30%"
      :before-close="handleClose"
      :modal="false"
      :show-close="false"
    >
      <el-form
        :model="codeForm"
        :rules="rules"
        ref="codeForm"
        label-width="100px"
        class="codeForm"
      >
        <el-form-item
          :label="$t('common.passworld')"
          prop="password"
        >
          <el-input
            type="password"
            v-model="codeForm.password"
            show-password
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('common.SPassword')"
          prop="repassword"
        >
          <el-input
            type="password"
            v-model="codeForm.repassword"
            show-password
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button
            class="primary"
            size="small"
            @click="download "
          >{{$t('common.confirm')}}</el-button>
          <el-button
            type="info"
            size="small"
            @click="closeDialog "
          >{{$t('common.cancel')}}</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <iframe
      id="Iframe1"
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
  </div>
</template>

<script>
import WKT from 'terraformer-wkt-parser'
import { getToken } from "@/utils/auth";
import { pipelines_selectSegNames, pipeline_selectPipeAnalysis, sign_getPublicKey, pipeline_downloadReq } from '../../api/api.js';
import $ from "jquery";
export default {
  data() {
    var repasswordValidator = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('è¯·åæ¬¡è¾å¥å¯ç '));
      } else if (value !== this.codeForm.password) {
        callback(new Error('ä¸¤æ¬¡è¾å¥å¯ç ä¸ä¸è´!'));
      } else {
        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 {
      rules: {
        password: [{ required: true, message: 'è¯·è¾å¥å¯ç ', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }],
        repassword: [
          { required: true, message: 'è¯·è¾å¥ç¡®è®¤å¯ç ', trigger: 'blur' },
          { validator: repasswordValidator, trigger: 'blur' },
        ],
      },
      dialogVisible: false,
      codeForm: {
        repassword: '', password: ''
      },
      ruleFrom: {
        value1: '',
        value2: ''
      },
      options1: [],
      options2: [],
      checkList: [],
      checkData: [{
        id: 1,
        label: 'éè·¯(dlg_25w_lrrl)',
        tabs: 'dlg_25w_lrrl',
        tabdesc: 'éè·¯',
        table: 'bd.dlg_25w_lrrl',
        checked: false,
      }, {
        id: 2,
        label: 'å¬è·¯(dlg_25w_lrdl)',
        tabs: 'dlg_25w_lrdl',
        tabdesc: 'å¬è·¯',
        table: 'bd.dlg_25w_lrdl',
        checked: false,
      }, {
        id: 3,
        label: 'æ°´ç³»çº¿(dlg_25w_hydl)',
        tabs: 'dlg_25w_hydl',
        tabdesc: 'æ°´ç³»çº¿',
        table: 'bd.dlg_25w_hydl',
        checked: false,
      }, {
        id: 4,
        label: 'æ°´ç³»é¢(dlg_25w_hyda)',
        tabs: 'dlg_25w_hyda',
        tabdesc: 'æ°´ç³»é¢',
        table: 'bd.dlg_25w_hyda',
        checked: false,
      }],
      citiyData: [],
      cities: [],
      checkedCities: [],
      tableData: [],
      leftChecked: null,
      rightChecked: null,
      checkedLeftflag: null,
      checkedRightflag: null,
      analyGid: null,
      listData: [],
      listflag: null,
      featureData: [],
      pageData: {
        pageIndex: 1,
        pageSize: 10,
        pageCount: 0
      },
      multipleSelection: [],
      featurTable: null,
    }
  },
  methods: {
    spaceLocation(index, row) {
      // var wkt = row.wkt;
      // var wkt = 'POINT(115.18478138905392 40.57482771162533)'
      // var wkt = 'MULTIPOINT(115.93358953162945 40.479862914876286,115.92324938088053 40.47513850651151)'
      //var wkt = 'LINESTRING(116.29963795744581 40.412471126263874,116.30084981880705 40.411513388032716)'
      var wkt = 'MULTILINESTRING((115.87321225794265 40.452276576555455,115.87744445061348 40.45421026272125),(115.87918147829747 40.45500390957606,115.87983275512077 40.455301477546435))'
      var geojson = WKT.parse(wkt);

      this.claerAll();
      switch (geojson.type) {
        case 'Point':
          this.setShowImagePoint(geojson.coordinates)
          break;
        case 'MultiPoint':
          for (var i in geojson.coordinates) {
            this.setShowImagePoint(geojson.coordinates[i])
          }
          break;
        case 'LineString':
          this.setShowImageLine(geojson.coordinates)
          break;
        case 'MultiLineString':
          for (var i in geojson.coordinates) {
            this.setShowImageLine(geojson.coordinates[i])
          }

          break;
      }
    },
    setShowImagePoint(res) {
      var obj = { X: res[0], Y: res[1], Altitude: 1000 }
      var imageLabel = sgworld.Creator.CreateImageLabel(obj, SmartEarthRootUrl + "Workers/image/mark.png", {}, 0, "ç®¡éç©ºé´åæ");
      this.$store.state.pipelineEntity.push(imageLabel.item)
      sgworld.Navigate.flyToObj(imageLabel.item);
    },
    setShowImageLine(res) {
      var obj = [];
      for (var i in res) {
        obj.push({ x: res[i][0], y: res[i][1], z: 1000 })
      }
      var line = sgworld.Creator.createPolyline(obj, "#ffff00", 1, 0, "ç®¡éç©ºé´åæ");
      this.$store.state.pipelineEntity.push(line.item)
      sgworld.Navigate.flyToObj(line.item);
    },
    claerAll() {
      for (var i in this.$store.state.pipelineEntity) {
        var item = this.$store.state.pipelineEntity[i]
        sgworld.Viewer.entities.remove(item);
      }
      this.$store.state.pipelineEntity = [];
    },
    async signGetPublicKey() {
      const res = await sign_getPublicKey();
      if (res && res.code == 200) {
        window.encrypt = new JSEncrypt();
        encrypt.setPublicKey(res.result);
      }
    },
    async download() {

      var std = [];
      for (var i in this.listData) {

        std.push(this.listData[i].table)
      }
      var obj = {
        pwd: encrypt.encrypt(this.codeForm.password),
        gid: this.analyGid,
        tabs: std
      };
      const data = await pipeline_downloadReq(obj);
      if (data.code != 200) {

        this.$message.error("ä¸è½½è¯·æ±å¤±è´¥");
        this.closeDialog();

        return;
      }
      this.closeDialog();

      var token = getToken();
      var url =
        BASE_URL +
        "/pipeline/downloadFile?token=" +
        token +
        "&guid=" +
        data.result +
        "&pwd=" +
        encodeURIComponent(obj.pwd);

      $("#Iframe1").attr("src", url).click();
      //  this.$store.state.loading = false;
    },
    showDialogVivable() {
      if (this.listData.length == 0) return
      this.dialogVisible = true
    },
    handleClose() {
      this.$confirm('ç¡®è®¤å³éï¼')
        .then(_ => {
          this.closeDialog()
        })
        .catch(_ => { });
    },
    closeDialog() {
      this.dialogVisible = false
      this.codeForm = {
        repassword: '', password: ''
      }
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    setTransLeft() {
      if (this.rightChecked == null) return
      this.cities.push(this.rightChecked)
      this.citiyData.forEach((value, index, array) => {
        if (value.label == this.rightChecked.label) {
          array.splice(index, 1)
        }
      });
      this.checkedLeftflag = null;
      this.rightChecked = null

    },
    setTransRight() {
      if (this.leftChecked == null) return
      this.citiyData.push(this.leftChecked)
      this.cities.forEach((value, index, array) => {
        if (value.label == this.leftChecked.label) {
          array.splice(index, 1)
        }
      });
      this.checkedRightflag = null;
      this.leftChecked = null
    },
    checkLeft(res) {
      this.checkedLeftflag = res.id;
      this.leftChecked = res;
    },
    checkRight(res) {
      this.checkedRightflag = res.id;
      this.rightChecked = res;
    },
    selectChange(res) {
      this.changeSelect2(res)
    },
    selectChange1(res) {
      this.analyGid = res;
    },
    changeSelect2(res) {
      this.options2 = [];
      var value = this.options1;
      for (var i in value) {
        if (value[i].pipeName == res) {
          this.options2.push(value[i])
        }
      }
      this.ruleFrom.value2 = this.options2[0].segName;
      this.analyGid = this.options2[0].gid;
    },
    clearAnalysis() {
      this.tableData = [];
      this.listData = [];

      this.cities = [{
        id: 1,
        label: 'éè·¯(dlg_25w_lrrl)',
        tabs: 'dlg_25w_lrrl',
        tabdesc: 'éè·¯',
        table: 'bd.dlg_25w_lrrl',
        checked: false,
      }, {
        id: 2,
        label: 'å¬è·¯(dlg_25w_lrdl)',
        tabs: 'dlg_25w_lrdl',
        tabdesc: 'å¬è·¯',
        table: 'bd.dlg_25w_lrdl',
        checked: false,
      }, {
        id: 3,
        label: 'æ°´ç³»çº¿(dlg_25w_hydl)',
        tabs: 'dlg_25w_hydl',
        tabdesc: 'æ°´ç³»çº¿',
        table: 'bd.dlg_25w_hydl',
        checked: false,
      }, {
        id: 4,
        label: 'æ°´ç³»é¢(dlg_25w_hyda)',
        tabs: 'dlg_25w_hyda',
        tabdesc: 'æ°´ç³»é¢',
        table: 'bd.dlg_25w_hyda',
        checked: false,
      }];
      this.citiyData = [];
      this.getAllData();
      this.listflag = null;
      this.checkedRightflag = null;
      this.checkedLeftflag = null;
      this.pageData = {
        pageIndex: 1,
        pageSize: 10,
        pageCount: 0
      }
    },

    async setAnalysis() {
      if (this.citiyData.length == 0) {
        this.$message.error('è¯·éæ©è¦åæçå¾å±!');
      }
      var std = [];
      var listTable = [];
      for (var i in this.citiyData) {
        std.push(this.citiyData[i].table)
        listTable.push(this.citiyData[i])
      }
      this.listData = listTable;
      this.listflag = this.listData[0].id
      var obj = {
        gid: this.analyGid,
        tabs: std
      }
      const data = await pipeline_selectPipeAnalysis(obj);
      if (data.code != 200) {
        this.$message.error('åè¡¨è°ç¨å¤±è´¥');
      }
      this.featureData = data.result;
      this.featurTable = this.featureData[this.listData[0].table]
      this.pageData.pageCount = this.featurTable.length;
      this.pageData.pageIndex = 1;
      this.pageData.pageSize = 10;
      this.changePageData();
    },
    setlistChange(res) {
      this.listflag = res.id
      this.featurTable = this.featureData[res.table]
      this.pageData.pageCount = this.featurTable.length;
      this.pageData.pageIndex = 1;
      this.pageData.pageSize = 10;
      this.changePageData();
    },
    changePageData() {
      var start = (this.pageData.pageIndex) * this.pageData.pageSize;
      var end = start + this.pageData.pageSize;
      this.tableData = this.featurTable.slice(start, end);
    },
    handleSizeChange(val) {
      this.pageData.pageIndex = 1;
      this.pageData.pageSize = val;
      this.changePageData();
    },
    handleCurrentChange(val) {
      this.pageData.pageIndex = val;
      this.changePageData();
    },
    async getAllData() {
      const data = await pipelines_selectSegNames();
      if (data.code != 200) {
        this.$message.error('åè¡¨è°ç¨å¤±è´¥');
      }
      this.options1 = data.result;
      this.ruleFrom.value1 = this.options1[0].pipeName;
      this.changeSelect2(this.ruleFrom.value1)
    },
  },
  mounted() {

    this.cities = [{
      id: 1,
      label: 'éè·¯(dlg_25w_lrrl)',
      tabs: 'dlg_25w_lrrl',
      tabdesc: 'éè·¯',
      table: 'bd.dlg_25w_lrrl',
      checked: false,
    }, {
      id: 2,
      label: 'å¬è·¯(dlg_25w_lrdl)',
      tabs: 'dlg_25w_lrdl',
      tabdesc: 'å¬è·¯',
      table: 'bd.dlg_25w_lrdl',
      checked: false,
    }, {
      id: 3,
      label: 'æ°´ç³»çº¿(dlg_25w_hydl)',
      tabs: 'dlg_25w_hydl',
      tabdesc: 'æ°´ç³»çº¿',
      table: 'bd.dlg_25w_hydl',
      checked: false,
    }, {
      id: 4,
      label: 'æ°´ç³»é¢(dlg_25w_hyda)',
      tabs: 'dlg_25w_hyda',
      tabdesc: 'æ°´ç³»é¢',
      table: 'bd.dlg_25w_hyda',
      checked: false,
    }];
    this.getAllData();
    this.signGetPublicKey();
  }
}
</script>

<style scoped lang="less">
.pipeLineBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  .headerBox {
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: space-around;
    .elFrom {
      width: 300px;
      height: 130%;
    }
    .transBox {
      width: 200px;
      height: 100%;
      .checkBox {
        width: 100%;
        height: 90px;
        border: 1px solid white;
        border-radius: 5px;
        overflow-y: auto;
      }

      label {
        color: white;
      }
    }

    .transInfo {
      padding: 5px;
      display: flex;
      align-items: center;
    }
    .sureButton {
      display: flex;
      align-items: center;
      height: 100%;
      .suerBox {
        width: 100%;
        height: 40px;
      }
    }
  }
  .contentBox {
    width: 100%;
    height: 266px;

    display: flex;
    .contentRight {
      width: 30%;
      height: 100%;
      border: 1px solid white;
      overflow: auto;
    }
    .contentLeft {
      width: 70%;
      height: 100%;
    }
  }
  .checkhover {
    color: #409eff;
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-button {
    background: #303030;
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾å¥æ¡çèæ¯è²ãåä½é¢è²ãè¾¹æ¡å±æ§è®¾ç½®ï¼
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /deep/ .el-table {
    background-color: transparent;
    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èæ¯è²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hoverææ
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»å¨æ¡å®½é«
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*æ»å¨æ¡å®½åº¦*/
      height: 10px;
      /*æ»å¨æ¡é«åº¦*/
    }
    /*å®ä¹æ»å¨æ¡è½¨é åé´å½±+åè§*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*æ»å¨æ¡çèæ¯åºåçåé´å½±*/
      border-radius: 10px;
    }

    /*å®ä¹æ»å åé´å½±+åè§*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  /deep/.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #fff;
  }
  /deep/.el-checkbox__label {
    float: right;
  }
  .country-group {
    display: flex;
    justify-content: center;

    .country-group-item {
      margin: 4px 0;
    }
  }
  .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;
    }
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
}
</style>

 src/views/Tools/queryinfo.vue

@@ -5,18 +5,17 @@
      v-for="(data, index) in PopupData"
      :key="data.id"
       :title="data.title || 'æç¤º'"
       maxHeight="360px"
    
      maxHeight="400"
      @close="close(data.id)"
      left="calc(100% - 960px)"
      top="calc(100% - 430px) "
      top="calc(100% - 470px) "
    >
   <div>
    <div style="width:940px;height:358px;">

        <div style="width:940px;height:400px;">

  <map-menu-pop v-if="$store.state.mapPopBoxFlag == '1'" />
        <map-space-pop v-if="$store.state.mapPopBoxFlag == '2'" />
          <pipe-line-analy v-if="$store.state.mapPopBoxFlag == '3'" />
    </div>
   </div>
    </Popup>
@@ -27,13 +26,15 @@
import Popup from './Popup.vue';
import mapMenuPop from '../../components/MapView/mapMenuPop.vue';
import mapSpacePop from '../../components/MapView/mapSpacePop.vue';
import pipeLineAnaly from './pipeLineAnaly.vue'
export default {
  name: 'queryinfo',

  components: {
    Popup,
 mapMenuPop,
 mapSpacePop
    mapSpacePop,
    pipeLineAnaly
  },
  data() {
    return {

 src/views/datamanage/dataLoader.vue

@@ -855,7 +855,7 @@
    },
    //æä»¶ä¸ä¼ 
    setFileUpload() {
      this.handlerLoading(true);
      this.fullscreenLoading = true;
      var token = getToken();
      var formData = new FormData();

@@ -874,22 +874,24 @@
        processData: false,
        contentType: false,
        success: (rs) => {

          this.getFileLength();

this.fullscreenLoading = false;
          this.$message({
            message: 'æ°æ®ä¸ä¼ æå',
            type: 'success'
          });
          this.getFileLength();

       
      this.clearFileSelect();
        },
        error: (rs) => {
          this.fullscreenLoading = false;
          this.$message.error('æ°æ®ä¸ä¼ å¤±è´¥');
           this.clearFileSelect();
        }
      });

      this.handlerLoading(false);
 
    },
    //è·åæä»¶ä¸ä¼ æ°æ®
    async getFileLength() {
@@ -977,7 +979,7 @@

    //Loadingæ¾é
    handlerLoading(res) {
      this.fullscreenLoading = res;
     
    },
    //ç®å½åæ¢
    catalogChange(value) {
@@ -1328,3 +1330,8 @@
  }
}
</style>
<style>
.el-loading-spinner i {
  color: #1890ff !important;
}
</style>

 src/views/datamanage/dataUpdata.vue

@@ -1,19 +1,30 @@
<template>
  <div class="authorityManagement_box"    v-loading.fullscreen.lock="fullscreenLoading"
  <div
    class="authorityManagement_box"
    v-loading.fullscreen.lock="fullscreenLoading"
                element-loading-spinner="el-icon-loading"
                 element-loading-background="rgba(0, 0, 0, 0.8)">
    <My-bread
      :list="[
    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.dataUpdata')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="updateContent">
               <el-tabs v-model="activeTabName" @tab-click="handleTabClick">
    <el-tab-pane :label="$t('dataManage.dataUpObj.uploaddata')" name="first">
      <el-tabs
        v-model="activeTabName"
        @tab-click="handleTabClick"
      >
        <el-tab-pane
          :label="$t('dataManage.dataUpObj.uploaddata')"
          name="first"
        >
            <div class="contentIquery">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
            <el-form
              :inline="true"
              :model="formInline"
              class="demo-form-inline"
            >
          <el-form-item :label="$t('dataManage.dataUpObj.catalogue')">
            <el-cascader
              v-model="formInline.dirid"
@@ -31,12 +42,16 @@
            ></el-cascader>
          </el-form-item>
          <el-form-item :label="$t('dataManage.dataUpObj.versionNo')">
              <el-select v-model="formInline.verid" :placeholder="$t('common.choose')">
                <el-select
                  v-model="formInline.verid"
                  :placeholder="$t('common.choose')"
                >
              <el-option
                v-for="item in verOption"
                :key="item.id"
                :label="item.name"
                :value="item.id">
                    :value="item.id"
                  >
              </el-option>
              </el-select>
          </el-form-item>
@@ -54,23 +69,29 @@
              <el-input
              type="textarea"
              v-model="formInline.fileName"

              class="nm-skin-pretty"
              show-word-limit
              :rows="2"  resize='none'
                  :rows="2"
                  resize='none'
              style="width: 600px;"
            ></el-input>
            ></el-input>
          </el-form-item>
          <el-form-item>
            <input id="uploadfile" @change= "handleFileChange" type="file"  name="file" multiple="multiple"  style="display: none"></input>
                <input
                  id="uploadfile"
                  @change="handleFileChange"
                  type="file"
                  name="file"
                  multiple="multiple"
                  style="display: none"
                ></input>




             <el-button v-if="formInline.fileName == 'æªéæ©æä»¶'"
                <el-button
                  v-if="formInline.fileName == 'æªéæ©æä»¶'"
              type="info"
                @click="fileSelect">
                  @click="fileSelect"
                >
                   éæ©æä»¶
             </el-button>
             <el-button
@@ -90,14 +111,17 @@
              maxlength="50"
              class="nm-skin-pretty"
              show-word-limit
              :rows="2"  resize='none'
                  :rows="2"
                  resize='none'
              style="width: 460px"
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-upload" @click="setFileUpload"

             type="success">{{
                <el-button
                  icon="el-icon-upload"
                  @click="setFileUpload"
                  type="success"
                >{{
              $t('common.upload')
            }}</el-button>

@@ -105,23 +129,19 @@
              icon="el-icon-delete"
              type="danger"
              @click="setFileDelete"

              :disabled="tableData.length == 0 ? true : false"
              >{{ $t('common.delete') }}</el-button
            >
                >{{ $t('common.delete') }}</el-button>
             <el-button
              icon="el-icon-data-line"
              type="info"
               disabled
              >{{ $t('common.quayTest') }}</el-button
            >
                >{{ $t('common.quayTest') }}</el-button>
            <el-button
              icon="el-icon-folder-add"
              type="warning"
                @click="setFileWare"
              :disabled="tableData.length == 0 ? true : false"
              >{{ $t('common.Warehousin') }}</el-button
            >
                >{{ $t('common.Warehousin') }}</el-button>
          </el-form-item>
        </el-form>
      </div>
@@ -131,8 +151,12 @@
        :data="tableData"
        style="width: width:99%"
        height="99%"
        @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" />
              @selection-change="handleSelectionChange"
            >
              <el-table-column
                type="selection"
                width="55"
              />
        <el-table-column
          align="center"
          type="index"
@@ -163,31 +187,50 @@
      </div>

      </el-tab-pane>
    <el-tab-pane :label="$t('dataManage.dataUpObj.receiptdata')" name="second">
<div class="contentIquery" style="padding-bottom: 0% !important;">
        <el-form :inline="true" :model="formWarehousing" class="demo-form-inline">
        <el-tab-pane
          :label="$t('dataManage.dataUpObj.receiptdata')"
          name="second"
        >
          <div
            class="contentIquery"
            style="padding-bottom: 0% !important;"
          >
            <el-form
              :inline="true"
              :model="formWarehousing"
              class="demo-form-inline"
            >
          <el-form-item :label="$t('dataManage.dataUpObj.describe')">
<el-input v-model="formWarehousing.name" placeholder="è¯·è¾å¥åå®¹"></el-input>
                <el-input
                  v-model="formWarehousing.name"
                  placeholder="è¯·è¾å¥åå®¹"
                ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-upload" @click="setWarehouseSearch"
           class="primary">{{
                <el-button
                  icon="el-icon-upload"
                  @click="setWarehouseSearch"
                  class="primary"
                >{{
              $t('common.iquery')
            }}</el-button>
            <el-button @click="setWarehouseReset"
                <el-button
                  @click="setWarehouseReset"
              icon="el-icon-folder-add"
              type="info"
              >{{ $t('common.reset') }}</el-button
            >
             <el-button @click="setWarehouseDel"
                >{{ $t('common.reset') }}</el-button>
                <el-button
                  @click="setWarehouseDel"
              icon="el-icon-folder-delete"
              type="danger"
              >{{ $t('common.delete') }}</el-button
            >
                >{{ $t('common.delete') }}</el-button>
          </el-form-item>
        </el-form>
      </div>
   <div class="contentTable" style="height:500px">
          <div
            class="contentTable"
            style="height:500px"
          >
   <el-table
     :data="waretableData"
   @selection-change="handleDelteChange"
@@ -196,7 +239,8 @@
 >
    <el-table-column
      type="selection"
      width="55"/>
                width="55"
              />
        <el-table-column
          align="center"
          type="index"
@@ -215,7 +259,6 @@
          prop="dirName"
          :label="$t('dataManage.dataUpObj.catalogue')"
          fixed

        />
         <el-table-column
          align="center"
@@ -275,7 +318,10 @@
        />
    </el-table>

      <div style="margin-top: 10px" class="pagination_box">
            <div
              style="margin-top: 10px"
              class="pagination_box"
            >
    <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -300,8 +346,10 @@
import $ from 'jquery';
import MyBread from '../../components/MyBread.vue';
import { getToken } from '@/utils/auth';
import { selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
dataUpload_selectByPageForUpload,dataUpload_deleteMetas} from '../../api/api';
import {
  selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
  dataUpload_selectByPageForUpload, dataUpload_deleteMetas
} from '../../api/api';
export default {
  name: 'dataUpdata',
  components: {
@@ -494,7 +542,7 @@
    },
    //æ°æ®å é¤
    async setFileDelete() {
      this.handlerLoading(true);

      var data = JSON.stringify(this.multipleSelection);
      const res = await dataUploadDeleteFiles(data);
      if (res.code != 200) {
@@ -502,10 +550,6 @@
        return;
      }
      this.getFileLength();



      this.handlerLoading(false);
    },
    //æ°æ®å¥åº
    async setFileWare() {
@@ -543,13 +587,13 @@
    },
    //æä»¶ä¸ä¼ 
    setFileUpload() {
      this.handlerLoading(true);
      this.fullscreenLoading = true;
      var token = getToken();
      var formData = new FormData();

      var fs = document.getElementById("uploadfile");
      if (fs.files.length == 0) {
        this.handlerLoading(false);

        return this.$message.error('è¯·éæ©éè¦ä¸ä¼ çæä»¶');
      }
      for (var i = 0, c = fs.files.length; i < c; i++) {
@@ -565,20 +609,26 @@
        contentType: false,
        success: (rs) => {
          this.getFileLength();

          this.fullscreenLoading = false;
          this.$message({
            message: 'ä¸ä¼ æå',
            type: 'success'
          });
this.clearFileSelect();
        },

        error: (rs) => {
          alert("ä¸ä¼ æä»¶å¤±è´¥ï¼");
          this.fullscreenLoading = false;
            this.$message.error('æ°æ®ä¸ä¼ å¤±è´¥');
          this.clearFileSelect();
        }
      });

      this.handlerLoading(false);

    },
    progressHandle(e) {
      var percent = (e.loaded / e.total * 100).toFixed(2);
      console.log(percent)
    },
    //è·åæä»¶ä¸ä¼ æ°æ®
    async getFileLength() {
@@ -891,3 +941,8 @@
  }
}
</style>
<style>
.el-loading-spinner i {
  color: #1890ff !important;
}
</style>

			@@ -21,12 +21,38 @@
			}
			document.writeln("<link href='./layui-v2.6.8/css/layui.css?" + new Date().getTime() + "' rel='stylesheet' \/>");
			document.writeln("<link href='./css/index.css?" + new Date().getTime() + "' rel='stylesheet' \/>");
			document.writeln("<script src='./js/detect.js?" + new Date().getTime() + "'><\/script>");
			document.writeln("<script src='./js/index.js?" + new Date().getTime() + "'><\/script>");
			</script>
			</head>

			<body>
			<div class="mapView">
			<div id="download" style="display: none;">
			<p>
			<b style="font-size: 24px;">ä¸ç»´è½¯ä»¶å®è£ä½¿ç¨è¯´æï¼</b>
			</p>
			<p>
			è¯´æ1ï¼å¦ææ¨æ æ³æ£ç¡®å°çå°ä¸ç»´å°å¾ï¼è¯·ä¸è½½ <a href="http://192.168.20.39/LFData/soft/TEv7.4.zip" class="a">TE v7.4.zip</a> å®è£åã
			</p>
			<p>
			è¯´æ2ï¼å®è£æ¶ï¼è¯·å¡å¿å³éæµè§å¨ååå®è£ï¼
			</p>
			<p>
			è¯´æ3ï¼å½åä»æ¯æå«æ IEæ ¸å¿ çæµè§å¨ï¼å¦ IEã360ãEdge æµè§å¨ã
			</p>
			<p>
			è¯´æ4ï¼ä½¿ç¨ 360 æµè§å¨æ¶ï¼è¯·åæ¢è³å¼å®¹æ¨¡å¼ã
			</p>
			<p>
			è¯´æ5ï¼ä½¿ç¨ Edge æµè§å¨æ¶ï¼ç¹å»å³ä¸è§ç â...â éæ© âè®¾ç½®âï¼<br />
			<span style="visibility: hidden;">è¯´æ5ï¼</span>å¨å·¦ä¾§æç´¢éé¢è¾å¥ï¼Internetï¼<br />
			<span style="visibility: hidden;">è¯´æ5ï¼</span>ç¹å» âInternet Explorer æ¨¡å¼ï¼IE æ¨¡å¼ï¼æé®âï¼å°å¼å³åæ¢è³èè²ï¼<br />
			<span style="visibility: hidden;">è¯´æ5ï¼</span>éæ©âè®© Internet Explorer å¨ Microsoft Edge ä¸æå¼ç½ç«âï¼åæ¢è³ âå§ç»ï¼æ¨èï¼âï¼<br />
			<span style="visibility: hidden;">è¯´æ5ï¼</span>éæ©âåè®¸ Internet Explorer æ¨¡å¼ä¸éæ°å è½½ç½ç«ï¼IEæ¨¡å¼ï¼âï¼åæ¢è³ âåè®¸âã<br />
			<span style="visibility: hidden;">è¯´æ5ï¼</span><img src="./imgs/Edgeè®¾ç½®.png" style="width: 630px; height: 480px;" title="Edgeè®¾ç½®" alt="Edgeè®¾ç½®" />
			</p>
			</div>
			<div id="mapView" class="mapView">
			<div class="top">
			<div class="top_left">
			<div class="Logo">

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,74 @@
			var Detect = {
			ieVer: 9.0,

			teVer: 7.4,

			sgVer: "66",

			detectIE: function () {
			var isIE = !!window.ActiveXObject \|\| "ActiveXObject" in window;
			if (!isIE) {
			alert("è¯·ä½¿ç¨å«æ IEæ ¸å¿ çæµè§å¨ï¼");
			return false;
			}

			var ieVer = this.getIEVer();
			if (ieVer < this.ieVer) {
			alert("è¯·ä½¿ç¨ IE " + this.ieVer + " æ æ´é«çæ¬ï¼");
			return false;
			}

			var flag = this.detectTE();
			if (!flag) {
			return false;
			}

			return true;
			},

			getIEVer: function () {
			var agent = window.navigator.userAgent.toLowerCase();
			var msie = agent.indexOf("msie ");
			if (msie > -1) {
			return parseFloat(agent.substring(msie + 5, agent.indexOf(";", msie)));
			}

			return 11;
			},

			detectTE: function () {
			try {
			var sg = this.getSG();
			if (sg == null) {
			return false;
			}

			//var test = new ActiveXObject("TEDetect.TETest"); if (!test \|\| test.Type == "NA") return false;
			var ver = parseFloat(sg.Version.Major + "." + sg.Version.Minor);
			if (ver < this.teVer) {
			alert("è¯·ä½¿ç¨ Skyline Globe " + this.teVer + " æ æ´é«çæ¬ï¼");
			return false;
			}

			if (ver >= 7.4) {
			this.sgVer = "74";
			} else if (ver >= 7.1) {
			this.sgVer = "71";
			} else if (ver >= 7) {
			this.sgVer = "70";
			} else {
			this.sgVer = "66";
			}

			return true;
			} catch (e) {
			console.error(e);
			}

			return false;
			},

			getSG: function () {
			return TEWinEx.CreateInstance("TerraExplorerX.SGWorld" + this.sgVer);
			}
			};

			@@ -4,8 +4,18 @@
			treePlay: 'PS\\å¨å½ç®¡ç½ä¸é¢å¾å±ç¤º',
			objTypes: [19, 23, 26, 29, 34, 36, 38, 39, 40],
			init: function () {
			var flag = Detect.detectIE();
			if (!flag) {
			this.showDownload();
			return;
			}
			this.initSG();
			},
			// æ¾ç¤ºä¸è½½
			showDownload: function () {
			$("#mapView").hide();
			$("#download").show();
			},
			initSG: function () {
			SG = TEWinEx.CreateInstance("TerraExplorerX.SGWorld74"); // SGWorld74,SGWorld71,SGWorld66
			SG.AttachEvent("OnLoadFinished", this.loadFinished);

			@@ -1,14 +1,17 @@
			const BASE_URL = 'http://192.168.20.39:12316/server';
			var ipConfig = '192.168.20.39';

			const BASE_URL = 'http://"' + ipConfig + '":12316/server';

			//webSocket æå¡å°å
			var socketUrl = 'ws://192.168.20.39:12316/server/ws/select';
			var socketUrl = 'ws://' + ipConfig + ':12316/server/ws/select';
			//æ°æ®åºçæ§å°å
			var sql_Url = 'http://192.168.20.39:8081/admin/druid/sql.html';
			var sql_Url = 'http://' + ipConfig + ':8081/admin/druid/sql.html';
			//è·¯å¾åæå°å
			var wnsUrl = 'http://192.168.20.39:9055/gisserver/wnsserver/beijingdaohang_wns';
			var wnsUrl = 'http://' + ipConfig + ':9055/gisserver/wnsserver/beijingdaohang_wns';
			//gisserver
			var gisServerUrl = 'http://192.168.20.39:9055/gisserver';
			var gisServerUrl = 'http://' + ipConfig + ':9055/gisserver';
			//geoServerUrl
			var geoserver = 'http://192.168.20.39:8088';
			var geoserver = 'http://' + ipConfig + ':8088';
			var geoServerURl = geoserver + '/geoserver/LF/wms';
			var geoserverWFS =
			geoserver +
			@@ -17,13 +20,13 @@
			geoserver +
			'/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 = 'http://192.168.20.39/LFData/tileset/SN/tileset.json';
			var modelUrl = 'http://' + ipConfig + '/LFData/tileset/SN/tileset.json';
			//DEM
			var demLayer = 'http://192.168.20.39/LFData/dem'
			var demLayer = 'http://' + ipConfig + '/LFData/dem'
			//ç»¼åå±ç¤º
			window.sceneConfig = {
			// sdkè®¸å¯
			licenseServer: 'http://192.168.20.39/LFServer',
			licenseServer: 'http://' + ipConfig + '/LFServer',
			// æå¡å°å
			baseURL: 'http://183.162.245.49:8888/',
			positionBtn: [],

			@@ -698,6 +698,22 @@
			return request.get('/apply/updateForResubmit', { params: params });
			}

			//ç®¡éåæ=ãæ¥è¯¢ç®¡æ®µ
			export function pipelines_selectSegNames(params) {
			return request.get('/pipeline/selectSegNames', { params: params });
			}
			//ç®¡éåæ=ãæ¥è¯¢ç®¡æ®µ
			export function pipeline_selectPipeAnalysis(params) {
			return request.post('/pipeline/selectPipeAnalysis', params);
			}
			//ç®¡éåæ=ãè¯·æ±ç®¡éåæç»æä¸è½½
			export function pipeline_downloadReq(params) {
			return request.post('/pipeline/downloadReq', params);
			}




			//è¯·æ±ç«åºç¹åå®¹
			export function querySitePoint(size, index, name) {
			return service.get(

			@@ -47,6 +47,8 @@
			download: false,
			showAllLayers: true,
			primitLayer:null,
			loading:false,
			pipelineEntity:[],
			},
			mutations: {
			//è·åæéåé

			@@ -14,6 +14,7 @@
			</div>
			<mapinfo ref="mapinfo" />
			<maplayer ref="maplayer" />
			<queryinfo ref="queryinfo" />
			<input
			type="file"
			accept=".kml"
			@@ -27,9 +28,9 @@
			import { transform } from 'ol/proj';
			import mapinfo from '../Tools/mapinfo.vue';
			import maplayer from '../Tools/maplayer.vue';

			import queryinfo from '../Tools/queryinfo.vue'
			export default {
			components: { mapinfo, maplayer },
			components: { mapinfo, maplayer, queryinfo },
			data() {
			return {
			showTwoMenuFlag: false,
			@@ -760,6 +761,19 @@
			}
			);
			break;
			case 'd9':
			this.$store.state.mapPopBoxFlag = '3';
			this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("ç®¡éç©ºé´åæ", null, {
			close: () => {
			if (this.$store.state.pipelineEntity.length != 0) {
			for (var i in this.$store.state.pipelineEntity) {
			var item = this.$store.state.pipelineEntity[i]
			sgworld.Viewer.entities.remove(item);
			}
			}
			}
			});
			break;
			case 'd8':
			if (this.isContrastFlag == false) {
			this.isContrastFlag = true;
			@@ -793,6 +807,7 @@
			);
			}
			break;

			case 'd11':
			if (window.Excavation) {
			window.Excavation.clear();

			@@ -1,19 +1,34 @@
			<template>
			<div class="synthesis">
			<div
			class="synthesis"
			v-loading="$store.state.loading"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.8)"
			>
			<div class="lefIcon">
			<ul>
			<li
			v-for="item in showMenuList"
			:class="{ lefMenuActive: showMenuFlag == item.id }"
			>
			<div class="menuDiv" :title="item.name" @click="setMenuChange(item)">
			<div class="menuImage" :class="item.class"></div>
			<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="left_main"
			:class="{ left_main_show: !openStatus }"
			>
			<div class="right_Map">
			<left-menu></left-menu>
			</div>
			@@ -212,44 +227,44 @@
			}

			.menu_img1 {
			background: url('../../assets/img/synthesis/ç³»ç»èå.png') no-repeat
			background: url("../../assets/img/synthesis/ç³»ç»èå.png") no-repeat
			center;
			}
			.menu_img2 {
			background: url('../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 2.png')
			background: url("../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 2.png")
			no-repeat center;
			}
			.menu_img3 {
			background: url('../../assets/img/synthesis/å¾å± 6 æ·è´.png') no-repeat
			background: url("../../assets/img/synthesis/å¾å± 6 æ·è´.png") no-repeat
			center;
			}
			.menu_img4 {
			background: url('../../assets/img/synthesis/å¾å± 8 æ·è´ 2.png')
			background: url("../../assets/img/synthesis/å¾å± 8 æ·è´ 2.png")
			no-repeat center;
			}
			.menu_img5 {
			background: url('../../assets/img/synthesis/ç¢éæºè½å¯¹è±¡ æ·è´ 3.png')
			background: url("../../assets/img/synthesis/ç¢éæºè½å¯¹è±¡ æ·è´ 3.png")
			no-repeat center;
			}
			.menu_img6 {
			background: url('../../assets/img/synthesis/å¾å± 9 æ·è´ 4.png')
			background: url("../../assets/img/synthesis/å¾å± 9 æ·è´ 4.png")
			no-repeat center;
			}
			.menu_img7 {
			background: url('../../assets/img/synthesis/å¾å± 7 æ·è´ 5.png')
			background: url("../../assets/img/synthesis/å¾å± 7 æ·è´ 5.png")
			no-repeat center;
			}
			.menu_img8 {
			background: url('../../assets/img/synthesis/å¾å± 5 æ·è´ 6.png')
			background: url("../../assets/img/synthesis/å¾å± 5 æ·è´ 6.png")
			no-repeat center;
			}
			.menu_img9 {
			background: url('../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 11.png')
			background: url("../../assets/img/synthesis/ç©å½¢ 8 æ·è´ 11.png")
			no-repeat center;
			}
			.menu_img10{
			background: url('../../assets/img/synthesis/åºæ¯æå¼1.png')
			no-repeat center;
			background: url("../../assets/img/synthesis/åºæ¯æå¼1.png") no-repeat
			center;
			}
			}
			// li {
			@@ -307,7 +322,7 @@
			.active {
			width: 100%;
			height: 100%;
			background: url('../../assets/img/Layer/imgLayer2.png') no-repeat center;
			background: url("../../assets/img/Layer/imgLayer2.png") no-repeat center;
			position: absolute;
			background-size: 100% 100%;
			border-radius: 5px;
			@@ -315,11 +330,14 @@
			.menuLayer {
			width: 100%;
			height: 100%;
			background: url('../../assets/img/Layer/imgLayer1.png') no-repeat center;
			background: url("../../assets/img/Layer/imgLayer1.png") no-repeat center;
			position: absolute;
			background-size: 100% 100%;
			border-radius: 5px;
			}
			}
			/deep/.el-loading-spinner i{
			color: #1890FF;
			}
			}
			</style>

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,863 @@
			<template>
			<div class="pipeLineBox">
			<div class="headerBox">
			<div class="elFrom">
			<el-form
			ref="form"
			:model="ruleFrom"
			label-width="120px"
			>
			<el-form-item label="ç®¡éä¸å¿çº¿">
			<el-select
			@change="selectChange"
			v-model="ruleFrom.value1"
			placeholder="è¯·éæ©"
			>
			<el-option
			v-for="item in options1"
			:key="item.gid"
			:label="item.pipeName"
			:value="item.pipeName"
			>
			</el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="éåç®¡é">
			<el-select
			@change="selectChange1"
			v-model="ruleFrom.value2"
			placeholder="è¯·éæ©"
			>
			<el-option
			v-for="item in options2"
			:key="item.gid"
			:label="item.segName"
			:value="item.segName"
			gid
			>
			</el-option>
			</el-select>
			</el-form-item>
			</el-form>
			</div>
			<div style="display:flex">
			<div class="transBox">
			<label>åºç¡æ°æ®å¾å±</label>
			<div class="checkBox">
			<ul>
			<li
			@click="checkLeft(item)"
			:class="{checkhover:checkedLeftflag == item.id}"
			v-for='(item,index) in cities'
			:label="item.label"
			:key="item.id"
			>{{item.label}}</li>
			</ul>
			</div>
			</div>
			<div class="transInfo">
			<div>
			<el-link
			@click="setTransRight"
			:underline="false"
			><i
			style="color:white"
			class="el-icon-d-arrow-right"
			></i></el-link>
			<br />
			<el-link
			@click="setTransLeft"
			:underline="false"
			><i
			style="color:white"
			class="el-icon-d-arrow-left"
			></i></el-link>
			</div>
			</div>
			<div class="transBox">
			<label>åæå¾å±</label>
			<div class="checkBox">
			<ul>
			<li
			@click="checkRight(item)"
			:class="{checkhover:checkedRightflag == item.id}"
			v-for='(item,index) in citiyData'
			:label="item.label"
			:key="item.id"
			>{{item.label}}</li>
			</ul>
			</div>
			</div>
			</div>
			<div class="sureButton">

			<div class="suerBox">
			<el-button
			@click="setAnalysis"
			size="small"
			>åæ</el-button>
			<el-button
			@click="clearAnalysis"
			size="small"
			>åæ¶</el-button>
			</div>

			</div>
			</div>
			<div class="contentBox">
			<div class="contentRight">
			<ul>
			<li
			@click="setlistChange(item)"
			:class="{checkhover:listflag == item.id}"
			v-for="item in listData"
			>{{item.label}}</li>
			</ul>
			</div>

			<div class="contentLeft">
			<div style="float:right;padding:2px">
			<el-button
			@click="showDialogVivable()"
			size="mini"
			type="info"
			>ä¸è½½</el-button>
			<!-- <el-button
			size="mini"
			type="info"
			>æ´è¡¨ä¸è½½</el-button> -->
			<!-- <el-button
			size="mini"
			type="info"
			>å é¤</el-button> -->
			</div>
			<el-table
			:data="tableData"
			style="width: 100%"
			height="70%"
			>
			<el-table-column
			align="center"
			type="index"
			:label="$t('operatManage.ELM.index')"
			width="70px"
			/>
			<el-table-column
			label="å®ä½"
			width="100"
			align="center"
			>
			<template slot-scope="scope">
			<el-button
			icon="el-icon-map-location"
			size="mini"
			@click="spaceLocation(scope.$index, scope.row)"
			></el-button>
			</template>
			</el-table-column>
			<el-table-column
			prop="acrossName"
			label="è¢«ç©¿è¶å°ç©åç§°"
			width="180"
			>
			</el-table-column>
			<el-table-column
			prop="acrossLength"
			label="ç©¿è¶é¿åº¦"
			width="100"
			>
			</el-table-column>
			<el-table-column
			prop="pipeName"
			label="ç®¡çº¿åç§°"
			width="180"
			>
			</el-table-column>
			<el-table-column
			prop="segName"
			label="ç®¡æ®µåç§°"
			width="180"
			>
			</el-table-column>
			<el-table-column
			prop="remarks"
			label="å¤æ³¨"
			width="100"
			>
			</el-table-column>
			</el-table>
			<div
			class="pagination_box"
			style="margin-top:10px"
			>
			<el-pagination
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			:current-page="pageData.pageIndex"
			:page-sizes="[10, 20, 30, 40]"
			:page-size="pageData.pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="pageData.pageCount"
			>
			</el-pagination>
			</div>
			</div>
			</div>

			<el-dialog
			:title="$t('common.passworld')"
			:visible.sync="dialogVisible"
			width="30%"
			:before-close="handleClose"
			:modal="false"
			:show-close="false"
			>
			<el-form
			:model="codeForm"
			:rules="rules"
			ref="codeForm"
			label-width="100px"
			class="codeForm"
			>
			<el-form-item
			:label="$t('common.passworld')"
			prop="password"
			>
			<el-input
			type="password"
			v-model="codeForm.password"
			show-password
			></el-input>
			</el-form-item>
			<el-form-item
			:label="$t('common.SPassword')"
			prop="repassword"
			>
			<el-input
			type="password"
			v-model="codeForm.repassword"
			show-password
			></el-input>
			</el-form-item>
			<el-form-item>
			<el-button
			class="primary"
			size="small"
			@click="download "
			>{{$t('common.confirm')}}</el-button>
			<el-button
			type="info"
			size="small"
			@click="closeDialog "
			>{{$t('common.cancel')}}</el-button>
			</el-form-item>
			</el-form>
			</el-dialog>
			<iframe
			id="Iframe1"
			src=""
			style="display: none; border: 0; padding: 0; height: 0; width: 0"
			></iframe>
			</div>
			</template>

			<script>
			import WKT from 'terraformer-wkt-parser'
			import { getToken } from "@/utils/auth";
			import { pipelines_selectSegNames, pipeline_selectPipeAnalysis, sign_getPublicKey, pipeline_downloadReq } from '../../api/api.js';
			import $ from "jquery";
			export default {
			data() {
			var repasswordValidator = (rule, value, callback) => {
			if (value === '') {
			callback(new Error('è¯·åæ¬¡è¾å¥å¯ç '));
			} else if (value !== this.codeForm.password) {
			callback(new Error('ä¸¤æ¬¡è¾å¥å¯ç ä¸ä¸è´!'));
			} else {
			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 {
			rules: {
			password: [{ required: true, message: 'è¯·è¾å¥å¯ç ', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }],
			repassword: [
			{ required: true, message: 'è¯·è¾å¥ç¡®è®¤å¯ç ', trigger: 'blur' },
			{ validator: repasswordValidator, trigger: 'blur' },
			],
			},
			dialogVisible: false,
			codeForm: {
			repassword: '', password: ''
			},
			ruleFrom: {
			value1: '',
			value2: ''
			},
			options1: [],
			options2: [],
			checkList: [],
			checkData: [{
			id: 1,
			label: 'éè·¯(dlg_25w_lrrl)',
			tabs: 'dlg_25w_lrrl',
			tabdesc: 'éè·¯',
			table: 'bd.dlg_25w_lrrl',
			checked: false,
			}, {
			id: 2,
			label: 'å¬è·¯(dlg_25w_lrdl)',
			tabs: 'dlg_25w_lrdl',
			tabdesc: 'å¬è·¯',
			table: 'bd.dlg_25w_lrdl',
			checked: false,
			}, {
			id: 3,
			label: 'æ°´ç³»çº¿(dlg_25w_hydl)',
			tabs: 'dlg_25w_hydl',
			tabdesc: 'æ°´ç³»çº¿',
			table: 'bd.dlg_25w_hydl',
			checked: false,
			}, {
			id: 4,
			label: 'æ°´ç³»é¢(dlg_25w_hyda)',
			tabs: 'dlg_25w_hyda',
			tabdesc: 'æ°´ç³»é¢',
			table: 'bd.dlg_25w_hyda',
			checked: false,
			}],
			citiyData: [],
			cities: [],
			checkedCities: [],
			tableData: [],
			leftChecked: null,
			rightChecked: null,
			checkedLeftflag: null,
			checkedRightflag: null,
			analyGid: null,
			listData: [],
			listflag: null,
			featureData: [],
			pageData: {
			pageIndex: 1,
			pageSize: 10,
			pageCount: 0
			},
			multipleSelection: [],
			featurTable: null,
			}
			},
			methods: {
			spaceLocation(index, row) {
			// var wkt = row.wkt;
			// var wkt = 'POINT(115.18478138905392 40.57482771162533)'
			// var wkt = 'MULTIPOINT(115.93358953162945 40.479862914876286,115.92324938088053 40.47513850651151)'
			//var wkt = 'LINESTRING(116.29963795744581 40.412471126263874,116.30084981880705 40.411513388032716)'
			var wkt = 'MULTILINESTRING((115.87321225794265 40.452276576555455,115.87744445061348 40.45421026272125),(115.87918147829747 40.45500390957606,115.87983275512077 40.455301477546435))'
			var geojson = WKT.parse(wkt);

			this.claerAll();
			switch (geojson.type) {
			case 'Point':
			this.setShowImagePoint(geojson.coordinates)
			break;
			case 'MultiPoint':
			for (var i in geojson.coordinates) {
			this.setShowImagePoint(geojson.coordinates[i])
			}
			break;
			case 'LineString':
			this.setShowImageLine(geojson.coordinates)
			break;
			case 'MultiLineString':
			for (var i in geojson.coordinates) {
			this.setShowImageLine(geojson.coordinates[i])
			}

			break;
			}
			},
			setShowImagePoint(res) {
			var obj = { X: res[0], Y: res[1], Altitude: 1000 }
			var imageLabel = sgworld.Creator.CreateImageLabel(obj, SmartEarthRootUrl + "Workers/image/mark.png", {}, 0, "ç®¡éç©ºé´åæ");
			this.$store.state.pipelineEntity.push(imageLabel.item)
			sgworld.Navigate.flyToObj(imageLabel.item);
			},
			setShowImageLine(res) {
			var obj = [];
			for (var i in res) {
			obj.push({ x: res[i][0], y: res[i][1], z: 1000 })
			}
			var line = sgworld.Creator.createPolyline(obj, "#ffff00", 1, 0, "ç®¡éç©ºé´åæ");
			this.$store.state.pipelineEntity.push(line.item)
			sgworld.Navigate.flyToObj(line.item);
			},
			claerAll() {
			for (var i in this.$store.state.pipelineEntity) {
			var item = this.$store.state.pipelineEntity[i]
			sgworld.Viewer.entities.remove(item);
			}
			this.$store.state.pipelineEntity = [];
			},
			async signGetPublicKey() {
			const res = await sign_getPublicKey();
			if (res && res.code == 200) {
			window.encrypt = new JSEncrypt();
			encrypt.setPublicKey(res.result);
			}
			},
			async download() {

			var std = [];
			for (var i in this.listData) {

			std.push(this.listData[i].table)
			}
			var obj = {
			pwd: encrypt.encrypt(this.codeForm.password),
			gid: this.analyGid,
			tabs: std
			};
			const data = await pipeline_downloadReq(obj);
			if (data.code != 200) {

			this.$message.error("ä¸è½½è¯·æ±å¤±è´¥");
			this.closeDialog();

			return;
			}
			this.closeDialog();

			var token = getToken();
			var url =
			BASE_URL +
			"/pipeline/downloadFile?token=" +
			token +
			"&guid=" +
			data.result +
			"&pwd=" +
			encodeURIComponent(obj.pwd);

			$("#Iframe1").attr("src", url).click();
			// this.$store.state.loading = false;
			},
			showDialogVivable() {
			if (this.listData.length == 0) return
			this.dialogVisible = true
			},
			handleClose() {
			this.$confirm('ç¡®è®¤å³éï¼')
			.then(_ => {
			this.closeDialog()
			})
			.catch(_ => { });
			},
			closeDialog() {
			this.dialogVisible = false
			this.codeForm = {
			repassword: '', password: ''
			}
			},
			handleSelectionChange(val) {
			this.multipleSelection = val;
			},
			setTransLeft() {
			if (this.rightChecked == null) return
			this.cities.push(this.rightChecked)
			this.citiyData.forEach((value, index, array) => {
			if (value.label == this.rightChecked.label) {
			array.splice(index, 1)
			}
			});
			this.checkedLeftflag = null;
			this.rightChecked = null

			},
			setTransRight() {
			if (this.leftChecked == null) return
			this.citiyData.push(this.leftChecked)
			this.cities.forEach((value, index, array) => {
			if (value.label == this.leftChecked.label) {
			array.splice(index, 1)
			}
			});
			this.checkedRightflag = null;
			this.leftChecked = null
			},
			checkLeft(res) {
			this.checkedLeftflag = res.id;
			this.leftChecked = res;
			},
			checkRight(res) {
			this.checkedRightflag = res.id;
			this.rightChecked = res;
			},
			selectChange(res) {
			this.changeSelect2(res)
			},
			selectChange1(res) {
			this.analyGid = res;
			},
			changeSelect2(res) {
			this.options2 = [];
			var value = this.options1;
			for (var i in value) {
			if (value[i].pipeName == res) {
			this.options2.push(value[i])
			}
			}
			this.ruleFrom.value2 = this.options2[0].segName;
			this.analyGid = this.options2[0].gid;
			},
			clearAnalysis() {
			this.tableData = [];
			this.listData = [];

			this.cities = [{
			id: 1,
			label: 'éè·¯(dlg_25w_lrrl)',
			tabs: 'dlg_25w_lrrl',
			tabdesc: 'éè·¯',
			table: 'bd.dlg_25w_lrrl',
			checked: false,
			}, {
			id: 2,
			label: 'å¬è·¯(dlg_25w_lrdl)',
			tabs: 'dlg_25w_lrdl',
			tabdesc: 'å¬è·¯',
			table: 'bd.dlg_25w_lrdl',
			checked: false,
			}, {
			id: 3,
			label: 'æ°´ç³»çº¿(dlg_25w_hydl)',
			tabs: 'dlg_25w_hydl',
			tabdesc: 'æ°´ç³»çº¿',
			table: 'bd.dlg_25w_hydl',
			checked: false,
			}, {
			id: 4,
			label: 'æ°´ç³»é¢(dlg_25w_hyda)',
			tabs: 'dlg_25w_hyda',
			tabdesc: 'æ°´ç³»é¢',
			table: 'bd.dlg_25w_hyda',
			checked: false,
			}];
			this.citiyData = [];
			this.getAllData();
			this.listflag = null;
			this.checkedRightflag = null;
			this.checkedLeftflag = null;
			this.pageData = {
			pageIndex: 1,
			pageSize: 10,
			pageCount: 0
			}
			},

			async setAnalysis() {
			if (this.citiyData.length == 0) {
			this.$message.error('è¯·éæ©è¦åæçå¾å±!');
			}
			var std = [];
			var listTable = [];
			for (var i in this.citiyData) {
			std.push(this.citiyData[i].table)
			listTable.push(this.citiyData[i])
			}
			this.listData = listTable;
			this.listflag = this.listData[0].id
			var obj = {
			gid: this.analyGid,
			tabs: std
			}
			const data = await pipeline_selectPipeAnalysis(obj);
			if (data.code != 200) {
			this.$message.error('åè¡¨è°ç¨å¤±è´¥');
			}
			this.featureData = data.result;
			this.featurTable = this.featureData[this.listData[0].table]
			this.pageData.pageCount = this.featurTable.length;
			this.pageData.pageIndex = 1;
			this.pageData.pageSize = 10;
			this.changePageData();
			},
			setlistChange(res) {
			this.listflag = res.id
			this.featurTable = this.featureData[res.table]
			this.pageData.pageCount = this.featurTable.length;
			this.pageData.pageIndex = 1;
			this.pageData.pageSize = 10;
			this.changePageData();
			},
			changePageData() {
			var start = (this.pageData.pageIndex) * this.pageData.pageSize;
			var end = start + this.pageData.pageSize;
			this.tableData = this.featurTable.slice(start, end);
			},
			handleSizeChange(val) {
			this.pageData.pageIndex = 1;
			this.pageData.pageSize = val;
			this.changePageData();
			},
			handleCurrentChange(val) {
			this.pageData.pageIndex = val;
			this.changePageData();
			},
			async getAllData() {
			const data = await pipelines_selectSegNames();
			if (data.code != 200) {
			this.$message.error('åè¡¨è°ç¨å¤±è´¥');
			}
			this.options1 = data.result;
			this.ruleFrom.value1 = this.options1[0].pipeName;
			this.changeSelect2(this.ruleFrom.value1)
			},
			},
			mounted() {

			this.cities = [{
			id: 1,
			label: 'éè·¯(dlg_25w_lrrl)',
			tabs: 'dlg_25w_lrrl',
			tabdesc: 'éè·¯',
			table: 'bd.dlg_25w_lrrl',
			checked: false,
			}, {
			id: 2,
			label: 'å¬è·¯(dlg_25w_lrdl)',
			tabs: 'dlg_25w_lrdl',
			tabdesc: 'å¬è·¯',
			table: 'bd.dlg_25w_lrdl',
			checked: false,
			}, {
			id: 3,
			label: 'æ°´ç³»çº¿(dlg_25w_hydl)',
			tabs: 'dlg_25w_hydl',
			tabdesc: 'æ°´ç³»çº¿',
			table: 'bd.dlg_25w_hydl',
			checked: false,
			}, {
			id: 4,
			label: 'æ°´ç³»é¢(dlg_25w_hyda)',
			tabs: 'dlg_25w_hyda',
			tabdesc: 'æ°´ç³»é¢',
			table: 'bd.dlg_25w_hyda',
			checked: false,
			}];
			this.getAllData();
			this.signGetPublicKey();
			}
			}
			</script>

			<style scoped lang="less">
			.pipeLineBox {
			width: 100%;
			height: 100%;
			overflow: hidden;
			padding: 0;
			margin: 0;
			.headerBox {
			width: 100%;
			height: 130px;
			display: flex;
			justify-content: space-around;
			.elFrom {
			width: 300px;
			height: 130%;
			}
			.transBox {
			width: 200px;
			height: 100%;
			.checkBox {
			width: 100%;
			height: 90px;
			border: 1px solid white;
			border-radius: 5px;
			overflow-y: auto;
			}

			label {
			color: white;
			}
			}

			.transInfo {
			padding: 5px;
			display: flex;
			align-items: center;
			}
			.sureButton {
			display: flex;
			align-items: center;
			height: 100%;
			.suerBox {
			width: 100%;
			height: 40px;
			}
			}
			}
			.contentBox {
			width: 100%;
			height: 266px;

			display: flex;
			.contentRight {
			width: 30%;
			height: 100%;
			border: 1px solid white;
			overflow: auto;
			}
			.contentLeft {
			width: 70%;
			height: 100%;
			}
			}
			.checkhover {
			color: #409eff;
			}
			/deep/ .el-select .el-input__inner {
			border-color: #fff !important;
			}
			/deep/.el-button {
			background: #303030;
			color: white;
			}
			/deep/.el-form-item__label {
			color: white;
			}
			// è®¾ç½®è¾å¥æ¡çèæ¯è²ãåä½é¢è²ãè¾¹æ¡å±æ§è®¾ç½®ï¼
			/deep/.el-input__inner {
			background-color: transparent !important ;
			color: #fff;
			border: 1px solid;
			}
			/deep/ .el-table {
			background-color: transparent;
			th,
			td {
			background-color: transparent;
			}
			.el-table__expanded-cell {
			background-color: transparent !important;
			}

			// è¡¨å¤´èæ¯è²
			th.el-table__cell {
			background-color: #303030;
			color: #fff;
			}
			tr > td {
			background-color: #303030;
			color: #fff;
			}

			// hoverææ
			tr:hover > td {
			background-color: rgba(255, 255, 255, 0.3) !important;
			}

			tbody tr:hover {
			background-color: rgba(255, 255, 255, 0.3) !important;
			// text-align: center;
			}

			// æ»å¨æ¡å®½é«
			.el-table__body-wrapper::-webkit-scrollbar {
			width: 5px;
			height: 5px;
			}

			.el-table__body-wrapper::-webkit-scrollbar {
			width: 5px;
			/æ»å¨æ¡å®½åº¦/
			height: 10px;
			/æ»å¨æ¡é«åº¦/
			}
			/å®ä¹æ»å¨æ¡è½¨é åé´å½±+åè§/
			.el-table__body-wrapper::-webkit-scrollbar-track {
			box-shadow: 0px 1px 3px #216fe6 inset;
			/æ»å¨æ¡çèæ¯åºåçåé´å½±/
			border-radius: 10px;
			}

			/å®ä¹æ»å åé´å½±+åè§/
			.el-table__body-wrapper::-webkit-scrollbar-thumb {
			box-shadow: 0px 1px 3px #216fe6 inset;
			border-radius: 6px;
			background-color: #216fe6;
			}
			}
			/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
			color: #fff;
			}
			/deep/.el-checkbox__label {
			float: right;
			}
			.country-group {
			display: flex;
			justify-content: center;

			.country-group-item {
			margin: 4px 0;
			}
			}
			.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;
			}
			}
			/deep/ .el-dialog {
			background: #303030;
			}
			/deep/.el-range-editor.is-active,
			.el-range-editor.is-active:hover,
			.el-select .el-input.is-focus .el-input__inner {
			border: 1px solid;
			}
			/deep/.el-dialog__title {
			color: white;
			}
			}
			</style>

			@@ -5,18 +5,17 @@
			v-for="(data, index) in PopupData"
			:key="data.id"
			:title="data.title \|\| 'æç¤º'"
			maxHeight="360px"

			maxHeight="400"
			@close="close(data.id)"
			left="calc(100% - 960px)"
			top="calc(100% - 430px) "
			top="calc(100% - 470px) "
			>
			<div>
			<div style="width:940px;height:358px;">

			<div style="width:940px;height:400px;">

			<map-menu-pop v-if="$store.state.mapPopBoxFlag == '1'" />
			<map-space-pop v-if="$store.state.mapPopBoxFlag == '2'" />
			<pipe-line-analy v-if="$store.state.mapPopBoxFlag == '3'" />
			</div>
			</div>
			</Popup>
			@@ -27,13 +26,15 @@
			import Popup from './Popup.vue';
			import mapMenuPop from '../../components/MapView/mapMenuPop.vue';
			import mapSpacePop from '../../components/MapView/mapSpacePop.vue';
			import pipeLineAnaly from './pipeLineAnaly.vue'
			export default {
			name: 'queryinfo',

			components: {
			Popup,
			mapMenuPop,
			mapSpacePop
			mapSpacePop,
			pipeLineAnaly
			},
			data() {
			return {

			@@ -855,7 +855,7 @@
			},
			//æä»¶ä¸ä¼
			setFileUpload() {
			this.handlerLoading(true);
			this.fullscreenLoading = true;
			var token = getToken();
			var formData = new FormData();

			@@ -874,22 +874,24 @@
			processData: false,
			contentType: false,
			success: (rs) => {

			this.getFileLength();

			this.fullscreenLoading = false;
			this.$message({
			message: 'æ°æ®ä¸ä¼ æå',
			type: 'success'
			});
			this.getFileLength();


			this.clearFileSelect();
			},
			error: (rs) => {
			this.fullscreenLoading = false;
			this.$message.error('æ°æ®ä¸ä¼ å¤±è´¥');
			this.clearFileSelect();
			}
			});

			this.handlerLoading(false);

			},
			//è·åæä»¶ä¸ä¼ æ°æ®
			async getFileLength() {
			@@ -977,7 +979,7 @@

			//Loadingæ¾é
			handlerLoading(res) {
			this.fullscreenLoading = res;

			},
			//ç®å½åæ¢
			catalogChange(value) {
			@@ -1328,3 +1330,8 @@
			}
			}
			</style>
			<style>
			.el-loading-spinner i {
			color: #1890ff !important;
			}
			</style>

			@@ -1,19 +1,30 @@
			<template>
			<div class="authorityManagement_box" v-loading.fullscreen.lock="fullscreenLoading"
			<div
			class="authorityManagement_box"
			v-loading.fullscreen.lock="fullscreenLoading"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.8)">
			<My-bread
			:list="[
			element-loading-background="rgba(0, 0, 0, 0.8)"
			>
			<My-bread :list="[
			`${$t('dataManage.dataManage')}`,
			`${$t('dataManage.dataUpdata')}`,
			]"
			></My-bread>
			]"></My-bread>
			<el-divider />
			<div class="updateContent">
			<el-tabs v-model="activeTabName" @tab-click="handleTabClick">
			<el-tab-pane :label="$t('dataManage.dataUpObj.uploaddata')" name="first">
			<el-tabs
			v-model="activeTabName"
			@tab-click="handleTabClick"
			>
			<el-tab-pane
			:label="$t('dataManage.dataUpObj.uploaddata')"
			name="first"
			>
			<div class="contentIquery">
			<el-form :inline="true" :model="formInline" class="demo-form-inline">
			<el-form
			:inline="true"
			:model="formInline"
			class="demo-form-inline"
			>
			<el-form-item :label="$t('dataManage.dataUpObj.catalogue')">
			<el-cascader
			v-model="formInline.dirid"
			@@ -31,12 +42,16 @@
			></el-cascader>
			</el-form-item>
			<el-form-item :label="$t('dataManage.dataUpObj.versionNo')">
			<el-select v-model="formInline.verid" :placeholder="$t('common.choose')">
			<el-select
			v-model="formInline.verid"
			:placeholder="$t('common.choose')"
			>
			<el-option
			v-for="item in verOption"
			:key="item.id"
			:label="item.name"
			:value="item.id">
			:value="item.id"
			>
			</el-option>
			</el-select>
			</el-form-item>
			@@ -54,23 +69,29 @@
			<el-input
			type="textarea"
			v-model="formInline.fileName"

			class="nm-skin-pretty"
			show-word-limit
			:rows="2" resize='none'
			:rows="2"
			resize='none'
			style="width: 600px;"
			></el-input>
			></el-input>
			</el-form-item>
			<el-form-item>
			<input id="uploadfile" @change= "handleFileChange" type="file" name="file" multiple="multiple" style="display: none"></input>
			<input
			id="uploadfile"
			@change="handleFileChange"
			type="file"
			name="file"
			multiple="multiple"
			style="display: none"
			></input>




			<el-button v-if="formInline.fileName == 'æªéæ©æä»¶'"
			<el-button
			v-if="formInline.fileName == 'æªéæ©æä»¶'"
			type="info"
			@click="fileSelect">
			@click="fileSelect"
			>
			éæ©æä»¶
			</el-button>
			<el-button
			@@ -90,14 +111,17 @@
			maxlength="50"
			class="nm-skin-pretty"
			show-word-limit
			:rows="2" resize='none'
			:rows="2"
			resize='none'
			style="width: 460px"
			></el-input>
			</el-form-item>
			<el-form-item>
			<el-button icon="el-icon-upload" @click="setFileUpload"

			type="success">{{
			<el-button
			icon="el-icon-upload"
			@click="setFileUpload"
			type="success"
			>{{
			$t('common.upload')
			}}</el-button>

			@@ -105,23 +129,19 @@
			icon="el-icon-delete"
			type="danger"
			@click="setFileDelete"

			:disabled="tableData.length == 0 ? true : false"
			>{{ $t('common.delete') }}</el-button
			>
			>{{ $t('common.delete') }}</el-button>
			<el-button
			icon="el-icon-data-line"
			type="info"
			disabled
			>{{ $t('common.quayTest') }}</el-button
			>
			>{{ $t('common.quayTest') }}</el-button>
			<el-button
			icon="el-icon-folder-add"
			type="warning"
			@click="setFileWare"
			:disabled="tableData.length == 0 ? true : false"
			>{{ $t('common.Warehousin') }}</el-button
			>
			>{{ $t('common.Warehousin') }}</el-button>
			</el-form-item>
			</el-form>
			</div>
			@@ -131,8 +151,12 @@
			:data="tableData"
			style="width: width:99%"
			height="99%"
			@selection-change="handleSelectionChange">
			<el-table-column type="selection" width="55" />
			@selection-change="handleSelectionChange"
			>
			<el-table-column
			type="selection"
			width="55"
			/>
			<el-table-column
			align="center"
			type="index"
			@@ -163,31 +187,50 @@
			</div>

			</el-tab-pane>
			<el-tab-pane :label="$t('dataManage.dataUpObj.receiptdata')" name="second">
			<div class="contentIquery" style="padding-bottom: 0% !important;">
			<el-form :inline="true" :model="formWarehousing" class="demo-form-inline">
			<el-tab-pane
			:label="$t('dataManage.dataUpObj.receiptdata')"
			name="second"
			>
			<div
			class="contentIquery"
			style="padding-bottom: 0% !important;"
			>
			<el-form
			:inline="true"
			:model="formWarehousing"
			class="demo-form-inline"
			>
			<el-form-item :label="$t('dataManage.dataUpObj.describe')">
			<el-input v-model="formWarehousing.name" placeholder="è¯·è¾å¥åå®¹"></el-input>
			<el-input
			v-model="formWarehousing.name"
			placeholder="è¯·è¾å¥åå®¹"
			></el-input>
			</el-form-item>
			<el-form-item>
			<el-button icon="el-icon-upload" @click="setWarehouseSearch"
			class="primary">{{
			<el-button
			icon="el-icon-upload"
			@click="setWarehouseSearch"
			class="primary"
			>{{
			$t('common.iquery')
			}}</el-button>
			<el-button @click="setWarehouseReset"
			<el-button
			@click="setWarehouseReset"
			icon="el-icon-folder-add"
			type="info"
			>{{ $t('common.reset') }}</el-button
			>
			<el-button @click="setWarehouseDel"
			>{{ $t('common.reset') }}</el-button>
			<el-button
			@click="setWarehouseDel"
			icon="el-icon-folder-delete"
			type="danger"
			>{{ $t('common.delete') }}</el-button
			>
			>{{ $t('common.delete') }}</el-button>
			</el-form-item>
			</el-form>
			</div>
			<div class="contentTable" style="height:500px">
			<div
			class="contentTable"
			style="height:500px"
			>
			<el-table
			:data="waretableData"
			@selection-change="handleDelteChange"
			@@ -196,7 +239,8 @@
			>
			<el-table-column
			type="selection"
			width="55"/>
			width="55"
			/>
			<el-table-column
			align="center"
			type="index"
			@@ -215,7 +259,6 @@
			prop="dirName"
			:label="$t('dataManage.dataUpObj.catalogue')"
			fixed

			/>
			<el-table-column
			align="center"
			@@ -275,7 +318,10 @@
			/>
			</el-table>

			<div style="margin-top: 10px" class="pagination_box">
			<div
			style="margin-top: 10px"
			class="pagination_box"
			>
			<el-pagination
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			@@ -300,8 +346,10 @@
			import $ from 'jquery';
			import MyBread from '../../components/MyBread.vue';
			import { getToken } from '@/utils/auth';
			import { selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
			dataUpload_selectByPageForUpload,dataUpload_deleteMetas} from '../../api/api';
			import {
			selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
			dataUpload_selectByPageForUpload, dataUpload_deleteMetas
			} from '../../api/api';
			export default {
			name: 'dataUpdata',
			components: {
			@@ -494,7 +542,7 @@
			},
			//æ°æ®å é¤
			async setFileDelete() {
			this.handlerLoading(true);

			var data = JSON.stringify(this.multipleSelection);
			const res = await dataUploadDeleteFiles(data);
			if (res.code != 200) {
			@@ -502,10 +550,6 @@
			return;
			}
			this.getFileLength();



			this.handlerLoading(false);
			},
			//æ°æ®å¥åº
			async setFileWare() {
			@@ -543,13 +587,13 @@
			},
			//æä»¶ä¸ä¼
			setFileUpload() {
			this.handlerLoading(true);
			this.fullscreenLoading = true;
			var token = getToken();
			var formData = new FormData();

			var fs = document.getElementById("uploadfile");
			if (fs.files.length == 0) {
			this.handlerLoading(false);

			return this.$message.error('è¯·éæ©éè¦ä¸ä¼ çæä»¶');
			}
			for (var i = 0, c = fs.files.length; i < c; i++) {
			@@ -565,20 +609,26 @@
			contentType: false,
			success: (rs) => {
			this.getFileLength();

			this.fullscreenLoading = false;
			this.$message({
			message: 'ä¸ä¼ æå',
			type: 'success'
			});
			this.clearFileSelect();
			},

			error: (rs) => {
			alert("ä¸ä¼ æä»¶å¤±è´¥ï¼");
			this.fullscreenLoading = false;
			this.$message.error('æ°æ®ä¸ä¼ å¤±è´¥');
			this.clearFileSelect();
			}
			});

			this.handlerLoading(false);

			},
			progressHandle(e) {
			var percent = (e.loaded / e.total * 100).toFixed(2);
			console.log(percent)
			},
			//è·åæä»¶ä¸ä¼ æ°æ®
			async getFileLength() {
			@@ -891,3 +941,8 @@
			}
			}
			</style>
			<style>
			.el-loading-spinner i {
			color: #1890ff !important;
			}
			</style>