| | |
| | | <script src="../config/config.js"></script> |
| | | <script> |
| | | window.app = { |
| | | fly: LFData + "/fly/lf_mpt.fly", |
| | | fly: window.sceneConfig.fly, |
| | | mainUrl: location.href.substring(0, location.href.lastIndexOf("/") + 1) |
| | | |
| | | } |
| | |
| | | var ipConfig = '192.168.20.39'; |
| | | |
| | | // var ipConfig = location.hostname; |
| | | var ipConfig = '192.168.20.205'; |
| | | var menuStartName = "管éåºç¡å¤§æ°æ®å¹³å°"; |
| | | |
| | | var LFData = "http://" + ipConfig + "/LFData"; |
| | | |
| | | var BASE_URL = 'http://' + ipConfig + ':12316/server'; |
| | | var BASE_URL = 'http://' + ipConfig + ':8088/server'; |
| | | |
| | | //webSocket æå¡å°å |
| | | var socketUrl = 'ws://' + ipConfig + ':12316/server/ws/select'; |
| | | var socketUrl = 'ws://' + ipConfig + ':8088/server/ws/select'; |
| | | |
| | | //æ°æ®åºçæ§å°å |
| | | var sql_Url = 'http://' + ipConfig + ':8081/admin/druid/sql.html'; |
| | |
| | | // 综åå±ç¤º |
| | | window.sceneConfig = { |
| | | // sdkè®¸å¯ |
| | | licenseServer: 'http://' + ipConfig + '/LFServer', |
| | | licenseServer: 'http://localhost/LFServer', |
| | | // æå¡å°å |
| | | // baseURL: 'http://183.162.245.49:8888/', |
| | | // MPTåç§° |
| | | // mptName: "china_5m.Ei.397334", |
| | | // // SGå°å |
| | | SGUrl: "http://" + ipConfig + "/SG/Elevation", |
| | | |
| | | //flyå°å |
| | | fly: 'http://' + ipConfig + '/LFData/fly/' + (ipConfig.indexOf("103.21.") ? "lfy_web.fly" : "lf_127.fly"), |
| | | mptName: 'zhufeng.397336.mpt', |
| | | positionBtn: [], |
| | | }; |
| | |
| | | }, |
| | | more: 'More', |
| | | Multiplechoice: 'Multiple choice', |
| | | undergroundMode:'Underground mode' |
| | | }, |
| | | downlog: { |
| | | type1: 'Shp file', |
| | |
| | | m8: 'è§åº¦', |
| | | }, |
| | | more: 'æ´å¤', |
| | | |
| | | Multiplechoice: 'å¤é', |
| | | undergroundMode:'å°ä¸æ¨¡å¼' |
| | | }, |
| | | dataApply: { |
| | | type1: 'ä½åº', |
| | |
| | | @click="getCheckedNodes" |
| | | >确认</el-button> |
| | | <el-button |
| | | size="small" |
| | | size="small" |
| | | type="info" |
| | | plain |
| | | @click="resetCheckedNodes" |
| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | plain size="small" |
| | | plain |
| | | size="small" |
| | | @click="getAttributeQuery" |
| | | >æ¥è¯¢</el-button> |
| | | <el-button |
| | | type="info" size="small" |
| | | type="info" |
| | | size="small" |
| | | @click="clearQuery" |
| | | plain |
| | | >éç½®</el-button> |
| | |
| | | } |
| | | } |
| | | if (count != 4) { |
| | | alert('ShapeFileæä»¶éæ©ä¸å
¨ï¼'); |
| | | |
| | | this.$message({ |
| | | message: 'ShapeFileæä»¶éæ©ä¸å
¨ï¼', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | $.ajax(BASE_URL + '/inquiry/uploadShp?token=' + getToken(), { |
| | |
| | | console.log(res.geometry) |
| | | var jsonToWkt = this.$wkt.convert(res.geometry); |
| | | this.$store.state.mapMenuShpFile = encr(jsonToWkt); |
| | | |
| | | |
| | | this.showMapMenuPop(); |
| | | }, |
| | | showMapMenuPop() { |
| | |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("ç©ºé´æ¥è¯¢", null, { |
| | | close: () => { |
| | | |
| | | if (this.$store.state.primitLayer != null) { |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | |
| | | |
| | | var helper = new Cesium.EventHelper(); |
| | | helper.add(Viewer.scene.globe.tileLoadProgressEvent, function (e) { |
| | | debugger |
| | | |
| | | if (e == 0) { |
| | | console.log("è¿ä¸ªæ¯å è½½æåä¸ä¸ªç¢éåççåè°"); |
| | | } |
| | |
| | | <div class="leftMenu"> |
| | | <div class="leftTopWrapper"> |
| | | <div class="logo"> |
| | | <img src="../assets/img/www.terra-it.cn.png" alt="" /> |
| | | <img |
| | | src="../assets/img/www.terra-it.cn.png" |
| | | alt="" |
| | | /> |
| | | </div> |
| | | <div class="menu"> |
| | | <el-menu |
| | |
| | | </div> |
| | | <div class="leftBotWrapper"> |
| | | <div class="userInfo"> |
| | | <img src="../assets/img/user.png" alt="" /> |
| | | <img |
| | | src="../assets/img/user.png" |
| | | alt="" |
| | | /> |
| | | <span>admin</span> |
| | | <span @click="logOut">注é</span> |
| | | |
| | | <span @click="switchLang"> 忢è¯è¨</span> |
| | | </div> |
| | | <div class="btnBox"> |
| | | <div><img src="../assets/img/leftBtn.png" alt="" /></div> |
| | | <div><img src="../assets/img/rightBtn.png" alt="" /></div> |
| | | <div><img |
| | | src="../assets/img/leftBtn.png" |
| | | alt="" |
| | | /></div> |
| | | <div><img |
| | | src="../assets/img/rightBtn.png" |
| | | alt="" |
| | | /></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }); |
| | | this.menuList = this.treeData(menuLists); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | this.$message({ |
| | | message: 'ææ èåæ æ°æ®', |
| | | type: 'warning' |
| | | }); |
| | | } |
| | | } else { |
| | | console.log('æ¥å£æ¥é'); |
| | |
| | | return father.pid == 1; // è¿åä¸çº§èå |
| | | }); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | this.$message({ |
| | | message: 'ææ èåæ æ°æ®', |
| | | type: 'warning' |
| | | }); |
| | | } |
| | | }, |
| | | logOut() { |
| | |
| | | |
| | | that.setMenuTree(menuLists); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | this.$message({ |
| | | message: 'ææ èåæ æ°æ®', |
| | | type: 'warning' |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | |
| | | return father.pid == 1; // è¿åä¸çº§èå |
| | | }); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | this.$message({ |
| | | message: 'ææ èåæ æ°æ®', |
| | | type: 'warning' |
| | | }); |
| | | } |
| | | }, |
| | | logOut() { |
| | |
| | | |
| | | that.setMenuTree(menuLists); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | this.$message({ |
| | | message: 'ææ èåæ æ°æ®', |
| | | type: 'warning' |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | |
| | | return father.pid == 1; // è¿åä¸çº§èå |
| | | }); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | this.$message({ |
| | | message: 'ææ èåæ æ°æ®', |
| | | type: 'warning' |
| | | }); |
| | | } |
| | | }, |
| | | logOut() { |
| | |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <div class="box_item"> |
| | | <div class="box_left">èµæç±»å«</div> |
| | | <div class="box_cont"> |
| | | <div class="box_div" v-for="(item, index) in showList" :key="index"> |
| | | <div |
| | | class="box_div" |
| | | v-for="(item, index) in showList" |
| | | :key="index" |
| | | > |
| | | <el-checkbox |
| | | v-if="isShowFirstCheck" |
| | | v-model="item.isCheckedFlag" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="box_right"> |
| | | <div class="box_div box_menu" @click="moreEvent(1)"> |
| | | <div |
| | | class="box_div box_menu" |
| | | @click="moreEvent(1)" |
| | | > |
| | | {{ $t('synthesis.more') }} |
| | | </div> |
| | | <div class="box_div box_menu" @click="checkEvent(1)"> |
| | | <div |
| | | class="box_div box_menu" |
| | | @click="checkEvent(1)" |
| | | > |
| | | <i class="el-icon-plus"></i> {{ $t('synthesis.Multiplechoice') }} |
| | | </div> |
| | | </div> |
| | |
| | | <div class="box_item"> |
| | | <div class="box_left">项ç®åç§°</div> |
| | | <div class="box_cont"> |
| | | <div class="box_div" v-for="(item, index) in showList1" :key="index"> |
| | | <div |
| | | class="box_div" |
| | | v-for="(item, index) in showList1" |
| | | :key="index" |
| | | > |
| | | <el-checkbox |
| | | v-if="isShowSecondCheck" |
| | | v-model="item.isCheckedFlag" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="box_right"> |
| | | <div class="box_div box_menu" @click="moreEvent(2)"> |
| | | <div |
| | | class="box_div box_menu" |
| | | @click="moreEvent(2)" |
| | | > |
| | | {{ $t('synthesis.more') }} |
| | | </div> |
| | | <div class="box_div box_menu" @click="checkEvent(2)"> |
| | | <div |
| | | class="box_div box_menu" |
| | | @click="checkEvent(2)" |
| | | > |
| | | <i class="el-icon-plus"></i> {{ $t('synthesis.Multiplechoice') }} |
| | | </div> |
| | | </div> |
| | |
| | | value: '', |
| | | type: '', |
| | | date: '', |
| | | |
| | | |
| | | }, |
| | | fromSqlflag: false, |
| | | fromSqlflag: false, |
| | | filedsOption: [], |
| | | condOption: [], |
| | | queryForm: { |
| | |
| | | break; |
| | | case 2: |
| | | this.getQueryDirTree(); |
| | | |
| | | |
| | | this.isMenuActive = false; |
| | | break; |
| | | } |
| | |
| | | this.companyOption = this.treeData(res.result); |
| | | this.getQueryDepTree(); |
| | | }, |
| | | async getQueryDepTree(){ |
| | | const res = await selectdepTab(); |
| | | async getQueryDepTree() { |
| | | const res = await selectdepTab(); |
| | | if (res.code != 200) { |
| | | this.$message.error('åä½å表è·å失败'); |
| | | return; |
| | |
| | | }, |
| | | downFormData() { |
| | | if (this.multipleSelection1.length == 0) { |
| | | alert('请å
éæ©è¦ä¸è½½çæä»¶'); |
| | | this.$message({ |
| | | message: '请å
éæ©è¦ä¸è½½çæä»¶', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | this.showCodeBox = true; |
| | |
| | | var token = getToken(); |
| | | var fs = document.getElementById("insertFile"); |
| | | if (fs.files.length == 0) { |
| | | alert("è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼"); |
| | | this.$message({ |
| | | message: 'è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | const formData = new FormData() |
| | |
| | | }, |
| | | downFormData() { |
| | | if (this.multipleSelection1.length == 0) { |
| | | alert('请å
éæ©è¦ä¸è½½çæä»¶'); |
| | | |
| | | this.$message({ |
| | | message: '请å
éæ©è¦ä¸è½½çæä»¶', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | this.showCodeBox = true; |
| | |
| | | this.listData.dirid = this.queryForm.dirid |
| | | this.listData.depid = this.queryForm.depid; |
| | | dataLib_selectByPageForMeta(this.listData).then((res) => { |
| | | |
| | | |
| | | this.tableData1 = res.result; |
| | | this.count = res.count; |
| | | }); |
| | |
| | | var token = getToken(); |
| | | var fs = document.getElementById("insertFile"); |
| | | if (fs.files.length == 0) { |
| | | alert("è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼"); |
| | | |
| | | this.$message({ |
| | | message: 'è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | const formData = new FormData() |
| | |
| | | methods: { |
| | | showChangeIfream(res) { |
| | | |
| | | if (res.indexOf('{host}') != -1) { |
| | | |
| | | res = res.replace('{host}',ipConfig ) |
| | | } |
| | | if (res.indexOf('token=') != -1) { |
| | | res = res + getToken(); |
| | | } |
| | |
| | | name: 'æåé', |
| | | css: 'twoMenu_imge28', |
| | | }, |
| | | { |
| | | id: 'b9', |
| | | label: 'synthesis.undergroundMode', |
| | | name: 'å°ä¸æ¨¡å¼', |
| | | css: 'twoMenu_imge28', |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | |
| | | isolineFlag: false, |
| | | isslopeFlag: false, |
| | | isContrastFlag: false, |
| | | UndergroundMode: false |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | this.isNaviget = !this.isNaviget; |
| | | window.sgworld.navControl('nav', this.isNaviget); |
| | | break; |
| | | case 'b9': //å°ä¸æ¨¡å¼ |
| | | |
| | | this.UndergroundMode = !this.UndergroundMode; |
| | | window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3) |
| | | break; |
| | | } |
| | | }, |
| | | setCoverage(res) { |
| | |
| | | ], |
| | | [ |
| | | { id: 'c1', name: '西æ°ä¸è¾ä¸çº¿' }, |
| | | { id: 'c2', name: '西æ°ä¸è¾äºçº¿è¥¿æ®µå¹²' }, |
| | | { id: 'c2', name: '西æ°ä¸è¾äºçº¿è¥¿æ®µå¹²çº¿' }, |
| | | { id: 'c3', name: '西æ°ä¸è¾æ·®æ¦æ¯çº¿' }, |
| | | { id: 'c4', name: '西é¨å油管éå·¥ç¨' }, |
| | | ], |
| | |
| | | } else if (vid.indexOf('c') != -1) { |
| | | var url = geoserverWFSLine + '%27' + res.name + '%27'; |
| | | axios.get(url).then((res) => { |
| | | |
| | | if (res.status == 200) { |
| | | if (res.data.features.length == 0) return; |
| | | var std = []; |
| | |
| | | var featurLayer = res.data.features[i]; |
| | | var path = featurLayer.geometry.coordinates[0]; |
| | | for (var j in path) { |
| | | std.push(path[j][0], path[j][1], 50); |
| | | // std.push(path[j][0], path[j][1], 50); |
| | | std.push(path[j]) |
| | | } |
| | | } |
| | | |
| | | this.showPathLine(std); |
| | | var str = this.removeRepeat1(std); |
| | | var val = []; |
| | | for (var i in str) { |
| | | val.push(str[i][0], str[i][1], 50); |
| | | } |
| | | this.showPathLine(val) |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | removeRepeat1(arr) { |
| | | const obj = {}; |
| | | return arr.filter(item => { |
| | | if (!obj[item.toString()]) { |
| | | obj[item.toString()] = item.toString(); |
| | | return item; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | showPathLine(res) { |
| | | |
| | | window.sgworld.Creator.getFlyData(res, (data) => { |
| | |
| | | setAddImageLayer(res) { |
| | | let layerWMS = new Cesium.WebMapServiceImageryProvider({ |
| | | url: geoServerURl, |
| | | layers:res.resource, |
| | | layers: res.resource, |
| | | parameters: { |
| | | transparent: true, |
| | | format: 'image/png', |
| | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | // var std = []; |
| | | // var val = this.treeData[0].children; |
| | | var std = []; |
| | | var val = this.treeData[0].children; |
| | | |
| | | // if (this.$store.state.showAllLayers == true) { |
| | | // for (var j = 0; j < val.length; j++) { |
| | | // if (val[j].id != 13 && val[j].id != 14) { |
| | | // std.push(val[j].id); |
| | | // this.setAddLayers(val[j]); |
| | | // } |
| | | if (this.$store.state.showAllLayers == true) { |
| | | for (var j = 0; j < val.length; j++) { |
| | | if (val[j].id != 13 && val[j].id != 14) { |
| | | std.push(val[j].id); |
| | | this.setAddLayers(val[j]); |
| | | } |
| | | |
| | | // } |
| | | // this.$store.state.showAllLayers = false; |
| | | } |
| | | this.$store.state.showAllLayers = false; |
| | | |
| | | |
| | | // } else { |
| | | // for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) { |
| | | // var val_id = window.Viewer.imageryLayers._layers[i]; |
| | | // if (val_id.show == true) { |
| | | // for (var j = 0; j < val.length; j++) { |
| | | // if (val_id.imageryProvider.name == val[j].label) { |
| | | // std.push(val[j].id); |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | } else { |
| | | for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) { |
| | | var val_id = window.Viewer.imageryLayers._layers[i]; |
| | | if (val_id.show == true) { |
| | | for (var j = 0; j < val.length; j++) { |
| | | if (val_id.imageryProvider.name == val[j].label) { |
| | | std.push(val[j].id); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | // this.$refs.tree.setCheckedKeys(std); |
| | | this.$refs.tree.setCheckedKeys(std); |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | <el-divider /> |
| | | <div class="spatialContent"> |
| | | <div class="spatial_leftTree"> |
| | | <el-input v-model="filterText"></el-input> |
| | | <div style="width:300px"> |
| | | |
| | | <el-tree |
| | | ref="treeDay" |
| | | :data="tree" |
| | | :props="defaultProps" |
| | | :default-expanded-keys="[1]" |
| | | node-key="id" |
| | | :current-node-key="10" |
| | | @node-click="handleNodeClick" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | |
| | | <el-form-item> |
| | | <el-button |
| | | @click="conditionVisible = true" |
| | | class="primaries" |
| | | size="small" |
| | | icon="el-icon-plus" |
| | | type="success" |
| | | >{{$t('common.append')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="submitForm" |
| | | class="primaries" |
| | | type="primary" |
| | | size="small" |
| | | icon="el-icon-search" |
| | | >{{$t('common.iquery')}}</el-button> |
| | |
| | | @click="resetForm" |
| | | size="small" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | >{{$t('common.reset')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="getSpaceMapVisibale" |
| | | size="small" |
| | | class="primaries" |
| | | type="primary" |
| | | >{{ |
| | | $t('synthesis.rangequery') |
| | | }}</el-button> |
| | |
| | | upAttach: { |
| | | tabName: null, |
| | | eventid: null, |
| | | } |
| | | }, |
| | | filterText: '' |
| | | |
| | | }; |
| | | }, |
| | |
| | | this.showPermsBtn(); |
| | | this.getTreeDataAll(); |
| | | }, |
| | | methods: { |
| | | watch: { |
| | | filterText(val) { |
| | | this.$refs.tree.filter(val); |
| | | } |
| | | }, |
| | | |
| | | methods: { |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | return data.label.indexOf(value) !== -1; |
| | | }, |
| | | getSpaceMapVisibale() { |
| | | this.dialogMapVisible = true; |
| | | this.showMapVisible = true; |
| | |
| | | var token = getToken(); |
| | | var fs = document.getElementById("insertFile"); |
| | | if (fs.files.length == 0) { |
| | | alert("è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼"); |
| | | |
| | | this.$message({ |
| | | message: 'è¯·éæ©è¦ä¸ä¼ çæä»¶ï¼', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | const formData = new FormData() |
| | |
| | | for (var i in option) { |
| | | var val_Data = option[i]; |
| | | val_Data.id = '1' + i; |
| | | val_Data.label = val_Data.tabDesc + "(" + val_Data.tab + ")" |
| | | // val_Data.label = val_Data.tabDesc + "(" + val_Data.tab + ")" |
| | | val_Data.label = val_Data.tabDesc |
| | | option[i].id = parseInt(option[i].id) |
| | | if (option[i].ns == 'bd') { |
| | | |
| | |
| | | <My-bread :list="['æ°æ®ç®¡ç', 'æ ·å¼ç®¡ç', 'æ·»å æ ·å¼']"></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire"> |
| | | <el-form ref="formData1" :model="updateForm" :inline="true"> |
| | | <el-form |
| | | ref="formData1" |
| | | :model="updateForm" |
| | | :inline="true" |
| | | > |
| | | <el-form-item> |
| | | <el-link |
| | | style="margin-left: 10px; margin-right: 20px" |
| | | :underline="false" |
| | | @click="returnStyle" |
| | | title="è¿å" |
| | | ><i class="el-icon-d-arrow-left"></i |
| | | ></el-link> |
| | | <el-button type="primary" size="small" @click="showCatalog()" |
| | | >ç®å½</el-button |
| | | > |
| | | ><i class="el-icon-d-arrow-left"></i></el-link> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="showCatalog()" |
| | | >ç®å½</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-tooltip |
| | |
| | | disabled |
| | | class="firstInput" |
| | | /> |
| | | </el-tooltip> </el-form-item |
| | | ><el-form-item> |
| | | </el-tooltip> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <span>ç±»åéæ©</span> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-select v-model="updateForm.type" clearable placeholder="è¯·éæ©"> |
| | | <el-select |
| | | v-model="updateForm.type" |
| | | clearable |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | |
| | | :accept="acceptItem" |
| | | > |
| | | <template #trigger> |
| | | <el-button type="primary" size="small">éæ©</el-button> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | >éæ©</el-button> |
| | | </template> |
| | | <el-button |
| | | class="ml-3" |
| | |
| | | :underline="false" |
| | | @click="delStyleData" |
| | | style="margin-left: 300px" |
| | | ><i class="el-icon-delete"></i |
| | | ></el-link> |
| | | ><i class="el-icon-delete"></i></el-link> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | height="99%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column width="50" type="index" label="åºå·" /> |
| | | <el-table-column min-width="150" prop="name" label="æ°æ®åç§°" /> |
| | | <el-table-column min-width="200" prop="path" label="æå±ç®å½" /> |
| | | <el-table-column min-width="100" prop="create_time" label="å建æ¶é´" /> |
| | | <el-table-column min-width="100" prop="create_user" label="å建人å" /> |
| | | <el-table-column min-width="80" prop="type" label="æ°æ®ç±»å" /> |
| | | <el-table-column min-width="80" prop="format" label="æ°æ®æ ¼å¼" /> |
| | | <el-table-column min-width="80" prop="up_unit" label="ä¸ä¼ åä½" /> |
| | | <el-table-column min-width="50" prop="status" label="æ°æ®ç¶æ" /> |
| | | <el-table-column min-width="50" prop="version" label="æ°æ®çæ¬" /> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | width="50" |
| | | type="index" |
| | | label="åºå·" |
| | | /> |
| | | <el-table-column |
| | | min-width="150" |
| | | prop="name" |
| | | label="æ°æ®åç§°" |
| | | /> |
| | | <el-table-column |
| | | min-width="200" |
| | | prop="path" |
| | | label="æå±ç®å½" |
| | | /> |
| | | <el-table-column |
| | | min-width="100" |
| | | prop="create_time" |
| | | label="å建æ¶é´" |
| | | /> |
| | | <el-table-column |
| | | min-width="100" |
| | | prop="create_user" |
| | | label="å建人å" |
| | | /> |
| | | <el-table-column |
| | | min-width="80" |
| | | prop="type" |
| | | label="æ°æ®ç±»å" |
| | | /> |
| | | <el-table-column |
| | | min-width="80" |
| | | prop="format" |
| | | label="æ°æ®æ ¼å¼" |
| | | /> |
| | | <el-table-column |
| | | min-width="80" |
| | | prop="up_unit" |
| | | label="ä¸ä¼ åä½" |
| | | /> |
| | | <el-table-column |
| | | min-width="50" |
| | | prop="status" |
| | | label="æ°æ®ç¶æ" |
| | | /> |
| | | <el-table-column |
| | | min-width="50" |
| | | prop="version" |
| | | label="æ°æ®çæ¬" |
| | | /> |
| | | </el-table> |
| | | </div> |
| | | <div class="pagination_box" style="margin-top: 20px; margin-left: 400px"> |
| | | <div |
| | | class="pagination_box" |
| | | style="margin-top: 20px; margin-left: 400px" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <div class="leftTree" v-show="showCata"> |
| | | <div |
| | | class="leftTree" |
| | | v-show="showCata" |
| | | > |
| | | <div class="treeBox"> |
| | | <catalogueTree></catalogueTree> |
| | | </div> |
| | | <div class="btnBox"> |
| | | <el-button type="primary" size="small" @click="selectCataName" |
| | | >ç¡®å®</el-button |
| | | > |
| | | <el-button type="primary" size="small" @click="closeCata" |
| | | >åæ¶</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="selectCataName" |
| | | >ç¡®å®</el-button> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="closeCata" |
| | | >åæ¶</el-button> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="infoBox" v-show="showinfoBox"> |
| | |
| | | }); |
| | | this.startFromData(); |
| | | }) |
| | | .catch(() => {}); |
| | | .catch(() => { }); |
| | | }, |
| | | // æ¾ç¤ºç®å½ |
| | | showCatalog() { |
| | |
| | | |
| | | submitUpload() { |
| | | if (this.updateForm.path_id == "" || this.updateForm.type == "") { |
| | | alert("è¯·éæ©æ°æ®ç±»åæä¸ä¼ ç®å½"); |
| | | |
| | | this.$message({ |
| | | message: 'è¯·éæ©æ°æ®ç±»åæä¸ä¼ ç®å½', |
| | | type: 'warning' |
| | | }); |
| | | this.$refs.upload.abort(); |
| | | return false; |
| | | } else { |
| | |
| | | }); |
| | | this.getMetaData(10, 1); |
| | | } else { |
| | | alert("ä¸ä¼ 失败"); |
| | | |
| | | this.$message.error('ä¸ä¼ 失败'); |
| | | console.log(res); |
| | | } |
| | | }); |
| | |
| | | this.getDirTree(); |
| | | return; |
| | | } else { |
| | | alert('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | } |
| | | }) |
| | | .catch(() => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | }); |
| | | }, |
| | | handleNodeClick(data) { |
| | |
| | | }, 500); |
| | | }) |
| | | .catch((res) => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.fullscreenLoading = false; |
| | | }); |
| | | } else { |
| | |
| | | this.getDirTree(); |
| | | return; |
| | | } else { |
| | | alert('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | } |
| | | }) |
| | | .catch(() => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | }); |
| | | }, |
| | | handleNodeClick(data, node) { |
| | |
| | | }, 500); |
| | | }) |
| | | .catch((res) => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.fullscreenLoading = false; |
| | | }); |
| | | } else { |
| | |
| | | |
| | | this.setViewController(this.menuList[0]); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | |
| | | this.$message.error('ææ èåæ æ°æ®'); |
| | | } |
| | | } else { |
| | | console.log('æ¥å£æ¥é'); |
| | | this.$message.error('æ¥å£æ¥é'); |
| | | } |
| | | |
| | | // this.treeList = this.treeData(data.result); |
| | |
| | | return father.pid == 1; // è¿åä¸çº§èå |
| | | }); |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | |
| | | this.$message.error('ææ èåæ æ°æ®'); |
| | | } |
| | | }, |
| | | |
| | |
| | | @click="handerLogClick(scope.row)" |
| | | type="text" |
| | | size="mini" |
| | | style="font-size: 14px;" |
| | | > æ¥å¿ |
| | | </el-button> |
| | | </template> |
| | |
| | | class="ContBox" |
| | | v-show="quayTestShow.checkAttrs" |
| | | > |
| | | <el-checkbox disabled>屿§æ£æ¥ï¼(*dlg*.gdb+*å°å½¢å¾**.dwg)</el-checkbox> |
| | | <el-checkbox checked disabled>屿§æ£æ¥ï¼(*dlg*.gdb+*å°å½¢å¾**.dwg)</el-checkbox> |
| | | </div> |
| | | <div |
| | | class="ContBox" |
| | | v-show="quayTestShow.checkMath" |
| | | > |
| | | <el-checkbox disabled>æ°å¦åºç¡æ£æ¥ï¼(.shp,.dlg)</el-checkbox> |
| | | <el-checkbox checked disabled>æ°å¦åºç¡æ£æ¥ï¼(.shp,.dlg)</el-checkbox> |
| | | </div> |
| | | <div |
| | | class="ContBox" |
| | | v-show="quayTestShow.checkDecorate" |
| | | > |
| | | <el-checkbox disabled>å¾é¢æ´é¥°æ£æ¥ï¼(.dwg)</el-checkbox> |
| | | <el-checkbox checked disabled>å¾é¢æ´é¥°æ£æ¥ï¼(.dwg)</el-checkbox> |
| | | </div> |
| | | <div |
| | | class="ContBox" |
| | | v-show="quayTestShow.checkXls" |
| | | > |
| | | <el-checkbox disabled>è¡¨æ ¼æ°æ®æ£æ¥ï¼(.xls/.xlsx)</el-checkbox> |
| | | <el-checkbox checked disabled>è¡¨æ ¼æ°æ®æ£æ¥ï¼(.xls/.xlsx)</el-checkbox> |
| | | </div> |
| | | <div |
| | | class="ContBox" |
| | | v-show="quayTestShow.checkOrigin" |
| | | > |
| | | <el-checkbox disabled>åç¹æ£æ¥ï¼(*åé¢å¾*.dwg)</el-checkbox> |
| | | <el-checkbox checked disabled>åç¹æ£æ¥ï¼(*åé¢å¾*.dwg)</el-checkbox> |
| | | </div> |
| | | <div |
| | | class="ContBox" |
| | | v-show="quayTestShow.checkMeta" |
| | | > |
| | | <el-checkbox disabled>å
æ°æ®æ£æ¥ï¼(*å
æ°æ®*.xls/.xlsx)</el-checkbox> |
| | | <el-checkbox checked disabled>å
æ°æ®æ£æ¥ï¼(*å
æ°æ®*.xls/.xlsx)</el-checkbox> |
| | | </div> |
| | | <div |
| | | class="ContBox" |
| | |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-checkbox disabled>æææ£æ¥ï¼(*å°å½¢å¾*.dwg)</el-checkbox> |
| | | <el-checkbox checked disabled>æææ£æ¥ï¼(*å°å½¢å¾*.dwg)</el-checkbox> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="ContDiv"> |
| | |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-checkbox disabled>æ
æ ¼æ£æ¥ï¼(.tif/.img)</el-checkbox> |
| | | <el-checkbox checked disabled>æ
æ ¼æ£æ¥ï¼(.tif/.img)</el-checkbox> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="ContDiv"> |
| | |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-checkbox disabled>é«ç¨æ£æ¥ï¼(.tif/.img)</el-checkbox> |
| | | <el-checkbox checked disabled>é«ç¨æ£æ¥ï¼(.tif/.img)</el-checkbox> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="ContDiv"> |
| | |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-checkbox disabled>ç¹äºæ£æ¥ï¼(.laz + *æ¿å
ç¹äº*.xls/.xlsx)</el-checkbox> |
| | | <el-checkbox checked disabled>ç¹äºæ£æ¥ï¼(.laz + *æ¿å
ç¹äº*.xls/.xlsx)</el-checkbox> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="ContDiv"> |
| | |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-checkbox disabled>OSGBæ£æ¥ï¼(.osgb + *徿æå½±*.xls/.xlsx) </el-checkbox> |
| | | <el-checkbox checked disabled>OSGBæ£æ¥ï¼(.osgb + *徿æå½±*.xls/.xlsx) </el-checkbox> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="ContDiv"> |
| | |
| | | pageSize: 1, |
| | | pageSize: 10, |
| | | }, |
| | | count1:0, |
| | | attributeData:[], |
| | | } |
| | | }, |
| | | |
| | |
| | | v-for="item in optionCount" |
| | | :class="{ active: activeName == item.tab }" |
| | | > |
| | | {{ item.tabDesc }}({{ item.tab }}) |
| | | {{ item.tabDesc }} |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | <el-divider /> |
| | | <div class="mainBox"> |
| | | <div class="leftTree"> |
| | | <el-input v-model="filterInput"></el-input> |
| | | <div style="width:450px"> |
| | | <el-tree |
| | | :data="domainData" |
| | | :props="defaultProps" |
| | | :default-expand-all="true" |
| | | @node-click="toggleTabs" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | |
| | | components: { MyBread }, |
| | | data() { |
| | | return { |
| | | filterInput: '', |
| | | domainOptions: [], |
| | | multipleSelection: [], |
| | | behavior: '', |
| | |
| | | return this.$store.state.cataNode.id; |
| | | }, |
| | | }, |
| | | |
| | | methods: { |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | |
| | | return data.val.indexOf(value) !== -1; |
| | | }, |
| | | async toggleTabs(data) { |
| | | this.fullscreenLoading = true; |
| | | this.listData.ns = data.ns; |
| | |
| | | let bdres = res.result.filter((item) => item.ns == 'bd'); |
| | | let bsres = res.result.filter((item) => item.ns == 'bs'); |
| | | for (var i in bdres) { |
| | | bdres[i].val = bdres[i].tabDesc + '(' + bdres[i].tab + ')'; |
| | | // bdres[i].val = bdres[i].tabDesc + '(' + bdres[i].tab + ')'; |
| | | bdres[i].val = bdres[i].tabDesc; |
| | | } |
| | | for (var i in bsres) { |
| | | bsres[i].val = bsres[i].tabDesc + '(' + bsres[i].tab + ')'; |
| | | // bsres[i].val = bsres[i].tabDesc + '(' + bsres[i].tab + ')'; |
| | | bsres[i].val = bsres[i].tabDesc; |
| | | } |
| | | this.domainData[0].children = bdres; |
| | | this.domainData[1].children = bsres; |
| | |
| | | immediate: true, |
| | | handler(val) { }, |
| | | }, |
| | | filterInput(val) { |
| | | this.$refs.tree.filter(val); |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | //è¿éåæ¾æ°æ® |
| | | return { |
| | | sql_Url: '', |
| | | host: null, |
| | | }; |
| | | }, |
| | | //æ¹æ³éå |
| | |
| | | handleSelectionChange() { }, |
| | | getUrl() { |
| | | |
| | | if (this.$store.state.iframeMsg.indexOf('token=') != -1) { |
| | | this.sql_Url = this.$store.state.iframeMsg + getToken(); |
| | | var url = this.$store.state.iframeMsg; |
| | | if (url.indexOf('{host}') != -1) { |
| | | url = url.replace('{host}', ipConfig) |
| | | } |
| | | |
| | | if (url.indexOf('token=') != -1) { |
| | | this.sql_Url = url + getToken(); |
| | | } else { |
| | | this.sql_Url = this.$store.state.iframeMsg; |
| | | this.sql_Url = url; |
| | | } |
| | | }, |
| | | }, |
| | |
| | | this.getMenuTree(); |
| | | return; |
| | | } else { |
| | | alert('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | } |
| | | }) |
| | | .catch(() => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | }); |
| | | }, |
| | | handleNodeClick(data, node) { |
| | |
| | | }, 500); |
| | | }) |
| | | .catch((res) => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.fullscreenLoading = false; |
| | | }); |
| | | } else { |
| | |
| | | this.getMenuTree(); |
| | | return; |
| | | } else { |
| | | alert('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | } |
| | | }) |
| | | .catch(() => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | }); |
| | | }, |
| | | handleNodeClick(data) { |
| | |
| | | }, 500); |
| | | }) |
| | | .catch((res) => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.fullscreenLoading = false; |
| | | }); |
| | | } else { |
| | |
| | | this.getMenuTree(); |
| | | return; |
| | | } else { |
| | | alert('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | } |
| | | }) |
| | | .catch(() => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | }); |
| | | }, |
| | | handleNodeClick(data, node) { |
| | |
| | | }, 500); |
| | | }) |
| | | .catch((res) => { |
| | | alert('ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.$message.error('è°æ´å¤±è´¥ï¼è¯·éè¯ï¼'); |
| | | this.fullscreenLoading = false; |
| | | }); |
| | | } else { |
| | |
| | | import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //æ°æ®åºçæ§ |
| | | import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //ç³»ç»çæ§ |
| | | import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //ç³»ç»é
ç½® |
| | | import downlog from '@/views/maintenance/downlog.vue'; //ä¸è½½æ¥å¿ |
| | | import downlog from '@/views/maintenance/downlog.vue'; //ä¸è½½æ¥å¿ |
| | | import { selectMenuRecursive, queryMenuTree, getPerms } from '../../api/api'; |
| | | import customElMenu from '../../components/customElMenu.vue'; |
| | | export default { |
| | |
| | | let menuLists = data.result.filter((value) => { |
| | | return value.url == '/mochaitmo'; |
| | | }); |
| | | |
| | | |
| | | const res = await selectMenuRecursive({ name: menuLists[0].cnName }); |
| | | |
| | | |
| | | if (res.code == 200) { |
| | | if (res.result.length != 0) { |
| | | let menuList = res.result.filter((value) => { |
| | |
| | | this.getCookies(); |
| | | // |
| | | } else { |
| | | alert('ææ èåæ æ°æ®'); |
| | | |
| | | this.$message.error('ææ èåæ æ°æ®'); |
| | | } |
| | | } else { |
| | | console.log('æ¥å£æ¥é'); |
| | |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="content_Box"> |
| | | <div class="cloumn_Box1"> |
| | | <div class="flex_Box1"> |
| | | <el-tabs |
| | | v-model="activeName" |
| | | @tab-click="handleClick" |
| | | > |
| | | <el-tab-pane |
| | | :label="$t('operatManage.systemMonitoringObj.abnormalResources')" |
| | | name="first" |
| | | > |
| | | <el-table |
| | | :data="resInfo" |
| | | style="width: 100%; height: 310px" |
| | | > |
| | | <el-table-column |
| | | prop="id" |
| | | :label="$t('operatManage.systemMonitoringObj.resourceID')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | :label="$t('operatManage.systemMonitoringObj.resourceName')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="bak" |
| | | :label="$t('operatManage.systemMonitoringObj.resourceState')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="createTime" |
| | | :label="$t('operatManage.systemMonitoringObj.abnormaltime')" |
| | | show-overflow-tooltip |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | :label=" |
| | | $t('operatManage.systemMonitoringObj.serviceResourceStatus') |
| | | " |
| | | name="second" |
| | | > |
| | | |
| | | <div |
| | | id="resUseChart" |
| | | style="width:101vh; height: 30vh; " |
| | | ></div> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | :label="$t('operatManage.systemMonitoringObj.userloginStatus')" |
| | | name="third" |
| | | > |
| | | <div |
| | | id="userLoginChart" |
| | | style="width:101vh; height: 30vh; " |
| | | ></div> |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | :label=" |
| | | $t('operatManage.systemMonitoringObj.resourceOperationStatus') |
| | | " |
| | | name="fourth" |
| | | > |
| | | <div |
| | | id="operateCountChart" |
| | | style="width:101vh; height: 30vh; " |
| | | ></div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | <div class="flex_Box"> |
| | | <div> |
| | | <div |
| | | style="line-height: 32px" |
| | | class="imageTitle" |
| | | > |
| | | {{ $t('operatManage.systemMonitoringObj.onlinePersonnel') }} |
| | | </div> |
| | | </div> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="90%" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | :label="$t('operatManage.ELM.index')" |
| | | width="100px" |
| | | /> |
| | | <el-table-column |
| | | prop="uid" |
| | | :label="$t('operatManage.systemMonitoringObj.userID')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="uname" |
| | | :label="$t('operatManage.systemMonitoringObj.username')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="loginTime" |
| | | :label="$t('operatManage.systemMonitoringObj.onlineTime')" |
| | | fixed="right" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | <div class="cloumn_Box"> |
| | | <div class="flex_Box"> |
| | | <div style="width: 100%; height: 20px"> |
| | |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="cloumn_Box1"> |
| | | <div class="flex_Box1"> |
| | | <el-tabs |
| | | v-model="activeName" |
| | | @tab-click="handleClick" |
| | | > |
| | | <el-tab-pane |
| | | :label="$t('operatManage.systemMonitoringObj.abnormalResources')" |
| | | name="first" |
| | | > |
| | | <el-table |
| | | :data="resInfo" |
| | | style="width: 100%; height: 310px" |
| | | > |
| | | <el-table-column |
| | | prop="id" |
| | | :label="$t('operatManage.systemMonitoringObj.resourceID')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | :label="$t('operatManage.systemMonitoringObj.resourceName')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="bak" |
| | | :label="$t('operatManage.systemMonitoringObj.resourceState')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="createTime" |
| | | :label="$t('operatManage.systemMonitoringObj.abnormaltime')" |
| | | show-overflow-tooltip |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | :label=" |
| | | $t('operatManage.systemMonitoringObj.serviceResourceStatus') |
| | | " |
| | | name="second" |
| | | > |
| | | |
| | | <div |
| | | id="resUseChart" |
| | | style="width:101vh; height: 30vh; " |
| | | ></div> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | :label="$t('operatManage.systemMonitoringObj.userloginStatus')" |
| | | name="third" |
| | | > |
| | | <div |
| | | id="userLoginChart" |
| | | style="width:101vh; height: 30vh; " |
| | | ></div> |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | :label=" |
| | | $t('operatManage.systemMonitoringObj.resourceOperationStatus') |
| | | " |
| | | name="fourth" |
| | | > |
| | | <div |
| | | id="operateCountChart" |
| | | style="width:101vh; height: 30vh; " |
| | | ></div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | <div class="flex_Box"> |
| | | <div> |
| | | <div |
| | | style="line-height: 32px" |
| | | class="imageTitle" |
| | | > |
| | | {{ $t('operatManage.systemMonitoringObj.onlinePersonnel') }} |
| | | </div> |
| | | </div> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="90%" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | :label="$t('operatManage.ELM.index')" |
| | | width="100px" |
| | | /> |
| | | <el-table-column |
| | | prop="uid" |
| | | :label="$t('operatManage.systemMonitoringObj.userID')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="uname" |
| | | :label="$t('operatManage.systemMonitoringObj.username')" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="loginTime" |
| | | :label="$t('operatManage.systemMonitoringObj.onlineTime')" |
| | | fixed="right" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="inform_box"> |
| | | <div class="content_box"> |
| | |
| | | seriesIndex: 0, |
| | | }, |
| | | ], |
| | | toolbox: { |
| | | show: true, |
| | | feature: { |
| | | |
| | | saveAsImage: { show: true } |
| | | } |
| | | }, |
| | | title: [], |
| | | tooltip: { |
| | | trigger: 'axis', |
| | |
| | | tooltip: { |
| | | trigger: 'item', |
| | | }, |
| | | toolbox: { |
| | | show: true, |
| | | feature: { |
| | | |
| | | saveAsImage: { show: true } |
| | | } |
| | | }, |
| | | legend: { |
| | | top: '5%', |
| | | left: 'center', |
| | |
| | | type: 'shadow', |
| | | }, |
| | | }, |
| | | toolbox: { |
| | | show: true, |
| | | feature: { |
| | | |
| | | saveAsImage: { show: true } |
| | | } |
| | | }, |
| | | grid: { |
| | | left: '3%', |
| | | right: '4%', |
| | |
| | | var height = (mysright * 1.5) + "px" |
| | | $("#shuiwen").width(width); |
| | | $("#shuiwen").height(height); |
| | | |
| | | |
| | | |
| | | |
| | | |