From d91f0dfcd2ef95fb3624d94ade24fe69a9169a58 Mon Sep 17 00:00:00 2001 From: 13693261870 <252740454@qq.com> Date: 星期日, 04 二月 2024 15:15:00 +0800 Subject: [PATCH] Merge branch 'master' of http://192.168.20.92:8888/r/P2022036_Web2 --- src/views/Tools/AddOnlineOLMap.vue | 221 +++ src/views/datamanage/uploadmanage.vue | 25 src/views/Tools/layer.js | 92 + src/components/MapDiv.vue | 31 src/components/mapol.vue | 4 src/store/index.js | 3 public/config/config.js | 2 src/components/preview_map.vue | 439 +----- src/components/mapsdk.vue | 700 +++------- src/views/userManage/roleManage.vue | 823 ++++------- src/views/datamanage/dataUpdata.vue | 1371 ++++---------------- src/views/Tools/AddOnlineMap.vue | 230 --- 12 files changed, 1,294 insertions(+), 2,647 deletions(-) diff --git a/public/config/config.js b/public/config/config.js index 7bfb4ef..9107b37 100644 --- a/public/config/config.js +++ b/public/config/config.js @@ -36,7 +36,7 @@ // Sdk璁稿彲 licenseServer: 'http://' + iisHost + '/LFServer', // MPT鍚嶇О - mptName: "china_5m.Ei.397334", + mptName: "china_5m.Ei.402586", // SG鍦板潃 SGUrl: "http://" + iisHost + "/SG/Elevation", // Fly鍦板潃 diff --git a/src/components/MapDiv.vue b/src/components/MapDiv.vue index 9c1be5b..e55ced2 100644 --- a/src/components/MapDiv.vue +++ b/src/components/MapDiv.vue @@ -24,6 +24,7 @@ <mapol></mapol> </div> <add-online-map ref="addOnlineMap" /> + <add-online-ol-map ref="addOnlineOlMap"></add-online-ol-map> </div> </template> @@ -35,13 +36,15 @@ import ol from "ol" import $ from "jquery" import AddOnlineMap from '../views/Tools/AddOnlineMap.vue' +import AddOnlineOlMap from '../views/Tools/AddOnlineOLMap.vue' export default { name: "", components: { mapsdk, mapol, - AddOnlineMap + AddOnlineMap, + AddOnlineOlMap }, data() { return { @@ -62,6 +65,7 @@ changeMap(res) { this.isSplitFlag = res this.getMapViewCenter(this.isSplitFlag); + switch (res) { case 1: this.isShowCeMap = true @@ -70,8 +74,9 @@ this.isShowOlMap = true this.isSdkMapFlag = true var that = this - + this.$store.state.setChangeBaseMap = false; setTimeout(function () { + window.map.updateSize() that.showSplitMap() }, 500) @@ -96,6 +101,7 @@ this.isOlMapFlag = false this.isShowCeMap = false var val = this.$store.state.Map3; + this.$store.state.setChangeBaseMap = true; window.Viewer.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(val[0], val[1], val[2]), }) @@ -227,13 +233,22 @@ } return this.levelArray[this.levelArray.length - 1] }, - showBaseMapLayer() { - this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.open("鍦ㄧ嚎鍦板浘", null); - } + showBaseMapLayer(res) { + this.closeAllBaseMapLayer(); + if(res.type == 'ol'){ + this.$refs && this.$refs.addOnlineOlMap && this.$refs.addOnlineOlMap.open("2D鍦ㄧ嚎鍦板浘", null); + }else{ + this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.open("3D鍦ㄧ嚎鍦板浘", null); + } + }, + closeAllBaseMapLayer(){ + this.$refs && this.$refs.addOnlineOlMap && this.$refs.addOnlineOlMap.close(); + this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.close(); + }, }, mounted() { this.$bus.$on("setChangeBaseMapLayer", (res) => { - this.showBaseMapLayer() + this.showBaseMapLayer(res) }) @@ -269,7 +284,7 @@ width: 100%; } .sdkMapTwo { - width: calc(50% - 1px); + width: calc(50% - 2px); } .olMap { height: 100%; @@ -281,7 +296,7 @@ width: 100%; } .olMapTwo { - width: calc(50% - 1px); + width: calc(50% - 2px); } #ds { height: 100%; diff --git a/src/components/mapol.vue b/src/components/mapol.vue index 8ee1c0e..56a3a30 100644 --- a/src/components/mapol.vue +++ b/src/components/mapol.vue @@ -26,7 +26,9 @@ <div @click="changeMapType" class="changeMapType" + v-if="$store.state.setChangeBaseMap" style=" position: absolute; + bottom: 52px; right: 46px; height: 30px; @@ -203,7 +205,7 @@ }, changeMenulayer() { - this.$bus.$emit("setChangeBaseMapLayer", true) + this.$bus.$emit("setChangeBaseMapLayer", {type:'ol',boolen:true}) // this.isActive = !this.isActive // this.isMenuLayer = !this.isMenuLayer // this.setLayerVisible() diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue index d0cdd48..3414c6a 100644 --- a/src/components/mapsdk.vue +++ b/src/components/mapsdk.vue @@ -1,212 +1,107 @@ <template> <div class="mapBox"> <div id="mapdiv"> - <div - class="menu_Top box_divm" - v-if="$store.state.mapMenuBoolean" - > + <div class="menu_Top box_divm" v-if="$store.state.mapMenuBoolean"> <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" /> <map-space-top v-if="$store.state.mapMenuBoxFlag == '2'" /> </div> - <div - class="bufferBox" - v-if="showBufferBoxDialog" - > + <div class="bufferBox" v-if="showBufferBoxDialog"> <el-card class="box-card box_divm"> - <div - slot="header" - class="clearfix" - > + <div slot="header" class="clearfix"> <span>缂撳啿鍖哄垎鏋�</span> <div style="float: right; cursor: pointer"> - <i - class="el-icon-close" - @click="closeBufferBox(1)" - ></i> + <i class="el-icon-close" @click="closeBufferBox(1)"></i> </div> </div> <div class="box-body"> - <el-form - ref="form" - :model="bufFrom" - label-width="100px" - > + <el-form ref="form" :model="bufFrom" label-width="100px"> <el-form-item label="缂撳啿鍗婂緞(绫�):"> <el-input v-model="bufFrom.val"></el-input> </el-form-item> <el-form-item> - <el-button - @click="addBuffer(1)" - type="info" - >鐐�</el-button> - <el-button - @click="addBuffer(2)" - type="info" - >绾�</el-button> - <el-button - @click="addBuffer(3)" - type="info" - >闈�</el-button> - <el-button - @click="clearBuffer" - type="info" - >娓呴櫎</el-button> + <el-button @click="addBuffer(1)" type="info">鐐�</el-button> + <el-button @click="addBuffer(2)" type="info">绾�</el-button> + <el-button @click="addBuffer(3)" type="info">闈�</el-button> + <el-button @click="clearBuffer" type="info">娓呴櫎</el-button> </el-form-item> </el-form> </div> </el-card> </div> <!--鍧愭爣鐐逛綅--> - <div - class="coordLocalBox" - v-if="showCoordLocalBoxDialog" - > + <div class="coordLocalBox" v-if="showCoordLocalBoxDialog"> <el-card class="box-card"> <div slot="header"> <span>鍧愭爣瀹氫綅</span> <div style="float: right; cursor: pointer"> - <i - class="el-icon-close" - @click="closeBufferBox(2)" - ></i> + <i class="el-icon-close" @click="closeBufferBox(2)"></i> </div> </div> <div class="box-body"> - <el-form - ref="form" - :model="coordFrom" - label-width="70px" - > + <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> + <el-button @click="setCoordLocal" type="info">瀹氫綅</el-button> </el-form-item> </el-form> </div> </el-card> </div> <!--鍦板舰骞虫暣--> - <div - class="terrainLevelBox" - v-if="showTerrainLevelDialog" - > + <div class="terrainLevelBox" v-if="showTerrainLevelDialog"> <el-card class="box-card"> <div slot="header"> <span>鍦板舰骞虫暣</span> <div style="float: right; cursor: pointer"> - <i - class="el-icon-close" - @click="closeBufferBox(5)" - ></i> + <i class="el-icon-close" @click="closeBufferBox(5)"></i> </div> </div> <div class="box-body"> - <el-form - ref="form" - :model="terrainFrom" - label-width="100px" - > + <el-form ref="form" :model="terrainFrom" label-width="100px"> <el-form-item label="骞虫暣楂樺害:"> <el-input v-model="terrainFrom.height"></el-input> </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> </el-card> </div> - <div - class="toponymicLocalBox" - v-if="showToponymicLocalBoxDialog" - > + <div class="toponymicLocalBox" v-if="showToponymicLocalBoxDialog"> <el-card class="box-card"> - <div - slot="header" - class="clearfix" - > + <div slot="header" class="clearfix"> <span>鍦板悕瀹氫綅</span> <div style="float: right; cursor: pointer"> - <i - class="el-icon-close" - @click="closeBufferBox(3)" - ></i> + <i class="el-icon-close" @click="closeBufferBox(3)"></i> </div> </div> <div class="box-body"> - <el-form - :model="comprehensive" - :inline="true" - > + <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-column - prop="name" - align="center" - label="鍦板悕" - > + <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--> @@ -230,88 +125,44 @@ <!-- </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> </el-card> </div> <!-- 璺緞鍒嗘瀽寮圭獥--> - <div - class="pathAnalysisBox" - v-if="showPathAnalysisBoxDialog" - > + <div class="pathAnalysisBox" v-if="showPathAnalysisBoxDialog"> <el-card class="box-card"> - <div - slot="header" - class="clearfix" - > + <div slot="header" class="clearfix"> <span>璺緞鍒嗘瀽</span> <div style="float: right; cursor: pointer"> - <i - class="el-icon-close" - @click="closeBufferBox(4)" - ></i> + <i class="el-icon-close" @click="closeBufferBox(4)"></i> </div> </div> <div class="box-body"> - <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-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-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-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-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> </el-card> </div> <!-- <div style="display: flex;">--> - <div + <!-- <div class="changeTerrain" @click="changeTerrainLayer" style=" position: absolute; @@ -331,12 +182,9 @@ id="cenBg" class="mapTerrain" ></div> - </div> + </div> --> <!-- class="center CenDiv"--> - <div - @click="changeMenulayer" - class="changeLayer" - style=" position: absolute; + <div @click="changeMenulayer" class="changeLayer" style=" position: absolute; bottom: 116px; right: 46px; height: 30px; @@ -346,20 +194,12 @@ justify-content: center; align-items: center; cursor: pointer; - border: 1px solid rgba(255, 255, 255, 0.5);" - > - <div - title="搴曞浘鍒囨崲" - id="cenBg" - class="mapBaseMap" - ></div> + border: 1px solid rgba(255, 255, 255, 0.5);"> + <div title="搴曞浘鍒囨崲" id="cenBg" class="mapBaseMap"></div> </div> - <div - @click="changeMapType" - class="changeMapType" - style=" position: absolute; - bottom: 52px; + <div @click="changeMapType" class="changeMapType" v-if="$store.state.setChangeBaseMap" style=" position: absolute; + bottom: 85px; right: 46px; height: 30px; width: 30px; @@ -368,27 +208,16 @@ justify-content: center; 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> + border: 1px solid rgba(255, 255, 255, 0.5);"> + <div title="2/3缁村垏鎹�" id="cenBg" :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"></div> </div> <!-- </div>--> <!-- 鍧″害鍒嗘瀽寮圭獥--> - <div - class="lengend" - v-show="showLengendDialog" - > + <div class="lengend" v-show="showLengendDialog"> <el-card class="box-card"> <div class="lengendBox"> <div> - <img - class="lengendImg" - src="../assets/img/colors.png" - /> + <img class="lengendImg" src="../assets/img/colors.png" /> </div> <div class="lengendSpan"> <div>0掳</div> @@ -400,10 +229,7 @@ </div> </el-card> </div> - <div - class="HistLeng" - v-show="$store.state.histLenged" - > + <div class="HistLeng" v-show="$store.state.histLenged"> <el-card class="box-card"> <table> <tr> @@ -473,104 +299,51 @@ </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> - <i - class="el-icon-close" - @click="closeBufferBox(6)" - ></i> + <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> - <span v-if="key != 'eventid'">{{value}}</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> </el-card> </div> <!--鍕樺療淇℃伅寮圭獥--> - <div - v-drag - class="attributionPop" - v-if="showAttribute" - > + <div v-drag class="attributionPop" v-if="showAttribute"> <el-card class="box-card"> <div slot="header"> <span>鍕樺療淇℃伅</span> <div style="float: right; cursor: pointer"> - <i - class="el-icon-close" - @click="showAttribute=false" - ></i> + <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> - <span>{{item.value ? item.value :'鏆傛棤鏁版嵁'}}</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> <div style="line-height: 20px">宀╁湡绫诲瀷锛� {{ $store.state.propertiesInfo.type }}</div> <div style="line-height: 20px">灞傚簳娣卞害锛� {{ $store.state.propertiesInfo.botdepth }} 绫�</div> @@ -580,225 +353,96 @@ </el-card> </div> <!--涓夌淮鎴潰鍒嗘瀽寮圭獥--> - <div - class="modelClipPop" - v-if="$store.state.propertiesFlag == '3'" - > + <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> <div style="float: right; cursor: pointer"> - <i - class="el-icon-close" - @click="closeBufferBox(7)" - ></i> + <i class="el-icon-close" @click="closeBufferBox(7)"></i> </div> </div> - <div - id="surfaceDeFormEchart" - class="pointInfoBoxContext" - style="height:500px;width:750px;" - > + <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 - prop="name" - label="鍚嶇О" - > + <el-table :data="attachList" height="100%" style="width: 100%" border> + <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" - > + <el-table-column label="鏃堕棿" width="180"> <template slot-scope="scope"> - <span>{{format(scope.row.createTime)}}</span> + <span>{{ format(scope.row.createTime) }}</span> </template> </el-table-column> - <el-table-column - label="鎿嶄綔" - width="100" - > + <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" - > - <div - v-if="dialog.isPdf" - class="pdfClass" - > - <iframe - :src="dialog.src" - type="application/x-google-chrome-pdf" - width="100%" - height="100%" - > + <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> </div> - <div - v-if="dialog.isJpg" - class="pdfClass" - > - <el-image - style="width:100%; height:100%" - :src="dialog.src" - :preview-src-list="[dialog.src]" - > + <div v-if="dialog.isJpg" class="pdfClass"> + <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-form-item - label="鍚嶇О" - prop="title" - > - <el-input - v-model="ruleForm.title" - size="small" - placeholder="璇疯緭鍏ユ暟鎹悕绉�..." - ></el-input> + <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-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-form-item label="瀵嗙爜" prop="pass"> + <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-form-item label="纭瀵嗙爜" prop="checkPass"> + <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> + <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe> + <model-property ref="modelProperty"></model-property> </div> </template> @@ -819,6 +463,7 @@ } from '../api/api' import { getToken } from '@/utils/auth' import * as echarts from "echarts" +import axios from 'axios'; export default { name: "", components: { @@ -1018,6 +663,7 @@ xtitle.push(this.formDate(val[i].defdate)) val2.push(val[i].seqvar) } + debugger this.showSurfaceDeFormEchart(xtitle, val1, val2); }, @@ -1221,9 +867,11 @@ var modelKey = 'id'; var modelid; if (result.tileset) { + if (result.tileset.pubid && parseInt(result.tileset.pubid) > 0) { const data = await comprehensive_selectPubById({ id: result.tileset.pubid }) + if (data.code != 200) { return } else { @@ -1294,6 +942,20 @@ window.TerrainFlattening && window.TerrainFlattening.remove(); } }, + addGaoDeMap() { + Viewer.imageryLayers.removeAll(); + var base_ulr = window.sceneConfig.baseUrl; + if (base_ulr.indexOf('{host}') > -1) { + base_ulr = base_ulr.replace("{host}", iisHost) + } + Viewer.imageryLayers.addImageryProvider( + new Cesium.UrlTemplateImageryProvider({ + url: base_ulr, + maximumLevel: 5 + }) + ); + + }, init3DMap() { var webKey = "94a34772eb88317fcbf8428e10448561"; //鍦板浘鍒濆鍖� @@ -1301,20 +963,25 @@ licenseServer: window.sceneConfig.licenseServer, }); + var url = "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/?callback=loadJsonp940826&f=json" + $.ajax({ + url: url, + timeout: 1500, // 璇锋眰瓒呮椂鏃堕棿 + async: true, + type: "GET", + success: (res) => { + console.log("鍦ㄧ嚎鍦板潃鑾峰彇鎴愬姛") + }, + error: (res) => { + console.log("鍦ㄧ嚎鍦板潃鑾疯幏鍙栧け璐�") + this.addGaoDeMap(); + } + }) + + window.Viewer = window.sgworld._Viewer; if (is_production) { - Viewer.imageryLayers.removeAll(); - var base_ulr = window.sceneConfig.baseUrl; - if (base_ulr.indexOf('{host}') > -1) { - base_ulr = base_ulr.replace("{host}", iisHost) - } - Viewer.imageryLayers.addImageryProvider( - new Cesium.UrlTemplateImageryProvider({ - url: base_ulr, - maximumLevel: 5 - }) - ); - + this.addGaoDeMap(); } //瀹氫綅 // sgworld.Navigate.jumpTo({ @@ -1370,6 +1037,12 @@ 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.elevationTool = new SmartEarth.ElevationTool(window.sgworld); elevationTool.setContourColor("#F1D487"); @@ -1409,7 +1082,7 @@ this.terrainflag = !this.terrainflag }, changeMenulayer() { - this.$bus.$emit("setChangeBaseMapLayer", true) + this.$bus.$emit("setChangeBaseMapLayer", { type: 'Cesium', boolen: true }) // this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.open("鍦颁笅妯″紡", null,); // this.isActive = !this.isActive; // this.isMenuLayer = !this.isMenuLayer; @@ -2130,11 +1803,13 @@ width: 100%; height: 100%; position: relative; + #mapdiv { width: 100%; height: 100%; overflow: hidden; position: relative; + .toponymicLocalBox { width: 350px; //width: 750px; @@ -2144,6 +1819,7 @@ right: 8%; bottom: 1%; } + .bufferBox { width: 412px; height: 230px; @@ -2152,6 +1828,7 @@ right: 6%; bottom: 1%; } + .coordLocalBox { width: 350px; height: 370px; @@ -2159,10 +1836,12 @@ position: absolute; right: 8%; bottom: 1%; + span { width: 100px; } } + .propertiesPop { width: 350px; height: 370px; @@ -2170,25 +1849,31 @@ position: absolute; right: 8%; bottom: 1%; + /deep/ .el-card__header { padding: 10px 20px; } + /deep/ .el-card__body { padding: 10px 20px; } } + .surfaceDeFormPop { z-index: 40; position: absolute; right: 8%; bottom: 1%; + /deep/ .el-card__header { padding: 10px 20px; } + /deep/ .el-card__body { padding: 10px 20px; } } + .modelClipPop { width: 350px; z-index: 40; @@ -2197,10 +1882,12 @@ top: 3%; background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(32, 160, 255, 0.6); + .slide-bg { padding: 10px; display: flex; align-items: center; + .slide { width: 250px; margin-left: 5px; @@ -2208,6 +1895,7 @@ } } } + .pathAnalysisBox { width: 412px; height: 370px; @@ -2216,6 +1904,7 @@ right: 8%; bottom: 1%; } + .attributionPop { width: 350px; height: 370px; @@ -2223,13 +1912,16 @@ position: absolute; right: 38%; bottom: 1%; + /deep/ .el-card__header { padding: 10px 20px; } + /deep/ .el-card__body { padding: 10px 20px; } } + .terrainLevelBox { width: 350px; height: 370px; @@ -2243,15 +1935,18 @@ opacity: 0.85; border: 1px solid rgba(32, 160, 255, 0.6); } + .menu_Top { width: 100%; padding: 1%; position: absolute; z-index: 40; + /deep/.el-form-item { margin-bottom: 0px; } } + .menu_Popup { background: #303030; opacity: 0.85; @@ -2263,12 +1958,14 @@ position: absolute; z-index: 40; } + .HistLeng { z-index: 40; position: absolute; right: 115px; bottom: 10px; } + .lengend { width: 300px; z-index: 40; @@ -2276,18 +1973,23 @@ right: 1%; bottom: 13%; transform: rotate(90deg); + .lengendBox { .lengendSpan { display: flex; justify-content: space-between; margin-top: 10px; + div { transform: rotate(-90deg); } } + .lengendImg { - -ms-transform: rotate(180deg); /* IE 9 */ - -webkit-transform: rotate(180deg); /* Safari and Chrome */ + -ms-transform: rotate(180deg); + /* IE 9 */ + -webkit-transform: rotate(180deg); + /* Safari and Chrome */ transform: rotate(180deg); width: 100%; height: 30px; @@ -2358,9 +2060,11 @@ border-radius: 5px; cursor: pointer; } + .center1 { right: 1%; } + .right { position: absolute; top: 50px; @@ -2372,6 +2076,7 @@ flex-direction: column; justify-content: space-between; } + // .CenDiv:hover { // border: 1px solid #409eff; // } @@ -2383,6 +2088,7 @@ background-size: 100% 100%; border-radius: 5px; } + .menuLayer { width: 100%; height: 100%; @@ -2418,12 +2124,12 @@ // // cursor: pointer; //} -.changeTerrain { -} -.changeLayer { -} -.changeMapType { -} +.changeTerrain {} + +.changeLayer {} + +.changeMapType {} + //.changeTerrain { // position: absolute; // bottom: 1%; @@ -2449,6 +2155,7 @@ //background-size: contain; } + .mapTerrain { width: 100%; height: 100%; @@ -2459,6 +2166,7 @@ background-repeat: no-repeat; //background-size: contain; } + .mapTypeThree { width: 100%; height: 100%; diff --git a/src/components/preview_map.vue b/src/components/preview_map.vue index 0f9b5bd..ad224cc 100644 --- a/src/components/preview_map.vue +++ b/src/components/preview_map.vue @@ -1,160 +1,71 @@ <template> - <div - id="mapdiv" - class="previewBox" - > - <div - v-if="modelLayer" - class="modelLayer box_divm" - > + <div id="mapdiv" class="previewBox"> + <div v-if="modelLayer" class="modelLayer box_divm"> <div class="modelBox"> - <div - style="float:right" - :title="$t('synthesis.undergroundMode')" - @click="setUndergroundMode" - > + <div style="float:right" :title="$t('synthesis.undergroundMode')" @click="setUndergroundMode"> <i class="el-icon-sunrise "></i> </div> </div> <div class="modelBox"> - <el-tree - :data="treeData" - show-checkbox - node-key="id" - ref="tree" - :default-expanded-keys="[1]" - :props="defaultProps" - @node-click="handleNodeClick" - @check="handleCheckChange" - @node-contextmenu="rightClick" - > + <el-tree :data="treeData" show-checkbox node-key="id" ref="tree" :default-expanded-keys="[1]" + :props="defaultProps" @node-click="handleNodeClick" @check="handleCheckChange" @node-contextmenu="rightClick"> </el-tree> </div> </div> - <div - v-if="editModelFlag" - class="modelLayer box_divm" - > - <el-form - ref="form" - :model="modelForm" - label-width="80px" - > + <div v-if="editModelFlag" class="modelLayer box_divm"> + <el-form ref="form" :model="modelForm" label-width="80px"> <el-form-item> - <el-button - size="small" - @click="dialogLayerVisible = true" - >鍥惧眰</el-button> - <el-button - size="small" - v-if="$store.state.previewLayer.type == 'mpt'" - @click="setcropping" - >瑁佸壀</el-button> - <el-button - size="small" - v-if="$store.state.previewLayer.type != 'mpt'" - @click="locateTo" - >瀹氫綅</el-button> - <el-button - size="small" - v-if="$store.state.previewLayer.type != 'mpt'" - @click="showTileset" - >鏄鹃殣</el-button> + <el-button size="small" v-if="$store.state.previewLayer.stype != 'yl'" + @click="dialogLayerVisible = true">鍥惧眰</el-button> + <el-button size="small" v-if="$store.state.previewLayer.type == 'mpt'" @click="setcropping">瑁佸壀</el-button> + <el-button size="small" v-if="$store.state.previewLayer.type != 'mpt'" @click="locateTo">瀹氫綅</el-button> + <el-button size="small" v-if="$store.state.previewLayer.type != 'mpt'" @click="showTileset">鏄鹃殣</el-button> - <el-button - size="small" - v-if="$store.state.previewLayer.type != 'mpt'" - @click="setUndergroundMode" - >鍦颁笅</el-button> + <el-button size="small" v-if="$store.state.previewLayer.type != 'mpt'" + @click="setUndergroundMode">鍦颁笅</el-button> <br /> - <el-button - v-if="$store.state.previewLayer.type != '3dml' && + <el-button v-if="$store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' && - $store.state.previewLayer.type != 'mpt'" - size="small" - @click="pickupCoords" - >鎷惧彇</el-button> - <el-button - v-if="$store.state.previewLayer.type != '3dml' && + $store.state.previewLayer.type != 'mpt'" size="small" @click="pickupCoords">鎷惧彇</el-button> + <el-button v-if="$store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' && - $store.state.previewLayer.type != 'mpt'" - size="small" - @click="reload" - > + $store.state.previewLayer.type != 'mpt'" size="small" @click="reload"> 閲嶈浇 </el-button> - <el-button - v-if="modelForm.modelid == null && $store.state.previewLayer.type != '3dml' && + <el-button v-if="modelForm.modelid == null && $store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' && - $store.state.previewLayer.type != 'mpt'" - size="small" - @click="getModeKeyId" - >妯″瀷涓婚敭</el-button> - <el-button - v-if="$store.state.previewLayer.type != '3dml' && + $store.state.previewLayer.type != 'mpt'" size="small" @click="getModeKeyId">妯″瀷涓婚敭</el-button> + <el-button v-if="$store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' - " - size="small" - @click="resave" - >淇濆瓨</el-button> + " size="small" @click="resave">淇濆瓨</el-button> </el-form-item> - <el-form-item - label="缁忓害:" - v-if="$store.state.previewLayer.type != '3dml' && + <el-form-item label="缁忓害:" v-if="$store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' && - $store.state.previewLayer.type != 'mpt'" - > - <el-input - size="small" - v-model="modelForm.lon" - ></el-input> + $store.state.previewLayer.type != 'mpt'"> + <el-input size="small" v-model="modelForm.lon"></el-input> </el-form-item> - <el-form-item - label="绾害:" - v-if="$store.state.previewLayer.type != '3dml' && + <el-form-item label="绾害:" v-if="$store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' && - $store.state.previewLayer.type != 'mpt'" - > - <el-input - size="small" - v-model="modelForm.lat" - ></el-input> + $store.state.previewLayer.type != 'mpt'"> + <el-input size="small" v-model="modelForm.lat"></el-input> </el-form-item> - <el-form-item - label="楂樺害:" - v-if="$store.state.previewLayer.type != '3dml' && + <el-form-item label="楂樺害:" v-if="$store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' && - $store.state.previewLayer.type != 'mpt'" - > - <el-input - size="small" - v-model="modelForm.height" - ></el-input> + $store.state.previewLayer.type != 'mpt'"> + <el-input size="small" v-model="modelForm.height"></el-input> </el-form-item> - <el-form-item - label="瑙掑害:" - v-if="$store.state.previewLayer.type != '3dml' && + <el-form-item label="瑙掑害:" v-if="$store.state.previewLayer.type != '3dml' && $store.state.previewLayer.type != 'cpt' && - $store.state.previewLayer.type != 'mpt'" - > - <el-input - size="small" - v-model="modelForm.yaw" - ></el-input> + $store.state.previewLayer.type != 'mpt'"> + <el-input size="small" v-model="modelForm.yaw"></el-input> </el-form-item> - <el-form-item - label="姣斾緥:" - v-if="$store.state.previewLayer.type == 'las'" - > - <el-input - size="small" - v-model="modelForm.scale" - ></el-input> + <el-form-item label="姣斾緥:" v-if="$store.state.previewLayer.type == 'las'"> + <el-input size="small" v-model="modelForm.scale"></el-input> </el-form-item> <!-- <el-form-item label="閫忔槑搴�:"> @@ -167,46 +78,20 @@ </el-form> </div> - <el-dialog - :title="formInline.title" - :visible.sync="dialogVisible" - :modal="false" - :modal-append-to-body="false" - :close-on-click-modal="false" - :before-close="handleClose" - width="30%" - > + <el-dialog :title="formInline.title" :visible.sync="dialogVisible" :modal="false" :modal-append-to-body="false" + :close-on-click-modal="false" :before-close="handleClose" width="30%"> <div style="height:63vh"> - <el-tabs - v-model="activeName" - @tab-click="handleClick" - > - <el-tab-pane - label="灞炴��" - name="first" - v-if="serveType" - > - <el-form - ref="form" - :model="formInline" - label-width="80px" - > + <el-tabs v-model="activeName" @tab-click="handleClick"> + <el-tab-pane label="灞炴��" name="first" v-if="serveType"> + <el-form ref="form" :model="formInline" label-width="80px"> <el-form-item :label="$t('common.name')"> <el-input v-model="formInline.name"></el-input> </el-form-item> <el-form-item :label="$t('common.type')"> - <el-select - v-model="formInline.type" - style="width:100%" - > - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select v-model="formInline.type" style="width:100%"> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> @@ -217,113 +102,47 @@ </el-form-item> <el-form-item> - <el-button - v-show="isShowModel" - type="success" - plain - size="small" - @click="InsertData" - >{{ + <el-button v-show="isShowModel" type="success" plain size="small" @click="InsertData">{{ $t('common.increase') }}</el-button> - <el-button - v-show="!isShowModel" - type="info" - plain - size="small" - @click="EditData" - >{{ $t('common.update') + <el-button v-show="!isShowModel" type="info" plain size="small" @click="EditData">{{ $t('common.update') }}</el-button> </el-form-item> </el-form> </el-tab-pane> - <el-tab-pane - label="闄勪欢" - name="second" - > - <el-form - :model="fromfile" - class="demo-form-inline" - > + <el-tab-pane label="闄勪欢" name="second"> + <el-form :model="fromfile" class="demo-form-inline"> <el-form-item> - <el-input - v-model="fromfile.file" - style="width: 300px; margin-right: 20px" - :placeholder="$t('common.choose')" - disabled - ></el-input> - <input - name="file1" - type="file" - id="insertFile" - multiple="multiple" - style="display: none" - @change="insertFile()" - /> - <el-link - @click="getInsertFile()" - :underline="false" - ><i class="el-icon-folder-opened"></i></el-link> + <el-input v-model="fromfile.file" style="width: 300px; margin-right: 20px" + :placeholder="$t('common.choose')" disabled></el-input> + <input name="file1" type="file" id="insertFile" multiple="multiple" style="display: none" + @change="insertFile()" /> + <el-link @click="getInsertFile()" :underline="false"><i class="el-icon-folder-opened"></i></el-link> </el-form-item> <el-form-item> <el-row> <el-col :span="3"> - <el-link - class="elLink" - :underline="false" - @click="setAttachInsert" - >{{ $t('common.append') + <el-link class="elLink" :underline="false" @click="setAttachInsert">{{ $t('common.append') }}</el-link> </el-col> <el-col :span="3"> - <el-link - class="elLink" - :underline="false" - @click="setAttachDel" - >{{ $t('common.delete') }}</el-link> + <el-link class="elLink" :underline="false" @click="setAttachDel">{{ $t('common.delete') }}</el-link> </el-col> </el-row> </el-form-item> </el-form> - <el-table - :data="tableData" - ref="filterTable" - height="calc(100% - 130px)" - border - style="width: 100%" - @selection-change="handleAttatchChange" - > - <el-table-column - type="selection" - width="70" - /> - <el-table-column - width="60" - type="index" - :label="$t('common.index')" - /> - <el-table-column - prop="name" - :label="$t('common.name')" - /> + <el-table :data="tableData" ref="filterTable" height="calc(100% - 130px)" border style="width: 100%" + @selection-change="handleAttatchChange"> + <el-table-column type="selection" width="70" /> + <el-table-column width="60" type="index" :label="$t('common.index')" /> + <el-table-column prop="name" :label="$t('common.name')" /> - <el-table-column - prop="sizes" - :label="$t('common.size')" - :formatter="statSizeChange" - /> - <el-table-column - align="center" - :label="$t('common.operate')" - min-width="100" - > + <el-table-column prop="sizes" :label="$t('common.size')" :formatter="statSizeChange" /> + <el-table-column align="center" :label="$t('common.operate')" min-width="100"> <template slot-scope="scope"> - <el-link - v-if="matchState(scope, /[]/)" - @click="setAttatchDetail(scope.$index, scope.row)" - class="elLink" - >{{ $t('common.see') }}</el-link> + <el-link v-if="matchState(scope, /[]/)" @click="setAttatchDetail(scope.$index, scope.row)" + class="elLink">{{ $t('common.see') }}</el-link> </template> </el-table-column> @@ -346,44 +165,21 @@ <map-sdk v-if='showMapVisible'></map-sdk> </div> </el-dialog> --> - <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%" - > + <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> </div> - <div - v-if="dialog.isJpg" - class="pdfClass" - > + <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> - <div - v-show="dialogLayerVisible" - class="levelLayer box_divm" - > + <div v-show="dialogLayerVisible" class="levelLayer box_divm"> <div class="levelTitle"> <div> 鍥惧眰鍒楄〃 @@ -393,67 +189,33 @@ </div> </div> <div class="layerContent"> - <div - v-for="(item,index) in layerTree" - class="contLayer" - > - <div> <el-checkbox - v-model="item.checked" - @change="setLayerTreeChange(item)" - >{{item.cnName}}</el-checkbox></div> + <div v-for="(item, index) in layerTree" class="contLayer"> + <div> <el-checkbox v-model="item.checked" @change="setLayerTreeChange(item)">{{ item.cnName }}</el-checkbox> + </div> <div> - <el-button - icon="el-icon-map-location" - size="mini" - @click="setLayerTreeLocation(item)" - ></el-button> + <el-button icon="el-icon-map-location" size="mini" @click="setLayerTreeLocation(item)"></el-button> </div> </div> </div> </div> - <div - v-show="modelKeyFlag" - class="modelLayer box_divm" - v-drag - > - <el-form - ref="form" - :model="modelForm" - label-width="80px" - > + <div v-show="modelKeyFlag" class="modelLayer box_divm" v-drag> + <el-form ref="form" :model="modelForm" label-width="80px"> <el-form-item label="涓婚敭ID"> <el-select v-model="modelLayerId"> - <el-option - v-for="item in optionKey" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-option v-for="item in optionKey" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item> - <el-button - type="primary" - size="small" - @click="setSureKeyModelKey" - >{{ $t('common.confirm') }}</el-button> + <el-button type="primary" size="small" @click="setSureKeyModelKey">{{ $t('common.confirm') }}</el-button> </el-form-item> </el-form> </div> <undergroundModel ref="undergroundModel" /> - <el-card - class="box-card" - ref="card" - :style="{ ...rightClickMenuStyle }" - v-show="menuVisible" - > - <div - class="edit" - @click="setShowFile" - > + <el-card class="box-card" ref="card" :style="{ ...rightClickMenuStyle }" v-show="menuVisible"> + <div class="edit" @click="setShowFile"> <i class="el-icon-tickets"></i> 闄勪欢 </div> </el-card> @@ -1254,27 +1016,26 @@ Viewer.scene.globe.depthTestAgainstTerrain = true; // window.elevationTool = new SmartEarth.ElevationTool(window.sg); // elevationTool.setContourColor("#F1D487"); - var option = { - url: window.sceneConfig.SGUrl, - layerName: window.sceneConfig.mptName, - requestVertexNormals: true, - }; - window.terrainLayer = sgworld.Creator.sfsterrainprovider("", option, "", true, ""); - window.terrainFlag = '2' + window.terrainLayer = new Cesium.CesiumTerrainProvider({ + // url: LFData + '/3d/terrain/dem20230321' + url: demLayer + }); + Viewer.terrainProvider = window.terrainLayer + + window.terrainFlag = '1' // window.terrainLayer = new Cesium.CesiumTerrainProvider({ - // url: demLayer + // url: demLayer // }); // Viewer.terrainProvider = window.terrainLayer - if (this.$store.state.previewLayer) { var res = this.$store.state.previewLayer; var type = res.type; console.log(type) res.ulr = res.url.replace("{host}", iisHost); if (type == 'DEM') { - window.terrainLayer.deleteObject(); - // Viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider(); + // window.terrainLayer.deleteObject(); + Viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider(); // window.terrainLayer = null; window.terrainLayer = null; window.terrainLayer = new Cesium.CesiumTerrainProvider({ @@ -1289,12 +1050,15 @@ roll: 0.0 } });*/ + + if (res.geom) { + var wkt = this.$wkt.parse(res.geom); + var height = this.getHeight(wkt.coordinates[2]); + Viewer.camera.flyTo({ + destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], height), + }); + } - var wkt = this.$wkt.parse(res.geom); - var height = this.getHeight(wkt.coordinates[2]); - Viewer.camera.flyTo({ - destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], height), - }); } else if (type == 'DOM') { var wkt = this.$wkt.parse(res.geom); var height = this.getHeight(wkt.coordinates[2]) @@ -1734,6 +1498,7 @@ top: 20%; left: 50%; transform: translate(-50%, 0%); + .levelTitle { width: 100%; display: flex; @@ -1741,6 +1506,7 @@ font-size: 16px; font-family: Source Han Sans CN; } + .contLayer { margin: 10px 0px; font-size: 14px; @@ -1749,6 +1515,7 @@ justify-content: space-between; } } + .pdfClass { height: 70vh; width: 100%; @@ -1756,8 +1523,7 @@ } .el-icon-sunrise { - background: url("../assets/img/synthesis/images/3鐧藉簳_157.png") center - center no-repeat; + background: url("../assets/img/synthesis/images/3鐧藉簳_157.png") center center no-repeat; background-size: 24px; } @@ -1765,6 +1531,7 @@ content: "11"; visibility: hidden; } + .box-card { position: fixed; display: block; diff --git a/src/store/index.js b/src/store/index.js index daaf173..c2817f0 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -83,7 +83,8 @@ falg: false, gid: null, val: null - } + }, + setChangeBaseMap:true, }, mutations: { UPDATE_LISTEN_TIME(state, msg) { diff --git a/src/views/Tools/AddOnlineMap.vue b/src/views/Tools/AddOnlineMap.vue index 7099322..e5ee2cc 100644 --- a/src/views/Tools/AddOnlineMap.vue +++ b/src/views/Tools/AddOnlineMap.vue @@ -1,60 +1,23 @@ <template> - <Popup - ref="pop" - :title="title" - @close="close(true)" - width="400px" - @yes="addData" - @cancel="close(false)" - > + <Popup ref="pop" :title="title" @close="close(true)" width="400px" @yes="addData" @cancel="close(false)"> - <div - id="archTopBox" - class="archTopBox" - > + <div id="archTopBox" class="archTopBox"> - <div - class="boxCard" - v-for="(item,index) in mapList" - > + <div class="boxCard" v-for="(item, index) in mapList"> <el-card class="box-card"> - <div - slot="header" - class="clearfix" - > - <span style="font-size:14px">{{item.name}}</span> + <div slot="header" class="clearfix"> + <span style="font-size:14px">{{ item.name }}</span> <div style="float: right; padding: 3px 0"> - <i - v-show="!item.isShow" - style="margin-left:10px" - class="el-icon-arrow-up" - :title="$t('archiveObj.fold')" - @click="setCardChange(item)" - ></i> - <i - v-show="item.isShow" - style="margin-left:10px" - class="el-icon-arrow-down" - :title="$t('archiveObj.develop')" - @click="setCardChange(item)" - ></i> + <i v-show="!item.isShow" style="margin-left:10px" class="el-icon-arrow-up" :title="$t('archiveObj.fold')" + @click="setCardChange(item)"></i> + <i v-show="item.isShow" style="margin-left:10px" class="el-icon-arrow-down" + :title="$t('archiveObj.develop')" @click="setCardChange(item)"></i> </div> </div> - <div - :id="item.id" - style="margin:5px 1px" - v-show="!item.isShow" - > + <div :id="item.id" style="margin:5px 1px" v-show="!item.isShow"> <div style="margin:10px;width:380px"> - <div - class="map" - v-for="(map, mapIndex) in item.list" - @click="addImageLayer(map, item)" - > - <img - style="width: 60px; height: 60px" - :src="map.image" - ></img> + <div class="map" v-for="(map, mapIndex) in item.list" @click="addImageLayer(map, item)"> + <img style="width: 60px; height: 60px" :src="map.image"></img> <div> <el-link :underline="false"> {{ map.name }} </el-link></div> @@ -64,29 +27,6 @@ </el-card> </div> - - <!-- <el-collapse :value="activeNames"> - <el-collapse-item - v-for="(mapCollection, index) in mapList" - :title="mapCollection.name" - :name="mapCollection.name" - :key="index" - > - <div - class="map" - v-for="(map, mapIndex) in mapCollection.list" - :key="mapIndex" - @click="addImageLayer(map, mapCollection)" - > - <el-image - style="width: 60px; height: 60px" - :src="require(`@assets/imageLayer/${map.image}`)" - fit="fill" - ></el-image> - <span>{{ map.name }}</span> - </div> - </el-collapse-item> - </el-collapse> --> </div> </el-form> </Popup> @@ -97,7 +37,7 @@ import TileLayer from "ol/layer/Tile" import XYZ from "ol/source/XYZ" // 褰卞儚鍥惧眰 - +import mapLayers from "./layer"; export default { name: "AddOnlineMap", components: { @@ -106,7 +46,7 @@ mixins: [], data() { return { - title: "鍦ㄧ嚎鍦板浘", + title: "3D鍦ㄧ嚎鍦板浘", left: undefined, tokne: "", data: { @@ -120,98 +60,7 @@ zIndex: undefined, }, mapCollection: undefined, - mapList: [{ - name: "Cesium", - sourceType: "cesium", - tokne: "94a34772eb88317fcbf8428e10448561", - maximumLevel: 18, - id: 1, - isShow: true, - list: [{ - name: "Cesium褰卞儚", - image: require("../../assets/img/imageLayer/tdmap_image.jpg"), - urls: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", - },], - }, - - { - name: "澶╁湴鍥�", - sourceType: "tdmap", - tokne: "94a34772eb88317fcbf8428e10448561", - maximumLevel: 18, - id: 1, - isShow: true, - list: [ - { - name: "澶╁湴鍥惧湴鍥�", - image: require("../../assets/img/imageLayer/tdmap_map.jpg"), - urls: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", - olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=' - }, - { - name: "澶╁湴鍥惧奖鍍�", - image: require("../../assets/img/imageLayer/tdmap_image.jpg"), - urls: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", - olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=' - }, - { - name: "澶╁湴鍥惧湴褰�", - image: require("../../assets/img/imageLayer/tdmap_label.jpg"), - urls: "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", - olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=ter_w&x={x}&y={y}&l={z}&tk=' - }, - ], - }, - { - name: "楂樺痉鍦板浘", - sourceType: "gdmap", - maximumLevel: 18, - id: 2, - isShow: true, - list: [ - { - name: "楂樺痉鍦板浘", - image: require("../../assets/img/imageLayer/gdmap_map.jpg"), - urls: "https://webst02.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}", - }, - { - name: "楂樺痉褰卞儚", - image: require("../../assets/img/imageLayer/gdmap_image.jpg"), - urls: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", - }, - - ], - }, { - name: '鏈湴鏈嶅姟', - sourceType: 'localmap', - maximumLevel: 22, - id: 3, - isShow: true, - list: [ - { - name: "鍦板浘", - image: require("../../assets/img/imageLayer/gdmap_map.jpg"), - urls: "http://{host}/LFData/2d/tiles/vec/{z}/{x}/{y}.png", - }, - { - name: "褰卞儚", - image: require("../../assets/img/imageLayer/gdmap_image.jpg"), - urls: "http://{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png", - }, - { - name: "鍦板舰", - image: require("../../assets/img/imageLayer/dixing.png"), - urls: "http://{host}/LFData/2d/tiles/ter/{z}/{x}/{y}.png", - }, - { - name: "1:20涓囧尯鍩熷湴璐ㄥ浘", - image: require("../../assets/img/imageLayer/25dizhi.png"), - urls: "http://{host}/LFData/2d/tiles/20w_qydz/{z}/{x}/{y}.png", - }, - ], - } - - ], + mapList: mapLayers, }; }, computed: { @@ -248,12 +97,7 @@ window.Viewer.imageryLayers.remove( window.BaseMapLayer ); - window.map.removeLayer(window.olBaseMapLayer); - if (!is_production) { - if (window.vectorLayer) { - window.map.removeLayer(window.vectorLayer); - } - } + }, addImageLayer(map, mapCollection) { @@ -268,15 +112,7 @@ this.mapCollection = mapCollection; if (mapCollection.sourceType === "cesium") { - window.olBaseMapLayer = new TileLayer({ - title: "楂樺痉鍦板浘", - source: new XYZ({ - url: map.urls, - wrapX: false - }), - zIndex: -1 - }); - window.map.addLayer(window.olBaseMapLayer); + return; } else if (mapCollection.sourceType === "tdmap") { @@ -291,15 +127,7 @@ tileMatrixSetID: "GoogleMapsCompatible", })) - window.olBaseMapLayer = new TileLayer({ - title: "楂樺痉鍦板浘", - source: new XYZ({ - url: map.olUrls + tokne - - }), - zIndex: -1 - }); - window.map.addLayer(window.olBaseMapLayer); + } else if (mapCollection.sourceType === "gdmap") { window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider( @@ -309,15 +137,7 @@ }) ); - window.olBaseMapLayer = new TileLayer({ - title: "楂樺痉鍦板浘", - source: new XYZ({ - url: map.urls, - wrapX: false - }), - zIndex: -1 - }); - window.map.addLayer(window.olBaseMapLayer); + } else if (mapCollection.sourceType === "localmap") { var ulr = map.urls; ulr = ulr.replace("{host}", iisHost) @@ -329,15 +149,7 @@ }) ); - window.olBaseMapLayer = new TileLayer({ - title: "楂樺痉鍦板浘", - source: new XYZ({ - url: ulr, - wrapX: false - }), - zIndex: -1 - }); - window.map.addLayer(window.olBaseMapLayer); + } Viewer.imageryLayers.lowerToBottom(window.BaseMapLayer);//灏嗗浘灞傜Щ鍒版渶搴曞眰 Viewer.imageryLayers.raise(window.BaseMapLayer);//灏嗗浘灞傜Щ鍒版渶搴曞眰 @@ -380,6 +192,7 @@ /deep/.el-card__body { padding: 0px !important; } + .map { display: inline-block; cursor: pointer; @@ -391,6 +204,7 @@ border-radius: 4px; } } + .boxCard { margin-bottom: 5px; } diff --git a/src/views/Tools/AddOnlineOLMap.vue b/src/views/Tools/AddOnlineOLMap.vue new file mode 100644 index 0000000..fa5e8ec --- /dev/null +++ b/src/views/Tools/AddOnlineOLMap.vue @@ -0,0 +1,221 @@ +<template> + <Popup ref="pop" :title="title" @close="close(true)" width="400px" @yes="addData" @cancel="close(false)"> + + <div id="archTopBox" class="archTopBox"> + + <div class="boxCard" v-for="(item, index) in mapList"> + <el-card class="box-card"> + <div slot="header" class="clearfix"> + <span style="font-size:14px">{{ item.name }}</span> + <div style="float: right; padding: 3px 0"> + <i v-show="!item.isShow" style="margin-left:10px" class="el-icon-arrow-up" :title="$t('archiveObj.fold')" + @click="setCardChange(item)"></i> + <i v-show="item.isShow" style="margin-left:10px" class="el-icon-arrow-down" + :title="$t('archiveObj.develop')" @click="setCardChange(item)"></i> + </div> + </div> + <div :id="item.id" style="margin:5px 1px" v-show="!item.isShow"> + <div style="margin:10px;width:380px"> + <div class="map" v-for="(map, mapIndex) in item.list" @click="addImageLayer(map, item)"> + <img style="width: 60px; height: 60px" :src="map.image"></img> + <div> <el-link :underline="false"> + {{ map.name }} + </el-link></div> + </div> + </div> + </div> + </el-card> + + </div> + </div> + </el-form> + </Popup> +</template> + +<script> +import Popup from "./Popup"; +import TileLayer from "ol/layer/Tile" +import XYZ from "ol/source/XYZ" +// 褰卞儚鍥惧眰 +import mapLayers from "./layer"; +export default { + name: "addOnlineOlMap", + components: { + Popup, + }, + mixins: [], + data() { + return { + title: "2D鍦ㄧ嚎鍦板浘", + left: undefined, + tokne: "", + data: { + id: "", + sourceType: "", + name: "", + urls: "", + layer: "", + alpha: 1, + maximumLevel: 26, + zIndex: undefined, + }, + mapCollection: undefined, + mapList: mapLayers, + }; + }, + computed: { + activeNames() { + return this.mapList.map((item) => { + return item.name; + }); + }, + }, + methods: { + setCardChange(res) { + res.isShow = !res.isShow + }, + // 鍏抽棴寮圭獥 + close(isCloseBtn, removeLayer = true) { + // removeLayer && this.removeImageLayer(); + + // 閲嶇疆data鍊� + Object.assign(this.$data, this.$options.data()); + !isCloseBtn && this.$refs.pop.close(); + }, + // 鎵撳紑寮圭獥 + open() { + this.close(true); + this.$refs.pop.open(); + + }, + changeToken(token) { + this.mapCollection.tokne = token; + }, + removeImageLayer() { + window.map.removeLayer(window.olBaseMapLayer); + if (!is_production) { + if (window.vectorLayer) { + window.map.removeLayer(window.vectorLayer); + } + } + }, + addImageLayer(map, mapCollection) { + + if ( + this.data.name === map.name && + (this.data.urls === map.urls || this.data.urls === mapCollection.urls) + ) { + return; + } + + this.removeImageLayer(); + + this.mapCollection = mapCollection; + if (mapCollection.sourceType === "cesium") { + window.olBaseMapLayer = new TileLayer({ + title: "楂樺痉鍦板浘", + source: new XYZ({ + url: map.urls, + wrapX: false + }), + zIndex: -1 + }); + window.map.addLayer(window.olBaseMapLayer); + return; + } else if (mapCollection.sourceType === "tdmap") { + + var tokne = mapCollection.tokne; + //娣诲姞澶╁湴鍥惧奖鍍� + + + + window.olBaseMapLayer = new TileLayer({ + title: "楂樺痉鍦板浘", + source: new XYZ({ + url: map.olUrls + tokne + + }), + zIndex: -1 + }); + window.map.addLayer(window.olBaseMapLayer); + } else if (mapCollection.sourceType === "gdmap") { + + + window.olBaseMapLayer = new TileLayer({ + title: "楂樺痉鍦板浘", + source: new XYZ({ + url: map.urls, + wrapX: false + }), + zIndex: -1 + }); + window.map.addLayer(window.olBaseMapLayer); + } else if (mapCollection.sourceType === "localmap") { + var ulr = map.urls; + ulr = ulr.replace("{host}", iisHost) + + + + window.olBaseMapLayer = new TileLayer({ + title: "楂樺痉鍦板浘", + source: new XYZ({ + url: ulr, + wrapX: false + }), + zIndex: -1 + }); + window.map.addLayer(window.olBaseMapLayer); + } + + }, + // 娣诲姞鏁版嵁 + addData() { + if (this.data.urls && this.data.sourceType) { + let data = { + id: window.sgworld.Core.getuid(), + ...this.data, + Level: [0, 26], + }; + if (data.sourceType === "tdmap") { + data.urls += "&tk=" + this.tokne; + } else if (data.sourceType === "bdmap") { + data.style = this.mapCollection.style; + } + if (this.mapCollection.GCJ02) { + data.GCJ02 = true; + } + + data.item = window.BaseMapLayer; + window.BaseMapLayer = undefined; + + this.$emit("success", data); + this.close(false, false); + } else { + this.$message("璇烽�夋嫨鍦板浘"); + } + }, + }, +}; +</script> + +<style scoped lang="less"> +/deep/.el-card__body { + padding: 0px !important; +} + +.map { + display: inline-block; + cursor: pointer; + margin: 5px; + text-align: center; + + .el-image { + border: 2px solid #fff; + border-radius: 4px; + } +} + +.boxCard { + margin-bottom: 5px; +} +</style> diff --git a/src/views/Tools/layer.js b/src/views/Tools/layer.js new file mode 100644 index 0000000..4be8fd7 --- /dev/null +++ b/src/views/Tools/layer.js @@ -0,0 +1,92 @@ +const mapLayers = [{ + name: "Cesium", + sourceType: "cesium", + tokne: "94a34772eb88317fcbf8428e10448561", + maximumLevel: 18, + id: 1, + isShow: true, + list: [{ + name: "Cesium褰卞儚", + image: require("../../assets/img/imageLayer/tdmap_image.jpg"), + urls: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", + },], +}, + +{ + name: "澶╁湴鍥�", + sourceType: "tdmap", + tokne: "94a34772eb88317fcbf8428e10448561", + maximumLevel: 18, + id: 1, + isShow: true, + list: [ + { + name: "澶╁湴鍥惧湴鍥�", + image: require("../../assets/img/imageLayer/tdmap_map.jpg"), + urls: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", + olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=' + }, + { + name: "澶╁湴鍥惧奖鍍�", + image: require("../../assets/img/imageLayer/tdmap_image.jpg"), + urls: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", + olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=' + }, + { + name: "澶╁湴鍥惧湴褰�", + image: require("../../assets/img/imageLayer/tdmap_label.jpg"), + urls: "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", + olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=ter_w&x={x}&y={y}&l={z}&tk=' + }, + ], +}, +{ + name: "楂樺痉鍦板浘", + sourceType: "gdmap", + maximumLevel: 18, + id: 2, + isShow: true, + list: [ + { + name: "楂樺痉鍦板浘", + image: require("../../assets/img/imageLayer/gdmap_map.jpg"), + urls: "https://webst02.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}", + }, + { + name: "楂樺痉褰卞儚", + image: require("../../assets/img/imageLayer/gdmap_image.jpg"), + urls: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", + }, + + ], +}, { + name: '鏈湴鏈嶅姟', + sourceType: 'localmap', + maximumLevel: 22, + id: 3, + isShow: true, + list: [ + { + name: "鍦板浘", + image: require("../../assets/img/imageLayer/gdmap_map.jpg"), + urls: "http://{host}/LFData/2d/tiles/vec/{z}/{x}/{y}.png", + }, + { + name: "褰卞儚", + image: require("../../assets/img/imageLayer/gdmap_image.jpg"), + urls: "http://{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png", + }, + { + name: "鍦板舰", + image: require("../../assets/img/imageLayer/dixing.png"), + urls: "http://{host}/LFData/2d/tiles/ter/{z}/{x}/{y}.png", + }, + { + name: "1:20涓囧尯鍩熷湴璐ㄥ浘", + image: require("../../assets/img/imageLayer/25dizhi.png"), + urls: "http://{host}/LFData/2d/tiles/20w_qydz/{z}/{x}/{y}.png", + }, + ], +} +] +export default mapLayers; \ No newline at end of file diff --git a/src/views/datamanage/dataUpdata.vue b/src/views/datamanage/dataUpdata.vue index d18246f..9023154 100644 --- a/src/views/datamanage/dataUpdata.vue +++ b/src/views/datamanage/dataUpdata.vue @@ -1,47 +1,20 @@ <template> - <div - class="subpage_Box" - v-loading="loading" - element-loading-background="rgba(0, 0, 0, 0.8)" - :element-loading-text="loadText" - > + <div class="subpage_Box" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.8)" + :element-loading-text="loadText"> <My-bread :list="[ - `${$t('dataManage.dataManage')}`, - `${$t('dataManage.dataUpdata')}`, - ]"></My-bread> + `${$t('dataManage.dataManage')}`, + `${$t('dataManage.dataUpdata')}`, + ]"></My-bread> <el-divider /> - <el-tabs - type="card" - v-model="activeTabName" - @tab-click="handleTabClick" - > + <el-tabs type="card" v-model="activeTabName" @tab-click="handleTabClick"> <!-- 涓婁紶鏁版嵁 --> - <el-tab-pane - :label="$t('dataManage.dataUpObj.uploaddata')" - name="first" - > - <div - class="inquire subpage_Div" - ref="container" - > - <el-form - :inline="true" - :model="formInline" - class="demo-form-inline" - > + <el-tab-pane :label="$t('dataManage.dataUpObj.uploaddata')" name="first"> + <div class="inquire subpage_Div" ref="container"> + <el-form :inline="true" :model="formInline" class="demo-form-inline"> <!-- 鍏ュ簱绫诲瀷 --> - <el-form-item - :label="$t('dataManage.dataUpObj.UploadType')" - style="margin-right: 2%" - size="small" - > - <el-select - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.uploadType" - @change="uploadTypeChange" - :popper-append-to-body="false" - placeholder="璇烽�夋嫨" - > + <el-form-item :label="$t('dataManage.dataUpObj.UploadType')" style="margin-right: 2%" size="small"> + <el-select :disabled="tableData.length == 0 ? false : true" v-model="formInline.uploadType" + @change="uploadTypeChange" :popper-append-to-body="false" placeholder="璇烽�夋嫨"> <!-- <el-option v-for="item in uploadOption" :key="item.value" @@ -49,46 +22,19 @@ :value="item.value" ></el-option>--> - <el-option - :label="$t('shuJuGuanLi.pselect.dFile')" - value="v1" - /> - <el-option - :label="$t('shuJuGuanLi.pselect.dFiles')" - value="v2" - /> - <el-option - :label="$t('shuJuGuanLi.pselect.dFfilest')" - value="v3" - /> + <el-option :label="$t('shuJuGuanLi.pselect.dFile')" value="v1" /> + <el-option :label="$t('shuJuGuanLi.pselect.dFiles')" value="v2" /> + <el-option :label="$t('shuJuGuanLi.pselect.dFfilest')" value="v3" /> </el-select> </el-form-item> <!-- 瀛樺偍鐩綍 --> - <el-form-item - style="margin-right: 2%" - v-show="uploadFlag" - :label="$t('dataManage.dataUpObj.storageDirectory')" - size="small" - > - <el-select - ref="multiSelect" - :popper-append-to-body="false" - v-model="formInline.dirName" - :disabled="tableData.length == 0 ? false : true" - > - <el-option - :value="formInline.dirid" - :label="formInline.dirName" - style=" height:auto" - > - <el-tree - ref="tree" - :data="catalogOption" - node-key="id" - :props="cascader" - @node-click="catalogChange" - /> + <el-form-item style="margin-right: 2%" v-show="uploadFlag" + :label="$t('dataManage.dataUpObj.storageDirectory')" size="small"> + <el-select ref="multiSelect" :popper-append-to-body="false" v-model="formInline.dirName" + :disabled="tableData.length == 0 ? false : true"> + <el-option :value="formInline.dirid" :label="formInline.dirName" style=" height:auto"> + <el-tree ref="tree" :data="catalogOption" node-key="id" :props="cascader" @node-click="catalogChange" /> </el-option> </el-select> <!-- <el-cascader @@ -101,60 +47,25 @@ ></el-cascader> --> </el-form-item> <!-- 椤圭洰鍚嶇О --> - <el-form-item - style="margin-right: 2%" - v-show="!uploadFlag" - :label="$t('dataManage.dataUpObj.entryName')" - size="small" - > - <el-select - :popper-append-to-body="false" - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.entryId" - @change="entryNameChange" - placeholder="璇烽�夋嫨" - > - <el-option - v-for="item in entryOption" - :key="item.id" - :label="item.name" - :value="item.name" - ></el-option> + <el-form-item style="margin-right: 2%" v-show="!uploadFlag" :label="$t('dataManage.dataUpObj.entryName')" + size="small"> + <el-select :popper-append-to-body="false" :disabled="tableData.length == 0 ? false : true" + v-model="formInline.entryId" @change="entryNameChange" placeholder="璇烽�夋嫨"> + <el-option v-for="item in entryOption" :key="item.id" :label="item.name" :value="item.name"></el-option> </el-select> </el-form-item> <!-- 鏁版嵁鐗堟湰 --> - <el-form-item - :label="$t('dataManage.dataUpObj.dataVersion')" - style="margin-right: 2%" - size="small" - > - <el-select - :popper-append-to-body="false" - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.verid" - :placeholder="$t('common.choose')" - > - <el-option - v-for="item in verOption" - :key="item.id" - :label="item.name" - :value="item.id" - > + <el-form-item :label="$t('dataManage.dataUpObj.dataVersion')" style="margin-right: 2%" size="small"> + <el-select :popper-append-to-body="false" :disabled="tableData.length == 0 ? false : true" + v-model="formInline.verid" :placeholder="$t('common.choose')"> + <el-option v-for="item in verOption" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> <!-- 鏁版嵁涓撲笟 --> - <el-form-item - :label="$t('dataManage.dataUpObj.dataSpecialty')" - style="margin-right: 2%" - size="small" - > - <el-select - :popper-append-to-body="false" - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.specialtyId" - :placeholder="$t('common.choose')" - > + <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')" style="margin-right: 2%" size="small"> + <el-select :popper-append-to-body="false" :disabled="tableData.length == 0 ? false : true" + v-model="formInline.specialtyId" :placeholder="$t('common.choose')"> <!-- <el-option v-for="item in specialtyOption" :key="item.value" @@ -162,253 +73,109 @@ :value="item.value"> </el-option>--> - <el-option - :label="$t('shuJuGuanLi.pselect.SurveyingAndMapping')" - value="娴嬮噺涓撲笟" - /> - <el-option - :label="$t('shuJuGuanLi.pselect.SurveysDiscipline')" - value="鍕樺療涓撲笟" - /> - <el-option - :label="$t('shuJuGuanLi.pselect.GeologicalDisasterSpecialty')" - value="鍦扮伨涓撲笟" - /> - <el-option - :label="$t('shuJuGuanLi.pselect.CavernSpecialty')" - value="娲炲簱涓撲笟" - /> - <el-option - :label="$t('shuJuGuanLi.pselect.LineDiscipline')" - value='绾胯矾涓撲笟' - /> + <el-option :label="$t('shuJuGuanLi.pselect.SurveyingAndMapping')" value="娴嬮噺涓撲笟" /> + <el-option :label="$t('shuJuGuanLi.pselect.SurveysDiscipline')" value="鍕樺療涓撲笟" /> + <el-option :label="$t('shuJuGuanLi.pselect.GeologicalDisasterSpecialty')" value="鍦扮伨涓撲笟" /> + <el-option :label="$t('shuJuGuanLi.pselect.CavernSpecialty')" value="娲炲簱涓撲笟" /> + <el-option :label="$t('shuJuGuanLi.pselect.LineDiscipline')" value='绾胯矾涓撲笟' /> </el-select> </el-form-item> <!-- 鍧愭爣绯� --> - <el-form-item - :label="$t('dataManage.dataUpObj.coordinateSystem')" - style="margin-right: 3%" - size="small" - > - <el-select - :popper-append-to-body="false" - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.coordinateId" - :placeholder="$t('common.choose')" - > - <el-option - v-for="item in coordinateOption" - :key="item.epsgcode" - :label="item.coordinate" - :value="item.epsgcode" - > + <el-form-item :label="$t('dataManage.dataUpObj.coordinateSystem')" style="margin-right: 3%" size="small"> + <el-select :popper-append-to-body="false" :disabled="tableData.length == 0 ? false : true" + v-model="formInline.coordinateId" :placeholder="$t('common.choose')"> + <el-option v-for="item in coordinateOption" :key="item.epsgcode" :label="item.coordinate" + :value="item.epsgcode"> </el-option> </el-select> </el-form-item> <div class="flex_box"> <div style="margin-right: auto"> <!-- 绾胯矾绫诲埆 --> - <el-form-item - size="small" - :label="$t('dataManage.dataUpObj.labe11')" - v-show="formInline.uploadType =='v3'" - > - <el-select - v-model="formInline.tab" - placeholder="璇烽�夋嫨" - > - <el-option - v-for="item in lineOptions" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-form-item size="small" :label="$t('dataManage.dataUpObj.labe11')" + v-show="formInline.uploadType == 'v3'"> + <el-select v-model="formInline.tab" placeholder="璇烽�夋嫨"> + <el-option v-for="item in lineOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <!-- 绾胯矾绫诲埆 --> - <el-form-item - :label="$t('dataManage.dataUpObj.labe12')" - v-show="formInline.uploadType =='v3'" - size="small" - > - <el-select - v-model="formInline.medium" - size="small" - placeholder="璇烽�夋嫨" - > - <el-option - v-for="item in mediumOptions" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-form-item :label="$t('dataManage.dataUpObj.labe12')" v-show="formInline.uploadType == 'v3'" + size="small"> + <el-select v-model="formInline.medium" size="small" placeholder="璇烽�夋嫨"> + <el-option v-for="item in mediumOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <!-- 閫夋嫨鏁版嵁 --> <el-form-item size="small"> - <el-link - :disabled="tableData.length == 0 ? false : true" - v-show="formInline.specialtyData == '璇烽�夋嫨鏁版嵁'" - @click="setSelectFile" - :underline="false" - type="primary" - >{{ $t('dataManage.dataUpObj.selectData') }} + <el-link :disabled="tableData.length == 0 ? false : true" v-show="formInline.specialtyData == '璇烽�夋嫨鏁版嵁'" + @click="setSelectFile" :underline="false" type="primary">{{ $t('dataManage.dataUpObj.selectData') }} </el-link> - <el-link - v-show="formInline.specialtyData != '璇烽�夋嫨鏁版嵁'" - @click="restSelectFile" - :underline="false" - type="primary" - >{{ $t('common.reset') }} + <el-link v-show="formInline.specialtyData != '璇烽�夋嫨鏁版嵁'" @click="restSelectFile" :underline="false" + type="primary">{{ $t('common.reset') }} </el-link> - <input - size="small" - id="selectDataFile" - type="file" - name="file" - multiple="multiple" - :accept="formInline.selectFileType" - @change="handleSelectFileChange" - style="display: none" - ></input> + <input size="small" id="selectDataFile" type="file" name="file" multiple="multiple" + :accept="formInline.selectFileType" @change="handleSelectFileChange" style="display: none"></input> </el-form-item> <el-form-item size="small"> - <el-input - :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" - v-model="formInline.specialtyData" - style="width:200px;" - disabled - > + <el-input :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" v-model="formInline.specialtyData" + style="width:200px;" disabled> </el-input> </el-form-item> <!-- 閫夋嫨鍏冩暟鎹� --> - <el-form-item - v-show="uploadFlag " - v-if="formInline.uploadType =='v1'" - style="padding-left: 16px" - > - <el-link - :disabled="tableData.length == 0 ? false : true" - v-show="formInline.metaData == '璇烽�夋嫨鍏冩暟鎹�'" - @click="setMetaFile" - :underline="false" - type="primary" - >{{ $t('dataManage.dataUpObj.selectMetadata') }} + <el-form-item v-show="uploadFlag" v-if="formInline.uploadType == 'v1'" style="padding-left: 16px"> + <el-link :disabled="tableData.length == 0 ? false : true" v-show="formInline.metaData == '璇烽�夋嫨鍏冩暟鎹�'" + @click="setMetaFile" :underline="false" type="primary">{{ $t('dataManage.dataUpObj.selectMetadata') }} </el-link> - <el-link - v-show="formInline.metaData != '璇烽�夋嫨鍏冩暟鎹�'" - @click="restMetaFile" - :underline="false" - type="primary" - >{{ $t('common.reset') }} + <el-link v-show="formInline.metaData != '璇烽�夋嫨鍏冩暟鎹�'" @click="restMetaFile" :underline="false" + type="primary">{{ $t('common.reset') }} </el-link> - <input - id="metaDataFile" - type="file" - name="file" - multiple="multiple" - accept=".xls,.xlsx" - style="display: none" - @change="handleMetaFileChange" - ></input> + <input id="metaDataFile" type="file" name="file" multiple="multiple" accept=".xls,.xlsx" + style="display: none" @change="handleMetaFileChange"></input> </el-form-item> - <el-form-item - v-show="uploadFlag" - v-if="formInline.uploadType =='v1'" - size="small" - > - <el-input - :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" - v-model="formInline.metaData" - style="width:200px;" - disabled - > + <el-form-item v-show="uploadFlag" v-if="formInline.uploadType == 'v1'" size="small"> + <el-input :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" v-model="formInline.metaData" + style="width:200px;" disabled> </el-input> </el-form-item> <!-- 閫夋嫨WBS鏁版嵁 --> <el-form-item v-show="!uploadFlag"> - <el-link - :disabled="tableData.length == 0 ? false : true" - v-show="formInline.wbsData == '璇烽�夋嫨WBS鏁版嵁'" - @click="setWBSFile" - :underline="false" - type="primary" - >{{ $t('dataManage.dataUpObj.selectWBSData') }} + <el-link :disabled="tableData.length == 0 ? false : true" v-show="formInline.wbsData == '璇烽�夋嫨WBS鏁版嵁'" + @click="setWBSFile" :underline="false" type="primary">{{ $t('dataManage.dataUpObj.selectWBSData') }} </el-link> - <el-link - :disabled="tableData.length == 0 ? false : true" - v-show="formInline.wbsData != '璇烽�夋嫨WBS鏁版嵁'" - @click="restWBSFile" - :underline="false" - type="primary" - >{{ $t('common.reset') }} + <el-link :disabled="tableData.length == 0 ? false : true" v-show="formInline.wbsData != '璇烽�夋嫨WBS鏁版嵁'" + @click="restWBSFile" :underline="false" type="primary">{{ $t('common.reset') }} </el-link> - <input - id="wbsDataFile" - type="file" - name="file" - multiple="multiple" - accept=".xls,.xlsx" - style="display: none" - @change="handleWBSFileChange" - ></input> + <input id="wbsDataFile" type="file" name="file" multiple="multiple" accept=".xls,.xlsx" + style="display: none" @change="handleWBSFileChange"></input> </el-form-item> <el-form-item v-show="!uploadFlag"> - <el-input - placeholder="璇烽�夋嫨WBS鏁版嵁" - v-model="formInline.wbsData" - style="width:210px;" - disabled - > + <el-input placeholder="璇烽�夋嫨WBS鏁版嵁" v-model="formInline.wbsData" style="width:210px;" disabled> </el-input> </el-form-item> </div> <div> <el-form-item> <!-- 涓婁紶 --> - <el-button - v-if="menuStatus.upload" - :disabled="tableData.length == 0 ? false : true" - @click="setFileUpload" - size="small" - icon="el-icon-upload" - type="success" - >{{ + <el-button v-if="menuStatus.upload" :disabled="tableData.length == 0 ? false : true" + @click="setFileUpload" size="small" icon="el-icon-upload" type="success">{{ $t('common.upload') }} </el-button> <!-- 鍒犻櫎 --> - <el-button - v-if="menuStatus.delete" - :disabled="multipleSelection.length == 0 ? true : false" - icon="el-icon-delete" - size="small" - @click="setFileDelete" - type="danger" - >{{ $t('common.delete') }} + <el-button v-if="menuStatus.delete" :disabled="multipleSelection.length == 0 ? true : false" + icon="el-icon-delete" size="small" @click="setFileDelete" type="danger">{{ $t('common.delete') }} </el-button> <!-- 鍏ュ簱 --> - <el-button - v-if="menuStatus.insert" - @click="setFileWare" - size="small" - :disabled="tableData.length == 0 ? true: false" - icon="el-icon-folder-add" - type="warning" - >{{ $t('common.Warehousin') }} + <el-button v-if="menuStatus.insert" @click="setFileWare" size="small" + :disabled="tableData.length == 0 ? true : false" icon="el-icon-folder-add" type="warning">{{ + $t('common.Warehousin') }} </el-button> <!-- 璐ㄦ --> - <el-button - style="margin-right:-9px" - v-if="menuStatus.insert" - :disabled="multipleSelection.length == 0 ? true : false" - type="info" - size="small" - icon="el-icon-folder-checked" - @click="handleQuayTestClick()" - >{{ $t('common.quayTest') }} + <el-button style="margin-right:-9px" v-if="menuStatus.insert" + :disabled="multipleSelection.length == 0 ? true : false" type="info" size="small" + icon="el-icon-folder-checked" @click="handleQuayTestClick()">{{ $t('common.quayTest') }} </el-button> </el-form-item> @@ -420,63 +187,20 @@ </div> <!-- 涓婁紶鏁版嵁鍒楄〃 --> <div class="dividing-line"></div> - <div - class="table_box" - :style="styleVar" - > - <el-table - style="width:100%" - border - :data="tableData" - @selection-change="handleSelectionChange" - height="calc(100% - 57px)" - > - <el-table-column - type="selection" - width="55" - /> + <div class="table_box" :style="styleVar"> + <el-table style="width:100%" border :data="tableData" @selection-change="handleSelectionChange" + height="calc(100% - 57px)"> + <el-table-column type="selection" width="55" /> - <el-table-column - align="center" - type="index" - :label="$t('common.index')" - width="70px" - /> - <el-table-column - align="center" - prop="name" - :label="$t('common.name')" - /> - <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - :formatter="changeSizeFile" - /> - <el-table-column - align="center" - prop="status" - label="鐘舵��" - /> - <el-table-column - align="center" - prop="code" - label="鐘舵��" - v-if="false" - /> - <el-table-column - label="鎿嶄綔" - width="120" - > + <el-table-column align="center" type="index" :label="$t('common.index')" width="70px" /> + <el-table-column align="center" prop="name" :label="$t('common.name')" /> + <el-table-column align="center" prop="sizes" :label="$t('common.size')" :formatter="changeSizeFile" /> + <el-table-column align="center" prop="status" label="鐘舵��" /> + <el-table-column align="center" prop="code" label="鐘舵��" v-if="false" /> + <el-table-column label="鎿嶄綔" width="120"> <template slot-scope="scope"> - <el-button - v-if="menuStatus.download" - v-show="scope.row.code != null" - @click="handerLogClick(scope.row)" - type="primary" - size="mini" - plain - > 鏃ュ織 + <el-button v-if="menuStatus.download" v-show="scope.row.code != null" @click="handerLogClick(scope.row)" + type="primary" size="mini" plain> 鏃ュ織 </el-button> </template> </el-table-column> @@ -484,55 +208,25 @@ </div> </el-tab-pane> <!-- 鍏ュ簱鏁版嵁娓呭崟 --> - <el-tab-pane - :label="$t('dataManage.dataUpObj.receiptdata')" - name="second" - > - <div - class="inquire subpage_Div" - ref="container1" - > - <el-form - :inline="true" - :model="formWarehousing" - class="demo-form-inline" - > + <el-tab-pane :label="$t('dataManage.dataUpObj.receiptdata')" name="second"> + <div class="inquire subpage_Div" ref="container1"> + <el-form :inline="true" :model="formWarehousing" class="demo-form-inline"> <div class="flex_box"> <div style="margin-right: auto"> - <el-form-item - size="small" - :label="$t('dataManage.dataUpObj.describe')" - > - <el-input - v-model="formWarehousing.name" - :placeholder="$t('shuJuGuanLi.lable1')" - style="width: 200px;" - ><i - slot="suffix" - class="el-icon-search" - @click="setWarehouseSearch" - style="padding-right: 8px" - ></i></el-input> + <el-form-item size="small" :label="$t('dataManage.dataUpObj.describe')"> + <el-input v-model="formWarehousing.name" :placeholder="$t('shuJuGuanLi.lable1')" + style="width: 200px;"><i slot="suffix" class="el-icon-search" @click="setWarehouseSearch" + style="padding-right: 8px"></i></el-input> </el-form-item> </div> <div> <el-form-item> - <el-button - v-if="menuStatus.upload" - :disabled="multipleDelete.length == 0 ? true : false" - @click="setEnclosure" - icon="el-icon-folder-opened" - type="success" - size="small" - >{{ $t('common.enclosure') }} + <el-button v-if="menuStatus.upload" :disabled="multipleDelete.length == 0 ? true : false" + @click="setEnclosure" icon="el-icon-folder-opened" type="success" size="small">{{ + $t('common.enclosure') }} </el-button> - <el-button - v-if="menuStatus.delete" - @click="setWarehouseDel" - icon="el-icon-folder-delete" - type="danger" - size="small" - >{{ $t('common.delete') }} + <el-button v-if="menuStatus.delete" @click="setWarehouseDel" icon="el-icon-folder-delete" type="danger" + size="small">{{ $t('common.delete') }} </el-button> <!-- <el-button @click="setWarehouseSearch" @@ -543,12 +237,8 @@ $t('common.iquery') }} </el-button>--> - <el-button - @click="setWarehouseReset" - icon="el-icon-folder-add" - size="small" - type="info" - >{{ $t('common.reset') }} + <el-button @click="setWarehouseReset" icon="el-icon-folder-add" size="small" type="info">{{ + $t('common.reset') }} </el-button> </el-form-item> </div> @@ -558,139 +248,51 @@ </div> <!-- 鍏ュ簱 --> <div class="dividing-line"></div> - <div - class="table_box" - :style="styleVar1" - > - <el-table - ref="filterTable" - :data="waretableData" - style="width: 100%" - border - height="calc(100% - 57px)" - @selection-change="handleDelteChange" - > - <el-table-column - type="selection" - width="55" - > + <div class="table_box" :style="styleVar1"> + <el-table ref="filterTable" :data="waretableData" style="width: 100%" border height="calc(100% - 57px)" + @selection-change="handleDelteChange"> + <el-table-column type="selection" width="55"> </el-table-column> - <el-table-column - align="center" - type="index" - :label="$t('common.index')" - width="70px" - ></el-table-column> - <el-table-column - align="center" - :label="$t('common.name')" - width="120" - > + <el-table-column align="center" type="index" :label="$t('common.index')" width="70px"></el-table-column> + <el-table-column align="center" :label="$t('common.name')" width="120"> <template slot-scope="scope"> <span v-if="scope.row.ismeta > 0"> - <el-link - style="color:#409eff" - title="婧愭暟鎹煡璇�" - @click="setQueryMetaData(scope.row)" - target="_blank" - >{{ scope.row.name }}</el-link> + <el-link style="color:#409eff" title="婧愭暟鎹煡璇�" @click="setQueryMetaData(scope.row)" target="_blank">{{ + scope.row.name }}</el-link> </span> <span v-else-if="scope.row.metaid > 0"> - <el-link - style="color:#409eff" - title="鍏冩暟鎹煡璇�" - @click="setMetaDataQuery(scope.row)" - target="_blank" - >{{ scope.row.name }}</el-link> + <el-link style="color:#409eff" title="鍏冩暟鎹煡璇�" @click="setMetaDataQuery(scope.row)" target="_blank">{{ + scope.row.name }}</el-link> </span> <span v-else>{{ scope.row.name }}</span> </template> </el-table-column> - <el-table-column - align="center" - prop="dirName" - :label="$t('dataManage.dataUpObj.catalogue')" - width="300" - /> - <el-table-column - align="center" - prop="depName" - :label="$t('dataManage.dataUpObj.company')" - width="200" - /> - <el-table-column - align="center" - prop="verName" - :label="$t('dataManage.dataUpObj.versionNo')" - /> - <el-table-column - align="center" - prop="type" - :label="$t('common.type')" - /> - <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - :formatter="changeSizeFile" - /> - <el-table-column - align="center" - :label="$t('dataManage.dataUpObj.tableName')" - > + <el-table-column align="center" prop="dirName" :label="$t('dataManage.dataUpObj.catalogue')" width="300" /> + <el-table-column align="center" prop="depName" :label="$t('dataManage.dataUpObj.company')" width="200" /> + <el-table-column align="center" prop="verName" :label="$t('dataManage.dataUpObj.versionNo')" /> + <el-table-column align="center" prop="type" :label="$t('common.type')" /> + <el-table-column align="center" prop="sizes" :label="$t('common.size')" :formatter="changeSizeFile" /> + <el-table-column align="center" :label="$t('dataManage.dataUpObj.tableName')"> <template slot-scope="scope"> - <a - class="scopeRowColor" - @click="detail(scope.row)" - >{{ scope.row.tab }}</a> + <a class="scopeRowColor" @click="detail(scope.row)">{{ scope.row.tab }}</a> </template> </el-table-column> - <el-table-column - align="center" - prop="rows" - :label="$t('common.lineNuber')" - /> - <el-table-column - align="center" - :label="$t('common.dataStatus')" - :formatter="stateFormat" - > + <el-table-column align="center" prop="rows" :label="$t('common.lineNuber')" /> + <el-table-column align="center" :label="$t('common.dataStatus')" :formatter="stateFormat"> </el-table-column> - <el-table-column - align=" - center" - prop="desc" - :label="$t('dataManage.dataUpObj.describe')" - /> - <el-table-column - align="center" - prop="uname" - :label="$t('dataManage.vmobj.createonuser')" - /> - <el-table-column - align="center" - prop="createTime" - :label="$t('dataManage.vmobj.createontime')" - :formatter="changetimeFile" - width="100" - /> + <el-table-column align=" + center" prop="desc" :label="$t('dataManage.dataUpObj.describe')" /> + <el-table-column align="center" prop="uname" :label="$t('dataManage.vmobj.createonuser')" /> + <el-table-column align="center" prop="createTime" :label="$t('dataManage.vmobj.createontime')" + :formatter="changetimeFile" width="100" /> </el-table> - <div - class="pagination_box" - style="margin-top: 15px" - > - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 50, 100, 200,500]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > + <div class="pagination_box" style="margin-top: 15px"> + <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" + :current-page="listData.pageIndex" :page-sizes="[10, 50, 100, 200, 500]" :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="count"> </el-pagination> </div> </div> @@ -698,109 +300,47 @@ </el-tab-pane> </el-tabs> <!-- 璐ㄦ寮圭獥 --> - <el-dialog - title="鏁版嵁璐ㄦ" - :visible.sync="quayTestVisible" - width="70%" - :modal="false" - :before-close="handleQuayTestCloseDown" - > + <el-dialog title="鏁版嵁璐ㄦ" :visible.sync="quayTestVisible" width="70%" :modal="false" + :before-close="handleQuayTestCloseDown"> <div class="dialogDiv"> - <el-form - :inline="true" - :model="quayTestForms " - class="demo-form-inline" - > + <el-form :inline="true" :model="quayTestForms" class="demo-form-inline"> <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')"> - <el-input - disabled - v-model="quayTestForms.sjzy" - ></el-input> + <el-input disabled v-model="quayTestForms.sjzy"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.dataUpObj.storageDirectory')"> - <el-input - disabled - style="width:400px" - v-model="quayTestForms.names" - ></el-input> + <el-input disabled style="width:400px" v-model="quayTestForms.names"></el-input> </el-form-item> </el-form> <el-divider /> <div class="dialogContent"> - <div - class="ContBox" - v-show="quayTestShow.checkAttrs" - > - <el-checkbox - checked - disabled - >灞炴�ф鏌ワ細(*dlg*.gdb+*鍦板舰鍥�**.dwg) + <div class="ContBox" v-show="quayTestShow.checkAttrs"> + <el-checkbox checked disabled>灞炴�ф鏌ワ細(*dlg*.gdb+*鍦板舰鍥�**.dwg) </el-checkbox> </div> - <div - class="ContBox" - v-show="quayTestShow.checkMath" - > - <el-checkbox - checked - disabled - >鏁板鍩虹妫�鏌ワ細(.shp,.dlg) + <div class="ContBox" v-show="quayTestShow.checkMath"> + <el-checkbox checked disabled>鏁板鍩虹妫�鏌ワ細(.shp,.dlg) </el-checkbox> </div> - <div - class="ContBox" - v-show="quayTestShow.checkDecorate" - > - <el-checkbox - checked - disabled - >鍥鹃潰鏁撮グ妫�鏌ワ細(.dwg) + <div class="ContBox" v-show="quayTestShow.checkDecorate"> + <el-checkbox checked disabled>鍥鹃潰鏁撮グ妫�鏌ワ細(.dwg) </el-checkbox> </div> - <div - class="ContBox" - v-show="quayTestShow.checkXls" - > - <el-checkbox - checked - disabled - >琛ㄦ牸鏁版嵁妫�鏌ワ細(.xls/.xlsx) + <div class="ContBox" v-show="quayTestShow.checkXls"> + <el-checkbox checked disabled>琛ㄦ牸鏁版嵁妫�鏌ワ細(.xls/.xlsx) </el-checkbox> </div> - <div - class="ContBox" - v-show="quayTestShow.checkOrigin" - > - <el-checkbox - checked - disabled - >鍘熺偣妫�鏌ワ細(*鍓栭潰鍥�*.dwg) + <div class="ContBox" v-show="quayTestShow.checkOrigin"> + <el-checkbox checked disabled>鍘熺偣妫�鏌ワ細(*鍓栭潰鍥�*.dwg) </el-checkbox> </div> - <div - class="ContBox" - v-show="quayTestShow.checkMeta" - > - <el-checkbox - checked - disabled - >鍏冩暟鎹鏌ワ細(*鍏冩暟鎹�*.xls/.xlsx) + <div class="ContBox" v-show="quayTestShow.checkMeta"> + <el-checkbox checked disabled>鍏冩暟鎹鏌ワ細(*鍏冩暟鎹�*.xls/.xlsx) </el-checkbox> </div> - <div - class="ContBox" - v-show="quayTestShow.checkTopology" - > - <el-form - ref="quayForms" - :model="quayTestForms" - class="demo-form-inline" - > + <div class="ContBox" v-show="quayTestShow.checkTopology"> + <el-form ref="quayForms" :model="quayTestForms" class="demo-form-inline"> <el-form-item> - <el-checkbox - checked - disabled - >鎷撴墤妫�鏌ワ細(*鍦板舰鍥�*.dwg) + <el-checkbox checked disabled>鎷撴墤妫�鏌ワ細(*鍦板舰鍥�*.dwg) </el-checkbox> </el-form-item> <el-form-item> @@ -845,20 +385,10 @@ </el-form-item> </el-form> </div> - <div - class="ContBox" - v-show="quayTestShow.checkDom" - > - <el-form - ref="quayForms" - :model="quayTestForms" - class="demo-form-inline" - > + <div class="ContBox" v-show="quayTestShow.checkDom"> + <el-form ref="quayForms" :model="quayTestForms" class="demo-form-inline"> <el-form-item> - <el-checkbox - checked - disabled - >鏍呮牸妫�鏌ワ細(.tif/.img) + <el-checkbox checked disabled>鏍呮牸妫�鏌ワ細(.tif/.img) </el-checkbox> </el-form-item> <el-form-item> @@ -879,20 +409,10 @@ </el-form-item> </el-form> </div> - <div - class="ContBox" - v-show="quayTestShow.checkDem" - > - <el-form - ref="quayForms" - :model="quayTestForms" - class="demo-form-inline" - > + <div class="ContBox" v-show="quayTestShow.checkDem"> + <el-form ref="quayForms" :model="quayTestForms" class="demo-form-inline"> <el-form-item> - <el-checkbox - checked - disabled - >楂樼▼妫�鏌ワ細(.tif/.img) + <el-checkbox checked disabled>楂樼▼妫�鏌ワ細(.tif/.img) </el-checkbox> </el-form-item> <el-form-item> @@ -913,20 +433,10 @@ </el-form-item> </el-form> </div> - <div - class="ContBox" - v-show="quayTestShow.checkLaz" - > - <el-form - ref="quayForms" - :model="quayTestForms" - class="demo-form-inline" - > + <div class="ContBox" v-show="quayTestShow.checkLaz"> + <el-form ref="quayForms" :model="quayTestForms" class="demo-form-inline"> <el-form-item> - <el-checkbox - checked - disabled - >鐐逛簯妫�鏌ワ細(.laz + *婵�鍏夌偣浜�*.xls/.xlsx) + <el-checkbox checked disabled>鐐逛簯妫�鏌ワ細(.laz + *婵�鍏夌偣浜�*.xls/.xlsx) </el-checkbox> </el-form-item> <el-form-item> @@ -939,20 +449,10 @@ </el-form-item> </el-form> </div> - <div - class="ContBox" - v-show="quayTestShow.checkOsgb" - > - <el-form - ref="quayForms" - :model="quayTestForms" - class="demo-form-inline" - > + <div class="ContBox" v-show="quayTestShow.checkOsgb"> + <el-form ref="quayForms" :model="quayTestForms" class="demo-form-inline"> <el-form-item> - <el-checkbox - checked - disabled - >OSGB妫�鏌ワ細(.osgb + *鍊炬枩鎽勫奖*.xls/.xlsx) + <el-checkbox checked disabled>OSGB妫�鏌ワ細(.osgb + *鍊炬枩鎽勫奖*.xls/.xlsx) </el-checkbox> </el-form-item> <el-form-item> @@ -967,111 +467,47 @@ </div> </div> </div> - <span - slot="footer" - class="dialog-footer" - > - <el-button - class="elBotton" - size="small" - @click="quayTestVisible = false" - >鍙� 娑�</el-button> - <el-button - class="elBotton" - size="small" - @click="commonQuayTest" - >纭� 瀹�</el-button> + <span slot="footer" class="dialog-footer"> + <el-button class="elBotton" size="small" @click="quayTestVisible = false">鍙� 娑�</el-button> + <el-button class="elBotton" size="small" @click="commonQuayTest">纭� 瀹�</el-button> </span> </el-dialog> <!-- 鏁翠綋鏂囦欢璐ㄦ寮圭獥 --> - <el-dialog - title="鏁版嵁璐ㄦ" - :visible.sync="testQuayVisible" - :modal="false" - :before-close="handleTestQuayCloseDown" - > - <el-form - :model="formCheckAll" - label-position="top" - > + <el-dialog title="鏁版嵁璐ㄦ" :visible.sync="testQuayVisible" :modal="false" :before-close="handleTestQuayCloseDown"> + <el-form :model="formCheckAll" label-position="top"> <el-form-item label="椤圭洰鍚嶇О"> - <el-input - disabled - v-model="formCheckAll.xmmc" - style="width:85%" - ></el-input> + <el-input disabled v-model="formCheckAll.xmmc" style="width:85%"></el-input> </el-form-item> <el-form-item label="鎵�灞炰笓涓�"> - <el-input - disabled - v-model="formCheckAll.sjzy" - style="width:85%" - ></el-input> + <el-input disabled v-model="formCheckAll.sjzy" style="width:85%"></el-input> </el-form-item> - <el-form-item - v-show="formCheckAll.isDiZai" - label="鍦扮伨绫诲瀷" - > + <el-form-item v-show="formCheckAll.isDiZai" label="鍦扮伨绫诲瀷"> - <el-select - v-model="formCheckAll.diZaiType" - placeholder="璇烽�夋嫨" - style="width:85%" - > - <el-option - v-for="item in disOptions" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select v-model="formCheckAll.diZaiType" placeholder="璇烽�夋嫨" style="width:85%"> + <el-option v-for="item in disOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> </el-form> - <span - slot="footer" - class="dialog-footer" - > - <el-button - class="elBotton" - size="small" - @click="testQuayVisible = false" - >鍙� 娑�</el-button> - <el-button - class="elBotton" - size="small" - @click="commonTestQuay()" - >纭� 瀹�</el-button> + <span slot="footer" class="dialog-footer"> + <el-button class="elBotton" size="small" @click="testQuayVisible = false">鍙� 娑�</el-button> + <el-button class="elBotton" size="small" @click.stop="commonTestQuay()">纭� 瀹�</el-button> </span> </el-dialog> <!-- ifream涓嬭浇鏂囦欢鍦板潃 --> - <iframe - id="downFrame" - src="" - style="display: none; border: 0; padding: 0; height: 0; width: 0" - ></iframe> + <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe> <!-- 鏁版嵁鍖归厤 --> - <el-dialog - :title="$t('dataManage.datawarehousing')" - :visible.sync="dialogWarehousing" - width="70%" - > + <el-dialog :title="$t('dataManage.datawarehousing')" :visible.sync="dialogWarehousing" width="70%"> <div class="dialogBox"> - <div - class="transFarBox subpage_Div" - style="border: 1px solid #E4E7ED;" - > + <div class="transFarBox subpage_Div" style="border: 1px solid #E4E7ED;"> <ul> - <li - @click="singleElection(item)" - v-for="(item, i) in tableWareOne" - :class="{ active: activeName == item.eventid }" - >{{ item.tab }} ({{ item.type }}) + <li @click="singleElection(item)" v-for="(item, i) in tableWareOne" + :class="{ active: activeName == item.eventid }">{{ item.tab }} ({{ item.type }}) </li> </ul> </div> @@ -1083,16 +519,10 @@ </div> </div> - <div - class="transFarBox subpage_Div" - style="border: 1px solid #E4E7ED;" - > + <div class="transFarBox subpage_Div" style="border: 1px solid #E4E7ED;"> <ul> - <li - @click="singleElection2(item)" - v-for="(item, i) in tableWareTwo" - :class="{ active: activeName2 == item.entity }" - >{{ item.tabDesc }} ( {{ item.ns }}.{{ item.tab }}) + <li @click="singleElection2(item)" v-for="(item, i) in tableWareTwo" + :class="{ active: activeName2 == item.entity }">{{ item.tabDesc }} ( {{ item.ns }}.{{ item.tab }}) </li> </ul> </div> @@ -1103,383 +533,139 @@ </div> <br /> <div style="padding:2%"> - <el-link><i - @click="setWareTableChangeRight" - class="el-icon-d-arrow-right" - ></i></el-link> + <el-link><i @click="setWareTableChangeRight" class="el-icon-d-arrow-right"></i></el-link> </div> </div> </div> - <div - class="transFarBox subpage_Div" - style="border: 1px solid #E4E7ED;" - > + <div class="transFarBox subpage_Div" style="border: 1px solid #E4E7ED;"> <ul> - <li - @click="singleElection3(i)" - v-for="(item, i) in tableWareThree" - :class="{ active: activeName3 ==( item.tab+i)}" - >{{ item.tab }} ( {{ item.tabDesc }} {{ item.ns }}.{{ item.tabs }} ) + <li @click="singleElection3(i)" v-for="(item, i) in tableWareThree" + :class="{ active: activeName3 == (item.tab + i) }">{{ item.tab }} ( {{ item.tabDesc }} {{ item.ns }}.{{ + item.tabs }} ) </li> </ul> </div> </div> - <span - slot="footer" - class="dialog-footer" - > - <el-button - size="small" - @click="autoMatchWare" - type="primary" - >鑷姩鍖归厤</el-button> - <el-button - size="small" - type="info" - @click="setInsrtWareTableClose " - >鍙� 娑�</el-button> - <el-button - size="small" - type="primary" - @click="setInsrtWareTable" - >纭� 瀹�</el-button> + <span slot="footer" class="dialog-footer"> + <el-button size="small" @click="autoMatchWare" type="primary">鑷姩鍖归厤</el-button> + <el-button size="small" type="info" @click="setInsrtWareTableClose">鍙� 娑�</el-button> + <el-button size="small" type="primary" @click="setInsrtWareTable">纭� 瀹�</el-button> </span> </el-dialog> - <el-dialog - :title="$t('common.details')" - :visible.sync="dialogVisible" - width="70%" - > + <el-dialog :title="$t('common.details')" :visible.sync="dialogVisible" width="70%"> <div style="height: 500px; overflow: auto"> - <el-table - ref="filterTable" - :data="dbTableData" - height="90%" - border - style="width: 100%" - > - <el-table-column - width="60" - type="index" - :label="$t('common.index')" - /> - <el-table-column - v-for="(item, index) in attributeData" - :key="index" - :label="item.alias" - :prop="item.field" - show-overflow-tooltip - align="center" - ></el-table-column> + <el-table ref="filterTable" :data="dbTableData" height="90%" border style="width: 100%"> + <el-table-column width="60" type="index" :label="$t('common.index')" /> + <el-table-column v-for="(item, index) in attributeData" :key="index" :label="item.alias" :prop="item.field" + show-overflow-tooltip align="center"></el-table-column> </el-table> - <div - style="margin-top: 15px" - class="pagination_box" - > - <el-pagination - @size-change="handleLoaderSizeChange" - @current-change="handleLoaderCurrentChange" - :current-page="listLoader.pageIndex" - :page-sizes="[10, 50, 100, 200]" - :page-size="listLoader.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count1" - > + <div style="margin-top: 15px" class="pagination_box"> + <el-pagination @size-change="handleLoaderSizeChange" @current-change="handleLoaderCurrentChange" + :current-page="listLoader.pageIndex" :page-sizes="[10, 50, 100, 200]" :page-size="listLoader.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="count1"> </el-pagination> </div> </div> </el-dialog> - <el-dialog - :close-on-click-modal="false" - :title="sc.label1" - :visible.sync="jindudialogVisible" - width="30%" - > + <el-dialog :close-on-click-modal="false" :title="sc.label1" :visible.sync="jindudialogVisible" width="30%"> <div> <div> - {{sc.label2}} + {{ sc.label2 }} </div> <div> - <el-progress - :percentage="jindutiao" - :format="format" - ></el-progress> + <el-progress :percentage="jindutiao" :format="format"></el-progress> </div> </div> </el-dialog> - <el-dialog - :title="$t('common.details')" - :visible.sync="enclosureVisible" - :show-close="false" - > - <span - style="font-size:20px" - class="scopeRowColor" - >{{ enclosureTitle }}涓嶈兘涓婁紶闄勪欢鏄惁缁х画</span> - <span - slot="footer" - class="dialog-footer" - > + <el-dialog :title="$t('common.details')" :visible.sync="enclosureVisible" :show-close="false"> + <span style="font-size:20px" class="scopeRowColor">{{ enclosureTitle }}涓嶈兘涓婁紶闄勪欢鏄惁缁х画</span> + <span slot="footer" class="dialog-footer"> <el-button @click="enclosureVisible = false">鍙� 娑�</el-button> - <el-button - type="primary" - @click="uploadAnFiles" - >缁х画</el-button> + <el-button type="primary" @click="uploadAnFiles">缁х画</el-button> </span> </el-dialog> - <el-dialog - :title="fromQueryMeta.title" - :visible.sync="queryMetaFlag" - width="70%" - > + <el-dialog :title="fromQueryMeta.title" :visible.sync="queryMetaFlag" width="70%"> <div style="height: 500px; overflow: auto;width:100%; "> - <el-form - :inline="true" - :model="fromQueryMeta" - class="demo-form-inline" - > + <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline"> <el-form-item> - <el-input - size="small" - v-model="fromQueryMeta.name" - :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" - suffix-icon="el-icon-edit" - ></el-input> + <el-input size="small" v-model="fromQueryMeta.name" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" + suffix-icon="el-icon-edit"></el-input> </el-form-item> <el-form-item> - <el-button - type="primary" - size="small" - @click="setSearchMetaData()" - >鏌ヨ</el-button> - <el-button - type="info" - size="small" - @click="setRestMetaData()" - >閲嶇疆</el-button> + <el-button type="primary" size="small" @click="setSearchMetaData()">鏌ヨ</el-button> + <el-button type="info" size="small" @click="setRestMetaData()">閲嶇疆</el-button> </el-form-item> </el-form> - <el-table - ref="filterTable" - :data="metaDataTable" - style="width: 100%" - height="calc(100% - 130px)" - > + <el-table ref="filterTable" :data="metaDataTable" style="width: 100%" height="calc(100% - 130px)"> - <el-table-column - align="center" - type="index" - :label="$t('common.index')" - width="70px" - ></el-table-column> - <el-table-column - align="center" - prop="name" - :label="$t('common.name')" - width="120" - > + <el-table-column align="center" type="index" :label="$t('common.index')" width="70px"></el-table-column> + <el-table-column align="center" prop="name" :label="$t('common.name')" width="120"> </el-table-column> - <el-table-column - align="center" - prop="dirName" - :label="$t('dataManage.dataUpObj.catalogue')" - width="300" - /> - <el-table-column - align="center" - prop="depName" - :label="$t('dataManage.dataUpObj.company')" - width="200" - /> - <el-table-column - align="center" - prop="verName" - :label="$t('dataManage.dataUpObj.versionNo')" - /> - <el-table-column - align="center" - prop="type" - :label="$t('common.type')" - /> - <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - :formatter="changeSizeFile" - /> - <el-table-column - align="center" - :label="$t('dataManage.dataUpObj.tableName')" - > + <el-table-column align="center" prop="dirName" :label="$t('dataManage.dataUpObj.catalogue')" width="300" /> + <el-table-column align="center" prop="depName" :label="$t('dataManage.dataUpObj.company')" width="200" /> + <el-table-column align="center" prop="verName" :label="$t('dataManage.dataUpObj.versionNo')" /> + <el-table-column align="center" prop="type" :label="$t('common.type')" /> + <el-table-column align="center" prop="sizes" :label="$t('common.size')" :formatter="changeSizeFile" /> + <el-table-column align="center" :label="$t('dataManage.dataUpObj.tableName')"> <template slot-scope="scope"> - <a - class="scopeRowColor" - @click="detail(scope.row)" - >{{ scope.row.tab }}</a> + <a class="scopeRowColor" @click="detail(scope.row)">{{ scope.row.tab }}</a> </template> </el-table-column> - <el-table-column - align="center" - prop="rows" - :label="$t('common.lineNuber')" - /> - <el-table-column - align="center" - prop="desc" - :label="$t('dataManage.dataUpObj.describe')" - /> + <el-table-column align="center" prop="rows" :label="$t('common.lineNuber')" /> + <el-table-column align="center" prop="desc" :label="$t('dataManage.dataUpObj.describe')" /> </el-table> - <div - style="margin-top: 15px" - class="pagination_box" - > - <el-pagination - @size-change="handleMetaSizeChange" - @current-change="handMetaCurrentChange" - :current-page="listMetaData.pageIndex" - :page-sizes="[10, 50, 100, 200]" - :page-size="listMetaData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="listMetaData.count" - > + <div style="margin-top: 15px" class="pagination_box"> + <el-pagination @size-change="handleMetaSizeChange" @current-change="handMetaCurrentChange" + :current-page="listMetaData.pageIndex" :page-sizes="[10, 50, 100, 200]" :page-size="listMetaData.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="listMetaData.count"> </el-pagination> </div> </div> </el-dialog> - <el-dialog - :title="fromQueryMeta.title" - :visible.sync="queryMetaFlag1" - width="70%" - > + <el-dialog :title="fromQueryMeta.title" :visible.sync="queryMetaFlag1" width="70%"> <div style="height: 65vh; width: 100%"> - <el-table - ref="filterTable" - :data="metaDataTable1" - style="width: 100%" - height="100%" - > - <el-table-column - align="center" - type="index" - :label="$t('common.index')" - width="70px" - ></el-table-column> - <el-table-column - align="center" - prop="name" - :label="$t('common.name')" - width="120" - > + <el-table ref="filterTable" :data="metaDataTable1" style="width: 100%" height="100%"> + <el-table-column align="center" type="index" :label="$t('common.index')" width="70px"></el-table-column> + <el-table-column align="center" prop="name" :label="$t('common.name')" width="120"> </el-table-column> - <el-table-column - align="center" - prop="dirName" - :label="$t('dataManage.dataUpObj.catalogue')" - width="300" - /> - <el-table-column - align="center" - prop="depName" - :label="$t('dataManage.dataUpObj.company')" - width="200" - /> - <el-table-column - align="center" - prop="verName" - :label="$t('dataManage.dataUpObj.versionNo')" - /> - <el-table-column - align="center" - prop="type" - :label="$t('common.type')" - /> - <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - :formatter="changeSizeFile" - /> - <el-table-column - align="center" - :label="$t('dataManage.dataUpObj.tableName')" - > + <el-table-column align="center" prop="dirName" :label="$t('dataManage.dataUpObj.catalogue')" width="300" /> + <el-table-column align="center" prop="depName" :label="$t('dataManage.dataUpObj.company')" width="200" /> + <el-table-column align="center" prop="verName" :label="$t('dataManage.dataUpObj.versionNo')" /> + <el-table-column align="center" prop="type" :label="$t('common.type')" /> + <el-table-column align="center" prop="sizes" :label="$t('common.size')" :formatter="changeSizeFile" /> + <el-table-column align="center" :label="$t('dataManage.dataUpObj.tableName')"> <template slot-scope="scope"> - <a - class="scopeRowColor" - @click="detail(scope.row)" - >{{ - scope.row.tab - }}</a> + <a class="scopeRowColor" @click="detail(scope.row)">{{ + scope.row.tab + }}</a> </template> </el-table-column> - <el-table-column - align="center" - prop="rows" - :label="$t('common.lineNuber')" - /> - <el-table-column - align="center" - prop="desc" - :label="$t('dataManage.dataUpObj.describe')" - /> + <el-table-column align="center" prop="rows" :label="$t('common.lineNuber')" /> + <el-table-column align="center" prop="desc" :label="$t('dataManage.dataUpObj.describe')" /> </el-table> </div> </el-dialog> - <el-dialog - :title="fromQueryMeta.title" - :visible.sync="warehouseDialog" - width="70%" - :close-on-click-modal="false" - :before-close="handleWarehouseClose" - > + <el-dialog :title="fromQueryMeta.title" :visible.sync="warehouseDialog" width="70%" :close-on-click-modal="false" + :before-close="handleWarehouseClose"> <div style="height:65vh"> - <el-table - ref="wareTable" - :data="wareData" - style="width: 100%" - height="calc(100% - 1px)" - > - <el-table-column - align="center" - prop="name" - :label="$t('common.name')" - /> - <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - :formatter="changeSizeFile" - /> - <el-table-column - align="center" - prop="type" - :label="$t('common.type')" - /> - <el-table-column - align="center" - prop="msg" - :label="$t('common.warehousResults')" - /> + <el-table ref="wareTable" :data="wareData" style="width: 100%" height="calc(100% - 1px)"> + <el-table-column align="center" prop="name" :label="$t('common.name')" /> + <el-table-column align="center" prop="sizes" :label="$t('common.size')" :formatter="changeSizeFile" /> + <el-table-column align="center" prop="type" :label="$t('common.type')" /> + <el-table-column align="center" prop="msg" :label="$t('common.warehousResults')" /> </el-table> </div> </el-dialog> - <input - name="file1" - :accept="'.zip'" - type="file" - id="editimageFile" - multiple="multiple" - style="display: none" - @change="uploadAnFilesChange" - /> + <input name="file1" :accept="'.zip'" type="file" id="editimageFile" multiple="multiple" style="display: none" + @change="uploadAnFilesChange" /> <el-dialog :visible.sync="noteVisible"> <div class="nodeBox"> <div style="text-align: center;"> @@ -1491,12 +677,16 @@ 1銆侀」鐩暣浣撲笂浼� </h3> - <h5> 鎸夌収椤圭洰鏍囧噯缁撴瀯缁勭粐鏁版嵁骞舵墦zip鍖咃紝鎸夎姹傜紪杈戝ソWBS鏂囦欢銆傞�夋嫨闇�瑕佷笂浼犲搴旂殑椤圭洰鍚嶇О锛岄�夋嫨zip鏁版嵁鍖呭拰WBS鏂囦欢锛屽畬鎴愭暣浣撻」鐩暟鎹笂浼狅紝涓婁紶鍏ュ簱瀹屾垚鍚庯紝绯荤粺鑷姩瑙e帇zip鍖咃紝浠ip鍖呭唴鍘熷鏂囦欢鏍煎紡瀛樺偍鍦ㄩ鍏堢粍缁囩殑鐩綍缁撴瀯涓嬨��</h5> + <h5> + 鎸夌収椤圭洰鏍囧噯缁撴瀯缁勭粐鏁版嵁骞舵墦zip鍖咃紝鎸夎姹傜紪杈戝ソWBS鏂囦欢銆傞�夋嫨闇�瑕佷笂浼犲搴旂殑椤圭洰鍚嶇О锛岄�夋嫨zip鏁版嵁鍖呭拰WBS鏂囦欢锛屽畬鎴愭暣浣撻」鐩暟鎹笂浼狅紝涓婁紶鍏ュ簱瀹屾垚鍚庯紝绯荤粺鑷姩瑙e帇zip鍖咃紝浠ip鍖呭唴鍘熷鏂囦欢鏍煎紡瀛樺偍鍦ㄩ鍏堢粍缁囩殑鐩綍缁撴瀯涓嬨�� + </h5> <h3> 2銆佸崟鏂囦欢涓婁紶 </h3> <h5> 涓婁紶鍗曚釜鏂囦欢锛岄�夋嫨闇�瑕佷笂浼犵殑瀛樺偍鐩綍浣嶇疆銆佹暟鎹増鏈�佹暟鎹笓涓氥�佹暟鎹紙.xls銆�.xlsx銆乸df銆乴as绛夋牸寮忥級銆佸厓鏁版嵁绛夛紝瀹屾垚鍗曚釜鏂囦欢鏁版嵁涓婁紶锛�</h5> - <h5> 鎵归噺涓婁紶涓�涓渶灏忕洰褰曟枃浠跺す涓嬬殑鍚勭被鏁版嵁锛岄�夋嫨闇�瑕佷笂浼犳暟鎹殑瀛樺偍鐩綍浣嶇疆銆佹暟鎹増鏈�佹暟鎹笓涓氥�佹暟鎹紙zip鏍煎紡锛夈�佸厓鏁版嵁绛夛紝瀹屾垚涓�涓枃浠跺す涓嬪悇绫绘暟鎹笂浼狅紝涓婁紶鍏ュ簱瀹屾垚鍚庯紝绯荤粺鑷姩瑙e帇zip鍖咃紝浠ip鍖呭唴鍘熷鏂囦欢瀛樺偍鏁版嵁銆�</h5> + <h5> + 鎵归噺涓婁紶涓�涓渶灏忕洰褰曟枃浠跺す涓嬬殑鍚勭被鏁版嵁锛岄�夋嫨闇�瑕佷笂浼犳暟鎹殑瀛樺偍鐩綍浣嶇疆銆佹暟鎹増鏈�佹暟鎹笓涓氥�佹暟鎹紙zip鏍煎紡锛夈�佸厓鏁版嵁绛夛紝瀹屾垚涓�涓枃浠跺す涓嬪悇绫绘暟鎹笂浼狅紝涓婁紶鍏ュ簱瀹屾垚鍚庯紝绯荤粺鑷姩瑙e帇zip鍖咃紝浠ip鍖呭唴鍘熷鏂囦欢瀛樺偍鏁版嵁銆� + </h5> <h5> 鍗曟枃浠朵笂浼犱笉鏀寔澶氱骇鐩綍鏂囦欢澶逛互zip鍘嬬缉鍖呮柟寮忎笂浼犮��</h5> <h3> 3銆佺壒瀹氭牸寮忓崟鏂囦欢涓婁紶瑕佹眰 @@ -2474,6 +1664,7 @@ this.loading = false; return; } + for (var i in this.multipleSelection) { var name = this.multipleSelection[i].name; var path = this.multipleSelection[i].path; @@ -2485,12 +1676,14 @@ this.formCheckAll.wbsPath = path; } } + this.formCheckAll.sjfl = '鏁板瓧鍖栨垚鏋�' const data = await dataUpload_uploadChecks(this.formCheckAll); if (data.code != 200) { this.$message.error("鏁版嵁璐ㄦ鎻愪氦澶辫触"); this.taskStatus++; - this.getStartTestQuayTaskStatus(); + this.jindudialogVisible = false; + this.loading = false; return; } var reset = data.result; @@ -2528,17 +1721,19 @@ this.quayTestForms.zipPath = this.multipleSelection[this.taskStatus].path; + // this.quayTestForms.wbsPath = this.multipleSelection[this.taskStatus].path; if (this.quayTestForms.zipPath.indexOf(".zip") == -1) { this.taskStatus++; this.getStartTaskStatus(); } else { - this.quayTestForms.names = this.pathBak; + this.quayTestForms.names = this.pathBak var value = this.getCheckedKeys var bak = value.data.fullName.split("\\"); this.quayTestForms.xmmc = bak[this.taskStatus]; this.quayTestForms.sjzy = this.formInline.specialtyId; this.quayTestForms.zipPath = this.multipleSelection[this.taskStatus].path; + // this.quayTestForms.wbsPath = this.multipleSelection[this.taskStatus].path; this.quayTestForms.sjfl = '鏁板瓧鍖栨垚鏋�' const data = await dataUpload_uploadChecks(this.quayTestForms); if (data.code != 200) { @@ -2606,7 +1801,11 @@ } this.progress = std / (res.length * 100); for (var i in this.tableData) { + if (!this.multipleSelection[this.taskStatus]) { + break; + } if ( + this.tableData[i].path == this.multipleSelection[this.taskStatus].path ) { this.$set(this, "jindutiao", parseInt(this.progress * 100)); @@ -2997,7 +2196,8 @@ if (fileExcel.length != 1) { return this.$message("璇烽�夋嫨涓�涓猈BS鏂囦欢"); } - this.formCheckAll.names = this.pathBak; + + this.formCheckAll.names = JSON.parse(this.pathBak).toString(); var val = this.entryOption.filter((res) => { if (res.id == this.formInline.dirid) { return res; @@ -3356,23 +2556,28 @@ z-index: 9999; } } + .nodeBox { h5 { line-height: 26px; font-size: 14px; + span { font-weight: bolder; } } + h3 { line-height: 40px; font-size: 16px; font-weight: bold; } + h1 { font-weight: bold; } } + .inquire { padding: 8px; //margin-top: 20px; diff --git a/src/views/datamanage/uploadmanage.vue b/src/views/datamanage/uploadmanage.vue index d888444..0b88751 100644 --- a/src/views/datamanage/uploadmanage.vue +++ b/src/views/datamanage/uploadmanage.vue @@ -1227,18 +1227,18 @@ std.push(this.multipleSelection[i].id) } - if (this.formInline.type == 'DOM') { - const data1 = await publish_selectRasterCs({ - ids: std.toString() - }) - if (data1.code == 200 && data1.result.length == 0) { - } else { - this.rasterCsOption = data1.result; - this.insertDialogVisible = false; - this.rasterCsVisible = true; - return - } - } + // if (this.formInline.type == 'DOM') { + // const data1 = await publish_selectRasterCs({ + // ids: std.toString() + // }) + // if (data1.code == 200 && data1.result.length == 0) { + // } else { + // this.rasterCsOption = data1.result; + // this.insertDialogVisible = false; + // this.rasterCsVisible = true; + // return + // } + // } var obj = { @@ -1469,6 +1469,7 @@ }, //棰勮寮圭獥鎵撳紑 setPreviewLayer(res) { + res.stype= 'yl' this.$store.state.previewLayer = res; this.dialogVisible = true; this.showMapView = true; diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue index a4c5585..49cd7e0 100644 --- a/src/views/userManage/roleManage.vue +++ b/src/views/userManage/roleManage.vue @@ -1,40 +1,19 @@ <template> <div class="logLog_box"> - <My-bread - :list="[ - `${$t('operatManage.operatManage')}`, - `${$t('userManage.roleManage')}`, - ]" - ></My-bread> + <My-bread :list="[ + `${$t('operatManage.operatManage')}`, + `${$t('userManage.roleManage')}`, + ]"></My-bread> <el-divider /> <div class="inquire subpage_Div" ref="container"> <el-form ref="ruleForm" :model="roleForm" :inline="true"> <div class="flex_box"> <div style="margin-right: auto"> - <el-form-item - :label="$t('userManage.RM.ownedSystem')" - prop="ownedSystem" - > - <el-select - :popper-append-to-body="false" - size="small" - v-model="roleForm.depValue" - :placeholder="$t('userManage.RM.ownedSystemHolder')" - style="width: 200px" - ref="treeSelect" - > - <el-option - :value="roleForm.depid" - :label="roleForm.depValue" - style="height: auto" - > - <el-tree - ref="tree" - :data="depList" - node-key="id" - :props="props" - @node-click="handleRouleDepList" - /> + <el-form-item :label="$t('userManage.RM.ownedSystem')" prop="ownedSystem"> + <el-select :popper-append-to-body="false" size="small" v-model="roleForm.depValue" + :placeholder="$t('userManage.RM.ownedSystemHolder')" style="width: 200px" ref="treeSelect"> + <el-option :value="roleForm.depid" :label="roleForm.depValue" style="height: auto"> + <el-tree ref="tree" :data="depList" node-key="id" :props="props" @node-click="handleRouleDepList" /> </el-option> </el-select> <!-- <el-input @@ -44,12 +23,8 @@ /> --> </el-form-item> <el-form-item :label="$t('userManage.RM.roleName')" prop="username"> - <el-input - v-model="roleForm.username" - :placeholder="$t('userManage.RM.roleNameHolder')" - size="small" - style="width: 200px" - > + <el-input v-model="roleForm.username" :placeholder="$t('userManage.RM.roleNameHolder')" size="small" + style="width: 200px"> <i slot="suffix" class="el-icon-search" @click="onSubmit"></i> </el-input> </el-form-item> @@ -65,33 +40,21 @@ <!-- }}</el-button>--> <!-- </el-form-item>--> <el-form-item> - <el-button - type="success" - size="small" - @click="setInsertFormdialog" - v-if="menuStatus.insert" - ><i class="el-icon-circle-plus-outline"></i> {{ - $t("userManage.RM.add") - }}</el-button - > + <el-button type="success" size="small" @click="setInsertFormdialog" v-if="menuStatus.insert"><i + class="el-icon-circle-plus-outline"></i> {{ + $t("userManage.RM.add") + }}</el-button> </el-form-item> <el-form-item> - <el-button - type="danger" - size="small" - @click="handleDelete()" - v-if="menuStatus.delete" - ><i class="el-icon-delete"></i> {{ - $t("common.delete") - }}</el-button - > + <el-button type="danger" size="small" @click="handleDelete()" v-if="menuStatus.delete"><i + class="el-icon-delete"></i> {{ + $t("common.delete") + }}</el-button> </el-form-item> <el-form-item> - <el-button type="info" size="small" @click="resetForm('ruleForm')" - ><i class="el-icon-delete"></i> {{ - $t("userManage.RM.reset") - }}</el-button - > + <el-button type="info" size="small" @click="resetForm('ruleForm')"><i class="el-icon-delete"></i> {{ + $t("userManage.RM.reset") + }}</el-button> </el-form-item> </div> </div> @@ -145,48 +108,22 @@ </div> <div class="dividing-line"></div> <div class="table_box subpage_Div" :style="styleVar"> - <el-table - :data="tableData" - style="width: 100%" - border - height="calc(100% - 45px)" - @selection-change="handleSelectionChange" - > + <el-table :data="tableData" style="width: 100%" border height="calc(100% - 45px)" + @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" /> - <el-table-column - align="center" - type="index" - :label="$t('userManage.RM.index')" - width="70px" - /> + <el-table-column align="center" type="index" :label="$t('userManage.RM.index')" width="70px" /> <el-table-column align="center" prop="id" v-if="false" /> - <el-table-column - align="center" - prop="name" - :label="$t('userManage.RM.roleName')" - /> + <el-table-column align="center" prop="name" :label="$t('userManage.RM.roleName')" /> - <el-table-column - align="center" - prop="depName" - :label="$t('userManage.RM.ownedSystem')" - /> + <el-table-column align="center" prop="depName" :label="$t('userManage.RM.ownedSystem')" /> - <el-table-column - align="center" - prop="isAdmin" - :label="$t('userManage.RM.isAdmin')" - > - <template slot-scope="scope"> + <el-table-column align="center" prop="isAdmin" :label="$t('userManage.RM.isAdmin')" :formatter="formateIsAdmin"> + <!-- <template slot-scope="scope"> <span v-if="scope.row.isAdmin == 1">鏄� </span> <span v-else>鍚�</span> - </template> + </template> --> </el-table-column> - <el-table-column - align="center" - prop="descr" - :label="$t('userManage.RM.describe')" - /> + <el-table-column align="center" prop="descr" :label="$t('userManage.RM.describe')" /> <!-- <el-table-column align="center" @@ -215,93 +152,39 @@ prop="bak" :label="$t('userManage.RM.remarks')" /> --> - <el-table-column - fixed="right" - :label="$t('common.operate')" - width="200" - > + <el-table-column fixed="right" :label="$t('common.operate')" width="200"> <template slot-scope="scope"> - <el-button - type="primary" - @click="showDetail(scope.$index, scope.row)" - size="small" - plain - >{{ $t("common.see") }}</el-button - > - <el-button - v-if="menuStatus.update" - type="warning" - @click="handleEdit(scope.$index, scope.row)" - size="small" - plain - >{{ $t("common.update") }}</el-button - > + <el-button type="primary" @click="showDetail(scope.$index, scope.row)" size="small" plain>{{ $t("common.see") + }}</el-button> + <el-button v-if="menuStatus.update" type="warning" @click="handleEdit(scope.$index, scope.row)" size="small" + plain>{{ $t("common.update") }}</el-button> </template> </el-table-column> </el-table> <div style="margin-top: 10px" class="pagination_box"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 50, 100]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > + <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" + :current-page="listData.pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="count"> </el-pagination> </div> </div> - <el-dialog - :title="$t('userManage.RM.insertRole')" - :before-close="handleClose" - style="overflow: hidden" - :visible.sync="InsertFormdialog" - > + <el-dialog :title="$t('userManage.RM.insertRole')" :before-close="handleClose" style="overflow: hidden" + :visible.sync="InsertFormdialog"> <div style="height: 500px; overflow: auto"> <el-form :model="insertform" label-position="top"> - <el-form-item - :label="$t('userManage.RM.roleName')" - :label-width="formLabelWidth" - > - <el-input - style="width: 85%" - v-model="insertform.name" - autocomplete="off" - :placeholder=" - $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + - $t('userManage.RM.roleName') - " - ></el-input> + <el-form-item :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth"> + <el-input style="width: 85%" v-model="insertform.name" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') + + $t('userManage.RM.roleName') + "></el-input> </el-form-item> - <el-form-item - :label="$t('userManage.RM.ownedSystem')" - :label-width="formLabelWidth" - :prop="insertform.depValue" - :rules="[{ required: true, message: '涓嶈兘涓虹┖' }]" - > - <el-select - :popper-append-to-body="false" - v-model="insertform.depValue" - :placeholder=" - $t('shuJuGuanLi.shuJuJianSuo.valuetree') + - $t('userManage.RM.ownedSystem') - " - style="width: 85%" - > - <el-option - :value="insertform.depid" - :label="insertform.depValue" - style="height: auto" - > - <el-tree - ref="tree" - :data="depList" - node-key="id" - :props="props" - @node-click="handleDepList" - /> + <el-form-item :label="$t('userManage.RM.ownedSystem')" :label-width="formLabelWidth" :prop="insertform.depValue" + :rules="[{ required: true, message: '涓嶈兘涓虹┖' }]"> + <el-select :popper-append-to-body="false" v-model="insertform.depValue" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') + + $t('userManage.RM.ownedSystem') + " style="width: 85%"> + <el-option :value="insertform.depid" :label="insertform.depValue" style="height: auto"> + <el-tree ref="tree" :data="depList" node-key="id" :props="props" @node-click="handleDepList" /> </el-option> </el-select> <!-- <el-input @@ -316,24 +199,12 @@ @click="showDepTree(2)" >{{ $t('common.choose') }}</el-button> --> </el-form-item> - <el-form-item - :label="$t('userManage.RM.describe')" - :label-width="formLabelWidth" - > - <el-input - style="width: 85%" - v-model="insertform.descr" - autocomplete="off" - :placeholder=" - $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + - $t('userManage.RM.describe') - " - ></el-input> + <el-form-item :label="$t('userManage.RM.describe')" :label-width="formLabelWidth"> + <el-input style="width: 85%" v-model="insertform.descr" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') + + $t('userManage.RM.describe') + "></el-input> </el-form-item> - <el-form-item - :label="$t('userManage.RM.isAdmin')" - :label-width="formLabelWidth" - > + <el-form-item :label="$t('userManage.RM.isAdmin')" :label-width="formLabelWidth"> <!-- <el-radio label="1" @@ -342,35 +213,16 @@ v-model="insertform.isAdmin" label="0" >鍚�</el-radio> --> - <el-select - style="width: 85%" - v-model="insertform.isAdmin" - :placeholder=" - $t('shuJuGuanLi.shuJuJianSuo.valuetree') + - $t('userManage.RM.isAdmin') - " - > - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value" - ></el-option> + <el-select style="width: 85%" v-model="insertform.isAdmin" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') + + $t('userManage.RM.isAdmin') + "> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> - <el-form-item - :label="$t('userManage.RM.remarks')" - :label-width="formLabelWidth" - > - <el-input - style="width: 85%" - v-model="insertform.bak" - autocomplete="off" - :placeholder=" - $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + - $t('userManage.RM.remarks') - " - ></el-input> + <el-form-item :label="$t('userManage.RM.remarks')" :label-width="formLabelWidth"> + <el-input style="width: 85%" v-model="insertform.bak" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') + + $t('userManage.RM.remarks') + "></el-input> </el-form-item> </el-form> </div> @@ -383,47 +235,18 @@ }}</el-button> </div> </el-dialog> - <el-dialog - :title="$t('userManage.RM.updateRole')" - :visible.sync="UpdateFormdialog" - :before-close="handleCloseEdit" - > + <el-dialog :title="$t('userManage.RM.updateRole')" :visible.sync="UpdateFormdialog" :before-close="handleCloseEdit"> <div style="height: 500px; overflow: auto"> <el-form :model="updateform" label-position="top"> - <el-form-item - :label="$t('userManage.RM.roleName')" - :label-width="formLabelWidth" - > - <el-input - v-model="updateform.name" - autocomplete="off" - style="width: 85%" - ></el-input> + <el-form-item :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth"> + <el-input v-model="updateform.name" autocomplete="off" style="width: 85%"></el-input> </el-form-item> - <el-form-item - :label="$t('userManage.RM.ownedSystem')" - :label-width="formLabelWidth" - :prop="updateform.depValue" - > - <el-select - :popper-append-to-body="false" - v-model="updateform.depValue" - placeholder="璇烽�夋嫨" - style="width: 85%" - > - <el-option - :value="updateform.depid" - :label="updateform.depValue" - style="height: auto" - > - <el-tree - ref="tree" - :data="depList" - node-key="id" - :props="props" - @node-click="handleUpdataDepList" - /> + <el-form-item :label="$t('userManage.RM.ownedSystem')" :label-width="formLabelWidth" + :prop="updateform.depValue"> + <el-select :popper-append-to-body="false" v-model="updateform.depValue" placeholder="璇烽�夋嫨" style="width: 85%"> + <el-option :value="updateform.depid" :label="updateform.depValue" style="height: auto"> + <el-tree ref="tree" :data="depList" node-key="id" :props="props" @node-click="handleUpdataDepList" /> </el-option> </el-select> @@ -439,10 +262,7 @@ @click="showDepTree(3)" >{{ $t('common.choose') }}</el-button> --> </el-form-item> - <el-form-item - :label="$t('userManage.RM.isAdmin')" - :label-width="formLabelWidth" - > + <el-form-item :label="$t('userManage.RM.isAdmin')" :label-width="formLabelWidth"> <!-- <el-radio v-model="updateform.isAdmin" label="1" @@ -452,33 +272,14 @@ label="0" >鍚�</el-radio> --> <el-select style="width: 85%" v-model="updateform.isAdmin"> - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value" - ></el-option> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> - <el-form-item - :label="$t('userManage.RM.describe')" - :label-width="formLabelWidth" - > - <el-input - v-model="updateform.descr" - autocomplete="off" - style="width: 85%" - ></el-input> + <el-form-item :label="$t('userManage.RM.describe')" :label-width="formLabelWidth"> + <el-input v-model="updateform.descr" autocomplete="off" style="width: 85%"></el-input> </el-form-item> - <el-form-item - :label="$t('userManage.RM.remarks')" - :label-width="formLabelWidth" - > - <el-input - v-model="updateform.bak" - autocomplete="off" - style="width: 85%" - ></el-input> + <el-form-item :label="$t('userManage.RM.remarks')" :label-width="formLabelWidth"> + <el-input v-model="updateform.bak" autocomplete="off" style="width: 85%"></el-input> </el-form-item> </el-form> </div> @@ -496,12 +297,8 @@ <role-dep-tree></role-dep-tree> </div> <div class="btnBox"> - <el-button type="primary" size="small" @click="selectCataName" - >纭畾</el-button - > - <el-button type="info" size="small" @click="showCata = false" - >鍙栨秷</el-button - > + <el-button type="primary" size="small" @click="selectCataName">纭畾</el-button> + <el-button type="info" size="small" @click="showCata = false">鍙栨秷</el-button> </div> </div> <div class="infoBox_box" v-show="showinfoBox"> @@ -725,8 +522,8 @@ this.itemdetail.createUser = this.itemdetail.createName; this.itemdetail.updateUser = this.itemdetail.updateName; - this.itemdetail.admin = - parseInt(this.itemdetail.isAdmin) === 0 ? "鍚�" : "鏄�"; + this.itemdetail.admin =this.formateIsAdmin(this.itemdetail) + }, handleSelectionChange(val) { this.multipleSelection = val; @@ -735,249 +532,270 @@ let date = row[column.property]; return this.formomentTime(date); }, - formomentTime(date) { - if (date === undefined || date === null) { - return; - } - return moment(parseInt(date)).format("YYYY-MM-DD HH:mm:ss"); - }, - showDepTree(res) { - this.showCata = true; - this.elTreeFlag = res; - }, - selectCataName() { - this.cataName = this.$store.state.catalogueName; - this.path_id = this.$store.state.cataNode.id; - var value; - if (this.cataName.indexOf(">") != -1) { - var data = this.$store.state.catalogueName.split(">"); - value = data[data.length - 1]; - } else { - value = this.$store.state.catalogueName; - } - this.$store.commit("changeCata", ""); //娓呯┖state鐨勯潰鍖呭睉 - this.$store.commit("changeNode", ""); //娓呯┖state鐨勮妭鐐瑰璞� - this.showCata = false; - switch (this.elTreeFlag) { + + formateIsAdmin(row, column) { + switch (row.isAdmin) { + case 0: + return "鏅�氱敤鎴�"; + break; case 1: - this.roleForm.value = value; - this.roleForm.depid = this.path_id; + return "瓒呯骇绠$悊鍛�"; break; case 2: - this.insertform.depid = this.path_id; - this.insertform.depValue = value; + return "鏁版嵁绠$悊鍛�"; break; case 3: - this.updateform.depid = this.path_id; - this.updateform.depValue = value; + return "棰嗗"; break; + } + }, - async getRoleTabelData() { - if (this.listData.tab == "") { - delete this.listData.tab; - } - this.listData.name = this.roleForm.username; - this.listData.depid = this.roleForm.depid; - const data = await select_Role_ByPageAndCount(this.listData); - if (data.code != 200) { - this.$message.error("鍒楄〃璋冪敤澶辫触"); - } - this.tableData = data.result; - this.count = data.count; - }, + +formomentTime(date) { + if (date === undefined || date === null) { + return; + } + return moment(parseInt(date)).format("YYYY-MM-DD HH:mm:ss"); +}, +showDepTree(res) { + this.showCata = true; + this.elTreeFlag = res; +}, +selectCataName() { + this.cataName = this.$store.state.catalogueName; + this.path_id = this.$store.state.cataNode.id; + var value; + if (this.cataName.indexOf(">") != -1) { + var data = this.$store.state.catalogueName.split(">"); + value = data[data.length - 1]; + } else { + value = this.$store.state.catalogueName; + } + this.$store.commit("changeCata", ""); //娓呯┖state鐨勯潰鍖呭睉 + this.$store.commit("changeNode", ""); //娓呯┖state鐨勮妭鐐瑰璞� + this.showCata = false; + switch (this.elTreeFlag) { + case 1: + this.roleForm.value = value; + this.roleForm.depid = this.path_id; + break; + case 2: + this.insertform.depid = this.path_id; + this.insertform.depValue = value; + break; + case 3: + this.updateform.depid = this.path_id; + this.updateform.depValue = value; + break; + } +}, + async getRoleTabelData() { + if (this.listData.tab == "") { + delete this.listData.tab; + } + this.listData.name = this.roleForm.username; + this.listData.depid = this.roleForm.depid; + const data = await select_Role_ByPageAndCount(this.listData); + if (data.code != 200) { + this.$message.error("鍒楄〃璋冪敤澶辫触"); + } + + this.tableData = data.result; + this.count = data.count; +}, async getSelectDepTab() { - this.selectData = []; - const data = await selectdepTab(); - if (data.code != 200) { - this.$message.error("涓嬫媺璋冪敤澶辫触"); - } - data.result.forEach((e) => { - if (e) { - this.selData.push({ - label: e.name, - value: e.id, - }); - } + this.selectData = []; + const data = await selectdepTab(); + if (data.code != 200) { + this.$message.error("涓嬫媺璋冪敤澶辫触"); + } + data.result.forEach((e) => { + if (e) { + this.selData.push({ + label: e.name, + value: e.id, }); - }, - insertFromClose() { - this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") - .then((_) => { - this.InsertFormdialog = false; - this.insertform = {}; - }) - .catch((_) => {}); - }, + } + }); +}, +insertFromClose() { + this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") + .then((_) => { + this.InsertFormdialog = false; + this.insertform = {}; + }) + .catch((_) => { }); +}, async insertFromData() { - if (this.insertform.depValue == null) { - this.$message({ - message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�", - type: "warning", - }); - return; - } - const data = await insertRole(this.insertform); + if (this.insertform.depValue == null) { + this.$message({ + message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�", + type: "warning", + }); + return; + } + const data = await insertRole(this.insertform); + if (data.code == 200) { + this.InsertFormdialog = false; + this.insertform = {}; + this.$message({ + message: "娣诲姞鎴愬姛锛�", + type: "success", + }); + this.getRoleTabelData(); + } else { + this.$message({ + message: "娣诲姞澶辫触锛�", + type: "warning", + }); + } +}, +updateFromClose() { + this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") + .then((_) => { + this.UpdateFormdialog = false; + this.updateform = {}; + this.getRoleTabelData(); + }) + .catch((_) => { }); +}, + async updateFromData() { + if (this.updateform.depValue == null) { + this.$message({ + message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�", + type: "warning", + }); + return; + } + console.log(this.updateform); + const data = await updateRole(this.updateform); + if (data.code == 200) { + this.UpdateFormdialog = false; + this.updateform = {}; + this.$message({ + message: "淇敼鎴愬姛锛�", + type: "success", + }); + this.getRoleTabelData(); + } else { + this.$message({ + message: "淇敼澶辫触锛�", + type: "warning", + }); + } +}, +handleDelete() { + var std = []; + for (var i in this.multipleSelection) { + std.push(this.multipleSelection[i].id); + } + this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ヨ鑹�, 鏄惁缁х画?", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(async () => { + const data = await deleteRoles({ ids: std.toString() }); + if (data.code == 200) { this.InsertFormdialog = false; - this.insertform = {}; this.$message({ - message: "娣诲姞鎴愬姛锛�", + message: "鍒犻櫎鎴愬姛锛�", type: "success", }); this.getRoleTabelData(); } else { this.$message({ - message: "娣诲姞澶辫触锛�", + message: "鍒犻櫎澶辫触锛�", type: "warning", }); } - }, - updateFromClose() { - this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") - .then((_) => { - this.UpdateFormdialog = false; - this.updateform = {}; - this.getRoleTabelData(); - }) - .catch((_) => {}); - }, - async updateFromData() { - if (this.updateform.depValue == null) { - this.$message({ - message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�", - type: "warning", - }); - return; - } - console.log(this.updateform); - const data = await updateRole(this.updateform); - if (data.code == 200) { - this.UpdateFormdialog = false; - this.updateform = {}; - this.$message({ - message: "淇敼鎴愬姛锛�", - type: "success", - }); - this.getRoleTabelData(); - } else { - this.$message({ - message: "淇敼澶辫触锛�", - type: "warning", - }); - } - }, - handleDelete() { - var std = []; - for (var i in this.multipleSelection) { - std.push(this.multipleSelection[i].id); - } - this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ヨ鑹�, 鏄惁缁х画?", "鎻愮ず", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", - }) - .then(async () => { - const data = await deleteRoles({ ids: std.toString() }); - - if (data.code == 200) { - this.InsertFormdialog = false; - this.$message({ - message: "鍒犻櫎鎴愬姛锛�", - type: "success", - }); - this.getRoleTabelData(); - } else { - this.$message({ - message: "鍒犻櫎澶辫触锛�", - type: "warning", - }); - } - }) - .catch(() => { - this.$message({ - type: "info", - message: "宸插彇娑堝垹闄�", - }); - }); - }, - handleSizeChange(val) { - this.listData.pageSize = val; - this.getRoleTabelData(); - }, - handleCurrentChange(val) { - this.listData.pageIndex = val; - this.getRoleTabelData(); - }, + }) + .catch(() => { + this.$message({ + type: "info", + message: "宸插彇娑堝垹闄�", + }); + }); +}, +handleSizeChange(val) { + this.listData.pageSize = val; + this.getRoleTabelData(); +}, +handleCurrentChange(val) { + this.listData.pageIndex = val; + this.getRoleTabelData(); +}, async handleEdit(index, row) { - this.updateform = row; - // this.updateform.isAdmin = row.isAdmin.toString(); - const data = await selectDep({ id: row.depid }); - if (data.result == null) { - this.updateform.depValue = null; - } else { - this.updateform.depValue = data.result.name; - } + this.updateform = row; + // this.updateform.isAdmin = row.isAdmin.toString(); + const data = await selectDep({ id: row.depid }); + if (data.result == null) { + this.updateform.depValue = null; + } else { + this.updateform.depValue = data.result.name; + } - this.UpdateFormdialog = true; - }, - onSubmit() { + this.UpdateFormdialog = true; +}, +onSubmit() { + this.getRoleTabelData(); +}, +resetForm(formName) { + this.$refs[formName].resetFields(); + this.roleForm = {}; + this.getRoleTabelData(); +}, +showPermsMenu(res) { + switch (res.tag) { + case "/delete": + this.menuStatus.delete = true; + break; + case "/insert": + this.menuStatus.insert = true; + break; + case "/update": + this.menuStatus.update = true; + break; + } +}, +handleClose() { + this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") + .then((_) => { + this.InsertFormdialog = false; + }) + .catch((_) => { }); +}, +handleCloseEdit() { + this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") + .then((_) => { + this.UpdateFormdialog = false; this.getRoleTabelData(); - }, - resetForm(formName) { - this.$refs[formName].resetFields(); - this.roleForm = {}; - this.getRoleTabelData(); - }, - showPermsMenu(res) { - switch (res.tag) { - case "/delete": - this.menuStatus.delete = true; - break; - case "/insert": - this.menuStatus.insert = true; - break; - case "/update": - this.menuStatus.update = true; - break; - } - }, - handleClose() { - this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") - .then((_) => { - this.InsertFormdialog = false; - }) - .catch((_) => {}); - }, - handleCloseEdit() { - this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?") - .then((_) => { - this.UpdateFormdialog = false; - this.getRoleTabelData(); - }) - .catch((_) => {}); - }, + }) + .catch((_) => { }); +}, }, - beforeDestroy() { - this.timer && clearTimeout(this.timer); - window.removeEventListener("resize", this.onResize); - }, - mounted() { - window.addEventListener("resize", this.onResize); - this.calHeight(); - }, - created() { - var val = this.$store.state.currentPerms; - var permsEntity = this.$store.state.permsEntity; - for (var i = 0; i < permsEntity.length; i++) { - if (permsEntity[i].perms == val) { - this.showPermsMenu(permsEntity[i]); - } +beforeDestroy() { + this.timer && clearTimeout(this.timer); + window.removeEventListener("resize", this.onResize); +}, +mounted() { + window.addEventListener("resize", this.onResize); + this.calHeight(); +}, +created() { + var val = this.$store.state.currentPerms; + var permsEntity = this.$store.state.permsEntity; + for (var i = 0; i < permsEntity.length; i++) { + if (permsEntity[i].perms == val) { + this.showPermsMenu(permsEntity[i]); } - this.getRoleTabelData(); - this.getDepList(); - }, + } + this.getRoleTabelData(); + this.getDepList(); +}, }; </script> <style lang="less" scoped> @@ -990,6 +808,7 @@ .el-input { width: 300px; } + .leftTree { position: absolute; z-index: 9999; @@ -1002,12 +821,14 @@ height: 550px; overflow: auto; } + .btnBox { width: 123px; margin: 10px auto 0; // background-color: red; } } + .inquire { height: auto; -- Gitblit v1.9.3