Merge branch 'master' of http://103.85.165.99:8989/r/LFWEB_NEW
| | |
| | | background: rgba(48, 48, 48, 0.85); |
| | | } |
| | | |
| | | .Black_theme .box_divm { |
| | | background: rgba(48, 48, 48, 0.85) !important; |
| | | } |
| | | |
| | | .Black_theme .box_div { |
| | | background: #303030; |
| | | } |
| | |
| | | color: #FFF; |
| | | } |
| | | |
| | | .Black_theme .el-icon-arrow-down{ |
| | | .Black_theme .el-icon-arrow-down { |
| | | color: #FFF; |
| | | } |
| | | |
| | | .Black_theme .twoMenu_imge11 { |
| | | background: url("../../assets/img/synthesis/å¾å± 32.png") no-repeat center; |
| | | } |
| | |
| | | .Black_theme .twoMenu_imge88 { |
| | | background: url("../../assets/img/synthesis/å¾å± 32.png") no-repeat center; |
| | | } |
| | | .Black_theme .menuPop .leftBox li{ |
| | | color: #FFF ; |
| | | } |
| | | .Black_theme .popupBox .popupContainer{ |
| | | |
| | | .Black_theme .menuPop .leftBox li { |
| | | color: #FFF; |
| | | } |
| | | .Black_theme .popupBox .popupContainer{ |
| | | color: #FFF !important; |
| | | |
| | | .Black_theme .popupBox .popupContainer { |
| | | color: #FFF; |
| | | } |
| | | |
| | | .Black_theme .popupBox .popupContainer { |
| | | color: #FFF !important; |
| | | } |
| | |
| | | background: #F4F8FF; |
| | | } |
| | | |
| | | .box_divm { |
| | | background-color: rgba(244, 248, 255, 0.85) !important; |
| | | } |
| | | .subpage_Div { |
| | | border: 1px solid #dcdfe6; |
| | | } |
| | |
| | | > |
| | | <mapsdk></mapsdk> |
| | | </div> |
| | | <div id="ds" v-show="isShowDs"></div> |
| | | <div |
| | | id="ds" |
| | | v-show="isShowDs" |
| | | ></div> |
| | | <!--openLayersæ¾ç¤ºçé¢--> |
| | | <div |
| | | v-show="isOlMapFlag" |
| | |
| | | }); |
| | | let mapZoomAndMove = function (event) { |
| | | var position = window.map.getView().getCenter(); |
| | | var pos = transform(position, 'EPSG:3857', 'EPSG:4326'); |
| | | |
| | | // var pos = transform(position, 'EPSG:3857', 'EPSG:4326'); |
| | | var pos = position; |
| | | var level = that.getHeight(parseInt(window.map.getView().getZoom())); |
| | | window.Viewer.camera.setView({ |
| | | destination: Cesium.Cartesian3.fromDegrees(pos[0], pos[1], level), |
| | |
| | | var lat = Cesium.Math.toDegrees(cartographic.latitude); |
| | | var lng = Cesium.Math.toDegrees(cartographic.longitude); |
| | | var level = this.getLevel(cartographic.height); |
| | | var value |
| | | // window.map |
| | | // .getView() |
| | | // .setCenter(transform([lng, lat], 'EPSG:4326', 'EPSG:3857')); |
| | | window.map |
| | | .getView() |
| | | .setCenter(transform([lng, lat], 'EPSG:4326', 'EPSG:3857')); |
| | | .setCenter([lng, lat]); |
| | | window.map.getView().setZoom(level); |
| | | }, |
| | | getLevel(height) { |
| | |
| | | setTurfCircle(position, radius) { |
| | | var options = { |
| | | steps: 10, |
| | | units: 'miles', |
| | | units: 'meters', |
| | | properties: { foo: 'bar' }, |
| | | }; |
| | | var circle = turf.circle(position, radius, options); |
| | | debugger |
| | | this.setJonToWKT(circle); |
| | | }, |
| | | setTurfPolyOrLine(res, type) { |
| | |
| | | } |
| | | if (type == 'polyline') { |
| | | var line = turf.lineString(std, { name: 'polyline' }); |
| | | restVal = turf.buffer(line, 10, { units: 'miles' }); |
| | | restVal = turf.buffer(line, 10, { units: 'meters' }); |
| | | } else if (type == 'rectangle') { |
| | | var ste = this.setCartesianToEightFour(res[0]); |
| | | std.push([ste.lng, ste.lat]); |
| | |
| | | <template> |
| | | <div id="mapView" class="projectBox"> |
| | | <div class="Tools"> |
| | | <div class="Tools box_divm"> |
| | | <el-button |
| | | type="success" |
| | | icon="el-icon-plus" |
| | |
| | | } |
| | | .Tools { |
| | | position: absolute; |
| | | background: #303030; |
| | | |
| | | opacity: 0.9; |
| | | z-index: 40; |
| | | padding: 10px; |
| | |
| | | target: "mapol", |
| | | layers: [imageLayer, vectorLayer], |
| | | view: new View({ |
| | | center: transform([105.02, 34.9], "EPSG:4326", "EPSG:3857"), |
| | | center: [105.02, 34.9] , |
| | | zoom: 4, |
| | | projection: "EPSG:3857", |
| | | projection: "EPSG:4326", |
| | | }), |
| | | controls: defaultControls().extend([ |
| | | new FullScreen(), |
| | |
| | | <template> |
| | | <div class="mapBox"> |
| | | <div id="mapdiv"> |
| | | <div class="menu_Top" 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"> |
| | | <el-card class="box-card"> |
| | | <div slot="header" class="clearfix"> |
| | | <div |
| | | class="bufferBox" |
| | | v-if="showBufferBoxDialog" |
| | | > |
| | | <el-card class="box-card box_divm"> |
| | | <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" class="clearfix"> |
| | | <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="50px"> |
| | | <el-form |
| | | ref="form" |
| | | :model="coordFrom" |
| | | label-width="50px" |
| | | > |
| | | <el-form-item label="ç»åº¦:"> |
| | | <el-input v-model="coordFrom.lon"></el-input> |
| | | </el-form-item> |
| | |
| | | <el-input v-model="coordFrom.height"></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="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" label-width="50px"> |
| | | <el-form |
| | | :model="comprehensive" |
| | | :inline="true" |
| | | label-width="50px" |
| | | > |
| | | <el-form-item label="å°å:"> |
| | | <el-input |
| | | style="width: 200px" |
| | |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="setQueryTable" type="info">æ¥è¯¢</el-button> |
| | | <el-button |
| | | @click="setQueryTable" |
| | | type="info" |
| | | >æ¥è¯¢</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table :data="tableData" height="200px" style="width: 100%"> |
| | | <el-table |
| | | :data="tableData" |
| | | height="200px" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | label="åºå·" |
| | | width="70px" |
| | | /> |
| | | <el-table-column prop="name" align="center" label="å®ä½"> |
| | | <el-table-column |
| | | prop="name" |
| | | align="center" |
| | | label="å®ä½" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | @click="handleLocation(scope.$index, scope.row)" |
| | |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" align="center" label="å°å"> |
| | | <el-table-column |
| | | prop="name" |
| | | align="center" |
| | | label="å°å" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="margin-top: 10px" class="pagination_box"> |
| | | <div |
| | | style="margin-top: 10px" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | |
| | | </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"> |
| | |
| | | :rules="rules" |
| | | label-width="55px" |
| | | > |
| | | <el-form-item label="èµ·ç¹:" prop="lon"> |
| | | <el-form-item |
| | | label="èµ·ç¹:" |
| | | prop="lon" |
| | | > |
| | | <el-input |
| | | style="width: 250px" |
| | | v-model="pathFrom.lon" |
| | |
| | | :underline="false" |
| | | @click="showMouseLeftClick(1)" |
| | | style="margin-left: 10px" |
| | | ><i style="color: white" class="el-icon-plus"></i |
| | | ></el-link> |
| | | ><i |
| | | style="color: white" |
| | | class="el-icon-plus" |
| | | ></i></el-link> |
| | | </el-form-item> |
| | | <el-form-item label="ç»ç¹:" prop="lat"> |
| | | <el-form-item |
| | | label="ç»ç¹:" |
| | | prop="lat" |
| | | > |
| | | <el-input |
| | | style="width: 250px" |
| | | v-model="pathFrom.lat" |
| | |
| | | :underline="false" |
| | | @click="showMouseLeftClick(2)" |
| | | style="margin-left: 10px" |
| | | ><i style="color: white" class="el-icon-plus"></i |
| | | ></el-link> |
| | | ><i |
| | | style="color: white" |
| | | 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> |
| | |
| | | // 100000 |
| | | // ), |
| | | // }) |
| | | Viewer.camera.flyTo({ |
| | | Viewer.camera.flyTo({ |
| | | destination: Cesium.Cartesian3.fromDegrees(110, 33, 8000000), |
| | | |
| | | }); |
| | |
| | | return false |
| | | } |
| | | }) |
| | | if (this.linePath != null) { |
| | | this.clearPathAll(3) |
| | | } |
| | | this.clearPathAll(3) |
| | | var start = this.pathFrom.lon.split(",") |
| | | var end = this.pathFrom.lat.split(",") |
| | | var startData = { |
| | |
| | | x2: parseFloat(end[0]), |
| | | y2: parseFloat(end[1]), |
| | | } |
| | | |
| | | |
| | | const data = await comprehensive_selectRoute(startData) |
| | | if (data.code != 200) { |
| | | return this.$message.error("æ°æ®è¯·æ±å¤±è´¥") |
| | |
| | | right: 1%; |
| | | bottom: 1%; |
| | | } |
| | | .box-body { |
| | | padding: 18px; |
| | | /deep/ .el-form-item__label { |
| | | color: white !important; |
| | | } |
| | | /deep/ .el-input__inner { |
| | | background: rgba(255, 255, 255, 0.2) !important; |
| | | color: white !important; |
| | | } |
| | | |
| | | /deep/.el-table, |
| | | .el-table__expanded-cell { |
| | | background-color: transparent; |
| | | color: white; |
| | | } |
| | | |
| | | /deep/ .el-table tr { |
| | | background-color: transparent !important; |
| | | } |
| | | /deep/ .el-table tbody tr:hover > td { |
| | | background-color: rgba(255, 255, 255, 0.2) !important; |
| | | } |
| | | /deep/.el-tableâenable-row-transition .el-table__body td, |
| | | .el-table .cell { |
| | | background-color: transparent !important; |
| | | } |
| | | /deep/ .el-table th.el-table__cell { |
| | | background-color: transparent !important; |
| | | color: white; |
| | | } |
| | | /deep/.el-pager li { |
| | | background-color: transparent !important; |
| | | color: white; |
| | | } |
| | | /deep/ .btn-prev { |
| | | background-color: transparent !important; |
| | | } |
| | | /deep/ .btn-next { |
| | | background-color: transparent !important; |
| | | color: white !important; |
| | | } |
| | | /deep/ .el-pagination__total { |
| | | color: white; |
| | | } |
| | | /deep/ .el-pagination__jump { |
| | | color: white; |
| | | } |
| | | } |
| | | |
| | | |
| | | .box-card { |
| | | background: #303030; |
| | | |
| | | opacity: 0.85; |
| | | border: 1px solid rgba(32, 160, 255, 0.6); |
| | | color: white; |
| | | |
| | | } |
| | | .menu_Top { |
| | | background: #303030; |
| | | |
| | | opacity: 0.85; |
| | | width: 100%; |
| | | padding: 1%; |
| | |
| | | this.$router.push('/'); |
| | | }, |
| | | getTimeCookies() { |
| | | if(!localStorage.getItem('LFToken')){ |
| | | return false |
| | | } |
| | | var time1 = new Date(JSON.parse(localStorage.getItem('LFToken')).time); |
| | | var time2 = new Date(); |
| | | if (time2 > time1) { |
| | |
| | | pipelineEntity: [], |
| | | reporturl: null, |
| | | layerMnage: false, |
| | | themeflag:false, |
| | | themeflag: false, |
| | | language: true, |
| | | isNaviget:false, |
| | | isNaviget: false, |
| | | treeData: null, |
| | | checkedKeys: [], |
| | | }, |
| | | mutations: { |
| | | //è·åæéåé |
| | |
| | | }); |
| | | }); |
| | | }, |
| | | setCookies(res) { |
| | | setCookies(res) { |
| | | var value = localStorage.getItem('LFToken'); |
| | | if (value != null) { |
| | | this.rmCookies(); |
| | |
| | | <template> |
| | | <div class="menuSettings_box"> |
| | | <My-bread |
| | | <!-- <My-bread |
| | | :list="[ |
| | | `${$t('operatManage.operatManage')}`, |
| | | |
| | | `${$t('operatManage.MenuRoleAuthorization')}`, |
| | | ]" |
| | | ></My-bread> |
| | | <el-divider /> |
| | | <el-divider /> --> |
| | | <div class="menuSettings_tree subpage_Div"> |
| | | <My-bread :list="[ |
| | | `${$t('operatManage.operatManage')}`, |
| | | `${$t('operatManage.UserRoleAuthorization')}`, |
| | | ]"></My-bread> |
| | | |
| | | <el-divider /> |
| | | <div class="menuTreeBox"> |
| | | |
| | | <div class="card_tree"> |
| | | <el-tree |
| | | :data="depList" |
| | | :props="defaultProps" |
| | | :show-checkbox="false" |
| | | :check-on-click-node="true" |
| | | :check-strictly="true" |
| | | node-key="id" |
| | | @check="treeCheck" |
| | | :default-expanded-keys="[1]" |
| | | ref="treeForm" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="menuTreeBox "> |
| | | <div class="left_tree subpage_Div"> |
| | | <!-- <div class="left_tree subpage_Div"> |
| | | <el-tree |
| | | :data="depList" |
| | | :props="defaultProps" |
| | |
| | | :default-expanded-keys="[1]" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </div> --> |
| | | <div class="right_menu subpage_Div"> |
| | | <div |
| | | style=" |
| | |
| | | <div class="btn" style="margin-left: auto"> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | type="primary" |
| | | type="success" |
| | | icon="el-icon-circle-plus-outline" |
| | | size="small" |
| | | :disabled="roleid == null ? true : false" |
| | |
| | | </el-table> |
| | | |
| | | <div |
| | | style="margin-top: 20px; text-align: center" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); å¼å
¥å
Œ
±cssç±» |
| | | .menuSettings_box { |
| | | height: 98%; |
| | | height: 96%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | border-radius: 10px; |
| | | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .menuTreeBox { |
| | | width: 100%; |
| | |
| | | border-radius: 5px; |
| | | float: left; |
| | | overflow-y: auto; |
| | | border-radius: 10px; |
| | | |
| | | } |
| | | .right_menu { |
| | | width: 67%; |
| | | height: 92%; |
| | | border-radius: 10px; |
| | | width: 97%; |
| | | height: 100%; |
| | | padding: 10px; |
| | | |
| | | border-radius: 5px; |
| | |
| | | margin-top: 8px; |
| | | } |
| | | } |
| | | .subpage_Div{ |
| | | border-radius: 10px; |
| | | } |
| | | </style> |
| | | |
| | |
| | | > |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | type="primary" |
| | | type="success" |
| | | icon="el-icon-circle-plus-outline" |
| | | size="small" |
| | | @click="adduser" |
| | |
| | | > |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | type="primary" |
| | | type="success" |
| | | icon="el-icon-circle-plus-outline" |
| | | size="small" |
| | | :disabled="roleid == null ? true : false" |
| | |
| | | > |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | type="primary" |
| | | type="success" |
| | | icon="el-icon-circle-plus-outline" |
| | | size="small" |
| | | :disabled="roleid == null ? true : false" |
| | |
| | | isContrastFlag: false, |
| | | UndergroundMode: false, |
| | | scaleLine: null, |
| | | Excavation:false, |
| | | Excavation: false, |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | } |
| | | break |
| | | case "d13": |
| | | if (this.Excavation ) { |
| | | if (this.Excavation) { |
| | | this.Excavation.destroy() |
| | | this.Excavation = null |
| | | } else { |
| | |
| | | |
| | | this.$store.state.showAllLayers = true; |
| | | this.$store.state.layerMnage = false; |
| | | this.$store.state.treeData = null; |
| | | this.$store.state.checkedKeys = []; |
| | | this.setCoverage('a1'); |
| | | }, |
| | | }; |
| | |
| | | @node-contextmenu="rightClick" |
| | | @check-change="handleCheckChange" |
| | | :default-checked-keys="handleTreeCheck" |
| | | ref="tree" > |
| | | ref="tree" |
| | | > |
| | | <span |
| | | class="slot-t-node" |
| | | slot-scope="{ node, data }" |
| | |
| | | ></el-input> |
| | | </span> |
| | | </span> |
| | | |
| | | |
| | | </el-tree> |
| | | |
| | | <el-card |
| | |
| | | import { image_layer } from '../../assets/js/index.js'; |
| | | import ImageWMS from 'ol/source/ImageWMS'; |
| | | import Image from 'ol/layer/Image'; |
| | | import GeoJSON from 'ol/format/GeoJSON.js'; |
| | | import Map from 'ol/Map.js'; |
| | | |
| | | import { Vector as VectorSource } from "ol/source"; |
| | | import { Vector as VectorLayer, } from "ol/layer"; |
| | | |
| | | import View from 'ol/View.js'; |
| | | import { Fill, Stroke, Style } from 'ol/style.js'; |
| | | import { perms_selectLayers } from '../../api/api.js' |
| | | export default { |
| | | name: 'tree', |
| | |
| | | deleteNode() { |
| | | |
| | | this.foo(); |
| | | var label = this.currentNode.data.label; |
| | | if (this.currentNode.data.layerType == 'WMS') { |
| | | for (var i in window.Viewer.imageryLayers_layers) { |
| | | if (window.Viewer.imageryLayers_layers[i].name === label) { |
| | | window.Viewer.imageryLayers.remove(window.Viewer.imageryLayers_layers[i]) |
| | | } |
| | | } |
| | | |
| | | } else if (this.currentNode.data.layerType == 'WFS') { |
| | | for (var i in window.Viewer.dataSources._dataSources) { |
| | | if (window.Viewer.dataSources._dataSources[i].name == label) { |
| | | window.Viewer.dataSources.remove(window.Viewer.dataSources._dataSources[i]); |
| | | std.push(data.label) |
| | | } |
| | | } |
| | | } |
| | | var layers_ol = window.map.getAllLayers(); |
| | | for (var i in layers_ol) { |
| | | var layerOl = layers_ol[i]; |
| | | if (layerOl.values_.name == label) { |
| | | window.map.removeLayer(layerOl); //æ¾ç¤ºå¾å± |
| | | } |
| | | } |
| | | |
| | | this.$refs.tree.remove(this.currentNode); |
| | | }, |
| | | |
| | |
| | | |
| | | |
| | | menuMoveF(type) { |
| | | // å°åå¨ä¹åçnodeå¤ä»½ |
| | | var node= this.currentNode; |
| | | var data = this.currentData; |
| | | let copyNode = this.currentNode |
| | | // copyNode.previousSibling = {...node. } |
| | | // copyNode.nextSibling = {...node.nextSibling} |
| | | // window.sessionStorage.setItem('menuNode',CircularJSON.stringify(copyNode)) |
| | | let nodeData = {} |
| | | if (type==='up') { |
| | | // ä¸ç§» |
| | | if (node.previousSibling) { |
| | | // å é¤åå
çnode |
| | | this.$refs.tree.remove(node.data) |
| | | // æ¿å°copyçnode |
| | | // nodeData = CircularJSON.parse(window.sessionStorage.getItem('menuNode')) |
| | | // // å¤å¶è¯¥nodeå°æå®ä½ç½®(åæ°ï¼1. è¦å¢å çèç¹ç data 2. è¦å¢å çèç¹çåä¸ä¸ªèç¹ç dataãkey æè
node) |
| | | // this.$refs.tree.insertBefore(nodeData.data,nodeData.previousSibling.data) |
| | | window.sessionStorage.removeItem('menuNode') |
| | | } else { |
| | | this.$message.warning('该èåå·²ç»æ¯å½å屿ä¸çº§') |
| | | } |
| | | // å°åå¨ä¹åçnodeå¤ä»½ |
| | | var node = this.currentNode; |
| | | var data = this.currentData; |
| | | let copyNode = this.currentNode |
| | | |
| | | // copyNode.previousSibling = {...node. } |
| | | // copyNode.nextSibling = {...node.nextSibling} |
| | | // window.sessionStorage.setItem('menuNode',CircularJSON.stringify(copyNode)) |
| | | let nodeData = {} |
| | | if (type === 'up') { |
| | | // ä¸ç§» |
| | | if (node.previousSibling) { |
| | | // å é¤åå
çnode |
| | | this.$refs.tree.remove(node.data) |
| | | // æ¿å°copyçnode |
| | | // nodeData = CircularJSON.parse(window.sessionStorage.getItem('menuNode')) |
| | | // // å¤å¶è¯¥nodeå°æå®ä½ç½®(åæ°ï¼1. è¦å¢å çèç¹ç data 2. è¦å¢å çèç¹çåä¸ä¸ªèç¹ç dataãkey æè
node) |
| | | // this.$refs.tree.insertBefore(nodeData.data,nodeData.previousSibling.data) |
| | | window.sessionStorage.removeItem('menuNode') |
| | | } else { |
| | | // ä¸ç§» |
| | | if (node.nextSibling) { |
| | | this.$refs.tree.remove(node.data) |
| | | nodeData = CircularJSON.parse(window.sessionStorage.getItem('menuNode')) |
| | | // åæ°ï¼1. è¦å¢å çèç¹ç data 2. è¦å¢å çèç¹çåä¸ä¸ªèç¹ç dataãkey æè
node |
| | | this.$refs.tree.insertAfter(nodeData.data,nodeData.nextSibling.data) |
| | | window.sessionStorage.removeItem('menuNode') |
| | | } else { |
| | | this.$message.warning('该èåå·²ç»æ¯å½å屿ä¸çº§') |
| | | } |
| | | this.$message.warning('该èåå·²ç»æ¯å½å屿ä¸çº§') |
| | | } |
| | | }, |
| | | } else { |
| | | // ä¸ç§» |
| | | if (node.nextSibling) { |
| | | this.$refs.tree.remove(node.data) |
| | | nodeData = CircularJSON.parse(window.sessionStorage.getItem('menuNode')) |
| | | // åæ°ï¼1. è¦å¢å çèç¹ç data 2. è¦å¢å çèç¹çåä¸ä¸ªèç¹ç dataãkey æè
node |
| | | this.$refs.tree.insertAfter(nodeData.data, nodeData.nextSibling.data) |
| | | window.sessionStorage.removeItem('menuNode') |
| | | } else { |
| | | this.$message.warning('该èåå·²ç»æ¯å½å屿ä¸çº§') |
| | | } |
| | | } |
| | | }, |
| | | |
| | | |
| | | handleDragStart(node, ev) { |
| | |
| | | if (std.length == 0 && checked == true) { |
| | | this.setAddLayers(data) |
| | | } |
| | | |
| | | var layers_ol = window.map.getAllLayers(); |
| | | for (var i in layers_ol) { |
| | | var layerOl = layers_ol[i]; |
| | | if (layerOl.values_.name == data.label) { |
| | | layerOl.setVisible(checked); //æ¾ç¤ºå¾å± |
| | | } |
| | | } |
| | | }, |
| | | setAddLayers(res) { |
| | | |
| | | if (res.layerType == 'WMS') { |
| | | |
| | | var url = geoServerURl; |
| | | if (res.url != null && res.url != undefined) { |
| | | url = res.url |
| | | } |
| | | var imageryLayers = window.Viewer.scene.imageryLayers; |
| | | let layerWMS = new Cesium.WebMapServiceImageryProvider({ |
| | | url: url, |
| | | layers: res.resource, |
| | |
| | | }, |
| | | }); |
| | | layerWMS.name = res.label; |
| | | window.Viewer.imageryLayers.addImageryProvider(layerWMS); |
| | | //éæåº¦ |
| | | var tdtAnnoLayer = imageryLayers.addImageryProvider(layerWMS); |
| | | if (res.opacity) { |
| | | tdtAnnoLayer.alpha = parseInt(res.opacity) / 100; |
| | | } |
| | | var layer2 = new Image({ |
| | | name: res.label, |
| | | source: new ImageWMS({ |
| | | crossOrigin: 'anonymous', |
| | | url: url, |
| | | |
| | | params: { |
| | | FORMAT: 'image/png', |
| | | VERSION: '1.1.1', |
| | | LAYERS: res.resource, |
| | | }, |
| | | }), |
| | | }); |
| | | if (res.opacity) { |
| | | layer2.setOpacity(parseInt(res.opacity) / 100); |
| | | } |
| | | window.map.addLayer(layer2); |
| | | |
| | | } else if (res.layerType == 'WFS') { |
| | | |
| | | var url = res.url + "?service=WFS&version=1.0.0&request=GetFeature&typeName=" + res.resource + "&outputFormat=application%2Fjson" |
| | |
| | | success: function (data) { |
| | | var datasource = Cesium.GeoJsonDataSource.load(data, { |
| | | stroke: Cesium.Color.YELLOW, |
| | | fill: Cesium.Color.YELLOW.withAlpha(0.5), |
| | | fill: Cesium.Color.YELLOW.withAlpha(0.1), |
| | | alpha: 0.1, |
| | | strokeWidth: 8, |
| | | clampToGround: true //æ¯å¦è´´å° |
| | | }); |
| | |
| | | console.log("error"); |
| | | } |
| | | }); |
| | | |
| | | var vectorLayer = new VectorLayer({ |
| | | name: res.label, |
| | | source: new VectorSource({ |
| | | url: url, |
| | | format: new GeoJSON(), |
| | | }), |
| | | |
| | | }); |
| | | window.map.addLayer(vectorLayer); |
| | | } |
| | | |
| | | |
| | | |
| | | }, |
| | | async layersStart() { |
| | | const data = await perms_selectLayers(); |
| | |
| | | watch: { |
| | | filterText(val) { |
| | | this.$refs.tree.filter(val); |
| | | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | |
| | | this.$bus.$on("treeDataCopy", (res) => { |
| | | this.$store.state.treeData = this.treeData; |
| | | this.$store.state.checkedKeys = this.$refs.tree.getCheckedKeys() |
| | | }); |
| | | |
| | | if (this.$store.state.showAllLayers == true) { |
| | | this.layersStart(); |
| | | this.$store.state.showAllLayers = false; |
| | | } else { |
| | | this.treelayersStart(); |
| | | |
| | | this.treeData = this.$store.state.treeData; |
| | | this.$refs.tree.setCheckedKeys(this.$store.state.checkedKeys); |
| | | } |
| | | |
| | | }, |
| | |
| | | }, |
| | | // å
³éå¼¹çª |
| | | close(id) { |
| | | this.$bus.$emit("treeDataCopy","true"); |
| | | let index = this.PopupData.findIndex((item) => { |
| | | return item.id === id; |
| | | }); |
| | | let data = this.PopupData.splice(index, 1)[0]; |
| | | data.close && data.close(); |
| | | this.$store.state.layerMnage = false; |
| | | this.$store.state.layerMnage = false; |
| | | |
| | | |
| | | }, |
| | | // æå¼å¼¹çª |
| | | open(title, value, style = {}) { |
| | |
| | | <el-divider /> |
| | | <div class="spatialContent "> |
| | | <div class="spatial_leftTree subpage_Div"> |
| | | <el-input v-model="filterText"></el-input> |
| | | <el-input v-model="filterText" style="width: 200px;"></el-input> |
| | | <div style="width:300px"> |
| | | |
| | | <el-tree |
| | |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | | <div class="spatial_rightContent subpage_Div"> |
| | | <el-form |
| | | <div class="contentshuju"> |
| | | <div class="contentshujutou"> |
| | | <el-form |
| | | ref="ruleForm" |
| | | :model="ruleForm" |
| | | :inline="true" |
| | | > |
| | | |
| | | <el-form-item> |
| | | <!-- type="textarea" --> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="ruleForm.fileName" |
| | | class="nm-skin-pretty" |
| | | show-word-limit |
| | | :rows="2" |
| | | resize='none' |
| | | disabled |
| | | style="width: 545px;" |
| | | style="width: 200px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="conditionVisible = true" |
| | | size="small" |
| | | icon="el-icon-plus" |
| | | type="success" |
| | | >{{$t('common.append')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="submitForm" |
| | | type="primary" |
| | | size="small" |
| | | icon="el-icon-search" |
| | | >{{$t('common.iquery')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="resetForm" |
| | | size="small" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | >{{$t('common.reset')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="getSpaceMapVisibale" |
| | | size="small" |
| | |
| | | $t('synthesis.rangequery') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="submitForm" |
| | | type="primary" |
| | | size="small" |
| | | icon="el-icon-search" |
| | | >{{$t('common.iquery')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="conditionVisible = true" |
| | | size="small" |
| | | icon="el-icon-plus" |
| | | type="success" |
| | | >{{$t('common.append')}}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider class="eldivider" /> |
| | | <div> |
| | | </div> |
| | | <div class="contenttable"> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="tableData" |
| | | border |
| | | style="width: 100% " |
| | | @selection-change="handleSelectionChange" |
| | | style="width: 100%" |
| | | height="100%" |
| | | > |
| | | <el-table-column |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <div |
| | | style="margin-top: 20px" |
| | | style="margin-top: 20px; " |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | | v-if="changePag" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="this.listData.pageIndex" |
| | | :current-page="listData.pageIndex" |
| | | :page-sizes="[10, 20, 50, 100]" |
| | | :page-size="this.listData.pageSize" |
| | | :page-size="listData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="count" |
| | | > |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | <div |
| | | class="infoBox box_div" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import MapSdk from '../../components/mapsdk.vue' |
| | | import $ from 'jquery'; |
| | | import { conditions } from '../Archive/Archive.js' |
| | | import MapSdk from "../../components/mapsdk.vue"; |
| | | import $ from "jquery"; |
| | | import { conditions } from "../Archive/Archive.js"; |
| | | import { |
| | | dataQuery_selectTabs, |
| | | dataQuery_selectDomains, |
| | |
| | | dataQuery_uploadFiles, |
| | | dataQuery_selectFiles, |
| | | dataQuery_deletes, |
| | | } from '../../api/api'; |
| | | } from "../../api/api"; |
| | | import { getToken } from "../../utils/auth.js"; |
| | | import catalogueTree from '../../components/catalogueTree.vue'; |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | import catalogueTree from "../../components/catalogueTree.vue"; |
| | | import MyBread from "../../components/MyBread.vue"; |
| | | export default { |
| | | //importå¼å
¥çç»ä»¶éè¦æ³¨å
¥å°å¯¹è±¡ä¸æè½ä½¿ç¨ |
| | | name: 'dataSearch', |
| | | name: "dataSearch", |
| | | components: { MyBread, catalogueTree, MapSdk }, |
| | | data() { |
| | | return { |
| | | attachtable: ['b_pac_geologic_hazard', 'b_hydrogeology', 'b_pac_meteorological', 'b_pac_marine_meteorological', 'b_pac_frozensoil', 's_borehole', 'm_marker', 'm_hydraulic_protection', 'm_equipment_nameplate'], |
| | | attachtable: [ |
| | | "b_pac_geologic_hazard", |
| | | "b_hydrogeology", |
| | | "b_pac_meteorological", |
| | | "b_pac_marine_meteorological", |
| | | "b_pac_frozensoil", |
| | | "s_borehole", |
| | | "m_marker", |
| | | "m_hydraulic_protection", |
| | | "m_equipment_nameplate", |
| | | ], |
| | | formInline: { |
| | | file: '', |
| | | file: "", |
| | | }, |
| | | formSql: { |
| | | field: '', |
| | | condition: '', |
| | | value: '', |
| | | type: '', |
| | | date: '', |
| | | |
| | | field: "", |
| | | condition: "", |
| | | value: "", |
| | | type: "", |
| | | date: "", |
| | | }, |
| | | fromSqlflag: false, |
| | | tree: [ |
| | | { |
| | | tabDesc: 'åºç¡æ°æ®', |
| | | label: 'åºç¡æ°æ®', |
| | | value: 'BD', |
| | | ns: 'bd', |
| | | tabDesc: "åºç¡æ°æ®", |
| | | label: "åºç¡æ°æ®", |
| | | value: "BD", |
| | | ns: "bd", |
| | | id: 1, |
| | | children: [], |
| | | }, |
| | | { |
| | | id: 2, |
| | | tabDesc: 'ä¸å¡æ°æ®', |
| | | label: 'ä¸å¡æ°æ®', |
| | | value: 'BS', |
| | | ns: 'bs', |
| | | tabDesc: "ä¸å¡æ°æ®", |
| | | label: "ä¸å¡æ°æ®", |
| | | value: "BS", |
| | | ns: "bs", |
| | | children: [], |
| | | }, { |
| | | }, |
| | | { |
| | | id: 3, |
| | | tabDesc: 'å
æ°æ®', |
| | | label: 'å
æ°æ®', |
| | | value: 'MD', |
| | | ns: 'md', |
| | | tabDesc: "å
æ°æ®", |
| | | label: "å
æ°æ®", |
| | | value: "MD", |
| | | ns: "md", |
| | | children: [], |
| | | }, |
| | | ], |
| | |
| | | condOption: [], |
| | | |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'label', |
| | | children: "children", |
| | | label: "label", |
| | | }, |
| | | btnStatus: { |
| | | select: false, |
| | |
| | | }, |
| | | tableType: null, |
| | | ruleForm: { |
| | | fileName: '' |
| | | fileName: "", |
| | | }, |
| | | FBtest: false, |
| | | tableData: [], |
| | | formLabelWidth: '120px', |
| | | formLabelWidth: "120px", |
| | | dialogFormVisible: false, |
| | | upform: { |
| | | gid: '', |
| | | pipename: '', |
| | | sitename: '', |
| | | type: '', |
| | | seriesname: '', |
| | | stationvalue: '', |
| | | transportm: '', |
| | | diameter: '', |
| | | name: '', |
| | | gid: "", |
| | | pipename: "", |
| | | sitename: "", |
| | | type: "", |
| | | seriesname: "", |
| | | stationvalue: "", |
| | | transportm: "", |
| | | diameter: "", |
| | | name: "", |
| | | }, |
| | | |
| | | changePag: true, |
| | |
| | | |
| | | attributeData: [], |
| | | currentPage: 1, |
| | | searchName: '', |
| | | searchName: "", |
| | | multipleSelection: [], |
| | | filedsLayer: null, |
| | | count: 0, |
| | |
| | | tabName: null, |
| | | eventid: null, |
| | | }, |
| | | filterText: '' |
| | | |
| | | filterText: "", |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | watch: { |
| | | filterText(val) { |
| | | this.$refs.tree.filter(val); |
| | | } |
| | | }, |
| | | }, |
| | | |
| | | methods: { |
| | |
| | | this.dialogMapVisible = true; |
| | | this.showMapVisible = true; |
| | | this.$store.state.mapMenuBoolean = true; |
| | | this.$store.state.mapMenuBoxFlag = '1'; |
| | | this.$store.state.mapMenuBoxFlag = "1"; |
| | | this.$store.state.mapPopBoolean = false; |
| | | this.$store.state.mapPopBoxFlag = null; |
| | | this.$store.state.download = true; |
| | | |
| | | }, |
| | | handleMapClose() { |
| | | this.$confirm('确认å
³éï¼') |
| | | this.$confirm("确认å
³éï¼") |
| | | .then((_) => { |
| | | this.closeMapDown(); |
| | | }) |
| | | .catch((_) => { }); |
| | | .catch((_) => {}); |
| | | }, |
| | | closeMapDown() { |
| | | this.dialogMapVisible = false; |
| | |
| | | } |
| | | const res = await dataQuery_deletes({ ids: std.toString() }); |
| | | if (res.code != 200) { |
| | | this.$message.error('æä»¶å é¤å¤±è´¥'); |
| | | this.$message.error("æä»¶å é¤å¤±è´¥"); |
| | | } |
| | | this.getAttacthFlieList(); |
| | | }, |
| | |
| | | var token = getToken(); |
| | | var fs = document.getElementById("insertFile"); |
| | | if (fs.files.length == 0) { |
| | | |
| | | this.$message({ |
| | | message: 'è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼', |
| | | type: 'warning' |
| | | message: "è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼", |
| | | type: "warning", |
| | | }); |
| | | return; |
| | | } |
| | | const formData = new FormData() |
| | | const formData = new FormData(); |
| | | for (var i = 0, c = fs.files.length; i < c; i++) { |
| | | |
| | | formData.append('file', fs.files[i]); // fs.files[i].name,file |
| | | formData.append("file", fs.files[i]); // fs.files[i].name,file |
| | | } |
| | | |
| | | $.ajax(BASE_URL + "/dataQuery/uploadFiles?token=" + token + "&tabName= " + this.upAttach.tabName + "&eventid=" + this.upAttach.eventid, { |
| | | type: "post", |
| | | data: formData, |
| | | async: true, |
| | | cache: false, |
| | | processData: false, |
| | | contentType: false, |
| | | success: (rs) => { |
| | | this.$message({ |
| | | message: 'éä»¶æ·»å æå', |
| | | type: 'success' |
| | | }); |
| | | document.getElementById("insertFile").value = ""; |
| | | this.formInline = { |
| | | file: '', |
| | | } |
| | | this.getAttacthFlieList(); |
| | | }, |
| | | error: (e) => { |
| | | document.getElementById("insertFile").value = ""; |
| | | this.$message.error('éä»¶æ·»å 失败'); |
| | | $.ajax( |
| | | BASE_URL + |
| | | "/dataQuery/uploadFiles?token=" + |
| | | token + |
| | | "&tabName= " + |
| | | this.upAttach.tabName + |
| | | "&eventid=" + |
| | | this.upAttach.eventid, |
| | | { |
| | | type: "post", |
| | | data: formData, |
| | | async: true, |
| | | cache: false, |
| | | processData: false, |
| | | contentType: false, |
| | | success: (rs) => { |
| | | this.$message({ |
| | | message: "éä»¶æ·»å æå", |
| | | type: "success", |
| | | }); |
| | | document.getElementById("insertFile").value = ""; |
| | | this.formInline = { |
| | | file: "", |
| | | }; |
| | | this.getAttacthFlieList(); |
| | | }, |
| | | error: (e) => { |
| | | document.getElementById("insertFile").value = ""; |
| | | this.$message.error("éä»¶æ·»å 失败"); |
| | | }, |
| | | } |
| | | }); |
| | | ); |
| | | }, |
| | | async getAttacthFlieList() { |
| | | var obj = this.upAttach |
| | | var obj = this.upAttach; |
| | | const res = await dataQuery_selectFiles(obj); |
| | | if (res.code != 200) { |
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
| | | return |
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | return; |
| | | } |
| | | this.tableAttach = res.result; |
| | | }, |
| | | |
| | | |
| | | getAttachTable(index, row) { |
| | | if (row.eventid != null) { |
| | | this.upAttach.eventid = row.eventid; |
| | | } else { |
| | | this.upAttach.eventid = ''; |
| | | this.upAttach.eventid = ""; |
| | | } |
| | | this.getAttacthFlieList(); |
| | | this.dialogFormVisible = true; |
| | | }, |
| | | //éä»¶=>æä»¶éæ© |
| | | getInsertFile() { |
| | | $('#insertFile').click(); |
| | | $("#insertFile").click(); |
| | | }, |
| | | insertFile() { |
| | | var val = document.getElementById('insertFile').files; |
| | | var val = document.getElementById("insertFile").files; |
| | | if (!val || !val.length) return; |
| | | |
| | | this.formInline.file = val[0].name; |
| | |
| | | async getTreeDataAll() { |
| | | const data = await dataQuery_selectTabs(); |
| | | if (data.code != 200) { |
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | } |
| | | var option = data.result; |
| | | |
| | | for (var i in option) { |
| | | var val_Data = option[i]; |
| | | val_Data.id = '1' + i; |
| | | val_Data.id = "1" + i; |
| | | // val_Data.label = val_Data.tabDesc + "(" + val_Data.tab + ")" |
| | | val_Data.label = val_Data.tabDesc |
| | | option[i].id = parseInt(option[i].id) |
| | | val_Data.label = val_Data.tabDesc; |
| | | option[i].id = parseInt(option[i].id); |
| | | for (var j in this.tree) { |
| | | if (this.tree[j].ns == option[i].ns) { |
| | | this.tree[j].children.push(val_Data); |
| | |
| | | // this.tree[1].children.push(val_Data); |
| | | // } |
| | | } |
| | | this.handleNodeClick(this.tree[0].children[0]) |
| | | this.handleNodeClick(this.tree[0].children[0]); |
| | | }, |
| | | //ææç®¡ç |
| | | showPermsBtn() { |
| | |
| | | permsEntity |
| | | .filter((item) => item.perms == currentPerms) |
| | | .map((item) => { |
| | | |
| | | this.btnStatus[item.tag.substr(1)] = true; |
| | | }); |
| | | }, |
| | |
| | | res.then((val) => { |
| | | this.attributeData = val; |
| | | }); |
| | | if (this.ruleForm.fileName != '') { |
| | | if (this.ruleForm.fileName != "") { |
| | | this.listData.filter = this.ruleForm.fileName; |
| | | } else { |
| | | this.listData.filter = null; |
| | |
| | | |
| | | const data = await dataQuery_selectByPage(this.listData); |
| | | if (data.code != 200) { |
| | | this.$message.error('è°ç¨å表失败,请è系工ä½äººå!'); |
| | | this.$message.error("è°ç¨å表失败,请è系工ä½äººå!"); |
| | | return; |
| | | } |
| | | var res_val = this.attributeData; |
| | |
| | | name: this.listData.name, |
| | | }); |
| | | if (fileds.code != 200) { |
| | | this.$message.error('è°ç¨å表失败,请è系工ä½äººå!'); |
| | | this.$message.error("è°ç¨å表失败,请è系工ä½äººå!"); |
| | | return; |
| | | } |
| | | |
| | |
| | | name: this.listData.name, |
| | | }); |
| | | if (domains.code != 200) { |
| | | this.$message.error('è°ç¨å表失败,请è系工ä½äººå!'); |
| | | this.$message.error("è°ç¨å表失败,请è系工ä½äººå!"); |
| | | return; |
| | | } |
| | | var data1 = fileds.result; |
| | | var data2 = domains.result; |
| | | var std = []; |
| | | for (var i in data1) { |
| | | if (data1[i].type != 'geomtry' && data1[i].type != 'null') { |
| | | this.filedsOption.push(data1[i]) |
| | | if (data1[i].type != "geomtry" && data1[i].type != "null") { |
| | | this.filedsOption.push(data1[i]); |
| | | } |
| | | if (data1[i].showtype == 1) { |
| | | if (data1[i].domainNa != null) { |
| | |
| | | this.formSql.date = new Date(); |
| | | }, |
| | | handleconditionClose() { |
| | | this.$confirm('确认å
³éï¼') |
| | | .then(_ => { |
| | | this.$confirm("确认å
³éï¼") |
| | | .then((_) => { |
| | | this.startFiledAndcondition(); |
| | | }) |
| | | .catch(_ => { }); |
| | | .catch((_) => {}); |
| | | }, |
| | | |
| | | fieldChange(value) { |
| | | var obj = {} |
| | | var obj = {}; |
| | | obj = this.filedsOption.find(function (item) { |
| | | return item.field === value; |
| | | }) |
| | | this.conditionChange(obj) |
| | | |
| | | }); |
| | | this.conditionChange(obj); |
| | | }, |
| | | conditionChange(res) { |
| | | this.formSql.field = res.field; |
| | | this.formSql.type = res.type; |
| | | if (res.type == "date" || res.type == "datetime") { |
| | | this.fromSqlflag = true |
| | | this.fromSqlflag = true; |
| | | } else { |
| | | this.fromSqlflag = false |
| | | this.fromSqlflag = false; |
| | | } |
| | | var std = []; |
| | | this.condOption = []; |
| | | if (res.type == 'text' || res.type == 'blob') { |
| | | std = conditions[0] |
| | | } else if (res.type == 'date' || res.type == 'datetime') { |
| | | std = conditions[2] |
| | | if (res.type == "text" || res.type == "blob") { |
| | | std = conditions[0]; |
| | | } else if (res.type == "date" || res.type == "datetime") { |
| | | std = conditions[2]; |
| | | } else { |
| | | std = conditions[1] |
| | | std = conditions[1]; |
| | | } |
| | | for (var i in std) { |
| | | this.condOption.push({ |
| | | label: std[i], |
| | | value: std[i], |
| | | }) |
| | | }); |
| | | } |
| | | this.formSql.condition = this.condOption[0].value |
| | | this.formSql.condition = this.condOption[0].value; |
| | | }, |
| | | appendQueryFilter() { |
| | | if (this.formSql.type == "date" || this.formSql.type == "datetime") { |
| | | if (this.formSql.date == null) { |
| | | this.$message.error('请è¾å
¥è¦æ¥è¯¢çä¿¡æ¯!'); |
| | | this.$message.error("请è¾å
¥è¦æ¥è¯¢çä¿¡æ¯!"); |
| | | return; |
| | | } |
| | | } else { |
| | | if (this.formSql.value == "") { |
| | | this.$message.error('请è¾å
¥è¦æ¥è¯¢çä¿¡æ¯!'); |
| | | this.$message.error("请è¾å
¥è¦æ¥è¯¢çä¿¡æ¯!"); |
| | | return; |
| | | } |
| | | } |
| | |
| | | |
| | | if (this.formSql.type == "long" || this.formSql.type == "integer") { |
| | | val = parseInt(this.formSql.value); |
| | | } else if (this.formSql.type == 'double') { |
| | | |
| | | } else if (this.formSql.type == "double") { |
| | | if (this.formSql.value.indexOf(".") != -1) { |
| | | val = this.formSql.value; |
| | | } else { |
| | | val = parseFloat(this.formSql.value).toFixed(1) |
| | | val = parseFloat(this.formSql.value).toFixed(1); |
| | | } |
| | | } else if (this.formSql.type == "date" || this.formSql.type == "datetime") { |
| | | } else if ( |
| | | this.formSql.type == "date" || |
| | | this.formSql.type == "datetime" |
| | | ) { |
| | | var time = new Date(this.formSql.date); |
| | | var m = time.getMonth() + 1; |
| | | var d = time.getDate(); |
| | | var y = time.getFullYear(); |
| | | val = "'" + y + |
| | | '-' + |
| | | this.add0(m) + |
| | | '-' + |
| | | this.add0(d) + "'"; |
| | | val = "'" + y + "-" + this.add0(m) + "-" + this.add0(d) + "'"; |
| | | } else { |
| | | val = "'" + this.formSql.value + "'"; |
| | | } |
| | | this.ruleForm.fileName += this.formSql.field + " " + this.formSql.condition + " " + val; |
| | | this.ruleForm.fileName += |
| | | this.formSql.field + " " + this.formSql.condition + " " + val; |
| | | |
| | | this.startFiledAndcondition(); |
| | | }, |
| | | |
| | | |
| | | |
| | | //å¼ååæ®µå¹é
|
| | | getDomainNaFild(res, result) { |
| | |
| | | }, |
| | | // éç½®æ¥è¯¢ |
| | | resetForm() { |
| | | this.ruleForm.fileName = ''; |
| | | this.ruleForm.fileName = ""; |
| | | this.listData.pageIndex = 1; |
| | | this.listData.pageSize = 10; |
| | | //è·åtableä¿¡æ¯ |
| | | this.getCollapseTable(this.filedsLayer); |
| | | |
| | | }, |
| | | |
| | | // åå¸æé® |
| | |
| | | // .then(() => { |
| | | const loading = this.$loading({ |
| | | lock: true, |
| | | text: 'Loading', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.7)', |
| | | text: "Loading", |
| | | spinner: "el-icon-loading", |
| | | background: "rgba(0, 0, 0, 0.7)", |
| | | }); |
| | | setTimeout(() => { |
| | | loading.close(); |
| | |
| | | // æäº¤ä¿®æ¹ |
| | | updateForm() { |
| | | let params = {}; |
| | | this.$confirm('æ¯å¦ç¡®å®ç¼è¾?', 'æç¤º', { |
| | | confirmButtonText: 'ç¡®å®', |
| | | cancelButtonText: 'åæ¶', |
| | | type: 'warning', |
| | | this.$confirm("æ¯å¦ç¡®å®ç¼è¾?", "æç¤º", { |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | this.dialogFormVisible = false; |
| | | switch (this.tableType) { |
| | | case 'åºç«ç¹': |
| | | case "åºç«ç¹": |
| | | params = { |
| | | gid: this.upform.gid, |
| | | pipename: this.upform.pipename, |
| | |
| | | UpdateSitePoint(params).then((res) => { |
| | | if (res.data == 1) { |
| | | this.$message({ |
| | | message: 'ä¿®æ¹æå', |
| | | type: 'success', |
| | | message: "ä¿®æ¹æå", |
| | | type: "success", |
| | | }); |
| | | } |
| | | this.getSPData(10, 1, ''); |
| | | this.getSPCount(''); |
| | | this.getSPData(10, 1, ""); |
| | | this.getSPCount(""); |
| | | }); |
| | | break; |
| | | case '管éä¸å¿çº¿': |
| | | case "管éä¸å¿çº¿": |
| | | params = { |
| | | gid: this.upform.gid, |
| | | pipename: this.upform.pipename, |
| | |
| | | UpdateStationSeries(params).then((res) => { |
| | | if (res.data == 1) { |
| | | this.$message({ |
| | | message: 'ä¿®æ¹æå', |
| | | type: 'success', |
| | | message: "ä¿®æ¹æå", |
| | | type: "success", |
| | | }); |
| | | } |
| | | this.getSSData(10, 1, ''); |
| | | this.getSSCount(''); |
| | | this.getSSData(10, 1, ""); |
| | | this.getSSCount(""); |
| | | }); |
| | | break; |
| | | case 'æ æ¡©': |
| | | case "æ æ¡©": |
| | | params = { |
| | | gid: this.upform.gid, |
| | | pipename: this.upform.pipename, |
| | |
| | | UpdatgeMarker(params).then((res) => { |
| | | if (res.data == 1) { |
| | | this.$message({ |
| | | message: 'ä¿®æ¹æå', |
| | | type: 'success', |
| | | message: "ä¿®æ¹æå", |
| | | type: "success", |
| | | }); |
| | | } |
| | | this.getMData(10, 1, ''); |
| | | this.getMCount(''); |
| | | this.getMData(10, 1, ""); |
| | | this.getMCount(""); |
| | | }); |
| | | break; |
| | | } |
| | |
| | | // this.getMetaCount(""); |
| | | // }); |
| | | }) |
| | | .catch(() => { }); |
| | | .catch(() => {}); |
| | | }, |
| | | // è·åå¤ééä¸ç对象 |
| | | handleSelectionChange(val) { |
| | |
| | | for (var i in this.multipleSelection) { |
| | | std.push(this.multipleSelection[i].gid); |
| | | } |
| | | this.$confirm('ç¡®å®æ¯å¦å 餿éå
容?', 'æç¤º', { |
| | | confirmButtonText: 'ç¡®å®', |
| | | cancelButtonText: 'åæ¶', |
| | | type: 'warning', |
| | | this.$confirm("ç¡®å®æ¯å¦å 餿éå
容?", "æç¤º", { |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | switch (this.tableType) { |
| | | case 'åºç«ç¹': |
| | | case "åºç«ç¹": |
| | | dltSitePoint(std).then((res) => { |
| | | if (res.data !== 0) { |
| | | this.$message({ |
| | | message: 'å 餿å', |
| | | type: 'success', |
| | | message: "å 餿å", |
| | | type: "success", |
| | | }); |
| | | } |
| | | this.getSPData(10, 1, ''); |
| | | this.getSPCount(''); |
| | | this.getSPData(10, 1, ""); |
| | | this.getSPCount(""); |
| | | }); |
| | | break; |
| | | case '管éä¸å¿çº¿': |
| | | case "管éä¸å¿çº¿": |
| | | dltStationSeries(std).then((res) => { |
| | | if (res.data !== 0) { |
| | | this.$message({ |
| | | message: 'å 餿å', |
| | | type: 'success', |
| | | message: "å 餿å", |
| | | type: "success", |
| | | }); |
| | | } |
| | | this.getSSData(10, 1, ''); |
| | | this.getSSCount(''); |
| | | this.getSSData(10, 1, ""); |
| | | this.getSSCount(""); |
| | | }); |
| | | break; |
| | | case 'æ æ¡©': |
| | | case "æ æ¡©": |
| | | dltMarker(std).then((res) => { |
| | | if (res.data !== 0) { |
| | | this.$message({ |
| | | message: 'å 餿å', |
| | | type: 'success', |
| | | message: "å 餿å", |
| | | type: "success", |
| | | }); |
| | | } |
| | | this.getMData(10, 1, ''); |
| | | this.getMCount(''); |
| | | this.getMData(10, 1, ""); |
| | | this.getMCount(""); |
| | | }); |
| | | break; |
| | | } |
| | |
| | | // }); |
| | | // }); |
| | | }) |
| | | .catch(() => { }); |
| | | .catch(() => {}); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | justify-content: space-between; |
| | | .spatial_leftTree { |
| | | width: calc(15% - 0px); |
| | | height: 91%; |
| | | height: 100%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow: auto; |
| | | max-height: 670px; |
| | | overflow-y: auto; |
| | | } |
| | | .spatial_rightContent { |
| | | width: 80%; |
| | | height: 91%; |
| | | // width: 80%; |
| | | // height: 91%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | |
| | | } |
| | | } |
| | | } |
| | | .contentshuju{ |
| | | width: 80%; |
| | | height: 91%; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | max-height: 670px; |
| | | border: 1px solid #dcdfe6; |
| | | } |
| | | .contentshujutou{ |
| | | height: 50px; |
| | | padding: 1%; |
| | | border-radius: 5px; |
| | | border: 1px solid #dcdfe6; |
| | | } |
| | | .contenttable{ |
| | | min-height: 520px; |
| | | height: 530px; |
| | | margin-top: 10px; |
| | | } |
| | | /deep/ .el-table__body{ |
| | | min-height: 525px; |
| | | } |
| | | </style> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="cataLog_rightContent subpage_Div"> |
| | | <div style="display:flex;justify-content:space-between"> |
| | | <div style="align-items: center;display:flex;justify-content:space-between"> |
| | | <el-breadcrumb separator="/"> |
| | | <el-breadcrumb-item :to="{ path: '/' }">{{ |
| | | $t('dataManage.dictionaryManageObj.particulars') |
| | | }}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | <div> |
| | | <div style="margin-right: -5px;"> |
| | | |
| | | <div class="menuTop"> |
| | | <el-form |
| | |
| | | :file-list="fileList" |
| | | > |
| | | <el-button |
| | | type="info" |
| | | type="success" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | >ä¸ä¼ æä»¶</el-button> |
| | | </el-upload> |
| | | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(1)" |
| | | type="info" |
| | | icon="el-icon-top" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(2)" |
| | | type="info" |
| | | icon="el-icon-bottom" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | |
| | | size="small" |
| | | >å é¤</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(1)" |
| | | type="info" |
| | | icon="el-icon-top" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(2)" |
| | | type="info" |
| | | icon="el-icon-bottom" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | </div> |
| | |
| | | :label="$t('dataManage.dataUpObj.directoryName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="itemdetail.name" /> |
| | | <el-input v-model="itemdetail.name" style="max-width: 400px;"/> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dataUpObj.catalogDescription')" |
| | |
| | | v-model="itemdetail.descr" |
| | | type="textarea" |
| | | resize="none" |
| | | style="height: 100%; overflow: auto" |
| | | style="height: 100%; overflow: auto;max-width: 400px;" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="itemdetail.bak" |
| | | type="textarea" |
| | | resize="none" |
| | | style="max-width: 400px;" |
| | | /> |
| | | </el-form-item> |
| | | <div class="btnBox"> |
| | |
| | | padding: 1%; |
| | | .cataLogContent { |
| | | width: 100%; |
| | | height: 92%; |
| | | height: 100%; |
| | | max-height: 670px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .cataLog_leftTree { |
| | | width: 15%; |
| | | height: 91%; |
| | | height: 100%; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow-y: auto; |
| | | } |
| | | .cataLog_rightContent { |
| | | width: 80%; |
| | | height: 91%; |
| | | height: 100%; |
| | | max-height: 670px; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .menuTop { |
| | |
| | | class="demo-form-inline" |
| | | > |
| | | <!-- å
¥åºç±»å --> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.UploadType')"> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.UploadType')" style="margin-right: 2%"> |
| | | <el-select |
| | | :disabled="tableData.length == 0 ? false : true" |
| | | v-model="formInline.uploadType" |
| | |
| | | </el-form-item> |
| | | <!-- åå¨ç®å½ --> |
| | | <el-form-item |
| | | style="margin-right: 2%" |
| | | v-show="uploadFlag" |
| | | :label="$t('dataManage.dataUpObj.storageDirectory')" |
| | | > |
| | |
| | | </el-form-item> |
| | | <!-- 项ç®åç§° --> |
| | | <el-form-item |
| | | style="margin-right: 2%" |
| | | v-show="!uploadFlag" |
| | | :label="$t('dataManage.dataUpObj.entryName')" |
| | | > |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- æ°æ®çæ¬ --> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.dataVersion')"> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.dataVersion')" style="margin-right: 2%"> |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | :disabled="tableData.length == 0 ? false : true" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- æ°æ®ä¸ä¸ --> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')"> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')" style="margin-right: 2%"> |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | :disabled="tableData.length == 0 ? false : true" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- åæ ç³» --> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.coordinateSystem')"> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.coordinateSystem')" style="margin-right: 3%"> |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | :disabled="tableData.length == 0 ? false : true" |
| | |
| | | <el-input |
| | | placeholder="请è¾å
¥å
容" |
| | | v-model="formInline.specialtyData" |
| | | style="width:350px;" |
| | | style="width:210px;" |
| | | disabled |
| | | > |
| | | </el-input> |
| | |
| | | @change="handleMetaFileChange" |
| | | ></input> |
| | | </el-form-item> |
| | | <el-form-item v-show="uploadFlag"> |
| | | <el-form-item v-show="uploadFlag" style="margin-left: 0.7%;"> |
| | | <el-input |
| | | placeholder="请è¾å
¥å
容" |
| | | v-model="formInline.metaData" |
| | | style="width:350px;" |
| | | style="width:210px;" |
| | | disabled |
| | | > |
| | | </el-input> |
| | |
| | | <el-input |
| | | placeholder="è¯·éæ©WBSæ°æ®" |
| | | v-model="formInline.wbsData" |
| | | style="width:350px;" |
| | | style="width:210px;" |
| | | disabled |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <!-- ä¸ä¼ --> |
| | | <el-button |
| | | v-if="menuStatus.upload" |
| | |
| | | @click="setFileDelete" |
| | | type="danger" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | <!-- è´¨æ£ --> |
| | | <el-button |
| | | 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-button |
| | | v-if="menuStatus.insert" |
| | |
| | | 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> |
| | | |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <!-- ä¸ä¼ æ°æ®å表 --> |
| | | <div class="subpage_Content subpage_Div"> |
| | | <el-table |
| | | style="min-height: 470px;" |
| | | :data="tableData" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | |
| | | :model="formWarehousing" |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item :label="$t('dataManage.dataUpObj.describe')"> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.describe')" > |
| | | <el-input |
| | | v-model="formWarehousing.name" |
| | | placeholder="请è¾å
¥å
容" |
| | | style="width: 200px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <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" |
| | | icon="el-icon-upload" |
| | |
| | | size="small" |
| | | type="info" |
| | | >{{ $t('common.reset') }}</el-button> |
| | | <el-button |
| | | v-if="menuStatus.delete" |
| | | @click="setWarehouseDel" |
| | | icon="el-icon-folder-delete" |
| | | type="danger" |
| | | size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | v-if="menuStatus.upload" |
| | | :disabled="multipleDelete.length == 0 ? true : false" |
| | | @click="setEnclosure" |
| | | icon="el-icon-folder-opened" |
| | | type="warning" |
| | | type="success" |
| | | size="small" |
| | | >{{ $t('common.enclosure') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div |
| | | class="subpage_Content subpage_Div" |
| | | style="min-height:330px" |
| | | > |
| | | <div class="contentTable"> |
| | | <el-table |
| | | ref="multipleTable" |
| | | :data="waretableData" |
| | | tooltip-effect="dark" |
| | | style="width: 100%" |
| | | @selection-change="handleDelteChange" |
| | | > |
| | | <el-table-column |
| | | <!-- å
¥åº --> |
| | | <div class="bottom"> |
| | | <div class="rightTable subpage_Div"> |
| | | <div class="table_box"> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="waretableData" |
| | | style="width: 100%" |
| | | height="99%"> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | > |
| | |
| | | :formatter="changetimeFile" |
| | | width="100" |
| | | /> |
| | | </el-table> |
| | | </div> |
| | | <div> |
| | | <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> |
| | | </el-table> |
| | | </div> |
| | | <div |
| | | 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> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <!-- è´¨æ£å¼¹çª --> |
| | |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | .bottom { |
| | | width: 100%; |
| | | margin-top: 1%; |
| | | // height: 74%; |
| | | height: 570px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .rightTable { |
| | | width: 98%; |
| | | height: 92%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .table_box { |
| | | width: 100%; |
| | | height: 93%; |
| | | margin: 0 auto; |
| | | overflow: auto; |
| | | } |
| | | } |
| | | } |
| | | |
| | | </style> |
| | |
| | | `${$t('dataManage.dictionaryManage')}`, |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div> |
| | | <el-form |
| | | <div class="mainBox"> |
| | | <div class="dictionaryContent"> |
| | | <div class="dictionary_leftTree subpage_Div"> |
| | | <ul> |
| | | <li |
| | | @click="getTableDesc(item)" |
| | | v-for="item in optionCount" |
| | | :class="{ active: activeName == item.tab }" |
| | | > |
| | | {{ item.tabDesc }} |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <div class="right subpage_Div"> |
| | | <div class="inquire"> |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | |
| | | <el-input |
| | | v-model="formInline.tab" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | style="width:200px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | icon="el-icon-search" |
| | | size="small" |
| | | @click="getSelectDictTab" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="small" |
| | | @click="getRemoveForm" |
| | | type="info" |
| | | >{{ $t('common.reset') }}</el-button> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | icon="el-icon-edit" |
| | |
| | | >{{ |
| | | $t('common.delete') |
| | | }}</el-button> |
| | | <el-button |
| | | icon="el-icon-search" |
| | | size="small" |
| | | @click="getSelectDictTab" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="small" |
| | | @click="getRemoveForm" |
| | | type="info" |
| | | >{{ $t('common.reset') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="dictionaryContent"> |
| | | <div class="dictionary_leftTree subpage_Div"> |
| | | <ul> |
| | | <li |
| | | @click="getTableDesc(item)" |
| | | v-for="item in optionCount" |
| | | :class="{ active: activeName == item.tab }" |
| | | > |
| | | {{ item.tabDesc }} |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | <div class="dictionary_rightContent subpage_Div"> |
| | | <el-table |
| | | </div> |
| | | <div class="table_box"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChange" |
| | | height="93%" |
| | | height="100%" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | </el-table> |
| | | <div |
| | | class="pagination_box" |
| | | style="margin-top: 10px" |
| | | style="margin-top: 20px" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | |
| | | :total="count" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | width: 98%; |
| | | padding: 1%; |
| | | .dictionaryContent { |
| | | width: 100%; |
| | | width: 16.5%; |
| | | height: 92%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | // display: flex; |
| | | // justify-content: space-between; |
| | | .dictionary_leftTree { |
| | | width: 15%; |
| | | width: 100%; |
| | | height: 80%; |
| | | min-height: 700px; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | |
| | | margin-bottom: 10px; |
| | | } |
| | | } |
| | | .mainBox { |
| | | width: 100%; |
| | | height: 92%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .leftTree { |
| | | width: 15%; |
| | | height: 91%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | max-height: 670px; |
| | | overflow-y: auto; |
| | | } |
| | | .right { |
| | | width: 80%; |
| | | height: 91%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | max-height: 670px; |
| | | // overflow-y: auto; |
| | | .inquire { |
| | | // margin-bottom: 10px; |
| | | padding: 1%; |
| | | |
| | | border-radius: 5px; |
| | | border: 1px solid #dcdfe6; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |
| | | } |
| | | .table_box { |
| | | width: 100%; |
| | | height: 80%; |
| | | margin: 0 auto; |
| | | // overflow: auto; |
| | | margin-top: 10px; |
| | | |
| | | .el-table /deep/ th.el-table__cell > .cell { |
| | | padding: 15px !important; |
| | | } |
| | | |
| | | .el-table--border::after, |
| | | .el-table--group::after { |
| | | width: 0; |
| | | } |
| | | .el-table::before { |
| | | height: 0; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <el-divider /> |
| | | <div class="mainBox"> |
| | | <div class="leftTree subpage_Div"> |
| | | <el-input v-model="filterInput"></el-input> |
| | | <el-input v-model="filterInput" style="width:200px"></el-input> |
| | | <div style="width:450px"> |
| | | <el-tree |
| | | :data="domainData" |
| | |
| | | <el-input |
| | | v-model="queryForm.code" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | style="width:200px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="queryInfo('queryForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | @click="resetInfo('queryForm')" |
| | | icon="el-icon-delete" |
| | | size="small" |
| | | type="info" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="showAddDialog" |
| | |
| | | size="small" |
| | | icon="el-icon-delete" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | <el-button |
| | | @click="queryInfo('queryForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | @click="resetInfo('queryForm')" |
| | | icon="el-icon-delete" |
| | | size="small" |
| | | type="info" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | max-height: 670px; |
| | | overflow-y: auto; |
| | | // overflow-y: auto; |
| | | .inquire { |
| | | margin-bottom: 10px; |
| | | // margin-bottom: 10px; |
| | | padding: 1%; |
| | | |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | border: 1px solid #dcdfe6; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |
| | |
| | | height: 80%; |
| | | margin: 0 auto; |
| | | overflow: auto; |
| | | margin-top: 10px; |
| | | |
| | | .el-table /deep/ th.el-table__cell > .cell { |
| | | padding: 15px !important; |
| | |
| | | <el-input |
| | | v-model="queryForm.name" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | style="width:200px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <!-- <el-form-item style="float:right"> |
| | | <el-button |
| | | @click="queryInfo()" |
| | | icon="el-icon-search" |
| | |
| | | size="small" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | @click="resetInfo('queryForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.reset') }}</el-button> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | |
| | | <!-- <el-form-item v-if="btnStatus.insert"> |
| | | <el-button |
| | |
| | | >{{ $t('common.append') }}</el-button |
| | | > |
| | | </el-form-item> --> |
| | | <el-form-item v-if="btnStatus.delete"> |
| | | <!-- <el-form-item v-if="btnStatus.delete" style="float:right"> |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | |
| | | icon="el-icon-delete" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item v-if="btnStatus.download"> |
| | | <el-form-item v-if="btnStatus.download" style="float:right"> |
| | | <el-button |
| | | @click="downFormData" |
| | | icon="el-icon-download" |
| | | type="success" |
| | | size="small" |
| | | >{{ $t('common.download') }}</el-button> |
| | | </el-form-item> --> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | @click="resetInfo('queryForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.reset') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | @click="queryInfo()" |
| | | icon="el-icon-search" |
| | | class="primary" |
| | | size="small" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item v-if="btnStatus.delete" style="float:right"> |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | | @click="deleteMetaInfo" |
| | | icon="el-icon-delete" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item v-if="btnStatus.download" style="float:right"> |
| | | <el-button |
| | | @click="downFormData" |
| | | icon="el-icon-download" |
| | |
| | | </div> |
| | | <div class="verSion_rightContent subpage_Div"> |
| | | <el-form |
| | | style=" height: 44px; |
| | | padding: 1%; |
| | | display: flex; |
| | | flex-direction: row-reverse; |
| | | border-radius: 5px; |
| | | border: 1px solid #dcdfe6;" |
| | | :inline="true" |
| | | class="demo-form-inline" |
| | | > |
| | |
| | | >{{ $t('common.append') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider class="eldivider" /> |
| | | <div style="height: 80%; padding: 1%; overflow: auto"> |
| | | <!-- <el-divider class="eldivider" /> --> |
| | | <div style="height: 80%; margin-top: 10px;"> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="dbTableData" |
| | | height="90%" |
| | | height="100%" |
| | | border |
| | | style="width: 100%" |
| | | > |
| | |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | |
| | | max-height: 670px; |
| | | overflow-y: auto; |
| | | } |
| | | .verSion_rightContent { |
| | | width: 80%; |
| | | height: 91%; |
| | | |
| | | max-height: 670px; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow-y: auto; |
| | |
| | | `${$t('dataManage.styleManage')}`, |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="searchComp subpage_Div"> |
| | | <div class="searchComp subpage_Div" style="padding: 1%;"> |
| | | <el-form |
| | | ref="ruleForm" |
| | | :model="ruleForm" |
| | |
| | | <el-input |
| | | v-model="ruleForm.name" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | style="width:200px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" |
| | | type="primary" |
| | | size="small" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="setInsertShow()" |
| | |
| | | type="danger" |
| | | size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" |
| | | type="primary" |
| | | size="small" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="bottom"> |
| | | <div class="rightTable"> |
| | | <div class="rightTable subpage_Div"> |
| | | <div class="table_box"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="100%" |
| | | height="95%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | |
| | | </el-table> |
| | | </div> |
| | | <div |
| | | style="margin-top: 20px; margin-left: 400px" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | |
| | | } |
| | | .bottom { |
| | | width: 100%; |
| | | height: 85%; |
| | | margin-top: 1%; |
| | | height: 74%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .rightTable { |
| | | height: 100%; |
| | | width: 100%; |
| | | width: 98%; |
| | | height: 92%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .table_box { |
| | | width: 100%; |
| | | height: 80%; |
| | | height: 93%; |
| | | margin: 0 auto; |
| | | overflow: auto; |
| | | } |
| | |
| | | `${$t('dataManage.versionManage')}`, |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="verSionContent"> |
| | | <!-- <div class="verSion_leftTree"> |
| | | <ver-dir-tree></ver-dir-tree> |
| | | </div> --> |
| | | <div class="verSion_rightContent subpage_Div"> |
| | | <el-form |
| | | <div class="inquire subpage_Div"> |
| | | <el-form |
| | | ref="ruleForm" |
| | | :model="ruleForm" |
| | | :inline="true" |
| | |
| | | :popper-append-to-body="false" |
| | | v-model="ruleForm.dirid" |
| | | placeholder="è¯·éæ©" |
| | | style="width:300px" |
| | | style="width:200px" |
| | | > |
| | | <el-option |
| | | :value="ruleForm.dirid" |
| | |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="onSubmit('ruleForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | type="success" |
| | | v-if="btnStatus.insert" |
| | |
| | | size="small" |
| | | >{{ $t('common.append') }}</el-button> |
| | | <el-button |
| | | @click="onSubmit('ruleForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | type="info" |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-delete" |
| | |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider class="eldivider" /> |
| | | <div style="height: 73%"> |
| | | </div> |
| | | <div class="bottom"> |
| | | <div class="rightTable subpage_Div"> |
| | | <div class="table_box"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="99%" |
| | | height="95%" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div |
| | | style="margin-top: 20px; " |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-dialog |
| | | :title="$t('dataManage.vmobj.editVersion')" |
| | | :visible.sync="dialogFormVisible" |
| | |
| | | } |
| | | } |
| | | } |
| | | .inquire { |
| | | position: relative; |
| | | |
| | | padding-bottom: 8px; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |
| | | } |
| | | .bottom { |
| | | width: 100%; |
| | | margin-top: 1%; |
| | | height: 74%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .rightTable { |
| | | width: 98%; |
| | | height: 92%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .table_box { |
| | | width: 100%; |
| | | height: 93%; |
| | | margin: 0 auto; |
| | | overflow: auto; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div |
| | | id="mapView" |
| | | class="MapBox" |
| | | class="MapBox " |
| | | v-loading="loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.8)" |
| | | > |
| | | <div class="topMenu"> |
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| | | <div class="topMenu box_divm"> |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-link |
| | | style="color: white" |
| | | @click="showLeftMenu(1)" |
| | | :underline="false" |
| | | title="å¾å±å表" |
| | | ><i class="el-icon-s-operation"></i |
| | | ></el-link> |
| | | ><i class="el-icon-s-operation"></i></el-link> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-select v-model="value" placeholder="è¯·éæ©"> |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | v-model="value" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | |
| | | |
| | | <el-form-item> |
| | | <el-link |
| | | style="color: white" |
| | | @click="setMapAddDraw()" |
| | | :underline="false" |
| | | ><i class="el-icon-edit-outline"></i>ç»å¶</el-link |
| | | > |
| | | ><i class="el-icon-edit-outline"></i>ç»å¶</el-link> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-link |
| | | :disabled="layerExtent == null" |
| | | style="color: white" |
| | | @click="setMapRemoveDraw()" |
| | | :underline="false" |
| | | title="å¾å±å表" |
| | | ><i class="el-icon-delete"></i>æ¸
é¤</el-link |
| | | > |
| | | ><i class="el-icon-delete"></i>æ¸
é¤</el-link> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-link |
| | | style="color: white" |
| | | @click="showMapApply = true" |
| | | :underline="false" |
| | | :disabled="layerExtent == null" |
| | | >åºå¾ç³è¯· |
| | | >åºå¾ç³è¯· |
| | | </el-link> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-link |
| | | style="color: white" |
| | | @click="getShowMapList" |
| | | :underline="false" |
| | | >åºå¾å表</el-link |
| | | > |
| | | >åºå¾å表</el-link> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-link |
| | | style="color: white" |
| | | @click="changeMenulayer" |
| | | :underline="false" |
| | | v-show="isActive" |
| | | >å½±å</el-link |
| | | > |
| | | >å½±å</el-link> |
| | | <el-link |
| | | style="color: white" |
| | | v-show="!isActive" |
| | | @click="changeMenulayer" |
| | | :underline="false" |
| | | >ç¢é</el-link |
| | | > |
| | | >ç¢é</el-link> |
| | | </el-form-item> |
| | | <el-form-item label="æè½¬è§åº¦"> |
| | | <el-input |
| | |
| | | class="left_Menu" |
| | | :class="{ left_main_show: !leftMenuOpen }" |
| | | > |
| | | <div class="menu_content"> |
| | | <div class="topHeader" v-show="lefMenuContent"> |
| | | <div class="menu_content box_divm"> |
| | | <div |
| | | class="topHeader" |
| | | v-show="lefMenuContent" |
| | | > |
| | | <div>å¾å±å表</div> |
| | | <div @click="showLeftMenu(2)"><i class="el-icon-s-fold"></i></div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <div class="bottomContent"> |
| | | <div style="width: 100%" v-show="lefMenuContent"> |
| | | <div |
| | | style="width: 100%" |
| | | v-show="lefMenuContent" |
| | | > |
| | | <el-tree |
| | | :data="treeData" |
| | | show-checkbox |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="mapApplay" v-if="showMapApply"> |
| | | <div |
| | | class="mapApplay box_divm" |
| | | v-if="showMapApply" |
| | | > |
| | | <label>åºå¾ç³è¯·</label> |
| | | <el-divider /> |
| | | <el-form ref="form" :model="form" label-width="80px"> |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | label-width="80px" |
| | | > |
| | | <el-form-item label="åºå¾åç§°"> |
| | | <el-input v-model="form.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div style="padding: 1%; border: 1px solid white"> |
| | | <div style="padding: 1%; "> |
| | | <el-table |
| | | ref="singleTable" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="200" |
| | | > |
| | | <el-table-column type="index" label="åºå·" width="50"> |
| | | <el-table-column |
| | | type="index" |
| | | label="åºå·" |
| | | width="50" |
| | | > |
| | | </el-table-column> |
| | | |
| | | <el-table-column property="name" label="å¾å±åç§°"> |
| | | <el-table-column |
| | | property="name" |
| | | label="å¾å±åç§°" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button type="primary" @click="setMapApply">ç«å³å建</el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click="setMapApply" |
| | | >ç«å³å建</el-button> |
| | | <el-button @click="showMapApply = false">åæ¶</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="mapApplay" v-if="showMapList"> |
| | | <div> |
| | | <label>åºå¾å表</label> |
| | | <div style="float: right"> |
| | | <el-link @click="showMapList = false" :underline="false" |
| | | ><i style="color: white" class="el-icon-close"></i |
| | | ></el-link> |
| | | </div> |
| | | </div> |
| | | <el-divider /> |
| | | |
| | | <el-dialog |
| | | title="åºå¾å表" |
| | | :visible.sync="showMapList" |
| | | > |
| | | <el-table |
| | | ref="singleTable" |
| | | :data="exportable" |
| | |
| | | height="200" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="index" width="50" label="åºå·"> |
| | | <el-table-column |
| | | type="index" |
| | | width="50" |
| | | label="åºå·" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column property="descr" label="æ é¢"> </el-table-column> |
| | | <el-table-column property="name" label="æä»¶åç§°"> </el-table-column> |
| | | <el-table-column property="createName" label="åºå¾äºº"> |
| | | <el-table-column |
| | | property="descr" |
| | | label="æ é¢" |
| | | > </el-table-column> |
| | | <el-table-column |
| | | property="name" |
| | | label="æä»¶åç§°" |
| | | > </el-table-column> |
| | | <el-table-column |
| | | property="createName" |
| | | label="åºå¾äºº" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | property="createTime" |
| | |
| | | > |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="æä½" width="120"> |
| | | <el-table-column |
| | | label="æä½" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-link |
| | | style="color: white" |
| | | @click.native.prevent="downloadMap(scope.$index, scope.row)" |
| | | :underline="false" |
| | | >ä¸è½½</el-link |
| | | > |
| | | >ä¸è½½</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | <el-dialog |
| | | title="æç¤º" |
| | | :visible.sync="dialogVisible" |
| | | width="30%" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form ref="layerform" :model="layerform" label-width="80px"> |
| | | <el-form |
| | | ref="layerform" |
| | | :model="layerform" |
| | | label-width="80px" |
| | | > |
| | | <el-form-item label="æå¡åç§°"> |
| | | <el-input v-model="layerform.name"></el-input> |
| | | </el-form-item> |
| | |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="æå¡å°å"> |
| | | <el-input type="textarea" v-model="layerform.resource"></el-input> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="layerform.resource" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <span |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button @click="dialogVisible = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="setAddMapLayer">ç¡® å®</el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click="setAddMapLayer" |
| | | >ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | import Map from "ol/Map" |
| | | import XYZ from "ol/source/XYZ" |
| | | import View from "ol/View" |
| | | import { OverviewMap, defaults as defaultControls, FullScreen, ScaleLine, Rotate} from "ol/control.js" |
| | | import { OverviewMap, defaults as defaultControls, FullScreen, ScaleLine, Rotate } from "ol/control.js" |
| | | import Image from "ol/layer/Image" |
| | | import TileLayer from "ol/layer/Tile" |
| | | import { transform } from "ol/proj" |
| | |
| | | layer_list.push(layer_entity) |
| | | if (data.result[i].isShow == 1) { |
| | | std.push(data.result[i].id) |
| | | this.tableData.push({ |
| | | name: layer_entity.label, |
| | | }) |
| | | this.showMapLayer(layer_entity) |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | this.treeData = layer_groups |
| | | for (var i in data.result) { |
| | | if (data.result[i].type == 2 && data.result[i].url != null) { |
| | | for (var j = 0; j < window.Viewer.imageryLayers._layers.length; j++) { |
| | | var val_id = window.Viewer.imageryLayers._layers[j] |
| | | if (val_id.show == true) { |
| | | if (val_id.imageryProvider.name == data.result[i].cnName) { |
| | | std.push(data.result[i].id) |
| | | } |
| | | } |
| | | } |
| | | layer_groups = layer_groups.filter((res) => { |
| | | if (res.children != null && res.children.length != 0) { |
| | | return res |
| | | } |
| | | } |
| | | }) |
| | | this.treeData = layer_groups; |
| | | |
| | | // for (var i in data.result) { |
| | | // if (data.result[i].type == 2 && data.result[i].url != null) { |
| | | // for (var j = 0; j < window.mapView.imageryLayers._layers.length; j++) { |
| | | // var val_id = window.mapView.imageryLayers._layers[j] |
| | | // if (val_id.show == true) { |
| | | // if (val_id.imageryProvider.name == data.result[i].cnName) { |
| | | // std.push(data.result[i].id) |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | debugger |
| | | this.$refs.tree.setCheckedKeys(std) |
| | | }, |
| | | showMapLayer(val) { |
| | | debugger |
| | | if (val == undefined) return; |
| | | var layer2 = new Image({ |
| | | name: val.label, |
| | | source: new ImageWMS({ |
| | |
| | | data: JSON.stringify(data), |
| | | contentType: "application/json", |
| | | dataType: "json", |
| | | error: function () {}, |
| | | error: function () { }, |
| | | success: rs => { |
| | | this.loading = false |
| | | var value = "code = " + rs.code + ", result = " + rs.result |
| | |
| | | this.showMapApply = false |
| | | this.form = {} |
| | | }, |
| | | handleClose() {}, |
| | | handleClose() { }, |
| | | handleTreeNodeClick(data, nodes) { |
| | | if (data.children != null) return |
| | | var layers = mapView.getAllLayers() |
| | |
| | | layer.setVisible(nodes) //æ¾ç¤ºå¾å± |
| | | if (nodes == true) { |
| | | str++ |
| | | this.arrList.push({ |
| | | this.tableData.push({ |
| | | name: data.label, |
| | | }) |
| | | } else { |
| | | this.arrList.some((item, i) => { |
| | | this.tableData.some((item, i) => { |
| | | if (item.name === data.label) { |
| | | this.arrList.splice(i, 1) |
| | | this.tableData.splice(i, 1) |
| | | } |
| | | }) |
| | | } |
| | |
| | | |
| | | if (str == 0 && nodes == true) { |
| | | this.showMapLayer(data) |
| | | this.arrList.push({ |
| | | this.tableData.push({ |
| | | name: data.label, |
| | | }) |
| | | } |
| | | |
| | | this.tableData = this.arrList |
| | | // this.tableData = this.arrList |
| | | }, |
| | | setAddMapLayer() { |
| | | this.dialogVisible = false |
| | |
| | | .topMenu { |
| | | z-index: 40; |
| | | position: absolute; |
| | | background: rgba(0, 0, 0, 0.5); |
| | | |
| | | width: 100%; |
| | | height: 70px; |
| | | padding-left: 20px; |
| | |
| | | .left_Menu { |
| | | z-index: 40; |
| | | width: 300px; |
| | | background: rgba(0, 0, 0, 0.5); |
| | | |
| | | height: calc(100% - 220px); |
| | | position: fixed; |
| | | left: 0; |
| | |
| | | margin: 10px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | color: white; |
| | | } |
| | | .bottomContent { |
| | | width: calc(100% - 40px); |
| | |
| | | .mapApplay { |
| | | width: 40%; |
| | | position: absolute; |
| | | background: #303030; |
| | | |
| | | z-index: 40; |
| | | top: 15%; |
| | | margin-left: 30%; |
| | | padding: 1%; |
| | | label { |
| | | color: white; |
| | | } |
| | | } |
| | | /deep/.el-form-item__label { |
| | | color: white; |
| | | line-height: 70px; |
| | | } |
| | | /deep/.el-form-item__content { |
| | | line-height: 70px; |
| | | } |
| | | /deep/.el-input__inner { |
| | | background-color: transparent !important ; |
| | | color: #fff; |
| | | border: 1px solid; |
| | | } |
| | | /deep/ .el-select .el-input__inner { |
| | | border-color: #fff !important; |
| | | } |
| | | /deep/ .el-divider--horizontal { |
| | | margin: 5px 0px; |
| | | } |
| | | /*ä¿®æ¹table 表ä½çèæ¯é¢è²åæåé¢è²*/ |
| | | /deep/ .el-table { |
| | | background-color: transparent; |
| | | |
| | | th, |
| | | td { |
| | | background-color: transparent; |
| | | } |
| | | .el-table__expanded-cell { |
| | | background-color: transparent !important; |
| | | } |
| | | |
| | | // è¡¨å¤´èæ¯è² |
| | | th.el-table__cell { |
| | | background-color: #303030; |
| | | |
| | | color: #fff; |
| | | } |
| | | tr > td { |
| | | background-color: #303030; |
| | | color: #fff; |
| | | } |
| | | |
| | | // hoverææ |
| | | tr:hover > td { |
| | | background-color: rgba(255, 255, 255, 0.3) !important; |
| | | } |
| | | |
| | | tbody tr:hover { |
| | | background-color: rgba(255, 255, 255, 0.3) !important; |
| | | // text-align: center; |
| | | } |
| | | |
| | | // æ»å¨æ¡å®½é« |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | height: 5px; |
| | | } |
| | | |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | /*æ»å¨æ¡å®½åº¦*/ |
| | | height: 5px; |
| | | /*æ»å¨æ¡é«åº¦*/ |
| | | } |
| | | /*å®ä¹æ»å¨æ¡è½¨é å
é´å½±+åè§*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-track { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | /*æ»å¨æ¡çèæ¯åºåçå
é´å½±*/ |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | /*å®ä¹æ»å å
é´å½±+åè§*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | border-radius: 6px; |
| | | background-color: #216fe6; |
| | | } |
| | | } |
| | | .pagination_box { |
| | | margin-top: 20px; |
| | | /deep/.el-input__inner { |
| | | background-color: transparent !important; |
| | | border: 1px solid; |
| | | color: white; |
| | | } |
| | | /deep/.el-pagination__total { |
| | | color: white; |
| | | } |
| | | /deep/.el-pagination__jump { |
| | | color: white; |
| | | } |
| | | /deep/.el-pager li.active { |
| | | color: #409eff; |
| | | } |
| | | /deep/.el-pager li { |
| | | color: white; |
| | | background: transparent; |
| | | } |
| | | /deep/.el-pager li { |
| | | color: white; |
| | | } |
| | | /deep/.btn-prev { |
| | | background: transparent; |
| | | } |
| | | /deep/.btn-next { |
| | | background: transparent; |
| | | } |
| | | /deep/.btn-next i { |
| | | color: white; |
| | | } |
| | | /deep/.btn-prev i { |
| | | color: white; |
| | | } |
| | | } |
| | | /deep/.el-loading-spinner i { |
| | | color: #409eff !important; |
| | | } |
| | | /deep/.el-tree .el-tree-node__content:hover { |
| | | background-color: transparent !important; |
| | | } |
| | | /deep/.el-tree { |
| | | color: white !important; |
| | | background: transparent !important; |
| | | } |
| | | /deep/.el-tree-node:focus > .el-tree-node__content { |
| | | background: transparent !important; |
| | | /deep/.el-form-item { |
| | | margin-top: 10px; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <div class="inquire"> |
| | | <el-form ref="formData1" :model="form" :inline="true"> |
| | | <el-form-item label="" prop="name"> |
| | | <el-input v-model="form.name" placeholder="å
³é®å" /> |
| | | <el-input v-model="form.name" placeholder="å
³é®å" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | |
| | | prop="blackListIP" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="queryInfo.ip" |
| | | :placeholder="$t('operatManage.BWL.listIPInfo')" |
| | | /> |
| | |
| | | prop="visit" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="queryInfo.visit" |
| | | :placeholder="$t('operatManage.BWL.interceptionNumber')" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | type="info" |
| | | @click="resetInfo('queryInfo')" |
| | | icon="el-icon-refresh" |
| | | size="small" |
| | | >{{ $t("operatManage.BWL.reset") }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | type="primary" |
| | | @click="queryBlackInfo()" |
| | |
| | | >{{ $t("operatManage.BWL.search") }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="info" |
| | | @click="resetInfo('queryInfo')" |
| | | icon="el-icon-refresh" |
| | | size="small" |
| | | >{{ $t("operatManage.BWL.reset") }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | icon="el-icon-edit" |
| | | v-if="menuStatus.insert" |
| | | type="success" |
| | | size="small" |
| | | @click="showInsertdialog(1)" |
| | | >{{ $t("common.append") }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | icon="el-icon-delete" |
| | | v-if="menuStatus.delete" |
| | |
| | | size="small" |
| | | @click="delBWList" |
| | | >{{ $t("common.delete") }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | icon="el-icon-edit" |
| | | v-if="menuStatus.insert" |
| | | type="success" |
| | | size="small" |
| | | @click="showInsertdialog(1)" |
| | | >{{ $t("common.append") }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | prop="ip" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="queryInfo.ip" |
| | | :placeholder="$t('operatManage.BWL.listIPInfo')" |
| | | /> |
| | |
| | | prop="visit" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="queryInfo.visit" |
| | | :placeholder="$t('operatManage.BWL.interceptionNumber')" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | @click="resetForm('queryInfo')" |
| | | type="info" size="small" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('operatManage.BWL.reset') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | size="small" |
| | | type="primary" |
| | |
| | | $t('operatManage.BWL.search') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="resetForm('queryInfo')" |
| | | type="info" size="small" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('operatManage.BWL.reset') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="success" size="small" |
| | | icon="el-icon-edit" |
| | | v-if="menuStatus.insert" |
| | | @click="showInsertdialog(2)" |
| | | >{{ |
| | | $t('common.append') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | type="danger" size="small" |
| | | icon="el-icon-delete" |
| | |
| | | $t('common.delete') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | type="success" size="small" |
| | | icon="el-icon-edit" |
| | | v-if="menuStatus.insert" |
| | | @click="showInsertdialog(2)" |
| | | >{{ |
| | | $t('common.append') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table_box1 subpage_Div"> |
| | |
| | | :label="$t('operatManage.operationLogObj.username')" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="sizeForm.uname" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseInput')" |
| | | /> |
| | |
| | | :label="$t('operatManage.operationLogObj.operationType')" |
| | | > |
| | | <el-select |
| | | style="width:200px" |
| | | :popper-append-to-body="false" |
| | | v-model="sizeForm.type" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseSelect')" |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.start" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :popper-class="popperclass" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.end" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | |
| | | :label="$t('operatManage.operationLogObj.username')" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="sizeForm.uname" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseInput')" |
| | | /> |
| | |
| | | :label="$t('operatManage.operationLogObj.operationType')" |
| | | > |
| | | <el-select |
| | | style="width:200px" |
| | | :popper-append-to-body="false" |
| | | clearable |
| | | v-model="sizeForm.type" |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.start" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | ></el-date-picker> |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.end" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | |
| | | :label="$t('operatManage.operationLogObj.username')" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="sizeForm.uname" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseInput')" |
| | | /> |
| | |
| | | :label="$t('operatManage.operationLogObj.operationType')" |
| | | > |
| | | <el-select |
| | | style="width:200px" |
| | | :popper-append-to-body="false" |
| | | v-model="sizeForm.type" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseSelect')" |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.start" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | ></el-date-picker> |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.end" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | |
| | | |
| | | <div> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(1)" |
| | | type="info" |
| | | icon="el-icon-top" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(2)" |
| | | type="info" |
| | | icon="el-icon-bottom" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setNewNode(1)" |
| | |
| | | icon="el-icon-delete" |
| | | size="small" |
| | | >å é¤</el-button> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(1)" |
| | | type="info" |
| | | icon="el-icon-top" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(2)" |
| | | type="info" |
| | | icon="el-icon-bottom" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | :label="$t('operatManage.operationLogObj.username')" |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="sizeForm.uname" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseInput')" |
| | | /> |
| | |
| | | :label="$t('operatManage.operationLogObj.operationType')" |
| | | > |
| | | <el-select |
| | | style="width:200px" |
| | | :popper-append-to-body="false" |
| | | clearable |
| | | v-model="sizeForm.type" |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.start" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | ></el-date-picker> |
| | |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.end" |
| | | style="width: 100%" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | |
| | | `${$t('operatManage.systemLayout')}`, |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="parameterConfiguration"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | > |
| | | <div style="height: 73%"> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="99%"> |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="content_Box"> |
| | | <div class="cloumn_Box1"> |
| | | <div class="cloumn_Box1"> |
| | | <div class="flex_Box1 subpage_Div"> |
| | | <el-tabs |
| | | v-model="activeName" |
| | |
| | | > |
| | | <el-table |
| | | :data="resInfo" |
| | | style="width: 100%; height: 310px" |
| | | style="width: 100%; height: 100%" |
| | | > |
| | | <el-table-column |
| | | prop="id" |
| | |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['', '', '', '', '', '', ''], |
| | | |
| | | }, |
| | | yAxis: [ |
| | | { |
| | |
| | | type: 'line', |
| | | showSymbol: false, |
| | | data: valueList, |
| | | // itemStyle: { |
| | | // normal: { |
| | | // color: "#009cff", //æ¹åæçº¿ç¹çé¢è² |
| | | // lineStyle: { |
| | | // color: "#009cff", //æ¹åæçº¿é¢è² |
| | | // }, |
| | | // }, |
| | | // } |
| | | |
| | | |
| | | }, |
| | | ], |
| | | }; |
| | |
| | | left: 'center', |
| | | textStyle: { |
| | | fontSize: 18, //åä½å¤§å° |
| | | |
| | | |
| | | }, |
| | | }, |
| | | series: [ |
| | |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | |
| | | |
| | | .content_Box { |
| | | width: 100%; |
| | | height: 90%; |
| | | |
| | | |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-around; |
| | |
| | | .flex_Box { |
| | | width: 30.5%; |
| | | height: 88%; |
| | | |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | |
| | | |
| | | .image1 { |
| | | width: 46px; |
| | |
| | | } |
| | | } |
| | | .ycsBox { |
| | | width: 200px; |
| | | height: 200px; |
| | | width: 495px; |
| | | height: 182px; |
| | | background: url("../../assets/img/systemMonitoring/å¾å± 39.png") |
| | | no-repeat; |
| | | background-size: 100% 100%; |
| | |
| | | width: 100%; |
| | | padding: 1%; |
| | | height: 80%; |
| | | |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | } |
| | | .imageTitle { |
| | | float: left; |
| | | |
| | | |
| | | margin-left: 10px; |
| | | } |
| | | .ycTltle { |
| | |
| | | font-size: 16px; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #ffffff; |
| | | |
| | | line-height: 49px; |
| | | |
| | | // margin-top: 20px; |
| | |
| | | .height_title { |
| | | width: 100%; |
| | | height: 48%; |
| | | |
| | | |
| | | p { |
| | | |
| | | margin-top: 3%; |
| | | font-size: 24px; |
| | | } |
| | |
| | | width: 64%; |
| | | height: 92%; |
| | | padding: 1%; |
| | | |
| | | |
| | | border-radius: 5px; |
| | | |
| | | } |
| | | .flex_Box { |
| | | width: 30.5%; |
| | | height: 92%; |
| | | |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | </style> |
| | |
| | | |
| | | <el-form-item :label="$t('operatManage.tokentoolObj.tokenStatus')"> |
| | | <el-select |
| | | style="width:200px" |
| | | :popper-append-to-body="false" |
| | | v-model="ruleForm.value" |
| | | :placeholder="$t('common.choose')" |
| | |
| | | </el-form-item> |
| | | |
| | | <!-- æ¥è¯¢ æ¸
空 --> |
| | | <el-form-item> |
| | | <el-button |
| | | icon="el-icon-search" |
| | | size="small" |
| | | type="primary" |
| | | @click="onSubmit" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-delete" |
| | | type="info" |
| | | size="small" |
| | | @click="onEmpty('formData1')" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | @click="InsertFormdialog = true" |
| | |
| | | type="danger" |
| | | size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-search" |
| | | size="small" |
| | | type="primary" |
| | | @click="onSubmit" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-delete" |
| | | type="info" |
| | | size="small" |
| | | @click="onEmpty('formData1')" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table_box subpage_Div"> |
| | | <div></div> |
| | | <el-table |
| | | :data="tableData" |
| | | |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <div style="height: 73%"> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="94%"> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | |
| | | prop="uname" |
| | | :label="$t('userManage.userInfoObj.uname')" |
| | | > |
| | | <el-input v-model="queryForm.uname" /> |
| | | <el-input v-model="queryForm.uname" style="width:200px"/> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="depid" |
| | |
| | | :popper-append-to-body="false" |
| | | v-model="queryForm.depName" |
| | | placeholder="è¯·éæ©" |
| | | style="width:200px" |
| | | > |
| | | <el-option |
| | | :value="queryForm.depid" |
| | |
| | | /> |
| | | </el-option> |
| | | </el-select> |
| | | |
| | | <!-- <el-cascader |
| | | v-model="queryForm.depid" |
| | | :options="treeOptions" |
| | | filterable |
| | | ref="cascaderHandle" |
| | | @change="handleChange" |
| | | :show-all-levels="false" |
| | | :props="{ |
| | | label: 'name', |
| | | value: 'id', |
| | | children: 'children', |
| | | checkStrictly: true, |
| | | emitPath: false, |
| | | }" |
| | | > |
| | | </el-cascader> --> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | size="small" |
| | | @click="queryInfo()" |
| | | icon="el-icon-search" |
| | | type="primary" |
| | | >{{ $t('operatManage.ELM.search') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | |
| | | {{ $t('operatManage.ELM.reset') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-form-item style="float:right" v-show="setbatchFlag"> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | type="success" |
| | | v-if="menuStatus.update" |
| | | size="small" |
| | | @click="showAddDialog" |
| | | icon="el-icon-plus" |
| | | > |
| | | {{ $t('common.append') }} |
| | | @click="editPwd" |
| | | type="warning" |
| | | icon="el-icon-unlock" |
| | | >{{ $t('common.changepassWord') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="menuStatus.delete" |
| | | type="danger" |
| | |
| | | {{ $t('common.delete') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item v-show="setbatchFlag"> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | v-if="menuStatus.insert" |
| | | type="success" |
| | | size="small" |
| | | @click="editPwd" |
| | | type="warning" |
| | | icon="el-icon-unlock" |
| | | >{{ $t('common.changepassWord') }} |
| | | @click="showAddDialog" |
| | | icon="el-icon-plus" |
| | | > |
| | | {{ $t('common.append') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table_box subpage_Div"> |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | style="width: 100%;overflow: auto;height: 900px;" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | | <div style="height: 73%"> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="90%" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | |
| | | type="index" |
| | | :label="$t('common.index')" |
| | | width="70px" |
| | | fixed |
| | | /> |
| | | |
| | | <el-table-column |
| | |
| | | prop="uname" |
| | | width="150px" |
| | | :label="$t('userManage.userInfoObj.uname')" |
| | | fixed |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | |
| | | <el-table-column |
| | | :label="$t('common.operate')" |
| | | width="80px" |
| | | fixed="right" |
| | | v-if="menuStatus.update" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | plain |
| | | @click="editInfo(scope.row)" |
| | | size="small" |
| | | >{{ $t('common.edit') }}</el-button> |
| | | >{{ $t('common.update') }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | :inline="true" |
| | | > |
| | | <el-form-item > |
| | | <el-input v-model="ruleForm.name"></el-input> |
| | | <el-input v-model="ruleForm.name" style="width:200px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" size="small" |
| | | type="primary" |
| | | >{{ |
| | | $t('common.iquery') |
| | | }}</el-button> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | @click="InsertFormdialog = true" |
| | |
| | | icon="el-icon-delete" |
| | | type="danger" size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" size="small" |
| | | type="primary" |
| | | >{{ |
| | | $t('common.iquery') |
| | | }}</el-button> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | </el-tree> |
| | | </div> |
| | | </div> |
| | | <div class="right_menu subpage_Div"> |
| | | |
| | | <div style="width: 80%;border: 1px solid #dcdfe6; |
| | | width: 80%; |
| | | height: 91%; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow: auto;"> |
| | | <div style="display:flex;justify-content:space-between"> |
| | | <el-breadcrumb separator="/"> |
| | | <el-breadcrumb-item :to="{ path: '/' }">{{ |
| | |
| | | </el-breadcrumb> |
| | | |
| | | <div> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(1)" |
| | | type="info" |
| | | icon="el-icon-top" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(2)" |
| | | type="info" |
| | | icon="el-icon-bottom" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | >æ°å¢å级</el-button> |
| | | <el-button |
| | | <el-button |
| | | v-if="menuStatus.delete" |
| | | @click="setDelNode()" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | |
| | | icon="el-icon-delete" |
| | | size="small" |
| | | >å é¤</el-button> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(1)" |
| | | type="info" |
| | | icon="el-icon-top" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | <el-button |
| | | v-if="menuStatus.update" |
| | | :disabled="itemdetail.pid == null ? true : false" |
| | | @click="setEditNode(2)" |
| | | type="info" |
| | | icon="el-icon-bottom" |
| | | size="small" |
| | | >åä¸ç§»å¨</el-button> |
| | | </div> |
| | | </div> |
| | | <el-divider /> |
| | | |
| | | <div class="form_box"> |
| | | <el-divider class="eldivider" /> |
| | | <el-form |
| | | style="min-height: 600px;overflow-y: auto;height: 500px;margin-top: 25px;" |
| | | :model="itemdetail" |
| | | ref="itemdetail" |
| | | :rules="rules" |
| | |
| | | <el-input |
| | | v-model="itemdetail.name" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.sname" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.code" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.uncode" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.addr" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.contact" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.fax" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.email" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.post" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.website" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="itemdetail.bak" |
| | | autocomplete="off" |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <div |
| | |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | :inline="true" |
| | | > |
| | | <el-form-item :label="$t('userManage.resManageObj.name')"> |
| | | <el-input v-model="ruleForm.name"></el-input> |
| | | <el-input v-model="ruleForm.name" style="width:200px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | type="primary" |
| | | style="background: #1890ff" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | @click="setInsertFormdialog" |
| | |
| | | type="danger" |
| | | size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | type="primary" |
| | | style="background: #1890ff" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | :label="$t('userManage.RM.roleName')" |
| | | prop="username" |
| | | > |
| | | <el-input v-model="roleForm.username" /> |
| | | <el-input v-model="roleForm.username" style="width:200px"/> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.ownedSystem')" |
| | |
| | | :popper-append-to-body="false" |
| | | v-model="roleForm.depValue" |
| | | placeholder="è¯·éæ©" |
| | | style="width:93%" |
| | | style="width:200px" |
| | | > |
| | | <el-option |
| | | :value="roleForm.depid" |
| | |
| | | @click="showDepTree(1)" |
| | | >{{ $t('common.choose') }}</el-button> |
| | | </el-form-item> --> |
| | | <el-form-item> |
| | | <!-- <el-form-item style="float:right"> |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | |
| | | $t('userManage.RM.add') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | size="small" |
| | | type="primary" |
| | |
| | | $t('userManage.RM.query') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | |
| | | $t('userManage.RM.reset') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | type="danger" |
| | | size="small" |
| | |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('common.delete') |
| | | }}</el-button> |
| | | </el-form-item> --> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="resetForm('ruleForm')" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('userManage.RM.reset') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | size="small" |
| | | type="primary" |
| | | @click="onSubmit('ruleForm')" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t('userManage.RM.query') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <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 style="float:right"> |
| | | <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> |
| | | </div> |
| | |
| | | > |
| | | <el-form-item> |
| | | <el-input |
| | | style="width:200px" |
| | | v-model="ruleForm.name" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | icon="el-icon-search" |
| | | @click="setRefreshTable" |
| | | type="primary" |
| | | size="small" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | @click="restRefreshTable" |
| | |
| | | size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="setTableInsert" |
| | | icon="el-icon-edit" |
| | | type="success" |
| | | icon="el-icon-search" |
| | | @click="setRefreshTable" |
| | | type="primary" |
| | | size="small" |
| | | >{{ $t('common.append') }}</el-button> |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="btnStatus.delete" |
| | | icon="el-icon-delete" |
| | |
| | | size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | </el-form-item> |
| | | |
| | | <el-form-item style="float:right"> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="setTableInsert" |
| | | icon="el-icon-edit" |
| | | type="success" |
| | | size="small" |
| | | >{{ $t('common.append') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div> |
| | |
| | | :label="$t('common.domCode')" |
| | | :formatter="codeData" |
| | | /> |
| | | <el-table-column |
| | | <!-- <el-table-column |
| | | align="center" |
| | | prop="fname" |
| | | :label="$t('common.filePath')" |
| | | /> |
| | | <el-table-column |
| | | /> --> |
| | | <!-- <el-table-column |
| | | align="center" |
| | | prop="bak" |
| | | :label="$t('common.bak')" |
| | | /> |
| | | /> --> |
| | | <el-table-column |
| | | align="center" |
| | | prop="createName" |