| | |
| | | |
| | | dataManage: { |
| | | dataManage: 'Data Manage', |
| | | catalogueManage: 'Directory management', |
| | | catalogueManage: 'project management', |
| | | dataUpdata: 'dataUpdata', |
| | | datawarehousing: 'Data warehousing', |
| | | rangeManage: 'Range management', |
| | | dataRetrieval: 'data retrieval', |
| | | dataRetrieval: 'Data query', |
| | | dataDownload: 'Data download', |
| | | projectManage: 'Project information', |
| | | dataStatistics: 'data Statistics', |
| | |
| | | code: 'Code' |
| | | }, |
| | | |
| | | metadataManage: 'Metadata management', |
| | | metadataManage: 'information management', |
| | | dataLoading: 'dataLoading', |
| | | SpatialData: 'SpatialData', |
| | | versionManage: 'versionManage', |
| | |
| | | }, |
| | | dataManage: { |
| | | dataManage: 'æ°æ®ç®¡ç', |
| | | catalogueManage: 'ç®å½ç®¡ç', |
| | | catalogueManage: '项ç®ç®¡ç', |
| | | dataUpdata: 'æ°æ®ä¸ä¼ ', |
| | | datawarehousing: 'æ°æ®å
¥åº', |
| | | rangeManage: 'å¼å管ç', |
| | | dataRetrieval: 'æ°æ®æ£ç´¢', |
| | | dataRetrieval: 'æ°æ®æ¥è¯¢', |
| | | dataDownload: 'æ°æ®ä¸è½½', |
| | | projectManage: '项ç®ä¿¡æ¯', |
| | | dataStatistics: 'æ°æ®ç»è®¡', |
| | |
| | | inspectionItems: "æ£æ¥é¡¹", |
| | | code: 'ç¼ç ' |
| | | }, |
| | | metadataManage: 'å
æ°æ®ç®¡ç', |
| | | metadataManage: 'ä¿¡æ¯ç®¡ç', |
| | | dataLoading: 'æ°æ®å
¥åº', |
| | | SpatialData: 'ç©ºé´æ°æ®ç®¡ç', |
| | | versionManage: 'çæ¬ç®¡ç', |
| | |
| | | this.menuTopFrom.queryLayer = valTree[0].tabDesc; |
| | | for (var i = 0; i < valTree.length; i++) { |
| | | if (valTree[i].entity) { |
| | | debugger |
| | | |
| | | this.treeChange.push(valTree[i]); |
| | | } |
| | | |
| | |
| | | |
| | | //äºç»´/ä¸ç»´å°å¾åæ¢ |
| | | changeMapType() { |
| | | // debugger |
| | | // |
| | | this.show2DMap = !this.show2DMap; |
| | | //äºç»´ |
| | | if (this.show2DMap) { |
| | |
| | | }, |
| | | //äºç»´/ä¸ç»´å°å¾åæ¢ |
| | | changeMapType() { |
| | | // debugger |
| | | // |
| | | this.show2DMap = !this.show2DMap; |
| | | //äºç»´ |
| | | if (this.show2DMap) { |
| | |
| | | }, |
| | | //é¼ æ ç§»å
¥èåäºä»¶ |
| | | setMenuMove(index, item) { |
| | | if (item.perms != null) { |
| | | |
| | | if (item.perms != null && item.perms != "") { |
| | | this.$router.push(item.url); |
| | | if (this.showFlag != null) { |
| | | |
| | |
| | | for (var i in res) { |
| | | res[i].checkClass = res[i].css + '1'; |
| | | res[i].show = false; //æ§å¶æ¾é |
| | | if (res[i].perms == null) { |
| | | |
| | | if (res[i].perms == null || res[i].perms == "") { |
| | | const result = await selectMenuRecursive({ id: res[i].id }); |
| | | |
| | | if (result.code == 200) { |
| | | |
| | | res[i].children = result.result.filter((value) => { |
| | | return value.isShow == 1; |
| | | }) |
| | | .filter((value) => { |
| | | return value.pid == res[i].id; |
| | | }); |
| | | |
| | | } |
| | | this.listMenu.push(res[i]); |
| | | // this.changeSelectStyle = this.listMenu.length - 1; |
| | |
| | | import roleResAuthorization from '@/views/AuthorizationManagement/roleResAuthorization.vue'; //ç³»ç»ç®¡ç-è§è²èµæºææ |
| | | import roleMenuAuthorization from '@/views/AuthorizationManagement/roleMenuAuthorization.vue'; //ç³»ç»ç®¡ç-è§è²èåææ |
| | | |
| | | import bankController from '../views/datamanage/bankController.vue';//æ°æ®åºç®¡ç |
| | | import projectController from '../views/datamanage/projectController.vue';//项ç®ç®¡ç |
| | | |
| | | |
| | | |
| | | //å
äº |
| | | import WareInspection from '@/views/PackageTwo/WareInspection.vue'; //æ°æ®è´¨æ£-å
¥åºè´¨æ£ |
| | | import QualityInspection from '@/views/PackageTwo/index.vue'; //æ°æ®è´¨æ£-å
¥åºè´¨æ£ |
| | |
| | | }, |
| | | }, |
| | | { |
| | | path: '/bankController', |
| | | component: bankController, |
| | | name: 'bankController', |
| | | meta: { |
| | | title: 'æ°æ®åºç®¡ç', |
| | | requireAuth: true, // æ è¯è¯¥è·¯ç±æ¯å¦éè¦ç»å½ |
| | | }, |
| | | }, |
| | | { |
| | | path: '/projectController', |
| | | component: projectController, |
| | | name: 'projectController', |
| | | meta: { |
| | | title: '项ç®ç®¡ç', |
| | | requireAuth: true, // æ è¯è¯¥è·¯ç±æ¯å¦éè¦ç»å½ |
| | | }, |
| | | }, |
| | | { |
| | | path: '/dataController', |
| | | component: dataController, |
| | | name: 'dataController', |
| | |
| | | PDelevationTool.type = "none"; |
| | | } |
| | | PDelevationTool.render(); |
| | | debugger |
| | | |
| | | break; |
| | | case "d3": //è·¯å¾åæ |
| | | |
| | |
| | | var std = []; |
| | | for (var i in data1) { |
| | | if (data1[i].type != 'geometry' && data1[i].type) { |
| | | debugger |
| | | |
| | | this.filedsOption.push(data1[i]); |
| | | } |
| | | if (data1[i].showtype == 1) { |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="contentBox"> |
| | | |
| | | <div |
| | | class="box" |
| | | ref="box" |
| | | > |
| | | <div class="left box_div"> |
| | | <el-menu |
| | | :default-active="activeIndex" |
| | | background-color="transparent" |
| | | @select="handleselect" |
| | | > |
| | | <customElMenu :menuData="menuList"></customElMenu> |
| | | </el-menu> |
| | | </div> |
| | | <div |
| | | class="resize" |
| | | title="æ¶ç¼©ä¾§è¾¹æ " |
| | | > |
| | | â® |
| | | </div> |
| | | <div class="mid box_div"> |
| | | <data-updata v-if="setMenuFlag == 'dataUpdata'"></data-updata> |
| | | <catalogue-manage v-if="setMenuFlag == 'catalogueManage'"></catalogue-manage> |
| | | <spatial-data v-if="setMenuFlag == 'SpatialData'"></spatial-data> |
| | | <version-manage v-if="setMenuFlag == 'versionManage'"></version-manage> |
| | | <domain-manage v-if="setMenuFlag == 'domainManage'"></domain-manage> |
| | | <dictionary-manage v-if="setMenuFlag == 'dictionaryManage'"></dictionary-manage> |
| | | <metadata-manage v-if="setMenuFlag == 'metadataManage'"></metadata-manage> |
| | | <style-manage v-if="setMenuFlag == 'styleManage'"></style-manage> |
| | | <data-loader v-if="setMenuFlag == 'dataLoader'"></data-loader> |
| | | <down-loader v-if="setMenuFlag == 'downLoader'"></down-loader> |
| | | <project-manage v-if="setMenuFlag == 'projectManage'"></project-manage> |
| | | <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | | import { selectMenuRecursive, queryMenuTree, sign_insertOpLog } from '../../api/api'; |
| | | import customElMenu from '../../components/customElMenu.vue'; |
| | | import dataUpdata from '@/views/datamanage/dataUpdata.vue'; //æ°æ®ç®¡ç-æ°æ®ä¸ä¼ |
| | | import catalogueManage from '@/views/datamanage/catalogueManage.vue'; //æ°æ®ç®¡ç-ç®å½ç®¡ç |
| | | import SpatialData from '@/views/datamanage/SpatialData.vue'; //æ°æ®ç®¡ç-æ°æ®æ£ç´¢ |
| | | import versionManage from '@/views/datamanage/versionManage.vue'; //æ°æ®ç®¡ç-çæ¬ç®¡ç |
| | | import domainManage from '@/views/datamanage/domainManage.vue'; //æ°æ®ç®¡ç-å¼å管ç |
| | | import dictionaryManage from '@/views/datamanage/dictionaryManage.vue'; //æ°æ®ç®¡ç-åå
¸ç®¡ç |
| | | import metadataManage from '@/views/datamanage/metadataManage.vue'; //æ°æ®ç®¡ç-å
æ°æ®ç®¡ç |
| | | import styleManage from '@/views/datamanage/styleManage.vue'; //æ°æ®ç®¡ç-æ ·å¼ç®¡ç |
| | | import dataLoader from '@/views/datamanage/dataLoader.vue'; //æ°æ®ç®¡ç-æ°æ®å
¥åº |
| | | import downLoader from '@/views/datamanage/downLoader.vue'; //æ°æ®ç®¡ç-æ°æ®ä¸è½½ |
| | | import projectManage from '@/views/datamanage/projectManage.vue'; //项ç®ç®¡ç |
| | | import dataStatistics from '@/views/datamanage/dataStatistics.vue'; //æ°æ®ç»è®¡ |
| | | |
| | | export default { |
| | | components: { |
| | | customElMenu, |
| | | dataUpdata, |
| | | catalogueManage, |
| | | SpatialData, |
| | | versionManage, |
| | | domainManage, |
| | | dictionaryManage, |
| | | metadataManage, |
| | | styleManage, |
| | | dataLoader, |
| | | downLoader, |
| | | projectManage, |
| | | dataStatistics, |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | | setMenuFlag: ' ', |
| | | activeIndex: ' ', |
| | | oriData: [], //åå§æ æ°æ® |
| | | dirData: [], //elæ æ°æ® |
| | | newData: [], //æå¨åæ°æ® |
| | | lang: 'zh', |
| | | |
| | | menuList: [], |
| | | editTitle: '', |
| | | showPopover: false, |
| | | showEditInfoWrapper: false, |
| | | showEdit: false, |
| | | editMenu: false, |
| | | editCatalogue: false, |
| | | editUnit: false, |
| | | itemdetail: {}, |
| | | formLabelWidth: '70px', |
| | | }; |
| | | }, |
| | | created() { }, |
| | | mounted() { |
| | | this.getTreeData(); |
| | | //左峿å |
| | | this.dragControllerDiv(); |
| | | }, |
| | | methods: { |
| | | //左峿å |
| | | dragControllerDiv: function () { |
| | | var resize = document.getElementsByClassName('resize'); |
| | | var left = document.getElementsByClassName('left'); |
| | | var mid = document.getElementsByClassName('mid'); |
| | | var box = document.getElementsByClassName('box'); |
| | | for (let i = 0; i < resize.length; i++) { |
| | | // é¼ æ æä¸äºä»¶ |
| | | resize[i].onmousedown = function (e) { |
| | | //é¢è²æ¹åæé |
| | | resize[i].style.background = '#818181'; |
| | | var startX = e.clientX; |
| | | resize[i].left = resize[i].offsetLeft; |
| | | // é¼ æ æå¨äºä»¶ |
| | | document.onmousemove = function (e) { |
| | | var endX = e.clientX; |
| | | var moveLen = resize[i].left + (endX - startX); // ï¼endx-startxï¼=ç§»å¨çè·ç¦»ãresize[i].left+ç§»å¨çè·ç¦»=左边åºåæåç宽度 |
| | | var maxT = box[i].clientWidth - resize[i].offsetWidth; // 容å¨å®½åº¦ - 左边åºåç宽度 = å³è¾¹åºåç宽度 |
| | | |
| | | if (moveLen < 205) moveLen = 205; // 左边åºåçæå°å®½åº¦ä¸º32px |
| | | if (moveLen > maxT - 300) moveLen = maxT - 300; //å³è¾¹åºåæå°å®½åº¦ä¸º150px |
| | | |
| | | resize[i].style.left = moveLen; // 设置左侧åºåç宽度 |
| | | |
| | | for (let j = 0; j < left.length; j++) { |
| | | left[j].style.width = moveLen + 'px'; |
| | | mid[j].style.width = (box[i].clientWidth - moveLen - 10) + 'px'; |
| | | } |
| | | }; |
| | | // é¼ æ æ¾å¼äºä»¶ |
| | | document.onmouseup = function (evt) { |
| | | //é¢è²æ¢å¤ |
| | | resize[i].style.background = '#d6d6d6'; |
| | | document.onmousemove = null; |
| | | document.onmouseup = null; |
| | | resize[i].releaseCapture && resize[i].releaseCapture(); //å½ä½ ä¸å¨éè¦ç»§ç»è·å¾é¼ æ æ¶æ¯å°±è¦åºè¯¥è°ç¨ReleaseCapture()éæ¾æ |
| | | }; |
| | | resize[i].setCapture && resize[i].setCapture(); //è¯¥å½æ°å¨å±äºå½å线ç¨çæå®çªå£éè®¾ç½®é¼ æ æè· |
| | | return false; |
| | | }; |
| | | } |
| | | }, |
| | | |
| | | |
| | | |
| | | //è·åæ |
| | | async getTreeData() { |
| | | const data = await queryMenuTree(); |
| | | |
| | | let menuLists = data.result.filter((value) => { |
| | | return value.url == '/bankController'; |
| | | }); |
| | | |
| | | const res = await selectMenuRecursive({ id: menuLists[0].id }); |
| | | |
| | | if (res.code == 200) { |
| | | if (res.result.length != 0) { |
| | | let menuList = res.result.filter((value) => { |
| | | return value.type == 1; |
| | | }); |
| | | |
| | | this.menuList = this.treeData(menuList); |
| | | this.m1 = this.menuList[0].cnName; |
| | | this.setViewController(this.menuList[0]); |
| | | |
| | | const hanleselectindex = sessionStorage.getItem('hanleselectindex') |
| | | if (hanleselectindex) { |
| | | this.$nextTick(function () { |
| | | this.handleselecttwo(JSON.parse(hanleselectindex).url, JSON.parse(hanleselectindex)) |
| | | this.setViewController(JSON.parse(hanleselectindex)) |
| | | }) |
| | | } |
| | | } else { |
| | | |
| | | this.$message.error('ææ èåæ æ°æ®'); |
| | | } |
| | | } else { |
| | | this.$message.error('æ¥å£æ¥é'); |
| | | } |
| | | |
| | | // this.treeList = this.treeData(data.result); |
| | | }, |
| | | setViewController(res) { |
| | | if (res.children != null) { |
| | | this.setViewController(res.children[0]); |
| | | } else { |
| | | this.signInsertOpLog(this.m1, res.cnName) |
| | | this.$store.state.currentPerms = res.perms; |
| | | this.setMenuFlag = res.url; |
| | | this.activeIndex = res.url; |
| | | } |
| | | }, |
| | | async signInsertOpLog(m1, m2) { |
| | | var obj = { |
| | | m1: m1, |
| | | m2: m2, |
| | | } |
| | | const data = await sign_insertOpLog(obj); |
| | | }, |
| | | treeData(source) { |
| | | let cloneData = JSON.parse(JSON.stringify(source)); // å¯¹æºæ°æ®æ·±åº¦å
é |
| | | // console.log(cloneData); |
| | | if (cloneData.length != 0) { |
| | | return cloneData.filter((father) => { |
| | | // å¾ªç¯ææé¡¹ |
| | | let branchArr = cloneData.filter((child) => father.id == child.pid); // 对æ¯IDï¼åå«ä¸ä¸çº§èåï¼å¹¶è¿åæ°æ® |
| | | branchArr.length > 0 ? (father.children = branchArr) : ''; // ç»ç¶çº§æ·»å ä¸ä¸ªchildren屿§ï¼å¹¶èµå¼ |
| | | // å±äºåä¸å¯¹è±¡é®é¢ï¼ä¾å¦ï¼ä»¤ a=bãc=1 ï¼ç¶åå令 b.c=c ï¼ é£ä¹ a.c=b.c=c=1 ï¼åçï¼åç»ä»¤ c.d=2 ,é£ä¹ a.c.d 乿¯=2ï¼ |
| | | // ç±æ¤å¾ªç¯å¤æ¬¡åï¼å°±è½å½¢æç¸åºçæ å½¢æ°æ®ç»æ |
| | | return father.pid == 86; // è¿åä¸çº§èå |
| | | }); |
| | | } else { |
| | | |
| | | this.$message.error('ææ èåæ æ°æ®'); |
| | | } |
| | | }, |
| | | |
| | | handleselect(index, indexPath, e) { |
| | | const a = JSON.stringify(e.$attrs.perms) |
| | | this.signInsertOpLog(this.m1, e.$attrs.perms.cnName) |
| | | sessionStorage.setItem('hanleselectindex', a) |
| | | var data = e.$attrs.perms; |
| | | this.$store.state.currentPerms = data.perms; |
| | | var index = data.url; |
| | | |
| | | if (index != null) { |
| | | if (index.indexOf('http') != -1) { |
| | | this.$store.commit('getIframe', data.url); |
| | | index = 'dataIfream'; |
| | | } |
| | | } |
| | | this.setMenuFlag = index; |
| | | }, |
| | | |
| | | handleselecttwo(index, e) { |
| | | const a = JSON.stringify(e) |
| | | sessionStorage.setItem('hanleselectindex', a) |
| | | var data = e; |
| | | this.$store.state.currentPerms = data.perms; |
| | | var index = data.url; |
| | | |
| | | if (index != null) { |
| | | if (index.indexOf('http') != -1) { |
| | | this.$store.commit('getIframe', data.url); |
| | | index = 'dataIfream'; |
| | | } |
| | | } |
| | | this.setMenuFlag = index; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |
| | |
| | | import dataLoader from '@/views/datamanage/dataLoader.vue'; //æ°æ®ç®¡ç-æ°æ®å
¥åº |
| | | import downLoader from '@/views/datamanage/downLoader.vue'; //æ°æ®ç®¡ç-æ°æ®ä¸è½½ |
| | | import projectManage from '@/views/datamanage/projectManage.vue'; //项ç®ç®¡ç |
| | | import dataStatistics from '@/views/datamanage/dataStatistics.vue'; //æ°æ®ç»è®¡ |
| | | |
| | | import dataStatistics from '@/views/datamanage/dataStatistics.vue'; //æ°æ®ç»è®¡ |
| | | |
| | | export default { |
| | | components: { |
| | | customElMenu, |
| | |
| | | downLoader, |
| | | projectManage, |
| | | dataStatistics, |
| | | |
| | | |
| | | }, |
| | | data() { |
| | | return { |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="contentBox"> |
| | | |
| | | <div |
| | | class="box" |
| | | ref="box" |
| | | > |
| | | <div class="left box_div"> |
| | | <el-menu |
| | | :default-active="activeIndex" |
| | | background-color="transparent" |
| | | @select="handleselect" |
| | | > |
| | | <customElMenu :menuData="menuList"></customElMenu> |
| | | </el-menu> |
| | | </div> |
| | | <div |
| | | class="resize" |
| | | title="æ¶ç¼©ä¾§è¾¹æ " |
| | | > |
| | | â® |
| | | </div> |
| | | <div class="mid box_div"> |
| | | <data-updata v-if="setMenuFlag == 'dataUpdata'"></data-updata> |
| | | <catalogue-manage v-if="setMenuFlag == 'catalogueManage'"></catalogue-manage> |
| | | <spatial-data v-if="setMenuFlag == 'SpatialData'"></spatial-data> |
| | | <version-manage v-if="setMenuFlag == 'versionManage'"></version-manage> |
| | | <domain-manage v-if="setMenuFlag == 'domainManage'"></domain-manage> |
| | | <dictionary-manage v-if="setMenuFlag == 'dictionaryManage'"></dictionary-manage> |
| | | <metadata-manage v-if="setMenuFlag == 'metadataManage'"></metadata-manage> |
| | | <style-manage v-if="setMenuFlag == 'styleManage'"></style-manage> |
| | | <data-loader v-if="setMenuFlag == 'dataLoader'"></data-loader> |
| | | <down-loader v-if="setMenuFlag == 'downLoader'"></down-loader> |
| | | <project-manage v-if="setMenuFlag == 'projectManage'"></project-manage> |
| | | <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | | import { selectMenuRecursive, queryMenuTree, sign_insertOpLog } from '../../api/api'; |
| | | import customElMenu from '../../components/customElMenu.vue'; |
| | | import dataUpdata from '@/views/datamanage/dataUpdata.vue'; //æ°æ®ç®¡ç-æ°æ®ä¸ä¼ |
| | | import catalogueManage from '@/views/datamanage/catalogueManage.vue'; //æ°æ®ç®¡ç-ç®å½ç®¡ç |
| | | import SpatialData from '@/views/datamanage/SpatialData.vue'; //æ°æ®ç®¡ç-æ°æ®æ£ç´¢ |
| | | import versionManage from '@/views/datamanage/versionManage.vue'; //æ°æ®ç®¡ç-çæ¬ç®¡ç |
| | | import domainManage from '@/views/datamanage/domainManage.vue'; //æ°æ®ç®¡ç-å¼å管ç |
| | | import dictionaryManage from '@/views/datamanage/dictionaryManage.vue'; //æ°æ®ç®¡ç-åå
¸ç®¡ç |
| | | import metadataManage from '@/views/datamanage/metadataManage.vue'; //æ°æ®ç®¡ç-å
æ°æ®ç®¡ç |
| | | import styleManage from '@/views/datamanage/styleManage.vue'; //æ°æ®ç®¡ç-æ ·å¼ç®¡ç |
| | | import dataLoader from '@/views/datamanage/dataLoader.vue'; //æ°æ®ç®¡ç-æ°æ®å
¥åº |
| | | import downLoader from '@/views/datamanage/downLoader.vue'; //æ°æ®ç®¡ç-æ°æ®ä¸è½½ |
| | | import projectManage from '@/views/datamanage/projectManage.vue'; //项ç®ç®¡ç |
| | | import dataStatistics from '@/views/datamanage/dataStatistics.vue'; //æ°æ®ç»è®¡ |
| | | |
| | | export default { |
| | | components: { |
| | | customElMenu, |
| | | dataUpdata, |
| | | catalogueManage, |
| | | SpatialData, |
| | | versionManage, |
| | | domainManage, |
| | | dictionaryManage, |
| | | metadataManage, |
| | | styleManage, |
| | | dataLoader, |
| | | downLoader, |
| | | projectManage, |
| | | dataStatistics, |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | | setMenuFlag: ' ', |
| | | activeIndex: ' ', |
| | | oriData: [], //åå§æ æ°æ® |
| | | dirData: [], //elæ æ°æ® |
| | | newData: [], //æå¨åæ°æ® |
| | | lang: 'zh', |
| | | |
| | | menuList: [], |
| | | editTitle: '', |
| | | showPopover: false, |
| | | showEditInfoWrapper: false, |
| | | showEdit: false, |
| | | editMenu: false, |
| | | editCatalogue: false, |
| | | editUnit: false, |
| | | itemdetail: {}, |
| | | formLabelWidth: '70px', |
| | | }; |
| | | }, |
| | | created() { }, |
| | | mounted() { |
| | | this.getTreeData(); |
| | | //左峿å |
| | | this.dragControllerDiv(); |
| | | }, |
| | | methods: { |
| | | //左峿å |
| | | dragControllerDiv: function () { |
| | | var resize = document.getElementsByClassName('resize'); |
| | | var left = document.getElementsByClassName('left'); |
| | | var mid = document.getElementsByClassName('mid'); |
| | | var box = document.getElementsByClassName('box'); |
| | | for (let i = 0; i < resize.length; i++) { |
| | | // é¼ æ æä¸äºä»¶ |
| | | resize[i].onmousedown = function (e) { |
| | | //é¢è²æ¹åæé |
| | | resize[i].style.background = '#818181'; |
| | | var startX = e.clientX; |
| | | resize[i].left = resize[i].offsetLeft; |
| | | // é¼ æ æå¨äºä»¶ |
| | | document.onmousemove = function (e) { |
| | | var endX = e.clientX; |
| | | var moveLen = resize[i].left + (endX - startX); // ï¼endx-startxï¼=ç§»å¨çè·ç¦»ãresize[i].left+ç§»å¨çè·ç¦»=左边åºåæåç宽度 |
| | | var maxT = box[i].clientWidth - resize[i].offsetWidth; // 容å¨å®½åº¦ - 左边åºåç宽度 = å³è¾¹åºåç宽度 |
| | | |
| | | if (moveLen < 205) moveLen = 205; // 左边åºåçæå°å®½åº¦ä¸º32px |
| | | if (moveLen > maxT - 300) moveLen = maxT - 300; //å³è¾¹åºåæå°å®½åº¦ä¸º150px |
| | | |
| | | resize[i].style.left = moveLen; // 设置左侧åºåç宽度 |
| | | |
| | | for (let j = 0; j < left.length; j++) { |
| | | left[j].style.width = moveLen + 'px'; |
| | | mid[j].style.width = (box[i].clientWidth - moveLen - 10) + 'px'; |
| | | } |
| | | }; |
| | | // é¼ æ æ¾å¼äºä»¶ |
| | | document.onmouseup = function (evt) { |
| | | //é¢è²æ¢å¤ |
| | | resize[i].style.background = '#d6d6d6'; |
| | | document.onmousemove = null; |
| | | document.onmouseup = null; |
| | | resize[i].releaseCapture && resize[i].releaseCapture(); //å½ä½ ä¸å¨éè¦ç»§ç»è·å¾é¼ æ æ¶æ¯å°±è¦åºè¯¥è°ç¨ReleaseCapture()éæ¾æ |
| | | }; |
| | | resize[i].setCapture && resize[i].setCapture(); //è¯¥å½æ°å¨å±äºå½å线ç¨çæå®çªå£éè®¾ç½®é¼ æ æè· |
| | | return false; |
| | | }; |
| | | } |
| | | }, |
| | | |
| | | |
| | | |
| | | //è·åæ |
| | | async getTreeData() { |
| | | const data = await queryMenuTree(); |
| | | |
| | | let menuLists = data.result.filter((value) => { |
| | | return value.url == '/projectController'; |
| | | }); |
| | | |
| | | const res = await selectMenuRecursive({ id: menuLists[0].id }); |
| | | |
| | | if (res.code == 200) { |
| | | if (res.result.length != 0) { |
| | | let menuList = res.result.filter((value) => { |
| | | return value.type == 1; |
| | | }); |
| | | this.menuList = this.treeData(menuList); |
| | | |
| | | this.m1 = this.menuList[0].cnName; |
| | | this.setViewController(this.menuList[0]); |
| | | |
| | | const hanleselectindex = sessionStorage.getItem('hanleselectindex') |
| | | if (hanleselectindex) { |
| | | this.$nextTick(function () { |
| | | this.handleselecttwo(JSON.parse(hanleselectindex).url, JSON.parse(hanleselectindex)) |
| | | this.setViewController(JSON.parse(hanleselectindex)) |
| | | }) |
| | | } |
| | | } else { |
| | | |
| | | this.$message.error('ææ èåæ æ°æ®'); |
| | | } |
| | | } else { |
| | | this.$message.error('æ¥å£æ¥é'); |
| | | } |
| | | |
| | | // this.treeList = this.treeData(data.result); |
| | | }, |
| | | setViewController(res) { |
| | | if (res.children != null) { |
| | | this.setViewController(res.children[0]); |
| | | } else { |
| | | this.signInsertOpLog(this.m1, res.cnName) |
| | | this.$store.state.currentPerms = res.perms; |
| | | this.setMenuFlag = res.url; |
| | | this.activeIndex = res.url; |
| | | } |
| | | }, |
| | | async signInsertOpLog(m1, m2) { |
| | | var obj = { |
| | | m1: m1, |
| | | m2: m2, |
| | | } |
| | | const data = await sign_insertOpLog(obj); |
| | | }, |
| | | treeData(source) { |
| | | let cloneData = JSON.parse(JSON.stringify(source)); // å¯¹æºæ°æ®æ·±åº¦å
é |
| | | // console.log(cloneData); |
| | | if (cloneData.length != 0) { |
| | | return cloneData.filter((father) => { |
| | | // å¾ªç¯ææé¡¹ |
| | | let branchArr = cloneData.filter((child) => father.id == child.pid); // 对æ¯IDï¼åå«ä¸ä¸çº§èåï¼å¹¶è¿åæ°æ® |
| | | branchArr.length > 0 ? (father.children = branchArr) : ''; // ç»ç¶çº§æ·»å ä¸ä¸ªchildren屿§ï¼å¹¶èµå¼ |
| | | // å±äºåä¸å¯¹è±¡é®é¢ï¼ä¾å¦ï¼ä»¤ a=bãc=1 ï¼ç¶åå令 b.c=c ï¼ é£ä¹ a.c=b.c=c=1 ï¼åçï¼åç»ä»¤ c.d=2 ,é£ä¹ a.c.d 乿¯=2ï¼ |
| | | // ç±æ¤å¾ªç¯å¤æ¬¡åï¼å°±è½å½¢æç¸åºçæ å½¢æ°æ®ç»æ |
| | | return father.pid == 85; // è¿åä¸çº§èå |
| | | }); |
| | | } else { |
| | | |
| | | this.$message.error('ææ èåæ æ°æ®'); |
| | | } |
| | | }, |
| | | |
| | | handleselect(index, indexPath, e) { |
| | | const a = JSON.stringify(e.$attrs.perms) |
| | | this.signInsertOpLog(this.m1, e.$attrs.perms.cnName) |
| | | sessionStorage.setItem('hanleselectindex', a) |
| | | var data = e.$attrs.perms; |
| | | this.$store.state.currentPerms = data.perms; |
| | | var index = data.url; |
| | | |
| | | if (index != null) { |
| | | if (index.indexOf('http') != -1) { |
| | | this.$store.commit('getIframe', data.url); |
| | | index = 'dataIfream'; |
| | | } |
| | | } |
| | | this.setMenuFlag = index; |
| | | }, |
| | | |
| | | handleselecttwo(index, e) { |
| | | const a = JSON.stringify(e) |
| | | sessionStorage.setItem('hanleselectindex', a) |
| | | var data = e; |
| | | this.$store.state.currentPerms = data.perms; |
| | | var index = data.url; |
| | | |
| | | if (index != null) { |
| | | if (index.indexOf('http') != -1) { |
| | | this.$store.commit('getIframe', data.url); |
| | | index = 'dataIfream'; |
| | | } |
| | | } |
| | | this.setMenuFlag = index; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |
| | |
| | | <parameter-configuration v-if="setMenuFlag == 'parameterConfiguration'"></parameter-configuration> |
| | | <downlog v-if="setMenuFlag == 'downlog'"></downlog> |
| | | <template-manage v-if="setMenuFlag == 'templateManage'"></template-manage> |
| | | <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | import templateManage from '@/views/userManage/templateManage.vue'//模æ¿ç®¡ç |
| | | import { selectMenuRecursive, queryMenuTree, getPerms, sign_insertOpLog } from '../../api/api'; |
| | | import customElMenu from '../../components/customElMenu.vue'; |
| | | import dataStatistics from '@/views/datamanage/dataStatistics.vue'; //æ°æ®ç»è®¡ |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | customElMenu, |
| | | downlog, |
| | | templateManage, |
| | | |
| | | dataStatistics |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | let menuList = res.result.filter((value) => { |
| | | return value.type == 1; |
| | | }) |
| | | .filter(value => { |
| | | return value.isShow == 1; |
| | | }); |
| | | .filter(value => { |
| | | return value.isShow == 1; |
| | | }); |
| | | this.menuList = this.treeData(menuList); |
| | | this.getCookies(); |
| | | const hanleselectmochaitmo = sessionStorage.getItem('hanleselectmochaitmo') |
| | |
| | | |
| | | handleselect(index, indexPath, e) { |
| | | this.getTimeCookies(); |
| | | |
| | | |
| | | this.signInsertOpLog(this.m1, e.$attrs.perms.cnName) |
| | | const a = JSON.stringify(e.$attrs.perms) |
| | | sessionStorage.setItem('hanleselectmochaitmo', a) |