| | |
| | | // æå¡å°å |
| | | baseURL: 'http://183.162.245.49:8888/', |
| | | positionBtn: [], |
| | | mpt: { |
| | | url: 'http://192.168.20.39/SG/Elevation', |
| | | name: 'china_5m.Ei.402586.mpt', |
| | | }, |
| | | |
| | | }; |
| | | var gaoDeBaseUrl = [ |
| | | { |
| | |
| | | label: 'é«å¾·å½±åæ æ³¨', |
| | | }, |
| | | ]; |
| | | var demLayer = 'http://192.168.20.39/dem' |
| | |
| | | export function exportSelectByPage(params) { |
| | | return request.get('/export/selectByPage', { params: params }); |
| | | } |
| | | |
| | | //ä¸è½½æ¥å¿=ãå页æ¥è¯¢å¹¶è¿åè®°å½æ° |
| | | export function downlog_selectByPageAndCount(params) { |
| | | return request.get('/downlog/selectByPageAndCount', { params: params }); |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | //请æ±ç«åºç¹å
容 |
| | | export function querySitePoint(size, index, name) { |
| | | return service.get( |
| | |
| | | organizationManage: 'Organizational management', |
| | | operatManage: 'Operat Manage', |
| | | ResourceLog: 'Resource Log', |
| | | DownloadLog:'Download Log', |
| | | UserRoleAuthorization: 'User Role Authorization', |
| | | MenuRoleAuthorization: 'Menu Permission Authorization', |
| | | RoleResAuthorization: 'Role Resource Authorization', |
| | |
| | | largeModuleName: 'largeModuleName', |
| | | smallModuleName: 'smallModuleName', |
| | | resourceName: 'Resource Id', |
| | | fileName:'File name', |
| | | type:'Type', |
| | | size:'Size', |
| | | careatetime:'Download date', |
| | | ipadress:'IP address' |
| | | }, |
| | | userManagement: 'User Management', |
| | | systemLayout: 'System Layout', |
| | |
| | | more: 'More', |
| | | Multiplechoice: 'Multiple choice', |
| | | }, |
| | | downlog:{ |
| | | type1:'Shp file', |
| | | type2:'Thematic map', |
| | | type3:'Metadata', |
| | | type4:'Business data', |
| | | }, |
| | | loglog: { |
| | | serialnumber: 'Serial Number', |
| | | coverage: 'Coverage', |
| | |
| | | operatManage: 'è¿ç»´ç®¡ç', |
| | | ResourceLog: 'èµæºæ¥å¿', |
| | | organizationManage: 'åä½ç®¡ç', |
| | | |
| | | DownloadLog:'ä¸è½½æ¥å¿', |
| | | UserRoleAuthorization: 'ç¨æ·è§è²ææ', |
| | | MenuRoleAuthorization: 'èåæéææ', |
| | | RoleResAuthorization: 'è§è²èµæºææ', |
| | |
| | | largeModuleName: '大模ååç§°', |
| | | smallModuleName: 'å°æ¨¡ååç§°', |
| | | resourceName: 'èµæºID', |
| | | fileName:'æä»¶å', |
| | | type:'ç±»å', |
| | | size:'大å°', |
| | | careatetime:'ä¸è½½æ¥æ', |
| | | ipadress:'IPå°å' |
| | | |
| | | }, |
| | | userManagement: 'ç¨æ·ç®¡ç', |
| | | systemLayout: 'ç³»ç»é
ç½®', |
| | |
| | | |
| | | Multiplechoice: 'å¤é', |
| | | }, |
| | | downlog:{ |
| | | type1:'Shpæä»¶', |
| | | type2:'ä¸é¢å¾', |
| | | type3:'å
æ°æ®', |
| | | type4:'ä¸å¡æ°æ®', |
| | | }, |
| | | loglog: { |
| | | serialnumber: 'åºå·', |
| | | coverage: 'å¾å±', |
| | |
| | | </ul> |
| | | </div> |
| | | <div class="rightBox"> |
| | | |
| | | <div class="tableBox"> |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | class="primary" |
| | | size="small" |
| | | @click="download('codeForm')" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | >{{ $t("common.confirm") }}</el-button |
| | | > |
| | | <el-button type="info" size="small" @click="closeDown('codeForm')">{{ |
| | | $t('common.cancel') |
| | | $t("common.cancel") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | sign_getPublicKey, |
| | | dataLib_selectDownloadFile, |
| | | decr, |
| | | } from '../../api/api.js'; |
| | | import { getToken } from '@/utils/auth'; |
| | | import $ from 'jquery'; |
| | | } from "../../api/api.js"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import $ from "jquery"; |
| | | import { View } from "ol"; |
| | | export default { |
| | | data() { |
| | | var repasswordValidator = (rule, value, callback) => { |
| | | if (value === '') { |
| | | callback(new Error('è¯·åæ¬¡è¾å
¥å¯ç ')); |
| | | if (value === "") { |
| | | callback(new Error("è¯·åæ¬¡è¾å
¥å¯ç ")); |
| | | } else if (value !== this.codeForm.password) { |
| | | callback(new Error('两次è¾å
¥å¯ç ä¸ä¸è´!')); |
| | | callback(new Error("两次è¾å
¥å¯ç ä¸ä¸è´!")); |
| | | } else { |
| | | callback(); |
| | | } |
| | |
| | | var passwordreg = |
| | | /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/; |
| | | if (!passwordreg.test(value)) { |
| | | callback(new Error('å¯ç å¿
é¡»ç±æ°åã忝ãç¹æ®å符ç»å,请è¾å
¥13-20ä½')); |
| | | callback(new Error("å¯ç å¿
é¡»ç±æ°åã忝ãç¹æ®å符ç»å,请è¾å
¥13-20ä½")); |
| | | } else { |
| | | callback(); |
| | | } |
| | |
| | | return { |
| | | dialogVisible: false, |
| | | codeForm: { |
| | | password: '', |
| | | repassword: '', |
| | | password: "", |
| | | repassword: "", |
| | | }, |
| | | rules: { |
| | | password: [ |
| | | { required: true, message: '请è¾å
¥å¯ç ', trigger: 'blur' }, |
| | | { validator: passwordValidator, trigger: 'blur' }, |
| | | { required: true, message: "请è¾å
¥å¯ç ", trigger: "blur" }, |
| | | { validator: passwordValidator, trigger: "blur" }, |
| | | ], |
| | | repassword: [ |
| | | { required: true, message: '请è¾å
¥ç¡®è®¤å¯ç ', trigger: 'blur' }, |
| | | { validator: repasswordValidator, trigger: 'blur' }, |
| | | { required: true, message: "请è¾å
¥ç¡®è®¤å¯ç ", trigger: "blur" }, |
| | | { validator: repasswordValidator, trigger: "blur" }, |
| | | ], |
| | | }, |
| | | listPage: { |
| | |
| | | domainsLayer: [], |
| | | optionx: [], |
| | | imagePoint: null, |
| | | Layerprimit: null, |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | } |
| | | }, |
| | | download() { |
| | | if (this.codeForm.password == '') return; |
| | | if (this.codeForm.password == "") return; |
| | | var obj = { |
| | | pwd: encrypt.encrypt(this.codeForm.password), |
| | | entities: [], |
| | |
| | | } |
| | | var token = getToken(); |
| | | var that = this; |
| | | $.ajax(BASE_URL + '/dataLib/downloadDbReq?token=' + token, { |
| | | type: 'post', |
| | | $.ajax(BASE_URL + "/dataLib/downloadDbReq?token=" + token, { |
| | | type: "post", |
| | | data: JSON.stringify(obj), |
| | | async: true, |
| | | cache: false, |
| | |
| | | }; |
| | | const data = await dataLib_selectDownloadFile(downObj); |
| | | if (data.code != 200) { |
| | | this.$message.error('ä¸è½½è¯·æ±å¤±è´¥'); |
| | | this.$message.error("ä¸è½½è¯·æ±å¤±è´¥"); |
| | | return; |
| | | } |
| | | this.closeDown(); |
| | | var token = getToken(); |
| | | var url = |
| | | BASE_URL + |
| | | '/dataLib/downloadFile?token=' + |
| | | "/dataLib/downloadFile?token=" + |
| | | token + |
| | | '&guid=' + |
| | | "&guid=" + |
| | | rsid + |
| | | '&pwd=' + |
| | | "&pwd=" + |
| | | encodeURIComponent(rspwd); |
| | | $('#Iframe1').attr('src', url).click(); |
| | | $("#Iframe1").attr("src", url).click(); |
| | | }, |
| | | handleCloseDown() { |
| | | this.$confirm('确认å
³éï¼') |
| | | this.$confirm("确认å
³éï¼") |
| | | .then((_) => { |
| | | this.closeDown(); |
| | | }) |
| | |
| | | }, |
| | | closeDown() { |
| | | this.dialogVisible = false; |
| | | this.codeForm.password = ''; |
| | | this.codeForm.repassword = ''; |
| | | this.codeForm.password = ""; |
| | | this.codeForm.repassword = ""; |
| | | }, |
| | | startTableMssage() { |
| | | this.listdata.pageIndex = 1; |
| | |
| | | this.startTableMssage(); |
| | | this.listdata.wkt = this.$store.state.mapMenuShpFile; |
| | | this.querylayer = this.$store.state.mapSpaceQueryLayer; |
| | | this.option = this.$store.state.mapSpaceQueryLayer; |
| | | // = this.$store.state.mapSpaceQueryLayer; |
| | | var arr = this.$store.state.mapSpaceQueryLayer; |
| | | var obj = {}; |
| | | arr = arr.reduce(function (item, next) { |
| | | obj[next.label] ? "" : (obj[next.label] = true && item.push(next)); |
| | | return item; |
| | | }, []); |
| | | this.option = arr; |
| | | this.listdata.name = this.option[0].entity; |
| | | |
| | | this.getTableDateHidder(); |
| | |
| | | async getTableDateHidder() { |
| | | const data = await inquiry_selectFields({ name: this.listdata.name }); |
| | | if (data.code != 200) { |
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | } |
| | | const data1 = await inquiry_selectDomains({ name: this.listdata.name }); |
| | | if (data1.code != 200) { |
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | } |
| | | this.optionx = []; |
| | | this.attributeData = []; |
| | |
| | | }; |
| | | const data = await dataQuerySelectWktById(param); |
| | | if (data.code != 200) { |
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | } |
| | | |
| | | var val1 = decr(data.result); |
| | |
| | | }, |
| | | setMapLoaction(res) { |
| | | var coord = res.coordinates; |
| | | if (res.type == 'Point') { |
| | | this.imagePoint = sgworld.Creator.CreateLabel( |
| | | { X: coord[0], Y: coord[1], Altitude: 2000 }, |
| | | '', |
| | | SmartEarthRootUrl + 'Workers/image/mark.png', |
| | | { |
| | | disableDepthTestDistance: Infinity, |
| | | scale: 0.8, |
| | | if (this.Layerprimit != null) { |
| | | window.Viewer.scene.primitives.remove(this.Layerprimit); |
| | | this.Layerprimit = null; |
| | | } |
| | | if (res.type == "Point") { |
| | | Viewer.camera.flyTo({ |
| | | destination: Cesium.Cartesian3.fromDegrees(coord[0], coord[1], 2000), |
| | | orientation: { |
| | | heading: Cesium.Math.toRadians(0), // æ°´å¹³åè§ï¼é»è®¤æ£å 0 |
| | | pitch: Cesium.Math.toRadians(-90), // 俯è§è§ï¼é»è®¤-90ï¼åç´åä¸ |
| | | roll: 0, // æè½¬è§ |
| | | }, |
| | | }); |
| | | } else if (res.type == "MultiPolygon") { |
| | | var val = res.coordinates[0][0]; |
| | | var std = []; |
| | | |
| | | for (var i in val) { |
| | | std.push({ x: val[i][0], y: val[i][1], z: 1000 }); |
| | | } |
| | | this.$store.state.primitLayer = sgworld.Creator.createPolygon( |
| | | std, |
| | | { |
| | | fillColor: "#ffff00", |
| | | outlineColor: "#fff", |
| | | outlineWidth: 2, |
| | | }, |
| | | 1, |
| | | 0, |
| | | 'å·¡æ£ç¹' |
| | | "é¢" |
| | | ); |
| | | sgworld.Navigate.flyToObj(this.imagePoint.item); |
| | | sgworld.Navigate.flyToObj(this.$store.state.primitLayer.item); |
| | | } else if (res.type == "MultiLineString") { |
| | | var line = res.coordinates[0]; |
| | | var std = []; |
| | | |
| | | for (var i in line) { |
| | | std.push({ x: line[i][0], y: line[i][1], z: 1000 }); |
| | | } |
| | | this.$store.state.primitLayer = sgworld.Creator.createPolyline( |
| | | std, |
| | | "#ffff00", |
| | | 1, |
| | | 0, |
| | | "线" |
| | | ); |
| | | sgworld.Navigate.flyToObj(this.$store.state.primitLayer.item); |
| | | } |
| | | }, |
| | | setTableChange(res) { |
| | |
| | | |
| | | const data = await dataQuery_selectByPage(this.listdata); |
| | | if (data.code != 200) { |
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | } |
| | | |
| | | var val_Data = data.result; |
| | |
| | | this.pageCount = data.count; |
| | | this.tableData = data.result; |
| | | this.$refs.dialogPayChannel.doLayout(); |
| | | this.showAllImage(data.result); |
| | | }, |
| | | async showAllImage(res) { |
| | | if (window.Viewer.scene.primitives.length != null) { |
| | | window.Viewer.scene.primitives.removeAll(); |
| | | } |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | for (var i in res) { |
| | | var param = { |
| | | gid: res[i].gid, |
| | | name: this.listdata.name, |
| | | }; |
| | | const data = await dataQuerySelectWktById(param); |
| | | if (data.code != 200) { |
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | } |
| | | var val1 = decr(data.result); |
| | | if (val1) { |
| | | var wkt = this.$wkt.parse(val1); |
| | | this.getprimitiLayer(wkt); |
| | | this.primitivesAddLayer(wkt); |
| | | } |
| | | } |
| | | }, |
| | | getprimitiLayer(res) { |
| | | switch (res.type) { |
| | | case "Point": |
| | | this.$store.state.primitLayer = window.Viewer.scene.primitives.add( |
| | | new Cesium.BillboardCollection() |
| | | ); |
| | | break; |
| | | } |
| | | }, |
| | | primitivesAddLayer(res) { |
| | | switch (res.type) { |
| | | case "Point": |
| | | var val = Cesium.Cartesian3.fromDegrees( |
| | | res.coordinates[0], |
| | | res.coordinates[1], |
| | | 1000 |
| | | ); |
| | | this.$store.state.primitLayer.add({ |
| | | position: val, |
| | | image: SmartEarthRootUrl + "Workers/image/mark.png", |
| | | }); |
| | | break; |
| | | case "MultiLineString": |
| | | var line = res.coordinates[0]; |
| | | var std = []; |
| | | for (var i in line) { |
| | | std.push(line[i][0], line[i][1]); |
| | | } |
| | | var instance = new Cesium.GeometryInstance({ |
| | | geometry: new Cesium.GroundPolylineGeometry({ |
| | | positions: Cesium.Cartesian3.fromDegreesArray(std), |
| | | width: 4.0, |
| | | }), |
| | | attributes: { |
| | | color: Cesium.ColorGeometryInstanceAttribute.fromColor( |
| | | new Cesium.Color(1.0, 0.0, 0.0, 0.3) |
| | | ), |
| | | }, |
| | | }); |
| | | window.Viewer.scene.primitives.add( |
| | | new Cesium.GroundPolylinePrimitive({ |
| | | geometryInstances: instance, |
| | | appearance: new Cesium.PolylineColorAppearance(), |
| | | }) |
| | | ); |
| | | break; |
| | | case "MultiPolygon": |
| | | var val = res.coordinates[0][0]; |
| | | var std = []; |
| | | for (var i in val) { |
| | | std.push(val[i][0], val[i][1]); |
| | | } |
| | | var primitive = new Cesium.GroundPrimitive({ |
| | | //è´´å°çprimitive |
| | | geometryInstances: new Cesium.GeometryInstance({ |
| | | geometry: new Cesium.PolygonGeometry({ |
| | | //æ¯æCircleGeometryï¼CorridorGeometryï¼EllipseGeometryï¼RectangleGeometry |
| | | polygonHierarchy: new Cesium.PolygonHierarchy( |
| | | Cesium.Cartesian3.fromDegreesArray(std) |
| | | ), |
| | | }), |
| | | attributes: { |
| | | color: Cesium.ColorGeometryInstanceAttribute.fromColor( |
| | | new Cesium.Color(1.0, 0.0, 0.0, 0.3) |
| | | ), |
| | | }, |
| | | }), |
| | | appearance: Cesium.EllipsoidSurfaceAppearance(), |
| | | }); |
| | | window.Viewer.scene.primitives.add(primitive); |
| | | break; |
| | | } |
| | | }, |
| | | |
| | | closeMenuBox() { |
| | | if (this.imagePoint != null) { |
| | | sgworld.Creator.DeleteObject(this.imagePoint); |
| | |
| | | this.setTableAll(); |
| | | }, |
| | | mounted() { |
| | | this.$bus.$on('changeMapMenuTop', (res) => { |
| | | if (res == 'true') { |
| | | this.$bus.$on("changeMapMenuTop", (res) => { |
| | | if (res == "true") { |
| | | this.setTableAll(); |
| | | } |
| | | }); |
| | |
| | | <template> |
| | | <div class="menuBox"> |
| | | <el-form :inline="true" :model="menuTopFrom" class="demo-form-inline"> |
| | | <el-form |
| | | :inline="true" |
| | | :model="menuTopFrom" |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-select |
| | | v-model="menuTopFrom.queryLayer" |
| | | :title="treeChange" |
| | | placeholder="è¯·éæ©..." |
| | | > |
| | | <el-option :value="menuTopFrom.queryLayer" style="height: 100%"> |
| | | <el-option |
| | | :value="menuTopFrom.queryLayer" |
| | | style="height: 100%" |
| | | > |
| | | <div style="height: 200px; overflow: auto"> |
| | | <el-tree |
| | | :data="layerData" |
| | |
| | | </el-tree> |
| | | </div> |
| | | <div style="margin-top: 5px"> |
| | | <el-button size="mini" plain @click="getCheckedNodes" |
| | | >确认</el-button |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | plain |
| | | @click="getCheckedNodes" |
| | | >确认</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="info" |
| | | plain |
| | | @click="resetCheckedNodes" |
| | | >éç½®</el-button |
| | | > |
| | | >éç½®</el-button> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | > --> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button plain @click="getAttributeQuery">æ¥è¯¢</el-button> |
| | | <el-button type="info" @click="clearQuery" plain>éç½®</el-button> |
| | | <el-button |
| | | plain |
| | | @click="getAttributeQuery" |
| | | >æ¥è¯¢</el-button> |
| | | <el-button |
| | | type="info" |
| | | @click="clearQuery" |
| | | plain |
| | | >éç½®</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <queryinfo ref="queryinfo" /> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
| | | import $ from 'jquery'; |
| | | import { inquiry_SelectTabs, inquiry_uploadShp, encr } from '../../api/api.js'; |
| | | import { getToken } from '@/utils/auth'; |
| | | import * as turf from '@turf/turf'; |
| | | export default { |
| | | components:{queryinfo}, |
| | | components: { queryinfo }, |
| | | data() { |
| | | return { |
| | | menuTopFrom: { |
| | |
| | | }, |
| | | showMapMenuPop() { |
| | | this.$store.state.mapSpaceQueryLayer = this.treeChange; |
| | | this.$store.state.mapPopBoxFlag = '1'; |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("ç©ºé´æ¥è¯¢",null,{ close: () => { |
| | | |
| | | }}); |
| | | this.$store.state.mapPopBoxFlag = '1'; |
| | | // this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close(); |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("ç©ºé´æ¥è¯¢", null, { |
| | | close: () => { |
| | | |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | |
| | | if (window.Viewer.scene.primitives.length != 0) { |
| | | window.Viewer.scene.primitives.removeAll() |
| | | } |
| | | } |
| | | }); |
| | | this.$bus.$emit('changeMapMenuTop', 'true'); |
| | | sgworld.Creator.SimpleGraphic.edit(false, { editProp: false }); |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | |
| | | <template> |
| | | <div class="menuPop"> |
| | | |
| | | |
| | | <div style="padding: 5px"> |
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item> |
| | | <el-select |
| | | v-model="formInline.name" |
| | |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button plain @click="setSpaceTableLayer">æ¥è¯¢</el-button> |
| | | <el-button plain @click="restSpacePopLayer">éç½®</el-button> |
| | | <el-button |
| | | plain |
| | | @click="setSpaceTableLayer" |
| | | >æ¥è¯¢</el-button> |
| | | <el-button |
| | | plain |
| | | @click="restSpacePopLayer" |
| | | >éç½®</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div class="centTable"> |
| | |
| | | label="åºå·" |
| | | width="50" |
| | | /> |
| | | <el-table-column label="å®ä½" width="100" align="center"> |
| | | <el-table-column |
| | | label="å®ä½" |
| | | width="100" |
| | | align="center" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | icon="el-icon-map-location" |
| | |
| | | |
| | | var val1 = decr(data.result); |
| | | if (val1) { |
| | | if (this.imagePoint != null) { |
| | | sgworld.Creator.DeleteObject(this.imagePoint); |
| | | this.imagePoint = null; |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | var wkt = this.$wkt.parse(val1); |
| | | this.setMapLoaction(wkt); |
| | |
| | | this.getSpaceTableLayer(); |
| | | }, |
| | | setMapLoaction(res) { |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | var coord = res.coordinates; |
| | | if (res.type == 'Point') { |
| | | this.imagePoint = sgworld.Creator.CreateLabel( |
| | | this.$store.state.primitLayer = sgworld.Creator.CreateLabel( |
| | | { X: coord[0], Y: coord[1], Altitude: 2000 }, |
| | | '', |
| | | SmartEarthRootUrl + 'Workers/image/mark.png', |
| | |
| | | 0, |
| | | 'å·¡æ£ç¹' |
| | | ); |
| | | sgworld.Navigate.flyToObj(this.imagePoint.item); |
| | | sgworld.Navigate.flyToObj(this.$store.state.primitLayer.item); |
| | | } else if (res.type == 'MultiPolygon') { |
| | | var val = res.coordinates[0][0]; |
| | | var std = []; |
| | | for (var i in val) { |
| | | |
| | | std.push({ x: val[i][0], y: val[i][1], z: 1000 }) |
| | | } |
| | | this.$store.state.primitLayer = sgworld.Creator.createPolygon(std, { |
| | | fillColor: '#ffff00', |
| | | outlineColor: '#fff', |
| | | outlineWidth: 2 |
| | | }, 1, 0, "é¢"); |
| | | sgworld.Navigate.flyToObj(this.$store.state.primitLayer.item); |
| | | } else if (res.type == 'MultiLineString') { |
| | | var line = res.coordinates[0]; |
| | | var std = []; |
| | | for (var i in line) { |
| | | |
| | | std.push({ x: line[i][0], y: line[i][1], z: 1000 }) |
| | | } |
| | | this.$store.state.primitLayer = sgworld.Creator.createPolyline(std, "#ffff00", 1, 0, "线"); |
| | | sgworld.Navigate.flyToObj(this.$store.state.primitLayer.item); |
| | | } |
| | | }, |
| | | }, |
| | |
| | | <template> |
| | | <div class="spaceBox"> |
| | | <el-select v-model="menuTopFrom.queryLayer" placeholder="è¯·éæ©..."> |
| | | <el-option :value="menuTopFrom.queryLayer" style="height: 100%"> |
| | | <el-select |
| | | v-model="menuTopFrom.queryLayer" |
| | | placeholder="è¯·éæ©..." |
| | | > |
| | | <el-option |
| | | :value="menuTopFrom.queryLayer" |
| | | style="height: 100%" |
| | | > |
| | | <div style="height: 200px; overflow: auto"> |
| | | <el-tree |
| | | :data="layerData" |
| | |
| | | </el-tree> |
| | | </div> |
| | | <div style="margin-top: 5px"> |
| | | <el-button size="mini" plain @click="getCheckedNodes">确认</el-button> |
| | | <el-button size="mini" type="info" plain @click="resetCheckedNodes" |
| | | >éç½®</el-button |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | plain |
| | | @click="getCheckedNodes" |
| | | >确认</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="info" |
| | | plain |
| | | @click="resetCheckedNodes" |
| | | >éç½®</el-button> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | | <queryinfo ref="queryinfo"/> |
| | | <queryinfo ref="queryinfo" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
| | | import { inquiry_SelectTabs } from '../../api/api.js'; |
| | | export default { |
| | | components:{queryinfo }, |
| | | components: { queryinfo }, |
| | | data() { |
| | | return { |
| | | menuTopFrom: { |
| | |
| | | this.$store.state.mapSpaceQueryLayer = this.mapSpaceQueryLayer; |
| | | // this.$store.state.mapPopBoolean = true; |
| | | this.$store.state.mapPopBoxFlag = '2'; |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("屿§æ¥è¯¢",null,{ |
| | | close: () => { |
| | | |
| | | }, |
| | | }); |
| | | // this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close(); |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("ç©ºé´æ¥è¯¢", null, { |
| | | close: () => { |
| | | |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | |
| | | if (window.Viewer.scene.primitives.length != 0) { |
| | | window.Viewer.scene.primitives.removeAll() |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | resetCheckedNodes() { |
| | | this.menuTopFrom.queryLayer = null; |
| | |
| | | <template> |
| | | <div class="mapBox"> |
| | | <div id="mapdiv"> |
| | | <div class="menu_Top" v-if="$store.state.mapMenuBoolean"> |
| | | <div |
| | | class="menu_Top" |
| | | v-if="$store.state.mapMenuBoolean" |
| | | > |
| | | <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" /> |
| | | <map-space-top v-if="$store.state.mapMenuBoxFlag == '2'" /> |
| | | </div> |
| | | |
| | | <div class="bufferBox" v-if="showBufferBoxDialog"> |
| | | |
| | | <div |
| | | class="bufferBox" |
| | | v-if="showBufferBoxDialog" |
| | | > |
| | | <el-card class="box-card"> |
| | | <div slot="header" class="clearfix"> |
| | | <div |
| | | slot="header" |
| | | class="clearfix" |
| | | > |
| | | <span>ç¼å²åºåæ</span> |
| | | <div style="float: right; cursor: pointer"> |
| | | <i class="el-icon-close" @click="closeBufferBox(1)"></i> |
| | | <i |
| | | class="el-icon-close" |
| | | @click="closeBufferBox(1)" |
| | | ></i> |
| | | </div> |
| | | </div> |
| | | <div class="box-body"> |
| | | <el-form ref="form" :model="bufFrom" label-width="100px"> |
| | | <el-form |
| | | ref="form" |
| | | :model="bufFrom" |
| | | label-width="100px" |
| | | > |
| | | <el-form-item label="ç¼å²åå¾(ç±³):"> |
| | | <el-input v-model="bufFrom.val"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="addBuffer(1)" type="info">ç¹</el-button> |
| | | <el-button @click="addBuffer(2)" type="info">线</el-button> |
| | | <el-button @click="addBuffer(3)" type="info">é¢</el-button> |
| | | <el-button @click="clearBuffer" type="info">æ¸
é¤</el-button> |
| | | <el-button |
| | | @click="addBuffer(1)" |
| | | type="info" |
| | | >ç¹</el-button> |
| | | <el-button |
| | | @click="addBuffer(2)" |
| | | type="info" |
| | | >线</el-button> |
| | | <el-button |
| | | @click="addBuffer(3)" |
| | | type="info" |
| | | >é¢</el-button> |
| | | <el-button |
| | | @click="clearBuffer" |
| | | type="info" |
| | | >æ¸
é¤</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | <div class="coordLocalBox" v-if="showCoordLocalBoxDialog"> |
| | | <div |
| | | class="coordLocalBox" |
| | | v-if="showCoordLocalBoxDialog" |
| | | > |
| | | <el-card class="box-card"> |
| | | <div slot="header" class="clearfix"> |
| | | <div |
| | | slot="header" |
| | | class="clearfix" |
| | | > |
| | | <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"> |
| | | <el-form ref="form" :model="pathFrom" label-width="50px"> |
| | | <el-form |
| | | ref="form" |
| | | :model="pathFrom" |
| | | label-width="50px" |
| | | > |
| | | <el-form-item label="èµ·ç¹:"> |
| | | <el-input |
| | | style="width: 250px" |
| | |
| | | :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="ç»ç¹:"> |
| | | <el-input |
| | |
| | | :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> |
| | |
| | | name: '', |
| | | components: { |
| | | mapMenuTop, |
| | | |
| | | |
| | | mapSpaceTop, |
| | | |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | // '' |
| | | // ); |
| | | // openStreetMap.item.show = false; |
| | | //mptå è½½ |
| | | var option = { |
| | | url: window.sceneConfig.mpt.url, |
| | | layerName: window.sceneConfig.mpt.name, |
| | | requestVertexNormals: true, |
| | | }; |
| | | sgworld.Creator.sfsterrainprovider('mpt', option, '', true, ''); |
| | | |
| | | Viewer.terrainProvider = new Cesium.CesiumTerrainProvider({ |
| | | url:demLayer |
| | | }); |
| | | window.elevationTool = new SmartEarth.ElevationTool(window.sgworld); |
| | | elevationTool.setContourColor('#F1D487'); |
| | | }, |
| | |
| | | .active { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: url('../assets/img/Layer/imgLayer2.png') no-repeat center; |
| | | background: url("../assets/img/Layer/imgLayer2.png") no-repeat center; |
| | | position: absolute; |
| | | background-size: 100% 100%; |
| | | border-radius: 5px; |
| | |
| | | .menuLayer { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: url('../assets/img/Layer/imgLayer1.png') no-repeat center; |
| | | background: url("../assets/img/Layer/imgLayer1.png") no-repeat center; |
| | | position: absolute; |
| | | background-size: 100% 100%; |
| | | border-radius: 5px; |
| | |
| | | projeOl: null, |
| | | download: false, |
| | | showAllLayers: true, |
| | | primitLayer:null, |
| | | }, |
| | | mutations: { |
| | | //è·åæéåé |
| | |
| | | name: 'å¾å±ç®¡ç', |
| | | css: 'twoMenu_imge11', |
| | | }, |
| | | { |
| | | id: 'a2', |
| | | name: 'åºæ¯æå', |
| | | label: 'synthesis.sceneExtraction', |
| | | css: 'twoMenu_imge12', |
| | | }, |
| | | { |
| | | id: 'a3', |
| | | label: 'synthesis.release', |
| | | name: 'åºæ¯åå¸', |
| | | css: 'twoMenu_imge13', |
| | | }, |
| | | |
| | | ], |
| | | [ |
| | | { |
| | |
| | | name: 'å°å¾å¿«ç
§', |
| | | css: 'twoMenu_imge34', |
| | | }, |
| | | { |
| | | id: 'c5', |
| | | label: 'synthesis.tdisplay', |
| | | name: 'ä¸ç»´æ¼ç¤º', |
| | | css: 'twoMenu_imge35', |
| | | }, |
| | | |
| | | ], |
| | | [ |
| | | { |
| | |
| | | name: 'æ¸
é¤', |
| | | css: 'twoMenu_imge87', |
| | | }, |
| | | ], |
| | | ],[ |
| | | { |
| | | id: 'i1', |
| | | name: 'åºæ¯æå', |
| | | label: 'synthesis.sceneExtraction', |
| | | css: 'twoMenu_imge12', |
| | | }, |
| | | { |
| | | id: 'i2', |
| | | label: 'synthesis.release', |
| | | name: 'åºæ¯åå¸', |
| | | css: 'twoMenu_imge13', |
| | | }, { |
| | | id: 'i3', |
| | | label: 'synthesis.tdisplay', |
| | | name: 'ä¸ç»´æ¼ç¤º', |
| | | css: 'twoMenu_imge35', |
| | | }, |
| | | ] |
| | | ], |
| | | isRuler: false, |
| | | isNaviget: false, |
| | |
| | | name: 'æ ç»', |
| | | class: 'menu_img9', |
| | | show: false, |
| | | }, { |
| | | id: 10, |
| | | name: 'åºæ¯', |
| | | class: 'menu_img9', |
| | | show: false, |
| | | }, |
| | | ], |
| | | }; |
| | |
| | | } |
| | | } |
| | | for (var i in this.menuOption) { |
| | | |
| | | if (this.menuOption[i].show != false) { |
| | | this.showMenuList.push(this.menuOption[i]); |
| | | } |
| | |
| | | var std = []; |
| | | std.push(this.menuOption[0]); |
| | | for (var i = 1; i < this.menuOption.length; i++) { |
| | | |
| | | if (this.menuOption[i].name == res.cnName) { |
| | | this.menuOption[i].show = true; |
| | | } |
| | |
| | | //æ¯ä¾å°º |
| | | window.sgworld.navControl('scale', false); |
| | | |
| | | var option = { |
| | | url: window.sceneConfig.mpt.url, |
| | | layerName: window.sceneConfig.mpt.name, |
| | | requestVertexNormals: true, |
| | | }; |
| | | sgworld.Creator.sfsterrainprovider('mpt', option, '', true, ''); |
| | | MapViewer.terrainProvider = new Cesium.CesiumTerrainProvider({ |
| | | url:demLayer |
| | | }); |
| | | |
| | | |
| | | }, |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="logLog_box"> |
| | | <My-bread :list="[ |
| | | `${$t('operatManage.operatManage')}`, |
| | | `${$t('operatManage.DownloadLog')}`, |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire"> |
| | | <el-form |
| | | :inline="true" |
| | | ref="sizeForm" |
| | | :model="sizeForm" |
| | | > |
| | | <el-form-item |
| | | prop="uname" |
| | | :label="$t('operatManage.operationLogObj.username')" |
| | | > |
| | | <el-input |
| | | v-model="sizeForm.uname" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseInput')" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="type" |
| | | :label="$t('operatManage.operationLogObj.operationType')" |
| | | > |
| | | <el-select |
| | | v-model="sizeForm.type" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseSelect')" |
| | | > |
| | | <el-option |
| | | :label="$t('downlog.type1')" |
| | | value="1" |
| | | /> |
| | | <el-option |
| | | :label="$t('downlog.type2')" |
| | | value="2" |
| | | /> |
| | | <el-option |
| | | :label="$t('downlog.type3')" |
| | | value="3" |
| | | /> |
| | | <el-option |
| | | :label="$t('downlog.type4')" |
| | | value="4" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="start" |
| | | :label="$t('operatManage.operationLogObj.startTime')" |
| | | > |
| | | <el-date-picker |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.start" |
| | | style="width: 100%" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="end" |
| | | :label="$t('operatManage.operationLogObj.endTime')" |
| | | > |
| | | <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%" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t("operatManage.operationLogObj.inquire") }}</el-button> |
| | | <el-button |
| | | @click="resAllTable" |
| | | icon="el-icon-delete" |
| | | type="info" |
| | | >{{ $t("operatManage.operationLogObj.empty") }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table_box"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="85%" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | :label="$t('operatManage.ELM.index')" |
| | | width="70px" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="name" |
| | | :label="$t('operatManage.ELM.fileName')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="uname" |
| | | :label="$t('operatManage.ELM.username')" |
| | | /> |
| | | |
| | | <el-table-column |
| | | align="center" |
| | | prop="type" |
| | | :label="$t('operatManage.ELM.type')" |
| | | :formatter="formatType" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="sizes" |
| | | :label="$t('operatManage.ELM.size')" |
| | | :formatter="formatSize" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="ip" |
| | | :label="$t('operatManage.ELM.ipadress')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="createTime" |
| | | :label="$t('operatManage.ELM.careatetime')" |
| | | :formatter="formatData" |
| | | /> |
| | | </el-table> |
| | | <div |
| | | style="margin-top: 40px" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="listData.pageIndex" |
| | | :page-sizes="[10, 20, 30, 40]" |
| | | :page-size="listData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="count" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import MyBread from "../../components/MyBread.vue"; |
| | | import { |
| | | downlog_selectByPageAndCount |
| | | } from "../../api/api"; |
| | | export default { |
| | | //importå¼å
¥çç»ä»¶éè¦æ³¨å
¥å°å¯¹è±¡ä¸æè½ä½¿ç¨ |
| | | components: { |
| | | MyBread, |
| | | }, |
| | | |
| | | data() { |
| | | return { |
| | | sizeForm: { |
| | | start: null, |
| | | end: null, |
| | | uname: null, |
| | | type: null, |
| | | }, |
| | | tableData: [], |
| | | listData: { |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | start: null, |
| | | end: null, |
| | | uname: null, |
| | | type: null |
| | | }, |
| | | count: 0, |
| | | }; |
| | | }, |
| | | methods: { |
| | | formatSize(row, column) { |
| | | let data = row[column.property]; |
| | | if (data == null) { |
| | | return data; |
| | | } |
| | | |
| | | if (data > 1024) { |
| | | var val = data / 1024; |
| | | return val + "GB" |
| | | } else { |
| | | return data + "MB" |
| | | } |
| | | }, |
| | | formatType(row, column) { |
| | | let data = row[column.property]; |
| | | if (data == null) { |
| | | return data; |
| | | } |
| | | switch (data) { |
| | | case 1: |
| | | return 'Shpæä»¶'; |
| | | break; |
| | | case 2: |
| | | return 'ä¸é¢å¾'; |
| | | break; |
| | | case 3: |
| | | return 'å
æ°æ®'; |
| | | break; |
| | | case 4: |
| | | return 'ä¸å¡æ°æ®'; |
| | | break; |
| | | default: |
| | | return 'æªç¥æ°æ®'; |
| | | break; |
| | | } |
| | | }, |
| | | add0(m) { |
| | | return m < 10 ? "0" + m : m; |
| | | }, |
| | | //æ ¼å¼åæ¶é´ |
| | | format(shijianchuo) { |
| | | //shijianchuoæ¯æ´æ°ï¼å¦åè¦parseIntè½¬æ¢ |
| | | var time = new Date(shijianchuo); |
| | | var y = time.getFullYear(); |
| | | var m = time.getMonth() + 1; |
| | | var d = time.getDate(); |
| | | var h = time.getHours(); |
| | | var mm = time.getMinutes(); |
| | | var s = time.getSeconds(); |
| | | return ( |
| | | y + "-" + this.add0(m) + "-" + this.add0(d) + |
| | | " " + |
| | | this.add0(h) + |
| | | ":" + |
| | | this.add0(mm) + |
| | | ":" + |
| | | this.add0(s) |
| | | ); |
| | | }, |
| | | //æ ¼å¼åå表 |
| | | formatData(row, column) { |
| | | let data = row[column.property]; |
| | | if (data == null) { |
| | | return data; |
| | | } |
| | | return this.format(data); |
| | | }, |
| | | resAllTable() { |
| | | this.listData = { |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | start: null, |
| | | end: null, |
| | | uname: null, |
| | | type: null |
| | | } |
| | | this.sizeForm = { |
| | | start: null, |
| | | end: null, |
| | | uname: null, |
| | | type: null, |
| | | } |
| | | this.getAllData(); |
| | | }, |
| | | onSubmit() { |
| | | this.listData.end = this.sizeForm.end; |
| | | this.listData.start = this.sizeForm.start; |
| | | this.listData.type = this.sizeForm.type; |
| | | this.listData.uname = this.sizeForm.uname |
| | | this.getAllData(); |
| | | }, |
| | | |
| | | handleSizeChange(val) { |
| | | this.listData.pageSize = val; |
| | | this.listData.pageIndex = 1; |
| | | this.getAllData(); |
| | | }, |
| | | handleCurrentChange(val) { |
| | | this.listData.pageIndex = val; |
| | | this.getAllData(); |
| | | }, |
| | | async getAllData() { |
| | | const data = await downlog_selectByPageAndCount(this.listData); |
| | | if (data.code != 200) { |
| | | return this.$message.error("å表è°ç¨å¤±è´¥"); |
| | | } |
| | | this.tableData = data.result; |
| | | this.count = data.count; |
| | | } |
| | | }, |
| | | created() { |
| | | this.getAllData(); |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | //@import url(); å¼å
¥å
Œ
±cssç±» |
| | | .logLog_box { |
| | | border-radius: 10px; |
| | | height: 100%; |
| | | |
| | | box-sizing: border-box; |
| | | .el-input { |
| | | width: 300px; |
| | | } |
| | | .inquire { |
| | | overflow: auto; |
| | | padding: 10px; |
| | | margin-top: 20px; |
| | | |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | margin-bottom: 20px; |
| | | .el-form-item { |
| | | margin: 7px; |
| | | } |
| | | /deep/.el-form-item__label { |
| | | color: white; |
| | | } |
| | | /deep/ .el-input__inner { |
| | | background-color: transparent !important; |
| | | border: 1px solid; |
| | | color: white; |
| | | } |
| | | } |
| | | .table_box { |
| | | overflow: auto; |
| | | height: 70%; |
| | | padding: 10px; |
| | | |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | height: 555px; |
| | | /*ä¿®æ¹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: 10px; |
| | | /*æ»å¨æ¡é«åº¦*/ |
| | | } |
| | | /*å®ä¹æ»å¨æ¡è½¨é å
é´å½±+åè§*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-track { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | /*æ»å¨æ¡çèæ¯åºåçå
é´å½±*/ |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | /*å®ä¹æ»å å
é´å½±+åè§*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | border-radius: 6px; |
| | | background-color: #216fe6; |
| | | } |
| | | } |
| | | .pagination_box { |
| | | /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: #1890ff; |
| | | } |
| | | /deep/.el-pager li { |
| | | color: white; |
| | | background: transparent; |
| | | } |
| | | /deep/.el-pager li { |
| | | color: white; |
| | | } |
| | | /deep/.btn-prev { |
| | | background: transparent; |
| | | } |
| | | /deep/.btn-next { |
| | | background: transparent; |
| | | } |
| | | } |
| | | } |
| | | .text-center { |
| | | text-align: center; |
| | | } |
| | | } |
| | | /deep/ .el-select .el-input__inner { |
| | | border-color: #fff !important; |
| | | } |
| | | </style> |
| | |
| | | width: 300px; |
| | | } |
| | | .inquire { |
| | | height: 110px; |
| | | |
| | | overflow: auto; |
| | | padding: 10px; |
| | | margin-top: 20px; |
| | |
| | | } |
| | | .table_box { |
| | | overflow: auto; |
| | | height: 70%; |
| | | |
| | | padding: 10px; |
| | | |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | height: 480px; |
| | | height:555px; |
| | | /*ä¿®æ¹table 表ä½çèæ¯é¢è²åæåé¢è²*/ |
| | | /deep/ .el-table { |
| | | background-color: transparent; |
| | |
| | | ></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire"> |
| | | <div class="herder_box"> |
| | | {{ $t("operatManage.operationLogObj.queryRegion") }} |
| | | </div> |
| | | <el-form :inline="true" ref="sizeForm" :model="sizeForm" size="mini"> |
| | | |
| | | <el-form :inline="true" ref="sizeForm" :model="sizeForm" > |
| | | <el-form-item |
| | | prop="uname" |
| | | :label="$t('operatManage.operationLogObj.username')" |
| | |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | overflow: auto; |
| | | height: 480px; |
| | | height: 535px; |
| | | /*ä¿®æ¹table 表ä½çèæ¯é¢è²åæåé¢è²*/ |
| | | /deep/ .el-table { |
| | | background-color: transparent; |
| | |
| | | <el-card class="el-card-define"> |
| | | <div> |
| | | <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings> |
| | | <user-management |
| | | v-if="setMenuFlag == 'userInfoManage'" |
| | | ></user-management> |
| | | <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management> |
| | | <org-manage v-if="setMenuFlag == 'orgManage'"></org-manage> |
| | | <resource-manage |
| | | v-if="setMenuFlag == 'resourceManage'" |
| | | ></resource-manage> |
| | | <resource-manage v-if="setMenuFlag == 'resourceManage'"></resource-manage> |
| | | <role-manage v-if="setMenuFlag == 'roleManage'"></role-manage> |
| | | <authority-manage |
| | | v-if="setMenuFlag == 'authorityManage'" |
| | | ></authority-manage> |
| | | <user-role-authorization |
| | | v-if="setMenuFlag == 'userRoleAuthorization'" |
| | | ></user-role-authorization> |
| | | <menu-role-authorization |
| | | v-if="setMenuFlag == 'menuRoleAuthorization'" |
| | | ></menu-role-authorization> |
| | | <role-menu-authorization |
| | | v-if="setMenuFlag == 'roleMenuAuthorization'" |
| | | > |
| | | <authority-manage v-if="setMenuFlag == 'authorityManage'"></authority-manage> |
| | | <user-role-authorization v-if="setMenuFlag == 'userRoleAuthorization'"></user-role-authorization> |
| | | <menu-role-authorization v-if="setMenuFlag == 'menuRoleAuthorization'"></menu-role-authorization> |
| | | <role-menu-authorization v-if="setMenuFlag == 'roleMenuAuthorization'"> |
| | | </role-menu-authorization> |
| | | <role-res-authorization |
| | | v-if="setMenuFlag == 'roleResAuthorization'" |
| | | ></role-res-authorization> |
| | | <role-res-authorization v-if="setMenuFlag == 'roleResAuthorization'"></role-res-authorization> |
| | | <log-log v-if="setMenuFlag == 'logLog'"> </log-log> |
| | | <operation-log v-if="setMenuFlag == 'operationLog'"></operation-log> |
| | | <eventlog-manage |
| | | v-if="setMenuFlag == 'eventlogManage'" |
| | | ></eventlog-manage> |
| | | <eventlog-manage v-if="setMenuFlag == 'eventlogManage'"></eventlog-manage> |
| | | <tokentool v-if="setMenuFlag == 'tokentool'"></tokentool> |
| | | <blackwhite-list |
| | | v-if="setMenuFlag == 'blackwhiteList'" |
| | | ></blackwhite-list> |
| | | <database-monitoring |
| | | v-if="setMenuFlag == 'dataIfream'" |
| | | ></database-monitoring> |
| | | <system-monitoring |
| | | v-if="setMenuFlag == 'systemMonitoring'" |
| | | ></system-monitoring> |
| | | <parameter-configuration |
| | | v-if="setMenuFlag == 'parameterConfiguration'" |
| | | ></parameter-configuration> |
| | | <blackwhite-list v-if="setMenuFlag == 'blackwhiteList'"></blackwhite-list> |
| | | <database-monitoring v-if="setMenuFlag == 'dataIfream'"></database-monitoring> |
| | | <system-monitoring v-if="setMenuFlag == 'systemMonitoring'"></system-monitoring> |
| | | <parameter-configuration v-if="setMenuFlag == 'parameterConfiguration'"></parameter-configuration> |
| | | <downlog v-if="setMenuFlag == 'downlog'"></downlog> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | |
| | | 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 { selectMenuRecursive, queryMenuTree, getPerms } from '../../api/api'; |
| | | import customElMenu from '../../components/customElMenu.vue'; |
| | | export default { |
| | |
| | | systemMonitoring, |
| | | parameterConfiguration, |
| | | customElMenu, |
| | | downlog |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | created() { |
| | | this.getTreeData(); |
| | | }, |
| | | mounted() {}, |
| | | mounted() { }, |
| | | methods: { |
| | | async getCookies() { |
| | | var boolean = this.getTimeCookies(); |
| | |
| | | } |
| | | } |
| | | this.setMenuFlag = index; |
| | | |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | ></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire"> |
| | | <div class="herder_box"> |
| | | {{ $t("operatManage.operationLogObj.queryRegion") }} |
| | | </div> |
| | | |
| | | <el-form :inline="true" ref="sizeForm" :model="sizeForm"> |
| | | <el-form-item |
| | | prop="uname" |
| | |
| | | border-radius: 5px; |
| | | |
| | | overflow: auto; |
| | | height: 480px; |
| | | height: 530px; |
| | | /*ä¿®æ¹table 表ä½çèæ¯é¢è²åæåé¢è²*/ |
| | | /deep/ .el-table { |
| | | background-color: transparent; |