Merge branch 'master' of http://192.168.20.39:8989/r/LFWEB_NEW
已添加43个文件
已修改76个文件
已删除1个文件
| | |
|---|
| | | "vue": "^2.6.11", |
|---|
| | | "vue-i18n": "^8.27.2", |
|---|
| | | "vue-router": "^3.2.0", |
|---|
| | | "vue-seamless-scroll": "^1.1.23", |
|---|
| | | "vuex": "^3.4.0", |
|---|
| | | "xlsx": "^0.18.5" |
|---|
| | | }, |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .textp1 { |
|---|
| | | font-size: 30px; |
|---|
| | | font-family: Microsoft YaHei; |
|---|
| | |
|---|
| | | .content { |
|---|
| | | height: calc(100% - 60px); |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .left_content { |
|---|
| | |
|---|
| | | |
|---|
| | | |
|---|
| | | .right_content { |
|---|
| | | |
|---|
| | | width: calc(100% - 325px); |
|---|
| | | height: 100%; |
|---|
| | | flex: 1; |
|---|
| | | box-sizing: border-box; |
|---|
| | | float: left; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .rb { |
|---|
| | | border-right: 1px solid #A0A0A0; |
|---|
| | | border-bottom: 1px solid #A0A0A0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #TEInfoEx { |
|---|
| | | width: calc(100% - 8px); |
|---|
| | | height: calc(100% - 35px); |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #TEWinEx { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .fieldset { |
|---|
| | | padding: 10px 5px; |
|---|
| | | height: calc(100% - 20px); |
|---|
| | | padding: 10px 0 10px 8px; |
|---|
| | | height: 100%; |
|---|
| | | width: 100%; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #layers { |
|---|
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | |
|---|
| | | <head> |
|---|
| | |
|---|
| | | <script> |
|---|
| | | window.app = { |
|---|
| | | fly: window.sceneConfig.fly, |
|---|
| | | //fly: "http://103.85.165.99:8050/LFData/fly/lfgd.fly", |
|---|
| | | mainUrl: location.href.substring(0, location.href.lastIndexOf("/") + 1) |
|---|
| | | } |
|---|
| | | document.writeln("<link href='./layui-v2.6.8/css/layui.css?" + new Date().getTime() + "' rel='stylesheet' \/>"); |
|---|
| | | document.writeln("<link href='./css/index.css?" + new Date().getTime() + "' rel='stylesheet' \/>"); |
|---|
| | | document.writeln("<script src='./js/detect.js?" + new Date().getTime() + "'><\/script>"); |
|---|
| | | document.writeln("<script src='./js/index.js?" + new Date().getTime() + "'><\/script>"); |
|---|
| | | |
|---|
| | | // $("#aDownload").attr("href", LFData + "/soft/TEv7.4.zip"); |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | <style> |
|---|
| | | a:hover { |
|---|
| | |
|---|
| | | <fieldset class="fieldset"> |
|---|
| | | <legend>æ°æ®ç®å½</legend> |
|---|
| | | <!-- <div id="layers"></div> --> |
|---|
| | | <div> |
|---|
| | | <object id="TerraExplorerInformationWindowEx" classid="CLSID:3A4F919B-65A8-11D5-85C1-0001023952C1"></object> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | <object id="TEInfoEx" classid="CLSID:3A4F919B-65A8-11D5-85C1-0001023952C1"></object> |
|---|
| | | </fieldset> |
|---|
| | | </div> |
|---|
| | | <div class="right_content"> |
|---|
| | |
|---|
| | | showDownload: function () { |
|---|
| | | $("#mapView").hide(); |
|---|
| | | $("#download").show(); |
|---|
| | | let a = document.getElementById('aDownload'); |
|---|
| | | var a = document.getElementById('aDownload'); |
|---|
| | | a.href = LFData + "/soft/TEv7.4.zip"; |
|---|
| | | }, |
|---|
| | | initSG: function () { |
|---|
| | | TerraExplorerInformationWindowEx.AttachTo3dWindow(TEWinEx); |
|---|
| | | TEInfoEx.AttachTo3dWindow(TEWinEx); |
|---|
| | | |
|---|
| | | SG = TEWinEx.CreateInstance("TerraExplorerX.SGWorld74"); // SGWorld74,SGWorld71,SGWorld66 |
|---|
| | | SG.AttachEvent("OnLoadFinished", this.loadFinished); |
|---|
| | | SG.Open(app.fly); |
|---|
| | | }, |
|---|
| | | loadFinished: function () { |
|---|
| | | $("#TEInfoEx").addClass("rb"); |
|---|
| | | SG.ProjectTree.ShowSearchTool = false; |
|---|
| | | SG.DetachEvent("OnLoadFinished", Index.loadFinished); |
|---|
| | | // var layers = []; |
|---|
| | | // Index.getLayers("", layers); |
|---|
| | | // Index.ininTrees("layers", layers); |
|---|
| | | // Index.flyToStart(); |
|---|
| | | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // |
|---|
| | | getLayers: function (pid, layers) { |
|---|
| | | var next = SG.ProjectTree.GetNextItem(pid, 11); |
|---|
| | | while (next) { |
|---|
| | |
|---|
| | | // this.menuFlag = !this.menuFlag; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | $(function () { |
|---|
| | | Index.init(); |
|---|
| | | |
|---|
| | | |
|---|
| | | }); |
|---|
| | |
|---|
| | | var o, r = { left: "100px", bottom: "10px" }; for (o in this.explainContainer = document.createElement("div"), this.explainContainer.id = "IndoormodeExplainContainer", this.explainContainer.style.cssText = ` |
|---|
| | | position: absolute; |
|---|
| | | padding: 10px; |
|---|
| | | margin-left: 50px; |
|---|
| | | background-color: rgba(0, 0, 0, 0.6); |
|---|
| | | border: 1px solid rgba(32, 160, 255, 0.6); |
|---|
| | | color: rgb(255, 255, 255); |
|---|
| | |
|---|
| | | var isWeb = true; |
|---|
| | | |
|---|
| | | var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.20.205' + ":8088"; |
|---|
| | | // var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.16.162' + ":12316"; |
|---|
| | | |
|---|
| | | var fmeHost = isWeb ? "103.85.165.99" + ":8051" : '192.168.20.205' + ":88"; |
|---|
| | | |
|---|
| | |
|---|
| | | // SGå°å |
|---|
| | | SGUrl: "http://" + iisHost + "/SG/Elevation", |
|---|
| | | // Flyå°å |
|---|
| | | fly: 'http://' + iisHost + '/LFData/fly/' + (isWeb ? "lfy_web.fly" : "lf_127.fly"), |
|---|
| | | // fly: 'http://' + iisHost + '/LFData/fly/' + (isWeb ? "lfy_web.fly" : "lf_127.fly"), |
|---|
| | | fly: 'http://' + iisHost + '/LFData/fly/' + (isWeb ? "lfgd.fly" : "lfgd_127.fly"), |
|---|
| | | // |
|---|
| | | positionBtn: [], |
|---|
| | | }; |
|---|
| | | //å·¥ç¹ä¿¡æ¯è¡¨ |
|---|
| | | var workSite = [ |
|---|
| | | { |
|---|
| | | name: "åå¯ä¿¡æ¯è¡¨", |
|---|
| | | table: "s_survey_information", |
|---|
| | | ns: 'bs', |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | | |
|---|
| | | var gaoDeBaseUrl = [{ |
|---|
| | | url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', |
|---|
| | |
|---|
| | | //请æ±å°å |
|---|
| | | return request.get('/meta/selectPageAndCountByPid', { params: params }); |
|---|
| | | } |
|---|
| | | //å
æ°æ®=>æ ¹æ®ç¶IDå页æ¥è¯¢å¹¶è¿åè®°å½æ° |
|---|
| | | export function meta_selectById(params) { |
|---|
| | | //请æ±å°å |
|---|
| | | return request.get('/meta/selectById', { params: params }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | //ç»ç»æºææ ¹æ®idæ¥è¯¢ |
|---|
| | |
|---|
| | | export function dataUploadSelectVerByDirid(params) { |
|---|
| | | return request.get('/dataUpload/selectVerByDirid', { params: params }); |
|---|
| | | } |
|---|
| | | //æ°æ®ä¸ä¼ =>è·åæ件ä¸ä¼ è·¯å¾ |
|---|
| | | |
|---|
| | | //æ°æ®ä¸ä¼ =>è·åçæ¬Id |
|---|
| | | export function dataUpload_selectMetaById(params) { |
|---|
| | | return request.get('/dataUpload/selectMetaById', { params: params }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | //æ°æ®ä¸ä¼ =>æ ¹æ®æºæ°æ®IDæ¥è¯¢ |
|---|
| | | export function dataUploadSelectPath(params) { |
|---|
| | | return request.get('/dataUpload/selectPath', { params: params }); |
|---|
| | | } |
|---|
| | |
|---|
| | | export function dataLib_selectPageCountForDownload(params) { |
|---|
| | | return request.get('/dataLib/selectPageCountForDownload', { params: params }); |
|---|
| | | } |
|---|
| | | //èµæé¦=>æ ¹æ®æºæ°æ®IDæ¥è¯¢ |
|---|
| | | export function dataLib_selectMetaById(params) { |
|---|
| | | return request.get('/dataLib/selectMetaById', { params: params }); |
|---|
| | | } |
|---|
| | | //èµæé¦=>æ ¹æ®ç¶IDå页æ¥è¯¢å¹¶è¿åè®°å½æ° |
|---|
| | | export function dataLib_selectPageAndCountByPid(params) { |
|---|
| | | return request.get('/dataLib/selectPageAndCountByPid', { params: params }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | //ä¸è½½æ¥å¿=ãå页æ¥è¯¢å¹¶è¿åè®°å½æ° |
|---|
| | | export function downlog_selectByPageAndCount(params) { |
|---|
| | |
|---|
| | | import request from "@/utils/request" |
|---|
| | | |
|---|
| | | // ä¸å¼ å¾æ°æ®æ¥å£ |
|---|
| | | // ä¸å¼ å¾æ°æ®æ¥å£ |
|---|
| | | |
|---|
| | | // æ°æ®ç³è¯· |
|---|
| | | export function countDataApply(params) { |
|---|
| | |
|---|
| | | // å½å®¶ç»´åº¦-æ°éç»è®¡ |
|---|
| | | export function countCountryDimension(params) { |
|---|
| | | return request.get("/oneMap/countCountryDimension", { params: params }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | //æå¡è®¿é®æ¬¡æ° |
|---|
| | | export function GetServicesVisitsCount(params) { |
|---|
| | | return request.get("/oneMap/countDataServiceType", { params: params }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | //æç
§ç±»å«è®¿é®ç»è®¡è®¿é®æ¬¡æ° |
|---|
| | | export function GetTypeVisitsCount(params) { |
|---|
| | | return request.get("/oneMap/countLargeCategories", { params: params }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | //å
¨å½ç«åºåº§æ°ãé室ã管éæ°ç |
|---|
| | | export function countZhPipeStations(params) { |
|---|
| | | return request.get("/oneMap/countZhPipeStations", { params: params }) |
|---|
| | | } |
|---|
| | | //å
¨å½ç®¡ç½å¾è¾éä»è´¨é¿åº¦ |
|---|
| | | export function countZhPipeMapLength(params) { |
|---|
| | | return request.get("/oneMap/countZhPipeMapLength", { params: params }) |
|---|
| | | } |
|---|
| | | //å°ç¾countLargeCategories |
|---|
| | | export function countLargeCategories(params) { |
|---|
| | | return request.get("/oneMap/countLargeCategories", { params: params }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // è·å项ç®å表 é¨åä¿¡æ¯ä¸å
¨ |
|---|
| | | export function selectProjectFileList(params) { |
|---|
| | | return request.get("/oneMap/selectProjectFileList", { params: params }) |
|---|
| | | } |
|---|
| | | // å个项ç®æ件ä¸è½½ |
|---|
| | | export function countProjectType(params) { |
|---|
| | | return request.get("/oneMap/countProjectType", { params: params }) |
|---|
| | | } |
|---|
| | | // å个项ç®æ°æ®åå¨é |
|---|
| | | export function countProjectStorage(params) { |
|---|
| | | return request.get("/oneMap/countProjectStorage", { params: params }) |
|---|
| | | } |
|---|
| | | // å个项ç®ä¸è½½é |
|---|
| | | export function countProjectDown(params) { |
|---|
| | | return request.get("/oneMap/countProjectDown", { params: params }) |
|---|
| | | } |
|---|
| | | // å个项ç®ä¿¡æ¯ |
|---|
| | | export function selectProjectInfo(params) { |
|---|
| | | return request.get("/oneMap/selectProjectInfo", { params: params }) |
|---|
| | | } |
|---|
| | | // å个项ç®æ°æ®ææ°é |
|---|
| | | export function countStorageByProject(params) { |
|---|
| | | return request.get("/oneMap/countStorageByProject", { params: params }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // å
¨çãå
¨å½é¡¹ç® |
|---|
| | | // å
¨å½ç»´åº¦-æç
§é¡¹èªç±»åç»è®¡ä¸å项ç®ä¸ªæ° |
|---|
| | | export function countProjectTypeNumber(params) { |
|---|
| | | return request.get("/oneMap/countProjectTypeNumber", { params: params }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // ä¸è½½éç»è®¡ |
|---|
| | | |
|---|
| | | export function countDownloads(params) { |
|---|
| | | return request.get("/oneMap/countDownloads", { params: params }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | // æ¥è¯¢ç®¡çº¿ |
|---|
| | | export function selectPipelines(params) { |
|---|
| | | return request.get("/comprehensive/selectPipelines", { params: params }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // æ件é¢è§æ¥å£ |
|---|
| | | export function dataLibView(params) { |
|---|
| | | return request.get("/dataLib/downloadForView", { params: params }) |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .Black_theme .twoMenu_imge46 { |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 14 æ·è´ 3.png") no-repeat center; |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 14 æ·è´ 10.png") no-repeat center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .Black_theme .twoMenu_imge47 { |
|---|
| | |
|---|
| | | |
|---|
| | | /* é«å±éæµå¾æ */ |
|---|
| | | .Black_theme .twoMenu_imge77 { |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 31 æ·è´.png") no-repeat center; |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 37 æ·è´ 4.png") no-repeat center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | .Black_theme .el-select__input { |
|---|
| | | color: "#FFF"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .Black_theme .menuBox .el-dialog__wrapper .buffer-dialog { |
|---|
| | | background-color: rgba(48, 48, 48, 0.85) !important; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .twoMenu_imge46 { |
|---|
| | | background: url("../../assets/img/synthesis/images/3ç½åº_133.png") no-repeat center; |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 14 æ·è´ 8.png") no-repeat center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .twoMenu_imge47 { |
|---|
| | |
|---|
| | | |
|---|
| | | /* é«å±éæµå¾æ */ |
|---|
| | | .twoMenu_imge77 { |
|---|
| | | background: url("../../assets/img/synthesis/images/3ç½åº_198.png") no-repeat center; |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 37 æ·è´ 4(1).png") no-repeat center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:hover { |
|---|
| | | background: transparent; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*el-tableè¾¹æ¡*/ |
|---|
| | | .el-table { |
|---|
| | | border-left: none !important; |
|---|
| | | border-right: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table td { |
|---|
| | | border-right: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.is-leaf { |
|---|
| | | border-right: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table--group::after, |
|---|
| | | .el-table--border::after { |
|---|
| | | width: 0 !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .el-table__body-wrapper { |
|---|
| | | flex: 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.gutter { |
|---|
| | | display: table-cell !important; |
|---|
| | | } |
|---|
| | |
|---|
| | | width: 98%; |
|---|
| | | height: 98%; |
|---|
| | | padding: 1%; |
|---|
| | | overflow: auto; |
|---|
| | | /* overflow: auto; */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .subpage_Iquery { |
|---|
| | |
|---|
| | | |
|---|
| | | .infoBox p { |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .userText { |
|---|
| | | font-size: 15px; |
|---|
| | | font-size: 10px; |
|---|
| | | line-height: 15px; |
|---|
| | | font-family: Microsoft YaHei; |
|---|
| | | font-weight: 400; |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .TextLanguage { |
|---|
| | | font-size: 15px; |
|---|
| | | font-size: 10px; |
|---|
| | | line-height: 15px; |
|---|
| | | font-family: Microsoft YaHei; |
|---|
| | | font-weight: 400; |
|---|
| | |
|---|
| | | |
|---|
| | | .elLink { |
|---|
| | | margin-left: 5px; |
|---|
| | | font-size: 15px; |
|---|
| | | font-size: 10px; |
|---|
| | | margin-bottom: 4px; |
|---|
| | | color: white; |
|---|
| | | } |
|---|
| | |
|---|
| | | z-index: 1024; |
|---|
| | | margin-top: 15px; |
|---|
| | | background: rgba(244, 248, 255, 1); |
|---|
| | | box-shadow: 0px 0px 6px 2px rgba(244,248,255, 0.85); |
|---|
| | | box-shadow: 0px 0px 6px 2px rgba(244, 248, 255, 0.85); |
|---|
| | | border-radius: 5px; |
|---|
| | | border: 1px solid #DCDFE6; |
|---|
| | | } |
|---|
| | |
|---|
| | | .secondMenuDiv div { |
|---|
| | | line-height: 30px; |
|---|
| | | padding: 10px; |
|---|
| | | font-size: 2px 0; |
|---|
| | | font-size: 12px; |
|---|
| | | font-family: Microsoft YaHei; |
|---|
| | | font-weight: 400; |
|---|
| | | text-align: center; |
|---|
| | |
|---|
| | | |
|---|
| | | .ol-scale-line { |
|---|
| | | display: block !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | const en = { |
|---|
| | | common: { |
|---|
| | | increase: 'increase', |
|---|
| | | bak: 'Bak', |
|---|
| | | domCode: 'DomCode', |
|---|
| | | confirm: 'confirm', |
|---|
| | |
|---|
| | | pleaseInputPassworld: 'Please input a password', |
|---|
| | | passworld: 'Passworld', |
|---|
| | | language: "ä¸æ", |
|---|
| | | title: 'Title' |
|---|
| | | title: 'Title', |
|---|
| | | preview: 'preview', |
|---|
| | | attribute: 'Attribute', |
|---|
| | | }, |
|---|
| | | |
|---|
| | | dataManage: { |
|---|
| | | dataManage: 'Data Manage', |
|---|
| | | catalogueManage: 'project management', |
|---|
| | | catalogueManage: 'Directory management', |
|---|
| | | dataUpdata: 'dataUpdata', |
|---|
| | | datawarehousing: 'Data warehousing', |
|---|
| | | rangeManage: 'Range management', |
|---|
| | | dataRetrieval: 'data retrieval', |
|---|
| | | dataRetrieval: 'Data query', |
|---|
| | | dataDownload: 'Data download', |
|---|
| | | projectManage: 'Project information', |
|---|
| | | dataStatistics: 'data Statistics', |
|---|
| | |
|---|
| | | remarks: 'remarks', |
|---|
| | | newProj: 'New project', |
|---|
| | | editProj: 'Edit project', |
|---|
| | | lable1: 'Add project information', |
|---|
| | | label2: 'Modify project information' |
|---|
| | | }, |
|---|
| | | |
|---|
| | | dataUpObj: { |
|---|
| | |
|---|
| | | code: 'Code' |
|---|
| | | }, |
|---|
| | | |
|---|
| | | metadataManage: 'Source Data Management', |
|---|
| | | metadataManage: 'information management', |
|---|
| | | dataLoading: 'dataLoading', |
|---|
| | | SpatialData: 'SpatialData', |
|---|
| | | versionManage: 'versionManage', |
|---|
| | |
|---|
| | | CavernSpecialty: "Cavern Specialty", |
|---|
| | | }, |
|---|
| | | shuJuJianSuo: { |
|---|
| | | valueone: "Please enter content" |
|---|
| | | valueone: "Please enter content", |
|---|
| | | label: "Please add the condition to query" |
|---|
| | | }, |
|---|
| | | butten: { |
|---|
| | | uploadFile: "Upload File", |
|---|
| | |
|---|
| | | const zh = { |
|---|
| | | common: { |
|---|
| | | increase: 'æ·»å ', |
|---|
| | | bak: 'å¤æ³¨', |
|---|
| | | domCode: 'ç¼ç ', |
|---|
| | | confirm: '确认', |
|---|
| | |
|---|
| | | pleaseInputPassworld: '请è¾å
¥å¯ç ', |
|---|
| | | passworld: 'å¯ç ', |
|---|
| | | language: "English", |
|---|
| | | title: 'æ é¢' |
|---|
| | | title: 'æ é¢', |
|---|
| | | preview: 'é¢è§', |
|---|
| | | attribute: 'å±æ§', |
|---|
| | | }, |
|---|
| | | dataManage: { |
|---|
| | | dataManage: 'æ°æ®ç®¡ç', |
|---|
| | | catalogueManage: '项ç®ç®¡ç', |
|---|
| | | catalogueManage: 'ç®å½ç®¡ç', |
|---|
| | | dataUpdata: 'æ°æ®ä¸ä¼ ', |
|---|
| | | datawarehousing: 'æ°æ®å
¥åº', |
|---|
| | | rangeManage: 'å¼å管ç', |
|---|
| | | dataRetrieval: 'æ°æ®æ£ç´¢', |
|---|
| | | dataRetrieval: 'æ°æ®æ¥è¯¢', |
|---|
| | | dataDownload: 'æ°æ®ä¸è½½', |
|---|
| | | projectManage: '项ç®ä¿¡æ¯', |
|---|
| | | dataStatistics: 'æ°æ®ç»è®¡', |
|---|
| | |
|---|
| | | remarks: 'å¤æ³¨', |
|---|
| | | newProj: 'æ°å¢é¡¹ç®', |
|---|
| | | editProj: 'ä¿®æ¹é¡¹ç®', |
|---|
| | | lable1: 'æ·»å 项ç®ä¿¡æ¯', |
|---|
| | | label2: 'ä¿®æ¹é¡¹ç®ä¿¡æ¯' |
|---|
| | | }, |
|---|
| | | dataUpObj: { |
|---|
| | | catalogue: 'ç®å½', |
|---|
| | |
|---|
| | | storageDirectory: 'åå¨ç®å½', |
|---|
| | | dataVersion: 'æ°æ®çæ¬', |
|---|
| | | selectData: 'éæ©æ°æ®', |
|---|
| | | selectMetadata: 'éæ©æºæ°æ®', |
|---|
| | | selectMetadata: 'éæ©å
æ°æ®', |
|---|
| | | entryName: '项ç®å称', |
|---|
| | | selectWBSData: 'éæ©WBSæ°æ®', |
|---|
| | | coordinateSystem: 'åæ ç³»', |
|---|
| | |
|---|
| | | inspectionItems: "æ£æ¥é¡¹", |
|---|
| | | code: 'ç¼ç ' |
|---|
| | | }, |
|---|
| | | metadataManage: 'æºæ°æ®ç®¡ç', |
|---|
| | | metadataManage: 'ä¿¡æ¯ç®¡ç', |
|---|
| | | dataLoading: 'æ°æ®å
¥åº', |
|---|
| | | SpatialData: '空é´æ°æ®ç®¡ç', |
|---|
| | | versionManage: 'çæ¬ç®¡ç', |
|---|
| | |
|---|
| | | CavernSpecialty: "æ´åºä¸ä¸", |
|---|
| | | }, |
|---|
| | | shuJuJianSuo: { |
|---|
| | | valueone: "请è¾å
¥å
容" |
|---|
| | | valueone: "请è¾å
¥å
容", |
|---|
| | | |
|---|
| | | label: '请添å è¦æ¥è¯¢çæ¡ä»¶' |
|---|
| | | }, |
|---|
| | | butten: { |
|---|
| | | uploadFile: "ä¸ä¼ æ件", |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <el-image |
|---|
| | | :src="`${realSrc}`" |
|---|
| | | fit="cover" |
|---|
| | | :style="`width:${realWidth};height:${realHeight};`" |
|---|
| | | :preview-src-list="realSrcList" |
|---|
| | | > |
|---|
| | | <div slot="error" class="image-slot"> |
|---|
| | | <i class="el-icon-picture-outline"></i> |
|---|
| | | </div> |
|---|
| | | </el-image> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { isExternal } from "@/utils/validate"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: "ImagePreview", |
|---|
| | | props: { |
|---|
| | | src: { |
|---|
| | | type: String, |
|---|
| | | default: "" |
|---|
| | | }, |
|---|
| | | width: { |
|---|
| | | type: [Number, String], |
|---|
| | | default: "" |
|---|
| | | }, |
|---|
| | | height: { |
|---|
| | | type: [Number, String], |
|---|
| | | default: "" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | realSrc() { |
|---|
| | | if (!this.src) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let real_src = this.src.split(",")[0]; |
|---|
| | | if (isExternal(real_src)) { |
|---|
| | | return real_src; |
|---|
| | | } |
|---|
| | | return BASE_URL + real_src; |
|---|
| | | }, |
|---|
| | | realSrcList() { |
|---|
| | | if (!this.src) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let real_src_list = this.src.split(","); |
|---|
| | | let srcList = []; |
|---|
| | | real_src_list.forEach(item => { |
|---|
| | | if (isExternal(item)) { |
|---|
| | | return srcList.push(item); |
|---|
| | | } |
|---|
| | | return srcList.push(process.env.VUE_APP_BASE_API + item); |
|---|
| | | }); |
|---|
| | | return srcList; |
|---|
| | | }, |
|---|
| | | realWidth() { |
|---|
| | | return typeof this.width == "string" ? this.width : `${this.width}px`; |
|---|
| | | }, |
|---|
| | | realHeight() { |
|---|
| | | return typeof this.height == "string" ? this.height : `${this.height}px`; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .el-image { |
|---|
| | | border-radius: 5px; |
|---|
| | | background-color: #ebeef5; |
|---|
| | | box-shadow: 0 0 5px 1px #ccc; |
|---|
| | | ::v-deep .el-image__inner { |
|---|
| | | transition: all 0.3s; |
|---|
| | | cursor: pointer; |
|---|
| | | &:hover { |
|---|
| | | transform: scale(1.2); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | ::v-deep .image-slot { |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | align-items: center; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | color: #909399; |
|---|
| | | font-size: 30px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import mapsdk from './mapsdk'; |
|---|
| | | import mapol from './mapol'; |
|---|
| | | import { transform } from 'ol/proj'; |
|---|
| | | import ol from 'ol'; |
|---|
| | | import $ from 'jquery'; |
|---|
| | | import mapsdk from "./mapsdk" |
|---|
| | | import mapol from "./mapol" |
|---|
| | | import { transform } from "ol/proj" |
|---|
| | | import ol from "ol" |
|---|
| | | import $ from "jquery" |
|---|
| | | export default { |
|---|
| | | name: '', |
|---|
| | | name: "", |
|---|
| | | components: { |
|---|
| | | mapsdk, |
|---|
| | | mapol, |
|---|
| | |
|---|
| | | 250000, 200000, 100000, 50000, 17000, 9000, 5000, 2000, 1000, 500, 200, |
|---|
| | | 100, 50, 25, 10, 0, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | changeMap(res) { |
|---|
| | | this.isSplitFlag = res; |
|---|
| | | this.isSplitFlag = res |
|---|
| | | this.getMapViewCenter(this.isSplitFlag); |
|---|
| | | switch (res) { |
|---|
| | | case 1: |
|---|
| | | this.isShowCeMap = true; |
|---|
| | | this.isShowDs = true; |
|---|
| | | this.isOlMapFlag = true; |
|---|
| | | this.isShowOlMap = true; |
|---|
| | | this.isSdkMapFlag = true; |
|---|
| | | var that = this; |
|---|
| | | this.isShowCeMap = true |
|---|
| | | this.isShowDs = true |
|---|
| | | this.isOlMapFlag = true |
|---|
| | | this.isShowOlMap = true |
|---|
| | | this.isSdkMapFlag = true |
|---|
| | | var that = this |
|---|
| | | |
|---|
| | | setTimeout(function () { |
|---|
| | | window.map.updateSize(); |
|---|
| | | that.showSplitMap(); |
|---|
| | | }, 500); |
|---|
| | | window.map.updateSize() |
|---|
| | | that.showSplitMap() |
|---|
| | | }, 500) |
|---|
| | | |
|---|
| | | break; |
|---|
| | | break |
|---|
| | | case 2: |
|---|
| | | this.isSdkMapFlag = false; |
|---|
| | | this.isShowDs = false; |
|---|
| | | this.isShowOlMap = false; |
|---|
| | | this.isOlMapFlag = true; |
|---|
| | | this.isSdkMapFlag = false |
|---|
| | | this.isShowDs = false |
|---|
| | | this.isShowOlMap = false |
|---|
| | | this.isOlMapFlag = true |
|---|
| | | var val = this.$store.state.Map3; |
|---|
| | | setTimeout(function () { |
|---|
| | | window.map.updateSize(); |
|---|
| | | }, 300); |
|---|
| | | break; |
|---|
| | | window.map.updateSize() |
|---|
| | | window.map.getView().setCenter([val[0], val[1]]) |
|---|
| | | window.map.getView().setZoom(val[2]) |
|---|
| | | }, 300) |
|---|
| | | break |
|---|
| | | case 3: |
|---|
| | | this.isSdkMapFlag = true; |
|---|
| | | this.isShowDs = false; |
|---|
| | | this.isShowOlMap = false; |
|---|
| | | this.isOlMapFlag = false; |
|---|
| | | this.isShowCeMap = false; |
|---|
| | | break; |
|---|
| | | this.isSdkMapFlag = true |
|---|
| | | this.isShowDs = false |
|---|
| | | this.isShowOlMap = false |
|---|
| | | this.isOlMapFlag = false |
|---|
| | | this.isShowCeMap = false |
|---|
| | | var val = this.$store.state.Map3; |
|---|
| | | window.Viewer.camera.setView({ |
|---|
| | | destination: Cesium.Cartesian3.fromDegrees(val[0], val[1], val[2]), |
|---|
| | | }) |
|---|
| | | |
|---|
| | | break |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | getMapViewCenter(res) { |
|---|
| | | switch (res) { |
|---|
| | | case 2: |
|---|
| | | var position = window.Viewer.camera.position |
|---|
| | | var ellipsoid = window.Viewer.scene.globe.ellipsoid |
|---|
| | | var cartographic = ellipsoid.cartesianToCartographic(position) |
|---|
| | | var lat = Cesium.Math.toDegrees(cartographic.latitude) |
|---|
| | | var lng = Cesium.Math.toDegrees(cartographic.longitude) |
|---|
| | | var level = this.getLevel(cartographic.height) |
|---|
| | | this.$store.state.Map3 = [lng, lat, level] |
|---|
| | | break; |
|---|
| | | case 3: |
|---|
| | | var position = window.map.getView().getCenter() |
|---|
| | | var level = this.getHeight(parseInt(window.map.getView().getZoom())) |
|---|
| | | this.$store.state.Map3 = [position[0], position[1], level] |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | showSplitMap() { |
|---|
| | | var that = this; |
|---|
| | | $('#mapView') |
|---|
| | | var that = this |
|---|
| | | $("#mapView") |
|---|
| | | .off() |
|---|
| | | .on('mousemove', function () { |
|---|
| | | .on("mousemove", function () { |
|---|
| | | if (that.isSplitFlag == 1) { |
|---|
| | | window.Viewer.camera.changed.addEventListener(that.sdktool()); |
|---|
| | | window.Viewer.camera.changed.addEventListener(that.sdktool()) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .on('mouseout', function () { |
|---|
| | | .on("mouseout", function () { |
|---|
| | | if (that.isSplitFlag == 1) { |
|---|
| | | window.Viewer.camera.changed.removeEventListener(that.sdktool()); |
|---|
| | | window.Viewer.camera.changed.removeEventListener(that.sdktool()) |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | let mapZoomAndMove = function (event) { |
|---|
| | | var position = window.map.getView().getCenter(); |
|---|
| | | var position = window.map.getView().getCenter() |
|---|
| | | |
|---|
| | | // var pos = transform(position, 'EPSG:3857', 'EPSG:4326'); |
|---|
| | | var pos = position; |
|---|
| | | var level = that.getHeight(parseInt(window.map.getView().getZoom())); |
|---|
| | | var pos = position |
|---|
| | | var level = that.getHeight(parseInt(window.map.getView().getZoom())) |
|---|
| | | |
|---|
| | | window.Viewer.camera.setView({ |
|---|
| | | destination: Cesium.Cartesian3.fromDegrees(pos[0], pos[1], level), |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | $('#map') |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | $("#map") |
|---|
| | | .off() |
|---|
| | | .on('mousemove', function () { |
|---|
| | | .on("mousemove", function () { |
|---|
| | | if (that.isSplitFlag == 1) { |
|---|
| | | that.olzoomAndMove(mapZoomAndMove); |
|---|
| | | that.olzoomAndMove(mapZoomAndMove) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .on('mouseout', function () { |
|---|
| | | .on("mouseout", function () { |
|---|
| | | if (that.isSplitFlag == 1) { |
|---|
| | | that.clearolzoomAndMove(); |
|---|
| | | that.clearolzoomAndMove() |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | clearolzoomAndMove() { |
|---|
| | | let registerOnZoomArr = window.map.get('registerOnZoom'); |
|---|
| | | let registerOnZoomArr = window.map.get("registerOnZoom") |
|---|
| | | if (registerOnZoomArr && registerOnZoomArr.length > 0) { |
|---|
| | | for (let i = 0; i < registerOnZoomArr.length; i++) { |
|---|
| | | window.map.un('moveend', registerOnZoomArr[i]); |
|---|
| | | window.map.un("moveend", registerOnZoomArr[i]) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | olzoomAndMove(eventListen, notListenMove) { |
|---|
| | | // è®°å½å°å¾ç¼©æ¾ï¼ç¨äºå¤ææå¨ |
|---|
| | | window.map.lastZoom = |
|---|
| | | window.map.lastZoom || window.map.getView().getZoom(); |
|---|
| | | window.map.lastZoom || window.map.getView().getZoom() |
|---|
| | | // å°å¾ç¼©æ¾äºä»¶ |
|---|
| | | let registerOnZoom = function (e) { |
|---|
| | | // ä¸çå¬å°å¾æå¨äºä»¶ |
|---|
| | | if (notListenMove) { |
|---|
| | | if (window.map.lastZoom != window.map.getView().getZoom()) { |
|---|
| | | eventListen && eventListen(e); |
|---|
| | | eventListen && eventListen(e) |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | eventListen && eventListen(e); |
|---|
| | | eventListen && eventListen(e) |
|---|
| | | } |
|---|
| | | window.map.lastZoom = window.map.getView().getZoom(); |
|---|
| | | }; |
|---|
| | | window.map.lastZoom = window.map.getView().getZoom() |
|---|
| | | } |
|---|
| | | // ä¿å缩æ¾åæå¨äºä»¶å¯¹è±¡ï¼ç¨äºåæç§»é¤ |
|---|
| | | let registerOnZoomArr = map.get('registerOnZoom') || []; |
|---|
| | | let registerOnZoomArr = map.get("registerOnZoom") || [] |
|---|
| | | |
|---|
| | | registerOnZoomArr.push(registerOnZoom); |
|---|
| | | registerOnZoomArr.push(registerOnZoom) |
|---|
| | | |
|---|
| | | // 使ç¨å°å¾ set æ¹æ³ä¿åäºä»¶å¯¹è±¡ |
|---|
| | | window.map.set('registerOnZoom', registerOnZoomArr); |
|---|
| | | window.map.set("registerOnZoom", registerOnZoomArr) |
|---|
| | | |
|---|
| | | // çå¬å°å¾ç§»å¨ç»æäºä»¶ |
|---|
| | | window.map.on('moveend', registerOnZoom); |
|---|
| | | window.map.on("moveend", registerOnZoom) |
|---|
| | | |
|---|
| | | return eventListen; |
|---|
| | | return eventListen |
|---|
| | | }, |
|---|
| | | sdktool() { |
|---|
| | | if (this.isSplitFlag != 1) return; |
|---|
| | | var position = window.Viewer.camera.position; |
|---|
| | | var ellipsoid = window.Viewer.scene.globe.ellipsoid; |
|---|
| | | var cartographic = ellipsoid.cartesianToCartographic(position); |
|---|
| | | var lat = Cesium.Math.toDegrees(cartographic.latitude); |
|---|
| | | var lng = Cesium.Math.toDegrees(cartographic.longitude); |
|---|
| | | var level = this.getLevel(cartographic.height); |
|---|
| | | if (this.isSplitFlag != 1) return |
|---|
| | | var position = window.Viewer.camera.position |
|---|
| | | var ellipsoid = window.Viewer.scene.globe.ellipsoid |
|---|
| | | var cartographic = ellipsoid.cartesianToCartographic(position) |
|---|
| | | var lat = Cesium.Math.toDegrees(cartographic.latitude) |
|---|
| | | var lng = Cesium.Math.toDegrees(cartographic.longitude) |
|---|
| | | var level = this.getLevel(cartographic.height) |
|---|
| | | |
|---|
| | | var value |
|---|
| | | // window.map |
|---|
| | | // .getView() |
|---|
| | | // .setCenter(transform([lng, lat], 'EPSG:4326', 'EPSG:3857')); |
|---|
| | | window.map |
|---|
| | | .getView() |
|---|
| | | .setCenter([lng, lat]); |
|---|
| | | window.map.getView().setZoom(level); |
|---|
| | | window.map.getView().setCenter([lng, lat]) |
|---|
| | | window.map.getView().setZoom(level) |
|---|
| | | }, |
|---|
| | | getLevel(height) { |
|---|
| | | for (var i = 1, len = this.levelArray.length; i < len - 1; i++) { |
|---|
| | | if (height >= (this.levelArray[i] + this.levelArray[i + 1]) / 2) { |
|---|
| | | return i; |
|---|
| | | return i |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return this.levelArray.length - 1; |
|---|
| | | return this.levelArray.length - 1 |
|---|
| | | }, |
|---|
| | | getHeight(level) { |
|---|
| | | if (level > 0 && level < 23) { |
|---|
| | | return this.levelArray[level]; |
|---|
| | | return this.levelArray[level] |
|---|
| | | } |
|---|
| | | return this.levelArray[this.levelArray.length - 1]; |
|---|
| | | return this.levelArray[this.levelArray.length - 1] |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.$bus.$on('changemap', (e) => { |
|---|
| | | this.changeMap(e); |
|---|
| | | }); |
|---|
| | | this.$bus.$on("changemap", e => { |
|---|
| | | if (this.isSplitFlag == 1) { |
|---|
| | | this.changeMap(3) |
|---|
| | | } else { |
|---|
| | | this.changeMap(e) |
|---|
| | | } |
|---|
| | | |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | ref="dialogPayChannel" |
|---|
| | | height="300px" |
|---|
| | | height="100%" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | |
|---|
| | | ></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | <div class="pagination_box"> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top:10px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | |
|---|
| | | this.imagePoint = null; |
|---|
| | | } |
|---|
| | | var wkt = this.$wkt.parse(val1); |
|---|
| | | this.setMapLoaction(wkt); |
|---|
| | | this.setMapLoaction(wkt, row); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | setMapLoaction(res) { |
|---|
| | |
|---|
| | | this.listdata.pageIndex = 1; |
|---|
| | | this.listdata.pageSize = 10; |
|---|
| | | this.listdata.name = res.entity; |
|---|
| | | this.$store.state.propertiesName = res; |
|---|
| | | this.getTableDateHidder(); |
|---|
| | | }, |
|---|
| | | handleSizeChange(val) { |
|---|
| | |
|---|
| | | }, |
|---|
| | | async showAllImage(res) { |
|---|
| | | for (var i in res) { |
|---|
| | | let properties = res[i]; |
|---|
| | | var param = { |
|---|
| | | gid: res[i].gid, |
|---|
| | | name: this.listdata.name, |
|---|
| | |
|---|
| | | if (val1) { |
|---|
| | | var wkt = this.$wkt.parse(val1); |
|---|
| | | // this.getprimitiLayer(wkt); |
|---|
| | | this.primitivesAddLayer(wkt); |
|---|
| | | this.primitivesAddLayer(wkt, properties); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | primitivesAddLayer(res) { |
|---|
| | | primitivesAddLayer(res, properties) { |
|---|
| | | switch (res.type) { |
|---|
| | | case "Point": |
|---|
| | | var val = Cesium.Cartesian3.fromDegrees( |
|---|
| | |
|---|
| | | ); |
|---|
| | | var point = Viewer.entities.add({ |
|---|
| | | position: val, |
|---|
| | | properties: properties, |
|---|
| | | tag: "properties_point", |
|---|
| | | billboard: { |
|---|
| | | // å¾åå°åï¼URIæCanvasçå±æ§ |
|---|
| | | image: SmartEarthRootUrl + "Workers/image/mark.png", |
|---|
| | |
|---|
| | | }); |
|---|
| | | point.billboard.disableDepthTestDistance = Number.POSITIVE_INFINITY; |
|---|
| | | this.$store.state.queryInfo.push(point); |
|---|
| | | //ç¹å»äºä»¶ |
|---|
| | | window.propertieshandler = new Cesium.ScreenSpaceEventHandler( |
|---|
| | | sgworld.Viewer.scene.canvas |
|---|
| | | ); |
|---|
| | | window.propertieshandler.setInputAction(event => { |
|---|
| | | let pick = sgworld.Viewer.scene.pick(event.position); |
|---|
| | | // ; |
|---|
| | | if (pick && pick.id && pick.id.tag == "properties_point") { |
|---|
| | | this.$store.state.propertiesFlag = '1'; |
|---|
| | | let properties = pick.id.properties; |
|---|
| | | let propertyNames = pick.id.properties.propertyNames; |
|---|
| | | let obj = {}; |
|---|
| | | obj["eventid"] = properties['_eventid']._value; |
|---|
| | | this.attributeData.forEach(item => { |
|---|
| | | propertyNames.forEach(itemElement => { |
|---|
| | | if (itemElement == item.field) { |
|---|
| | | obj[item.alias] = properties[itemElement]._value |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | this.$store.state.propertiesInfo = obj; |
|---|
| | | } |
|---|
| | | }, Cesium.ScreenSpaceEventType.LEFT_CLICK); |
|---|
| | | break; |
|---|
| | | case "LineString": |
|---|
| | | case "MultiLineString": |
|---|
| | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | this.$store.state.propertiesFlag = null; |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | .tableBox { |
|---|
| | | height: 327px; |
|---|
| | | position: relative; |
|---|
| | | height: 89%; |
|---|
| | | } |
|---|
| | | .rightPage { |
|---|
| | | margin-left: 50px; |
|---|
| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | placeholder="请éæ©..." |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | > |
|---|
| | | <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="small" plain @click="getCheckedNodes" |
|---|
| | | >确认</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | plain |
|---|
| | | @click="getCheckedNodes" |
|---|
| | | >确认</el-button> |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | type="info" |
|---|
| | | plain |
|---|
| | | @click="resetCheckedNodes" |
|---|
| | | >éç½®</el-button |
|---|
| | | > |
|---|
| | | >éç½®</el-button> |
|---|
| | | </div> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | >导å
¥éæ©èå´</el-link |
|---|
| | | > --> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item> |
|---|
| | | <el-button plain size="small" @click="getAttributeQuery" |
|---|
| | | >æ¥è¯¢</el-button |
|---|
| | | > |
|---|
| | | <el-button type="info" size="small" @click="clearQuery" plain |
|---|
| | | >éç½®</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | @click="getAttributeQuery" |
|---|
| | | >æ¥è¯¢</el-button> |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="clearQuery" |
|---|
| | | plain |
|---|
| | | >éç½®</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- <el-form-item> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | </el-form-item> --> |
|---|
| | | </el-form> |
|---|
| | | <queryinfo ref="queryinfo" /> |
|---|
| | | <!-- <div class="buffer-container" ></div> --> |
|---|
| | | <el-dialog |
|---|
| | | v-dialogDrag |
|---|
| | | custom-class="buffer-dialog" |
|---|
| | | top="40vh" |
|---|
| | | title="管éä¸å¿çº¿æ¥è¯¢" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :modal="false" |
|---|
| | | :lock-scroll="false" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | width="25%" |
|---|
| | | @opened="dialogOpend" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | :model="menuTopFrom" |
|---|
| | | label-width="150px" |
|---|
| | | > |
|---|
| | | <el-form-item label="管éä¸å¿çº¿"> |
|---|
| | | <el-select |
|---|
| | | @change="changeSelect2" |
|---|
| | | v-model="menuTopFrom.pipeline" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in pipelineOption" |
|---|
| | | :key="item.gid" |
|---|
| | | :label="item.pipeName" |
|---|
| | | :value="item.pipeName" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="éå管é"> |
|---|
| | | <el-select |
|---|
| | | v-model="menuTopFrom.segName" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | @change="selectChangeGid" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in segNameOption" |
|---|
| | | :key="item.gid" |
|---|
| | | :label="item.segName" |
|---|
| | | :value="item.gid" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="ç¼å²åºå¤§å°ï¼mï¼"> |
|---|
| | | <el-input-number |
|---|
| | | v-model="menuTopFrom.bufferSize" |
|---|
| | | placeholder="" |
|---|
| | | @change="handleBufferChange" |
|---|
| | | :step="500" |
|---|
| | | ></el-input-number> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button @click="dialogFormVisible = false">å æ¶</el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | @click="changeBufferData" |
|---|
| | | >ç¡® å®</el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import queryinfo from "../../views/Tools/queryinfo.vue"; |
|---|
| | | import $ from "jquery"; |
|---|
| | | import queryinfo from "../../views/Tools/queryinfo.vue" |
|---|
| | | import $ from "jquery" |
|---|
| | | import { |
|---|
| | | inquiry_SelectTabs, |
|---|
| | | inquiry_uploadShp, |
|---|
| | | encr, |
|---|
| | | dataLib_selectTabs, |
|---|
| | | } from "../../api/api.js"; |
|---|
| | | import { getToken } from "@/utils/auth"; |
|---|
| | | import * as turf from "@turf/turf"; |
|---|
| | | pipelines_selectSegNames, |
|---|
| | | } from "../../api/api.js" |
|---|
| | | import { selectPipelines } from "@/api/screen.js" |
|---|
| | | import { getToken } from "@/utils/auth" |
|---|
| | | import * as turf from "@turf/turf" |
|---|
| | | import { wktToGeoJSON } from "@terraformer/wkt" |
|---|
| | | export default { |
|---|
| | | components: { queryinfo }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | menuTopFrom: { |
|---|
| | | queryType: "", |
|---|
| | | pipeline: "", |
|---|
| | | segName: "", |
|---|
| | | bufferSize: 5000, |
|---|
| | | }, |
|---|
| | | treeChange: [], |
|---|
| | | layerData: [ |
|---|
| | | { |
|---|
| | | id: 1, |
|---|
| | | label: "åºç¡æ°æ®", |
|---|
| | | tabDesc: "åºç¡æ°æ®", |
|---|
| | | value: "BD", |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 2, |
|---|
| | | label: "ä¸å¡æ°æ®", |
|---|
| | | tabDesc: "ä¸å¡æ°æ®", |
|---|
| | | value: "BS", |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // id: 1, |
|---|
| | | // label: "åºç¡æ°æ®", |
|---|
| | | // tabDesc: "åºç¡æ°æ®", |
|---|
| | | // value: "BD", |
|---|
| | | // children: [], |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // id: 2, |
|---|
| | | // label: "ä¸å¡æ°æ®", |
|---|
| | | // tabDesc: "ä¸å¡æ°æ®", |
|---|
| | | // value: "BS", |
|---|
| | | // children: [], |
|---|
| | | // }, |
|---|
| | | ], |
|---|
| | | |
|---|
| | | queryOption: [ |
|---|
| | |
|---|
| | | value: "inputFile", |
|---|
| | | label: "导å
¥éæ©èå´", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | value: "buffer", |
|---|
| | | label: "ä¸çº¿ç¼å²åº", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | defaultProps: { |
|---|
| | | children: "children", |
|---|
| | |
|---|
| | | }, |
|---|
| | | graphicLayer: null, |
|---|
| | | flyEntity: null, |
|---|
| | | }; |
|---|
| | | pipelineOption: [], |
|---|
| | | segNameOption: [], |
|---|
| | | bufferEntities: [], |
|---|
| | | featureLayer: [], |
|---|
| | | analyGid: null, |
|---|
| | | dialogFormVisible: false, |
|---|
| | | bufferLinePosition: [], |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | mounted() { |
|---|
| | | this.menuTopFrom.queryType = "rectangle"; |
|---|
| | | this.getAllTable(); |
|---|
| | | this.menuTopFrom.queryType = "rectangle" |
|---|
| | | this.getAllTable() |
|---|
| | | this.getPipelineData() |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | analyGid(newVal, oldVal) { |
|---|
| | | if (newVal !== oldVal && this.dialogFormVisible) { |
|---|
| | | this.genBuffer() |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | changeValue(value) { |
|---|
| | | var obj = {}; |
|---|
| | | var obj = {} |
|---|
| | | obj = this.queryOption.find(function (item) { |
|---|
| | | return item.value === value; |
|---|
| | | }); |
|---|
| | | return item.value === value |
|---|
| | | }) |
|---|
| | | if (obj.value == "inputFile") { |
|---|
| | | this.getMenuTopFile(); |
|---|
| | | this.getMenuTopFile() |
|---|
| | | } else if (obj.value == "buffer") { |
|---|
| | | this.dialogFormVisible = true |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | async getAllTable() { |
|---|
| | | const data = await dataLib_selectTabs({ |
|---|
| | | pageIndex: 1, |
|---|
| | | pageSize: 500, |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
|---|
| | | this.$message.error("å表è°ç¨å¤±è´¥") |
|---|
| | | } |
|---|
| | | var option = data.result.filter((res) => { |
|---|
| | | if (res.rows != 0) { |
|---|
| | | return res; |
|---|
| | | |
|---|
| | | // var val = data.result.filter(res => { |
|---|
| | | // if (res.rows != 0) { |
|---|
| | | // return res |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | var val = data.result |
|---|
| | | var std = []; |
|---|
| | | val.filter((item) => { |
|---|
| | | if (std.indexOf(item.bak) == -1) { |
|---|
| | | std.push(item.bak); |
|---|
| | | this.layerData.push( |
|---|
| | | { |
|---|
| | | val: item.bak, |
|---|
| | | label: item.bak, |
|---|
| | | children: [], |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | for (var i in option) { |
|---|
| | | var val_Data = option[i]; |
|---|
| | | val_Data.id = "1" + i; |
|---|
| | | val_Data.label = val_Data.tabDesc; |
|---|
| | | if (option[i].ns == "bd") { |
|---|
| | | this.layerData[0].children.push(val_Data); |
|---|
| | | } else { |
|---|
| | | this.layerData[1].children.push(val_Data); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.layerData.filter((item) => { |
|---|
| | | val.filter((res) => { |
|---|
| | | if (item.val === res.bak && res.rows != 0 && res.rows) { |
|---|
| | | console.log(res) |
|---|
| | | res.label = res.tabDesc |
|---|
| | | item.children.push(res) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | }, |
|---|
| | | //è·åéæ©æ çèç¹ |
|---|
| | | getCheckedNodes() { |
|---|
| | | var valTree = this.$refs.tree.getCheckedNodes(); |
|---|
| | | if (valTree.length == 0) return; |
|---|
| | | |
|---|
| | | var valTree = this.$refs.tree.getCheckedNodes() |
|---|
| | | if (valTree.length == 0) return |
|---|
| | | this.menuTopFrom.queryLayer = valTree[0].tabDesc; |
|---|
| | | this.$store.state.propertiesName = valTree[0]; |
|---|
| | | for (var i = 0; i < valTree.length; i++) { |
|---|
| | | this.treeChange.push(valTree[i]); |
|---|
| | | if (valTree[i].entity) { |
|---|
| | | this.treeChange.push(valTree[i]) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //æ¸
空æ éä¸çèç¹ |
|---|
| | | resetCheckedNodes() { |
|---|
| | | this.treeChange = []; |
|---|
| | | this.menuTopFrom.queryLayer = null; |
|---|
| | | this.$refs.tree.setCheckedKeys([]); |
|---|
| | | this.treeChange = [] |
|---|
| | | this.menuTopFrom.queryLayer = null |
|---|
| | | this.$refs.tree.setCheckedKeys([]) |
|---|
| | | }, |
|---|
| | | //导å
¥shpæ件 |
|---|
| | | async setMenuTopFile() { |
|---|
| | | var val = document.getElementById("getMenuTopFile").files; |
|---|
| | | if (!val || !val.length) return; |
|---|
| | | var formData = new FormData(); |
|---|
| | | var exts = [".shp", ".shx", ".dbf", ".prj"]; |
|---|
| | | var count = 0; |
|---|
| | | var val = document.getElementById("getMenuTopFile").files |
|---|
| | | if (!val || !val.length) return |
|---|
| | | var formData = new FormData() |
|---|
| | | var exts = [".shp", ".shx", ".dbf", ".prj"] |
|---|
| | | var count = 0 |
|---|
| | | for (var i = 0; i < val.length; i++) { |
|---|
| | | var name = val[i].name.toLocaleLowerCase(); |
|---|
| | | var ext = name.substring(name.lastIndexOf(".")); |
|---|
| | | var name = val[i].name.toLocaleLowerCase() |
|---|
| | | var ext = name.substring(name.lastIndexOf(".")) |
|---|
| | | if (exts.indexOf(ext) > -1) { |
|---|
| | | count++; |
|---|
| | | formData.append(val[i].name, val[i]); // fs.files[i].name,file |
|---|
| | | count++ |
|---|
| | | formData.append(val[i].name, val[i]) // fs.files[i].name,file |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | this.$message({ |
|---|
| | | message: "ShapeFileæ件éæ©ä¸å
¨ï¼", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | }) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | $.ajax(BASE_URL + "/inquiry/uploadShp?token=" + getToken(), { |
|---|
| | | type: "post", |
|---|
| | |
|---|
| | | cache: false, |
|---|
| | | processData: false, |
|---|
| | | contentType: false, |
|---|
| | | success: (rs) => { |
|---|
| | | success: rs => { |
|---|
| | | if (rs.code !== 200) { |
|---|
| | | return this.$message.error("ç¨æ·è§è²è¯·æ±é误"); |
|---|
| | | return this.$message.error("ç¨æ·è§è²è¯·æ±é误") |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$store.state.mapMenuShpFile = rs.result.wkt; |
|---|
| | | this.showMapMenuPop(); |
|---|
| | | this.$store.state.mapMenuShpFile = rs.result.wkt |
|---|
| | | this.showMapMenuPop() |
|---|
| | | }, |
|---|
| | | error: (e) => { |
|---|
| | | console.log(e); |
|---|
| | | error: e => { |
|---|
| | | console.log(e) |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | getMenuTopFile() { |
|---|
| | | $("#getMenuTopFile").click(); |
|---|
| | | $("#getMenuTopFile").click() |
|---|
| | | }, |
|---|
| | | //æ¥è¯¢ |
|---|
| | | getAttributeQuery() { |
|---|
| | | //æ¸
空æ ç» |
|---|
| | | sgworld.Creator.SimpleGraphic.edit(false, { editProp: false }); |
|---|
| | | sgworld.Creator.SimpleGraphic.clear(); |
|---|
| | | sgworld.Creator.SimpleGraphic.edit(false, { editProp: false }) |
|---|
| | | sgworld.Creator.SimpleGraphic.clear() |
|---|
| | | this.clearBufferEntities() |
|---|
| | | if (this.$store.state.queryInfo.length != 0) { |
|---|
| | | for (var i in this.$store.state.queryInfo) { |
|---|
| | | sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]); |
|---|
| | | sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]) |
|---|
| | | } |
|---|
| | | this.$store.state.queryInfo = []; |
|---|
| | | this.$store.state.queryInfo = [] |
|---|
| | | } |
|---|
| | | if (this.$store.state.primitLayer != null) { |
|---|
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
|---|
| | | this.$store.state.primitLayer = null; |
|---|
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer) |
|---|
| | | this.$store.state.primitLayer = null |
|---|
| | | } |
|---|
| | | if (this.treeChange.length == 0) { |
|---|
| | | this.$message.error("请éæ©è¦æ¥è¯¢çæ°æ®"); |
|---|
| | | return; |
|---|
| | | this.$message.error("请éæ©è¦æ¥è¯¢çæ°æ®") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | if (this.menuTopFrom.queryType != "inputFile") { |
|---|
| | | sgworld.Creator.createSimpleGraphic( |
|---|
| | | this.menuTopFrom.queryType, |
|---|
| | | { |
|---|
| | | color: "#00FF0060", |
|---|
| | | outlineColor: "#0f0", |
|---|
| | | outlineWidth: 5, |
|---|
| | | }, |
|---|
| | | (entity) => { |
|---|
| | | this.setTurfGeometry(entity); |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | } else { |
|---|
| | | this.getMenuTopFile(); |
|---|
| | | let type = this.menuTopFrom.queryType |
|---|
| | | switch (type) { |
|---|
| | | case "buffer": |
|---|
| | | this.dialogFormVisible = true |
|---|
| | | break |
|---|
| | | case "inputFile": |
|---|
| | | this.getMenuTopFile() |
|---|
| | | |
|---|
| | | break |
|---|
| | | default: |
|---|
| | | sgworld.Creator.createSimpleGraphic( |
|---|
| | | this.menuTopFrom.queryType, |
|---|
| | | { |
|---|
| | | color: "#00FF0060", |
|---|
| | | outlineColor: "#0f0", |
|---|
| | | outlineWidth: 5, |
|---|
| | | }, |
|---|
| | | entity => { |
|---|
| | | this.setTurfGeometry(entity) |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | break |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | setTurfGeometry(res) { |
|---|
| | | var that = this; |
|---|
| | | var res_val; |
|---|
| | | var that = this |
|---|
| | | var res_val |
|---|
| | | switch (this.menuTopFrom.queryType) { |
|---|
| | | case "point": //ç¹ |
|---|
| | | var val = that.setCartesianToEightFour(res.position.getValue()); |
|---|
| | | res_val = val; |
|---|
| | | that.setTurfCircle([val.lng, val.lat], 10); |
|---|
| | | break; |
|---|
| | | var val = that.setCartesianToEightFour(res.position.getValue()) |
|---|
| | | res_val = val |
|---|
| | | that.setTurfCircle([val.lng, val.lat], 10) |
|---|
| | | break |
|---|
| | | case "polyline": //线 |
|---|
| | | var polyline = res.polyline.positions.getValue(); |
|---|
| | | res_val = polyline; |
|---|
| | | that.setTurfPolyOrLine(polyline, "polyline"); |
|---|
| | | break; |
|---|
| | | var polyline = res.polyline.positions.getValue() |
|---|
| | | res_val = polyline |
|---|
| | | that.setTurfPolyOrLine(polyline, "polyline") |
|---|
| | | break |
|---|
| | | case "rectangle": //ç©å½¢ |
|---|
| | | let rectangle = res.rectangle.coordinates.getValue(); |
|---|
| | | res_val = rectangle; |
|---|
| | | let rectangle = res.rectangle.coordinates.getValue() |
|---|
| | | res_val = rectangle |
|---|
| | | var result = new Cesium.Rectangle.subsample( |
|---|
| | | rectangle, |
|---|
| | | Cesium.Ellipsoid.WGS84, |
|---|
| | | rectangle.height |
|---|
| | | ); |
|---|
| | | that.setTurfPolyOrLine(result, "rectangle"); |
|---|
| | | ) |
|---|
| | | that.setTurfPolyOrLine(result, "rectangle") |
|---|
| | | |
|---|
| | | break; |
|---|
| | | break |
|---|
| | | case "circle": //å |
|---|
| | | var val = that.setCartesianToEightFour(res.position.getValue()); |
|---|
| | | res_val = res.position.getValue(); |
|---|
| | | var radius = res.ellipse.semiMajorAxis.getValue(); |
|---|
| | | that.setTurfCircle([val.lng, val.lat], radius); |
|---|
| | | break; |
|---|
| | | var val = that.setCartesianToEightFour(res.position.getValue()) |
|---|
| | | res_val = res.position.getValue() |
|---|
| | | var radius = res.ellipse.semiMajorAxis.getValue() |
|---|
| | | that.setTurfCircle([val.lng, val.lat], radius) |
|---|
| | | break |
|---|
| | | case "polygon": //å¤è¾¹å½¢ |
|---|
| | | var polygon = res.polygon.hierarchy.getValue().positions; |
|---|
| | | res_val = polygon; |
|---|
| | | that.setTurfPolyOrLine(polygon, "polygon"); |
|---|
| | | break; |
|---|
| | | var polygon = res.polygon.hierarchy.getValue().positions |
|---|
| | | res_val = polygon |
|---|
| | | that.setTurfPolyOrLine(polygon, "polygon") |
|---|
| | | break |
|---|
| | | } |
|---|
| | | this.flyEntity = res_val; |
|---|
| | | this.flyEntity = res_val |
|---|
| | | }, |
|---|
| | | setTurfCircle(position, radius) { |
|---|
| | | var options = { |
|---|
| | | steps: 10, |
|---|
| | | units: "meters", |
|---|
| | | properties: { foo: "bar" }, |
|---|
| | | }; |
|---|
| | | var circle = turf.circle(position, radius, options); |
|---|
| | | } |
|---|
| | | var circle = turf.circle(position, radius, options) |
|---|
| | | |
|---|
| | | this.setJonToWKT(circle); |
|---|
| | | this.setJonToWKT(circle) |
|---|
| | | }, |
|---|
| | | setTurfPolyOrLine(res, type) { |
|---|
| | | var restVal, |
|---|
| | | std = []; |
|---|
| | | std = [] |
|---|
| | | for (var i in res) { |
|---|
| | | var line_data = this.setCartesianToEightFour(res[i]); |
|---|
| | | std.push([line_data.lng, line_data.lat]); |
|---|
| | | var line_data = this.setCartesianToEightFour(res[i]) |
|---|
| | | std.push([line_data.lng, line_data.lat]) |
|---|
| | | } |
|---|
| | | if (type == "polyline") { |
|---|
| | | var line = turf.lineString(std, { name: "polyline" }); |
|---|
| | | restVal = turf.buffer(line, 10, { units: "meters" }); |
|---|
| | | var line = turf.lineString(std, { name: "polyline" }) |
|---|
| | | restVal = turf.buffer(line, 10, { units: "meters" }) |
|---|
| | | } else if (type == "rectangle") { |
|---|
| | | var ste = this.setCartesianToEightFour(res[0]); |
|---|
| | | std.push([ste.lng, ste.lat]); |
|---|
| | | restVal = turf.polygon([std], { name: "rectangle" }); |
|---|
| | | var ste = this.setCartesianToEightFour(res[0]) |
|---|
| | | std.push([ste.lng, ste.lat]) |
|---|
| | | restVal = turf.polygon([std], { name: "rectangle" }) |
|---|
| | | } else if (type == "polygon") { |
|---|
| | | var ste = this.setCartesianToEightFour(res[0]); |
|---|
| | | std.push([ste.lng, ste.lat]); |
|---|
| | | restVal = turf.polygon([std], { name: "polygon" }); |
|---|
| | | var ste = this.setCartesianToEightFour(res[0]) |
|---|
| | | std.push([ste.lng, ste.lat]) |
|---|
| | | restVal = turf.polygon([std], { name: "polygon" }) |
|---|
| | | } |
|---|
| | | this.setJonToWKT(restVal); |
|---|
| | | console.log("restVal", restVal) |
|---|
| | | this.setJonToWKT(restVal) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | setJonToWKT(res) { |
|---|
| | | var jsonToWkt = this.$wkt.convert(res.geometry); |
|---|
| | | this.$store.state.mapMenuShpFile = encr(jsonToWkt); |
|---|
| | | let fixedVal = this.fixToPositon(res) |
|---|
| | | var jsonToWkt = this.$wkt.convert(fixedVal.geometry) |
|---|
| | | this.$store.state.mapMenuShpFile = encr(jsonToWkt) |
|---|
| | | |
|---|
| | | this.showMapMenuPop(); |
|---|
| | | this.showMapMenuPop() |
|---|
| | | }, |
|---|
| | | showMapMenuPop() { |
|---|
| | | this.$store.state.mapSpaceQueryLayer = this.treeChange; |
|---|
| | | this.$store.state.mapPopBoxFlag = "1"; |
|---|
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close(); |
|---|
| | | this.$store.state.mapSpaceQueryLayer = this.treeChange |
|---|
| | | this.$store.state.mapPopBoxFlag = "1" |
|---|
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close() |
|---|
| | | this.$refs && |
|---|
| | | this.$refs.queryinfo && |
|---|
| | | this.$refs.queryinfo.open("空é´æ¥è¯¢", null, { |
|---|
| | |
|---|
| | | // window.Viewer.scene.primitives.removeAll() |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | // this.$bus.$emit('changeMapMenuTop', 'true'); |
|---|
| | | |
|---|
| | | // sgworld.Creator.SimpleGraphic.clear(); |
|---|
| | | //æ¸
空inputFile |
|---|
| | | // var file = document.getElementById('getMenuTopFile'); |
|---|
| | | // file.outerHTML = file.outerHTML; |
|---|
| | | this.$refs.pathClear.value = ""; |
|---|
| | | this.$refs.pathClear.value = "" |
|---|
| | | }, |
|---|
| | | clearQuery() { |
|---|
| | | this.$refs.pathClear.value = ""; |
|---|
| | | this.treeChange = []; |
|---|
| | | this.menuTopFrom.queryLayer = null; |
|---|
| | | this.menuTopFrom.queryType = "rectangle"; |
|---|
| | | this.$refs.tree.setCheckedKeys([]); |
|---|
| | | // æ¸
æ¥buffer |
|---|
| | | this.clearBufferEntities() |
|---|
| | | this.$refs.pathClear.value = "" |
|---|
| | | this.treeChange = [] |
|---|
| | | this.menuTopFrom.queryLayer = null |
|---|
| | | this.menuTopFrom.queryType = "rectangle" |
|---|
| | | this.$refs.tree.setCheckedKeys([]) |
|---|
| | | //æ¸
空æ ç» |
|---|
| | | sgworld.Creator.SimpleGraphic.edit(false, { editProp: false }); |
|---|
| | | sgworld.Creator.SimpleGraphic.clear(); |
|---|
| | | sgworld.Creator.SimpleGraphic.edit(false, { editProp: false }) |
|---|
| | | sgworld.Creator.SimpleGraphic.clear() |
|---|
| | | if (this.$store.state.queryInfo.length != 0) { |
|---|
| | | for (var i in this.$store.state.queryInfo) { |
|---|
| | | sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]); |
|---|
| | | sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]) |
|---|
| | | } |
|---|
| | | this.$store.state.queryInfo = []; |
|---|
| | | this.$store.state.queryInfo = [] |
|---|
| | | } |
|---|
| | | //å
³éçªå£ |
|---|
| | | this.$refs && |
|---|
| | | this.$refs.queryinfo && |
|---|
| | | this.$refs.queryinfo.close("queryinfo"); |
|---|
| | | this.$refs.queryinfo.close("queryinfo") |
|---|
| | | if (this.$store.state.primitLayer != null) { |
|---|
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
|---|
| | | this.$store.state.primitLayer = null; |
|---|
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer) |
|---|
| | | this.$store.state.primitLayer = null |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | setCartesianToEightFour(res) { |
|---|
| | | var std = {}; |
|---|
| | | let ellipsoid = Viewer.scene.globe.ellipsoid; |
|---|
| | | let cartographic = ellipsoid.cartesianToCartographic(res); |
|---|
| | | std.lat = Cesium.Math.toDegrees(cartographic.latitude); |
|---|
| | | std.lng = Cesium.Math.toDegrees(cartographic.longitude); |
|---|
| | | std.alt = cartographic.height; |
|---|
| | | return std; |
|---|
| | | var std = {} |
|---|
| | | let ellipsoid = Viewer.scene.globe.ellipsoid |
|---|
| | | let cartographic = ellipsoid.cartesianToCartographic(res) |
|---|
| | | std.lat = Cesium.Math.toDegrees(cartographic.latitude) |
|---|
| | | std.lng = Cesium.Math.toDegrees(cartographic.longitude) |
|---|
| | | std.alt = cartographic.height |
|---|
| | | return std |
|---|
| | | }, |
|---|
| | | async getPipelineData() { |
|---|
| | | const data = await pipelines_selectSegNames() |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("å表è°ç¨å¤±è´¥") |
|---|
| | | } |
|---|
| | | var std = [] |
|---|
| | | var str = [] |
|---|
| | | var result = data.result |
|---|
| | | for (var i in result) { |
|---|
| | | if (std.indexOf(result[i].pipeName) == -1) { |
|---|
| | | std.push(result[i].pipeName) |
|---|
| | | str.push(result[i]) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.featureLayer = data.result |
|---|
| | | this.pipelineOption = str |
|---|
| | | this.menuTopFrom.pipeline = this.pipelineOption[0].pipeName |
|---|
| | | this.changeSelect2(this.menuTopFrom.pipeline) |
|---|
| | | }, |
|---|
| | | async genBuffer() { |
|---|
| | | let { pipeline, segName } = this.menuTopFrom |
|---|
| | | let params = { name: pipeline } |
|---|
| | | // let params = { name: "西æ°ä¸è¾ä¸çº¿" } |
|---|
| | | |
|---|
| | | const res = await selectPipelines(params) |
|---|
| | | if (res.code == 200) { |
|---|
| | | const item = res.result.find(item => item.gid == this.analyGid) |
|---|
| | | console.log("selectPipelines", item) |
|---|
| | | const wkt = item.wkt |
|---|
| | | |
|---|
| | | if (item && wkt) { |
|---|
| | | const line = wktToGeoJSON(wkt) |
|---|
| | | |
|---|
| | | let position = line.coordinates |
|---|
| | | if (wkt.includes("MULTILINESTRING")) { |
|---|
| | | position = line.coordinates.flat() |
|---|
| | | } |
|---|
| | | this.bufferLinePosition = position |
|---|
| | | if (this.dialogFormVisible) { |
|---|
| | | this.createBuffer() |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | createBuffer() { |
|---|
| | | this.clearBufferEntities() |
|---|
| | | const position = this.bufferLinePosition |
|---|
| | | const buffRadius = this.menuTopFrom.bufferSize |
|---|
| | | var polylineF = turf.lineString(position) |
|---|
| | | var bufferd = turf.buffer(polylineF, buffRadius, { units: "meters" }) |
|---|
| | | var coordinates = bufferd.geometry.coordinates |
|---|
| | | // console.log("coordinates", coordinates) |
|---|
| | | |
|---|
| | | var points = coordinates[0] |
|---|
| | | var degreesArray = this.pointsToDegreesArray(points) |
|---|
| | | let array = Cesium.Cartesian3.fromDegreesArray(degreesArray) |
|---|
| | | const hierarchy = new Cesium.PolygonHierarchy(array) |
|---|
| | | const bufferPolygon = sgworld.Viewer.entities.add({ |
|---|
| | | polygon: { |
|---|
| | | hierarchy: hierarchy, |
|---|
| | | material: Cesium.Color.RED.withAlpha(0.5), |
|---|
| | | classificationType: Cesium.ClassificationType.BOTH, |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | this.bufferEntities.push(bufferPolygon) |
|---|
| | | let res = hierarchy.positions |
|---|
| | | sgworld.Navigate.flyToObj(bufferPolygon) |
|---|
| | | this.flyEntity = res |
|---|
| | | }, |
|---|
| | | changeBufferData() { |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | let res = this.flyEntity |
|---|
| | | let restVal, |
|---|
| | | std = [] |
|---|
| | | for (let i in res) { |
|---|
| | | let line_data = this.setCartesianToEightFour(res[i]) |
|---|
| | | std.push([line_data.lng, line_data.lat]) |
|---|
| | | } |
|---|
| | | restVal = turf.polygon([std], { name: "polygon" }) |
|---|
| | | |
|---|
| | | console.log("bufferPolygon", res) |
|---|
| | | |
|---|
| | | console.log("bufferPolygon", restVal) |
|---|
| | | this.setJonToWKT(restVal) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | pointsToDegreesArray(points) { |
|---|
| | | let degreesArray = [] |
|---|
| | | points.forEach(item => { |
|---|
| | | degreesArray.push(item[0]) |
|---|
| | | degreesArray.push(item[1]) |
|---|
| | | }) |
|---|
| | | return degreesArray |
|---|
| | | }, |
|---|
| | | clearBufferEntities() { |
|---|
| | | this.bufferEntities.forEach(entity => { |
|---|
| | | sgworld.Viewer.entities.remove(entity) |
|---|
| | | }) |
|---|
| | | this.flyEntity = null |
|---|
| | | }, |
|---|
| | | changeSelect2(res) { |
|---|
| | | var value = this.featureLayer |
|---|
| | | let option = [] |
|---|
| | | for (var i in value) { |
|---|
| | | if (value[i].pipeName == res) { |
|---|
| | | option.push(value[i]) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.segNameOption = option |
|---|
| | | this.menuTopFrom.segName = option[0].segName || "<空>" |
|---|
| | | this.analyGid = option[0].gid |
|---|
| | | this.genBuffer() |
|---|
| | | }, |
|---|
| | | selectChangeGid(res) { |
|---|
| | | this.analyGid = res |
|---|
| | | }, |
|---|
| | | fixToPositon(restVal, digits = 6) { |
|---|
| | | restVal.geometry.coordinates.forEach(coord => { |
|---|
| | | if (Array.isArray(coord)) { |
|---|
| | | coord.forEach(item => { |
|---|
| | | if (item.length >= 2) { |
|---|
| | | item[0] = Number(item[0].toFixed(digits)) |
|---|
| | | item[1] = Number(item[1].toFixed(digits)) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | return restVal |
|---|
| | | }, |
|---|
| | | handleBufferChange(val, oldVal) { |
|---|
| | | this.createBuffer() |
|---|
| | | }, |
|---|
| | | dialogOpend() { |
|---|
| | | this.createBuffer() |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | |
|---|
| | | padding: 4px 20px; |
|---|
| | | font-weight: 400; |
|---|
| | | } |
|---|
| | | .buffer-dialog { |
|---|
| | | width: 300px; |
|---|
| | | height: 300px; |
|---|
| | | background-color: rgba(244, 248, 255, 0.85) !important; |
|---|
| | | .el-dialog__body { |
|---|
| | | .el-form-item { |
|---|
| | | margin-bottom: 20px !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | <style lang="less"> |
|---|
| | | .menuBox { |
|---|
| | | .el-dialog__wrapper { |
|---|
| | | pointer-events: none; |
|---|
| | | .buffer-dialog { |
|---|
| | | top: 355px; |
|---|
| | | background-color: rgba(244, 248, 255, 0.85) !important; |
|---|
| | | border: 1px solid rgba(32, 160, 255, 0.6); |
|---|
| | | color: #202020; |
|---|
| | | .el-dialog__body, |
|---|
| | | .el-dialog__header, |
|---|
| | | .el-dialog__footer { |
|---|
| | | pointer-events: auto; |
|---|
| | | } |
|---|
| | | .el-dialog__header { |
|---|
| | | padding: 10px 20px; |
|---|
| | | border-bottom: 1px solid rgba(32, 160, 255, 0.6); |
|---|
| | | |
|---|
| | | .el-dialog__headerbtn { |
|---|
| | | top: 10px; |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .el-form-item { |
|---|
| | | .el-input-number { |
|---|
| | | width: 202px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <div class="centTable"> |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | height="260px" |
|---|
| | | border |
|---|
| | | height="100%" |
|---|
| | | ref="filterTable" |
|---|
| | | style="width: 100%" |
|---|
| | | > |
|---|
| | |
|---|
| | | :prop="item.field" |
|---|
| | | show-overflow-tooltip |
|---|
| | | align="center" |
|---|
| | | :fit="true" |
|---|
| | | ></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | spaceLayer: '', |
|---|
| | | imagePoint: null, |
|---|
| | | domainsLayer: null, |
|---|
| | | querytype: null, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | |
|---|
| | | this.options = []; |
|---|
| | | |
|---|
| | | var std = []; |
|---|
| | | |
|---|
| | | this.querytype = obj.type |
|---|
| | | if (obj.type == "text" || obj.type == "blob") { |
|---|
| | | std = this.conditions[0]; |
|---|
| | | } else if (obj.type == "date" || obj.type == "datetime") { |
|---|
| | |
|---|
| | | this.formInline.name = val_date.field; |
|---|
| | | this.options = []; |
|---|
| | | var std = []; |
|---|
| | | this.querytype = val_date.type |
|---|
| | | if (val_date.type == "text" || val_date.type == "blob") { |
|---|
| | | std = this.conditions[0]; |
|---|
| | | } else if (val_date.type == "date" || val_date.type == "datetime") { |
|---|
| | |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.optionx = []; |
|---|
| | | var valadata = data.result; |
|---|
| | | for (var i in valadata) { |
|---|
| | |
|---|
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
|---|
| | | } |
|---|
| | | this.domainsLayer = data.result; |
|---|
| | | |
|---|
| | | this.setListDataStart(); |
|---|
| | | this.getTableselectFields(); |
|---|
| | | }, |
|---|
| | |
|---|
| | | if (this.formInline.input == undefined || this.formInline.input == null) { |
|---|
| | | this.listdata.filter = null; |
|---|
| | | } else { |
|---|
| | | |
|---|
| | | var val; |
|---|
| | | var value = this.formInline.input |
|---|
| | | if (this.querytype == "long" || this.querytype == "integer") { |
|---|
| | | |
|---|
| | | val = parseInt(value); |
|---|
| | | } else if (this.querytype == 'double') { |
|---|
| | | |
|---|
| | | if (this.formSql.value.indexOf(".") != -1) { |
|---|
| | | val = value; |
|---|
| | | } else { |
|---|
| | | val = parseFloat(value).toFixed(1) |
|---|
| | | } |
|---|
| | | } else if (querytype == "date" || querytype == "datetime") { |
|---|
| | | var time = new Date(value); |
|---|
| | | var m = time.getMonth() + 1; |
|---|
| | | var d = time.getDate(); |
|---|
| | | var y = time.getFullYear(); |
|---|
| | | val = "'" + y + |
|---|
| | | '-' + |
|---|
| | | this.add0(m) + |
|---|
| | | '-' + |
|---|
| | | this.add0(d) + "'"; |
|---|
| | | } else { |
|---|
| | | val = "'" + value + "'"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | this.listdata.filter = |
|---|
| | | this.formInline.name + |
|---|
| | | ' ' + |
|---|
| | | this.formInline.region + |
|---|
| | | ' ' + |
|---|
| | | this.formInline.input; |
|---|
| | | this.formInline.name + " " + this.formInline.region + " " + val |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | const data = await dataQuerySelectByPage(this.listdata); |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
|---|
| | |
|---|
| | | this.$store.state.primitLayer = null; |
|---|
| | | } |
|---|
| | | var wkt = this.$wkt.parse(val1); |
|---|
| | | this.setMapLoaction(wkt); |
|---|
| | | |
|---|
| | | this.setMapLoaction(wkt, row); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleSizeChange(val) { |
|---|
| | |
|---|
| | | this.listdata.pageIndex = val; |
|---|
| | | this.getSpaceTableLayer(); |
|---|
| | | }, |
|---|
| | | setMapLoaction(res) { |
|---|
| | | setMapLoaction(res, properties) { |
|---|
| | | if (this.$store.state.primitLayer != null) { |
|---|
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
|---|
| | | // this.$store.state.primitLayer = null; |
|---|
| | |
|---|
| | | this.$store.state.primitLayer = null; |
|---|
| | | } |
|---|
| | | var coord = res.coordinates; |
|---|
| | | |
|---|
| | | if (res.type == 'Point') { |
|---|
| | | var val = Cesium.Cartesian3.fromDegrees( |
|---|
| | | res.coordinates[0], |
|---|
| | |
|---|
| | | |
|---|
| | | ); |
|---|
| | | this.$store.state.primitLayer = Viewer.entities.add({ |
|---|
| | | properties: properties, |
|---|
| | | tag: "properties_point", |
|---|
| | | position: val, |
|---|
| | | billboard: { |
|---|
| | | // å¾åå°åï¼URIæCanvasçå±æ§ |
|---|
| | |
|---|
| | | |
|---|
| | | sgworld.Navigate.flyToObj(this.$store.state.primitLayer) |
|---|
| | | |
|---|
| | | window.propertieshandler = new Cesium.ScreenSpaceEventHandler( |
|---|
| | | sgworld.Viewer.scene.canvas |
|---|
| | | ); |
|---|
| | | window.propertieshandler.setInputAction(event => { |
|---|
| | | let pick = sgworld.Viewer.scene.pick(event.position); |
|---|
| | | // ; |
|---|
| | | if (pick && pick.id && pick.id.tag == "properties_point") { |
|---|
| | | this.$store.state.propertiesFlag = '1'; |
|---|
| | | let properties = pick.id.properties; |
|---|
| | | let propertyNames = pick.id.properties.propertyNames; |
|---|
| | | let obj = {}; |
|---|
| | | obj["eventid"] = properties['_eventid']._value; |
|---|
| | | // |
|---|
| | | this.attributeData.forEach(item => { |
|---|
| | | propertyNames.forEach(itemElement => { |
|---|
| | | if (itemElement == item.field) { |
|---|
| | | obj[item.alias] = properties[itemElement]._value |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | this.$store.state.propertiesInfo = obj; |
|---|
| | | } |
|---|
| | | }, Cesium.ScreenSpaceEventType.LEFT_CLICK); |
|---|
| | | |
|---|
| | | } else if (res.type == 'MultiPolygon' || res.type == 'LineString') { |
|---|
| | | |
|---|
| | | var val = res.coordinates[0][0]; |
|---|
| | | var std = []; |
|---|
| | | for (var i in val) { |
|---|
| | | |
|---|
| | | std.push({ x: val[i][0], y: val[i][1] }) |
|---|
| | | std.push(val[i][0]) |
|---|
| | | |
|---|
| | | std.push(val[i][1]) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$store.state.primitLayer = Viewer.entities.add({ |
|---|
| | | polyline: { |
|---|
| | | positions: Cesium.Cartesian3.fromDegreesArray(std), |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | this.$store.state.propertiesFlag = null; |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | |
|---|
| | | border: 1px solid gray; |
|---|
| | | float: left; |
|---|
| | | .centTable { |
|---|
| | | height: 230px; |
|---|
| | | position: absolute; |
|---|
| | | height: 66%; |
|---|
| | | width: 98%; |
|---|
| | | } |
|---|
| | | .rightTitle { |
|---|
| | | padding: 5px; |
|---|
| | |
|---|
| | | } |
|---|
| | | .bottomPage { |
|---|
| | | position: absolute; |
|---|
| | | bottom: 1%; |
|---|
| | | bottom: 3%; |
|---|
| | | } |
|---|
| | | /deep/.el-form-item { |
|---|
| | | margin-bottom: 0px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | }, |
|---|
| | | menuTreeCheck(value) { |
|---|
| | | this.mapSpaceQueryLayer = value; |
|---|
| | | |
|---|
| | | this.layerData.forEach(item => { |
|---|
| | | if (this.menuTopFrom.queryLayer == item.entity){ |
|---|
| | | this.$store.state.propertiesName = item; |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | this.getCheckedNodes(); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="breadcrumb"> |
|---|
| | | <el-breadcrumb separator="/"> |
|---|
| | | <el-breadcrumb-item |
|---|
| | | style="color: #409eff !important" |
|---|
| | | :to="{ path: '/' }" |
|---|
| | | >{{ list[0] }}</el-breadcrumb-item |
|---|
| | | > |
|---|
| | | <el-breadcrumb-item style="color: #409eff !important">{{ |
|---|
| | | <el-breadcrumb style="color: #409eff !important"> |
|---|
| | | <el-breadcrumb-item style="color: #409eff !important; cursor: default;">{{ list[0] }}</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item style="color: #409eff !important; cursor: default ;">{{ |
|---|
| | | list[1] |
|---|
| | | }}</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item style="" v-if="list[2]">{{ |
|---|
| | | <el-breadcrumb-item |
|---|
| | | style="cursor: default;" |
|---|
| | | v-if="list[2]" |
|---|
| | | >{{ |
|---|
| | | list[2] |
|---|
| | | }}</el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> |
|---|
| | |
|---|
| | | .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { |
|---|
| | | color: #409eff !important; |
|---|
| | | } |
|---|
| | | .el-breadcrumb__inner { |
|---|
| | | color: #409eff !important; |
|---|
| | | cursor: default; |
|---|
| | | } |
|---|
| | | .el-breadcrumb__inner { |
|---|
| | | cursor: default !important ; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </el-popover> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div |
|---|
| | | class="bottombtn" |
|---|
| | | :class="showTree ? 'active' : ''" |
|---|
| | | @click="handleTree" |
|---|
| | | > |
|---|
| | | å¾å±ç®¡ç |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="bottom13"> |
|---|
| | | <img :src="yxImg" @click="ChangeBaseLayer" /> |
|---|
| | | <img :src="yxImg" @click="ChangeBaseLayer('yx')" title="å½±åå¾" /> |
|---|
| | | <img :src="xrImg" @click="ChangeBaseLayer('xr')" title="æ渲å¾" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="bottom2"> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | let yunxuanLayer = null |
|---|
| | | import PipeLine from "@/assets/json/pipeline.json" |
|---|
| | | import { |
|---|
| | | countProjectTour, |
|---|
| | | countProjectDisplay, |
|---|
| | | countProjectLocation, |
|---|
| | | selectProjectFileList, |
|---|
| | | } from "@/api/screen.js" |
|---|
| | | import { wktToGeoJSON } from "@terraformer/wkt" |
|---|
| | | |
|---|
| | |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | YXState: true, |
|---|
| | | XRState: true, |
|---|
| | | yunxuanLayer: null, //å
¨çç©æå¾ |
|---|
| | | yxImg: require("../../assets/img/Screen/yximg.png"), |
|---|
| | | currMenu: "项ç®å±ç¤º", |
|---|
| | | xrImg: require("../../assets/img/Screen/bdimg.png"), |
|---|
| | | currMenu: "ä¸é¢å±ç¤º", |
|---|
| | | currProject: "", |
|---|
| | | searchName: "", |
|---|
| | | menuList: [ |
|---|
| | | { |
|---|
| | | menuName: "项ç®å±ç¤º", |
|---|
| | | menuName: "ä¸é¢å±ç¤º", |
|---|
| | | children: [ |
|---|
| | | // { |
|---|
| | | // name: "å
¨å½ç®¡ç½å¾", |
|---|
| | | // id: "qggwt", |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // name: "å
¨ç管ç½å¾", |
|---|
| | | // id: "qqgwt", |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | name: "å
¨å½ç®¡ç½å¾", |
|---|
| | | id: "qggwt", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "å
¨ç管ç½å¾", |
|---|
| | | id: "qqgwt", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "å
¨å½é¡¹ç®", |
|---|
| | | id: "qgxm", |
|---|
| | |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | menuName: "å·¥ç¨å±ç¤º", |
|---|
| | | menuName: "项ç®å±ç¤º", |
|---|
| | | children: [ |
|---|
| | | { |
|---|
| | | name: "ä¸ä¿ä¸çº¿ç®¡éå·¥ç¨", |
|---|
| | |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | showTree: false, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | |
|---|
| | | this.getCountProjectTour() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | ChangeBaseLayer() { |
|---|
| | | if (this.YXState) { |
|---|
| | | this.yxImg = require("../../assets/img/Screen/bdimg.png") |
|---|
| | | //å è½½ç¾åº¦å½±å |
|---|
| | | Viewer.imageryLayers._layers[1].show = true |
|---|
| | | Viewer.imageryLayers._layers[2].show = false |
|---|
| | | Viewer.imageryLayers._layers[3].show = false |
|---|
| | | } else { |
|---|
| | | this.yxImg = require("../../assets/img/Screen/yximg.png") |
|---|
| | | Viewer.imageryLayers._layers[1].show = false |
|---|
| | | Viewer.imageryLayers._layers[2].show = true |
|---|
| | | Viewer.imageryLayers._layers[3].show = true |
|---|
| | | ChangeBaseLayer(parm) { |
|---|
| | | if (parm == "yx") { |
|---|
| | | if (this.YXState) { |
|---|
| | | //this.yxImg = require("../../assets/img/Screen/bdimg.png") |
|---|
| | | //å è½½ç¾åº¦å½±å |
|---|
| | | Viewer.imageryLayers._layers[1].show = true |
|---|
| | | Viewer.imageryLayers._layers[2].show = false |
|---|
| | | Viewer.imageryLayers._layers[3].show = false |
|---|
| | | } else { |
|---|
| | | //this.yxImg = require("../../assets/img/Screen/yximg.png") |
|---|
| | | Viewer.imageryLayers._layers[1].show = false |
|---|
| | | Viewer.imageryLayers._layers[2].show = true |
|---|
| | | Viewer.imageryLayers._layers[3].show = true |
|---|
| | | } |
|---|
| | | this.YXState = !this.YXState |
|---|
| | | } |
|---|
| | | this.YXState = !this.YXState |
|---|
| | | |
|---|
| | | if (parm == "xr") { |
|---|
| | | if (yunxuanLayer == null) { |
|---|
| | | var urls = "https://tiles3.geovisearth.com/base/v1/ter" |
|---|
| | | // æå¾å°çå°å½¢æ渲 |
|---|
| | | yunxuanLayer = sgworld.Creator.createUrlTemplateImageryProvider( |
|---|
| | | "æå¾å°çå°å½¢æ渲", |
|---|
| | | { |
|---|
| | | url: |
|---|
| | | urls + |
|---|
| | | "/{z}/{x}/{y}?format=webp&token=486dac3bec56d7d7c2a581c150be2bd937462f1e8f3bc9c78b5658b396122405", |
|---|
| | | }, |
|---|
| | | "0", |
|---|
| | | undefined, |
|---|
| | | true, |
|---|
| | | "" |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | if (this.XRState) { |
|---|
| | | yunxuanLayer.item.show = true |
|---|
| | | } else { |
|---|
| | | yunxuanLayer.item.show = false |
|---|
| | | } |
|---|
| | | this.XRState = !this.XRState |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleMenuClick(menu) { |
|---|
| | | this.currMenu = menu.menuName |
|---|
| | |
|---|
| | | case "å·¥ç¨å·¡è§": |
|---|
| | | this.showPathLine(child) |
|---|
| | | break |
|---|
| | | case "å·¥ç¨å±ç¤º": |
|---|
| | | this.DisplayCurrentProject(child) |
|---|
| | | break |
|---|
| | | case "项ç®å±ç¤º": |
|---|
| | | this.DisplayCurrentProject(child) |
|---|
| | | this.changeProject(child) |
|---|
| | | this.$bus.$emit("changeProjectCode", child.id) |
|---|
| | | |
|---|
| | | break |
|---|
| | | case "ä¸é¢å±ç¤º": |
|---|
| | | this.changeProject(child) |
|---|
| | | break |
|---|
| | | |
|---|
| | | default: |
|---|
| | | break |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //å·¥ç¨å·¡è§ |
|---|
| | | async showPathLine(params) { |
|---|
| | | const line = wktToGeoJSON(params.wkt) |
|---|
| | | const position = line.coordinates[0] |
|---|
| | |
|---|
| | | |
|---|
| | | //项ç®å±ç¤º |
|---|
| | | DisplayCurrentProject(params) { |
|---|
| | | console.log(params) |
|---|
| | | |
|---|
| | | //æå¼æè
å è½½å¾å± |
|---|
| | | |
|---|
| | | //é£å°æå®ä½ç½® |
|---|
| | |
|---|
| | | }, |
|---|
| | | handleSearchChange(currMenu) {}, |
|---|
| | | async getCountProjectDisplay() { |
|---|
| | | const res = await countProjectLocation() |
|---|
| | | // const res = await countProjectLocation() |
|---|
| | | // if (res.code === 200) { |
|---|
| | | // const menu = this.menuList.find(item => item.menuName == "项ç®å±ç¤º") |
|---|
| | | // menu.children = res.result.map(item => { |
|---|
| | | // return { |
|---|
| | | // name: item.projname, |
|---|
| | | // id: item.projname, |
|---|
| | | // wkt: item.wkt, |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | // } |
|---|
| | | const res = await selectProjectFileList() |
|---|
| | | if (res.code === 200) { |
|---|
| | | const menu = this.menuList.find(item => item.menuName == "å·¥ç¨å±ç¤º") |
|---|
| | | const menu = this.menuList.find(item => item.menuName == "项ç®å±ç¤º") |
|---|
| | | menu.children = res.result.map(item => { |
|---|
| | | return { |
|---|
| | | name: item.projname, |
|---|
| | | id: item.projname, |
|---|
| | | name: item.name, |
|---|
| | | id: item.code, |
|---|
| | | wkt: item.wkt, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | } |
|---|
| | | selectProjectFileList |
|---|
| | | }, |
|---|
| | | async getCountProjectTour() { |
|---|
| | | const res = await countProjectTour() |
|---|
| | |
|---|
| | | wkt: item.wkt, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //ä¸é¢å±ç¤º |
|---|
| | | changeProject(params) { |
|---|
| | | this.$bus.$emit('changeProject', params.name) |
|---|
| | | } |
|---|
| | | this.$bus.$emit("changeProject", params.name) |
|---|
| | | }, |
|---|
| | | handleTree(params) { |
|---|
| | | this.showTree = !this.showTree |
|---|
| | | this.$bus.$emit("changeTree", this.showTree) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | |
|---|
| | | color: #fff; |
|---|
| | | font-weight: 600; |
|---|
| | | cursor: pointer; |
|---|
| | | |
|---|
| | | &.active { |
|---|
| | | background: url(~@/assets/img/Screen/centerbtnc.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .popover { |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | |
|---|
| | | background: url(~@/assets/img/Screen/centerTooltipBg.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | border: none; |
|---|
| | | |
|---|
| | | .popper__arrow { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .popover-content { |
|---|
| | | &__header { |
|---|
| | | display: flex; |
|---|
| | |
|---|
| | | height: 30px; |
|---|
| | | font-size: 18px; |
|---|
| | | color: #fff; |
|---|
| | | |
|---|
| | | &::before, |
|---|
| | | &::after { |
|---|
| | | margin: 0 5px; |
|---|
| | |
|---|
| | | height: 8px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &__search { |
|---|
| | | margin-top: 8px; |
|---|
| | | width: 145px; |
|---|
| | | text-align: center; |
|---|
| | | |
|---|
| | | .el-input { |
|---|
| | | width: 125px; |
|---|
| | | height: 21px; |
|---|
| | | background: rgba(0, 48, 111, 0.2); |
|---|
| | | border: 0.25px solid #2a80a9; |
|---|
| | | |
|---|
| | | &__inner { |
|---|
| | | background: rgba(0, 48, 111, 0.2); |
|---|
| | | border-radius: inherit; |
|---|
| | |
|---|
| | | padding: 0 5px; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-input-group__append { |
|---|
| | | width: 32px; |
|---|
| | | border: none; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | ::-webkit-scrollbar { |
|---|
| | | width: 2px; |
|---|
| | | height: 2px; |
|---|
| | |
|---|
| | | <div class="leftarrow"> |
|---|
| | | <img :src="leftImg" @click="ChangeLeft" /> |
|---|
| | | </div> |
|---|
| | | <div class="leftContainer" v-if="ChartDisplay"> |
|---|
| | | <div class="current1" style="height: 27%;" id="leftCurrent1"> |
|---|
| | | <div class="leftContainer" v-if="currentDisplay == '大å±' && ChartDisplay"> |
|---|
| | | <div class="current1" id="leftCurrent1"> |
|---|
| | | <div class="aside-title">æ°æ®ç³è¯·æ¬¡æ°</div> |
|---|
| | | <count-data-apply ></count-data-apply> |
|---|
| | | <count-data-apply></count-data-apply> |
|---|
| | | </div> |
|---|
| | | <div class="current1" style="height: 27%;" id="leftCurrent2"> |
|---|
| | | <div class="aside-title">æå¡ç±»å«</div> |
|---|
| | | |
|---|
| | | <div class="current1" id="leftCurrent2"> |
|---|
| | | <div class="aside-title">ç¨æ·è®¿é®é</div> |
|---|
| | | <service-type></service-type> |
|---|
| | | </div> |
|---|
| | | <div class="current1" style="height: 36%;" id="leftCurrent3"> |
|---|
| | | <div class="aside-title">åå¨ä¿¡æ¯</div> |
|---|
| | | <div class="current1" id="leftCurrent3"> |
|---|
| | | <div class="aside-title">项ç®åå¨ä¿¡æ¯</div> |
|---|
| | | <data-storage></data-storage> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="leftContainer" v-if="ProjectreeDisplay"> |
|---|
| | | <project-tree></project-tree> |
|---|
| | | <!-- å
¨çãå
¨å½ç»è®¡æ¬¡æ° --> |
|---|
| | | <div class="leftContainer" v-if="currentDisplay == '项ç®'"> |
|---|
| | | <div class="current1" id="leftCurrent1"> |
|---|
| | | <div class="aside-title">æ°æ®æ»è§</div> |
|---|
| | | <div class="wrapper"> |
|---|
| | | <div class="title">{{ currentProject }}</div> |
|---|
| | | <dv-digital-flop style="height: 40px" :config="xmCountConfig" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="current1" id="leftCurrent2"> |
|---|
| | | <div class="aside-title">åå¨ä¿¡æ¯</div> |
|---|
| | | <base-line-chart |
|---|
| | | :requsetFn="requsetFn" |
|---|
| | | :project="currentProject" |
|---|
| | | title="æ°æ®åå¨é" |
|---|
| | | ></base-line-chart> |
|---|
| | | </div> |
|---|
| | | <div class="current1" id="leftCurrent3"> |
|---|
| | | <div class="aside-title">æ°æ®åå¨é</div> |
|---|
| | | <data-storage-type></data-storage-type> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- å
¨çãå
¨å½ç®¡ç½å¾ --> |
|---|
| | | <div class="leftContainer" v-if="currentDisplay == '管ç½'"> |
|---|
| | | <div class="current1" id="leftCurrent1"> |
|---|
| | | <div class="aside-title">æ°æ®æ»è§</div> |
|---|
| | | <div class="wrapper"> |
|---|
| | | <div class="title">{{ currentProject }}</div> |
|---|
| | | <dv-digital-flop style="height: 40px" :config="xmCountConfig" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="current1" id="leftCurrent2"> |
|---|
| | | <div class="aside-title">管ç½é¿åº¦</div> |
|---|
| | | <base-line-chart |
|---|
| | | :requsetFn="requsetFn" |
|---|
| | | :project="currentProject" |
|---|
| | | title="管ç½é¿åº¦" |
|---|
| | | ></base-line-chart> |
|---|
| | | <!-- <base-pie-chart :project="currentProject"></base-pie-chart> --> |
|---|
| | | <!-- <service-type></service-type> --> |
|---|
| | | </div> |
|---|
| | | <div class="current1" id="leftCurrent3"> |
|---|
| | | <div class="aside-title">æ°æ®åå¨é</div> |
|---|
| | | <data-storage-type></data-storage-type> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- å个工ç¨å±ç¤º --> |
|---|
| | | <div class="leftContainer" v-if="currentDisplay == 'å·¥ç¨'"> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">å·¥ç¨ç®ä»</div> |
|---|
| | | <projectintroduction></projectintroduction> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">项ç®ç¶æ</div> |
|---|
| | | <projectState></projectState> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">建设工æ</div> |
|---|
| | | <projectTime></projectTime> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | import countDataApply from "@/components/chart/CountDataApply.vue" |
|---|
| | | import ServiceType from "../chart/ServiceType.vue" |
|---|
| | | import DataStorage from "../chart/DataStorage.vue" |
|---|
| | | import DataStorageType from "../chart/DataStorageType.vue" |
|---|
| | | |
|---|
| | | import BaseBarChart from "../chart/BaseBarChart.vue" |
|---|
| | | import BaseLineChart from "../chart/BaseLineChart.vue" |
|---|
| | | import BasePieChart from "../chart/BasePieChart .vue" |
|---|
| | | import projectintroduction from "../chart/projectintroduction.vue" |
|---|
| | | import projectState from "../chart/projectState.vue" |
|---|
| | | import projectTime from "../chart/projectTime.vue" |
|---|
| | | import { |
|---|
| | | countCountryDimension, |
|---|
| | | countProvinceDimension, |
|---|
| | | countZhPipeStations, |
|---|
| | | countZhPipeMapLength, |
|---|
| | | } from "@/api/screen.js" |
|---|
| | | function formatter(number) { |
|---|
| | | const numbers = number.toString().split("").reverse() |
|---|
| | | const segs = [] |
|---|
| | | |
|---|
| | | while (numbers.length) segs.push(numbers.splice(0, 3).join("")) |
|---|
| | | |
|---|
| | | return segs.join(",").split("").reverse().join("") |
|---|
| | | } |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | ProjectTree, |
|---|
| | | countDataApply, |
|---|
| | | ServiceType, |
|---|
| | | DataStorage, |
|---|
| | | BaseBarChart, |
|---|
| | | BaseLineChart, |
|---|
| | | BasePieChart, |
|---|
| | | projectintroduction, |
|---|
| | | projectState, |
|---|
| | | projectTime, |
|---|
| | | DataStorageType |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | leftMessage: "init", |
|---|
| | | ChartDisplay: true, |
|---|
| | | ProjectreeDisplay: false, |
|---|
| | | GlobleChartDisplay: false, |
|---|
| | | CountryChartDisplay: false, |
|---|
| | | leftImg: require("../../assets/img/Screen/rightArrow.png"), |
|---|
| | | currentProject: "å
¨ç项ç®", |
|---|
| | | currentDisplay: "大å±", |
|---|
| | | requsetFn: countZhPipeMapLength, |
|---|
| | | xmCountConfig: { |
|---|
| | | number: [0], |
|---|
| | | content: "{nt}", |
|---|
| | | formatter, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.OpenLeftInit() |
|---|
| | | // this.OpenLeftInitChart(); |
|---|
| | | |
|---|
| | | this.$bus.$on("changeProject", name => { |
|---|
| | | if (name.includes("å
¨ç管ç½") || name.includes("å
¨å½ç®¡ç½")) { |
|---|
| | | this.currentDisplay = "管ç½" |
|---|
| | | } else if (name.includes("å
¨ç项ç®") || name.includes("å
¨å½é¡¹ç®")) { |
|---|
| | | this.currentDisplay = "项ç®" |
|---|
| | | } else { |
|---|
| | | this.currentDisplay = "å·¥ç¨" |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.currentProject = name |
|---|
| | | }) |
|---|
| | | this.$bus.$on("changeCount", count => { |
|---|
| | | if (typeof count == "number") { |
|---|
| | | this.xmCountConfig.number = [count] |
|---|
| | | this.xmCountConfig = { |
|---|
| | | ...this.xmCountConfig, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | ChangeLeft() { |
|---|
| | |
|---|
| | | }, |
|---|
| | | //æå¼å¤§å±å·¦ä¾§çé¢ |
|---|
| | | OpenLeftInit() { |
|---|
| | | this.currentDisplay = "大å±" |
|---|
| | | |
|---|
| | | this.ChartDisplay = true |
|---|
| | | this.ProjectreeDisplay = false |
|---|
| | | this.leftMessage = "init" |
|---|
| | | // this.OpenLeftInitChart(); |
|---|
| | | this.$parent.ChangeWidth("leftView") |
|---|
| | | this.GlobleChartDisplay = false |
|---|
| | | }, |
|---|
| | | //æå¼å·¥ç¨æ |
|---|
| | | OpenLeftProjectTree() { |
|---|
| | |
|---|
| | | |
|---|
| | | .leftContainer { |
|---|
| | | height: 100%; |
|---|
| | | width: calc(100% - 7px); |
|---|
| | | |
|---|
| | | width: calc(100% - 45px); |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-around; |
|---|
| | | |
|---|
| | | .current1 { |
|---|
| | | height: 30%; |
|---|
| | | height: 32%; |
|---|
| | | width: 100%; |
|---|
| | | background: url(../../assets/img/Screen/chartbg.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | |
|---|
| | | background: url(../../assets/img/Screen/contentBg.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | |
|---|
| | | } |
|---|
| | | .wrapper { |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | justify-content: center; |
|---|
| | | margin: 15px auto; |
|---|
| | | width: 180px; |
|---|
| | | height: 180px; |
|---|
| | | background: url(../../assets/img/Screen/all.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | .title { |
|---|
| | | color: #fff; |
|---|
| | | font-size: 20px; |
|---|
| | | width: 100%; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.init3DMap() |
|---|
| | | this.$bus.$on("changeProject", name => { |
|---|
| | | if (!yunxuanLayer) { |
|---|
| | | var urls = "https://tiles3.geovisearth.com/base/v1/ter" |
|---|
| | | // æå¾å°çå°å½¢æ渲 |
|---|
| | | yunxuanLayer = sgworld.Creator.createUrlTemplateImageryProvider( |
|---|
| | | "æå¾å°çå°å½¢æ渲", |
|---|
| | | { |
|---|
| | | url: |
|---|
| | | urls + |
|---|
| | | "/{z}/{x}/{y}?format=webp&token=486dac3bec56d7d7c2a581c150be2bd937462f1e8f3bc9c78b5658b396122405", |
|---|
| | | }, |
|---|
| | | "0", |
|---|
| | | undefined, |
|---|
| | | true, |
|---|
| | | "" |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | if (name == 'å
¨ç项ç®') { |
|---|
| | | yunxuanLayer.item.show = true |
|---|
| | | } else { |
|---|
| | | yunxuanLayer.item.show = false |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | // this.$bus.$on("changeProject", name => { |
|---|
| | | // if (!yunxuanLayer) { |
|---|
| | | // var urls = "https://tiles3.geovisearth.com/base/v1/ter" |
|---|
| | | // // æå¾å°çå°å½¢æ渲 |
|---|
| | | // yunxuanLayer = sgworld.Creator.createUrlTemplateImageryProvider( |
|---|
| | | // "æå¾å°çå°å½¢æ渲", |
|---|
| | | // { |
|---|
| | | // url: |
|---|
| | | // urls + |
|---|
| | | // "/{z}/{x}/{y}?format=webp&token=486dac3bec56d7d7c2a581c150be2bd937462f1e8f3bc9c78b5658b396122405", |
|---|
| | | // }, |
|---|
| | | // "0", |
|---|
| | | // undefined, |
|---|
| | | // true, |
|---|
| | | // "" |
|---|
| | | // ) |
|---|
| | | // } |
|---|
| | | // if (name == 'å
¨ç项ç®') { |
|---|
| | | // yunxuanLayer.item.show = true |
|---|
| | | // } else { |
|---|
| | | // yunxuanLayer.item.show = false |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | init3DMap() { |
|---|
| | |
|---|
| | | SmartEarthRootUrl + "Workers/image/earth.jpg", |
|---|
| | | function () {} |
|---|
| | | ) |
|---|
| | | |
|---|
| | | window.viewer = window.Viewer = window.sgworld._Viewer |
|---|
| | | // Viewer.imageryLayers._layers[0].show = false |
|---|
| | | |
|---|
| | | // viewer.clock.shouldAnimate = true |
|---|
| | | //æ¯æ¬¡æ转ç弧度 è¶å°è¶æ
¢ |
|---|
| | | var angle = Cesium.Math.toRadians(Math.PI * 1) |
|---|
| | | // æè½¬æ¬¡æ° ç¨æ¥æ§å¶åæ¢ |
|---|
| | | var rotate_num = 0 |
|---|
| | | function onTickCallback() { |
|---|
| | | viewer.scene.camera.rotate(Cesium.Cartesian3.UNIT_Z, angle) |
|---|
| | | //以ä¸ç¨æ¥æ§å¶ åæ¢ |
|---|
| | | rotate_num++ |
|---|
| | | // 110 次æ转ä¸å¨ |
|---|
| | | if (rotate_num == 1) { |
|---|
| | | Viewer.camera.flyTo({ |
|---|
| | | destination: { |
|---|
| | | x: -2395735.480669514, |
|---|
| | | y: 35646557.30966785, |
|---|
| | | z: 33320031.01620178, |
|---|
| | | }, |
|---|
| | | orientation: { |
|---|
| | | heading: 6.283185307179578, |
|---|
| | | roll: 0, |
|---|
| | | pitch: -1.5687480368906144, |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | if (rotate_num == 220) { |
|---|
| | | Viewer.camera.flyTo({ |
|---|
| | | destination: { |
|---|
| | | x: -4022999.313498903, |
|---|
| | | y: 19214082.70976515, |
|---|
| | | z: 13043510.373621361, |
|---|
| | | }, |
|---|
| | | orientation: { |
|---|
| | | heading: 6.283185307179577, |
|---|
| | | roll: 0, |
|---|
| | | pitch: -1.5643686104630592, |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | if (rotate_num === 330) { |
|---|
| | | //ç»ææ转 |
|---|
| | | viewer.clock.onTick.removeEventListener(onTickCallback) |
|---|
| | | //å¯ä»¥åæ¥å®ä½å¨ç» |
|---|
| | | Viewer.camera.flyTo({ |
|---|
| | | destination: { |
|---|
| | | x: -3919623.6069864673, |
|---|
| | | y: 13752070.475126158, |
|---|
| | | z: 8307291.863719194, |
|---|
| | | }, |
|---|
| | | orientation: { |
|---|
| | | heading: 6.283185307179582, |
|---|
| | | roll: 0, |
|---|
| | | pitch: -1.5707039123519846, |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | // å©ç¨æ¶éè¿è¡çå¬ |
|---|
| | | viewer.clock.onTick.addEventListener(onTickCallback) |
|---|
| | | window.viewer = window.Viewer = window.sgworld._Viewer; |
|---|
| | | Viewer.imageryLayers._layers[0].show = false |
|---|
| | | sgworld.Navigate.jumpTo({ //跳转è§è§ |
|---|
| | | destination: new Cesium.Cartesian3.fromDegrees(110, 32, 50000000) |
|---|
| | | }); |
|---|
| | | setTimeout(() => { |
|---|
| | | window.viewer.camera.flyTo({ |
|---|
| | | destination:new Cesium.Cartesian3.fromDegrees(110, 32, 20000000), |
|---|
| | | orientation:{ |
|---|
| | | heading:Cesium.Math.toRadians(0), |
|---|
| | | pitch: Cesium.Math.toRadians(-90), |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, 1000); |
|---|
| | | |
|---|
| | | Viewer.imageryLayers.addImageryProvider( |
|---|
| | | new Cesium.UrlTemplateImageryProvider({ |
|---|
| | | url: gaoDeBaseUrl[0].url, |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="current"> |
|---|
| | | <div class="rightContainer" v-if="ChartDisplay"> |
|---|
| | | <div class="rightContainer" v-if="currentDisplay == '大å±' && ChartDisplay"> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">å·¥ç¨ç§ç±»</div> |
|---|
| | | <div class="aside-title">项ç®ç»è®¡</div> |
|---|
| | | <project-category></project-category> |
|---|
| | | </div> |
|---|
| | | <div class="" style="width: 100%;height: 60%"> |
|---|
| | | <div class="aside-title">æä»¶æ ¼å¼</div> |
|---|
| | | <div class="content" style="height: calc(100% - 30px)"> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">æ°æ®ç»è®¡</div> |
|---|
| | | <visit-count></visit-count> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">æå¡è®¿é®æ¬¡æ°</div> |
|---|
| | | <Service-Get></Service-Get> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- å
¨çãå
¨å½é¡¹ç® --> |
|---|
| | | <div class="rightContainer" v-if="currentDisplay == '项ç®'"> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title"></div> |
|---|
| | | <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> --> |
|---|
| | | <base-bar-chart |
|---|
| | | title="项ç®ä¸ªæ°" |
|---|
| | | :project="currentProject" |
|---|
| | | ></base-bar-chart> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">项ç®é¥¼ç¶å¾</div> |
|---|
| | | <!-- <base-pie-chart :project="currentProject"></base-pie-chart> --> |
|---|
| | | <country-dimension-pie |
|---|
| | | v-if="currentProject == 'å
¨ç项ç®'" |
|---|
| | | ref="pieRef" |
|---|
| | | ></country-dimension-pie> |
|---|
| | | <province-dimension-pie v-else ref="pieRef"></province-dimension-pie> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">æ°æ®ä½¿ç¨æ
åµ</div> |
|---|
| | | <dv-capsule-chart |
|---|
| | | :config="barConfig" |
|---|
| | | style="width: 360px; height: 85%" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- å
¨å½ãå
¨çç®¡ç½ --> |
|---|
| | | <div class="rightContainer" v-if="currentDisplay == '管ç½'"> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">ç«åºåº§æ°</div> |
|---|
| | | <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> --> |
|---|
| | | <base-bar-chart |
|---|
| | | title="ç«åºåº§æ°" |
|---|
| | | :project="currentProject" |
|---|
| | | ></base-bar-chart> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">é室座æ°</div> |
|---|
| | | <dv-active-ring-chart |
|---|
| | | :config="pieconfig" |
|---|
| | | style="width: 377px; height: 85%" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">管éæ¡æ°</div> |
|---|
| | | <dv-conical-column-chart |
|---|
| | | :config="config" |
|---|
| | | style="width: 377px; height: 85%" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- åä¸ªå·¥ç¨ --> |
|---|
| | | <div class="rightContainer" v-if="currentDisplay == 'å·¥ç¨'"> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">æ°æ®åå¨é</div> |
|---|
| | | <base-line-chart |
|---|
| | | title="æ°æ®åå¨é" |
|---|
| | | :project="currentProject" |
|---|
| | | :params="params" |
|---|
| | | ></base-line-chart> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">æ°æ®ä¸è½½æ¬¡æ°</div> |
|---|
| | | <base-pie-chart |
|---|
| | | height="90%" |
|---|
| | | :project="currentProject" |
|---|
| | | :params="params" |
|---|
| | | ></base-pie-chart> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">管éæ¡æ°</div> |
|---|
| | | <div class="content" style="height: 30px"> |
|---|
| | | <div class="header"> |
|---|
| | | <div>æ ¼å¼</div> |
|---|
| | | <div>æ°é</div> |
|---|
| | | </div> |
|---|
| | | <file-format></file-format> |
|---|
| | | </div> |
|---|
| | | <file-format :params="params"></file-format> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="rightContainer2" |
|---|
| | | v-if="CourtyDisplay && currentProject =='å
¨ç项ç®'" |
|---|
| | | > |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">项ç®æ°éæ±ç¶å¾</div> |
|---|
| | | <country-dimension-bar ref="barRef"></country-dimension-bar> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">项ç®æ°é饼ç¶å¾</div> |
|---|
| | | <country-dimension-pie ref="pieRef"></country-dimension-pie> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="rightContainer2" v-if="CourtyDisplay && currentProject =='å
¨å½é¡¹ç®'"> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">项ç®æ°éæ±ç¶å¾</div> |
|---|
| | | <province-dimension-bar ref="barRef"></province-dimension-bar> |
|---|
| | | </div> |
|---|
| | | <div class="current1"> |
|---|
| | | <div class="aside-title">项ç®æ°é饼ç¶å¾</div> |
|---|
| | | <province-dimension-pie ref="pieRef"></province-dimension-pie> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="rightarrow"> |
|---|
| | | <img :src="RightImg" @click="ChangeRight" /> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | import CountryDimensionPie from "../chart/CountryDimensionPie.vue" |
|---|
| | | import ProvinceDimensionBar from "../chart/CountryProvinceBar.vue" |
|---|
| | | import ProvinceDimensionPie from "../chart/CountryProvincePie.vue" |
|---|
| | | import { countCountryDimension, countProvinceDimension } from "@/api/screen.js" |
|---|
| | | import ServiceGet from "../chart/ServiceGet.vue" |
|---|
| | | import BaseBarChart from "../chart/BaseBarChart.vue" |
|---|
| | | import BaseLineChart from "../chart/BaseLineChart.vue" |
|---|
| | | import BasePieChart from "../chart/BasePieChart .vue" |
|---|
| | | import VisitCount from "../chart/VisitCount.vue" |
|---|
| | | |
|---|
| | | import { |
|---|
| | | countCountryDimension, |
|---|
| | | countProvinceDimension, |
|---|
| | | countZhPipeStations, |
|---|
| | | countDownloads, |
|---|
| | | } from "@/api/screen.js" |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | |
|---|
| | | CountryDimensionBar, |
|---|
| | | CountryDimensionPie, |
|---|
| | | ProvinceDimensionBar, |
|---|
| | | ProvinceDimensionPie |
|---|
| | | ProvinceDimensionPie, |
|---|
| | | ServiceGet, |
|---|
| | | BaseBarChart, |
|---|
| | | BaseLineChart, |
|---|
| | | BasePieChart, |
|---|
| | | VisitCount, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | ChartDisplay: true, |
|---|
| | | CourtyDisplay: false, |
|---|
| | | PipeDisPlay: false, |
|---|
| | | RightImg: require("../../assets/img/Screen/leftArrow.png"), |
|---|
| | | leftMessage: "init", |
|---|
| | | currentProject: "å
¨ç项ç®", |
|---|
| | | currentDisplay: "大å±", |
|---|
| | | countryData: [], |
|---|
| | | provinceData: [], |
|---|
| | | config: { |
|---|
| | | data: [ |
|---|
| | | { |
|---|
| | | name: "åé³", |
|---|
| | | value: 167, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "å¨å£", |
|---|
| | | value: 123, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "漯河", |
|---|
| | | value: 98, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "éå·", |
|---|
| | | value: 75, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "西峡", |
|---|
| | | value: 66, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | showValue: true, |
|---|
| | | }, |
|---|
| | | pieconfig: { |
|---|
| | | data: [ |
|---|
| | | { |
|---|
| | | name: "å¨å£", |
|---|
| | | value: 55, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "åé³", |
|---|
| | | value: 120, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "西峡", |
|---|
| | | value: 78, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "驻马åº", |
|---|
| | | value: 66, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "æ°ä¹¡", |
|---|
| | | value: 80, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | lineWidth: 10, |
|---|
| | | }, |
|---|
| | | barConfig: { |
|---|
| | | data: [ |
|---|
| | | { |
|---|
| | | name: "åé³", |
|---|
| | | value: 167, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "å¨å£", |
|---|
| | | value: 123, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "漯河", |
|---|
| | | value: 98, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "éå·", |
|---|
| | | value: 75, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "西峡", |
|---|
| | | value: 66, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | showValue: true, |
|---|
| | | }, |
|---|
| | | params: {}, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | created() { |
|---|
| | | this.getZhPipeStations() |
|---|
| | | this.getCountDownloads() |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.OpenLeftInit() |
|---|
| | | this.$bus.$on("changeProject", name => { |
|---|
| | | if (name.includes("å
¨ç管ç½") || name.includes("å
¨å½ç®¡ç½")) { |
|---|
| | | this.currentDisplay = "管ç½" |
|---|
| | | } else if (name.includes("å
¨ç项ç®") || name.includes("å
¨å½é¡¹ç®")) { |
|---|
| | | this.currentDisplay = "项ç®" |
|---|
| | | } else { |
|---|
| | | this.currentDisplay = "å·¥ç¨" |
|---|
| | | } |
|---|
| | | this.currentProject = name |
|---|
| | | }) |
|---|
| | | this.$bus.$on("changeProjectCode", code => { |
|---|
| | | this.params = { |
|---|
| | | projectCode: code, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | ChangeRight() { |
|---|
| | | if (this.leftMessage == "init") { |
|---|
| | |
|---|
| | | this.ChartDisplay = !this.ChartDisplay |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (this.leftMessage == "projectree") { |
|---|
| | | if (this.CourtyDisplay) { |
|---|
| | | this.RightImg = require("../../assets/img/Screen/leftArrow.png") |
|---|
| | | } else { |
|---|
| | | this.RightImg = require("../../assets/img/Screen/rightArrow.png") |
|---|
| | | } |
|---|
| | | this.CourtyDisplay = !this.CourtyDisplay |
|---|
| | | } |
|---|
| | | // if (this.leftMessage == "projectree") { |
|---|
| | | // if (this.CourtyDisplay) { |
|---|
| | | // this.RightImg = require("../../assets/img/Screen/leftArrow.png") |
|---|
| | | // } else { |
|---|
| | | // this.RightImg = require("../../assets/img/Screen/rightArrow.png") |
|---|
| | | // } |
|---|
| | | // this.CourtyDisplay = !this.CourtyDisplay |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // this.ChartDisplay = !this.ChartDisplay |
|---|
| | | this.$parent.ChangeWidth("right") |
|---|
| | | }, |
|---|
| | | //æå¼å¤§å±å·¦ä¾§çé¢ |
|---|
| | | OpenLeftInit() { |
|---|
| | | this.currentDisplay = "大å±" |
|---|
| | | this.ChartDisplay = true |
|---|
| | | this.CourtyDisplay = false |
|---|
| | | this.leftMessage = "init" |
|---|
| | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //æå¼å·¥ç¨æ |
|---|
| | | OpenLeftProjectTree() { |
|---|
| | | this.ChartDisplay = false |
|---|
| | | this.CourtyDisplay = true |
|---|
| | | this.leftMessage = "projectree" |
|---|
| | | this.$parent.ChangeWidth("leftTree") |
|---|
| | | // OpenLeftProjectTree() { |
|---|
| | | // this.ChartDisplay = false |
|---|
| | | // this.CourtyDisplay = true |
|---|
| | | // this.leftMessage = "projectree" |
|---|
| | | // this.$parent.ChangeWidth("leftTree") |
|---|
| | | // }, |
|---|
| | | async getZhPipeStations() { |
|---|
| | | const res = await countZhPipeStations() |
|---|
| | | if (res.code == 200) { |
|---|
| | | const data = res.result |
|---|
| | | this.pieconfig.data = res.result.map(item => { |
|---|
| | | return { |
|---|
| | | name: item.è¾éä»è´¨, |
|---|
| | | value: item.管éæ°é, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.pieconfig = { |
|---|
| | | ...this.pieconfig, |
|---|
| | | } |
|---|
| | | this.config.data = res.result.map(item => { |
|---|
| | | return { |
|---|
| | | name: item.è¾éä»è´¨, |
|---|
| | | value: item.管éæ°é, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | this.config = { |
|---|
| | | ...this.config, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | async getCountDownloads() { |
|---|
| | | const res = await countDownloads() |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.barConfig.data = res.result.map(item => { |
|---|
| | | return { |
|---|
| | | name: item.typename, |
|---|
| | | value: item.count, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | this.barConfig = { |
|---|
| | | ...this.barConfig, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | |
|---|
| | | flex-direction: row; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | |
|---|
| | | .rightarrow { |
|---|
| | | width: 36px; |
|---|
| | | height: 100%; |
|---|
| | |
|---|
| | | .rightContainer { |
|---|
| | | height: 100%; |
|---|
| | | width: calc(100% - 45px); |
|---|
| | | |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: center; |
|---|
| | |
|---|
| | | .current1 { |
|---|
| | | margin-top: 10px; |
|---|
| | | margin-bottom: 30px; |
|---|
| | | height: 32%; |
|---|
| | | height: 30%; |
|---|
| | | width: 100%; |
|---|
| | | background: url(../../assets/img/Screen/chartbg.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .content { |
|---|
| | | width: 100%; |
|---|
| | | background: url(../../assets/img/Screen/contentBg.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | .header { |
|---|
| | | margin: 0px auto; |
|---|
| | | padding: 10px 0; |
|---|
| | | width: 80%; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 13px; |
|---|
| | | .content { |
|---|
| | | width: 100%; |
|---|
| | | background: url(../../assets/img/Screen/contentBg.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | .header { |
|---|
| | | margin: 0px auto; |
|---|
| | | padding: 10px 0; |
|---|
| | | width: 80%; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 13px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="top"> |
|---|
| | | <div class="topleft"> |
|---|
| | | <div |
|---|
| | | <!-- <div |
|---|
| | | class="topleft1" |
|---|
| | | :class="currView == 'chart' ? 'active' : ''" |
|---|
| | | @click="OpenInitChart" |
|---|
| | | > |
|---|
| | | <img src="../../assets/img/Screen/bigST.png" /> |
|---|
| | | <span>大å±è§å¾</span> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | </div> --> |
|---|
| | | <!-- <div |
|---|
| | | class="topleft1" |
|---|
| | | @click="OpenProjectree" |
|---|
| | | :class="currView == 'tree' ? 'active' : ''" |
|---|
| | | > |
|---|
| | | <img src="../../assets/img/Screen/ptree.png" /> |
|---|
| | | <span>å·¥ç¨é¡¹ç®</span> |
|---|
| | | </div> --> |
|---|
| | | <div class="topleft__curr"> |
|---|
| | | <img src="../../assets/img/Screen/ptree.png" /> |
|---|
| | | <span :title="currentProject">{{ currentProject }}</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="topCenter"> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div class="topRight"> |
|---|
| | | <div |
|---|
| | | class="topright1 toprightC" |
|---|
| | | @click="ReturnLast" |
|---|
| | | class="topright1" |
|---|
| | | :class="currView == 'chart' ? 'active' : ''" |
|---|
| | | @click="OpenInitChart" |
|---|
| | | > |
|---|
| | | <img src="../../assets/img/Screen/bigST.png" /> |
|---|
| | | <span>è¿å大å±</span> |
|---|
| | | </div> |
|---|
| | | <div class="topright1 toprightC" @click="ReturnLast"> |
|---|
| | | <img src="../../assets/img/Screen/return.png" /> |
|---|
| | | <span>è¿åä¸çº§</span> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | tree: false, |
|---|
| | | screen: false, |
|---|
| | | currView: "chart", |
|---|
| | | currentProject: "大å±è§å¾", |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.$bus.$on('changeProject', name => { |
|---|
| | | if (name == 'å
¨å½é¡¹ç®' || name == 'å
¨ç项ç®') { |
|---|
| | | this.OpenProjectree() |
|---|
| | | } |
|---|
| | | this.$bus.$on("changeProject", name => { |
|---|
| | | // if (name == 'å
¨å½é¡¹ç®' || name == 'å
¨ç项ç®') { |
|---|
| | | // this.OpenProjectree() |
|---|
| | | // } |
|---|
| | | this.currView = "tree" |
|---|
| | | this.currentProject = name |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | ReturnLast() { |
|---|
| | | sessionStorage.setItem("changeSelectStyle", 1); |
|---|
| | | sessionStorage.setItem("changeSelectStyle", 1) |
|---|
| | | this.$router.push("/Synthesis") |
|---|
| | | }, |
|---|
| | | |
|---|
| | |
|---|
| | | this.screen = true |
|---|
| | | this.$parent.$refs.mapleft.OpenLeftInit() |
|---|
| | | this.$parent.$refs.mapright.OpenLeftInit() |
|---|
| | | this.currentProject = "大å±è§å¾" |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //æå¼å·¥ç¨æ |
|---|
| | |
|---|
| | | this.currView = "tree" |
|---|
| | | this.$parent.$refs.mapleft.OpenLeftProjectTree() |
|---|
| | | this.$parent.$refs.mapright.OpenLeftProjectTree() |
|---|
| | | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | flex-direction: row; |
|---|
| | | align-items: flex-end; |
|---|
| | | justify-content: space-around; |
|---|
| | | // justify-content: space-around; |
|---|
| | | cursor: pointer; |
|---|
| | | .topleft__curr { |
|---|
| | | // overflow: hidden; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | white-space: nowrap; |
|---|
| | | height: 36px; |
|---|
| | | border-radius: 4px; |
|---|
| | | background-image: url(../../assets/img/Screen/btnbg.png); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-left: 5%; |
|---|
| | | span { |
|---|
| | | padding-right: 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .topleft1 { |
|---|
| | | width: 127px; |
|---|
| | | height: 36px; |
|---|
| | |
|---|
| | | background-size: 100% 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-left: 10%; |
|---|
| | | } |
|---|
| | | .active { |
|---|
| | | background-image: url(../../assets/img/Screen/btnc.png); |
|---|
| | |
|---|
| | | .topright1 { |
|---|
| | | width: 131px; |
|---|
| | | height: 40px; |
|---|
| | | background-image: url(../../assets/img/Screen/btnc.png); |
|---|
| | | background-image: url(../../assets/img/Screen/btnbg.png); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-right: 10%; |
|---|
| | | &.active { |
|---|
| | | background-image: url(../../assets/img/Screen/btnc.png); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .toprightC { |
|---|
| | | width: 131px; |
|---|
| | | height: 40px; |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="barchar" ref="chart"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | import { |
|---|
| | | countCountryDimension, |
|---|
| | | countProvinceDimension, |
|---|
| | | countZhPipeStations, |
|---|
| | | } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | props: { |
|---|
| | | width: { |
|---|
| | | type: String, |
|---|
| | | default: "100%", |
|---|
| | | }, |
|---|
| | | height: { |
|---|
| | | type: String, |
|---|
| | | default: "100%", |
|---|
| | | }, |
|---|
| | | autoResize: { |
|---|
| | | type: Boolean, |
|---|
| | | default: true, |
|---|
| | | }, |
|---|
| | | // option: { |
|---|
| | | // type: Object, |
|---|
| | | // required: true |
|---|
| | | // }, |
|---|
| | | type: { |
|---|
| | | type: String, |
|---|
| | | default: "canvas", |
|---|
| | | }, |
|---|
| | | project: { |
|---|
| | | type: String, |
|---|
| | | default: "å
¨å½é¡¹ç®", |
|---|
| | | }, |
|---|
| | | title: { |
|---|
| | | type: String, |
|---|
| | | default: "", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | chart: null, |
|---|
| | | dataList: [], |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | option() { |
|---|
| | | let data = [ |
|---|
| | | { |
|---|
| | | country: "è丹", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "å°åº¦å°¼è¥¿äº", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "é¿èé
", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "ä¹å
¹å«å
æ¯å¦", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "åè¨å
æ¯å¦", |
|---|
| | | count: 2, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "å§å
çæ", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "æ¯éå
°å¡", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "ä¸å½", |
|---|
| | | count: 17, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "å
¶ä»", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "ååºæ¼æ¯å¦", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | country: "æ°å å¡", |
|---|
| | | count: 1, |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | | |
|---|
| | | let xAxisData = [] |
|---|
| | | let yAxisData = [] |
|---|
| | | if (this.dataList) { |
|---|
| | | data = this.dataList |
|---|
| | | } |
|---|
| | | let count = 0 |
|---|
| | | let countVal = 0 |
|---|
| | | |
|---|
| | | const title = this.title |
|---|
| | | data.forEach(item => { |
|---|
| | | let name = item.province || item.country || item.è¾éä»è´¨ |
|---|
| | | let value = item.count || item.ç«åºæ°é |
|---|
| | | if (title == "ç«åºåº§æ°" && item.管éæ°é) { |
|---|
| | | count += item.管éæ°é |
|---|
| | | } else { |
|---|
| | | count += item.count || 0 |
|---|
| | | } |
|---|
| | | |
|---|
| | | // switch (title) { |
|---|
| | | // case "ç«åºåº§æ°": |
|---|
| | | // countVal = item.管éæ°é |
|---|
| | | // break |
|---|
| | | // case "项ç®ä¸ªæ°": |
|---|
| | | // countVal = item.count |
|---|
| | | // break |
|---|
| | | // } |
|---|
| | | |
|---|
| | | xAxisData.push(name) |
|---|
| | | yAxisData.push(value) |
|---|
| | | }) |
|---|
| | | console.log("管éæ°é", countVal) |
|---|
| | | |
|---|
| | | if (typeof count === "number") { |
|---|
| | | this.$bus.$emit("changeCount", count) |
|---|
| | | } |
|---|
| | | let option = { |
|---|
| | | backgroundColor: "transparent", |
|---|
| | | tooltip: { |
|---|
| | | trigger: "axis", |
|---|
| | | axisPointer: { |
|---|
| | | type: "shadow", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | grid: { |
|---|
| | | top: "12%", |
|---|
| | | right: "0%", |
|---|
| | | left: "0%", |
|---|
| | | bottom: "13%", |
|---|
| | | containLabel: true, |
|---|
| | | }, |
|---|
| | | xAxis: [ |
|---|
| | | { |
|---|
| | | type: "category", |
|---|
| | | data: xAxisData, |
|---|
| | | axisLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: "rgba(255,255,255,0.12)", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | interval: 0, |
|---|
| | | axisLabel: { |
|---|
| | | margin: 10, |
|---|
| | | color: "#e2e9ff", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: 11, |
|---|
| | | }, |
|---|
| | | formatter: function (value) { |
|---|
| | | // |
|---|
| | | var ret = "" //æ¼æ¥å \nè¿åçç±»ç®é¡¹ |
|---|
| | | var maxLength = 2 //æ¯é¡¹æ¾ç¤ºæåä¸ªæ° |
|---|
| | | var valLength = value.length //Xè½´ç±»ç®é¡¹çæåä¸ªæ° |
|---|
| | | var rowN = Math.ceil(valLength / maxLength) //ç±»ç®é¡¹éè¦æ¢è¡çè¡æ° |
|---|
| | | if (xAxisData.length < 7) { |
|---|
| | | return value |
|---|
| | | } |
|---|
| | | if (rowN > 1) { |
|---|
| | | //å¦æç±»ç®é¡¹çæå大äº3, |
|---|
| | | for (var i = 0; i < rowN; i++) { |
|---|
| | | var temp = "" //æ¯æ¬¡æªåçå符串 |
|---|
| | | var start = i * maxLength //å¼å§æªåçä½ç½® |
|---|
| | | var end = start + maxLength //ç»ææªåçä½ç½® |
|---|
| | | //è¿éä¹å¯ä»¥å ä¸ä¸ªæ¯å¦æ¯æåä¸è¡çå¤æï¼ä½æ¯ä¸å ä¹æ²¡æå½±åï¼é£å°±ä¸å å§ |
|---|
| | | temp = value.substring(start, end) + "\n" |
|---|
| | | ret += temp //ååæç»çå符串 |
|---|
| | | } |
|---|
| | | return ret |
|---|
| | | } else { |
|---|
| | | return value |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | yAxis: [ |
|---|
| | | { |
|---|
| | | axisLabel: { |
|---|
| | | formatter: "{value}", |
|---|
| | | color: "#e2e9ff", |
|---|
| | | }, |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | splitLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: "rgba(255,255,255,0.12)", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | series: [ |
|---|
| | | { |
|---|
| | | name: this.title, |
|---|
| | | type: "bar", |
|---|
| | | data: yAxisData, |
|---|
| | | barWidth: "12px", |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | color: new echarts.graphic.LinearGradient( |
|---|
| | | 0, |
|---|
| | | 0, |
|---|
| | | 0, |
|---|
| | | 1, |
|---|
| | | [ |
|---|
| | | { |
|---|
| | | offset: 0, |
|---|
| | | color: "rgba(0,244,255,1)", // 0% å¤çé¢è² |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | offset: 1, |
|---|
| | | color: "rgba(0,77,167,1)", // 100% å¤çé¢è² |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | false |
|---|
| | | ), |
|---|
| | | barBorderRadius: [20, 20, 0, 0], |
|---|
| | | shadowColor: "rgba(0,160,221,1)", |
|---|
| | | shadowBlur: 4, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | label: { |
|---|
| | | normal: { |
|---|
| | | show: true, |
|---|
| | | lineHeight: 14, |
|---|
| | | width: 40, |
|---|
| | | height: 14, |
|---|
| | | backgroundColor: "rgba(0,160,221,0.1)", |
|---|
| | | borderRadius: 200, |
|---|
| | | position: ["-8", "-20"], |
|---|
| | | distance: 1, |
|---|
| | | formatter: value => { |
|---|
| | | // console.log(value); |
|---|
| | | if (value.name == "ä¸å½") { |
|---|
| | | return [ |
|---|
| | | ` {d|â}", " {a|${value.value}} \n", " {b|}`, |
|---|
| | | ].join(",") |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // formatter: [" {d|â}", " {a|{c}} \n", " {b|}"].join( |
|---|
| | | // "," |
|---|
| | | // ), |
|---|
| | | rich: { |
|---|
| | | d: { |
|---|
| | | color: "#3CDDCF", |
|---|
| | | }, |
|---|
| | | a: { |
|---|
| | | color: "#fff", |
|---|
| | | align: "center", |
|---|
| | | }, |
|---|
| | | b: { |
|---|
| | | width: 1, |
|---|
| | | height: 15, |
|---|
| | | borderWidth: 1, |
|---|
| | | borderColor: "#234e6c", |
|---|
| | | align: "left", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | } |
|---|
| | | |
|---|
| | | return option |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | option: { |
|---|
| | | deep: true, |
|---|
| | | handler(newVal) { |
|---|
| | | this.setOptions(newVal) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | project: { |
|---|
| | | deep: true, |
|---|
| | | immediate: true, |
|---|
| | | handler(newVal) { |
|---|
| | | let requsetFn = null |
|---|
| | | switch (newVal) { |
|---|
| | | case "å
¨ç项ç®": |
|---|
| | | requsetFn = countCountryDimension |
|---|
| | | break |
|---|
| | | case "å
¨å½é¡¹ç®": |
|---|
| | | requsetFn = countProvinceDimension |
|---|
| | | break |
|---|
| | | case "å
¨ç管ç½å¾": |
|---|
| | | requsetFn = countZhPipeStations |
|---|
| | | break |
|---|
| | | case "å
¨å½ç®¡ç½å¾": |
|---|
| | | requsetFn = countZhPipeStations |
|---|
| | | break |
|---|
| | | default: |
|---|
| | | break |
|---|
| | | } |
|---|
| | | requsetFn && this.initData(requsetFn) |
|---|
| | | this.setOptions(this.option) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // this.initData() |
|---|
| | | this.initChart() |
|---|
| | | if (this.autoResize) { |
|---|
| | | window.addEventListener("resize", this.resizeHandler) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (!this.chart) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | if (this.autoResize) { |
|---|
| | | window.removeEventListener("resize", this.resizeHandler) |
|---|
| | | } |
|---|
| | | this.chart.dispose() |
|---|
| | | this.chart = null |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | resizeHandler() { |
|---|
| | | this.chart && this.chart.resize() |
|---|
| | | }, |
|---|
| | | initChart() { |
|---|
| | | this.chart = echarts.init(this.$refs.chart, "", { |
|---|
| | | renderer: this.type, |
|---|
| | | }) |
|---|
| | | this.chart.setOption(this.option) |
|---|
| | | this.chart.on("click", this.handleClick) |
|---|
| | | }, |
|---|
| | | handleClick(params) { |
|---|
| | | this.$emit("click", params) |
|---|
| | | }, |
|---|
| | | setOptions(option) { |
|---|
| | | this.clearChart() |
|---|
| | | this.resizeHandler() |
|---|
| | | if (this.chart) { |
|---|
| | | this.chart.setOption(option) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | refresh() { |
|---|
| | | this.setOptions(this.option) |
|---|
| | | }, |
|---|
| | | clearChart() { |
|---|
| | | this.chart && this.chart.clear() |
|---|
| | | }, |
|---|
| | | async initData(requsetFn = countCountryDimension) { |
|---|
| | | const res = await requsetFn() |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.dataList = res.result |
|---|
| | | console.log("requsetFn", res) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .barchar { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="linechar" ref="chart"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | import { |
|---|
| | | countCountryDimension, |
|---|
| | | countProvinceDimension, |
|---|
| | | GetServicesVisitsCount, |
|---|
| | | countZhPipeMapLength, |
|---|
| | | countLargeCategories, |
|---|
| | | countProjectType, |
|---|
| | | countProjectDown, |
|---|
| | | countProjectTypeNumber, |
|---|
| | | countStorageByProject, |
|---|
| | | } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | props: { |
|---|
| | | width: { |
|---|
| | | type: String, |
|---|
| | | default: "100%", |
|---|
| | | }, |
|---|
| | | height: { |
|---|
| | | type: String, |
|---|
| | | default: "100%", |
|---|
| | | }, |
|---|
| | | autoResize: { |
|---|
| | | type: Boolean, |
|---|
| | | default: true, |
|---|
| | | }, |
|---|
| | | // option: { |
|---|
| | | // type: Object, |
|---|
| | | // required: true |
|---|
| | | // }, |
|---|
| | | type: { |
|---|
| | | type: String, |
|---|
| | | default: "canvas", |
|---|
| | | }, |
|---|
| | | project: { |
|---|
| | | type: String, |
|---|
| | | default: "å
¨å½é¡¹ç®", |
|---|
| | | }, |
|---|
| | | params: { |
|---|
| | | type: Object, |
|---|
| | | default: () => null, |
|---|
| | | }, |
|---|
| | | project: { |
|---|
| | | type: String, |
|---|
| | | default: "å
¨å½é¡¹ç®", |
|---|
| | | }, |
|---|
| | | title: { |
|---|
| | | type: String, |
|---|
| | | default: "", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | chart: null, |
|---|
| | | dataList: [], |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | option() { |
|---|
| | | let xAxis = [] |
|---|
| | | let yAxis = [] |
|---|
| | | const proObj = this.dataList.find(item => item.项ç®å称 == this.project) |
|---|
| | | if (proObj) { |
|---|
| | | Object.keys(proObj).forEach(item => { |
|---|
| | | if (item.toString() != '项ç®å称') { |
|---|
| | | xAxis.push(item) |
|---|
| | | yAxis.push(proObj[item]) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | this.dataList.forEach(item => { |
|---|
| | | let type = item.type || item.projtype |
|---|
| | | xAxis.push(type) |
|---|
| | | yAxis.push(item.count) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // let data = [220, 182, 191, 234, 290, 330, 310] |
|---|
| | | // const sideData = data.map(item => { |
|---|
| | | // return { |
|---|
| | | // name: item.name, |
|---|
| | | // value: item.number, |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | let option = { |
|---|
| | | tooltip: { |
|---|
| | | trigger: "axis", |
|---|
| | | }, |
|---|
| | | grid: { |
|---|
| | | right: "5%", |
|---|
| | | top: "10%", |
|---|
| | | left: "5%", |
|---|
| | | bottom: "17%", |
|---|
| | | containLabel: true, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | xAxis: { |
|---|
| | | type: "category", |
|---|
| | | boundaryGap: true, |
|---|
| | | axisLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: "#fff", |
|---|
| | | }, |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | nameRotate: 45, |
|---|
| | | axisTick: { |
|---|
| | | show: false, |
|---|
| | | alignWithLabel: true, |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | fontFamily: "PingFangSC-Regular", |
|---|
| | | }, |
|---|
| | | data: xAxis, |
|---|
| | | }, |
|---|
| | | yAxis: { |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | lineStyle: { |
|---|
| | | color: "#fff", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | fontFamily: "Roboto-Regular", |
|---|
| | | }, |
|---|
| | | axisTick: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | // åå²çº¿ |
|---|
| | | splitLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: "#5d7289", |
|---|
| | | width: 1, |
|---|
| | | type: "dashed", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | type: "value", |
|---|
| | | }, |
|---|
| | | series: [ |
|---|
| | | { |
|---|
| | | name: this.title, |
|---|
| | | type: "line", |
|---|
| | | showAllSymbol: false, |
|---|
| | | lineStyle: { |
|---|
| | | color: "#2579D8", |
|---|
| | | }, |
|---|
| | | itemStyle: { |
|---|
| | | color: "#2579D8", |
|---|
| | | }, |
|---|
| | | smooth: 0.2, |
|---|
| | | data: yAxis, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | } |
|---|
| | | |
|---|
| | | return option |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | option: { |
|---|
| | | deep: true, |
|---|
| | | handler(newVal) { |
|---|
| | | this.setOptions(newVal) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | project: { |
|---|
| | | deep: true, |
|---|
| | | immediate: true, |
|---|
| | | handler(newVal) { |
|---|
| | | let requsetFn = null |
|---|
| | | switch (newVal) { |
|---|
| | | case "å
¨ç项ç®": |
|---|
| | | requsetFn = countProjectTypeNumber |
|---|
| | | break |
|---|
| | | case "å
¨å½é¡¹ç®": |
|---|
| | | requsetFn = countProjectTypeNumber |
|---|
| | | break |
|---|
| | | case "å
¨ç管ç½å¾": |
|---|
| | | requsetFn = countZhPipeMapLength |
|---|
| | | break |
|---|
| | | case "å
¨å½ç®¡ç½å¾": |
|---|
| | | requsetFn = countZhPipeMapLength |
|---|
| | | break |
|---|
| | | default: |
|---|
| | | requsetFn = countStorageByProject |
|---|
| | | |
|---|
| | | break |
|---|
| | | } |
|---|
| | | requsetFn && this.initData(requsetFn) |
|---|
| | | |
|---|
| | | this.setOptions(this.option) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // this.initData() |
|---|
| | | this.initChart() |
|---|
| | | if (this.autoResize) { |
|---|
| | | window.addEventListener("resize", this.resizeHandler) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (!this.chart) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | if (this.autoResize) { |
|---|
| | | window.removeEventListener("resize", this.resizeHandler) |
|---|
| | | } |
|---|
| | | this.chart.dispose() |
|---|
| | | this.chart = null |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | resizeHandler() { |
|---|
| | | this.chart && this.chart.resize() |
|---|
| | | }, |
|---|
| | | initChart() { |
|---|
| | | this.chart = echarts.init(this.$refs.chart, "", { |
|---|
| | | renderer: this.type, |
|---|
| | | }) |
|---|
| | | this.chart.setOption(this.option) |
|---|
| | | this.chart.on("click", this.handleClick) |
|---|
| | | }, |
|---|
| | | handleClick(params) { |
|---|
| | | this.$emit("click", params) |
|---|
| | | }, |
|---|
| | | setOptions(option) { |
|---|
| | | this.clearChart() |
|---|
| | | this.resizeHandler() |
|---|
| | | if (this.chart) { |
|---|
| | | this.chart.setOption(option) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | refresh() { |
|---|
| | | this.setOptions(this.option) |
|---|
| | | }, |
|---|
| | | clearChart() { |
|---|
| | | this.chart && this.chart.clear() |
|---|
| | | }, |
|---|
| | | async initData(requsetFn = GetServicesVisitsCount) { |
|---|
| | | const res = await requsetFn(this.params) |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.dataList = res.result |
|---|
| | | console.log("requsetFn", res) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .linechar { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="piechar" ref="chart"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | import { |
|---|
| | | countCountryDimension, |
|---|
| | | countProvinceDimension, |
|---|
| | | countProjectStorage, |
|---|
| | | } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | props: { |
|---|
| | | width: { |
|---|
| | | type: String, |
|---|
| | | default: "100%", |
|---|
| | | }, |
|---|
| | | height: { |
|---|
| | | type: String, |
|---|
| | | default: "100%", |
|---|
| | | }, |
|---|
| | | autoResize: { |
|---|
| | | type: Boolean, |
|---|
| | | default: true, |
|---|
| | | }, |
|---|
| | | // option: { |
|---|
| | | // type: Object, |
|---|
| | | // required: true |
|---|
| | | // }, |
|---|
| | | type: { |
|---|
| | | type: String, |
|---|
| | | default: "canvas", |
|---|
| | | }, |
|---|
| | | project: { |
|---|
| | | type: String, |
|---|
| | | default: "å
¨å½é¡¹ç®", |
|---|
| | | }, |
|---|
| | | params: { |
|---|
| | | type: Object, |
|---|
| | | default: () => null, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | chart: null, |
|---|
| | | dataList: [], |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | option() { |
|---|
| | | let echartData = [] |
|---|
| | | let data = [] |
|---|
| | | let xAxisData = [] |
|---|
| | | let yAxisData = [] |
|---|
| | | let count = 0 |
|---|
| | | if (this.dataList) { |
|---|
| | | data = this.dataList |
|---|
| | | echartData = data.map(item => { |
|---|
| | | let name = item.province || item.country || item.name |
|---|
| | | // xAxisData.push(name) |
|---|
| | | // yAxisData.push(item.count) |
|---|
| | | count += item.count |
|---|
| | | return { |
|---|
| | | name: name, |
|---|
| | | value: item.count, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | var scale = 1 |
|---|
| | | |
|---|
| | | var rich = { |
|---|
| | | yellow: { |
|---|
| | | color: "#ffc72b", |
|---|
| | | fontSize: 18 * scale, |
|---|
| | | padding: [4, 4], |
|---|
| | | align: "center", |
|---|
| | | }, |
|---|
| | | total: { |
|---|
| | | color: "#ffc72b", |
|---|
| | | fontSize: 40 * scale, |
|---|
| | | align: "center", |
|---|
| | | }, |
|---|
| | | white: { |
|---|
| | | color: "#fff", |
|---|
| | | align: "center", |
|---|
| | | fontSize: 14 * scale, |
|---|
| | | padding: [4, 0], |
|---|
| | | }, |
|---|
| | | blue: { |
|---|
| | | color: "#49dff0", |
|---|
| | | fontSize: 16 * scale, |
|---|
| | | align: "center", |
|---|
| | | }, |
|---|
| | | hr: { |
|---|
| | | borderColor: "#0b5263", |
|---|
| | | width: "100%", |
|---|
| | | borderWidth: 1, |
|---|
| | | height: 0, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | let option = { |
|---|
| | | backgroundColor: "transparent", |
|---|
| | | grid: { |
|---|
| | | left: "1%", // ä¸å®¹å¨å·¦ä¾§çè·ç¦» |
|---|
| | | right: "1%", // ä¸å®¹å¨å³ä¾§çè·ç¦» |
|---|
| | | top: "1%", // ä¸å®¹å¨é¡¶é¨çè·ç¦» |
|---|
| | | bottom: "10%", // ä¸å®¹å¨åºé¨çè·ç¦» |
|---|
| | | containLabel: true, |
|---|
| | | }, |
|---|
| | | title: { |
|---|
| | | text: "æ»æ°", |
|---|
| | | left: "center", |
|---|
| | | top: "45%", |
|---|
| | | padding: [0, 0], |
|---|
| | | textStyle: { |
|---|
| | | color: "#fff", |
|---|
| | | fontSize: 18 * scale, |
|---|
| | | align: "center", |
|---|
| | | }, |
|---|
| | | subtext: count, |
|---|
| | | subtextStyle: { |
|---|
| | | align: "center", |
|---|
| | | fontSize: 20, |
|---|
| | | color: "#ffc72b", |
|---|
| | | fontWeight: 400, |
|---|
| | | fontFamily: "YouSheBiaoTiHei", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // legend: { |
|---|
| | | // selectedMode: false, |
|---|
| | | // formatter: function (name) { |
|---|
| | | // var total = 0 |
|---|
| | | // return "{total|" + total + "}" |
|---|
| | | // }, |
|---|
| | | // data: [], |
|---|
| | | // // itemGap: 50, |
|---|
| | | // left: "center", |
|---|
| | | // top: "center", |
|---|
| | | // icon: "none", |
|---|
| | | // align: "center", |
|---|
| | | // textStyle: { |
|---|
| | | // color: "#fff", |
|---|
| | | // fontSize: 16 * scale, |
|---|
| | | // rich: rich, |
|---|
| | | // }, |
|---|
| | | // }, |
|---|
| | | series: [ |
|---|
| | | { |
|---|
| | | name: "", |
|---|
| | | type: "pie", |
|---|
| | | radius: ["42%", "50%"], |
|---|
| | | hoverAnimation: false, |
|---|
| | | color: [ |
|---|
| | | "#c487ee", |
|---|
| | | "#deb140", |
|---|
| | | "#49dff0", |
|---|
| | | "#034079", |
|---|
| | | "#6f81da", |
|---|
| | | "#00ffb4", |
|---|
| | | "#3087d6", |
|---|
| | | "#f6ce54", |
|---|
| | | "#4be1ff", |
|---|
| | | "#b6e9ff", |
|---|
| | | "#18edc9", |
|---|
| | | "#6ac5fa", |
|---|
| | | ], |
|---|
| | | minAngle: 15, |
|---|
| | | startAngle: 270, |
|---|
| | | label: { |
|---|
| | | normal: { |
|---|
| | | formatter: function (params, ticket, callback) { |
|---|
| | | var total = 0 //èçæ»æ°é |
|---|
| | | var percent = 0 //èçå æ¯ |
|---|
| | | echartData.forEach(function (value, index, array) { |
|---|
| | | total += value.value |
|---|
| | | }) |
|---|
| | | percent = ((params.value / total) * 100).toFixed(1) |
|---|
| | | return ( |
|---|
| | | "{white|" + |
|---|
| | | params.name + |
|---|
| | | "}\n{hr|}\n{yellow|" + |
|---|
| | | params.value + |
|---|
| | | "} {blue|" + |
|---|
| | | percent + |
|---|
| | | "%}" |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | rich: rich, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | labelLine: { |
|---|
| | | normal: { |
|---|
| | | length: 30, |
|---|
| | | length2: 0, |
|---|
| | | lineStyle: { |
|---|
| | | color: "#0b5263", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data: echartData, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | } |
|---|
| | | |
|---|
| | | return option |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | option: { |
|---|
| | | deep: true, |
|---|
| | | handler(newVal) { |
|---|
| | | this.setOptions(newVal) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | project: { |
|---|
| | | deep: true, |
|---|
| | | immediate: true, |
|---|
| | | handler(newVal) { |
|---|
| | | let requsetFn = null |
|---|
| | | switch (newVal) { |
|---|
| | | case "å
¨ç项ç®": |
|---|
| | | requsetFn = countCountryDimension |
|---|
| | | break |
|---|
| | | case "å
¨å½é¡¹ç®": |
|---|
| | | requsetFn = countProvinceDimension |
|---|
| | | break |
|---|
| | | case "å
¨ç管ç½å¾": |
|---|
| | | requsetFn = countProvinceDimension |
|---|
| | | break |
|---|
| | | case "å
¨å½ç®¡ç½å¾": |
|---|
| | | requsetFn = countProvinceDimension |
|---|
| | | break |
|---|
| | | |
|---|
| | | default: |
|---|
| | | requsetFn = countProjectStorage |
|---|
| | | |
|---|
| | | break |
|---|
| | | } |
|---|
| | | requsetFn && this.initData(requsetFn) |
|---|
| | | |
|---|
| | | this.setOptions(this.option) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | // this.initData() |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.initChart() |
|---|
| | | if (this.autoResize) { |
|---|
| | | window.addEventListener("resize", this.resizeHandler) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | if (!this.chart) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | if (this.autoResize) { |
|---|
| | | window.removeEventListener("resize", this.resizeHandler) |
|---|
| | | } |
|---|
| | | this.chart.dispose() |
|---|
| | | this.chart = null |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | resizeHandler() { |
|---|
| | | this.chart && this.chart.resize() |
|---|
| | | }, |
|---|
| | | initChart() { |
|---|
| | | this.chart = echarts.init(this.$refs.chart, "", { |
|---|
| | | renderer: this.type, |
|---|
| | | }) |
|---|
| | | this.chart.setOption(this.option) |
|---|
| | | this.chart.on("click", this.handleClick) |
|---|
| | | }, |
|---|
| | | handleClick(params) { |
|---|
| | | this.$emit("click", params) |
|---|
| | | }, |
|---|
| | | setOptions(option) { |
|---|
| | | this.clearChart() |
|---|
| | | this.resizeHandler() |
|---|
| | | if (this.chart) { |
|---|
| | | this.chart.setOption(option) |
|---|
| | | } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | refresh() { |
|---|
| | | this.setOptions(this.option) |
|---|
| | | }, |
|---|
| | | clearChart() { |
|---|
| | | this.chart && this.chart.clear() |
|---|
| | | }, |
|---|
| | | async initData(requsetFn) { |
|---|
| | | const res = await requsetFn(this.params) |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.dataList = res.result |
|---|
| | | console.log("requsetFn", res) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .piechar { |
|---|
| | | width: 100%; |
|---|
| | | height: 85%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .echart { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | height: 85%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .echart { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | height: 85%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <div class="data-storage"> |
|---|
| | | <div class="data-storage__header"> |
|---|
| | | <div class="text"> |
|---|
| | | <img |
|---|
| | | class="img" |
|---|
| | | src="@/assets/img/Screen/cunchu.png" |
|---|
| | | alt="" |
|---|
| | | srcset="" |
|---|
| | | /> |
|---|
| | | <img class="img" src="@/assets/img/Screen/cunchu.png" alt="" srcset="" /> |
|---|
| | | <div class="title">å
±åå¨æ件æ°é</div> |
|---|
| | | </div> |
|---|
| | | <div class="num"> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="data-storage__content"> |
|---|
| | | <!-- <dv-scroll-board :config="config" style="width: 330px; height: 220px" /> --> |
|---|
| | | <el-scrollbar class="scrollbar"> |
|---|
| | | <ul class="contentTitle"> |
|---|
| | | <li class="title">ç¼å·</li> |
|---|
| | | <li class="name">å称</li> |
|---|
| | | <li class="num">æ件æ°</li> |
|---|
| | | </ul> |
|---|
| | | <div class="scroolData"> |
|---|
| | | <vue-seamless-scroll :data="tableData" class="ClassScroll" :class-option="defaultOption"> |
|---|
| | | |
|---|
| | | <ul class="item"> |
|---|
| | | <li v-for="(item, index) in tableData" :key="index"> |
|---|
| | | <span class="title"> |
|---|
| | | <div>{{ item.index }}</div></span> |
|---|
| | | <span class="name" :title="item.name">{{ item.name.substring(0, 15) }}</span> |
|---|
| | | <span class="num">{{ item.num }}</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </vue-seamless-scroll> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- <dv-scroll-board :config="config" style="width: 330px; height: 220px" /> --> |
|---|
| | | <!-- <el-scrollbar class="scrollbar"> |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | :row-style="{ background: 'rgba(135,180,248,0.10)' }" |
|---|
| | |
|---|
| | | <el-table-column prop="num" label="æ件æ°" width="70"> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-scrollbar> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-scrollbar> --> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import vueSeamlessScroll from 'vue-seamless-scroll' |
|---|
| | | import { countDataStorage } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | vueSeamlessScroll |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | tableData: [ |
|---|
| | | { |
|---|
| | | date: "2016-05-02", |
|---|
| | | name: "çå°è", |
|---|
| | | address: "ä¸æµ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼", |
|---|
| | | address: "ä¸æµ·å¸æ®éåºéæ²æ±è·¯ 1518 å·", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | date: "2016-05-04", |
|---|
| | |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | defaultOption() { |
|---|
| | | return { |
|---|
| | | step: 0.2, // æ°å¼è¶å¤§é度æ»å¨è¶å¿« |
|---|
| | | limitMoveNum: this.tableData.length, // å¼å§æ ç¼æ»å¨çæ°æ®é this.dataList.length |
|---|
| | | hoverStop: true, // æ¯å¦å¼å¯é¼ æ æ¬åstop |
|---|
| | | direction: 1, // 0åä¸ 1åä¸ 2åå·¦ 3åå³ |
|---|
| | | openWatch: true, // å¼å¯æ°æ®å®æ¶çæ§å·æ°dom |
|---|
| | | singleHeight: 0, // åæ¥è¿å¨åæ¢çé«åº¦(é»è®¤å¼0æ¯æ ç¼ä¸åæ¢çæ»å¨) direction => 0/1 |
|---|
| | | singleWidth: 0, // åæ¥è¿å¨åæ¢ç宽度(é»è®¤å¼0æ¯æ ç¼ä¸åæ¢çæ»å¨) direction => 2/3 |
|---|
| | | waitTime: 1000, // åæ¥è¿å¨åæ¢çæ¶é´(é»è®¤å¼1000ms) |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | created() { |
|---|
| | | this.initTable() |
|---|
| | | }, |
|---|
| | |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .data-storage { |
|---|
| | | margin: 10px; |
|---|
| | | width: 377px; |
|---|
| | | &__header { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | |
|---|
| | | height: calc(100% - 30px); |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .data-storage__header { |
|---|
| | | height: 40px; |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: row; |
|---|
| | | justify-content: space-between; |
|---|
| | | |
|---|
| | | .text { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-between; |
|---|
| | | height: 20px; |
|---|
| | | width: 340px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | .text { |
|---|
| | | } |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | font-family: Source Han Sans CN, Source Han Sans CN-Regular; |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .img { |
|---|
| | | margin-right: 4px; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .num { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .data-storage__content { |
|---|
| | | height: calc(100% - 40px); |
|---|
| | | width: 100%; |
|---|
| | | |
|---|
| | | .contentTitle { |
|---|
| | | height: 40px; |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | background-color: rgba(52,78,147,.5); |
|---|
| | | flex-direction: row; |
|---|
| | | |
|---|
| | | |
|---|
| | | li { |
|---|
| | | |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-around; |
|---|
| | | color: #FFFFFF; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | width: 15%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | .title { |
|---|
| | | font-family: Source Han Sans CN, Source Han Sans CN-Regular; |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | .img { |
|---|
| | | margin-right: 4px; |
|---|
| | | |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | .name { |
|---|
| | | width: 60%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | .value { |
|---|
| | | text-align: center; |
|---|
| | | color: #ffffff; |
|---|
| | | width: 16px; |
|---|
| | | height: 20px; |
|---|
| | | background: url("~@/assets/img/Screen/numBg.png"); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | |
|---|
| | | .num { |
|---|
| | | width: 25%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | &__content { |
|---|
| | | width: 95%; |
|---|
| | | height: 220px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | .scroolData{ |
|---|
| | | height: calc(100% - 40px); |
|---|
| | | width: 100%; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .ClassScroll { |
|---|
| | | height:100%; |
|---|
| | | width: 100%; |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | .item { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | color: #ffffff; |
|---|
| | | |
|---|
| | | li { |
|---|
| | | height: 40px; |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: row; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-around; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | width: 15%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | |
|---|
| | | div { |
|---|
| | | height: 20px; |
|---|
| | | width: 20px; |
|---|
| | | background-color: #495477; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .name { |
|---|
| | | width: 60%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .num { |
|---|
| | | width: 25%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | // .data-storage { |
|---|
| | | // margin: 10px; |
|---|
| | | // width: 377px; |
|---|
| | | |
|---|
| | | // &__header { |
|---|
| | | // margin-bottom: 10px; |
|---|
| | | // display: flex; |
|---|
| | | // align-items: center; |
|---|
| | | // justify-content: space-between; |
|---|
| | | // height: 20px; |
|---|
| | | // width: 340px; |
|---|
| | | // box-sizing: border-box; |
|---|
| | | |
|---|
| | | // .text { |
|---|
| | | // display: flex; |
|---|
| | | // align-items: center; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .title { |
|---|
| | | // font-family: Source Han Sans CN, Source Han Sans CN-Regular; |
|---|
| | | // color: #ffffff; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .img { |
|---|
| | | // margin-right: 4px; |
|---|
| | | |
|---|
| | | // width: 16px; |
|---|
| | | // height: 16px; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .value { |
|---|
| | | // text-align: center; |
|---|
| | | // color: #ffffff; |
|---|
| | | // width: 16px; |
|---|
| | | // height: 20px; |
|---|
| | | // background: url("~@/assets/img/Screen/numBg.png"); |
|---|
| | | // background-size: 100% 100%; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // &__content { |
|---|
| | | // width: 95%; |
|---|
| | | // height: 220px; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // </style> |
|---|
| | | |
|---|
| | | <style lang="scss"> |
|---|
| | | .data-storage { |
|---|
| | | .index-wrap { |
|---|
| | | margin: 0 auto; |
|---|
| | | width: 14px; |
|---|
| | | height: 14px; |
|---|
| | | background: rgba(180, 188, 235, 0.25); |
|---|
| | | } |
|---|
| | | .scrollbar { |
|---|
| | | width: 100%; |
|---|
| | | overflow-x: hidden; |
|---|
| | | height: 200px; |
|---|
| | | .el-scrollbar__wrap { |
|---|
| | | overflow-x: hidden; |
|---|
| | | } |
|---|
| | | .el-table { |
|---|
| | | height: 100%; |
|---|
| | | width: 100%; |
|---|
| | | background-color: transparent; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | .el-table th.el-table__cell.is-leaf, |
|---|
| | | .el-table td.el-table__cell { |
|---|
| | | border: none; |
|---|
| | | } |
|---|
| | | .el-table--group::after, |
|---|
| | | .el-table--border::after, |
|---|
| | | .el-table::before { |
|---|
| | | border: none; |
|---|
| | | } |
|---|
| | | .el-table::before { |
|---|
| | | height: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | // .data-storage { |
|---|
| | | // .index-wrap { |
|---|
| | | // margin: 0 auto; |
|---|
| | | // width: 14px; |
|---|
| | | // height: 14px; |
|---|
| | | // background: rgba(180, 188, 235, 0.25); |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .scrollbar { |
|---|
| | | // width: 100%; |
|---|
| | | // overflow-x: hidden; |
|---|
| | | // height: 200px; |
|---|
| | | |
|---|
| | | // .el-scrollbar__wrap { |
|---|
| | | // overflow-x: hidden; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table { |
|---|
| | | // height: 100%; |
|---|
| | | // width: 100%; |
|---|
| | | // background-color: transparent; |
|---|
| | | // color: #fff; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table th.el-table__cell.is-leaf, |
|---|
| | | // .el-table td.el-table__cell { |
|---|
| | | // border: none; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table--group::after, |
|---|
| | | // .el-table--border::after, |
|---|
| | | // .el-table::before { |
|---|
| | | // border: none; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table::before { |
|---|
| | | // height: 0; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // }</style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="data-storage"> |
|---|
| | | <div class="data-storage__header"> |
|---|
| | | <div class="text"> |
|---|
| | | <img |
|---|
| | | class="img" |
|---|
| | | src="@/assets/img/Screen/cunchu.png" |
|---|
| | | alt="" |
|---|
| | | srcset="" |
|---|
| | | /> |
|---|
| | | <div class="title">å
±åå¨æ件æ°é</div> |
|---|
| | | </div> |
|---|
| | | <div class="num"> |
|---|
| | | <dv-digital-flop :config="config1" style="width: 70px; height: 20px" /> |
|---|
| | | <!-- <div class="value">5</div> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="data-storage__content"> |
|---|
| | | <ul class="contentTitle"> |
|---|
| | | <li class="title">ç¼å·</li> |
|---|
| | | <li class="name">å称</li> |
|---|
| | | <li class="num">æ°é</li> |
|---|
| | | <li class="size">æ件大å°(MB)</li> |
|---|
| | | </ul> |
|---|
| | | <div class="scroolData"> |
|---|
| | | <vue-seamless-scroll |
|---|
| | | :data="tableData" |
|---|
| | | class="ClassScroll" |
|---|
| | | :class-option="defaultOption" |
|---|
| | | > |
|---|
| | | <ul class="item"> |
|---|
| | | <li v-for="(item, index) in tableData" :key="index"> |
|---|
| | | <span class="title"> |
|---|
| | | <div>{{ item.index }}</div></span |
|---|
| | | > |
|---|
| | | <span class="name" :title="item.name">{{ |
|---|
| | | item.name.substring(0, 15) |
|---|
| | | }}</span> |
|---|
| | | <span class="num">{{ item.num || 0 }}</span> |
|---|
| | | <span class="size">{{ item.size || 0 }}</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </vue-seamless-scroll> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- <dv-scroll-board :config="config" style="width: 330px; height: 220px" /> --> |
|---|
| | | <!-- <el-scrollbar class="scrollbar"> |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | :row-style="{ background: 'rgba(135,180,248,0.10)' }" |
|---|
| | | :cell-style="{ background: 'rgba(135,180,248,0.10)' }" |
|---|
| | | :header-row-style="{ |
|---|
| | | background: 'rgba(57,128,236,0.29)', |
|---|
| | | color: '#fff', |
|---|
| | | }" |
|---|
| | | :header-cell-style="{ |
|---|
| | | background: 'rgba(57,128,236,0.29)', |
|---|
| | | color: '#fff', |
|---|
| | | }" |
|---|
| | | > |
|---|
| | | <el-table-column prop="index" label="ç¼å·" width="50"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <div |
|---|
| | | style=" |
|---|
| | | background: rgba(180, 188, 235, 0.25); |
|---|
| | | text-align: center; |
|---|
| | | " |
|---|
| | | > |
|---|
| | | {{ scope.row.index }} |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column align="center" prop="name" label="å称"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <div |
|---|
| | | style=" |
|---|
| | | overflow: hidden; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | white-space: nowrap; |
|---|
| | | " |
|---|
| | | :title="scope.row.name" |
|---|
| | | > |
|---|
| | | {{ scope.row.name }} |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="num" label="æ件æ°" width="70"> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-scrollbar> --> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import vueSeamlessScroll from "vue-seamless-scroll" |
|---|
| | | import { countDataStorage, countLargeCategories } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | vueSeamlessScroll, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | tableData: [ |
|---|
| | | { |
|---|
| | | date: "2016-05-02", |
|---|
| | | name: "çå°è", |
|---|
| | | address: "ä¸æµ·å¸æ®éåºéæ²æ±è·¯ 1518 å·", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | date: "2016-05-04", |
|---|
| | | name: "çå°è", |
|---|
| | | address: "ä¸æµ·å¸æ®éåºéæ²æ±è·¯ 1517 å¼", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | date: "2016-05-01", |
|---|
| | | name: "çå°è", |
|---|
| | | address: "ä¸æµ·å¸æ®éåºéæ²æ±è·¯ 1519 å¼", |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | date: "2016-05-03", |
|---|
| | | name: "çå°è", |
|---|
| | | address: "ä¸æµ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | config: { |
|---|
| | | header: ["ç¼å·", "å称", "æ件æ°"], |
|---|
| | | data: [ |
|---|
| | | ["è¡1å1", "è¡1å2", "è¡1å3"], |
|---|
| | | ["è¡2å1", "è¡2å2", "è¡2å3"], |
|---|
| | | ["è¡3å1", "è¡3å2", "è¡3å3"], |
|---|
| | | ["è¡4å1", "è¡4å2", "è¡4å3"], |
|---|
| | | ["è¡5å1", "è¡5å2", "è¡5å3"], |
|---|
| | | ["è¡6å1", "è¡6å2", "è¡6å3"], |
|---|
| | | ["è¡7å1", "è¡7å2", "è¡7å3"], |
|---|
| | | ["è¡8å1", "è¡8å2", "è¡8å3"], |
|---|
| | | ["è¡9å1", "è¡9å2", "è¡9å3"], |
|---|
| | | ["è¡10å1", "è¡10å2", "è¡10å3"], |
|---|
| | | ], |
|---|
| | | columnWidth: [40, 300, 50], |
|---|
| | | align: ["center"], |
|---|
| | | carousel: "page", |
|---|
| | | }, |
|---|
| | | config1: { |
|---|
| | | number: [0], |
|---|
| | | content: "{nt}个", |
|---|
| | | style: { |
|---|
| | | fontSize: 12, |
|---|
| | | fill: "#00baff", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | defaultOption() { |
|---|
| | | return { |
|---|
| | | step: 0.2, // æ°å¼è¶å¤§é度æ»å¨è¶å¿« |
|---|
| | | limitMoveNum: this.tableData.length, // å¼å§æ ç¼æ»å¨çæ°æ®é this.dataList.length |
|---|
| | | hoverStop: true, // æ¯å¦å¼å¯é¼ æ æ¬åstop |
|---|
| | | direction: 1, // 0åä¸ 1åä¸ 2åå·¦ 3åå³ |
|---|
| | | openWatch: true, // å¼å¯æ°æ®å®æ¶çæ§å·æ°dom |
|---|
| | | singleHeight: 0, // åæ¥è¿å¨åæ¢çé«åº¦(é»è®¤å¼0æ¯æ ç¼ä¸åæ¢çæ»å¨) direction => 0/1 |
|---|
| | | singleWidth: 0, // åæ¥è¿å¨åæ¢ç宽度(é»è®¤å¼0æ¯æ ç¼ä¸åæ¢çæ»å¨) direction => 2/3 |
|---|
| | | waitTime: 1000, // åæ¥è¿å¨åæ¢çæ¶é´(é»è®¤å¼1000ms) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | created() { |
|---|
| | | this.initTable() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | async initTable() { |
|---|
| | | const res = await countLargeCategories() |
|---|
| | | if (res.code == 200) { |
|---|
| | | let count = 0 |
|---|
| | | this.tableData = res.result.map((item, i) => { |
|---|
| | | count += item.count |
|---|
| | | return { |
|---|
| | | index: i + 1, |
|---|
| | | name: item.name, |
|---|
| | | num: item.count, |
|---|
| | | sizes: item.sizes, |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | this.config1.number = [count] |
|---|
| | | this.config1 = { |
|---|
| | | ...this.config1, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .data-storage { |
|---|
| | | height: calc(100% - 30px); |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .data-storage__header { |
|---|
| | | height: 40px; |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: row; |
|---|
| | | justify-content: space-between; |
|---|
| | | |
|---|
| | | .text { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | font-family: Source Han Sans CN, Source Han Sans CN-Regular; |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .img { |
|---|
| | | margin-right: 4px; |
|---|
| | | width: 16px; |
|---|
| | | height: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .num { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .data-storage__content { |
|---|
| | | height: calc(100% - 40px); |
|---|
| | | width: 100%; |
|---|
| | | |
|---|
| | | .contentTitle { |
|---|
| | | height: 40px; |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | background-color: rgba(52, 78, 147, 0.5); |
|---|
| | | flex-direction: row; |
|---|
| | | |
|---|
| | | li { |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-around; |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | width: 15%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .name { |
|---|
| | | width: 60%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .num { |
|---|
| | | width: 25%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .scroolData { |
|---|
| | | height: calc(100% - 40px); |
|---|
| | | width: 100%; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .ClassScroll { |
|---|
| | | height: 100%; |
|---|
| | | width: 100%; |
|---|
| | | |
|---|
| | | .item { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | color: #ffffff; |
|---|
| | | |
|---|
| | | li { |
|---|
| | | height: 40px; |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: row; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-around; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | width: 15%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | |
|---|
| | | div { |
|---|
| | | height: 20px; |
|---|
| | | width: 20px; |
|---|
| | | background-color: #495477; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .name { |
|---|
| | | width: 50%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .num { |
|---|
| | | width: 25%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | .size { |
|---|
| | | width: 25%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // .data-storage { |
|---|
| | | // margin: 10px; |
|---|
| | | // width: 377px; |
|---|
| | | |
|---|
| | | // &__header { |
|---|
| | | // margin-bottom: 10px; |
|---|
| | | // display: flex; |
|---|
| | | // align-items: center; |
|---|
| | | // justify-content: space-between; |
|---|
| | | // height: 20px; |
|---|
| | | // width: 340px; |
|---|
| | | // box-sizing: border-box; |
|---|
| | | |
|---|
| | | // .text { |
|---|
| | | // display: flex; |
|---|
| | | // align-items: center; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .title { |
|---|
| | | // font-family: Source Han Sans CN, Source Han Sans CN-Regular; |
|---|
| | | // color: #ffffff; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .img { |
|---|
| | | // margin-right: 4px; |
|---|
| | | |
|---|
| | | // width: 16px; |
|---|
| | | // height: 16px; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .value { |
|---|
| | | // text-align: center; |
|---|
| | | // color: #ffffff; |
|---|
| | | // width: 16px; |
|---|
| | | // height: 20px; |
|---|
| | | // background: url("~@/assets/img/Screen/numBg.png"); |
|---|
| | | // background-size: 100% 100%; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // &__content { |
|---|
| | | // width: 95%; |
|---|
| | | // height: 220px; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | <style lang="scss"> |
|---|
| | | // .data-storage { |
|---|
| | | // .index-wrap { |
|---|
| | | // margin: 0 auto; |
|---|
| | | // width: 14px; |
|---|
| | | // height: 14px; |
|---|
| | | // background: rgba(180, 188, 235, 0.25); |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .scrollbar { |
|---|
| | | // width: 100%; |
|---|
| | | // overflow-x: hidden; |
|---|
| | | // height: 200px; |
|---|
| | | |
|---|
| | | // .el-scrollbar__wrap { |
|---|
| | | // overflow-x: hidden; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table { |
|---|
| | | // height: 100%; |
|---|
| | | // width: 100%; |
|---|
| | | // background-color: transparent; |
|---|
| | | // color: #fff; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table th.el-table__cell.is-leaf, |
|---|
| | | // .el-table td.el-table__cell { |
|---|
| | | // border: none; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table--group::after, |
|---|
| | | // .el-table--border::after, |
|---|
| | | // .el-table::before { |
|---|
| | | // border: none; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .el-table::before { |
|---|
| | | // height: 0; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="file-format" ref="chart"></div> |
|---|
| | | <div class="FileFormat" ref="chart"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | const fileTypeBar = require("@/assets/img/Screen/fileTypeBar.png") |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | import { countFileFormat } from "@/api/screen.js" |
|---|
| | | import { countFileFormat, countProjectType } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | props: { |
|---|
| | | params: { |
|---|
| | | type: Object, |
|---|
| | | default: () => null, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | option: {}, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | params : { |
|---|
| | | deep: true, |
|---|
| | | immediate: true, |
|---|
| | | handler(newVal) { |
|---|
| | | this.initChart() |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.initChart() |
|---|
| | |
|---|
| | | value: 20, |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | | const res = await countFileFormat() |
|---|
| | | const res = await countProjectType(this.params) |
|---|
| | | if (res.code == 200) { |
|---|
| | | data = res.result.map(item => { |
|---|
| | | return { |
|---|
| | |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | data.sort((a, b) => b.value - a.value) |
|---|
| | | data = data.slice(0, 10) |
|---|
| | | // console.log(res.result); |
|---|
| | | data = data.slice(0, 4) |
|---|
| | | let getArrByKey = (data, k) => { |
|---|
| | | let key = k || "value" |
|---|
| | | let res = [] |
|---|
| | |
|---|
| | | let option = { |
|---|
| | | backgroundColor: "transparent", |
|---|
| | | grid: { |
|---|
| | | top: "2%", |
|---|
| | | bottom: "2%", |
|---|
| | | top: "10%", |
|---|
| | | bottom: "10%", |
|---|
| | | right: "5%", |
|---|
| | | left: "10%", |
|---|
| | | containLabel: true, |
|---|
| | |
|---|
| | | { |
|---|
| | | name: "XXX", |
|---|
| | | type: "pictorialBar", |
|---|
| | | |
|---|
| | | symbol: |
|---|
| | | "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFNDgzRTBDQjNFNzExRURCRDc5RTVGRkQxNDc0MjUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFNDgzRTBEQjNFNzExRURCRDc5RTVGRkQxNDc0MjUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUU0ODNFMEFCM0U3MTFFREJENzlFNUZGRDE0NzQyNTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUU0ODNFMEJCM0U3MTFFREJENzlFNUZGRDE0NzQyNTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5DGVZNAAAOOElEQVR42qxa+Y8cRxV+Xd1zz16xYztZmxA7hpgEOSFBAokfkCJA+Qkk/k4kJCQSghAgEXFJJKCcTnbt9RWv7d31XrM709PVfF/VezPl8cZZR2mp1T3d1VXvft97Ndk/V2uZPWo8yrLpvR1FLrK5L/LRbZFWIdJuiGwfCEdmvpbcZdLEdxgleCOOz/FM8E5wrXH1eFZizgr3I9xXfL7QkfqwFDnA+fKyyFM9vPDTtUlL/SiZU7rkCQ4S5KaMOhDSKpx08bzTbUlrriVNMNrMXWCowDWzb0EUmRiTgdFYRjuHMtofyhCvDvB8gOe8907XqZ6ArmMxYVqhtA7HUuB3Fz8XQGT/7JJ0Ok1pqbRIaA0iKOmSvPI7HzWbNVzUUrOQTr8dGcScQ2iXjOxhvh3MP8CzEvdfqYEJfV9lTnZs7Em+tiE9SPTUfEcWoHISk5FwvB7jDObBE99WgfZHzZKCzpOzSUGSQWinhmmWW/uyDSHcff5p2ccaVUrT19YEJfLFA+lcWZflxa6cONmXrNcUV9WByAMSDyLGLjLiVfpkpJaEgcyFa6bE88o5uH6B581GLu3Tc9LC3Cfv78mJj7+QjYun5Nap+bDG1zcn2iYYmFu5J+eXF2V+CZLJM/FYfAgiOXkJ2kpKniYUCFe6XbzPMo734uw3zKaaWKmXHAzk4JymN8K89K3GuabkG/tyBuvCxWX1zILs+sdoo3icD9zZlqVrG3Lx3JJ0EUG4yBiTHeD90EXzoe3WJJRE5m46hZ7BF/KpFmB/YaxFLDJYQX9kouGz4Pj0r86pvuTtQhax/iW8+wyMbH0ZI1+qibs7cgI+8D1ooDHflgEYoKT3Qc9hMB+cIM6b9DUSZUlYDdfUJ+j0eaaakmBuFADn5dMaDJE3CqrCej2sK25J+qDjZbz/CKa1cZSzF7MPOOjerjx1Y1MuI/K4fkt2q2gCe1h4CGLpA54aUCItHzh13HDid5YGhyyGZ67mmS8ogOBDCL0ujzkE35Q0t3EFhiSYbR/re9AxR3owx/tPz8nmbNApZk0IDCxcuy8/fGYhMLCpGhiQAZoRF1ezoZlMiMY7zuVo4/o7S6NKFhmu60hspUEgaDMwwN/UKswLuWaYUR3MRSJdCvL0vDxFuvDNP8DI9pFMcLGtgTSvb8iPEIF68IFbmMCbCWExMlDRbLKp1HMST8JxNnDPk4ww9LrEL+IS9SR6hcyN5yF70zQDzaoh+A3vh8EEaWbQCOjZLCtZJn0Y82eE39EUSWhSGcK1wOlZJKHnFrrygY+LkYEDmhCkU5nkaTp+Gh4JMZqqiYZpwmBHog0j3ms+KZTx0qKckJk6RGMyw4Q5dHUwrYyMID/dGVXyEkzrLPxltdWIcxc7GoUhijkkr9fx8joya8kwmkfzYQSiCYTYnsesC7QRCGgpIc06MtVQZkhgMKnEnGpNgGNNjhw3VqZzNT8yMMbaDBQTrAWWh8wpeNaCaV2HRl4HbLnXLGU3MIEQFiNfLc8jRi9h0FUmMkzKKESVezUHc16aDjMtGWhRC3ZVTRRKoFOTMnPyak7GRKmJMldzpJnyrI0BJMAaBPugrVoOOT+EvAlo8u1bW3Iev/9HDRfIkHSgLga/CgD3eRUld8A84GIoZTynVIMJuUgszzY1wasy0VL02lQmzKzMnMyMxvhupGi2SMwvQBgL2cw7VfQR+tIYVjFijsLZI52AKa/g3ecYt1/4aLfLMKWTOD9UyEANjJNIFDTgsonptFUTHVx5thOmWkpYIVPQa0xQA5Ui1mHCbDaJLxGLmSkxjHvVDNBV0N4YvrANWi8jrywzEQbcggEvdwtZ1cmYjUv7mBpQfyhU0mY6LWWgywzLq2lEI1StIdV8IlOteZlqc6Itmm1icjEMRzSc2TvVHpnvtXK5dljLS7hfI4LsQFXnAaf/rhFkbFpQtWZmt8qEmUxbTzJAjNPVKEVC5qHuZRCwqGNHmO8BbPwW7reV8UL9gObGbypDwYnP5KSjjo7uEaaQB8O7GvSuDyv5Ma2B0j0JrmomGDygo1XKQG1o04i3yJOYTWAC156+74L4C2D8BcT1i6j8elA7Ql2oG/Z3D+UzmMDneLaiMD0zX8kibhpr/rDwG5gzhBDGVgGSMOQLoqgvvTxNRz2LQesK0CoNexBB4N6ikdPIExKahVUzKfWTDnLNq7DXN84uSn6ij5eNqUOUY+kBDbxy84F8H+P+BEbeI5RXUyy1HhmpwII1mDZE88Y44l++o18xWt4l/Yz7J3HuWRXppjVBassTeMGIopJqKiNNLTnPg+ifvnhG8meXHmaARwMa4XO+5zho57wSY/7RTHNMEqIDkGTNbblGhU0hsxo8QSYWcQ4kQoxQE6gjWcRwCRayqFPYgnwH25/DHJeggeZ85/EFDN8D2rMOvwTC5nT+QsOtzZ2rZbgkwpnp1eo/HiY1AIOLHDCPm0ECCQI6na0LEmaChPTkojXUfA5J8gKg8rEOYDM4i1wAE+dU68WMtp3iM9FCKtQkippNyIxgA9zPM3y2iI2Uw4dKbYJ7dUCnksm0WkthN4uAJUSLDp3tOAdNq9eSDphYSgWU4K1MI5ezCjM1caNPYkJu0ZxoDl47EqLJRpKPH2kimM0mmKiZO3miQ8cHTc7WB7N1SPJNPQPvCVGIt4JqnBFsdUD6sXUtsukYrz5kE44q/2RMlDHSlClInO1sqMBCuae9q2ymExNAJDUx1OgwO1kqH29wwCB1kkUpgAcHIzkox8dkAOM4HsnvQYKrfNItqRPobhbxkL58rFkYBEo60A4zqK8nTktHEpWsTSaaeCbQQE+SncEXbgAaryAPHOu4j4C+N5QVzHlDiRsrWvYzDAWTYW2eaMQKLiqgzTAbpOhiR89KyzBIe6cyI6EqgdJjSzwuCuJjJLLRzld0ifj+xhYQaS2f4LtdJfyROdMiyk0rQ6eBJdeyoIfrlgNuuo+HfR3IHpDTsGZqs2LGzyw4Ss4cGXgVmfgvn9yR6vZWNJn0YOXI51fWpeI4mNKKogFCnRGvScE00UYaaJLEa3Gwh2ebtKlbGPaaSoZBo1C0KEp4CspG6kxW0Ay1C8hEVRNKIHPvrN6XCzCZ7yCM9jghnRg+sL8/kisw0xViJ3wzUMc+UGQ60nm5dqn3Xptt3sK9rpVTuMBOp/H9v0nQPZbZdYQQLJAOUai7fJr4fIKpcmVmaFlWS0uaIk1SQOB/Qeg1+MinWwNkU2R21gKKYm/mhWyrWZDogQrhUOccJiZltbcvq9CTonWw+xF6uC6CUM5zl3UrJ1kFmWfAAB2tCPVsHbsOmXa5dfLcQFkCz51FGDwLxRJtHVL4kOWloWEzBTUPZtpDZcCYOJzRRrAAc2pDCCq4DG5wCgHlKr8vNFt/CE5/6b2ssRjXScbsyLnYGLYWyyPQIA2RagZWsRVJBq5n6uvgAwkDB/rdSK+hglMGGGBMC6EoY3Ju5vICaPsdvylUUrdB/HYD8AFa2CbcBgOlNra4fGg3ujh5NoOp0qiVotEUiaZh02rsUVKmHqp/pdogwq01wWWqBTJRwBcWMJ4B/VZoFGhU2oP638f1J9VY/sragM3drFbpZg8VSaJZ1vYm0qJmlPhKioXSnlMoftTmg+Q1Og01WIQo5eOWmGmBvQAKqMNnnYZchoD/RrpFYa9J8wps+DImePZwLLcd62E2dn3cNGEf1SvB2hG3zgQlVikDjQSqWwdjgsksRNdx26tMTMvM0PbzQmhNfIGFWJsmBTM6A1/YhfCvWCIuDLhh0BZk9i4Kll+j5LsbMjcX8THxsLLSMnGSyVUTtjs0aYaZ71gNnXQy0g5gqdoLjsyNSN0mCzmJe3w4c5wNHytIZuccJe+rGPcb/N46sqGMj1ehjTWo6weABf9CBOiFdqaPXRDNzrVPsI2b5pE8KSddsr2VtmwMPFaqjcqcmKHcR40GPyQD3Nj0sRnR47t+U15DCF/D/epDu7ozoI8bgG+D219hku8elCEB9jw7HnWgaMiIZY0ExTXGSJ5qQQl2CQr2ep9qw8Ko1yjkFSNRA2SATYgu10TR9SLoIoNva2j+8k0WDFjHx2/12/Imfj4/GMkqbLCre3SizmiduZhNo5+4sJetHZLZ1r7e2/5ErXvYVm5aAZZxawxns4o9rMBAtxlaSn2MeQvP1h/ZKcqOLnyu43wHjPyMAgUjK6BurqKEY+ZkDqnMT0hSHVFoZTtEdT2Fzr6e2JWBykB4pbgIGTlTKMHNyIZ2E3soeyswcAF0LGG9d0jXE2084qOrIPKPKOx/zn8KwLQ+xeN+2PFEPA+9Uf2nQIDp2ghW6DLJISYkxf+S7m1rDqAGOapRaRTSUFrBhC7NtaU/jgxcfeJ97OSvEN9CcnkTTOTAQ+9hYeKg0E/Ns2liUq3UST1sdUhtNUqaJPWZ7Z42rLtOh8aabHRf7sZm9+8BKq8fVSofex+bE2DUbyGVXyAyvLEHRhC51qlubaSNAkTwEUK7dB87qdXN5q2B7JNWjWV6OjbWOQXzeQX54Cby1R+w/p3HMXAsTSQa6bULeQ4LvT6qZA7MXIGvbGqBYnG/suRnNfjs1rhFMWWmodqg8y4Cul9sFUAPmfwHDKzBJ/a+0f92YML9fS8fwWxuIo+chaQuQWLfQoHzBeqEbbyfRCSZZvaJ/btp882pVtj/bc63ZAGR5xmY5g5+vwuzXYNJbSeZ/pthInF20VKUzFxrZ3ISDJ2D852G8/H/GftlFSJXORwj6PjJPnfoIcG3GiC0gYRaQOI93UZmyPwA7ze0vqh1nW/2XzZHHVhsAIlehwTvkCicfWhnUUvGrvZYiwQAEtRx32Mn7MiitieA078PjY76U8xxj/8LMACxhIqMwsPZ8QAAAABJRU5ErkJggg==", |
|---|
| | | symbolSize: [25, 25], |
|---|
| | | "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAZlBMVEUAAABe3uVe3+Vf3uVf3+Zf3uVg3+Zg3+Zf3+Vi4OZh4OZg3+Z86/Bh3+Zi4Odj4Odi4OZ86/B76/B86/Bj4ed56+9x5+xn4umB7/N87PB36e+A7/N+7fF/7vJ/7vJ+7fGA7/OB7/PReX+lAAAAIXRSTlMABQkVDREmIhk3MR10LEFFPHh7cUprXE35h2XnqMLAp+mHAG9cAAAB5ElEQVRIx83WjU7CMBQFYIoiKMqU/XUboHv/l/Tce7t2XamDNSacETEmX86tlK2rx4py150o+MstMBLwWRfHKo6JCVxLnvmFGBjFQ58oF1//sUZhGy/ClSTWObgnL4O+bkeN4nY2okfNMbkRt9/vtxz8InoTsWplJSCzFxPmO8+GpSIByX3YQAuGDWtRKhKjCnxDXhF6Z4yxnZ20Wgko7BMRDmxtSGVaI4kdTIgb+zTYoJQlIMlDlmUFgrcDWWC201qSayqlTkiCddWWeV62VU0YlnpRi9VOKaSUsiyq/N0krwq2Ugt7lVpZl5BfHNiytjagMi+XYp0kCR45hMlivVQrE/uU5pXSrCB5bM6d1t2lOZItMqmliT3q5uVxqxzyW/ccfYLNKx7ZTeykMvNyac2yt2Fbc61MHLSC0rwoxbiNdlQ3GBm1NLHQsHUrtEXppR/ljNpW6DbSCoqlFiVoN6YdaFlgsSFVPs1BdT8OaB5QyQzVcaqWDows/zepxR8ObLglTrdtCRVuRNj4Rrxh+//0ke2f8KVL+Kon3GCSbmsJN9OUW3j6g0Ns+LgCij2u0h+Sghc8mlMPBMgdx5DFh59VmOVHrvmDnoNxCz3J7MFWsMuaLyR089xz/xhlfijvwutR8gv3zk6BLUUeCgAAAABJRU5ErkJggg==", |
|---|
| | | symbolSize: [35, 35], |
|---|
| | | symbolOffset: [20, 0], |
|---|
| | | z: 5, |
|---|
| | | data: getSymbolData(data), |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .file-format { |
|---|
| | | .FileFormat { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | height: calc(100% - 40px); |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="project-category"> |
|---|
| | | <div class="content"> |
|---|
| | | |
|---|
| | | <div |
|---|
| | | :class="i % 2 ? 'rank2' : 'rank1'" |
|---|
| | | v-for="(item, i) in datalist.slice(0, 8)" |
|---|
| | | :key="item.projtype" |
|---|
| | | > |
|---|
| | | <div class="num">{{ item.count }}个</div> |
|---|
| | | <div class="name">{{ item.projtype }}</div> |
|---|
| | | <div class="bar"> |
|---|
| | | <img src="~@/assets/img/Screen/leftBar.png" alt="" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div |
|---|
| | | :class="'rank' + i" |
|---|
| | | class="rank" |
|---|
| | | v-for="(item, i) in datalist.slice(0, 8)" |
|---|
| | | :key="item.projtype" |
|---|
| | | > |
|---|
| | | <div class="num">{{ item.count }}个</div> |
|---|
| | | <div class="name">{{ item.projtype }}</div> |
|---|
| | | <div class="bar"></div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- <div class="rank rank2"> |
|---|
| | | <div class="num">2个</div> |
|---|
| | |
|---|
| | | .project-category { |
|---|
| | | position: relative; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | height: calc(100% - 30px); |
|---|
| | | background: url("~@/assets/img/Screen/projectBg.png") center center; |
|---|
| | | background-size: 330px 227px; |
|---|
| | | .content { |
|---|
| | | position: relative; |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | margin: 0 auto; |
|---|
| | | height: 90%; |
|---|
| | | justify-content: space-between; |
|---|
| | | .rank1, .rank2 { |
|---|
| | | // box-sizing: border-box; |
|---|
| | | // display: flex; |
|---|
| | | // flex-direction: column; |
|---|
| | | // width: 160px; |
|---|
| | | // flex: 1; |
|---|
| | | height: 25px; |
|---|
| | | // align-items: end; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | |
|---|
| | | .content { |
|---|
| | | display: flex; |
|---|
| | | flex-direction: row; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-between; |
|---|
| | | width: 100%; |
|---|
| | | // height: 85%; |
|---|
| | | height: 100%; |
|---|
| | | |
|---|
| | | .rank { |
|---|
| | | width: 35%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | div { |
|---|
| | | margin: 2px 0px; |
|---|
| | | } |
|---|
| | | .num { |
|---|
| | | color: #839ecb; |
|---|
| | | } |
|---|
| | | .name { |
|---|
| | | // margin: 6px; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .bar { |
|---|
| | | width: 61px; |
|---|
| | | height: 3px; |
|---|
| | | // background: url("~@/assets/img/Screen/leftBar.png"); |
|---|
| | | // background-size: 100% 100%; |
|---|
| | | img { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | background-image: url(../../assets/img/Screen/leftBar.png); |
|---|
| | | background-size: 100% 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .rank1 { |
|---|
| | | |
|---|
| | | .rank0, |
|---|
| | | .rank6 { |
|---|
| | | width: 35%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: flex-end; |
|---|
| | | text-align: right; |
|---|
| | | } |
|---|
| | | .rank2 { |
|---|
| | | |
|---|
| | | .rank1, |
|---|
| | | .rank7 { |
|---|
| | | width: 35%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: flex-start; |
|---|
| | | text-align: left; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .rank2, |
|---|
| | | .rank4 { |
|---|
| | | width: 35%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | justify-items: flex-end; |
|---|
| | | |
|---|
| | | div { |
|---|
| | | width: 80%; |
|---|
| | | display: flex; |
|---|
| | | justify-content: flex-end; |
|---|
| | | align-items: flex-end; |
|---|
| | | } |
|---|
| | | .bar { |
|---|
| | | margin-left: calc(80% - 61px); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .rank3, |
|---|
| | | .rank5 { |
|---|
| | | width: 35%; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | justify-items: flex-end; |
|---|
| | | |
|---|
| | | div { |
|---|
| | | margin-left: 20%; |
|---|
| | | width: 80%; |
|---|
| | | align-items: flex-end; |
|---|
| | | text-align: left; |
|---|
| | | |
|---|
| | | .bar { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-items: flex-end; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="CountDataApply" ref="chart"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | import { GetServicesVisitsCount } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | option: {}, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // const option = this.initData() |
|---|
| | | this.initChart() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | async initChart() { |
|---|
| | | const res = await GetServicesVisitsCount() |
|---|
| | | |
|---|
| | | console.log(res.result); |
|---|
| | | |
|---|
| | | if (res.code == 200) { |
|---|
| | | } |
|---|
| | | let xAxis = [] |
|---|
| | | let yAxis = [] |
|---|
| | | |
|---|
| | | res.result.forEach(item => { |
|---|
| | | xAxis.push(item.type) |
|---|
| | | yAxis.push(item.count) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // let data = [220, 182, 191, 234, 290, 330, 310] |
|---|
| | | // const sideData = data.map(item => { |
|---|
| | | // return { |
|---|
| | | // name: item.name, |
|---|
| | | // value: item.number, |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | let option = { |
|---|
| | | tooltip: { |
|---|
| | | trigger: "axis" |
|---|
| | | }, |
|---|
| | | grid: { |
|---|
| | | right: "10%", |
|---|
| | | top: 30, |
|---|
| | | left: '15%', |
|---|
| | | bottom:'15%' |
|---|
| | | }, |
|---|
| | | |
|---|
| | | xAxis: { |
|---|
| | | type: "category", |
|---|
| | | boundaryGap: true, |
|---|
| | | axisLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: "#fff" |
|---|
| | | }, |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | nameRotate: 45, |
|---|
| | | axisTick: { |
|---|
| | | // show: false, |
|---|
| | | alignWithLabel: true |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | fontFamily: "PingFangSC-Regular", |
|---|
| | | }, |
|---|
| | | data:xAxis |
|---|
| | | }, |
|---|
| | | yAxis: { |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | lineStyle: { |
|---|
| | | color: "#fff" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | fontFamily: "Roboto-Regular", |
|---|
| | | }, |
|---|
| | | axisTick: { |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | // åå²çº¿ |
|---|
| | | splitLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: "#5d7289", |
|---|
| | | width: 1, |
|---|
| | | type: "dashed" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | type: "value" |
|---|
| | | }, |
|---|
| | | series: [ |
|---|
| | | { |
|---|
| | | name: "æå¡è®¿é®æ¬¡æ°", |
|---|
| | | type: "line", |
|---|
| | | showAllSymbol: false, |
|---|
| | | lineStyle: { |
|---|
| | | color: "#2579D8" |
|---|
| | | }, |
|---|
| | | itemStyle: { |
|---|
| | | color: "#2579D8" |
|---|
| | | }, |
|---|
| | | smooth: 0.2, |
|---|
| | | data: yAxis |
|---|
| | | } |
|---|
| | | |
|---|
| | | ] |
|---|
| | | }; |
|---|
| | | const chart = echarts.init(this.$refs.chart) |
|---|
| | | |
|---|
| | | chart.setOption(option) |
|---|
| | | window.addEventListener("resize", function () { |
|---|
| | | chart.resize() |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .CountDataApply { |
|---|
| | | width: 100%; |
|---|
| | | height:calc(100% - 30px); |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | let option = { |
|---|
| | | backgroundColor: "transparent", |
|---|
| | | title: { |
|---|
| | | text: "æå¡ç±»åæ»æ°é", |
|---|
| | | text: "ç¨æ·è®¿é®æ»é", |
|---|
| | | subtext: count, |
|---|
| | | textStyle: { |
|---|
| | | color: "#fff", |
|---|
| | |
|---|
| | | data: dataPie, |
|---|
| | | icon: "vertical", |
|---|
| | | right: "1%", |
|---|
| | | top: "10%", |
|---|
| | | top: "2%", |
|---|
| | | orient: "vertical", |
|---|
| | | itemGap: 7, |
|---|
| | | itemGap: 5, |
|---|
| | | itemWidth: 12, |
|---|
| | | itemHeight: 3, |
|---|
| | | |
|---|
| | |
|---|
| | | left: "1%", // ä¸å®¹å¨å·¦ä¾§çè·ç¦» |
|---|
| | | right: "1%", // ä¸å®¹å¨å³ä¾§çè·ç¦» |
|---|
| | | top: "1%", // ä¸å®¹å¨é¡¶é¨çè·ç¦» |
|---|
| | | bottom: "1%", // ä¸å®¹å¨åºé¨çè·ç¦» |
|---|
| | | bottom: "5%", // ä¸å®¹å¨åºé¨çè·ç¦» |
|---|
| | | containLabel: true |
|---|
| | | }, |
|---|
| | | series: [ |
|---|
| | | { |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="visit-count" ref="chart"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | import { GetTypeVisitsCount } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | option: {}, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.initChart() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | async initChart() { |
|---|
| | | let data = [ |
|---|
| | | { |
|---|
| | | name: "user1", |
|---|
| | | value: 10, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user2", |
|---|
| | | value: 20, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user3", |
|---|
| | | value: 23, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user4", |
|---|
| | | value: 44, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user1", |
|---|
| | | value: 10, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user2", |
|---|
| | | value: 20, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user3", |
|---|
| | | value: 53, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user4", |
|---|
| | | value: 24, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user1", |
|---|
| | | value: 10, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: "user2", |
|---|
| | | value: 20, |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | | const res = await GetTypeVisitsCount() |
|---|
| | | let xAxis = [] |
|---|
| | | let yAxis = [] |
|---|
| | | if (res.code == 200) { |
|---|
| | | data = res.result.map(item => { |
|---|
| | | xAxis.push(item.name) |
|---|
| | | yAxis.push(item.count) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | let option = { |
|---|
| | | grid: { |
|---|
| | | // 让å¾è¡¨å æ»¡å®¹å¨ |
|---|
| | | top: "12%", |
|---|
| | | left: "15%", |
|---|
| | | right: "10%", |
|---|
| | | bottom: "15%", |
|---|
| | | }, |
|---|
| | | tooltip: { |
|---|
| | | show: true |
|---|
| | | }, |
|---|
| | | xAxis: { |
|---|
| | | data: xAxis, |
|---|
| | | axisLabel: { |
|---|
| | | show: true, |
|---|
| | | color: "#ffff", |
|---|
| | | }, |
|---|
| | | axisTick: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLine: { |
|---|
| | | show: true, |
|---|
| | | lineStyle: { |
|---|
| | | color: "rgba(95, 180, 237, 0.32)", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | yAxis: { |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisTick: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | color: "#ffff", |
|---|
| | | }, |
|---|
| | | // åå²çº¿ |
|---|
| | | splitLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: "#5d7289", |
|---|
| | | width: 1, |
|---|
| | | type: "dashed", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | series: [ |
|---|
| | | { |
|---|
| | | // 顶é¨åç |
|---|
| | | type: "pictorialBar", |
|---|
| | | animation: false, |
|---|
| | | itemStyle: { |
|---|
| | | color: "rgba(115, 240, 252, 1)", |
|---|
| | | }, |
|---|
| | | symbolRepeat: false, |
|---|
| | | symbolSize: [15, 8], |
|---|
| | | symbolMargin: 1, |
|---|
| | | z: 10, |
|---|
| | | data: data, |
|---|
| | | symbolPosition: "end", |
|---|
| | | symbolOffset: [0, -4], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | // åºé¨åç |
|---|
| | | type: "pictorialBar", |
|---|
| | | animation: false, |
|---|
| | | |
|---|
| | | itemStyle: { |
|---|
| | | color: "rgba(50, 96, 225, 0.8)", |
|---|
| | | }, |
|---|
| | | symbolRepeat: false, |
|---|
| | | symbolSize: [15, 8], |
|---|
| | | symbolMargin: 1, |
|---|
| | | z: 10, |
|---|
| | | data: data, |
|---|
| | | symbolPosition: "start", |
|---|
| | | symbolOffset: [0, 3], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | barWidth: 15, |
|---|
| | | animation: false, |
|---|
| | | |
|---|
| | | type: "bar", |
|---|
| | | label: { |
|---|
| | | show: true, |
|---|
| | | position: "top", |
|---|
| | | textStyle: { |
|---|
| | | color: "#ffff", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | itemStyle: { |
|---|
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
|---|
| | | { offset: 1, color: "rgba(82, 180, 249, 0.35)" }, |
|---|
| | | { offset: 0, color: "rgba(82, 180, 249, 1)" }, |
|---|
| | | ]), |
|---|
| | | }, |
|---|
| | | data: yAxis, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | } |
|---|
| | | |
|---|
| | | const chart = echarts.init(this.$refs.chart) |
|---|
| | | |
|---|
| | | chart.setOption(option) |
|---|
| | | window.addEventListener("resize", function () { |
|---|
| | | chart.resize() |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .visit-count{ |
|---|
| | | width: 100%; |
|---|
| | | height: calc(100% - 30px); |
|---|
| | | } |
|---|
| | | </style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="projectState" ref="chart"></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | import { GetServicesVisitsCount } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | option: {}, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // const option = this.initData() |
|---|
| | | this.initChart() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | initChart() { |
|---|
| | | // const res = await GetServicesVisitsCount() |
|---|
| | | |
|---|
| | | // console.log(res.result); |
|---|
| | | |
|---|
| | | // if (res.code == 200) { |
|---|
| | | // } |
|---|
| | | // let xAxis = [] |
|---|
| | | // let yAxis = [] |
|---|
| | | |
|---|
| | | // res.result.forEach(item => { |
|---|
| | | // xAxis.push(item.type) |
|---|
| | | // yAxis.push(item.count) |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | // let data = [220, 182, 191, 234, 290, 330, 310] |
|---|
| | | // const sideData = data.map(item => { |
|---|
| | | // return { |
|---|
| | | // name: item.name, |
|---|
| | | // value: item.number, |
|---|
| | | // } |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | var XName = ["ç«é¡¹", "å¯å¨", "建设", "å®æ"] |
|---|
| | | var data1 = [ |
|---|
| | | [100, 100, 100, 100], |
|---|
| | | [ |
|---|
| | | 100, |
|---|
| | | 100, |
|---|
| | | { |
|---|
| | | value: 100, |
|---|
| | | symbol: |
|---|
| | | "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAZlBMVEUAAABe3uVe3+Vf3uVf3+Zf3uVg3+Zg3+Zf3+Vi4OZh4OZg3+Z86/Bh3+Zi4Odj4Odi4OZ86/B76/B86/Bj4ed56+9x5+xn4umB7/N87PB36e+A7/N+7fF/7vJ/7vJ+7fGA7/OB7/PReX+lAAAAIXRSTlMABQkVDREmIhk3MR10LEFFPHh7cUprXE35h2XnqMLAp+mHAG9cAAAB5ElEQVRIx83WjU7CMBQFYIoiKMqU/XUboHv/l/Tce7t2XamDNSacETEmX86tlK2rx4py150o+MstMBLwWRfHKo6JCVxLnvmFGBjFQ58oF1//sUZhGy/ClSTWObgnL4O+bkeN4nY2okfNMbkRt9/vtxz8InoTsWplJSCzFxPmO8+GpSIByX3YQAuGDWtRKhKjCnxDXhF6Z4yxnZ20Wgko7BMRDmxtSGVaI4kdTIgb+zTYoJQlIMlDlmUFgrcDWWC201qSayqlTkiCddWWeV62VU0YlnpRi9VOKaSUsiyq/N0krwq2Ugt7lVpZl5BfHNiytjagMi+XYp0kCR45hMlivVQrE/uU5pXSrCB5bM6d1t2lOZItMqmliT3q5uVxqxzyW/ccfYLNKx7ZTeykMvNyac2yt2Fbc61MHLSC0rwoxbiNdlQ3GBm1NLHQsHUrtEXppR/ljNpW6DbSCoqlFiVoN6YdaFlgsSFVPs1BdT8OaB5QyQzVcaqWDows/zepxR8ObLglTrdtCRVuRNj4Rrxh+//0ke2f8KVL+Kon3GCSbmsJN9OUW3j6g0Ns+LgCij2u0h+Sghc8mlMPBMgdx5DFh59VmOVHrvmDnoNxCz3J7MFWsMuaLyR089xz/xhlfijvwutR8gv3zk6BLUUeCgAAAABJRU5ErkJggg==", |
|---|
| | | symbolSize: [50, 50], |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | ] |
|---|
| | | var Line = ["线1", "线2"] |
|---|
| | | var color = ["#256589", "#3F88E9"] |
|---|
| | | |
|---|
| | | //æ°æ®å¤ç |
|---|
| | | var datas = [] |
|---|
| | | Line.map((item, index) => { |
|---|
| | | if (index == 0) { |
|---|
| | | datas.push({ |
|---|
| | | symbolSize: 10, |
|---|
| | | symbol: "circle", |
|---|
| | | hoverAnimation: false, |
|---|
| | | name: item, |
|---|
| | | type: "line", |
|---|
| | | data: data1[index], |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | borderWidth: 5, |
|---|
| | | color: color[index], |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | datas.push({ |
|---|
| | | symbolSize: 10, |
|---|
| | | symbol: "circle", |
|---|
| | | hoverAnimation: false, |
|---|
| | | name: item, |
|---|
| | | type: "line", |
|---|
| | | data: data1[index], |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | borderWidth: 5, |
|---|
| | | color: color[index], |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | let option = { |
|---|
| | | grid: { |
|---|
| | | left: "5%", |
|---|
| | | top: "30%", |
|---|
| | | bottom: "30%", |
|---|
| | | right: "5%", |
|---|
| | | }, |
|---|
| | | yAxis: [ |
|---|
| | | { |
|---|
| | | type: "value", |
|---|
| | | position: "right", |
|---|
| | | max: 100, |
|---|
| | | splitLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisTick: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | xAxis: [ |
|---|
| | | { |
|---|
| | | type: "category", |
|---|
| | | axisTick: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | lineStyle: { |
|---|
| | | color: "#6A989E", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | inside: true, |
|---|
| | | show: true, |
|---|
| | | textStyle: { |
|---|
| | | color: "#90deff", // xè½´é¢è² |
|---|
| | | fontWeight: "normal", |
|---|
| | | fontSize: "12", |
|---|
| | | lineHeight: 20, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data: XName, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | series: datas, |
|---|
| | | } |
|---|
| | | const chart = echarts.init(this.$refs.chart) |
|---|
| | | |
|---|
| | | chart.setOption(option) |
|---|
| | | window.addEventListener("resize", function () { |
|---|
| | | chart.resize() |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .projectState { |
|---|
| | | width: 100%; |
|---|
| | | height: calc(100% - 30px); |
|---|
| | | } |
|---|
| | | </style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="projectTime" ref="chart"> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | import * as echarts from "echarts" |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.initChart(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | initChart() { |
|---|
| | | var dataArr = 60; |
|---|
| | | var colorSet = '#45CAED'; |
|---|
| | | |
|---|
| | | var color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [ |
|---|
| | | { |
|---|
| | | offset: 0, |
|---|
| | | color: '#8D00FF', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | offset: 0.4, |
|---|
| | | color: '#0EBAFC', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | offset: 1, |
|---|
| | | color: '#0EBAFC', |
|---|
| | | }, |
|---|
| | | ]); |
|---|
| | | var option = { |
|---|
| | | title: { |
|---|
| | | text: '项ç®è¿åº¦', |
|---|
| | | textStyle: { |
|---|
| | | color: '#7DAEEF', |
|---|
| | | fontSize: 12, |
|---|
| | | }, |
|---|
| | | padding: 0, |
|---|
| | | top: '80%', |
|---|
| | | left: 'center', |
|---|
| | | }, |
|---|
| | | xAxis: { |
|---|
| | | splitLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | yAxis: { |
|---|
| | | splitLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLabel: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | series: [ |
|---|
| | | // å»åº¦ |
|---|
| | | { |
|---|
| | | type: 'gauge', |
|---|
| | | radius: '82%', |
|---|
| | | startAngle: 220, |
|---|
| | | endAngle: -40, |
|---|
| | | axisTick: { |
|---|
| | | show: true, |
|---|
| | | lineStyle: { |
|---|
| | | color: '#6B9DD7', |
|---|
| | | width: 1, |
|---|
| | | }, |
|---|
| | | length: -8, |
|---|
| | | }, //å»åº¦æ ·å¼ |
|---|
| | | splitLine: { |
|---|
| | | show: true, |
|---|
| | | lineStyle: { |
|---|
| | | color: '#6B9DD7', |
|---|
| | | width: 1, |
|---|
| | | }, |
|---|
| | | length: -8, |
|---|
| | | }, //åéçº¿æ ·å¼ |
|---|
| | | axisLabel: { |
|---|
| | | color: 'rgba(255,255,255,0)', |
|---|
| | | fontSize: 12, |
|---|
| | | }, //å»åº¦èç¹æåé¢è² |
|---|
| | | pointer: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | label: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | // //仪表ç详æ
ï¼ç¨äºæ¾ç¤ºæ°æ®ã |
|---|
| | | // detail: { |
|---|
| | | // show: true, |
|---|
| | | // offsetCenter: [0, '50%'], |
|---|
| | | // color: '#ACCFFF', |
|---|
| | | // formatter: function (params) { |
|---|
| | | // return 'å½åé度'; |
|---|
| | | // }, |
|---|
| | | // textStyle: { |
|---|
| | | // fontSize: 16, |
|---|
| | | // }, |
|---|
| | | // }, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: 'å
é¨è¿åº¦æ¡', |
|---|
| | | type: 'gauge', |
|---|
| | | center: ['50%', '50%'], |
|---|
| | | radius: '78%', |
|---|
| | | splitNumber: 10, |
|---|
| | | axisLine: { |
|---|
| | | lineStyle: { |
|---|
| | | color: [ |
|---|
| | | [dataArr / 100, color], |
|---|
| | | [1, 'rgba(107,157,215,.25)'], |
|---|
| | | ], |
|---|
| | | width: 8, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | z: 4, |
|---|
| | | axisLabel: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | axisTick: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | splitLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | itemStyle: { |
|---|
| | | color: colorSet, |
|---|
| | | }, |
|---|
| | | detail: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | label: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | title: { |
|---|
| | | //æ é¢ |
|---|
| | | show: true, |
|---|
| | | offsetCenter: [0, '35%'], // x, yï¼åä½px |
|---|
| | | textStyle: { |
|---|
| | | color: '#ACCFFF', |
|---|
| | | fontSize: 16, //表çä¸çæ é¢æåå¤§å° |
|---|
| | | fontWeight: 400, |
|---|
| | | fontFamily: 'PingFangSC', |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data: [ |
|---|
| | | { |
|---|
| | | name: dataArr + '%', |
|---|
| | | value: dataArr, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | pointer: { |
|---|
| | | show: true, |
|---|
| | | length: '40%', |
|---|
| | | radius: '20%', |
|---|
| | | width: 4, //æéç²ç» |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | //æéä¸çå |
|---|
| | | type: 'pie', |
|---|
| | | tooltip: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | z: 5, |
|---|
| | | hoverAnimation: false, |
|---|
| | | legendHoverLink: false, |
|---|
| | | radius: ['0%', '6%'], |
|---|
| | | center: ['50%', '50%'], |
|---|
| | | label: { |
|---|
| | | normal: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | labelLine: { |
|---|
| | | normal: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data: [ |
|---|
| | | { |
|---|
| | | value: 10, |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | color: colorSet, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | // å¤ä¸å±å |
|---|
| | | { |
|---|
| | | type: 'pie', |
|---|
| | | radius: '60%', |
|---|
| | | startAngle: 220, |
|---|
| | | endAngle: -40, |
|---|
| | | hoverAnimation: false, |
|---|
| | | center: ['50%', '50%'], |
|---|
| | | avoidLabelOverlap: false, |
|---|
| | | label: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | labelLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | data: [ |
|---|
| | | { |
|---|
| | | value: 1, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | color: { |
|---|
| | | type: 'linear', |
|---|
| | | x: 0, |
|---|
| | | y: 0, |
|---|
| | | x2: 0, |
|---|
| | | y2: 1, |
|---|
| | | colorStops: [ |
|---|
| | | { |
|---|
| | | offset: 0, |
|---|
| | | color: '#17A1FF', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | offset: 1, |
|---|
| | | color: 'rgba(17, 90, 233, 0.16)', |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | opacity: 0.12, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | // å
å |
|---|
| | | { |
|---|
| | | type: 'pie', |
|---|
| | | radius: ['0', '50%'], |
|---|
| | | center: ['50%', '50%'], |
|---|
| | | hoverAnimation: false, |
|---|
| | | z: 3, |
|---|
| | | data: [ |
|---|
| | | { |
|---|
| | | value: dataArr, |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
|---|
| | | { |
|---|
| | | offset: 0, |
|---|
| | | color: '#23A6FF', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | offset: 1, |
|---|
| | | color: 'rgba(17, 90, 233, 0.21) ', |
|---|
| | | }, |
|---|
| | | ]), |
|---|
| | | opacity: 0.59, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | label: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | labelLine: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | }; |
|---|
| | | |
|---|
| | | |
|---|
| | | const chart = echarts.init(this.$refs.chart) |
|---|
| | | |
|---|
| | | chart.setOption(option) |
|---|
| | | window.addEventListener("resize", function () { |
|---|
| | | chart.resize() |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | <style lang="scss"> |
|---|
| | | .projectTime { |
|---|
| | | height: calc(100% - 30px); |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <template> |
|---|
| | | <div class="projectintroduction"> |
|---|
| | | <div class="item"> |
|---|
| | | <div class="itemName">项ç®å称:</div> |
|---|
| | | <div class="itemValue" :title="projname"> |
|---|
| | | {{ |
|---|
| | | projname.length > 15 |
|---|
| | | ? projname.substring(0, 15) |
|---|
| | | : projname |
|---|
| | | }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="item"> |
|---|
| | | <div class="itemName">项ç®ç¶æ:</div> |
|---|
| | | <div class="itemValue">{{ result.projstate }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="item"> |
|---|
| | | <div class="itemName">项ç®ç§ç±»:</div> |
|---|
| | | <div class="itemValue">{{ result.projtype }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="item"> |
|---|
| | | <div class="itemName">æå±é¨é¨:</div> |
|---|
| | | <div class="itemValue">{{ result.corpname }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="item"> |
|---|
| | | <div class="itemName">å¯å¨æ¶é´:</div> |
|---|
| | | <div class="itemValue">{{ parseTime(result.createtime) }}</div> |
|---|
| | | </div> |
|---|
| | | <div class="item"> |
|---|
| | | <div class="itemName">å·¥ç¨å
容:</div> |
|---|
| | | <div class="itemValue"> |
|---|
| | | {{ |
|---|
| | | result.contents && result.contents.length > 15 |
|---|
| | | ? result.contents.substring(0, 15) |
|---|
| | | : result.contents |
|---|
| | | }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | import { selectProjectInfo } from "@/api/screen.js" |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | result: { |
|---|
| | | eventid: "4dfd814a-a262-4a93-880b-5ef488883a35", |
|---|
| | | country: "ä¸å½", |
|---|
| | | projstate: "æ½å·¥ä¸", |
|---|
| | | createtime: 1675071993161, |
|---|
| | | gid: 38, |
|---|
| | | conperiod: "24", |
|---|
| | | datastatus: null, |
|---|
| | | geom: "01010000208A110000925A28999C225C40F1811DFF05364040", |
|---|
| | | createuser: 1, |
|---|
| | | parentid: null, |
|---|
| | | verid: 0, |
|---|
| | | province: "æ¹åç", |
|---|
| | | projname: "西æ°ä¸è¾ä¸çº¿ï¼ä¸å«-æ£é³ï¼", |
|---|
| | | contents: "管é线路æ½å·¥", |
|---|
| | | projtype: "管线æ½å·¥", |
|---|
| | | location: "æ¦æ±", |
|---|
| | | dirid: "03", |
|---|
| | | depid: null, |
|---|
| | | corpname: "管é设计é¢", |
|---|
| | | department: "åå¯é¨é¨", |
|---|
| | | updatetime: 1675072198376, |
|---|
| | | belongsid: null, |
|---|
| | | remarks: "æµè¯ç¨ï¼å
容èæ", |
|---|
| | | updateuser: 1, |
|---|
| | | }, |
|---|
| | | projname: "西æ°ä¸è¾ä¸çº¿ï¼ä¸å«-æ£é³ï¼", |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.$bus.$on("changeProjectCode", code => { |
|---|
| | | let params = { |
|---|
| | | projectCode: code, |
|---|
| | | } |
|---|
| | | this.getDataList(params) |
|---|
| | | }) |
|---|
| | | this.$bus.$on("changeProject", name => { |
|---|
| | | this.projname = name |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | async getDataList(params) { |
|---|
| | | const res = await selectProjectInfo(params) |
|---|
| | | if (res.code == 200) { |
|---|
| | | if (res.result.length > 0) { |
|---|
| | | this.result = res.result[0] |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //è·åæ¶é´ |
|---|
| | | parseTime(timestamp) { |
|---|
| | | var date = new Date(timestamp) //æ¶é´æ³ä¸º10ä½é*1000ï¼æ¶é´æ³ä¸º13ä½çè¯ä¸éä¹1000 |
|---|
| | | var Y = date.getFullYear() + "-" |
|---|
| | | var M = |
|---|
| | | (date.getMonth() + 1 < 10 |
|---|
| | | ? "0" + (date.getMonth() + 1) |
|---|
| | | : date.getMonth() + 1) + "-" |
|---|
| | | var D = |
|---|
| | | (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " " |
|---|
| | | let strDate = Y + M + D |
|---|
| | | return strDate |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style lang="scss"> |
|---|
| | | .projectintroduction { |
|---|
| | | height: calc(100% - 30px); |
|---|
| | | width: 100%; |
|---|
| | | .item { |
|---|
| | | margin: 5px; |
|---|
| | | height: 30px; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: row; |
|---|
| | | border-bottom: dotted 1px rgba(48, 135, 214, 0.2); |
|---|
| | | .itemName { |
|---|
| | | width: 40%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | .itemValue { |
|---|
| | | width: 60%; |
|---|
| | | height: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: flex-start; |
|---|
| | | color: #9ed2f5; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <div id="mapol"> |
|---|
| | | <div style="display: flex"> |
|---|
| | | <div |
|---|
| | | @click="changeMenulayer" |
|---|
| | | class="center CenDiv" |
|---|
| | | :class="{ center1: centerFlag }" |
|---|
| | | @click="changeMenulayer" |
|---|
| | | class="center CenDiv" |
|---|
| | | :class="{ center1: centerFlag }" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | id="cenBg" |
|---|
| | | v-bind:class="{ active: isActive, menuLayer: isMenuLayer }" |
|---|
| | | id="cenBg" |
|---|
| | | v-bind:class="{ active: isActive, menuLayer: isMenuLayer }" |
|---|
| | | ></div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div @click="changeMapType" class="changeMapType"> |
|---|
| | | <div id="cenBg" :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"></div> |
|---|
| | | <div |
|---|
| | | @click="changeMapType" |
|---|
| | | class="changeMapType" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | id="cenBg" |
|---|
| | | :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'" |
|---|
| | | ></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- @click="changeMenulayer"--> |
|---|
| | | <!-- class="center CenDiv"--> |
|---|
| | | <!-- :class="{ center1: centerFlag }"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- id="cenBg"--> |
|---|
| | | <!-- v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"--> |
|---|
| | | <!-- ></div>--> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- @click="changeMenulayer"--> |
|---|
| | | <!-- class="center CenDiv"--> |
|---|
| | | <!-- :class="{ center1: centerFlag }"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- id="cenBg"--> |
|---|
| | | <!-- v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"--> |
|---|
| | | <!-- ></div>--> |
|---|
| | | |
|---|
| | | <!-- </div>--> |
|---|
| | | <div v-show="$store.state.isNaviget" class="sindagis-map-compass"> |
|---|
| | | <!-- </div>--> |
|---|
| | | <div |
|---|
| | | v-show="$store.state.isNaviget" |
|---|
| | | class="sindagis-map-compass" |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="left" |
|---|
| | | @click="leftClick" |
|---|
| | |
|---|
| | | isMenuLayer: false, |
|---|
| | | rotate: 0, |
|---|
| | | currentDir: '', |
|---|
| | | show2DMap:false, |
|---|
| | | show2DMap: false, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | init2DMap() { |
|---|
| | | var vectorLayer = new TileLayer({ |
|---|
| | | source: new XYZ({ |
|---|
| | |
|---|
| | | target: "mapol", |
|---|
| | | layers: [imageLayer, vectorLayer], |
|---|
| | | view: new View({ |
|---|
| | | center: [105.02, 34.9] , |
|---|
| | | center: [105.02, 34.9], |
|---|
| | | zoom: 4, |
|---|
| | | projection: "EPSG:4326", |
|---|
| | | minZoom: 4, |
|---|
| | | }), |
|---|
| | | controls: defaultControls().extend([ |
|---|
| | | new FullScreen(), |
|---|
| | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //äºç»´/ä¸ç»´å°å¾åæ¢ |
|---|
| | | changeMapType(){ |
|---|
| | | // debugger |
|---|
| | | changeMapType() { |
|---|
| | | // |
|---|
| | | this.show2DMap = !this.show2DMap; |
|---|
| | | //äºç»´ |
|---|
| | | if (this.show2DMap){ |
|---|
| | | if (this.show2DMap) { |
|---|
| | | this.$bus.$emit("changemap", 2); |
|---|
| | | } |
|---|
| | | //ä¸ç»´ |
|---|
| | |
|---|
| | | background: url("../assets/img/compass.png") -89px -5px / 266px no-repeat; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .changeMapType{ |
|---|
| | | .changeMapType { |
|---|
| | | position: absolute; |
|---|
| | | bottom: 1%; |
|---|
| | | left: calc(1% + 75px); |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | align-items: center; |
|---|
| | | box-shadow: 3px 3px 6px #666; |
|---|
| | | // box-shadow: 3px 3px 6px #666; |
|---|
| | | border-radius: 5px; |
|---|
| | | background: #fff; |
|---|
| | | // background: #fff; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .mapTypeTwo{ |
|---|
| | | .mapTypeTwo { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | margin-left: 10px; |
|---|
| | | background-image: url("../assets/img/3dmap.png"); |
|---|
| | | background-image: url("../assets/img/synthesis/3D.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: contain; |
|---|
| | | } |
|---|
| | | .mapTypeThree{ |
|---|
| | | .mapTypeThree { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | margin-left: 10px; |
|---|
| | | background-image: url("../assets/img/2dmap.png"); |
|---|
| | | background-image: url("../assets/img/synthesis/2D æ·è´ 2.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: contain; |
|---|
| | | } |
|---|
| | | |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" /> |
|---|
| | | <map-space-top v-if="$store.state.mapMenuBoxFlag == '2'" /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div |
|---|
| | | class="bufferBox" |
|---|
| | | v-if="showBufferBoxDialog" |
|---|
| | |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="terrainLevelBox" |
|---|
| | | v-if="showTerrainLevelDialog" |
|---|
| | | > |
|---|
| | | <el-card class="box-card"> |
|---|
| | | <div slot="header"> |
|---|
| | | <span>å°å½¢å¹³æ´</span> |
|---|
| | | <div style="float: right; cursor: pointer"> |
|---|
| | | <i |
|---|
| | | class="el-icon-close" |
|---|
| | | @click="closeBufferBox(5)" |
|---|
| | | ></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="box-body"> |
|---|
| | | <el-form |
|---|
| | | ref="form" |
|---|
| | | :model="terrainFrom" |
|---|
| | | label-width="100px" |
|---|
| | | > |
|---|
| | | <el-form-item label="å¹³æ´é«åº¦:"> |
|---|
| | | <el-input v-model="terrainFrom.height"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | @click="drawTerrainLevel" |
|---|
| | | type="parmary" |
|---|
| | | >ç»å¶</el-button> |
|---|
| | | <el-button |
|---|
| | | @click="clearTerrainLevel" |
|---|
| | | type="info" |
|---|
| | | >æ¸
é¤</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="toponymicLocalBox" |
|---|
| | | v-if="showToponymicLocalBoxDialog" |
|---|
| | | > |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | height="200px" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | type="index" |
|---|
| | | label="åºå·" |
|---|
| | | /> |
|---|
| | | <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)" |
|---|
| | | size="small" |
|---|
| | | >{{scope.row.name}}<i class="el-icon-place" style="padding-left: 5px"></i></el-button> |
|---|
| | | @click="handleLocation(scope.$index, scope.row)" |
|---|
| | | size="small" |
|---|
| | | >{{scope.row.name}}<i |
|---|
| | | class="el-icon-place" |
|---|
| | | style="padding-left: 5px" |
|---|
| | | ></i></el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <!-- <el-table-column--> |
|---|
| | | <!-- prop="name"--> |
|---|
| | | <!-- align="center"--> |
|---|
| | | <!-- label="å®ä½"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- <template slot-scope="scope">--> |
|---|
| | | <!-- <el-button--> |
|---|
| | | <!-- @click="handleLocation(scope.$index, scope.row)"--> |
|---|
| | | <!-- size="small"--> |
|---|
| | | <!-- icon="el-icon-place"--> |
|---|
| | | <!-- ></el-button>--> |
|---|
| | | <!-- </template>--> |
|---|
| | | <!-- </el-table-column>--> |
|---|
| | | <!-- <el-table-column--> |
|---|
| | | <!-- prop="name"--> |
|---|
| | | <!-- align="center"--> |
|---|
| | | <!-- label="å°å"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- </el-table-column>--> |
|---|
| | | <!-- <el-table-column--> |
|---|
| | | <!-- prop="name"--> |
|---|
| | | <!-- align="center"--> |
|---|
| | | <!-- label="å®ä½"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- <template slot-scope="scope">--> |
|---|
| | | <!-- <el-button--> |
|---|
| | | <!-- @click="handleLocation(scope.$index, scope.row)"--> |
|---|
| | | <!-- size="small"--> |
|---|
| | | <!-- icon="el-icon-place"--> |
|---|
| | | <!-- ></el-button>--> |
|---|
| | | <!-- </template>--> |
|---|
| | | <!-- </el-table-column>--> |
|---|
| | | <!-- <el-table-column--> |
|---|
| | | <!-- prop="name"--> |
|---|
| | | <!-- align="center"--> |
|---|
| | | <!-- label="å°å"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- </el-table-column>--> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box"> |
|---|
| | | <el-pagination |
|---|
| | |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :pager-count = "3" |
|---|
| | | :pager-count="3" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, prev, pager, next" |
|---|
| | | :total="count" |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div style="display: flex"> |
|---|
| | | <div |
|---|
| | | @click="changeMenulayer" |
|---|
| | | class="center CenDiv" |
|---|
| | | :class="{ center1: centerFlag }" |
|---|
| | | @click="changeMenulayer" |
|---|
| | | class="center CenDiv" |
|---|
| | | :class="{ center1: centerFlag }" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | id="cenBg" |
|---|
| | | v-bind:class="{ active: isActive, menuLayer: isMenuLayer }" |
|---|
| | | id="cenBg" |
|---|
| | | v-bind:class="{ active: isActive, menuLayer: isMenuLayer }" |
|---|
| | | ></div> |
|---|
| | | </div> |
|---|
| | | <div @click="changeMapType" class="changeMapType"> |
|---|
| | | <div id="cenBg" :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"></div> |
|---|
| | | <div |
|---|
| | | @click="changeMapType" |
|---|
| | | class="changeMapType" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | id="cenBg" |
|---|
| | | :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'" |
|---|
| | | ></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- @click="changeMenulayer"--> |
|---|
| | | <!-- class="center CenDiv"--> |
|---|
| | | <!-- :class="{ center1: centerFlag }"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- id="cenBg"--> |
|---|
| | | <!-- v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"--> |
|---|
| | | <!-- ></div>--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <div |
|---|
| | | class="lengend" |
|---|
| | | v-show="showLengendDialog" |
|---|
| | | > |
|---|
| | | <el-card class="box-card"> |
|---|
| | | <!-- <div |
|---|
| | | class="lengend_color" |
|---|
| | | style="height:205px" |
|---|
| | | > |
|---|
| | | |
|---|
| | | </div> --> |
|---|
| | | <div class="lengendBox"> |
|---|
| | | |
|---|
| | | <div> |
|---|
| | | <img |
|---|
| | | class="lengendImg" |
|---|
| | | src="../assets/img/colors.png" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div class="lengendSpan"> |
|---|
| | | <div>0°</div> |
|---|
| | | <div>17.5°</div> |
|---|
| | | <div>35°</div> |
|---|
| | | <div>52.5°</div> |
|---|
| | | <div>70°</div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="propertiesPop" |
|---|
| | | v-if="$store.state.propertiesFlag == '1'" |
|---|
| | | > |
|---|
| | | <el-card class="box-card"> |
|---|
| | | <div slot="header"> |
|---|
| | | <span>{{$store.state.propertiesName.tabDesc || 'å±æ§ä¿¡æ¯'}}</span> |
|---|
| | | <div style="float: right; cursor: pointer"> |
|---|
| | | <el-link type="primary" :underline="false" @click="getAttatchList" style="margin-right: 10px">æ¥çé件</el-link> |
|---|
| | | <i |
|---|
| | | class="el-icon-close" |
|---|
| | | @click="closeBufferBox(6)" |
|---|
| | | ></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="pointInfoBoxContext" |
|---|
| | | style="height:250px;overflow-y: auto" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | style="line-height: 20px" |
|---|
| | | v-for="(value, key) in $store.state.propertiesInfo" |
|---|
| | | :key="key" |
|---|
| | | > |
|---|
| | | <span v-if="key != 'eventid'" style="font-size: 14px;font-weight: bold;margin-right: 5px">{{key}}:</span> |
|---|
| | | <span v-if="key != 'eventid'">{{value}}</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | <!--é件å表弹çª--> |
|---|
| | | <el-dialog |
|---|
| | | title="é件å表" |
|---|
| | | :append-to-body="false" |
|---|
| | | :visible.sync="showAttach" |
|---|
| | | width="35%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | > |
|---|
| | | <div> |
|---|
| | | <el-table |
|---|
| | | :data="attachList" |
|---|
| | | height="100%" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | label="åºå·" |
|---|
| | | width="50" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | | label="å称"> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | label="æ¶é´" |
|---|
| | | width="180"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{format(scope.row.createTime)}}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | label="æä½" |
|---|
| | | width="100"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button v-if="showAttachDetailBtn(scope.row)" @click="showAttachDetail(scope.row)" type="text" size="small">æ¥ç</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <!--é件弹çª--> |
|---|
| | | <el-dialog |
|---|
| | | title="é¢è§" |
|---|
| | | :append-to-body="false" |
|---|
| | | :visible.sync="dialog.dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | v-if="dialog.isPdf" |
|---|
| | | class="pdfClass" |
|---|
| | | > |
|---|
| | | <iframe |
|---|
| | | :src="dialog.src" |
|---|
| | | type="application/x-google-chrome-pdf" |
|---|
| | | width="100%" |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | </iframe> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | v-if="dialog.isJpg" |
|---|
| | | class="pdfClass" |
|---|
| | | > |
|---|
| | | <img |
|---|
| | | style="width:100%; height:100%;" |
|---|
| | | :src="dialog.src" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- @click="changeMenulayer"--> |
|---|
| | | <!-- class="center CenDiv"--> |
|---|
| | | <!-- :class="{ center1: centerFlag }"--> |
|---|
| | | <!-- >--> |
|---|
| | | <!-- <div--> |
|---|
| | | <!-- id="cenBg"--> |
|---|
| | | <!-- v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"--> |
|---|
| | | <!-- ></div>--> |
|---|
| | | <!-- </div>--> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | <script> |
|---|
| | | import $ from "jquery"; |
|---|
| | | import mapMenuTop from "./MapView/mapMenuTop.vue"; |
|---|
| | | |
|---|
| | | import mapSpaceTop from "./MapView/mapSpaceTop.vue"; |
|---|
| | | |
|---|
| | | import { |
|---|
| | | select_Comprehensive_ByPageAndCount, |
|---|
| | | select_Comprehensive_SelectWktById, |
|---|
| | | comprehensive_selectRoute, |
|---|
| | | dataLib_selectFiles |
|---|
| | | } from "../api/api"; |
|---|
| | | import {getToken} from '@/utils/auth' |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: "", |
|---|
| | | components: { |
|---|
| | | mapMenuTop, |
|---|
| | | |
|---|
| | | mapSpaceTop, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | |
|---|
| | | lon: "", |
|---|
| | | lat: "", |
|---|
| | | }, |
|---|
| | | |
|---|
| | | rules: { |
|---|
| | | lon: [ |
|---|
| | | { required: true, message: "请è¾å
¥èµ·ç¹ç»çº¬åº¦åæ ", trigger: "blur" }, |
|---|
| | |
|---|
| | | layer3: null, |
|---|
| | | isActive: false, |
|---|
| | | isMenuLayer: true, |
|---|
| | | selFrom: {}, |
|---|
| | | selectTree: null, |
|---|
| | | |
|---|
| | | showTerrainLevelDialog: false, |
|---|
| | | menuList: [], |
|---|
| | | defaultProps: { |
|---|
| | | children: "children", |
|---|
| | | label: "label", |
|---|
| | | }, //æ ç»å®å¯¹è±¡ |
|---|
| | | show2DMap:false, |
|---|
| | | show2DMap: false, |
|---|
| | | terrainFrom: { |
|---|
| | | height: '10' |
|---|
| | | }, |
|---|
| | | showLengendDialog: false, |
|---|
| | | showAttach:false, |
|---|
| | | attachList:[], |
|---|
| | | dialog: { |
|---|
| | | dialogVisible: false, |
|---|
| | | isPdf: false, |
|---|
| | | isJpg: false, |
|---|
| | | src: '' |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | drawTerrainLevel() { |
|---|
| | | this.clearTerrainLevel() |
|---|
| | | var deep = parseFloat(this.terrainFrom.height) |
|---|
| | | sgworld.Creator.createSimpleGraphic( |
|---|
| | | 'polygon', |
|---|
| | | { |
|---|
| | | clampToGround: true, |
|---|
| | | }, |
|---|
| | | function (entity) { |
|---|
| | | |
|---|
| | | var positions = entity.polygon.hierarchy.getValue().positions; |
|---|
| | | sgworld.Creator.SimpleGraphic.remove(entity.id); |
|---|
| | | |
|---|
| | | window.TerrainFlattening = sgworld.Creator.createTerrainModifier("å°å½¢åå¹³", positions, deep, {}); |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | clearTerrainLevel() { |
|---|
| | | if (window.TerrainFlattening) { |
|---|
| | | window.TerrainFlattening && window.TerrainFlattening.remove(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | init3DMap() { |
|---|
| | | var webKey = "94a34772eb88317fcbf8428e10448561"; |
|---|
| | | |
|---|
| | |
|---|
| | | this.closeBufferBox(4); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } else if (res.name == "Trrain") { |
|---|
| | | switch (res.id) { |
|---|
| | | case "d10": |
|---|
| | | this.showTerrainLevelDialog = !this.showTerrainLevelDialog; |
|---|
| | | this.clearTerrainLevel(); |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } else if (res.name == "Lengend") { |
|---|
| | | switch (res.id) { |
|---|
| | | case "d2": |
|---|
| | | |
|---|
| | | this.showLengendDialog = res.vshow; |
|---|
| | | |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleSizeChange(val) { |
|---|
| | |
|---|
| | | case 4: |
|---|
| | | this.showPathAnalysisBoxDialog = false; |
|---|
| | | this.clearPathAll(3); |
|---|
| | | |
|---|
| | | break; |
|---|
| | | case 5: |
|---|
| | | this.showTerrainLevelDialog = false; |
|---|
| | | this.clearTerrainLevel() |
|---|
| | | break; |
|---|
| | | case 6: |
|---|
| | | this.$store.state.propertiesFlag = null; |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | Altitude: 2000, |
|---|
| | | }; |
|---|
| | | this.imagePoint = sgworld.Creator.CreateLabel( |
|---|
| | | position, |
|---|
| | | "", |
|---|
| | | SmartEarthRootUrl + "Workers/image/mark.png", |
|---|
| | | { |
|---|
| | | disableDepthTestDistance: Infinity, |
|---|
| | | scale: 0.8, |
|---|
| | | }, |
|---|
| | | 0, |
|---|
| | | "å·¡æ£ç¹" |
|---|
| | | position, |
|---|
| | | "", |
|---|
| | | SmartEarthRootUrl + "Workers/image/mark.png", |
|---|
| | | { |
|---|
| | | disableDepthTestDistance: Infinity, |
|---|
| | | scale: 0.8, |
|---|
| | | }, |
|---|
| | | 0, |
|---|
| | | "å·¡æ£ç¹" |
|---|
| | | ); |
|---|
| | | |
|---|
| | | sgworld.Navigate.jumpTo({ |
|---|
| | | //跳转è§è§ |
|---|
| | | destination: new Cesium.Cartesian3.fromDegrees( |
|---|
| | | lon, |
|---|
| | | lat, |
|---|
| | | height |
|---|
| | | lon, |
|---|
| | | lat, |
|---|
| | | height |
|---|
| | | ), |
|---|
| | | }); |
|---|
| | | // sgworld.Navigate.jumpTo({ |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //äºç»´/ä¸ç»´å°å¾åæ¢ |
|---|
| | | changeMapType(){ |
|---|
| | | // debugger |
|---|
| | | changeMapType() { |
|---|
| | | // |
|---|
| | | this.show2DMap = !this.show2DMap; |
|---|
| | | //äºç»´ |
|---|
| | | if (this.show2DMap){ |
|---|
| | | if (this.show2DMap) { |
|---|
| | | this.$bus.$emit("changemap", 2); |
|---|
| | | } |
|---|
| | | //ä¸ç»´ |
|---|
| | |
|---|
| | | this.$bus.$emit("changemap", 3); |
|---|
| | | } |
|---|
| | | this.$bus.$emit("changemapType", this.show2DMap); |
|---|
| | | }, |
|---|
| | | //è·åé件å表 |
|---|
| | | async getAttatchList() { |
|---|
| | | let tabName = this.$store.state.propertiesName.ns+'.'+this.$store.state.propertiesName.tab; |
|---|
| | | let eventid = this.$store.state.propertiesInfo.eventid; |
|---|
| | | var obj = { |
|---|
| | | eventid:eventid, |
|---|
| | | tabName:tabName, |
|---|
| | | }; |
|---|
| | | const res = await dataLib_selectFiles(obj); |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error('é件æ¥è¯¢å¤±è´¥'); |
|---|
| | | return |
|---|
| | | } |
|---|
| | | if (res.result.length <= 0) { |
|---|
| | | this.$message.error('ææ é件'); |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.attachList = res.result; |
|---|
| | | this.showAttach = true; |
|---|
| | | }, |
|---|
| | | //æ¯å¦æ¾ç¤ºæ¥çæé® |
|---|
| | | showAttachDetailBtn(row){ |
|---|
| | | var name = row.name; |
|---|
| | | if (name.indexOf('.pdf') != -1 || name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) { |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | return false; |
|---|
| | | }, |
|---|
| | | //æ°æ®åå§å |
|---|
| | | refreshAttatchDetail() { |
|---|
| | | this.dialog.src = ""; |
|---|
| | | this.dialog.dialogVisible = false; |
|---|
| | | this.dialog.isPdf = false; |
|---|
| | | this.dialog.isJpg = false; |
|---|
| | | }, |
|---|
| | | //æ¥çé件 |
|---|
| | | showAttachDetail(row){ |
|---|
| | | this.refreshAttatchDetail(); |
|---|
| | | var name = row.name; |
|---|
| | | if (name.indexOf('.pdf') != -1) { |
|---|
| | | this.dialog.dialogVisible = true; |
|---|
| | | this.dialog.isPdf = true; |
|---|
| | | var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
|---|
| | | this.dialog.src = url |
|---|
| | | } |
|---|
| | | else if (name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) { |
|---|
| | | this.dialog.dialogVisible = true; |
|---|
| | | this.dialog.isJpg = true; |
|---|
| | | var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
|---|
| | | this.dialog.src = url |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //æ ¼å¼åæ¶é´ |
|---|
| | | 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) + |
|---|
| | | ' ' + |
|---|
| | | h + |
|---|
| | | ':' + |
|---|
| | | mm + |
|---|
| | | ':' + |
|---|
| | | s |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | //æ ¼å¼åæ¶é´ |
|---|
| | | add0(m) { |
|---|
| | | return m < 10 ? '0' + m : m; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | |
|---|
| | | height: 450x; |
|---|
| | | z-index: 40; |
|---|
| | | position: absolute; |
|---|
| | | right: 6%; |
|---|
| | | right: 8%; |
|---|
| | | bottom: 1%; |
|---|
| | | } |
|---|
| | | .bufferBox { |
|---|
| | |
|---|
| | | height: 370px; |
|---|
| | | z-index: 40; |
|---|
| | | position: absolute; |
|---|
| | | right: 6%; |
|---|
| | | right: 8%; |
|---|
| | | bottom: 1%; |
|---|
| | | } |
|---|
| | | .propertiesPop { |
|---|
| | | width: 350px; |
|---|
| | | height: 370px; |
|---|
| | | z-index: 40; |
|---|
| | | position: absolute; |
|---|
| | | right: 8%; |
|---|
| | | bottom: 1%; |
|---|
| | | /deep/ .el-card__header { |
|---|
| | | padding: 10px 20px; |
|---|
| | | } |
|---|
| | | /deep/ .el-card__body { |
|---|
| | | padding: 10px 20px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .terrainLevelBox { |
|---|
| | | width: 350px; |
|---|
| | | height: 370px; |
|---|
| | | z-index: 40; |
|---|
| | | position: absolute; |
|---|
| | | right: 8%; |
|---|
| | | bottom: -11%; |
|---|
| | | } |
|---|
| | | .pathAnalysisBox { |
|---|
| | | width: 412px; |
|---|
| | | |
|---|
| | | z-index: 40; |
|---|
| | | position: absolute; |
|---|
| | | right: 6%; |
|---|
| | | right: 8%; |
|---|
| | | bottom: 1%; |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | bottom: 5%; |
|---|
| | | position: absolute; |
|---|
| | | z-index: 40; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .lengend { |
|---|
| | | width: 300px; |
|---|
| | | z-index: 40; |
|---|
| | | position: absolute; |
|---|
| | | right: 1%; |
|---|
| | | bottom: 13%; |
|---|
| | | transform: rotate(90deg); |
|---|
| | | .lengendBox { |
|---|
| | | .lengendSpan { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | margin-top: 10px; |
|---|
| | | div { |
|---|
| | | transform: rotate(-90deg); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .lengendImg { |
|---|
| | | -ms-transform: rotate(180deg); /* IE 9 */ |
|---|
| | | -webkit-transform: rotate(180deg); /* Safari and Chrome */ |
|---|
| | | transform: rotate(180deg); |
|---|
| | | width: 100%; |
|---|
| | | height: 30px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | border-radius: 5px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .changeMapType{ |
|---|
| | | .changeMapType { |
|---|
| | | position: absolute; |
|---|
| | | bottom: 1%; |
|---|
| | | left: calc(1% + 75px); |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | align-items: center; |
|---|
| | | box-shadow: 3px 3px 6px #666; |
|---|
| | | // box-shadow: 3px 3px 6px #666; |
|---|
| | | //border: 1px solid rgba(204, 204, 204, 0.76); |
|---|
| | | border-radius: 5px; |
|---|
| | | background: #fff; |
|---|
| | | |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | .mapTypeTwo{ |
|---|
| | | .mapTypeTwo { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | margin-left: 10px; |
|---|
| | | background-image: url("../assets/img/3dmap.png"); |
|---|
| | | background-image: url("../assets/img/synthesis/3D.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: contain; |
|---|
| | | } |
|---|
| | | .mapTypeThree{ |
|---|
| | | .mapTypeThree { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | margin-left: 10px; |
|---|
| | | background-image: url("../assets/img/2dmap.png"); |
|---|
| | | background-image: url("../assets/img/synthesis/2D æ·è´ 2.png"); |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: contain; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pdfClass { |
|---|
| | | height: 70vh; |
|---|
| | | width: 100%; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // .menuSelect .el-input__inner { |
|---|
| | | // background: rgba(255, 255, 255, 0.2) !important; |
|---|
| | | // color: white !important; |
|---|
| | |
|---|
| | | }, |
|---|
| | | //é¼ æ 移å
¥èåäºä»¶ |
|---|
| | | setMenuMove(index, item) { |
|---|
| | | if (item.perms != null) { |
|---|
| | | |
|---|
| | | if (item.perms != null && item.perms != "") { |
|---|
| | | this.$router.push(item.url); |
|---|
| | | if (this.showFlag != null) { |
|---|
| | | |
|---|
| | |
|---|
| | | if (item.url == "Thematic") { |
|---|
| | | this.signInsertOpLog("综åå±ç¤º", item.cnName) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.changeSelectStyle = index; |
|---|
| | | sessionStorage.setItem('changeSelectStyle', index) |
|---|
| | | } else { |
|---|
| | | if (this.showFlag != index) { |
|---|
| | | this.showFlag = index; |
|---|
| | | |
|---|
| | | } else { |
|---|
| | | this.showFlag = null; |
|---|
| | | } |
|---|
| | |
|---|
| | | sessionStorage.removeItem('changeliSelect') |
|---|
| | | this.$set(this, 'changeliSelect', null) |
|---|
| | | } |
|---|
| | | sessionStorage.setItem('changeSelectStyle', index) |
|---|
| | | |
|---|
| | | this.changeSelectStyle = index; |
|---|
| | | |
|---|
| | | }, |
|---|
| | | closeAllChildren() { |
|---|
| | | var val = this.listMenu |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | setLiClick(res, index) { |
|---|
| | | this.signInsertOpLog(this.listMenu[index].cnName, res.cnName) |
|---|
| | | |
|---|
| | | this.changeSelectStyle = index; |
|---|
| | | sessionStorage.setItem('changeSelectStyle', index) |
|---|
| | | sessionStorage.removeItem('hanleselectmochaitmo') |
|---|
| | | sessionStorage.removeItem('hanleselectindex') |
|---|
| | | |
|---|
| | | // this.signInsertOpLog(this.listMenu[index].cnName, res.cnName) |
|---|
| | | setTimeout(() => { |
|---|
| | | |
|---|
| | | this.changeliSelect = res.cnName; |
|---|
| | |
|---|
| | | 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; |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | /** |
|---|
| | | * v-dialogDrag å¼¹çªææ½ |
|---|
| | | * Copyright (c) 2019 ruoyi |
|---|
| | | */ |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | bind(el, binding, vnode, oldVnode) { |
|---|
| | | const value = binding.value |
|---|
| | | if (value == false) return |
|---|
| | | // è·åææ½å
å®¹å¤´é¨ |
|---|
| | | const dialogHeaderEl = el.querySelector('.el-dialog__header'); |
|---|
| | | const dragDom = el.querySelector('.el-dialog'); |
|---|
| | | dialogHeaderEl.style.cursor = 'move'; |
|---|
| | | // è·ååæå±æ§ ie domå
ç´ .currentStyle ç«çè°·æ window.getComputedStyle(domå
ç´ , null); |
|---|
| | | const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null); |
|---|
| | | dragDom.style.position = 'absolute'; |
|---|
| | | dragDom.style.marginTop = 0; |
|---|
| | | let width = dragDom.style.width; |
|---|
| | | if (width.includes('%')) { |
|---|
| | | width = +document.body.clientWidth * (+width.replace(/\%/g, '') / 100); |
|---|
| | | } else { |
|---|
| | | width = +width.replace(/\px/g, ''); |
|---|
| | | } |
|---|
| | | dragDom.style.left = `${(document.body.clientWidth - width) / 2}px`; |
|---|
| | | // é¼ æ æä¸äºä»¶ |
|---|
| | | dialogHeaderEl.onmousedown = (e) => { |
|---|
| | | // é¼ æ æä¸ï¼è®¡ç®å½åå
ç´ è·ç¦»å¯è§åºçè·ç¦» (é¼ æ ç¹å»ä½ç½®è·ç¦»å¯è§çªå£çè·ç¦») |
|---|
| | | const disX = e.clientX - dialogHeaderEl.offsetLeft; |
|---|
| | | const disY = e.clientY - dialogHeaderEl.offsetTop; |
|---|
| | | |
|---|
| | | // è·åå°çå¼å¸¦px æ£åå¹é
æ¿æ¢ |
|---|
| | | let styL, styT; |
|---|
| | | |
|---|
| | | // 注æå¨ieä¸ ç¬¬ä¸æ¬¡è·åå°çå¼ä¸ºç»ä»¶èªå¸¦50% 移å¨ä¹åèµå¼ä¸ºpx |
|---|
| | | if (sty.left.includes('%')) { |
|---|
| | | styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100); |
|---|
| | | styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100); |
|---|
| | | } else { |
|---|
| | | styL = +sty.left.replace(/\px/g, ''); |
|---|
| | | styT = +sty.top.replace(/\px/g, ''); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // é¼ æ ææ½äºä»¶ |
|---|
| | | document.onmousemove = function (e) { |
|---|
| | | // éè¿äºä»¶å§æï¼è®¡ç®ç§»å¨çè·ç¦» ï¼å¼å§ææ½è³ç»æææ½çè·ç¦»ï¼ |
|---|
| | | const l = e.clientX - disX; |
|---|
| | | const t = e.clientY - disY; |
|---|
| | | |
|---|
| | | let finallyL = l + styL |
|---|
| | | let finallyT = t + styT |
|---|
| | | |
|---|
| | | // 移å¨å½åå
ç´ |
|---|
| | | dragDom.style.left = `${finallyL}px`; |
|---|
| | | dragDom.style.top = `${finallyT}px`; |
|---|
| | | |
|---|
| | | }; |
|---|
| | | |
|---|
| | | document.onmouseup = function (e) { |
|---|
| | | document.onmousemove = null; |
|---|
| | | document.onmouseup = null; |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | /** |
|---|
| | | * v-dialogDragWidth å¯æå¨å¼¹çªé«åº¦ï¼å³ä¸è§ï¼ |
|---|
| | | * Copyright (c) 2019 ruoyi |
|---|
| | | */ |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | bind(el) { |
|---|
| | | const dragDom = el.querySelector(".el-dialog"); |
|---|
| | | const lineEl = document.createElement("div"); |
|---|
| | | lineEl.style = |
|---|
| | | "width: 6px; background: inherit; height: 10px; position: absolute; right: 0; bottom: 0; margin: auto; z-index: 1; cursor: nwse-resize;"; |
|---|
| | | lineEl.addEventListener( |
|---|
| | | "mousedown", |
|---|
| | | function (e) { |
|---|
| | | // é¼ æ æä¸ï¼è®¡ç®å½åå
ç´ è·ç¦»å¯è§åºçè·ç¦» |
|---|
| | | const disX = e.clientX - el.offsetLeft; |
|---|
| | | const disY = e.clientY - el.offsetTop; |
|---|
| | | // å½å宽度 é«åº¦ |
|---|
| | | const curWidth = dragDom.offsetWidth; |
|---|
| | | const curHeight = dragDom.offsetHeight; |
|---|
| | | document.onmousemove = function (e) { |
|---|
| | | e.preventDefault(); // 移å¨æ¶ç¦ç¨é»è®¤äºä»¶ |
|---|
| | | // éè¿äºä»¶å§æï¼è®¡ç®ç§»å¨çè·ç¦» |
|---|
| | | const xl = e.clientX - disX; |
|---|
| | | const yl = e.clientY - disY; |
|---|
| | | dragDom.style.width = `${curWidth + xl}px`; |
|---|
| | | dragDom.style.height = `${curHeight + yl}px`; |
|---|
| | | }; |
|---|
| | | document.onmouseup = function (e) { |
|---|
| | | document.onmousemove = null; |
|---|
| | | document.onmouseup = null; |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | false |
|---|
| | | ); |
|---|
| | | dragDom.appendChild(lineEl); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | /** |
|---|
| | | * v-dialogDragWidth å¯æå¨å¼¹çªå®½åº¦ï¼å³ä¾§è¾¹ï¼ |
|---|
| | | * Copyright (c) 2019 ruoyi |
|---|
| | | */ |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | bind(el) { |
|---|
| | | const dragDom = el.querySelector(".el-dialog"); |
|---|
| | | const lineEl = document.createElement("div"); |
|---|
| | | lineEl.style = |
|---|
| | | "width: 5px; background: inherit; height: 80%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; cursor: w-resize;"; |
|---|
| | | lineEl.addEventListener( |
|---|
| | | "mousedown", |
|---|
| | | function (e) { |
|---|
| | | // é¼ æ æä¸ï¼è®¡ç®å½åå
ç´ è·ç¦»å¯è§åºçè·ç¦» |
|---|
| | | const disX = e.clientX - el.offsetLeft; |
|---|
| | | // å½å宽度 |
|---|
| | | const curWidth = dragDom.offsetWidth; |
|---|
| | | document.onmousemove = function (e) { |
|---|
| | | e.preventDefault(); // 移å¨æ¶ç¦ç¨é»è®¤äºä»¶ |
|---|
| | | // éè¿äºä»¶å§æï¼è®¡ç®ç§»å¨çè·ç¦» |
|---|
| | | const l = e.clientX - disX; |
|---|
| | | dragDom.style.width = `${curWidth + l}px`; |
|---|
| | | }; |
|---|
| | | document.onmouseup = function (e) { |
|---|
| | | document.onmousemove = null; |
|---|
| | | document.onmouseup = null; |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | false |
|---|
| | | ); |
|---|
| | | dragDom.appendChild(lineEl); |
|---|
| | | }, |
|---|
| | | }; |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | import dialogDrag from './dialog/drag' |
|---|
| | | import dialogDragWidth from './dialog/dragWidth' |
|---|
| | | import dialogDragHeight from './dialog/dragHeight' |
|---|
| | | |
|---|
| | | |
|---|
| | | const install = function(Vue) { |
|---|
| | | Vue.directive('dialogDrag', dialogDrag) |
|---|
| | | Vue.directive('dialogDragWidth', dialogDragWidth) |
|---|
| | | Vue.directive('dialogDragHeight', dialogDragHeight) |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default install |
|---|
| | |
|---|
| | | import 'animate.css'; |
|---|
| | | import VueParticles from 'vue-particles' |
|---|
| | | import dataV from '@jiaminghi/data-view' |
|---|
| | | import directive from '@/directive/index.js' // directive |
|---|
| | | |
|---|
| | | Vue.use(directive) |
|---|
| | | Vue.use(dataV) |
|---|
| | | |
|---|
| | | Vue.use(VueParticles) |
|---|
| | | Vue.prototype.$echarts = echarts; |
|---|
| | | import * as echarts from 'echarts'; |
|---|
| | |
|---|
| | | 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 systemController from '@/views/maintenance/systemController.vue';//ç³»ç»ç®¡ç |
|---|
| | | import empowerController from '@/views/maintenance/empowerController.vue';//ææ管ç |
|---|
| | | import opexController from '@/views/maintenance/opexController.vue';//è¿ç»´çæ§ |
|---|
| | | |
|---|
| | | //å
äº |
|---|
| | | import WareInspection from '@/views/PackageTwo/WareInspection.vue'; //æ°æ®è´¨æ£-å
¥åºè´¨æ£ |
|---|
| | | import QualityInspection from '@/views/PackageTwo/index.vue'; //æ°æ®è´¨æ£-å
¥åºè´¨æ£ |
|---|
| | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/systemController', |
|---|
| | | component: systemController, |
|---|
| | | name: 'systemController', |
|---|
| | | meta: { |
|---|
| | | title: 'ç³»ç»ç®¡ç', |
|---|
| | | requireAuth: true, // æ è¯è¯¥è·¯ç±æ¯å¦éè¦ç»å½ |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/empowerController', |
|---|
| | | component: empowerController, |
|---|
| | | name: 'empowerController', |
|---|
| | | meta: { |
|---|
| | | title: 'ææ管ç', |
|---|
| | | requireAuth: true, // æ è¯è¯¥è·¯ç±æ¯å¦éè¦ç»å½ |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/opexController', |
|---|
| | | component: opexController, |
|---|
| | | name: 'opexController', |
|---|
| | | meta: { |
|---|
| | | title: 'è¿ç»´çæ§', |
|---|
| | | requireAuth: true, // æ è¯è¯¥è·¯ç±æ¯å¦éè¦ç»å½ |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | 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', |
|---|
| | |
|---|
| | | mapMenuBoxFlag: null, |
|---|
| | | mapSpaceQueryLayer: null, |
|---|
| | | mapMenuShpFile: null, |
|---|
| | | propertiesFlag: null, |
|---|
| | | propertiesName:null, |
|---|
| | | propertiesInfo:null, |
|---|
| | | |
|---|
| | | //主é¢åæ¢ |
|---|
| | | theme: variables.theme, |
|---|
| | |
|---|
| | | isNaviget: false, |
|---|
| | | treeData: null, |
|---|
| | | checkedKeys: [], |
|---|
| | | queryInfo:[], |
|---|
| | | queryInfo: [], |
|---|
| | | Map3: [] |
|---|
| | | }, |
|---|
| | | mutations: { |
|---|
| | | //è·åæéåé |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | export function isExternal(path) { |
|---|
| | | return /^(https?:|mailto:|tel:)/.test(path) |
|---|
| | | } |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 20px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in categoryOptions" |
|---|
| | | :key="item.value" |
|---|
| | | :key="item.key" |
|---|
| | | :label="item.value" |
|---|
| | | :value="item.key" |
|---|
| | | > |
|---|
| | |
|---|
| | | slot="header" |
|---|
| | | class="clearfix" |
|---|
| | | > |
|---|
| | | <span v-show="formInline.dataType=='type2'">{{item.name}}</span> |
|---|
| | | <span>{{item.tabDesc}}</span> |
|---|
| | | |
|---|
| | | <span v-show="formInline.dataType =='type2'"> |
|---|
| | | <span v-if="item.ismeta > 0"> |
|---|
| | | <el-link |
|---|
| | | style="color: #409eff" |
|---|
| | | title="æºæ°æ®æ¥è¯¢" |
|---|
| | | target="_blank" |
|---|
| | | @click="setQueryMetaData(item)" |
|---|
| | | >{{ item.name }}</el-link> |
|---|
| | | </span> |
|---|
| | | <span v-else-if="item.metaid > 0"> <el-link |
|---|
| | | style="color: #409eff" |
|---|
| | | title="å
æ°æ®æ¥è¯¢" |
|---|
| | | target="_blank" |
|---|
| | | @click="setMetaDataQuery(item)" |
|---|
| | | >{{ item.name }}</el-link></span> |
|---|
| | | <span v-else>{{ item.name }}</span> |
|---|
| | | </span> |
|---|
| | | <span v-show="formInline.dataType !='type2'">{{item.tabDesc}}</span> |
|---|
| | | <div style="float: right; padding: 3px 0"> |
|---|
| | | <i |
|---|
| | | v-show="!showView(item.type) && formInline.dataType=='type2'" |
|---|
| | | class="el-icon-view" |
|---|
| | | :title="$t('common.preview')" |
|---|
| | | @click="setAttatchFileView(index, item)" |
|---|
| | | ></i> |
|---|
| | | <i |
|---|
| | | style="margin-left:10px" |
|---|
| | | class="el-icon-tickets" |
|---|
| | | :title="$t('common.details')" |
|---|
| | | @click="setCardDetails(item)" |
|---|
| | |
|---|
| | | >ç¡® å®</el-button> |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- æ°æ®åºéä»¶ä¿¡æ¯ --> |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('common.enclosure')" |
|---|
| | | :visible.sync="outerVisible" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | width="50%" |
|---|
| | | :modal="false" |
|---|
| | | > |
|---|
| | | <div style="height:68vh"> |
|---|
| | | <el-form |
|---|
| | | :model="fromfile" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-input |
|---|
| | | v-model="fromfile.file" |
|---|
| | | style="width: 300px; margin-right: 20px" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | disabled |
|---|
| | | ></el-input> |
|---|
| | | <input |
|---|
| | | name="file1" |
|---|
| | | type="file" |
|---|
| | | id="insertFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="insertFile( )" |
|---|
| | | /> |
|---|
| | | <el-link |
|---|
| | | @click="getInsertFile( )" |
|---|
| | | :underline="false" |
|---|
| | | ><i class="el-icon-folder-opened"></i></el-link> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-row> |
|---|
| | | <el-col :span="2"> |
|---|
| | | <el-link |
|---|
| | | class="elLink" |
|---|
| | | :underline="false" |
|---|
| | | @click="setAttachInsert" |
|---|
| | | >{{$t('common.append')}}</el-link> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="2"> |
|---|
| | | <el-link |
|---|
| | | class="elLink" |
|---|
| | | :underline="false" |
|---|
| | | @click="setAttachDel" |
|---|
| | | >{{$t('common.delete')}}</el-link> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <el-table |
|---|
| | | :data="tableAttach" |
|---|
| | | ref="filterTable" |
|---|
| | | height="calc(100% - 130px)" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | @selection-change="handleAttatchChange" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="70" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | width="60" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.fileNme')" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="statSizeChange" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('common.operate')" |
|---|
| | | min-width="100" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-link |
|---|
| | | v-if="matchState(scope, /[]/)" |
|---|
| | | @click="setAttatchDetail(scope.$index, scope.row)" |
|---|
| | | class="elLink" |
|---|
| | | >{{ $t('common.see') }}</el-link> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- æ°æ®åºTableä¿¡æ¯ --> |
|---|
| | | <div style="height:68vh"> |
|---|
| | | <el-form |
|---|
| | | :model="formInline" |
|---|
| | |
|---|
| | | <map-sdk v-if='showMapVisible'></map-sdk> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag1" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 65vh; width: 100%"> |
|---|
| | | |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable1" |
|---|
| | | style="width: 100%" |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="stateFormatSizes" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a class="scopeRowColor">{{ |
|---|
| | | scope.row.tab |
|---|
| | | }}</a> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | /> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 65vh; width: 100%"> |
|---|
| | | <el-form |
|---|
| | | :inline="true" |
|---|
| | | :model="fromQueryMeta" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | v-model="fromQueryMeta.name" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="setSearchMetaData()" |
|---|
| | | >æ¥è¯¢ |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="setRestMetaData()" |
|---|
| | | >éç½® |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 100px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="stateFormatSizes" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a |
|---|
| | | class="scopeRowColor" |
|---|
| | | @click="detail(scope.row)" |
|---|
| | | >{{ |
|---|
| | | scope.row.tab |
|---|
| | | }}</a> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | /> |
|---|
| | | </el-table> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleMetaSizeChange" |
|---|
| | | @current-change="handMetaCurrentChange" |
|---|
| | | :current-page="listMetaData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listMetaData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="listMetaData.count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | title="é¢è§" |
|---|
| | | :append-to-body="false" |
|---|
| | | :visible.sync="dialog.dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | v-if="dialog.isPdf" |
|---|
| | | class="pdfClass" |
|---|
| | | > |
|---|
| | | <iframe |
|---|
| | | :src="dialog.src" |
|---|
| | | type="application/x-google-chrome-pdf" |
|---|
| | | width="100%" |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | </iframe> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | v-if="dialog.isJpg" |
|---|
| | | class="pdfClass" |
|---|
| | | > |
|---|
| | | <img |
|---|
| | | style="width:100%; height:100%" |
|---|
| | | :src="dialog.src" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <iframe |
|---|
| | | id="downFrame" |
|---|
| | | src="" |
|---|
| | |
|---|
| | | sign_getPublicKey, |
|---|
| | | dataLib_downloadReq, |
|---|
| | | dataLib_selectDownloadFile, |
|---|
| | | dataLib_selectPageCountForDownload |
|---|
| | | dataLib_selectPageCountForDownload, |
|---|
| | | dataLib_selectPageAndCountByPid, |
|---|
| | | dataLib_selectMetaById, |
|---|
| | | dataLib_selectFiles, |
|---|
| | | dataLib_deletes |
|---|
| | | } from '../../api/api'; |
|---|
| | | import {dataLibView } from '@/api/screen.js' |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | MyBread, MapSdk |
|---|
| | |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | return { |
|---|
| | | fromfile: { file: '' }, |
|---|
| | | fromSqlflag: false, |
|---|
| | | filedsOption: [], |
|---|
| | | condOption: [], |
|---|
| | |
|---|
| | | downloadTableData: [], |
|---|
| | | dialogMapVisible: false, |
|---|
| | | showMapVisible: false, |
|---|
| | | queryMetaFlag1: false, |
|---|
| | | metaDataTable1: [], |
|---|
| | | fromQueryMeta: { |
|---|
| | | title: "" |
|---|
| | | }, |
|---|
| | | listMetaData: { |
|---|
| | | metaid: 0, |
|---|
| | | name: "", |
|---|
| | | pageIndex: 1, |
|---|
| | | pageSize: 10, |
|---|
| | | count: 0, |
|---|
| | | }, |
|---|
| | | fromQueryMeta: { |
|---|
| | | name: "" |
|---|
| | | }, |
|---|
| | | queryMetaFlag: false, |
|---|
| | | metaDataTable: [], |
|---|
| | | upAttach: { |
|---|
| | | tabName: null, |
|---|
| | | eventid: null, |
|---|
| | | }, |
|---|
| | | outerVisible: false, |
|---|
| | | tableAttach: [], |
|---|
| | | dataLib_selectFiles: [], |
|---|
| | | attacgSelection: [], |
|---|
| | | dialog: { |
|---|
| | | dialogVisible: false, |
|---|
| | | isPdf: false, |
|---|
| | | isJpg: false, |
|---|
| | | src: '' |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | mounted() { |
|---|
| | | this.getDepTreeData(); |
|---|
| | | this.getCategorySelectData(); |
|---|
| | |
|---|
| | | this.signGetPublicKey(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | matchState(state = "", reg) { |
|---|
| | | var row = state.row; |
|---|
| | | var name = row.name; |
|---|
| | | if (name.indexOf('.pdf') != -1 || name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) { |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | |
|---|
| | | return false; |
|---|
| | | }, |
|---|
| | | // é件=>è¡¨æ ¼éæ© |
|---|
| | | handleAttatchChange(val) { |
|---|
| | | this.attacgSelection = val; |
|---|
| | | }, |
|---|
| | | //é件=>æ件éæ© |
|---|
| | | getInsertFile() { |
|---|
| | | $('#insertFile').click(); |
|---|
| | | }, |
|---|
| | | insertFile() { |
|---|
| | | var val = document.getElementById('insertFile').files; |
|---|
| | | if (!val || !val.length) return; |
|---|
| | | this.fromfile.file = val[0].name; |
|---|
| | | }, |
|---|
| | | getAttachTable(index, row) { |
|---|
| | | if (row.eventid != null) { |
|---|
| | | this.upAttach.eventid = row.eventid; |
|---|
| | | } else { |
|---|
| | | this.upAttach.eventid = ""; |
|---|
| | | } |
|---|
| | | this.outerVisible = true; |
|---|
| | | this.getAttacthFlieList(); |
|---|
| | | }, |
|---|
| | | //é件å表æ¥è¯¢ |
|---|
| | | async getAttacthFlieList() { |
|---|
| | | var obj = this.upAttach; |
|---|
| | | const res = await dataLib_selectFiles(obj); |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error('å表è°ç¨å¤±è´¥'); |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.tableAttach = res.result; |
|---|
| | | }, |
|---|
| | | refreshAttatchDetail() { |
|---|
| | | this.dialog.src = ""; |
|---|
| | | this.dialog.dialogVisible = false; |
|---|
| | | this.dialog.isPdf = false; |
|---|
| | | this.dialog.isJpg = false; |
|---|
| | | }, |
|---|
| | | //é件æ¥ç |
|---|
| | | setAttatchDetail(index, row) { |
|---|
| | | this.refreshAttatchDetail() |
|---|
| | | var name = row.name; |
|---|
| | | if (name.indexOf('.pdf') != -1) { |
|---|
| | | this.dialog.dialogVisible = true; |
|---|
| | | this.dialog.isPdf = true; |
|---|
| | | var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
|---|
| | | this.dialog.src = url |
|---|
| | | } else if (name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) { |
|---|
| | | this.dialog.dialogVisible = true; |
|---|
| | | this.dialog.isJpg = true; |
|---|
| | | var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
|---|
| | | this.dialog.src = url |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | setAttatchFileView(index, row) { |
|---|
| | | this.refreshAttatchDetail() |
|---|
| | | var name = `${row.name}.${row.type}`; |
|---|
| | | if (name.indexOf('.pdf') != -1) { |
|---|
| | | this.dialog.isPdf = true; |
|---|
| | | } else if (name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) { |
|---|
| | | this.dialog.isJpg = true; |
|---|
| | | } |
|---|
| | | this.dialog.dialogVisible = true; |
|---|
| | | this.dialog.isPdf = true; |
|---|
| | | var url = BASE_URL + "/dataLib/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
|---|
| | | this.dialog.src = url; |
|---|
| | | }, |
|---|
| | | showView(name) { |
|---|
| | | if (!name) return false |
|---|
| | | return name.indexOf('pdf') || name.indexOf('jpg') != -1 || name.indexOf('gif') != -1 || name.indexOf('png') != -1 || name.indexOf('jpeg') != -1 |
|---|
| | | }, |
|---|
| | | //é件åªé¤ |
|---|
| | | async setAttachDel() { |
|---|
| | | var std = []; |
|---|
| | | for (var i in this.attacgSelection) { |
|---|
| | | std.push(this.attacgSelection[i].id); |
|---|
| | | } |
|---|
| | | const res = await dataLib_deletes({ ids: std.toString() }); |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error('æ件å é¤å¤±è´¥'); |
|---|
| | | } |
|---|
| | | this.getAttacthFlieList(); |
|---|
| | | }, |
|---|
| | | //é件å表æ°å¢ |
|---|
| | | setAttachInsert() { |
|---|
| | | var token = getToken(); |
|---|
| | | var fs = document.getElementById("insertFile"); |
|---|
| | | if (fs.files.length == 0) { |
|---|
| | | |
|---|
| | | this.$message({ |
|---|
| | | message: '请éæ©è¦ä¸ä¼ çæ件ï¼', |
|---|
| | | type: 'warning' |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | const formData = new FormData() |
|---|
| | | for (var i = 0, c = fs.files.length; i < c; i++) { |
|---|
| | | |
|---|
| | | formData.append('file', fs.files[i]); // fs.files[i].name,file |
|---|
| | | } |
|---|
| | | |
|---|
| | | $.ajax(BASE_URL + "/dataQuery/uploadFiles?token=" + token + "&tabName=" + this.upAttach.tabName + "&eventid=" + this.upAttach.eventid, { |
|---|
| | | type: "post", |
|---|
| | | data: formData, |
|---|
| | | async: true, |
|---|
| | | cache: false, |
|---|
| | | processData: false, |
|---|
| | | contentType: false, |
|---|
| | | success: (rs) => { |
|---|
| | | this.$message({ |
|---|
| | | message: 'é件添å æå', |
|---|
| | | type: 'success' |
|---|
| | | }); |
|---|
| | | document.getElementById("insertFile").value = ""; |
|---|
| | | this.fromfile = { |
|---|
| | | file: '', |
|---|
| | | } |
|---|
| | | this.getAttacthFlieList(); |
|---|
| | | }, |
|---|
| | | error: (e) => { |
|---|
| | | document.getElementById("insertFile").value = ""; |
|---|
| | | this.fromfile = { |
|---|
| | | file: '', |
|---|
| | | } |
|---|
| | | this.$message.error('é件添å 失败'); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | setRestMetaData() { |
|---|
| | | this.fromQueryMeta.name = ""; |
|---|
| | | this.listMetaData.name = this.fromQueryMeta.name; |
|---|
| | | this.listMetaData.pageIndex = 1; |
|---|
| | | this.listMetaData.pageSize = 10; |
|---|
| | | |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | }, |
|---|
| | | setSearchMetaData() { |
|---|
| | | this.listMetaData.name = this.fromQueryMeta.name; |
|---|
| | | this.listMetaData.pageIndex = 1; |
|---|
| | | this.listMetaData.pageSize = 10; |
|---|
| | | |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | }, |
|---|
| | | //æºæ°æ®é¡µé¢åæ¢ |
|---|
| | | handleMetaSizeChange(val) { |
|---|
| | | this.listMetaData.pageIndex = 1; |
|---|
| | | this.listMetaData.pageSize = val; |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | }, |
|---|
| | | //æºæ°æ®é¡µé¢åæ¢ |
|---|
| | | handMetaCurrentChange(val) { |
|---|
| | | this.listMetaData.pageIndex = val; |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | }, |
|---|
| | | //æºæ°æ®æ¥è¯¢ |
|---|
| | | setQueryMetaData(row) { |
|---|
| | | this.fromQueryMeta.title = row.name; |
|---|
| | | this.listMetaData = { |
|---|
| | | metaid: row.id, |
|---|
| | | name: "", |
|---|
| | | pageIndex: 1, |
|---|
| | | pageSize: 10, |
|---|
| | | count: 0, |
|---|
| | | }; |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | this.queryMetaFlag = true; |
|---|
| | | }, |
|---|
| | | async startQueryMetaData() { |
|---|
| | | const data = await dataLib_selectPageAndCountByPid(this.listMetaData); |
|---|
| | | if (data.code != 200) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.metaDataTable = data.result; |
|---|
| | | this.listMetaData.count = data.count; |
|---|
| | | }, |
|---|
| | | //å
æ°æ®æ¥è¯¢ |
|---|
| | | async setMetaDataQuery(row) { |
|---|
| | | |
|---|
| | | this.fromQueryMeta.title = row.name; |
|---|
| | | this.listMetaData = { |
|---|
| | | id: row.metaid, |
|---|
| | | }; |
|---|
| | | const data = await dataLib_selectMetaById(this.listMetaData); |
|---|
| | | if (data.code != 200) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.queryMetaFlag1 = true; |
|---|
| | | this.metaDataTable1 = [data.result]; |
|---|
| | | }, |
|---|
| | | getSpaceMapVisibale() { |
|---|
| | | sgworld.Creator.SimpleGraphic.clear(); |
|---|
| | | for (var i in this.$store.state.queryInfo) { |
|---|
| | |
|---|
| | | }, |
|---|
| | | //éç½® |
|---|
| | | setQuerAllTablesRefresh() { |
|---|
| | | this.formInline = { |
|---|
| | | fileName: "",//é«çº§æç´¢ |
|---|
| | | dataType: "type2", //æ°æ®ç±»å |
|---|
| | | category: [], //æ¥è¯¢ç±»å«, |
|---|
| | | item: [], |
|---|
| | | depcode: this.depOption[0].code, |
|---|
| | | depName: this.depOption[0].name, |
|---|
| | | keywords: '', |
|---|
| | | } |
|---|
| | | // this.formInline = { |
|---|
| | | // fileName: "",//é«çº§æç´¢ |
|---|
| | | // dataType: "type2", //æ°æ®ç±»å |
|---|
| | | // category: [], //æ¥è¯¢ç±»å«, |
|---|
| | | // item: [], |
|---|
| | | // depcode: null, //åä½, |
|---|
| | | // depName: null,//åä½, |
|---|
| | | // keywords: '', |
|---|
| | | // } |
|---|
| | | this.formInline.fileName = "";//é«çº§æç´¢ |
|---|
| | | this.formInline.category = [];//é«çº§æç´¢ |
|---|
| | | this.formInline.item = [];//é«çº§æç´¢ |
|---|
| | | this.formInline.depcode = null;//é«çº§æç´¢ |
|---|
| | | this.formInline.depName = null;//é«çº§æç´¢ |
|---|
| | | this.formInline.keywords = "";//é«çº§æç´¢ |
|---|
| | | this.getAllTabesData(); |
|---|
| | | }, |
|---|
| | | handleSelectionChange() { |
|---|
| | |
|---|
| | | this.listBankData.pageIndex = 1; |
|---|
| | | this.listBankData.pageSize = 10; |
|---|
| | | this.listBankData.title = res.tabDesc; |
|---|
| | | this.upAttach.tabName = res.ns + "." + res.tab; |
|---|
| | | this.filedsLayer = this.getBankTableFiled(); |
|---|
| | | this.getCollapseTable(this.filedsLayer); |
|---|
| | | }, |
|---|
| | |
|---|
| | | add0(m) { |
|---|
| | | return m < 10 ? '0' + m : m; |
|---|
| | | }, |
|---|
| | | statSizeChange(row, column) { |
|---|
| | | return this.stateFormatSizes(row.sizes) |
|---|
| | | }, |
|---|
| | | stateFormatSizes(res) { |
|---|
| | | if (res >= 1024) { |
|---|
| | | const val = parseFloat(res / 1024).toFixed(3); |
|---|
| | |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | var val = data.result; |
|---|
| | | val = val.filter((res) => { |
|---|
| | | if (val) { |
|---|
| | | val = val.filter((res) => { |
|---|
| | | res.mold = "æ°æ®åº" |
|---|
| | | res.isShow = false |
|---|
| | | return res; |
|---|
| | | }) |
|---|
| | | this.listData.count = data.count; |
|---|
| | | this.monthdata = data.result; |
|---|
| | | } else { |
|---|
| | | this.listData.count = 0; |
|---|
| | | this.monthdata = []; |
|---|
| | | } |
|---|
| | | |
|---|
| | | res.mold = "æ°æ®åº" |
|---|
| | | res.isShow = false |
|---|
| | | return res; |
|---|
| | | }) |
|---|
| | | this.listData.count = data.count; |
|---|
| | | this.monthdata = data.result; |
|---|
| | | }, |
|---|
| | | //æ¥è¯¢æ件æ°æ® |
|---|
| | | async getQueryFileData() { |
|---|
| | | this.listData.dirs = ""; |
|---|
| | | this.listData.count = 0; |
|---|
| | | if (this.formInline.category.length != 0) { |
|---|
| | | this.listData.dirs += this.formInline.category.toString(); |
|---|
| | | } |
|---|
| | |
|---|
| | | this.$message.error('æ件æ°æ®å表è°ç¨å¤±è´¥'); |
|---|
| | | } |
|---|
| | | var val = data.result; |
|---|
| | | val = val.filter((res) => { |
|---|
| | | var type = "." + res.type; |
|---|
| | | res.name = res.name.replaceAll(type, "") |
|---|
| | | res.mold = "æ件" |
|---|
| | | res.isShow = false |
|---|
| | | return res; |
|---|
| | | }) |
|---|
| | | if (val) { |
|---|
| | | val = val.filter((res) => { |
|---|
| | | var type = "." + res.type; |
|---|
| | | res.name = res.name.replaceAll(type, "") |
|---|
| | | res.mold = "æ件" |
|---|
| | | res.isShow = false |
|---|
| | | return res; |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.monthdata = val; |
|---|
| | | this.listData.count = data.count; |
|---|
| | | this.monthdata = val; |
|---|
| | | this.listData.count = data.count; |
|---|
| | | } else { |
|---|
| | | this.monthdata = []; |
|---|
| | | this.listData.count = 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | //æ¥è¯¢æ°æ® |
|---|
| | | getAllTabesData() { |
|---|
| | |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error('èµæç±»å«å表è°ç¨å¤±è´¥'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.categoryOptions = data.result; |
|---|
| | | }, |
|---|
| | | //å
³é®åæ¥è¯¢ |
|---|
| | |
|---|
| | | }, |
|---|
| | | //èµæç±»å«ä¸ææ¡å¼æ¹å触å |
|---|
| | | categorySelectChange(model, prop, options) { |
|---|
| | | |
|---|
| | | this.getAllTabesData(); |
|---|
| | | |
|---|
| | | }, |
|---|
| | | // 项ç®å称ä¸ææ¡å¼æ¹å触å |
|---|
| | | itemSelectChange(model, prop, options) { |
|---|
| | |
|---|
| | | return this.$message.error('åä½å表è·å失败'); |
|---|
| | | } |
|---|
| | | this.depOption = this.treeData(data.result); |
|---|
| | | this.formInline.depcode = this.depOption[0].code |
|---|
| | | this.formInline.depName = this.depOption[0].name; |
|---|
| | | // this.formInline.depcode = this.depOption[0].code |
|---|
| | | // this.formInline.depName = this.depOption[0].name; |
|---|
| | | this.getAllTabesData(); |
|---|
| | | }, |
|---|
| | | //æ å表çæ |
|---|
| | |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .pdfClass { |
|---|
| | | height: 70vh; |
|---|
| | | width: 100%; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 80px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | > |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('operatManage.UserRoleAuthorizationObj.Added')" |
|---|
| | | :visible.sync="dialogTableVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | :data="gridData" |
|---|
| | |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | <div slot="footer" class="dialog-footer"> |
|---|
| | | <el-button size="small" @click="dialogTableVisible = false">{{ |
|---|
| | | <el-button size="small" @click="handleClose">{{ |
|---|
| | | $t("dataManage.dictionaryManageObj.cancel") |
|---|
| | | }}</el-button> |
|---|
| | | <el-button size="small" type="primary" @click="addConfirm">{{ |
|---|
| | |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogTableVisible = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | var val = this.$store.state.currentPerms; |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | @row-click="singleElection" |
|---|
| | | highlight-current-row |
|---|
| | | height="calc(100% - 135px)" |
|---|
| | |
|---|
| | | <el-divider class="divider" /> |
|---|
| | | <el-table |
|---|
| | | :data="menuTableData" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 85px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('operatManage.UserRoleAuthorizationObj.Added')" |
|---|
| | | :visible.sync="dialogTableVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | :data="gridData" |
|---|
| | |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | @click="dialogTableVisible = false" |
|---|
| | | @click="handleClose" |
|---|
| | | >{{ |
|---|
| | | $t('dataManage.dictionaryManageObj.cancel') |
|---|
| | | }}</el-button> |
|---|
| | |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogTableVisible = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | var val = this.$store.state.currentPerms; |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | @row-click="singleElection" |
|---|
| | | highlight-current-row |
|---|
| | | height="calc(100% - 80px)" |
|---|
| | |
|---|
| | | |
|---|
| | | <el-table |
|---|
| | | :data="usertableData" |
|---|
| | | |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 80px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | @row-click="singleElection" |
|---|
| | | height="calc(100% - 80px)" |
|---|
| | | > |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="usertableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 80px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | > |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('operatManage.UserRoleAuthorizationObj.Added')" |
|---|
| | | :visible.sync="dialogTableVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | :data="gridData" |
|---|
| | |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | <div slot="footer" class="dialog-footer"> |
|---|
| | | <el-button size="small" @click="dialogTableVisible = false">{{ |
|---|
| | | <el-button size="small" @click="handleClose">{{ |
|---|
| | | $t("dataManage.dictionaryManageObj.cancel") |
|---|
| | | }}</el-button> |
|---|
| | | <el-button size="small" type="primary" @click="addConfirm">{{ |
|---|
| | |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogTableVisible = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | var val = this.$store.state.currentPerms; |
|---|
| | |
|---|
| | | <mapinfo ref="mapinfo" /> |
|---|
| | | <maplayer ref="maplayer" /> |
|---|
| | | <queryinfo ref="queryinfo" /> |
|---|
| | | <terrainDig ref="terrainDig" /> |
|---|
| | | <input |
|---|
| | | type="file" |
|---|
| | | accept=".kml" |
|---|
| | |
|---|
| | | import mapinfo from "../Tools/mapinfo.vue"; |
|---|
| | | import maplayer from "../Tools/maplayer.vue"; |
|---|
| | | import queryinfo from "../Tools/queryinfo.vue"; |
|---|
| | | import terrainDig from "../Tools/terrainDig.vue"; |
|---|
| | | import $ from "jquery"; |
|---|
| | | import { getToken } from "@/utils/auth"; |
|---|
| | | import ImageWMS from "ol/source/ImageWMS"; |
|---|
| | |
|---|
| | | import { geometry } from "@turf/turf"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | components: { mapinfo, maplayer, queryinfo }, |
|---|
| | | components: { mapinfo, maplayer, queryinfo, terrainDig }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | showTwoMenuFlag: false, |
|---|
| | |
|---|
| | | break; |
|---|
| | | case "d2": //å¡åº¦åæ |
|---|
| | | that.isslopeFlag = !that.isslopeFlag; |
|---|
| | | var val = { |
|---|
| | | name: "Lengend", |
|---|
| | | id: res, |
|---|
| | | vshow: that.isslopeFlag |
|---|
| | | }; |
|---|
| | | this.$bus.$emit("mapChangeBox", val); |
|---|
| | | window.PDelevationTool = new SmartEarth.ElevationTool(sgworld); //å
¨å±åé |
|---|
| | | if (that.isslopeFlag == true) { |
|---|
| | | PDelevationTool.type = "slope"; |
|---|
| | |
|---|
| | | PDelevationTool.type = "none"; |
|---|
| | | } |
|---|
| | | PDelevationTool.render(); |
|---|
| | | |
|---|
| | | break; |
|---|
| | | case "d3": //è·¯å¾åæ |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | break; |
|---|
| | | case "d10": //å°é¢æ´å¹³ |
|---|
| | | if (this.DXZPState != null) { |
|---|
| | | this.DXZPState.drawHandler && this.DXZPState.drawHandler.destroy(); |
|---|
| | | Viewer._container.style.cursor = "default"; |
|---|
| | | this.DXZPState.tooltip && this.DXZPState.tooltip.show(false); |
|---|
| | | if (window.DXTerrainFlattening != null) { |
|---|
| | | DXTerrainFlattening.remove(); |
|---|
| | | } |
|---|
| | | window.DXTerrainFlattening = null; |
|---|
| | | this.DXZPState = null; |
|---|
| | | } else { |
|---|
| | | this.DXZPState = sgworld.Creator.createSimpleGraphic( |
|---|
| | | "polygon", |
|---|
| | | { |
|---|
| | | clampToGround: true, |
|---|
| | | }, |
|---|
| | | function (entity) { |
|---|
| | | let positions = entity.polygon.hierarchy.getValue().positions; |
|---|
| | | sgworld.Creator.SimpleGraphic.remove(entity.id); |
|---|
| | | window.DXTerrainFlattening = |
|---|
| | | sgworld.Creator.createTerrainModifier( |
|---|
| | | "å°å½¢åå¹³", |
|---|
| | | positions, |
|---|
| | | 10, |
|---|
| | | {} |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | var val = { |
|---|
| | | name: "Trrain", |
|---|
| | | id: res, |
|---|
| | | }; |
|---|
| | | this.$bus.$emit("mapChangeBox", val); |
|---|
| | | // if (this.DXZPState != null) { |
|---|
| | | // this.DXZPState.drawHandler && this.DXZPState.drawHandler.destroy(); |
|---|
| | | // Viewer._container.style.cursor = "default"; |
|---|
| | | // this.DXZPState.tooltip && this.DXZPState.tooltip.show(false); |
|---|
| | | // if (window.DXTerrainFlattening != null) { |
|---|
| | | // DXTerrainFlattening.remove(); |
|---|
| | | // } |
|---|
| | | // window.DXTerrainFlattening = null; |
|---|
| | | // this.DXZPState = null; |
|---|
| | | // } else { |
|---|
| | | // this.DXZPState = sgworld.Creator.createSimpleGraphic( |
|---|
| | | // "polygon", |
|---|
| | | // { |
|---|
| | | // clampToGround: true, |
|---|
| | | // }, |
|---|
| | | // function (entity) { |
|---|
| | | // let positions = entity.polygon.hierarchy.getValue().positions; |
|---|
| | | // sgworld.Creator.SimpleGraphic.remove(entity.id); |
|---|
| | | // window.DXTerrainFlattening = |
|---|
| | | // sgworld.Creator.createTerrainModifier( |
|---|
| | | // "å°å½¢åå¹³", |
|---|
| | | // positions, |
|---|
| | | // 10, |
|---|
| | | // {} |
|---|
| | | // ); |
|---|
| | | // } |
|---|
| | | // ); |
|---|
| | | // } |
|---|
| | | |
|---|
| | | break; |
|---|
| | | |
|---|
| | | case "d11": //å°å½¢å¼æ |
|---|
| | | if (window.Excavation) { |
|---|
| | | window.Excavation.drawHandler && |
|---|
| | | window.Excavation.drawHandler.destroy(); |
|---|
| | | Viewer._container.style.cursor = "default"; |
|---|
| | | window.Excavation.tooltip && window.Excavation.tooltip.show(false); |
|---|
| | | window.Excavation.clear(); |
|---|
| | | window.Excavation = null; |
|---|
| | | } else { |
|---|
| | | window.Excavation = sgworld.Analysis.TerrainExcavation( |
|---|
| | | 10, |
|---|
| | | {}, |
|---|
| | | function () { } |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | this.$refs && |
|---|
| | | this.$refs.terrainDig && |
|---|
| | | this.$refs.terrainDig.open("管é空é´åæ", null, { |
|---|
| | | close: () => { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | // if (window.Excavation) { |
|---|
| | | // window.Excavation.drawHandler && |
|---|
| | | // window.Excavation.drawHandler.destroy(); |
|---|
| | | // Viewer._container.style.cursor = "default"; |
|---|
| | | // window.Excavation.tooltip && window.Excavation.tooltip.show(false); |
|---|
| | | // window.Excavation.clear(); |
|---|
| | | // window.Excavation = null; |
|---|
| | | // } else { |
|---|
| | | // window.Excavation = sgworld.Analysis.TerrainExcavation( |
|---|
| | | // 10, |
|---|
| | | // {}, |
|---|
| | | // function () { } |
|---|
| | | // ); |
|---|
| | | // } |
|---|
| | | break; |
|---|
| | | |
|---|
| | | case "d12": //éè§åæ |
|---|
| | |
|---|
| | | pointSelect: true, |
|---|
| | | spood: 20, |
|---|
| | | GroupID: 0, |
|---|
| | | url: "/SmartEarthSDK/Workers/image/waterNormals.jpg", |
|---|
| | | url: "/SmartEarthSDK/Workers/image/33.gif", |
|---|
| | | }; |
|---|
| | | window.AnalysisFlood = sgworld.Command.execute( |
|---|
| | | 2, |
|---|
| | |
|---|
| | | .menu_Box { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | overflow-y: auto; |
|---|
| | |
|---|
| | | <div class="menuImage" :class="item.class"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="MenuIcon menu-class" :class="{ lefMenuActive: showMenuFlag == menuItem.id }"> |
|---|
| | | <div class="menuDiv" :title="menuItem.name" @click="setMenuChange(menuItem)"> |
|---|
| | | <div |
|---|
| | | class="MenuIcon menu-class" |
|---|
| | | :class="{ lefMenuActive: showMenuFlag == menuItem.id }" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | class="menuDiv" |
|---|
| | | :title="menuItem.name" |
|---|
| | | @click="setMenuChange(menuItem)" |
|---|
| | | > |
|---|
| | | <div class="menuImage" :class="menuItem.class"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getPerms } from "../../api/api"; |
|---|
| | | import mapdiv from "../../components/MapDiv.vue"; |
|---|
| | | import leftMenu from "./LeftMenu.vue"; |
|---|
| | | import maplayer from "../Tools/maplayer.vue"; |
|---|
| | | import { getPerms } from "../../api/api" |
|---|
| | | import mapdiv from "../../components/MapDiv.vue" |
|---|
| | | import leftMenu from "./LeftMenu.vue" |
|---|
| | | import maplayer from "../Tools/maplayer.vue" |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | mapdiv, |
|---|
| | |
|---|
| | | class: "menu_img1", |
|---|
| | | show: true, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | watch: {}, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | //左侧èåæ»å¨æ¾é |
|---|
| | | setMenuChange(res) { |
|---|
| | | if (res.id == this.showMenuFlag){ |
|---|
| | | return; |
|---|
| | | if (res.id == this.showMenuFlag) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | //æ¸
é¤æ¥è¯¢å¼¹çª |
|---|
| | | this.$store.state.mapMenuBoolean = false; |
|---|
| | | this.$store.state.mapMenuBoxFlag = ""; |
|---|
| | | this.$store.state.mapMenuBoolean = false |
|---|
| | | this.$store.state.mapMenuBoxFlag = "" |
|---|
| | | //æ¸
é¤åæ模åçå
¨å±åé |
|---|
| | | ClearAlayse(); |
|---|
| | | ClearAlayse() |
|---|
| | | switch (res.id) { |
|---|
| | | case 1: |
|---|
| | | if (this.showMenuFlag == null) return; |
|---|
| | | this.openStatus = !this.openStatus; |
|---|
| | | break; |
|---|
| | | if (this.showMenuFlag == null) return |
|---|
| | | this.openStatus = !this.openStatus |
|---|
| | | // ç¹å»å·¦ä¾§èåæ¯è°æ´ |
|---|
| | | setTimeout(() => { |
|---|
| | | window.map.updateSize() |
|---|
| | | }, 1000) |
|---|
| | | break |
|---|
| | | case 10: |
|---|
| | | if (this.showMenuFlag == null) { |
|---|
| | | this.openStatus = false; |
|---|
| | | this.openStatus = false |
|---|
| | | } |
|---|
| | | this.$bus.$emit("setChangeTwoMenu", res.id - 2); |
|---|
| | | break; |
|---|
| | | this.$bus.$emit("setChangeTwoMenu", res.id - 2) |
|---|
| | | break |
|---|
| | | default: { |
|---|
| | | this.openStatus = true; |
|---|
| | | this.$bus.$emit("setChangeTwoMenu", res.id - 2); |
|---|
| | | this.showMenuFlag = res.id; |
|---|
| | | this.openStatus = true |
|---|
| | | this.$bus.$emit("setChangeTwoMenu", res.id - 2) |
|---|
| | | this.showMenuFlag = res.id |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | this.$store.state.currentPerms == "" || |
|---|
| | | this.$store.state.currentPerms != "/comprehensive" |
|---|
| | | ) { |
|---|
| | | this.$store.state.currentPerms = "/comprehensive"; |
|---|
| | | this.$store.state.currentPerms = "/comprehensive" |
|---|
| | | } |
|---|
| | | if (this.$store.state.permsEntity.length == 0) { |
|---|
| | | const data = await getPerms(); |
|---|
| | | this.$store.state.permsEntity = data.result; |
|---|
| | | const data = await getPerms() |
|---|
| | | this.$store.state.permsEntity = data.result |
|---|
| | | } |
|---|
| | | var val = this.$store.state.currentPerms; |
|---|
| | | var permsEntity = this.$store.state.permsEntity; |
|---|
| | | var val = this.$store.state.currentPerms |
|---|
| | | var permsEntity = this.$store.state.permsEntity |
|---|
| | | |
|---|
| | | for (var i = 0; i < permsEntity.length; i++) { |
|---|
| | | if (permsEntity[i].perms == val) { |
|---|
| | | this.showMenuChange(permsEntity[i], permsEntity); |
|---|
| | | this.showMenuChange(permsEntity[i], permsEntity) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | for (var i in this.menuOption) { |
|---|
| | | if (this.menuOption[i].show != false) { |
|---|
| | | this.showMenuList.push(this.menuOption[i]); |
|---|
| | | this.showMenuList.push(this.menuOption[i]) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | //åå§åäºçº§èå |
|---|
| | | if (this.showMenuList.length > 1) { |
|---|
| | | var index = this.showMenuList[1].id; |
|---|
| | | this.$bus.$emit("setChangeTwoMenu", index - 2); |
|---|
| | | var index = this.showMenuList[1].id |
|---|
| | | this.$bus.$emit("setChangeTwoMenu", index - 2) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | showMenuChange(res, result) { |
|---|
| | | var permsId = res.id; |
|---|
| | | this.$store.state.syntiesis.menu = res.id; |
|---|
| | | var permsId = res.id |
|---|
| | | this.$store.state.syntiesis.menu = res.id |
|---|
| | | for (var i = 0; i < result.length; i++) { |
|---|
| | | if (result[i].pid == permsId) { |
|---|
| | | this.showMenuStatus(result[i]); |
|---|
| | | this.showMenuStatus(result[i]) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | showMenuStatus(res) { |
|---|
| | | var std = []; |
|---|
| | | std.push(this.menuOption[0]); |
|---|
| | | 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; |
|---|
| | | this.menuOption[i].show = true |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // this.$bus.$emit('showLeftMenu', true); |
|---|
| | | window.sgworld.navControl("nav", true); |
|---|
| | | this.$store.state.mapMenuBoolean = false; |
|---|
| | | this.$store.state.mapMenuBoxFlag = null; |
|---|
| | | this.$store.state.mapPopBoolean = false; |
|---|
| | | this.$store.state.mapPopBoxFlag = null; |
|---|
| | | window.sgworld.navControl("nav", true) |
|---|
| | | this.$store.state.mapMenuBoolean = false |
|---|
| | | this.$store.state.mapMenuBoxFlag = null |
|---|
| | | this.$store.state.mapPopBoolean = false |
|---|
| | | this.$store.state.mapPopBoxFlag = null |
|---|
| | | }, |
|---|
| | | //åå§åèåææ |
|---|
| | | created() { |
|---|
| | | this.getPermsMenu(); |
|---|
| | | this.getPermsMenu() |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
| | |
|---|
| | | center; |
|---|
| | | } |
|---|
| | | .menu_img4 { |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 8 æ·è´ 2.png") |
|---|
| | | no-repeat center; |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 3.png") no-repeat |
|---|
| | | center; |
|---|
| | | } |
|---|
| | | .menu_img5 { |
|---|
| | | background: url("../../assets/img/synthesis/ç¢éæºè½å¯¹è±¡ æ·è´ 3.png") |
|---|
| | | no-repeat center; |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 4.png") no-repeat |
|---|
| | | center; |
|---|
| | | } |
|---|
| | | .menu_img6 { |
|---|
| | | background: url("../../assets/img/synthesis/å¾å± 9 æ·è´ 4.png") |
|---|
| | |
|---|
| | | .left_main { |
|---|
| | | margin: 0; |
|---|
| | | //width: 255px; |
|---|
| | | width: 130px; |
|---|
| | | padding-bottom: 10px; |
|---|
| | | height: calc(100% - 10px); |
|---|
| | | width: 140px; |
|---|
| | | // padding-bottom: 10px; |
|---|
| | | height: 100%; |
|---|
| | | |
|---|
| | | overflow-y: auto; |
|---|
| | | //height: auto; |
|---|
| | | transition: width 1s; |
|---|
| | | background: #F4F8FF; |
|---|
| | | // background: #f4f8ff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .right_main { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .menu-class{ |
|---|
| | | .menu-class { |
|---|
| | | position: absolute; |
|---|
| | | bottom: 10px; |
|---|
| | | left: 0; |
|---|
| | |
|---|
| | | <top class="title" ref="title"></top> |
|---|
| | | <left |
|---|
| | | class="mapleft" |
|---|
| | | :style="{ width: leftWidth, left: leftTree && leftWidth == '20%' ? '-14px' : '0' }" |
|---|
| | | :style="{ width: leftWidth, left: leftWidth == '22%' ? '-19px' : '0' }" |
|---|
| | | ref="mapleft" |
|---|
| | | ></left> |
|---|
| | | |
|---|
| | | <project-tree class="project-tree" v-if="ProjectreeDisplay"></project-tree> |
|---|
| | | |
|---|
| | | <right |
|---|
| | | class="mapright" |
|---|
| | | :style="{ width: rightWidth }" |
|---|
| | |
|---|
| | | import left from "@/components/Screen/left.vue" |
|---|
| | | import right from "../../components/Screen/right.vue" |
|---|
| | | import bottom from "../../components/Screen/bottom.vue" |
|---|
| | | |
|---|
| | | import ProjectTree from "../../components/Screen/ProjectTree.vue" |
|---|
| | | import axios from "axios" |
|---|
| | | export default { |
|---|
| | | components: { mapsdk, top, left, right, bottom }, |
|---|
| | | components: { mapsdk, top, left, right, bottom, ProjectTree }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | leftWidth: "20%", |
|---|
| | | leftWidth: "22%", |
|---|
| | | rightWidth: "22%", |
|---|
| | | leftTree: false, |
|---|
| | | currTree: false |
|---|
| | | currTree: false, |
|---|
| | | ProjectreeDisplay: false, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() {}, |
|---|
| | | created() {}, |
|---|
| | | created() { |
|---|
| | | this.$bus.$on("changeTree", key => { |
|---|
| | | this.ProjectreeDisplay = key |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | //ä¿®æ¹å·¦ä¾§å®½åº¦ |
|---|
| | | ChangeWidth(parm) { |
|---|
| | | if (parm == "left") { |
|---|
| | | if (this.leftWidth == "20%") { |
|---|
| | | if (this.leftWidth == "22%") { |
|---|
| | | this.leftWidth = "8px" |
|---|
| | | } else { |
|---|
| | | this.leftWidth = "20%" |
|---|
| | | this.leftWidth = "22%" |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (parm == "leftView" || parm == "leftTree") { |
|---|
| | | this.leftWidth = "20%" |
|---|
| | | this.leftWidth = "22%" |
|---|
| | | this.rightWidth = "22%" |
|---|
| | | } |
|---|
| | | if (parm == "leftView") { |
|---|
| | | this.leftTree = false |
|---|
| | | } |
|---|
| | | if (parm == "leftTree") { |
|---|
| | | this.leftTree = true |
|---|
| | | } |
|---|
| | | // if (parm == "leftView") { |
|---|
| | | // this.leftTree = false |
|---|
| | | // } |
|---|
| | | // if (parm == "leftTree") { |
|---|
| | | // this.leftTree = true |
|---|
| | | // } |
|---|
| | | |
|---|
| | | if (parm == "right") { |
|---|
| | | if (this.rightWidth == "22%") { |
|---|
| | |
|---|
| | | width: 100%; |
|---|
| | | z-index: 999; |
|---|
| | | } |
|---|
| | | .project-tree { |
|---|
| | | position: absolute; |
|---|
| | | top: 90px; |
|---|
| | | right: 22%; |
|---|
| | | width: 15%; |
|---|
| | | height: calc(100% - 180px); |
|---|
| | | z-index: 999; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | <style lang="less"> |
|---|
| | |
|---|
| | | }) |
|---|
| | | ); |
|---|
| | | |
|---|
| | | tileset.readyPromise.then(function (tileset) { |
|---|
| | | tileset.readyPromise.then((tileset0) => { |
|---|
| | | tileset.id = res.cnName; |
|---|
| | | |
|---|
| | | this.tileSet(tileset, parseFloat(res.elev)) |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | Viewer.flyTo(tileset); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | tileSet(tileset, height) { |
|---|
| | | //3dtile模åçè¾¹ççä½ |
|---|
| | | var boundingSphere = tileset.boundingSphere; |
|---|
| | | //迪å¡å°ç©ºé´ç´è§åæ =>å°çåæ ï¼å¼§åº¦å¶ï¼ |
|---|
| | | var cartographic_original = Cesium.Cartographic.fromCartesian(boundingSphere.center); |
|---|
| | | //å°çåæ ï¼å¼§åº¦å¶ï¼=>迪å¡å°ç©ºé´ç´è§åæ |
|---|
| | | var Cartesian3_original = Cesium.Cartesian3.fromRadians(cartographic_original.longitude, cartographic_original.latitude, cartographic_original.height); |
|---|
| | | var Cartesian3_offset = Cesium.Cartesian3.fromRadians(cartographic_original.longitude, cartographic_original.latitude, height); |
|---|
| | | //è·å¾å°é¢åoffsetçè½¬æ¢ |
|---|
| | | var translation = Cesium.Cartesian3.subtract(Cartesian3_offset, Cartesian3_original, new Cesium.Cartesian3()); |
|---|
| | | //ä¿®æ¹æ¨¡åç©éµ |
|---|
| | | tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation); |
|---|
| | | }, |
|---|
| | | setTreeData(source) { |
|---|
| | | let cloneData = JSON.parse(JSON.stringify(source)); // 对æºæ°æ®æ·±åº¦å
é |
|---|
| | | return cloneData.filter((father) => { |
|---|
| | |
|---|
| | | this.options2.push(value[i]); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.ruleFrom.value2 = this.options2[0].segName; |
|---|
| | | this.ruleFrom.value2 = this.options2[0].segName || '<空>'; |
|---|
| | | this.analyGid = this.options2[0].gid; |
|---|
| | | }, |
|---|
| | | clearAnalysis() { |
|---|
| | |
|---|
| | | :title="data.title || 'æ示'" |
|---|
| | | maxHeight="400" |
|---|
| | | @close="close(data.id)" |
|---|
| | | left="calc(100% - 960px)" |
|---|
| | | left="calc(90% - 900px)" |
|---|
| | | top="calc(100% - 470px) " |
|---|
| | | > |
|---|
| | | <div> |
|---|
| | |
|---|
| | | class="spatial_leftTree subpage_Div " |
|---|
| | | style="border: 1px solid #dcdfe6;" |
|---|
| | | > |
|---|
| | | <el-input size="small" |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | v-model="filterText" |
|---|
| | | style="width:220px;" |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | |
|---|
| | | :inline="true" |
|---|
| | | > |
|---|
| | | |
|---|
| | | <el-form-item size="small"> |
|---|
| | | <el-form-item> |
|---|
| | | <!-- type="textarea" disabled--> |
|---|
| | | <el-input |
|---|
| | | v-model="ruleForm.fileName" |
|---|
| | | class="nm-skin-pretty" |
|---|
| | | show-word-limit |
|---|
| | | size="small" |
|---|
| | | :rows="2" |
|---|
| | | resize='none' |
|---|
| | | style="width: 220px;" |
|---|
| | | style="width: 300px;" |
|---|
| | | disabled |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | ><i slot="suffix" class="el-icon-search" @click="submitForm" style="padding-right: 8px"></i> |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.label')" |
|---|
| | | > |
|---|
| | | <!-- <i |
|---|
| | | slot="suffix" |
|---|
| | | class="el-icon-search" |
|---|
| | | @click="submitForm" |
|---|
| | | style="padding-right: 8px" |
|---|
| | | ></i> --> |
|---|
| | | </el-input> |
|---|
| | | <el-button plain @click="conditionVisible = true" size="small" style="color: rgba(212,213,215,0.8)">é«çº§æ¥è¯¢æ¡ä»¶</el-button> |
|---|
| | | |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | @click="conditionVisible = true" |
|---|
| | | size="small" |
|---|
| | | type="success" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | >{{$t('common.append')}}</el-button> |
|---|
| | | |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item style="float: right"> |
|---|
| | | <el-button |
|---|
| | | @click="resetForm" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | icon="el-icon-refresh" |
|---|
| | | @click="resetForm" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | icon="el-icon-refresh" |
|---|
| | | >{{$t('common.reset')}}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <!-- <el-form-item style="float: right"> |
|---|
| | | <!-- <el-form-item style="float: right"> |
|---|
| | | <el-button |
|---|
| | | @click="submitForm" |
|---|
| | | type="primary" |
|---|
| | |
|---|
| | | </el-form-item>--> |
|---|
| | | |
|---|
| | | <!-- å»æ --> |
|---|
| | | <!-- <el-form-item style="float: right"> |
|---|
| | | <!-- <el-form-item style="float: right"> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.insert" |
|---|
| | | @click="conditionVisible = true" |
|---|
| | |
|---|
| | | |
|---|
| | | <el-form-item style="float: right"> |
|---|
| | | <el-button |
|---|
| | | @click="getSpaceMapVisibale" |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-search" |
|---|
| | | @click="getSpaceMapVisibale" |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-search" |
|---|
| | | >{{ |
|---|
| | | $t('synthesis.rangequery') |
|---|
| | | }}</el-button> |
|---|
| | |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | style="height:calc(100% - 60px)" |
|---|
| | | style="height:calc(100% - 130px); " |
|---|
| | | > |
|---|
| | | <!-- border--> |
|---|
| | | <!-- ref="filterTable"--> |
|---|
| | |
|---|
| | | <!-- height="calc(100% - 57px)"--> |
|---|
| | | <!-- :header-cell-style="{background:'#e6eaee',color:'#181818', 'text-align': 'center'} "--> |
|---|
| | | <el-table |
|---|
| | | ref="refTableData" |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100% ;height: auto" |
|---|
| | | height="calc(100% - 50px)" |
|---|
| | | style="width: 100% ;" |
|---|
| | | border |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="20" |
|---|
| | | /> |
|---|
| | | <!-- <el-table-column |
|---|
| | | width="60" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | />--> |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | min-width="135" |
|---|
| | | min-width="135" |
|---|
| | | v-for="(item, index) in attributeData" |
|---|
| | | :key="index" |
|---|
| | | :label="item.alias" |
|---|
| | |
|---|
| | | align="center" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | min-width="180" |
|---|
| | | min-width="240" |
|---|
| | | :label="$t('common.operate')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | @click="getAttachTable(scope.$index, scope.row)" |
|---|
| | | style="margin-left: 20px; " |
|---|
| | | >{{$t('common.enclosure')}}</el-button> |
|---|
| | | <el-button |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | type="info" |
|---|
| | | v-if="matchState1(scope, /[]/)" |
|---|
| | | @click="getAttributeTable(scope.$index, scope.row)" |
|---|
| | | >{{$t('common.attribute')}}</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box" style="margin-top: 15px"> |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | |
|---|
| | | :title="$t('common.attachinform')" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <div style="height:68vh"> |
|---|
| | | <el-form |
|---|
| | | :model="formInline" |
|---|
| | | class="demo-form-inline" |
|---|
| | |
|---|
| | | <!-- <el-col :span="3"> <el-link class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> --> |
|---|
| | | </el-row> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-table |
|---|
| | | :data="tableAttach" |
|---|
| | | ref="filterTable" |
|---|
| | | height="100%" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | @selection-change="handleAttatchChange" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="55" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | width="60" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="date" |
|---|
| | | :label="$t('common.fileNme')" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.filePath')" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | </el-table> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- <el-form-item> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col |
|---|
| | | :span="12" |
|---|
| | | :offset="8" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="dialogFormVisible = false" |
|---|
| | | >确认</el-button> |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="dialogFormVisible = false" |
|---|
| | | >åæ¶</el-button> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | </el-form-item> --> |
|---|
| | | </el-form> |
|---|
| | | <el-table |
|---|
| | | :data="tableAttach" |
|---|
| | | ref="filterTable" |
|---|
| | | height="calc(100% - 130px)" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | @selection-change="handleAttatchChange" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="70" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | width="60" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.fileNme')" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="statSizeChange" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('common.operate')" |
|---|
| | | min-width="100" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-link |
|---|
| | | v-if="matchState(scope, /[]/)" |
|---|
| | | @click="setAttatchDetail(scope.$index, scope.row)" |
|---|
| | | class="elLink" |
|---|
| | | >{{ $t('common.see') }}</el-link> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | |
|---|
| | | <map-sdk v-if='showMapVisible'></map-sdk> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | title="é¢è§" |
|---|
| | | :append-to-body="false" |
|---|
| | | :visible.sync="dialog.dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | v-if="dialog.isPdf" |
|---|
| | | class="pdfClass" |
|---|
| | | > |
|---|
| | | <iframe |
|---|
| | | :src="dialog.src" |
|---|
| | | type="application/x-google-chrome-pdf" |
|---|
| | | width="100%" |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | </iframe> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | v-if="dialog.isJpg" |
|---|
| | | class="pdfClass" |
|---|
| | | > |
|---|
| | | <img |
|---|
| | | style="width:100%; height:100%" |
|---|
| | | :src="dialog.src" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="attribute.title" |
|---|
| | | :append-to-body="false" |
|---|
| | | :visible.sync="AttributedialogVisible" |
|---|
| | | width="80%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | > |
|---|
| | | <div class="attributeBox"> |
|---|
| | | <div class="attrubuteLeft"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | v-for="item in attrbuteOption" |
|---|
| | | :class="{active:attributeFlag === item.name}" |
|---|
| | | @click="setChangeAttrubuteData(item)" |
|---|
| | | > |
|---|
| | | {{item.name}} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="attrubuteRight"> |
|---|
| | | <el-table |
|---|
| | | ref="refAttributeTable" |
|---|
| | | :data="attributeTable" |
|---|
| | | style="width:100%;" |
|---|
| | | border |
|---|
| | | height="calc(100% - 50px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | align="center" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | min-width="135" |
|---|
| | | v-for="(item, index) in attributeData" |
|---|
| | | :key="index" |
|---|
| | | :label="item.alias" |
|---|
| | | :prop="item.field" |
|---|
| | | show-overflow-tooltip |
|---|
| | | align="center" |
|---|
| | | ></el-table-column> |
|---|
| | | |
|---|
| | | </el-table> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 10px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="attributeSizeChange" |
|---|
| | | @current-change="attributeCurrentChange" |
|---|
| | | :current-page="attribute.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="attribute.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="attribute.count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | |
|---|
| | | }, |
|---|
| | | fromSqlflag: false, |
|---|
| | | tree: [ |
|---|
| | | { |
|---|
| | | tabDesc: "åºç¡æ°æ®", |
|---|
| | | label: "åºç¡æ°æ®", |
|---|
| | | value: "BD", |
|---|
| | | ns: "bd", |
|---|
| | | id: 1, |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 2, |
|---|
| | | tabDesc: "ä¸å¡æ°æ®", |
|---|
| | | label: "ä¸å¡æ°æ®", |
|---|
| | | value: "BS", |
|---|
| | | ns: "bs", |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 3, |
|---|
| | | tabDesc: "å
æ°æ®", |
|---|
| | | label: "å
æ°æ®", |
|---|
| | | value: "MD", |
|---|
| | | ns: "md", |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | tableAttach: [], |
|---|
| | | filedsOption: [], |
|---|
| | |
|---|
| | | eventid: null, |
|---|
| | | }, |
|---|
| | | filterText: "", |
|---|
| | | dialog: { |
|---|
| | | dialogVisible: false, |
|---|
| | | isPdf: false, |
|---|
| | | isJpg: false, |
|---|
| | | src: '' |
|---|
| | | }, |
|---|
| | | AttributedialogVisible: false, |
|---|
| | | attribute: { |
|---|
| | | name: null, |
|---|
| | | pageIndex: 1, |
|---|
| | | pageSize: 10, |
|---|
| | | count: 0, |
|---|
| | | title: null |
|---|
| | | }, |
|---|
| | | attrbuteOption: [], |
|---|
| | | attributeFlag: null, |
|---|
| | | attributeTable: [], |
|---|
| | | attributeLayer: null, |
|---|
| | | attributeFild: null, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | //å页ç¹å»äºä»¶ |
|---|
| | | attributeSizeChange(val) { |
|---|
| | | this.attribute.pageSize = val; |
|---|
| | | this.attribute.pageIndex = 1; |
|---|
| | | //è·åtableä¿¡æ¯ |
|---|
| | | this.setAttributeTableData(this.attributeLayer); |
|---|
| | | }, |
|---|
| | | attributeCurrentChange(val) { |
|---|
| | | this.attribute.pageIndex = val; |
|---|
| | | //è·åtableä¿¡æ¯ |
|---|
| | | this.setAttributeTableData(this.attributeLayer); |
|---|
| | | }, |
|---|
| | | getAttributeTable(idnex, row) { |
|---|
| | | this.attribute.title = row.workname; |
|---|
| | | this.attrbuteOption = workSite; |
|---|
| | | |
|---|
| | | this.AttributedialogVisible = true; |
|---|
| | | this.setChangeAttrubuteData(this.attrbuteOption[0]) |
|---|
| | | }, |
|---|
| | | setChangeAttrubuteData(res) { |
|---|
| | | this.attributeFlag = res.name; |
|---|
| | | this.attribute.pageIndex = 1; |
|---|
| | | this.attribute.pageSize = 10; |
|---|
| | | this.attribute.count = 0; |
|---|
| | | this.attributeLayer = res; |
|---|
| | | this.setAttributeTableData(res) |
|---|
| | | }, |
|---|
| | | setAttributeTableData(res) { |
|---|
| | | var name = res.table.replaceAll("_", ""); |
|---|
| | | this.attribute.name = name; |
|---|
| | | var value = this.getAttributeDomFiled(name) |
|---|
| | | this.getAttributeTableData(value, res) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åæ¯ä¸ªè¡¨å段å称åéå¼ |
|---|
| | | async getAttributeDomFiled(res) { |
|---|
| | | //æ¥è¯¢å段信æ¯; |
|---|
| | | const fileds = await dataQuery_selectFields({ |
|---|
| | | name: res, |
|---|
| | | }); |
|---|
| | | if (fileds.code != 200) { |
|---|
| | | this.$message.error("è°ç¨å表失败,请è系工ä½äººå!"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | //æ¥è¯¢éå¼ä¿¡æ¯ï¼ |
|---|
| | | const domains = await dataQuery_selectDomains({ |
|---|
| | | name: res, |
|---|
| | | }); |
|---|
| | | if (domains.code != 200) { |
|---|
| | | this.$message.error("è°ç¨å表失败,请è系工ä½äººå!"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | var data1 = fileds.result; |
|---|
| | | var data2 = domains.result; |
|---|
| | | var std = []; |
|---|
| | | this.filedsOption = []; |
|---|
| | | for (var i in data1) { |
|---|
| | | if (data1[i].type != 'geometry' && data1[i].type) { |
|---|
| | | |
|---|
| | | this.filedsOption.push(data1[i]); |
|---|
| | | } |
|---|
| | | if (data1[i].showtype == 1) { |
|---|
| | | if (data1[i].domainNa != null) { |
|---|
| | | data1[i].domainNa = this.getDomainNaFild(data1[i].domainNa, data2); |
|---|
| | | } |
|---|
| | | std.push(data1[i]); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return std; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //è·åè¡¨æ ¼ä¿¡æ¯ |
|---|
| | | async getAttributeTableData(res, result) { |
|---|
| | | res.then((val) => { |
|---|
| | | this.attributeFild = val; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.attribute.filter = "workname = " + "'" + this.attribute.title + "'"; |
|---|
| | | |
|---|
| | | |
|---|
| | | const data = await dataQuery_selectByPage(this.attribute); |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("è°ç¨å表失败,请è系工ä½äººå!"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.attributeTable = [] |
|---|
| | | var res_val = this.attributeFild; |
|---|
| | | this.attribute.count = data.count; |
|---|
| | | for (var i in data.result) { |
|---|
| | | let val_Data = data.result[i]; |
|---|
| | | |
|---|
| | | for (var j in res_val) { |
|---|
| | | if (res_val[j].domainNa != null && res_val[j].domainNa != undefined) { |
|---|
| | | val_Data[res_val[j].field] = res_val[j].domainNa; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.attributeTable = data.result; |
|---|
| | | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | matchState1(state = "", reg) { |
|---|
| | | var row = state.row; |
|---|
| | | if ( |
|---|
| | | this.listData.name == "ssurveyworksite" |
|---|
| | | ) { |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | return false; |
|---|
| | | }, |
|---|
| | | statSizeChange(row, column) { |
|---|
| | | return this.stateFormatSizes(row.sizes) |
|---|
| | | }, |
|---|
| | | stateFormatSizes(res) { |
|---|
| | | if (res >= 1024) { |
|---|
| | | const val = parseFloat(res / 1024).toFixed(3); |
|---|
| | | return val + ' GB'; |
|---|
| | | } else { |
|---|
| | | return res + ' MB'; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | filterNode(value, data) { |
|---|
| | | if (!value) return true; |
|---|
| | | return data.label.indexOf(value) !== -1; |
|---|
| | |
|---|
| | | this.$store.state.mapPopBoolean = false; |
|---|
| | | this.$store.state.mapPopBoxFlag = null; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | refreshAttatchDetail() { |
|---|
| | | this.dialog.src = ""; |
|---|
| | | this.dialog.dialogVisible = false; |
|---|
| | | this.dialog.isPdf = false; |
|---|
| | | this.dialog.isJpg = false; |
|---|
| | | }, |
|---|
| | | //é件æ¥ç |
|---|
| | | setAttatchDetail(index, row) { |
|---|
| | | |
|---|
| | | this.refreshAttatchDetail() |
|---|
| | | var name = row.name; |
|---|
| | | if (name.indexOf('.pdf') != -1) { |
|---|
| | | this.dialog.dialogVisible = true; |
|---|
| | | this.dialog.isPdf = true; |
|---|
| | | var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
|---|
| | | this.dialog.src = url |
|---|
| | | } else if (name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) { |
|---|
| | | this.dialog.dialogVisible = true; |
|---|
| | | this.dialog.isJpg = true; |
|---|
| | | var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
|---|
| | | this.dialog.src = url |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | matchState(state = "", reg) { |
|---|
| | | var row = state.row; |
|---|
| | | var name = row.name; |
|---|
| | | |
|---|
| | | if (name) { |
|---|
| | | if (name.indexOf('.pdf') != -1 || name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) { |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | return false; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | async setAttachDel() { |
|---|
| | | var std = []; |
|---|
| | | for (var i in this.attacgSelection) { |
|---|
| | |
|---|
| | | BASE_URL + |
|---|
| | | "/dataQuery/uploadFiles?token=" + |
|---|
| | | token + |
|---|
| | | "&tabName= " + |
|---|
| | | "&tabName=" + |
|---|
| | | this.upAttach.tabName + |
|---|
| | | "&eventid=" + |
|---|
| | | this.upAttach.eventid, |
|---|
| | |
|---|
| | | this.formInline = { |
|---|
| | | file: "", |
|---|
| | | }; |
|---|
| | | |
|---|
| | | this.getAttacthFlieList(); |
|---|
| | | }, |
|---|
| | | error: (e) => { |
|---|
| | |
|---|
| | | }, |
|---|
| | | async getAttacthFlieList() { |
|---|
| | | var obj = this.upAttach; |
|---|
| | | |
|---|
| | | const res = await dataQuery_selectFiles(obj); |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
|---|
| | |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
|---|
| | | } |
|---|
| | | var option = data.result; |
|---|
| | | var val = data.result; |
|---|
| | | |
|---|
| | | 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; |
|---|
| | | option[i].id = parseInt(option[i].id); |
|---|
| | | for (var j in this.tree) { |
|---|
| | | if (this.tree[j].ns == option[i].ns) { |
|---|
| | | this.tree[j].children.push(val_Data); |
|---|
| | | } |
|---|
| | | // 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; |
|---|
| | | // option[i].id = parseInt(option[i].id); |
|---|
| | | // for (var j in this.tree) { |
|---|
| | | // if (this.tree[j].ns == option[i].ns) { |
|---|
| | | // this.tree[j].children.push(val_Data); |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // } |
|---|
| | | var std = []; |
|---|
| | | val.filter((item) => { |
|---|
| | | if (std.indexOf(item.bak) == -1) { |
|---|
| | | std.push(item.bak); |
|---|
| | | this.tree.push( |
|---|
| | | { |
|---|
| | | val: item.bak, |
|---|
| | | label: item.bak, |
|---|
| | | children: [], |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | // if (option[i].ns == 'bd') { |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // this.tree[0].children.push(val_Data); |
|---|
| | | // } else { |
|---|
| | | // this.tree[1].children.push(val_Data); |
|---|
| | | // } |
|---|
| | | } |
|---|
| | | this.tree.filter((item) => { |
|---|
| | | val.filter((res) => { |
|---|
| | | if (item.val === res.bak) { |
|---|
| | | res.label = res.tabDesc |
|---|
| | | item.children.push(res) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.handleNodeClick(this.tree[0].children[0]); |
|---|
| | | }, |
|---|
| | | //ææ管ç |
|---|
| | |
|---|
| | | handleNodeClick(data) { |
|---|
| | | //å¤æç¹å»æ¯å¦ä¸ºåèç¹ |
|---|
| | | if (data.children != null) return; |
|---|
| | | |
|---|
| | | this.listData.name = data.entity; //è¦æ¥è¯¢è¡¨æ ¼ç±»åï¼ |
|---|
| | | this.getClickTable = data; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | |
|---|
| | | this.count = 0; |
|---|
| | | this.upAttach.tabName = data.ns + "." + data.tab; |
|---|
| | | this.filedsLayer = this.getCollapseDomFiled(); //è·åæ¯ä¸ªè¡¨å段å称åéå¼ |
|---|
| | |
|---|
| | | this.$message.error("è°ç¨å表失败,请è系工ä½äººå!"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.tableData = [] |
|---|
| | | var res_val = this.attributeData; |
|---|
| | | this.count = data.count; |
|---|
| | | for (var i in data.result) { |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.tableData = data.result; |
|---|
| | | this.$refs.filterTable.doLayout(); |
|---|
| | | |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.refTableData.doLayout(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //è·åæ¯ä¸ªè¡¨å段å称åéå¼ |
|---|
| | | async getCollapseDomFiled() { |
|---|
| | |
|---|
| | | var data1 = fileds.result; |
|---|
| | | var data2 = domains.result; |
|---|
| | | var std = []; |
|---|
| | | this.filedsOption = []; |
|---|
| | | for (var i in data1) { |
|---|
| | | if (data1[i].type != 'geometry' && data1[i].type) { |
|---|
| | | debugger |
|---|
| | | |
|---|
| | | this.filedsOption.push(data1[i]); |
|---|
| | | } |
|---|
| | | if (data1[i].showtype == 1) { |
|---|
| | |
|---|
| | | this.formSql.field + " " + this.formSql.condition + " " + val; |
|---|
| | | |
|---|
| | | this.startFiledAndcondition(); |
|---|
| | | this.submitForm(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //å¼åå段å¹é
|
|---|
| | |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .pdfClass { |
|---|
| | | height: 70vh; |
|---|
| | | width: 100%; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .attributeBox { |
|---|
| | | height: 63vh; |
|---|
| | | width: 100%; |
|---|
| | | position: relative; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | .attrubuteLeft { |
|---|
| | | width: calc(20% - 20px); |
|---|
| | | height: calc(100% - 20px); |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | border-radius: 5px; |
|---|
| | | padding: 10px; |
|---|
| | | li { |
|---|
| | | border-bottom: 1px solid #dcdfe6; |
|---|
| | | line-height: 30px; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | li:hover { |
|---|
| | | background: rgba(255, 255, 255, 0.3); |
|---|
| | | color: #409eff; |
|---|
| | | } |
|---|
| | | .active { |
|---|
| | | color: #409eff; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .attrubuteRight { |
|---|
| | | width: 79%; |
|---|
| | | height: 100%; |
|---|
| | | border: 1px solid #dcdfe6; |
|---|
| | | border-radius: 5px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .table_box2 { |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <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> |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="subpage_Box"> |
|---|
| | | <My-bread |
|---|
| | | :list="[ |
|---|
| | | <My-bread :list="[ |
|---|
| | | `${$t('dataManage.dataManage')}`, |
|---|
| | | `${$t('dataManage.catalogueManage')}`, |
|---|
| | | ]" |
|---|
| | | ></My-bread> |
|---|
| | | <el-divider /> |
|---|
| | | ]"></My-bread> |
|---|
| | | <el-divider /> |
|---|
| | | <div class="mainBox"> |
|---|
| | | |
|---|
| | | <div class="cataLogContent leftTree subpage_Div" style="border: 1px solid #dcdfe6;"> |
|---|
| | | <div |
|---|
| | | class="cataLogContent leftTree subpage_Div" |
|---|
| | | style="border: 1px solid #dcdfe6;" |
|---|
| | | > |
|---|
| | | <div style="min-width: 450px"> |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div class="cataLog_rightContent right subpage_Div"> |
|---|
| | | <div |
|---|
| | | class="inquire" |
|---|
| | | class="inquire" |
|---|
| | | style=" |
|---|
| | | align-items: center; |
|---|
| | | display: flex; |
|---|
| | |
|---|
| | | > |
|---|
| | | <el-breadcrumb separator="/"> |
|---|
| | | <el-breadcrumb-item :to="{ path: '/' }">{{ |
|---|
| | | $t("dataManage.dictionaryManageObj.particulars") |
|---|
| | | |
|---|
| | | }}</el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> |
|---|
| | | <div style="margin-right: -5px"> |
|---|
| | | <div class="menuTop"> |
|---|
| | | <el-form :inline="true" class="demo-form-inline"> |
|---|
| | | <el-form |
|---|
| | | :inline="true" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-upload |
|---|
| | | action |
|---|
| | |
|---|
| | | :on-change="handleChange" |
|---|
| | | :file-list="fileList" |
|---|
| | | > |
|---|
| | | <el-button type="success" icon="el-icon-plus" size="small">{{ $t("shuJuGuanLi.butten.uploadFile") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | type="success" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("shuJuGuanLi.butten.uploadFile") }}</el-button> |
|---|
| | | </el-upload> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | |
|---|
| | | type="success" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("shuJuGuanLi.butten.NewPeer") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("shuJuGuanLi.butten.NewPeer") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | type="success" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("shuJuGuanLi.butten.AddChild") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("shuJuGuanLi.butten.AddChild") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | type="danger" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("shuJuGuanLi.butten.Delete") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("shuJuGuanLi.butten.Delete") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | type="info" |
|---|
| | | icon="el-icon-top" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("shuJuGuanLi.butten.MoveUp") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("shuJuGuanLi.butten.MoveUp") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | type="info" |
|---|
| | | icon="el-icon-bottom" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("shuJuGuanLi.butten.MoveDown") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("shuJuGuanLi.butten.MoveDown") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | |
|---|
| | | |
|---|
| | | <el-form :model="itemdetail" ref="itemdetail" :rules="rules" style="position: relative; padding-top: 18px"> |
|---|
| | | <el-form |
|---|
| | | :model="itemdetail" |
|---|
| | | ref="itemdetail" |
|---|
| | | :rules="rules" |
|---|
| | | style="position: relative; padding-top: 18px" |
|---|
| | | > |
|---|
| | | <el-form-item |
|---|
| | | prop="name" |
|---|
| | | :label="$t('dataManage.dataUpObj.directoryName')" |
|---|
| | | :label-width="formLabelWidth"> |
|---|
| | | <el-input v-model="itemdetail.name" size="small" style=" max-width: 420px" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" clearable/> |
|---|
| | | <!-- style="max-width: 400px"--> |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="itemdetail.name" |
|---|
| | | size="small" |
|---|
| | | style=" max-width: 420px" |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | clearable |
|---|
| | | /> |
|---|
| | | <!-- style="max-width: 400px"--> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogDescription')" |
|---|
| | | :label-width="formLabelWidth" > |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="itemdetail.descr" |
|---|
| | | type="textarea" |
|---|
| | |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | clearable |
|---|
| | | /> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.inspectionItems')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="itemdetail.checks" |
|---|
| | | type="textarea" |
|---|
| | | style=" max-width: 420px" |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | clearable |
|---|
| | | /> |
|---|
| | | <!-- resize="none"--> |
|---|
| | | <!-- style="height: 100%; overflow: auto; max-width: 400px"--> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.fileExtension')" |
|---|
| | |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | clearable |
|---|
| | | /> |
|---|
| | | <!-- resize="none"--> |
|---|
| | | <!-- style="height: 100%; overflow: auto; max-width: 400px"--> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- <el-form-item |
|---|
| | | <!-- <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.inspectionItems')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | |
|---|
| | | autosize |
|---|
| | | /> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- <el-form-item |
|---|
| | | <!-- <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogRemarks')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | |
|---|
| | | style="max-width: 400px" |
|---|
| | | /> |
|---|
| | | </el-form-item>--> |
|---|
| | | <!-- <div class="btnBox"> |
|---|
| | | <!-- <div class="btnBox"> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.update" |
|---|
| | | class="primary" |
|---|
| | |
|---|
| | | > |
|---|
| | | </div>--> |
|---|
| | | </el-form> |
|---|
| | | <div slot="footer" class="dialog-footer" style="padding-left: 45% ;padding-top: 20px"> |
|---|
| | | <el-button v-if="menuStatus.update" type="primary" size="small" @click="updCata('itemdetail')">{{ $t("common.preservation") }}</el-button> |
|---|
| | | <el-button v-if="menuStatus.update" size="small" @click="reset">{{ $t("common.cancel") }}</el-button> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | style="padding-left: 45% ;padding-top: 20px" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.update" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="updCata('itemdetail')" |
|---|
| | | >{{ $t("common.preservation") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.update" |
|---|
| | | size="small" |
|---|
| | | @click="reset" |
|---|
| | | >{{ $t("common.cancel") }}</el-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <el-form :model="ruleForm" ref="ruleForm" :rules="rules"> |
|---|
| | | <el-form |
|---|
| | | :model="ruleForm" |
|---|
| | | ref="ruleForm" |
|---|
| | | :rules="rules" |
|---|
| | | > |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.directoryName')" |
|---|
| | | prop="name" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="ruleForm.name" autocomplete="off"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="ruleForm.name" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogDescription')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="ruleForm.descr" autocomplete="off"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="ruleForm.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.fileExtension')" |
|---|
| | |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogRemarks')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="ruleForm.bak" autocomplete="off"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="ruleForm.bak" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <div slot="footer" class="dialog-footer"> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button @click="resetForm('ruleForm')">{{ |
|---|
| | | $t("common.cancel") |
|---|
| | | }}</el-button> |
|---|
| | |
|---|
| | | class="primary" |
|---|
| | | @click="submitForm('ruleForm')" |
|---|
| | | v-loading.fullscreen.lock="fullscreenLoading" |
|---|
| | | >{{ $t("common.preservation") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.preservation") }}</el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | obj.name = v.name; |
|---|
| | | obj.pname = v.pname; |
|---|
| | | obj.descr = v.explain; |
|---|
| | | obj.checks = v.checks; |
|---|
| | | obj.bak = v.bak; |
|---|
| | | obj.exts = v.exts; |
|---|
| | | obj.orderNum = null; |
|---|
| | | obj.pid = null; |
|---|
| | | arr.push(obj); |
|---|
| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("确认å
³éï¼") |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.resetForm(); |
|---|
| | | }) |
|---|
| | | .catch((_) => {}); |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | treeData(source) { |
|---|
| | | let cloneData = JSON.parse(JSON.stringify(source)); // 对æºæ°æ®æ·±åº¦å
é |
|---|
| | |
|---|
| | | margin: 5px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .btnBox { |
|---|
| | | position: absolute; |
|---|
| | | bottom:0; |
|---|
| | | bottom: 0; |
|---|
| | | right: 0; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | 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 { |
|---|
| | |
|---|
| | | m1: m1, |
|---|
| | | m2: m2, |
|---|
| | | } |
|---|
| | | const data = await sign_insertOpLog(obj); |
|---|
| | | // const data = await sign_insertOpLog(obj); |
|---|
| | | }, |
|---|
| | | treeData(source) { |
|---|
| | | let cloneData = JSON.parse(JSON.stringify(source)); // 对æºæ°æ®æ·±åº¦å
é |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div |
|---|
| | | class="subpage_Box" |
|---|
| | | v-loading="loading" |
|---|
| | | element-loading-background="rgba(0, 0, 0, 0.8)" |
|---|
| | | class="subpage_Box" |
|---|
| | | v-loading="loading" |
|---|
| | | element-loading-background="rgba(0, 0, 0, 0.8)" |
|---|
| | | > |
|---|
| | | <My-bread :list="[ |
|---|
| | | `${$t('dataManage.dataManage')}`, |
|---|
| | | `${$t('dataManage.dataUpdata')}`, |
|---|
| | | ]"></My-bread> |
|---|
| | | <el-divider/> |
|---|
| | | <el-divider /> |
|---|
| | | <el-tabs |
|---|
| | | type="card" |
|---|
| | | v-model="activeTabName" |
|---|
| | | @tab-click="handleTabClick" |
|---|
| | | type="card" |
|---|
| | | v-model="activeTabName" |
|---|
| | | @tab-click="handleTabClick" |
|---|
| | | > |
|---|
| | | <!-- ä¸ä¼ æ°æ® --> |
|---|
| | | <el-tab-pane |
|---|
| | | :label="$t('dataManage.dataUpObj.uploaddata')" |
|---|
| | | name="first" |
|---|
| | | :label="$t('dataManage.dataUpObj.uploaddata')" |
|---|
| | | name="first" |
|---|
| | | > |
|---|
| | | <div class="inquire subpage_Div" ref="container"> |
|---|
| | | <div |
|---|
| | | class="inquire subpage_Div" |
|---|
| | | ref="container" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | :inline="true" |
|---|
| | | :model="formInline" |
|---|
| | | class="demo-form-inline" |
|---|
| | | :inline="true" |
|---|
| | | :model="formInline" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <!-- å
¥åºç±»å --> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.UploadType')" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | size="small" |
|---|
| | | :label="$t('dataManage.dataUpObj.UploadType')" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.uploadType" |
|---|
| | | @change="uploadTypeChange" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.uploadType" |
|---|
| | | @change="uploadTypeChange" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | > |
|---|
| | | <!-- <el-option |
|---|
| | | v-for="item in uploadOption" |
|---|
| | |
|---|
| | | ></el-option>--> |
|---|
| | | |
|---|
| | | <el-option |
|---|
| | | :label="$t('shuJuGuanLi.pselect.dFile')" |
|---|
| | | value="v1" |
|---|
| | | :label="$t('shuJuGuanLi.pselect.dFile')" |
|---|
| | | value="v1" |
|---|
| | | /> |
|---|
| | | <el-option |
|---|
| | | :label="$t('shuJuGuanLi.pselect.dFiles')" |
|---|
| | | value="v2" |
|---|
| | | :label="$t('shuJuGuanLi.pselect.dFiles')" |
|---|
| | | value="v2" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | </el-form-item> |
|---|
| | | <!-- åå¨ç®å½ --> |
|---|
| | | <el-form-item |
|---|
| | | style="margin-right: 2%" |
|---|
| | | v-show="uploadFlag" |
|---|
| | | :label="$t('dataManage.dataUpObj.storageDirectory')" |
|---|
| | | size="small" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | v-show="uploadFlag" |
|---|
| | | :label="$t('dataManage.dataUpObj.storageDirectory')" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="formInline.dirName" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="formInline.dirName" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="formInline.dirid" |
|---|
| | | :label="formInline.dirName" |
|---|
| | | style=" height:auto" |
|---|
| | | :value="formInline.dirid" |
|---|
| | | :label="formInline.dirName" |
|---|
| | | style=" height:auto" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="catalogOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="catalogChange" |
|---|
| | | ref="tree" |
|---|
| | | :data="catalogOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="catalogChange" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | </el-form-item> |
|---|
| | | <!-- 项ç®å称 --> |
|---|
| | | <el-form-item |
|---|
| | | style="margin-right: 2%" |
|---|
| | | v-show="!uploadFlag" |
|---|
| | | :label="$t('dataManage.dataUpObj.entryName')" |
|---|
| | | size="small" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | v-show="!uploadFlag" |
|---|
| | | :label="$t('dataManage.dataUpObj.entryName')" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.entryId" |
|---|
| | | @change="entryNameChange" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.entryId" |
|---|
| | | @change="entryNameChange" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in entryOption" |
|---|
| | | :key="item.id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.name" |
|---|
| | | v-for="item in entryOption" |
|---|
| | | :key="item.id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.name" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- æ°æ®çæ¬ --> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.dataVersion')" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | size="small" |
|---|
| | | :label="$t('dataManage.dataUpObj.dataVersion')" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.verid" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.verid" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in verOption" |
|---|
| | | :key="item.id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.id" |
|---|
| | | v-for="item in verOption" |
|---|
| | | :key="item.id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.id" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- æ°æ®ä¸ä¸ --> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.dataSpecialty')" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | size="small" |
|---|
| | | :label="$t('dataManage.dataUpObj.dataSpecialty')" |
|---|
| | | style="margin-right: 2%" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.specialtyId" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.specialtyId" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | > |
|---|
| | | <!-- <el-option |
|---|
| | | v-for="item in specialtyOption" |
|---|
| | |
|---|
| | | </el-option>--> |
|---|
| | | |
|---|
| | | <el-option |
|---|
| | | :label="$t('shuJuGuanLi.pselect.SurveyDiscipline')" |
|---|
| | | value="æµéä¸ä¸" |
|---|
| | | :label="$t('shuJuGuanLi.pselect.SurveyDiscipline')" |
|---|
| | | value="æµéä¸ä¸" |
|---|
| | | /> |
|---|
| | | <el-option |
|---|
| | | :label="$t('shuJuGuanLi.pselect.SurveysDiscipline')" |
|---|
| | | value="åå¯ä¸ä¸" |
|---|
| | | :label="$t('shuJuGuanLi.pselect.SurveysDiscipline')" |
|---|
| | | value="åå¯ä¸ä¸" |
|---|
| | | /> |
|---|
| | | <el-option |
|---|
| | | :label="$t('shuJuGuanLi.pselect.GeologicalDisasterSpecialty')" |
|---|
| | | value="å°ç¾ä¸ä¸" |
|---|
| | | :label="$t('shuJuGuanLi.pselect.GeologicalDisasterSpecialty')" |
|---|
| | | value="å°ç¾ä¸ä¸" |
|---|
| | | /> |
|---|
| | | <el-option |
|---|
| | | :label="$t('shuJuGuanLi.pselect.CavernSpecialty')" |
|---|
| | | value="æ´åºä¸ä¸" |
|---|
| | | :label="$t('shuJuGuanLi.pselect.CavernSpecialty')" |
|---|
| | | value="æ´åºä¸ä¸" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- åæ ç³» --> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.dataUpObj.coordinateSystem')" |
|---|
| | | style="margin-right: 3%" |
|---|
| | | size="small" |
|---|
| | | :label="$t('dataManage.dataUpObj.coordinateSystem')" |
|---|
| | | style="margin-right: 3%" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.coordinateId" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-model="formInline.coordinateId" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in coordinateOption" |
|---|
| | | :key="item.epsgcode" |
|---|
| | | :label="item.coordinate" |
|---|
| | | :value="item.epsgcode" |
|---|
| | | v-for="item in coordinateOption" |
|---|
| | | :key="item.epsgcode" |
|---|
| | | :label="item.coordinate" |
|---|
| | | :value="item.epsgcode" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | <!-- éæ©æ°æ® --> |
|---|
| | | <el-form-item size="small"> |
|---|
| | | <el-link |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.specialtyData == '请éæ©æ°æ®'" |
|---|
| | | @click="setSelectFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.specialtyData == '请éæ©æ°æ®'" |
|---|
| | | @click="setSelectFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | >{{ $t('dataManage.dataUpObj.selectData') }} |
|---|
| | | </el-link> |
|---|
| | | <el-link |
|---|
| | | v-show="formInline.specialtyData != '请éæ©æ°æ®'" |
|---|
| | | @click="restSelectFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | v-show="formInline.specialtyData != '请éæ©æ°æ®'" |
|---|
| | | @click="restSelectFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | >{{ $t('common.reset') }} |
|---|
| | | </el-link> |
|---|
| | | <input |
|---|
| | | size="small" |
|---|
| | | id="selectDataFile" |
|---|
| | | type="file" |
|---|
| | | name="file" |
|---|
| | | multiple="multiple" |
|---|
| | | :accept="formInline.selectFileType" |
|---|
| | | @change="handleSelectFileChange" |
|---|
| | | style="display: none" |
|---|
| | | size="small" |
|---|
| | | id="selectDataFile" |
|---|
| | | type="file" |
|---|
| | | name="file" |
|---|
| | | multiple="multiple" |
|---|
| | | :accept="formInline.selectFileType" |
|---|
| | | @change="handleSelectFileChange" |
|---|
| | | style="display: none" |
|---|
| | | ></input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item size="small"> |
|---|
| | | <el-input |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | v-model="formInline.specialtyData" |
|---|
| | | style="width:200px;" |
|---|
| | | disabled |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | v-model="formInline.specialtyData" |
|---|
| | | style="width:200px;" |
|---|
| | | disabled |
|---|
| | | > |
|---|
| | | </el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- éæ©å
æ°æ® --> |
|---|
| | | <el-form-item v-show="uploadFlag" style="padding-left: 16px"> |
|---|
| | | <el-form-item |
|---|
| | | v-show="uploadFlag" |
|---|
| | | style="padding-left: 16px" |
|---|
| | | > |
|---|
| | | <el-link |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.metaData == '请éæ©å
æ°æ®'" |
|---|
| | | @click="setMetaFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.metaData == '请éæ©å
æ°æ®'" |
|---|
| | | @click="setMetaFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | >{{ $t('dataManage.dataUpObj.selectMetadata') }} |
|---|
| | | </el-link> |
|---|
| | | <el-link |
|---|
| | | v-show="formInline.metaData != '请éæ©å
æ°æ®'" |
|---|
| | | @click="restMetaFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | v-show="formInline.metaData != '请éæ©å
æ°æ®'" |
|---|
| | | @click="restMetaFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | >{{ $t('common.reset') }} |
|---|
| | | </el-link> |
|---|
| | | <input |
|---|
| | | id="metaDataFile" |
|---|
| | | type="file" |
|---|
| | | name="file" |
|---|
| | | multiple="multiple" |
|---|
| | | accept=".xls,.xlsx" |
|---|
| | | style="display: none" |
|---|
| | | @change="handleMetaFileChange" |
|---|
| | | id="metaDataFile" |
|---|
| | | type="file" |
|---|
| | | name="file" |
|---|
| | | multiple="multiple" |
|---|
| | | accept=".xls,.xlsx" |
|---|
| | | style="display: none" |
|---|
| | | @change="handleMetaFileChange" |
|---|
| | | ></input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | v-show="uploadFlag" |
|---|
| | | size="small" |
|---|
| | | v-show="uploadFlag" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | v-model="formInline.metaData" |
|---|
| | | style="width:200px;" |
|---|
| | | disabled |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | v-model="formInline.metaData" |
|---|
| | | style="width:200px;" |
|---|
| | | disabled |
|---|
| | | > |
|---|
| | | </el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- éæ©WBSæ°æ® --> |
|---|
| | | <el-form-item v-show="!uploadFlag"> |
|---|
| | | <el-link |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.wbsData == '请éæ©WBSæ°æ®'" |
|---|
| | | @click="setWBSFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.wbsData == '请éæ©WBSæ°æ®'" |
|---|
| | | @click="setWBSFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | >{{ $t('dataManage.dataUpObj.selectWBSData') }} |
|---|
| | | </el-link> |
|---|
| | | <el-link |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.wbsData != '请éæ©WBSæ°æ®'" |
|---|
| | | @click="restWBSFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | v-show="formInline.wbsData != '请éæ©WBSæ°æ®'" |
|---|
| | | @click="restWBSFile" |
|---|
| | | :underline="false" |
|---|
| | | type="primary" |
|---|
| | | >{{ $t('common.reset') }} |
|---|
| | | </el-link> |
|---|
| | | <input |
|---|
| | | id="wbsDataFile" |
|---|
| | | type="file" |
|---|
| | | name="file" |
|---|
| | | multiple="multiple" |
|---|
| | | accept=".xls,.xlsx" |
|---|
| | | style="display: none" |
|---|
| | | @change="handleWBSFileChange" |
|---|
| | | id="wbsDataFile" |
|---|
| | | type="file" |
|---|
| | | name="file" |
|---|
| | | multiple="multiple" |
|---|
| | | accept=".xls,.xlsx" |
|---|
| | | style="display: none" |
|---|
| | | @change="handleWBSFileChange" |
|---|
| | | ></input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item v-show="!uploadFlag"> |
|---|
| | | <el-input |
|---|
| | | placeholder="请éæ©WBSæ°æ®" |
|---|
| | | v-model="formInline.wbsData" |
|---|
| | | style="width:210px;" |
|---|
| | | disabled |
|---|
| | | placeholder="请éæ©WBSæ°æ®" |
|---|
| | | v-model="formInline.wbsData" |
|---|
| | | style="width:210px;" |
|---|
| | | disabled |
|---|
| | | > |
|---|
| | | </el-input> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | <el-form-item> |
|---|
| | | <!-- ä¸ä¼ --> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.upload" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | @click="setFileUpload" |
|---|
| | | size="small" |
|---|
| | | icon="el-icon-upload" |
|---|
| | | type="success" |
|---|
| | | v-if="menuStatus.upload" |
|---|
| | | :disabled="tableData.length == 0 ? false : true" |
|---|
| | | @click="setFileUpload" |
|---|
| | | size="small" |
|---|
| | | icon="el-icon-upload" |
|---|
| | | type="success" |
|---|
| | | >{{ |
|---|
| | | $t('common.upload') |
|---|
| | | }} |
|---|
| | | </el-button> |
|---|
| | | <!-- å é¤ --> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.delete" |
|---|
| | | :disabled="multipleSelection.length == 0 ? true : false" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | size="small" |
|---|
| | | @click="setFileDelete" |
|---|
| | | type="danger" |
|---|
| | | v-if="menuStatus.delete" |
|---|
| | | :disabled="multipleSelection.length == 0 ? true : false" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | size="small" |
|---|
| | | @click="setFileDelete" |
|---|
| | | type="danger" |
|---|
| | | >{{ $t('common.delete') }} |
|---|
| | | </el-button> |
|---|
| | | <!-- å
¥åº --> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.insert" |
|---|
| | | @click="setFileWare" |
|---|
| | | size="small" |
|---|
| | | :disabled="tableData.length == 0 ? true: false" |
|---|
| | | icon="el-icon-folder-add" |
|---|
| | | type="warning" |
|---|
| | | v-if="menuStatus.insert" |
|---|
| | | @click="setFileWare" |
|---|
| | | size="small" |
|---|
| | | :disabled="tableData.length == 0 ? true: false" |
|---|
| | | icon="el-icon-folder-add" |
|---|
| | | type="warning" |
|---|
| | | >{{ $t('common.Warehousin') }} |
|---|
| | | </el-button> |
|---|
| | | <!-- è´¨æ£ --> |
|---|
| | | <el-button |
|---|
| | | style="margin-right:-9px" |
|---|
| | | v-if="menuStatus.insert" |
|---|
| | | :disabled="multipleSelection.length == 0 ? true : false" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | icon="el-icon-folder-checked" |
|---|
| | | @click="handleQuayTestClick()" |
|---|
| | | style="margin-right:-9px" |
|---|
| | | v-if="menuStatus.insert" |
|---|
| | | :disabled="multipleSelection.length == 0 ? true : false" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | icon="el-icon-folder-checked" |
|---|
| | | @click="handleQuayTestClick()" |
|---|
| | | >{{ $t('common.quayTest') }} |
|---|
| | | </el-button> |
|---|
| | | |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | </el-form> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <!-- ä¸ä¼ æ°æ®å表 --> |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div class="table_box" :style="styleVar"> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | :style="styleVar" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | style="width:100%" |
|---|
| | | :data="tableData" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | style="width:100%" |
|---|
| | | border |
|---|
| | | :data="tableData" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="55" |
|---|
| | | type="selection" |
|---|
| | | width="55" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="status" |
|---|
| | | label="ç¶æ" |
|---|
| | | align="center" |
|---|
| | | prop="status" |
|---|
| | | label="ç¶æ" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="code" |
|---|
| | | label="ç¶æ" |
|---|
| | | v-if="false" |
|---|
| | | align="center" |
|---|
| | | prop="code" |
|---|
| | | label="ç¶æ" |
|---|
| | | v-if="false" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | label="æä½" |
|---|
| | | width="120" |
|---|
| | | label="æä½" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.download" |
|---|
| | | v-show="scope.row.code != null" |
|---|
| | | @click="handerLogClick(scope.row)" |
|---|
| | | type="primary" |
|---|
| | | size="mini" |
|---|
| | | plain |
|---|
| | | v-if="menuStatus.download" |
|---|
| | | v-show="scope.row.code != null" |
|---|
| | | @click="handerLogClick(scope.row)" |
|---|
| | | type="primary" |
|---|
| | | size="mini" |
|---|
| | | plain |
|---|
| | | > æ¥å¿ |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | </el-tab-pane> |
|---|
| | | <!-- å
¥åºæ°æ®æ¸
å --> |
|---|
| | | <el-tab-pane |
|---|
| | | :label="$t('dataManage.dataUpObj.receiptdata')" |
|---|
| | | name="second" |
|---|
| | | :label="$t('dataManage.dataUpObj.receiptdata')" |
|---|
| | | name="second" |
|---|
| | | > |
|---|
| | | <div class="inquire subpage_Div" ref="container1"> |
|---|
| | | <div |
|---|
| | | class="inquire subpage_Div" |
|---|
| | | ref="container1" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | :inline="true" |
|---|
| | | :model="formWarehousing" |
|---|
| | | class="demo-form-inline" |
|---|
| | | :inline="true" |
|---|
| | | :model="formWarehousing" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <div class="flex_box"> |
|---|
| | | <div style="margin-right: auto"> |
|---|
| | | <el-form-item size="small" :label="$t('dataManage.dataUpObj.describe')"> |
|---|
| | | <el-form-item |
|---|
| | | size="small" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="formWarehousing.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable1')" |
|---|
| | | style="width: 200px;" |
|---|
| | | ><i slot="suffix" class="el-icon-search" @click="setWarehouseSearch" style="padding-right: 8px"></i></el-input> |
|---|
| | | v-model="formWarehousing.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable1')" |
|---|
| | | style="width: 200px;" |
|---|
| | | ><i |
|---|
| | | slot="suffix" |
|---|
| | | class="el-icon-search" |
|---|
| | | @click="setWarehouseSearch" |
|---|
| | | style="padding-right: 8px" |
|---|
| | | ></i></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.upload" |
|---|
| | | :disabled="multipleDelete.length == 0 ? true : false" |
|---|
| | | @click="setEnclosure" |
|---|
| | | icon="el-icon-folder-opened" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | v-if="menuStatus.upload" |
|---|
| | | :disabled="multipleDelete.length == 0 ? true : false" |
|---|
| | | @click="setEnclosure" |
|---|
| | | icon="el-icon-folder-opened" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.enclosure') }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="menuStatus.delete" |
|---|
| | | @click="setWarehouseDel" |
|---|
| | | icon="el-icon-folder-delete" |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | v-if="menuStatus.delete" |
|---|
| | | @click="setWarehouseDel" |
|---|
| | | icon="el-icon-folder-delete" |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.delete') }} |
|---|
| | | </el-button> |
|---|
| | | <!-- <el-button |
|---|
| | | <!-- <el-button |
|---|
| | | @click="setWarehouseSearch" |
|---|
| | | icon="el-icon-upload" |
|---|
| | | size="small" |
|---|
| | |
|---|
| | | }} |
|---|
| | | </el-button>--> |
|---|
| | | <el-button |
|---|
| | | @click="setWarehouseReset" |
|---|
| | | icon="el-icon-folder-add" |
|---|
| | | size="small" |
|---|
| | | type="info" |
|---|
| | | @click="setWarehouseReset" |
|---|
| | | icon="el-icon-folder-add" |
|---|
| | | size="small" |
|---|
| | | type="info" |
|---|
| | | >{{ $t('common.reset') }} |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <!-- å
¥åº --> |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div class="table_box" :style="styleVar1"> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | :style="styleVar1" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="waretableData" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | @selection-change="handleDelteChange" |
|---|
| | | ref="filterTable" |
|---|
| | | :data="waretableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | @selection-change="handleDelteChange" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="55" |
|---|
| | | type="selection" |
|---|
| | | width="55" |
|---|
| | | > |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | |
|---|
| | | :label="$t('common.name')" |
|---|
| | | |
|---|
| | | width="120" |
|---|
| | | align="center" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span v-if="scope.row.ismeta > 0"> |
|---|
| | | <el-link style="color:#409eff" title="å
æ°æ®æ¥è¯¢" @click="setQueryMetaData(scope.row)" |
|---|
| | | target="_blank">{{ scope.row.name }}</el-link> |
|---|
| | | |
|---|
| | | </span> |
|---|
| | | <span v-if="scope.row.ismeta > 0"> |
|---|
| | | <el-link |
|---|
| | | style="color:#409eff" |
|---|
| | | title="æºæ°æ®æ¥è¯¢" |
|---|
| | | @click="setQueryMetaData(scope.row)" |
|---|
| | | target="_blank" |
|---|
| | | >{{ scope.row.name }}</el-link> |
|---|
| | | |
|---|
| | | </span> |
|---|
| | | <span v-else-if="scope.row.metaid > 0"> |
|---|
| | | <el-link |
|---|
| | | style="color:#409eff" |
|---|
| | | title="å
æ°æ®æ¥è¯¢" |
|---|
| | | @click="setMetaDataQuery(scope.row)" |
|---|
| | | target="_blank" |
|---|
| | | >{{ scope.row.name }}</el-link> |
|---|
| | | |
|---|
| | | </span> |
|---|
| | | <span v-else>{{ scope.row.name }}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a |
|---|
| | | class="scopeRowColor" |
|---|
| | | @click="detail(scope.row)" |
|---|
| | | class="scopeRowColor" |
|---|
| | | @click="detail(scope.row)" |
|---|
| | | >{{ scope.row.tab }}</a> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="uname" |
|---|
| | | :label="$t('dataManage.vmobj.createonuser')" |
|---|
| | | align="center" |
|---|
| | | prop="uname" |
|---|
| | | :label="$t('dataManage.vmobj.createonuser')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="createTime" |
|---|
| | | :label="$t('dataManage.vmobj.createontime')" |
|---|
| | | :formatter="changetimeFile" |
|---|
| | | width="100" |
|---|
| | | align="center" |
|---|
| | | prop="createTime" |
|---|
| | | :label="$t('dataManage.vmobj.createontime')" |
|---|
| | | :formatter="changetimeFile" |
|---|
| | | width="100" |
|---|
| | | /> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box" style="margin-top: 15px"> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | </el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | <!-- è´¨æ£å¼¹çª --> |
|---|
| | | <el-dialog |
|---|
| | | title="æ°æ®è´¨æ£" |
|---|
| | | :visible.sync="quayTestVisible" |
|---|
| | | width="70%" |
|---|
| | | :modal="false" |
|---|
| | | :before-close="handleQuayTestCloseDown" |
|---|
| | | title="æ°æ®è´¨æ£" |
|---|
| | | :visible.sync="quayTestVisible" |
|---|
| | | width="70%" |
|---|
| | | :modal="false" |
|---|
| | | :before-close="handleQuayTestCloseDown" |
|---|
| | | > |
|---|
| | | <div class="dialogDiv"> |
|---|
| | | <el-form |
|---|
| | | :inline="true" |
|---|
| | | :model="quayTestForms " |
|---|
| | | class="demo-form-inline" |
|---|
| | | :inline="true" |
|---|
| | | :model="quayTestForms " |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')"> |
|---|
| | | <el-input |
|---|
| | | disabled |
|---|
| | | v-model="quayTestForms.sjzy" |
|---|
| | | disabled |
|---|
| | | v-model="quayTestForms.sjzy" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.dataUpObj.storageDirectory')"> |
|---|
| | | <el-input |
|---|
| | | disabled |
|---|
| | | style="width:400px" |
|---|
| | | v-model="quayTestForms.names" |
|---|
| | | disabled |
|---|
| | | style="width:400px" |
|---|
| | | v-model="quayTestForms.names" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <el-divider/> |
|---|
| | | <el-divider /> |
|---|
| | | <div class="dialogContent"> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkAttrs" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkAttrs" |
|---|
| | | > |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >å±æ§æ£æ¥ï¼(*dlg*.gdb+*å°å½¢å¾**.dwg) |
|---|
| | | </el-checkbox> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkMath" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkMath" |
|---|
| | | > |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >æ°å¦åºç¡æ£æ¥ï¼(.shp,.dlg) |
|---|
| | | </el-checkbox> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkDecorate" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkDecorate" |
|---|
| | | > |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >å¾é¢æ´é¥°æ£æ¥ï¼(.dwg) |
|---|
| | | </el-checkbox> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkXls" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkXls" |
|---|
| | | > |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >è¡¨æ ¼æ°æ®æ£æ¥ï¼(.xls/.xlsx) |
|---|
| | | </el-checkbox> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkOrigin" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkOrigin" |
|---|
| | | > |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >åç¹æ£æ¥ï¼(*åé¢å¾*.dwg) |
|---|
| | | </el-checkbox> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkMeta" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkMeta" |
|---|
| | | > |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >å
æ°æ®æ£æ¥ï¼(*å
æ°æ®*.xls/.xlsx) |
|---|
| | | </el-checkbox> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkTopology" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkTopology" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >æææ£æ¥ï¼(*å°å½¢å¾*.dwg) |
|---|
| | | </el-checkbox> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkDom" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkDom" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >æ
æ ¼æ£æ¥ï¼(.tif/.img) |
|---|
| | | </el-checkbox> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkDem" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkDem" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >é«ç¨æ£æ¥ï¼(.tif/.img) |
|---|
| | | </el-checkbox> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkLaz" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkLaz" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >ç¹äºæ£æ¥ï¼(.laz + *æ¿å
ç¹äº*.xls/.xlsx) |
|---|
| | | </el-checkbox> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkOsgb" |
|---|
| | | class="ContBox" |
|---|
| | | v-show="quayTestShow.checkOsgb" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | ref="quayForms" |
|---|
| | | :model="quayTestForms" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-checkbox |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | checked |
|---|
| | | disabled |
|---|
| | | >OSGBæ£æ¥ï¼(.osgb + *å¾ææå½±*.xls/.xlsx) |
|---|
| | | </el-checkbox> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <span |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="quayTestVisible = false" |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="quayTestVisible = false" |
|---|
| | | >å æ¶</el-button> |
|---|
| | | <el-button |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="commonQuayTest" |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="commonQuayTest" |
|---|
| | | >ç¡® å®</el-button> |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- æ´ä½æ件质æ£å¼¹çª --> |
|---|
| | | <el-dialog |
|---|
| | | title="æ°æ®è´¨æ£" |
|---|
| | | :visible.sync="testQuayVisible" |
|---|
| | | :modal="false" |
|---|
| | | :before-close="handleTestQuayCloseDown" |
|---|
| | | |
|---|
| | | title="æ°æ®è´¨æ£" |
|---|
| | | :visible.sync="testQuayVisible" |
|---|
| | | :modal="false" |
|---|
| | | :before-close="handleTestQuayCloseDown" |
|---|
| | | > |
|---|
| | | <el-form :model="formCheckAll" label-position="top"> |
|---|
| | | <el-form |
|---|
| | | :model="formCheckAll" |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <el-form-item label="项ç®å称"> |
|---|
| | | |
|---|
| | | <el-input |
|---|
| | | disabled |
|---|
| | | v-model="formCheckAll.xmmc" |
|---|
| | | style="width:85%" |
|---|
| | | disabled |
|---|
| | | v-model="formCheckAll.xmmc" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="æå±ä¸ä¸"> |
|---|
| | | |
|---|
| | | |
|---|
| | | <el-input |
|---|
| | | disabled |
|---|
| | | v-model="formCheckAll.sjzy" |
|---|
| | | style="width:85%" |
|---|
| | | disabled |
|---|
| | | v-model="formCheckAll.sjzy" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | v-show="formCheckAll.isDiZai" |
|---|
| | | label="æå±ä¸ä¸" |
|---|
| | | v-show="formCheckAll.isDiZai" |
|---|
| | | label="å°ç¾ç±»å" |
|---|
| | | > |
|---|
| | | |
|---|
| | | <el-select |
|---|
| | | v-model="formCheckAll.diZaiType" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="formCheckAll.diZaiType" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in disOptions" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | v-for="item in disOptions" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | |
|---|
| | | |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <span |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="testQuayVisible = false" |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="testQuayVisible = false" |
|---|
| | | >å æ¶</el-button> |
|---|
| | | <el-button |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="commonTestQuay" |
|---|
| | | class="elBotton" |
|---|
| | | size="small" |
|---|
| | | @click="commonTestQuay" |
|---|
| | | >ç¡® å®</el-button> |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- ifreamä¸è½½æ件å°å --> |
|---|
| | | <iframe |
|---|
| | | id="downFrame" |
|---|
| | | src="" |
|---|
| | | style="display: none; border: 0; padding: 0; height: 0; width: 0" |
|---|
| | | id="downFrame" |
|---|
| | | src="" |
|---|
| | | style="display: none; border: 0; padding: 0; height: 0; width: 0" |
|---|
| | | ></iframe> |
|---|
| | | <!-- æ°æ®å¹é
--> |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('dataManage.datawarehousing')" |
|---|
| | | :visible.sync="dialogWarehousing" |
|---|
| | | width="70%" |
|---|
| | | :title="$t('dataManage.datawarehousing')" |
|---|
| | | :visible.sync="dialogWarehousing" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div class="dialogBox"> |
|---|
| | | <div class="transFarBox subpage_Div"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | @click="singleElection(item)" |
|---|
| | | v-for="(item, i) in tableWareOne" |
|---|
| | | :class="{ active: activeName == item.eventid }" |
|---|
| | | @click="singleElection(item)" |
|---|
| | | v-for="(item, i) in tableWareOne" |
|---|
| | | :class="{ active: activeName == item.eventid }" |
|---|
| | | >{{ item.tab }} ({{ item.type }}) |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | |
|---|
| | | <div class="transFarBox subpage_Div"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | @click="singleElection2(item)" |
|---|
| | | v-for="(item, i) in tableWareTwo" |
|---|
| | | :class="{ active: activeName2 == item.entity }" |
|---|
| | | @click="singleElection2(item)" |
|---|
| | | v-for="(item, i) in tableWareTwo" |
|---|
| | | :class="{ active: activeName2 == item.entity }" |
|---|
| | | >{{ item.tabDesc }} ( {{ item.ns }}.{{ item.tab }}) |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | |
|---|
| | | <div style="padding:2%"> |
|---|
| | | <el-link @click="setWareTableChangeLeft"><i class="el-icon-d-arrow-left"></i></el-link> |
|---|
| | | </div> |
|---|
| | | <br/> |
|---|
| | | <br /> |
|---|
| | | <div style="padding:2%"> |
|---|
| | | <el-link><i |
|---|
| | | @click="setWareTableChangeRight" |
|---|
| | | class="el-icon-d-arrow-right" |
|---|
| | | ></i></el-link> |
|---|
| | | ></i></el-link> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="transFarBox subpage_Div"> |
|---|
| | | <ul> |
|---|
| | | <li |
|---|
| | | @click="singleElection3(i)" |
|---|
| | | v-for="(item, i) in tableWareThree" |
|---|
| | | :class="{ active: activeName3 ==( item.tab+i)}" |
|---|
| | | @click="singleElection3(i)" |
|---|
| | | v-for="(item, i) in tableWareThree" |
|---|
| | | :class="{ active: activeName3 ==( item.tab+i)}" |
|---|
| | | >{{ item.tab }} ( {{ item.tabDesc }} {{ item.ns }}.{{ item.tabs }} ) |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <span |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | @click="autoMatchWare" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="autoMatchWare" |
|---|
| | | type="primary" |
|---|
| | | >èªå¨å¹é
</el-button> |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | type="info" |
|---|
| | | @click="setInsrtWareTableClose " |
|---|
| | | size="small" |
|---|
| | | type="info" |
|---|
| | | @click="setInsrtWareTableClose " |
|---|
| | | >å æ¶</el-button> |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="setInsrtWareTable" |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="setInsrtWareTable" |
|---|
| | | >ç¡® å®</el-button> |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('common.details')" |
|---|
| | | :visible.sync="dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | :title="$t('common.details')" |
|---|
| | | :visible.sync="dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="dbTableData" |
|---|
| | | height="90%" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | ref="filterTable" |
|---|
| | | :data="dbTableData" |
|---|
| | | height="90%" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | width="60" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="60" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | v-for="(item, index) in attributeData" |
|---|
| | | :key="index" |
|---|
| | | :label="item.alias" |
|---|
| | | :prop="item.field" |
|---|
| | | show-overflow-tooltip |
|---|
| | | align="center" |
|---|
| | | v-for="(item, index) in attributeData" |
|---|
| | | :key="index" |
|---|
| | | :label="item.alias" |
|---|
| | | :prop="item.field" |
|---|
| | | show-overflow-tooltip |
|---|
| | | align="center" |
|---|
| | | ></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div |
|---|
| | | style="margin-top: 15px" |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | class="pagination_box" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleLoaderSizeChange" |
|---|
| | | @current-change="handleLoaderCurrentChange" |
|---|
| | | :current-page="listLoader.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listLoader.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count1" |
|---|
| | | @size-change="handleLoaderSizeChange" |
|---|
| | | @current-change="handleLoaderCurrentChange" |
|---|
| | | :current-page="listLoader.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listLoader.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count1" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | title="ä¸ä¼ è¿åº¦" |
|---|
| | | :visible.sync="jindudialogVisible" |
|---|
| | | width="30%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | :title="sc.label1" |
|---|
| | | :visible.sync="jindudialogVisible" |
|---|
| | | width="30%" |
|---|
| | | > |
|---|
| | | <div> |
|---|
| | | <div> |
|---|
| | | æä»¶ä¼ è¾è¿åº¦ï¼ |
|---|
| | | {{sc.label2}} |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <el-progress |
|---|
| | | :percentage="jindutiao" |
|---|
| | | :format="format" |
|---|
| | | :percentage="jindutiao" |
|---|
| | | :format="format" |
|---|
| | | ></el-progress> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('common.details')" |
|---|
| | | :visible.sync="enclosureVisible" |
|---|
| | | :show-close="false" |
|---|
| | | :title="$t('common.details')" |
|---|
| | | :visible.sync="enclosureVisible" |
|---|
| | | :show-close="false" |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | style="font-size:20px" |
|---|
| | | class="scopeRowColor" |
|---|
| | | style="font-size:20px" |
|---|
| | | class="scopeRowColor" |
|---|
| | | >{{ enclosureTitle }}ä¸è½ä¸ä¼ é件æ¯å¦ç»§ç»</span> |
|---|
| | | <span |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button @click="enclosureVisible = false">å æ¶</el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | @click="uploadAnFiles" |
|---|
| | | type="primary" |
|---|
| | | @click="uploadAnFiles" |
|---|
| | | >继ç»</el-button> |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag" |
|---|
| | | width="70%" |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto;width:100%; "> |
|---|
| | | <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline"> |
|---|
| | | <el-form |
|---|
| | | :inline="true" |
|---|
| | | :model="fromQueryMeta" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-input size="small" v-model="fromQueryMeta.name" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | suffix-icon="el-icon-edit"></el-input> |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | v-model="fromQueryMeta.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | suffix-icon="el-icon-edit" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item> |
|---|
| | | <el-button type="primary" size="small" @click="setSearchMetaData()">æ¥è¯¢</el-button> |
|---|
| | | <el-button type="info" size="small" @click="setRestMetaData()">éç½®</el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="setSearchMetaData()" |
|---|
| | | >æ¥è¯¢</el-button> |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="setRestMetaData()" |
|---|
| | | >éç½®</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 130px)" |
|---|
| | | |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 130px)" |
|---|
| | | > |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | |
|---|
| | | width="120" |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | |
|---|
| | | |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a |
|---|
| | | class="scopeRowColor" |
|---|
| | | @click="detail(scope.row)" |
|---|
| | | class="scopeRowColor" |
|---|
| | | @click="detail(scope.row)" |
|---|
| | | >{{ scope.row.tab }}</a> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | |
|---|
| | | </el-table> |
|---|
| | | <div |
|---|
| | | style="margin-top: 15px" |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | class="pagination_box" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleMetaSizeChange" |
|---|
| | | @current-change="handMetaCurrentChange" |
|---|
| | | :current-page="listMetaData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listMetaData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="listMetaData.count" |
|---|
| | | @size-change="handleMetaSizeChange" |
|---|
| | | @current-change="handMetaCurrentChange" |
|---|
| | | :current-page="listMetaData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listMetaData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="listMetaData.count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag1" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 65vh; width: 100%"> |
|---|
| | | |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable1" |
|---|
| | | style="width: 100%" |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a |
|---|
| | | class="scopeRowColor" |
|---|
| | | @click="detail(scope.row)" |
|---|
| | | >{{ |
|---|
| | | scope.row.tab |
|---|
| | | }}</a> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | /> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <input |
|---|
| | | name="file1" |
|---|
| | | :accept="'.zip'" |
|---|
| | | type="file" |
|---|
| | | id="editimageFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="uploadAnFilesChange" |
|---|
| | | name="file1" |
|---|
| | | :accept="'.zip'" |
|---|
| | | type="file" |
|---|
| | | id="editimageFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="uploadAnFilesChange" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | <script> |
|---|
| | | import $ from "jquery"; |
|---|
| | | import MyBread from "../../components/MyBread.vue"; |
|---|
| | | import {getToken} from "@/utils/auth"; |
|---|
| | | import { getToken } from "@/utils/auth"; |
|---|
| | | import { |
|---|
| | | dataUpload_deleteMetas, |
|---|
| | | dataUpload_insertFiles, |
|---|
| | |
|---|
| | | dataUploadSelectFiles, |
|---|
| | | dataUploadSelectPath, |
|---|
| | | dataUploadSelectVerByDirid, |
|---|
| | | dataUpload_selectMetaById, |
|---|
| | | selectdirTab, |
|---|
| | | } from "../../api/api"; |
|---|
| | | |
|---|
| | |
|---|
| | | name: null, |
|---|
| | | }, |
|---|
| | | count: 0, |
|---|
| | | formWarehousing: {name: ""}, |
|---|
| | | formWarehousing: { name: "" }, |
|---|
| | | multipleSelection: [], |
|---|
| | | tableData: [], |
|---|
| | | entryOption: [], |
|---|
| | |
|---|
| | | selectFileType: "*.*", |
|---|
| | | coordinateId: null, |
|---|
| | | path: null, |
|---|
| | | verid: null, |
|---|
| | | }, |
|---|
| | | cascader: { |
|---|
| | | label: "name", |
|---|
| | |
|---|
| | | name: "", |
|---|
| | | }, |
|---|
| | | metaDataTable: [], |
|---|
| | | queryMetaFlag1: false, |
|---|
| | | metaDataTable1: [], |
|---|
| | | getCheckedKeys: null, |
|---|
| | | sc: { |
|---|
| | | label1: 'ä¸ä¼ ', |
|---|
| | | label2: 'æ件ä¸ä¼ è¿åº¦ï¼' |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | mounted() { |
|---|
| | | //è·åç®å½ |
|---|
| | | this.getSelectdirTab(); |
|---|
| | | |
|---|
| | | //è·ååæ ç³» |
|---|
| | | this.setCoordinateSystem(); |
|---|
| | | //è·å项ç®å称 |
|---|
| | |
|---|
| | | this.getPerms(); |
|---|
| | | window.addEventListener("resize", this.onResize); |
|---|
| | | this.calHeight(); |
|---|
| | | //è·åç®å½ |
|---|
| | | this.getSelectdirTab(); |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | this.timer && clearTimeout(this.timer); |
|---|
| | |
|---|
| | | this.listMetaData.pageIndex = val; |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //å
æ°æ®æ¥è¯¢ |
|---|
| | | async setMetaDataQuery(row) { |
|---|
| | | this.fromQueryMeta.title = row.name; |
|---|
| | | this.listMetaData = { |
|---|
| | | id: row.metaid, |
|---|
| | | }; |
|---|
| | | const data = await dataUpload_selectMetaById(this.listMetaData); |
|---|
| | | if (data.code != 200) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.queryMetaFlag1 = true; |
|---|
| | | this.metaDataTable1 = [data.result]; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | //å
æ°æ®æ¥è¯¢ |
|---|
| | | setQueryMetaData(row) { |
|---|
| | | this.fromQueryMeta.title = row.name; |
|---|
| | |
|---|
| | | formData.append("ids", this.enclosureData[i]); |
|---|
| | | } |
|---|
| | | const that = this; |
|---|
| | | this.sc = { |
|---|
| | | label1: 'ä¸ä¼ ', |
|---|
| | | label2: 'æ件ä¸ä¼ è¿åº¦ï¼' |
|---|
| | | } |
|---|
| | | that.jindudialogVisible = true; |
|---|
| | | that.$set(this, "jindutiaoname", "é件ä¸ä¼ "); |
|---|
| | | that.$set(this, "jindutiao", 0); |
|---|
| | | |
|---|
| | | this.loading = true; |
|---|
| | | $.ajax( |
|---|
| | | BASE_URL + |
|---|
| | | "/dataUpload/uploadXlsAnnex?token=" + |
|---|
| | | getToken() + |
|---|
| | | "&path=" + |
|---|
| | | this.formInline.path, |
|---|
| | | { |
|---|
| | | type: "post", |
|---|
| | | data: formData, |
|---|
| | | async: true, |
|---|
| | | cache: false, |
|---|
| | | processData: false, |
|---|
| | | contentType: false, |
|---|
| | | success: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | if (rs.code != 200) { |
|---|
| | | return this.$message.error("é件ä¸ä¼ 失败"); |
|---|
| | | } |
|---|
| | | BASE_URL + |
|---|
| | | "/dataUpload/uploadXlsAnnex?token=" + |
|---|
| | | getToken() + |
|---|
| | | "&path=" + |
|---|
| | | this.formInline.path, |
|---|
| | | { |
|---|
| | | type: "post", |
|---|
| | | data: formData, |
|---|
| | | async: true, |
|---|
| | | cache: false, |
|---|
| | | processData: false, |
|---|
| | | contentType: false, |
|---|
| | | success: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | if (rs.code != 200) { |
|---|
| | | return this.$message.error("é件ä¸ä¼ 失败"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$set(this, "jindutiao", 100); |
|---|
| | | this.$message({ |
|---|
| | | message: "é件ä¸ä¼ æå", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | error: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | this.$message.error("é件ä¸ä¼ 失败"); |
|---|
| | | }, |
|---|
| | | xhr: function () { |
|---|
| | | var myXhr = $.ajaxSettings.xhr(); |
|---|
| | | if (myXhr.upload) { |
|---|
| | | //æ£æ¥uploadå±æ§æ¯å¦åå¨ |
|---|
| | | myXhr.upload.addEventListener( |
|---|
| | | "progress", |
|---|
| | | that.progressHandlingFunction, |
|---|
| | | false |
|---|
| | | ); //ç»å®progressäºä»¶çåè°å½æ° |
|---|
| | | } |
|---|
| | | return myXhr; //xhr对象è¿åç»jQueryä½¿ç¨ |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | this.$set(this, "jindutiao", 100); |
|---|
| | | this.$message({ |
|---|
| | | message: "é件ä¸ä¼ æå", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | error: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | this.$message.error("é件ä¸ä¼ 失败"); |
|---|
| | | }, |
|---|
| | | xhr: function () { |
|---|
| | | var myXhr = $.ajaxSettings.xhr(); |
|---|
| | | if (myXhr.upload) { |
|---|
| | | //æ£æ¥uploadå±æ§æ¯å¦åå¨ |
|---|
| | | myXhr.upload.addEventListener( |
|---|
| | | "progress", |
|---|
| | | that.progressHandlingFunction, |
|---|
| | | false |
|---|
| | | ); //ç»å®progressäºä»¶çåè°å½æ° |
|---|
| | | } |
|---|
| | | return myXhr; //xhr对象è¿åç»jQueryä½¿ç¨ |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | //éæ©ä¸ä¼ é件çæ件 |
|---|
| | |
|---|
| | | this.$message.error("å段å表è°ç¨å¤±è´¥"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | var val = data1.result; |
|---|
| | | for (var i in val) { |
|---|
| | | val[i].createuser = val[i].createName; |
|---|
| | |
|---|
| | | } |
|---|
| | | this.dbTableData = data1.result; |
|---|
| | | this.count1 = data1.count; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | changetimeLayer(res) { |
|---|
| | | var time = new Date(res); |
|---|
| | | 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) + |
|---|
| | | ' ' + |
|---|
| | | h + |
|---|
| | | ':' + |
|---|
| | | mm + |
|---|
| | | ':' + |
|---|
| | | s |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | //èªå¨å¹é
åæ¶ |
|---|
| | | setInsrtWareTableClose() { |
|---|
| | |
|---|
| | | |
|---|
| | | this.loading = true; |
|---|
| | | const res = await dataUpload_insertFiles( |
|---|
| | | JSON.stringify(this.insertWareList) |
|---|
| | | JSON.stringify(this.insertWareList) |
|---|
| | | ); |
|---|
| | | this.loading = false; |
|---|
| | | if (res.code != 200) { |
|---|
| | |
|---|
| | | } |
|---|
| | | std.forEach((item) => { |
|---|
| | | this.tableWareOne = this.tableWareOne.filter( |
|---|
| | | (items) => items.tab !== item |
|---|
| | | (items) => items.tab !== item |
|---|
| | | ); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | |
|---|
| | | this.wareSelectOne.entity = this.wareSelectTwo.entity; |
|---|
| | | this.wareSelectOne.tabDesc = this.wareSelectTwo.tabDesc; |
|---|
| | | this.wareSelectOne.tabs = |
|---|
| | | this.wareSelectTwo.ns + "." + this.wareSelectTwo.tab; |
|---|
| | | this.wareSelectTwo.ns + "." + this.wareSelectTwo.tab; |
|---|
| | | if (this.tableWareThree.indexOf(this.wareSelectOne) != -1) { |
|---|
| | | } else { |
|---|
| | | this.tableWareThree.push(this.wareSelectOne); |
|---|
| | |
|---|
| | | } |
|---|
| | | if (std.length != 0) { |
|---|
| | | return this.$message.error( |
|---|
| | | std.toString() + ",æªè´¨æ£æè´¨æ£å¤±è´¥,ä¸è½å
¥åº" |
|---|
| | | std.toString() + ",æªè´¨æ£æè´¨æ£å¤±è´¥,ä¸è½å
¥åº" |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | } else if (this.formInline.uploadType == "v2") { |
|---|
| | |
|---|
| | | } |
|---|
| | | if (std.length != 0) { |
|---|
| | | return this.$message.error( |
|---|
| | | std.toString() + ",æªè´¨æ£æè´¨æ£å¤±è´¥,ä¸è½å
¥åº" |
|---|
| | | std.toString() + ",æªè´¨æ£æè´¨æ£å¤±è´¥,ä¸è½å
¥åº" |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | handerLogClick(res) { |
|---|
| | | for (var i in res.code) { |
|---|
| | | var url = |
|---|
| | | BASE_URL + |
|---|
| | | "/dataUpload/downloadResult?token=" + |
|---|
| | | getToken() + |
|---|
| | | "&id=" + |
|---|
| | | res.code[i]; |
|---|
| | | BASE_URL + |
|---|
| | | "/dataUpload/downloadResult?token=" + |
|---|
| | | getToken() + |
|---|
| | | "&id=" + |
|---|
| | | res.code[i]; |
|---|
| | | $("#downFrame").attr("src", url).click(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //æ´ä½æ件质æ£æ交 |
|---|
| | | commonTestQuay() { |
|---|
| | | this.testQuayVisible = false; |
|---|
| | | if (this.formCheckAll.diZaiType != "NO") { |
|---|
| | | this.formCheckAll.isDiZai = "YES"; |
|---|
| | | // if (this.formCheckAll.diZaiType != "NO") { |
|---|
| | | // this.formCheckAll.isDiZai = "YES"; |
|---|
| | | // } |
|---|
| | | // |
|---|
| | | this.sc = { |
|---|
| | | label1: 'è´¨æ£', |
|---|
| | | label2: 'æ件质æ£è¿åº¦ï¼' |
|---|
| | | } |
|---|
| | | this.loading = true; |
|---|
| | | this.jindudialogVisible = true; |
|---|
| | | this.loading = false; |
|---|
| | | this.$set(this, "jindutiao", 0); |
|---|
| | | this.getStartTestQuayTaskStatus(); |
|---|
| | | }, |
|---|
| | | //æ´ä½æ件å¤æ¡æ°æ®è´¨æ£ |
|---|
| | | async getStartTestQuayTaskStatus() { |
|---|
| | | if ( |
|---|
| | | this.multipleSelection == 0 || |
|---|
| | | this.taskStatus == this.multipleSelection.length |
|---|
| | | this.multipleSelection == 0 || |
|---|
| | | this.taskStatus == this.multipleSelection.length |
|---|
| | | ) { |
|---|
| | | this.jindudialogVisible = false; |
|---|
| | | this.loading = false; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | |
|---|
| | | |
|---|
| | | //åæ件æ°æ®è´¨æ£æ交 |
|---|
| | | async commonQuayTest() { |
|---|
| | | this.loading = true; |
|---|
| | | // this.loading = true; |
|---|
| | | this.quayTestVisible = false; |
|---|
| | | this.taskStatus = 0; |
|---|
| | | this.getStartTaskStatus(); |
|---|
| | | this.sc = { |
|---|
| | | label1: 'è´¨æ£', |
|---|
| | | label2: 'æ件质æ£è¿åº¦ï¼' |
|---|
| | | } |
|---|
| | | this.jindudialogVisible = true; |
|---|
| | | |
|---|
| | | this.$set(this, "jindutiao", 0); |
|---|
| | | }, |
|---|
| | | //åæ件å¤æ¡æ°æ®è´¨æ£ |
|---|
| | | async getStartTaskStatus() { |
|---|
| | | const that = this; |
|---|
| | | if ( |
|---|
| | | this.multipleSelection == 0 || |
|---|
| | | this.taskStatus == this.multipleSelection.length |
|---|
| | | this.multipleSelection == 0 || |
|---|
| | | this.taskStatus == this.multipleSelection.length |
|---|
| | | ) { |
|---|
| | | this.loading = false; |
|---|
| | | that.jindudialogVisible = false; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | this.quayTestForms.zipPath = this.multipleSelection[this.taskStatus].path; |
|---|
| | | if (this.quayTestForms.zipPath.indexOf(".zip") == -1) { |
|---|
| | | this.taskStatus++; |
|---|
| | | this.getStartTaskStatus(); |
|---|
| | | } else { |
|---|
| | | this.quayTestForms.names = this.pathBak; |
|---|
| | | var value = this.$refs["selectcascader"].getCheckedNodes(); |
|---|
| | | var bak = value[0].data.fullName.split("\\"); |
|---|
| | | var value = this.getCheckedKeys |
|---|
| | | var bak = value.data.fullName.split("\\"); |
|---|
| | | this.quayTestForms.xmmc = bak[this.taskStatus]; |
|---|
| | | this.quayTestForms.sjzy = this.formInline.specialtyId; |
|---|
| | | this.quayTestForms.zipPath = |
|---|
| | | this.multipleSelection[this.taskStatus].path; |
|---|
| | | this.multipleSelection[this.taskStatus].path; |
|---|
| | | const data = await dataUpload_uploadChecks(this.quayTestForms); |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("æ°æ®è´¨æ£æ交失败"); |
|---|
| | |
|---|
| | | async getselectTaskStatus(res) { |
|---|
| | | var std = 0; |
|---|
| | | for (var i = 0; i < res.length; i++) { |
|---|
| | | const data = await dataUpload_selectTaskStatus({id: res[i]}); |
|---|
| | | const data = await dataUpload_selectTaskStatus({ id: res[i] }); |
|---|
| | | |
|---|
| | | std += data.progress; |
|---|
| | | |
|---|
| | |
|---|
| | | //è´¨æ£æå |
|---|
| | | for (var i in this.tableData) { |
|---|
| | | if ( |
|---|
| | | this.tableData[i].path == |
|---|
| | | this.multipleSelection[this.taskStatus].path |
|---|
| | | this.tableData[i].path == |
|---|
| | | this.multipleSelection[this.taskStatus].path |
|---|
| | | ) { |
|---|
| | | this.tableData[i].status = "è´¨æ£æå"; |
|---|
| | | } |
|---|
| | |
|---|
| | | //ä»»å¡å¤±è´¥ |
|---|
| | | for (var i in this.tableData) { |
|---|
| | | if ( |
|---|
| | | this.tableData[i].path == |
|---|
| | | this.multipleSelection[this.taskStatus].path |
|---|
| | | this.tableData[i].path == |
|---|
| | | this.multipleSelection[this.taskStatus].path |
|---|
| | | ) { |
|---|
| | | this.tableData[i].status = "è´¨æ£å¤±è´¥"; |
|---|
| | | } |
|---|
| | |
|---|
| | | this.progress = std / (res.length * 100); |
|---|
| | | for (var i in this.tableData) { |
|---|
| | | if ( |
|---|
| | | this.tableData[i].path == this.multipleSelection[this.taskStatus].path |
|---|
| | | this.tableData[i].path == this.multipleSelection[this.taskStatus].path |
|---|
| | | ) { |
|---|
| | | this.$set(this, "jindutiao", parseInt(this.progress * 100)); |
|---|
| | | this.tableData[i].status = parseInt(this.progress * 100) + "%"; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | async sendTaskStatus(res) { |
|---|
| | | var std = 0; |
|---|
| | | for (var i = 0; i < res.length; i++) { |
|---|
| | | const data = await dataUpload_selectTaskStatus({id: res[i]}); |
|---|
| | | const data = await dataUpload_selectTaskStatus({ id: res[i] }); |
|---|
| | | std += data.progress; |
|---|
| | | |
|---|
| | | if (data.status == 5) { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.progress = std / (res.length * 100); |
|---|
| | | |
|---|
| | | |
|---|
| | | // for (var i in this.tableData) { |
|---|
| | | // if (this.tableData[i].path == this.multipleSelection[this.taskStatus].path) { |
|---|
| | | // this.tableData[i].status = parseInt(this.progress * 100) + "%"; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | this.$set(this, "jindutiao", parseInt(this.progress * 100)); |
|---|
| | | for (var i in this.tableData) { |
|---|
| | | for (var j in this.multipleSelection) { |
|---|
| | | if (this.tableData[i].path == this.multipleSelection[j].path) { |
|---|
| | |
|---|
| | | } |
|---|
| | | for (var i = 0, c = fs1.files.length; i < c; i++) { |
|---|
| | | formData.append(fs1.files[i].name, fs1.files[i]); |
|---|
| | | this.fileType.push({name: fs1.files[i].name, type: "selectData"}); |
|---|
| | | this.fileType.push({ name: fs1.files[i].name, type: "selectData" }); |
|---|
| | | } |
|---|
| | | if (fs2 != null) { |
|---|
| | | for (var i = 0, c = fs2.files.length; i < c; i++) { |
|---|
| | | formData.append(fs2.files[i].name, fs2.files[i]); |
|---|
| | | if (this.formInline.uploadType == "v1") { |
|---|
| | | this.fileType.push({name: fs2.files[i].name, type: "metaData"}); |
|---|
| | | this.fileType.push({ name: fs2.files[i].name, type: "metaData" }); |
|---|
| | | } else if (this.formInline.uploadType == "v2") { |
|---|
| | | this.fileType.push({name: fs2.files[i].name, type: "wbsData"}); |
|---|
| | | this.fileType.push({ name: fs2.files[i].name, type: "wbsData" }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | }); |
|---|
| | | that.$set(this, "jindutiaoname", listval); |
|---|
| | | that.$set(this, "jindutiao", 0); |
|---|
| | | this.loading = true; |
|---|
| | | // this.loading = true; |
|---|
| | | $.ajax( |
|---|
| | | BASE_URL + |
|---|
| | | "/dataUpload/uploadFiles?token=" + |
|---|
| | | token + |
|---|
| | | "&path=" + |
|---|
| | | this.formInline.path, |
|---|
| | | { |
|---|
| | | type: "post", |
|---|
| | | data: formData, |
|---|
| | | async: true, |
|---|
| | | cache: false, |
|---|
| | | processData: false, |
|---|
| | | contentType: false, |
|---|
| | | success: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | if (rs.code != 200) { |
|---|
| | | return this.$message.error("æ°æ®ä¸ä¼ 失败"); |
|---|
| | | } |
|---|
| | | this.getFileLength(); |
|---|
| | | this.$set(this, "jindutiao", 100); |
|---|
| | | this.$message({ |
|---|
| | | message: "ä¸ä¼ æå", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.clearFileSelect(); |
|---|
| | | }, |
|---|
| | | error: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | this.$message.error("æ°æ®ä¸ä¼ 失败"); |
|---|
| | | }, |
|---|
| | | xhr: function () { |
|---|
| | | var myXhr = $.ajaxSettings.xhr(); |
|---|
| | | BASE_URL + |
|---|
| | | "/dataUpload/uploadFiles?token=" + |
|---|
| | | token + |
|---|
| | | "&path=" + |
|---|
| | | this.formInline.path, |
|---|
| | | { |
|---|
| | | type: "post", |
|---|
| | | data: formData, |
|---|
| | | async: true, |
|---|
| | | cache: false, |
|---|
| | | processData: false, |
|---|
| | | contentType: false, |
|---|
| | | success: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | if (rs.code != 200) { |
|---|
| | | return this.$message.error("æ°æ®ä¸ä¼ 失败"); |
|---|
| | | } |
|---|
| | | this.getFileLength(); |
|---|
| | | this.$set(this, "jindutiao", 100); |
|---|
| | | this.$message({ |
|---|
| | | message: "ä¸ä¼ æå", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.clearFileSelect(); |
|---|
| | | }, |
|---|
| | | error: (rs) => { |
|---|
| | | this.loading = false; |
|---|
| | | this.$message.error("æ°æ®ä¸ä¼ 失败"); |
|---|
| | | }, |
|---|
| | | xhr: function () { |
|---|
| | | var myXhr = $.ajaxSettings.xhr(); |
|---|
| | | |
|---|
| | | if (myXhr.upload) { |
|---|
| | | //æ£æ¥uploadå±æ§æ¯å¦åå¨ |
|---|
| | | myXhr.upload.addEventListener( |
|---|
| | | "progress", |
|---|
| | | that.progressHandlingFunction, |
|---|
| | | false |
|---|
| | | ); //ç»å®progressäºä»¶çåè°å½æ° |
|---|
| | | } |
|---|
| | | return myXhr; //xhr对象è¿åç»jQueryä½¿ç¨ |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | if (myXhr.upload) { |
|---|
| | | //æ£æ¥uploadå±æ§æ¯å¦åå¨ |
|---|
| | | myXhr.upload.addEventListener( |
|---|
| | | "progress", |
|---|
| | | that.progressHandlingFunction, |
|---|
| | | false |
|---|
| | | ); //ç»å®progressäºä»¶çåè°å½æ° |
|---|
| | | } |
|---|
| | | return myXhr; //xhr对象è¿åç»jQueryä½¿ç¨ |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | progressHandlingFunction(event) { |
|---|
| | |
|---|
| | | this.$set(this, "jindutiao", loaded); |
|---|
| | | }, |
|---|
| | | format(percentage) { |
|---|
| | | return percentage === 100 ? "ä¸ä¼ å®æ¯" : `${percentage}%`; |
|---|
| | | |
|---|
| | | // return percentage === 100 ? "ä¸ä¼ å®æ¯" : `${percentage}%`; |
|---|
| | | var label; |
|---|
| | | if (this.sc.label1 == "ä¸ä¼ ") { |
|---|
| | | label = "ä¸ä¼ å®æ¯" |
|---|
| | | } else { |
|---|
| | | label = `${percentage}%` |
|---|
| | | } |
|---|
| | | return percentage === 100 ? label : `${percentage}%`; |
|---|
| | | }, |
|---|
| | | //è·åæ件ä¸ä¼ è·¯å¾ |
|---|
| | | async getFilePath() { |
|---|
| | |
|---|
| | | return rs; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | this.pathBak = val[0].bak; |
|---|
| | | this.pathBak = val[0].checks; |
|---|
| | | this.formInline.dirid = val[0].id; |
|---|
| | | this.getselectVerByDirid(); |
|---|
| | | }, |
|---|
| | |
|---|
| | | //æ°æ®è´¨æ£å¼¹çªå
³é--项ç®æ´ä½ |
|---|
| | | handleTestQuayCloseDown() { |
|---|
| | | this.$confirm("确认å
³éï¼") |
|---|
| | | .then((_) => { |
|---|
| | | this.closeTestQuayCloseDialog(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { |
|---|
| | | }); |
|---|
| | | .then((_) => { |
|---|
| | | this.closeTestQuayCloseDialog(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | closeTestQuayCloseDialog() { |
|---|
| | | this.testQuayVisible = false; |
|---|
| | |
|---|
| | | //æ°æ®è´¨æ£å¼¹çªå
³é--åæ件 |
|---|
| | | handleQuayTestCloseDown() { |
|---|
| | | this.$confirm("确认å
³éï¼") |
|---|
| | | .then((_) => { |
|---|
| | | this.closeQuayTestCloseDialog(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { |
|---|
| | | }); |
|---|
| | | .then((_) => { |
|---|
| | | this.closeQuayTestCloseDialog(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | closeQuayTestCloseDialog() { |
|---|
| | | this.quayTestVisible = false; |
|---|
| | |
|---|
| | | return this.$message("请éæ©éè¦è´¨æ£çæ件"); |
|---|
| | | } |
|---|
| | | if (this.formInline.uploadType == "v1") { |
|---|
| | | var value = this.$refs["selectcascader"].getCheckedNodes(); |
|---|
| | | var fileType = value[0].data.fullName; |
|---|
| | | |
|---|
| | | var value = this.getCheckedKeys |
|---|
| | | var fileType = value.data.fullName; |
|---|
| | | this.quayTestForms.names = fileType; |
|---|
| | | this.quayTestForms.sjzy = this.formInline.specialtyId; |
|---|
| | | this.quayTestVisible = true; |
|---|
| | |
|---|
| | | this.formCheckAll.xmmc = val[0].name; |
|---|
| | | this.formCheckAll.sjzy = this.formInline.specialtyId; |
|---|
| | | if (this.formCheckAll.sjzy.indexOf("å°ç¾") != -1) { |
|---|
| | | this.formCheckAll.isDiZai = true; |
|---|
| | | this.formCheckAll.isDiZai = "YES"; |
|---|
| | | this.formCheckAll.diZaiType = this.disOptions[0].value; |
|---|
| | | } else { |
|---|
| | | this.formCheckAll.isDiZai = false; |
|---|
| | | this.formCheckAll.isDiZai = "NO"; |
|---|
| | | this.formCheckAll.diZaiType = "NO"; |
|---|
| | | } |
|---|
| | | this.testQuayVisible = true; |
|---|
| | |
|---|
| | | std.push(this.multipleDelete[i].id); |
|---|
| | | } |
|---|
| | | |
|---|
| | | const res = await dataUpload_deleteMetas({ids: std.toString()}); |
|---|
| | | const res = await dataUpload_deleteMetas({ ids: std.toString() }); |
|---|
| | | this.loading = false; |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error("å é¤å¤±è´¥"); |
|---|
| | |
|---|
| | | var mm = time.getMinutes(); |
|---|
| | | var s = time.getSeconds(); |
|---|
| | | return ( |
|---|
| | | y + |
|---|
| | | "-" + |
|---|
| | | this.add0(m) + |
|---|
| | | "-" + |
|---|
| | | this.add0(d) + |
|---|
| | | " " + |
|---|
| | | h + |
|---|
| | | ":" + |
|---|
| | | mm + |
|---|
| | | ":" + |
|---|
| | | s |
|---|
| | | y + |
|---|
| | | "-" + |
|---|
| | | this.add0(m) + |
|---|
| | | "-" + |
|---|
| | | this.add0(d) + |
|---|
| | | " " + |
|---|
| | | h + |
|---|
| | | ":" + |
|---|
| | | mm + |
|---|
| | | ":" + |
|---|
| | | s |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | //æ ¼å¼åæ¶é´ |
|---|
| | |
|---|
| | | this.formInline.entryId = this.entryOption[0].name; |
|---|
| | | this.formInline.dirid = this.entryOption[0].id; |
|---|
| | | this.getselectVerByDirid(); |
|---|
| | | this.pathBak = this.entryOption[0].bak; |
|---|
| | | this.pathBak = this.entryOption[0].checks; |
|---|
| | | } else { |
|---|
| | | this.getStartDirChecked(this.catalogOption); |
|---|
| | | this.getselectVerByDirid(); |
|---|
| | |
|---|
| | | //çæ¬å·è·å |
|---|
| | | async getselectVerByDirid() { |
|---|
| | | this.verOption = []; |
|---|
| | | this.formInline.verid = ""; |
|---|
| | | |
|---|
| | | const res = await dataUploadSelectVerByDirid({ |
|---|
| | | dirid: this.formInline.dirid, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error("çæ¬å表è·å失败"); |
|---|
| | | return; |
|---|
| | |
|---|
| | | this.$message.error("ç®å½å表è·å失败"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.catalogOption = this.treeData(res.result); |
|---|
| | | this.formInline.dirName = this.catalogOption[0].name; |
|---|
| | | this.getStartDirChecked(this.catalogOption); |
|---|
| | | this.formInline.dirid = this.catalogOption[0].id; |
|---|
| | | // this.getStartDirChecked(this.catalogOption); |
|---|
| | | this.getselectVerByDirid(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | |
|---|
| | | lazDensity: "1", |
|---|
| | | imgResolution: "0.2", |
|---|
| | | }), |
|---|
| | | (this.quayTestShow = { |
|---|
| | | checkOsgb: false, |
|---|
| | | checkXls: false, |
|---|
| | | checkLaz: false, |
|---|
| | | checkDem: false, |
|---|
| | | checkAttrs: false, |
|---|
| | | checkTopology: false, |
|---|
| | | checkDecorate: false, |
|---|
| | | checkOrigin: false, |
|---|
| | | checkDom: false, |
|---|
| | | checkMath: false, |
|---|
| | | checkMeta: false, |
|---|
| | | checkMain: false, |
|---|
| | | }); |
|---|
| | | (this.quayTestShow = { |
|---|
| | | checkOsgb: false, |
|---|
| | | checkXls: false, |
|---|
| | | checkLaz: false, |
|---|
| | | checkDem: false, |
|---|
| | | checkAttrs: false, |
|---|
| | | checkTopology: false, |
|---|
| | | checkDecorate: false, |
|---|
| | | checkOrigin: false, |
|---|
| | | checkDom: false, |
|---|
| | | checkMath: false, |
|---|
| | | checkMeta: false, |
|---|
| | | checkMain: false, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //ç®å½åæ¢ |
|---|
| | | catalogChange(data, node, nodeData) { |
|---|
| | |
|---|
| | | // this.$refs['selectcascader'].dropDownVisible = false |
|---|
| | | // var value = this.$refs['selectcascader'].getCheckedNodes(); |
|---|
| | | |
|---|
| | | var bak = node.data.bak; |
|---|
| | | var bak = node.data.checks; |
|---|
| | | this.getCheckedKeys = node |
|---|
| | | this.pathBak = bak; |
|---|
| | | if (bak != null) { |
|---|
| | | for (var key in this.quayTestShow) { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | var fileType = node.data.code; |
|---|
| | | var fileType = node.data.exts; |
|---|
| | | if (fileType == null) { |
|---|
| | | fileType = "*.*"; |
|---|
| | | } |
|---|
| | |
|---|
| | | .text-center { |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
| | |
|---|
| | | class="dictionary_leftTree subpage_Div" |
|---|
| | | style="border: 1px solid #dcdfe6;" |
|---|
| | | > |
|---|
| | | <ul> |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | v-model="filterInput" |
|---|
| | | style="width: 200px" |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | suffix-icon="el-icon-search" |
|---|
| | | ></el-input> |
|---|
| | | |
|---|
| | | <el-tree |
|---|
| | | :data="domainData" |
|---|
| | | :props="defaultProps" |
|---|
| | | :default-expand-all="true" |
|---|
| | | @node-click="getTableDesc" |
|---|
| | | :filter-node-method="filterNode" |
|---|
| | | ref="tree" |
|---|
| | | ></el-tree> |
|---|
| | | <!-- <ul> |
|---|
| | | <li |
|---|
| | | @click="getTableDesc(item)" |
|---|
| | | v-for="(item, i) in optionCount" |
|---|
| | |
|---|
| | | > |
|---|
| | | {{ item.tabDesc }} |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </ul> --> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="right subpage_Div"> |
|---|
| | |
|---|
| | | v-model="formInline.tab" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable3')" |
|---|
| | | style="width: 200px" |
|---|
| | | ><i slot="suffix" class="el-icon-search" @click="getSelectDictTab" style="padding-right: 8px"></i></el-input> |
|---|
| | | ><i |
|---|
| | | slot="suffix" |
|---|
| | | class="el-icon-search" |
|---|
| | | @click="getSelectDictTab" |
|---|
| | | style="padding-right: 8px" |
|---|
| | | ></i></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item style="float: right" size="small"> |
|---|
| | | <el-form-item |
|---|
| | | style="float: right" |
|---|
| | | size="small" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.insert" |
|---|
| | | icon="el-icon-edit" |
|---|
| | |
|---|
| | | @click="DelFormData" |
|---|
| | | type="danger" |
|---|
| | | >{{ $t("common.delete") }}</el-button> |
|---|
| | | <!-- <el-button |
|---|
| | | <!-- <el-button |
|---|
| | | icon="el-icon-search" |
|---|
| | | size="small" |
|---|
| | | @click="getSelectDictTab" |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | > |
|---|
| | |
|---|
| | | top="2vh" |
|---|
| | | :title="$t('dataManage.dictionaryManageObj.revamp')" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="dialogFormVisible = false" |
|---|
| | | @click="handleClose" |
|---|
| | | >{{ $t("dataManage.dictionaryManageObj.cancel") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | class="primary" |
|---|
| | |
|---|
| | | :title="$t('dataManage.dictionaryManageObj.add')" |
|---|
| | | top="2vh" |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | :before-close="handleCloseadd" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="InsertFormdialog = false" |
|---|
| | | @click="handleCloseadd" |
|---|
| | | >{{ |
|---|
| | | $t("dataManage.dictionaryManageObj.cancel") |
|---|
| | | }}</el-button> |
|---|
| | |
|---|
| | | components: { MyBread }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | filterInput: "", |
|---|
| | | activeName: "", |
|---|
| | | formInline: [], |
|---|
| | | listData: { |
|---|
| | |
|---|
| | | insert: false, |
|---|
| | | update: false, |
|---|
| | | }, |
|---|
| | | domainData: [], |
|---|
| | | defaultProps: { |
|---|
| | | children: "children", |
|---|
| | | label: "val", |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | |
|---|
| | | filterInput(val) { |
|---|
| | | this.$refs.tree.filter(val); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.getSelectDictTab(); |
|---|
| | | this.showPermsBtn(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | filterNode(value, data) { |
|---|
| | | if (!value) return true; |
|---|
| | | |
|---|
| | | return data.val.indexOf(value) !== -1; |
|---|
| | | }, |
|---|
| | | //æ°å¢ |
|---|
| | | async insertFromData() { |
|---|
| | | const data = await insertDict(this.insertform); |
|---|
| | |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("ä¸æè°ç¨å¤±è´¥"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.optionCount = data.result; |
|---|
| | | this.insertform.tab = data.result[0].tab; |
|---|
| | | this.insertform.tabDesc = data.result[0].tabDesc; |
|---|
| | | this.insertform.ns = data.result[0].ns; |
|---|
| | | this.listData.tab = data.result[0].tab; |
|---|
| | | this.listData.ns = data.result[0].ns; |
|---|
| | | this.activeName = data.result[0].tab; |
|---|
| | | var val = data.result; |
|---|
| | | var std = []; |
|---|
| | | val.filter((item) => { |
|---|
| | | if (std.indexOf(item.bak) == -1) { |
|---|
| | | std.push(item.bak); |
|---|
| | | this.domainData.push( |
|---|
| | | { |
|---|
| | | val: item.bak, |
|---|
| | | children: [], |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | this.domainData.filter((item) => { |
|---|
| | | val.filter((res) => { |
|---|
| | | if (item.val === res.bak) { |
|---|
| | | res.val = res.tabDesc |
|---|
| | | item.children.push(res) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | // let bdres = data.result.filter((item) => item.ns == "bd"); |
|---|
| | | // let bsres = data.result.filter((item) => item.ns == "bs"); |
|---|
| | | // let mdres = data.result.filter((item) => item.ns == "md"); |
|---|
| | | // for (var i in bdres) { |
|---|
| | | // // 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; |
|---|
| | | // } |
|---|
| | | // for (var i in mdres) { |
|---|
| | | // // bsres[i].val = bsres[i].tabDesc + '(' + bsres[i].tab + ')'; |
|---|
| | | // mdres[i].val = mdres[i].tabDesc; |
|---|
| | | // } |
|---|
| | | // this.domainData[0].children = bdres; |
|---|
| | | // this.domainData[1].children = bsres; |
|---|
| | | // this.domainData[2].children = mdres; |
|---|
| | | var result = this.domainData[0].children; |
|---|
| | | this.insertform.tab = result[0].tab; |
|---|
| | | this.insertform.tabDesc = result[0].tabDesc; |
|---|
| | | this.insertform.ns = result[0].ns; |
|---|
| | | this.listData.tab = result[0].tab; |
|---|
| | | this.listData.ns = result[0].ns; |
|---|
| | | this.activeName = result[0].tab; |
|---|
| | | this.startQueryNameData(); |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | handleCloseadd() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="domainBox"> |
|---|
| | | <My-bread |
|---|
| | | :list="[ |
|---|
| | | <My-bread :list="[ |
|---|
| | | `${$t('dataManage.dataManage')}`, |
|---|
| | | `${$t('dataManage.rangeManage')}`, |
|---|
| | | ]" |
|---|
| | | ></My-bread> |
|---|
| | | ]"></My-bread> |
|---|
| | | <el-divider /> |
|---|
| | | <div class="mainBox"> |
|---|
| | | <div class="leftTree subpage_Div" style="border: 1px solid #dcdfe6;"> |
|---|
| | | <el-input size="small" v-model="filterInput" style="width: 200px" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" suffix-icon="el-icon-search"></el-input> |
|---|
| | | <div |
|---|
| | | class="leftTree subpage_Div" |
|---|
| | | style="border: 1px solid #dcdfe6;" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | v-model="filterInput" |
|---|
| | | style="width: 200px" |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | suffix-icon="el-icon-search" |
|---|
| | | ></el-input> |
|---|
| | | <div style="width: 450px"> |
|---|
| | | <el-tree |
|---|
| | | :data="domainData" |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div class="right subpage_Div"> |
|---|
| | | <div class="inquire"> |
|---|
| | | <el-form ref="queryForm" :model="queryForm" :inline="true"> |
|---|
| | | <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name" > |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | <el-form |
|---|
| | | ref="queryForm" |
|---|
| | | :model="queryForm" |
|---|
| | | :inline="true" |
|---|
| | | > |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.keyword')" |
|---|
| | | prop="name" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | v-model="queryForm.code" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable4')" |
|---|
| | | style="width: 200px" |
|---|
| | | ><i slot="suffix" class="el-icon-search" @click="queryInfo('queryForm')" style="padding-right: 8px"></i></el-input> |
|---|
| | | ><i |
|---|
| | | slot="suffix" |
|---|
| | | class="el-icon-search" |
|---|
| | | @click="queryInfo('queryForm')" |
|---|
| | | style="padding-right: 8px" |
|---|
| | | ></i></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item style="float: right"> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | icon="el-icon-plus" |
|---|
| | | size="small" |
|---|
| | | type="success" |
|---|
| | | >{{ $t("common.append") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.append") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.delete" |
|---|
| | | @click="deleteInfo" |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | >{{ $t("common.delete") }}</el-button |
|---|
| | | > |
|---|
| | | <!-- <el-button |
|---|
| | | >{{ $t("common.delete") }}</el-button> |
|---|
| | | <!-- <el-button |
|---|
| | | @click="queryInfo('queryForm')" |
|---|
| | | icon="el-icon-search" |
|---|
| | | size="small" |
|---|
| | |
|---|
| | | icon="el-icon-delete" |
|---|
| | | size="small" |
|---|
| | | type="info" |
|---|
| | | >{{ $t("common.empty") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.empty") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div class="table_box" style="height: calc(100% - 60px)"> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | style="height: calc(100% - 60px)" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | border |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | > |
|---|
| | | <el-table-column type="selection" width="50" /> |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="50" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | |
|---|
| | | :label="$t('dataManage.domainManage.bak')" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column min-width="150" :label="$t('common.operate')"> |
|---|
| | | <el-table-column |
|---|
| | | min-width="150" |
|---|
| | | :label="$t('common.operate')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button |
|---|
| | | @click="showDetail(scope.row)" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | plain |
|---|
| | | >{{ $t("common.details") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.details") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.update" |
|---|
| | | type="warning" |
|---|
| | | @click="handleEdit(scope.$index, scope.row)" |
|---|
| | | size="small" |
|---|
| | | plain |
|---|
| | | >{{ $t("common.update") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.update") }}</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box" style="margin-top: 15px"> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="infoBox_box" v-show="showinfoBox"> |
|---|
| | | <div |
|---|
| | | class="infoBox_box" |
|---|
| | | v-show="showinfoBox" |
|---|
| | | > |
|---|
| | | <div class="infoBox subpage_Div box_div"> |
|---|
| | | <div slot="header" class="clearfix"> |
|---|
| | | <div |
|---|
| | | slot="header" |
|---|
| | | class="clearfix" |
|---|
| | | > |
|---|
| | | <span>{{ $t("common.details") }}</span> |
|---|
| | | <div style="float: right; cursor: pointer" @click="closeDetial"> |
|---|
| | | <div |
|---|
| | | style="float: right; cursor: pointer" |
|---|
| | | @click="closeDetial" |
|---|
| | | > |
|---|
| | | <i class="el-icon-close"></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form :model="editForm" ref="editForm" label-position="top"> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.domName')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | | :model="editForm" |
|---|
| | | ref="editForm" |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="editForm.domName" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.domName')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in domainOptions" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="editForm.domName" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <!-- <el-input v-model="editForm.domName" autocomplete="off"></el-input> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.domDesc')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.domDesc" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-option |
|---|
| | | v-for="item in domainOptions" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <!-- <el-input v-model="editForm.domName" autocomplete="off"></el-input> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.domDesc')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="editForm.domDesc" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.domCode')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.domCode" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.codeDesc')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.codeDesc" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.bsm')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.bsm" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.level')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.level" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.orderid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.orderid" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.bak')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.bak" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div v-if="behavior == 'ä¿®æ¹ä¿¡æ¯'" slot="footer" class="dialog-footer"> |
|---|
| | | <el-button size="small" @click="cancelEdit()">{{ |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.domCode')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="editForm.domCode" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.codeDesc')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="editForm.codeDesc" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.bsm')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="editForm.bsm" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.level')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="editForm.level" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.orderid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="editForm.orderid" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.domainManage.bak')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="editForm.bak" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | v-if="behavior == 'ä¿®æ¹ä¿¡æ¯'" |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | @click="cancelEdit()" |
|---|
| | | >{{ |
|---|
| | | $t("common.reset") |
|---|
| | | }}</el-button> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | type="info" |
|---|
| | | @click="sendEdit('editForm')" |
|---|
| | | v-loading.fullscreen.lock="fullscreenLoading" |
|---|
| | | >{{ $t("common.confirm") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.confirm") }}</el-button> |
|---|
| | | </div> |
|---|
| | | <div v-else slot="footer" class="dialog-footer"> |
|---|
| | | <el-button type="info" size="small" @click="cancelAdd('editForm')">{{ |
|---|
| | | <div |
|---|
| | | v-else |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="cancelAdd('editForm')" |
|---|
| | | >{{ |
|---|
| | | $t("common.reset") |
|---|
| | | }}</el-button> |
|---|
| | | <el-button |
|---|
| | |
|---|
| | | class="primary" |
|---|
| | | @click="sendAdd('editForm')" |
|---|
| | | v-loading.fullscreen.lock="fullscreenLoading" |
|---|
| | | >{{ $t("common.confirm") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.confirm") }}</el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | update: false, |
|---|
| | | }, |
|---|
| | | domainData: [ |
|---|
| | | { |
|---|
| | | val: "åºç¡æ°æ®", |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | val: "ä¸å¡æ°æ®", |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | val: "å
æ°æ®", |
|---|
| | | children: [], |
|---|
| | | }, |
|---|
| | | |
|---|
| | | ], |
|---|
| | | defaultProps: { |
|---|
| | | children: "children", |
|---|
| | |
|---|
| | | return data.val.indexOf(value) !== -1; |
|---|
| | | }, |
|---|
| | | async toggleTabs(data) { |
|---|
| | | if (data.children != null) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.fullscreenLoading = true; |
|---|
| | | this.listData.ns = data.ns; |
|---|
| | | this.listData.tab = data.tab; |
|---|
| | |
|---|
| | | }, |
|---|
| | | getAllTabelData() { |
|---|
| | | getDomainTabs().then((res) => { |
|---|
| | | let bdres = res.result.filter((item) => item.ns == "bd"); |
|---|
| | | let bsres = res.result.filter((item) => item.ns == "bs"); |
|---|
| | | let mdres = res.result.filter((item) => item.ns == "md"); |
|---|
| | | for (var i in bdres) { |
|---|
| | | // 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; |
|---|
| | | } |
|---|
| | | for (var i in mdres) { |
|---|
| | | // bsres[i].val = bsres[i].tabDesc + '(' + bsres[i].tab + ')'; |
|---|
| | | mdres[i].val = mdres[i].tabDesc; |
|---|
| | | } |
|---|
| | | this.domainData[0].children = bdres; |
|---|
| | | this.domainData[1].children = bsres; |
|---|
| | | this.domainData[2].children = mdres; |
|---|
| | | var val = res.result; |
|---|
| | | var std = []; |
|---|
| | | val.filter((item) => { |
|---|
| | | if (std.indexOf(item.bak) == -1) { |
|---|
| | | std.push(item.bak); |
|---|
| | | this.domainData.push( |
|---|
| | | { |
|---|
| | | val: item.bak, |
|---|
| | | children: [], |
|---|
| | | } |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | this.domainData.filter((item) => { |
|---|
| | | val.filter((res) => { |
|---|
| | | if (item.val === res.bak) { |
|---|
| | | res.val = res.tabDesc |
|---|
| | | item.children.push(res) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | handleSelectionChange(val) { |
|---|
| | |
|---|
| | | this.editForm = {}; |
|---|
| | | done(); |
|---|
| | | }) |
|---|
| | | .catch((_) => {}); |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | // æ¥ççé¢ |
|---|
| | | showDetail(row) { |
|---|
| | |
|---|
| | | watch: { |
|---|
| | | pathId: { |
|---|
| | | immediate: true, |
|---|
| | | handler(val) {}, |
|---|
| | | handler(val) { }, |
|---|
| | | }, |
|---|
| | | filterInput(val) { |
|---|
| | | this.$refs.tree.filter(val); |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="authorityManagement_box"> |
|---|
| | | <My-bread |
|---|
| | | :list="[ |
|---|
| | | :list="[ |
|---|
| | | `${$t('dataManage.dataManage')}`, |
|---|
| | | `${$t('dataManage.metadataManage')}`, |
|---|
| | | ]" |
|---|
| | | ></My-bread> |
|---|
| | | <el-divider/> |
|---|
| | | <el-divider /> |
|---|
| | | <div class="inquire subpage_Div" ref="container"> |
|---|
| | | <el-form ref="queryForm" :model="queryForm" :inline="true"> |
|---|
| | | <div class="flex_box"> |
|---|
| | | <div style="margin-right: auto"> |
|---|
| | | <el-form-item size="small"> |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="queryForm.depName" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="queryForm.depName" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="queryForm.depid" |
|---|
| | | :label="queryForm.depName" |
|---|
| | | style="height: auto" |
|---|
| | | :value="queryForm.depid" |
|---|
| | | :label="queryForm.depName" |
|---|
| | | style="height: auto" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption1" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange1" |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption1" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange1" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item size="small"> |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="queryForm.dirName" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="queryForm.dirName" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="queryForm.dirid" |
|---|
| | | :label="queryForm.dirName" |
|---|
| | | style="height: auto" |
|---|
| | | :value="queryForm.dirid" |
|---|
| | | :label="queryForm.dirName" |
|---|
| | | style="height: auto" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange" |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item size="small"> |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="queryForm.verid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | @change="verHandleChange($event)" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="queryForm.verid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | @change="verHandleChange($event)" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in verOptions" |
|---|
| | | :key="item.id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.id" |
|---|
| | | v-for="item in verOptions" |
|---|
| | | :key="item.id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.id" |
|---|
| | | > |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item prop="name" size="small"> |
|---|
| | | <!-- suffix-icon="el-icon-edit" :placeholder="$t('common.pleaseInput')"--> |
|---|
| | | <!-- suffix-icon="el-icon-edit" :placeholder="$t('common.pleaseInput')"--> |
|---|
| | | <el-input |
|---|
| | | v-model="queryForm.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable2')" |
|---|
| | | style="width: 200px" |
|---|
| | | ><i slot="suffix" class="el-icon-search" @click="queryInfo()" style="padding-right: 8px"></i></el-input> |
|---|
| | | v-model="queryForm.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable2')" |
|---|
| | | style="width: 200px" |
|---|
| | | ><i |
|---|
| | | slot="suffix" |
|---|
| | | class="el-icon-search" |
|---|
| | | @click="queryInfo()" |
|---|
| | | style="padding-right: 8px" |
|---|
| | | ></i |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | <!-- <el-form-item> |
|---|
| | | <!-- <el-form-item> |
|---|
| | | <el-button |
|---|
| | | @click="queryInfo()" |
|---|
| | | icon="el-icon-search" |
|---|
| | |
|---|
| | | </el-form-item>--> |
|---|
| | | <el-form-item v-if="btnStatus.delete"> |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | @click="deleteMetaInfo" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | >{{ $t("common.delete") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | @click="deleteMetaInfo" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | >{{ $t("common.delete") }} |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item v-if="btnStatus.download"> |
|---|
| | | <el-button |
|---|
| | | @click="downFormData" |
|---|
| | | icon="el-icon-download" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.download") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | @click="downFormData" |
|---|
| | | icon="el-icon-download" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.download") }} |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | @click="resetInfo('queryForm')" |
|---|
| | | icon="el-icon-refresh" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.reset") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | @click="resetInfo('queryForm')" |
|---|
| | | icon="el-icon-refresh" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.reset") }} |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div class="table_box subpage_Div" :style="styleVar"> |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | > |
|---|
| | | <el-table-column type="selection" width="55"/> |
|---|
| | | <el-table-column type="selection" width="55" /> |
|---|
| | | <el-table-column |
|---|
| | | :label="$t('dataManage.dictionaryManageObj.number')" |
|---|
| | | type="index" |
|---|
| | | width="50" |
|---|
| | | :label="$t('dataManage.dictionaryManageObj.number')" |
|---|
| | | type="index" |
|---|
| | | width="50" |
|---|
| | | > |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column :label="$t('dataManage.vmobj.name')"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span v-if="scope.row.ismeta > 0"> |
|---|
| | | <el-link |
|---|
| | | style="color: #409eff" |
|---|
| | | title="æºæ°æ®æ¥è¯¢" |
|---|
| | | @click="setQueryMetaData(scope.row)" |
|---|
| | | target="_blank" |
|---|
| | | >{{ scope.row.name }}</el-link |
|---|
| | | style="color: #409eff" |
|---|
| | | title="æºæ°æ®æ¥è¯¢" |
|---|
| | | @click="setQueryMetaData(scope.row)" |
|---|
| | | target="_blank" |
|---|
| | | >{{ scope.row.name }}</el-link |
|---|
| | | > |
|---|
| | | </span> |
|---|
| | | <span v-else-if="scope.row.metaid > 0"> |
|---|
| | | <el-link |
|---|
| | | style="color: #409eff" |
|---|
| | | title="å
æ°æ®æ¥è¯¢" |
|---|
| | | @click="setMetaDataQuery(scope.row)" |
|---|
| | | target="_blank" |
|---|
| | | >{{ scope.row.name }}</el-link |
|---|
| | | ></span |
|---|
| | | > |
|---|
| | | <span v-else>{{ scope.row.name }}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | |
|---|
| | | <el-table-column prop="type" :label="$t('dataManage.vmobj.format')"/> |
|---|
| | | <el-table-column prop="type" :label="$t('dataManage.vmobj.format')" /> |
|---|
| | | <el-table-column |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('dataManage.vmobj.size')" |
|---|
| | | :formatter="stateFormatSizes" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('dataManage.vmobj.size')" |
|---|
| | | :formatter="stateFormatSizes" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.vmobj.depName')" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.vmobj.depName')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.vmobj.dirName')" |
|---|
| | | width="200" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.vmobj.dirName')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.vmobj.versionNumber')" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.vmobj.versionNumber')" |
|---|
| | | /> |
|---|
| | | <el-table-column :label="$t('dataManage.dataUpObj.tableName')"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a @click="detail(scope.row)">{{ scope.row.tab }}</a> |
|---|
| | | <!-- <span ></span> --> |
|---|
| | | <el-link></el-link> |
|---|
| | | <el-link :underline="false" @click="detail(scope.row)">{{ |
|---|
| | | scope.row.tab |
|---|
| | | }}</el-link> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | |
|---|
| | |
|---|
| | | :label="$t('dataManage.vmobj.tab')" |
|---|
| | | :formatter="formatData" |
|---|
| | | /> --> |
|---|
| | | <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')"/> |
|---|
| | | <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" /> |
|---|
| | | <el-table-column |
|---|
| | | prop="uname" |
|---|
| | | :label="$t('dataManage.vmobj.createonuser')" |
|---|
| | | prop="uname" |
|---|
| | | :label="$t('dataManage.vmobj.createonuser')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="createTime" |
|---|
| | | :label="$t('dataManage.vmobj.createontime')" |
|---|
| | | :formatter="formatData" |
|---|
| | | prop="createTime" |
|---|
| | | :label="$t('dataManage.vmobj.createontime')" |
|---|
| | | :formatter="formatData" |
|---|
| | | /> |
|---|
| | | <el-table-column min-width="180" :label="$t('common.operate')"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button |
|---|
| | | @click="showDetail(scope.row)" |
|---|
| | | type="primary" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.details") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | @click="showDetail(scope.row)" |
|---|
| | | type="primary" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.details") }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="warning" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | v-if="btnStatus.update" |
|---|
| | | @click="editInfo(scope.row)" |
|---|
| | | style="margin-left: 10px" |
|---|
| | | >{{ $t("common.edit") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | type="warning" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | v-if="btnStatus.update" |
|---|
| | | @click="editInfo(scope.row)" |
|---|
| | | style="margin-left: 10px" |
|---|
| | | >{{ $t("common.edit") }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | v-if="showPreview(scope.row)" |
|---|
| | | @click="handlePreview(scope.row)" |
|---|
| | | style="margin-left: 10px" |
|---|
| | | >{{ $t("common.preview") }} |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box" style="margin-top: 15px"> |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-dialog |
|---|
| | | width="80vh" |
|---|
| | | top="5vh" |
|---|
| | | :title=" |
|---|
| | | width="80vh" |
|---|
| | | top="5vh" |
|---|
| | | :title=" |
|---|
| | | behavior == 'æ°å¢ç¨æ·' |
|---|
| | | ? `${$t('common.append')}` |
|---|
| | | : `${$t('common.update')}` |
|---|
| | | " |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <el-form :model="editForm" ref="editForm"> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.vmobj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.name" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.format')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.vmobj.format')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.type" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.size')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.vmobj.size')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.sizes" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.depName')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.vmobj.depName')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | style="width: 100%" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="editForm.depName" |
|---|
| | | style="width: 100%" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="editForm.depName" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="editForm.depid" |
|---|
| | | :label="editForm.depName" |
|---|
| | | style="height: auto" |
|---|
| | | :value="editForm.depid" |
|---|
| | | :label="editForm.depName" |
|---|
| | | style="height: auto" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption1" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange2" |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption1" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange2" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | ></el-cascader> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.dirName')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.vmobj.dirName')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | style="width: 100%" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="editForm.dirName" |
|---|
| | | style="width: 100%" |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="editForm.dirName" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="editForm.dirid" |
|---|
| | | :label="editForm.dirName" |
|---|
| | | style="height: auto" |
|---|
| | | :value="editForm.dirid" |
|---|
| | | :label="editForm.dirName" |
|---|
| | | style="height: auto" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="dirComPanyOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange3" |
|---|
| | | ref="tree" |
|---|
| | | :data="dirComPanyOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handleChange3" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | ></el-cascader> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.describe')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.vmobj.describe')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="editForm.describe" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </el-form-item> --> |
|---|
| | | </el-form> |
|---|
| | | <div v-if="behavior == 'ä¿®æ¹ä¿¡æ¯'" slot="footer" class="dialog-footer"> |
|---|
| | | <el-button size="small" @click="cancelEdit()">{{ |
|---|
| | | $t("common.reset") |
|---|
| | | }} |
|---|
| | | <el-button size="small" @click="cancelEdit()" |
|---|
| | | >{{ $t("common.reset") }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="sendEdit('editForm')" |
|---|
| | | v-loading.fullscreen.lock="fullscreenLoading" |
|---|
| | | >{{ $t("common.submit") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="sendEdit('editForm')" |
|---|
| | | v-loading.fullscreen.lock="fullscreenLoading" |
|---|
| | | >{{ $t("common.submit") }} |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | <div v-else slot="footer" class="dialog-footer"> |
|---|
| | | <el-button size="small" @click="cancelAdd('editForm')">{{ |
|---|
| | | $t("common.reset") |
|---|
| | | }} |
|---|
| | | <el-button size="small" @click="cancelAdd('editForm')" |
|---|
| | | >{{ $t("common.reset") }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="sendAdd('editForm')" |
|---|
| | | v-loading.fullscreen.lock="fullscreenLoading" |
|---|
| | | >{{ $t("common.submit") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="sendAdd('editForm')" |
|---|
| | | v-loading.fullscreen.lock="fullscreenLoading" |
|---|
| | | >{{ $t("common.submit") }} |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('common.details')" |
|---|
| | | :visible.sync="dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | :title="$t('common.details')" |
|---|
| | | :visible.sync="dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 600px"> |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="dbTableData" |
|---|
| | | height="90%" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | ref="filterTable" |
|---|
| | | :data="dbTableData" |
|---|
| | | height="90%" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | width="60" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="60" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | v-for="(item, index) in attributeData" |
|---|
| | | :key="index" |
|---|
| | | :label="item.alias" |
|---|
| | | :prop="item.field" |
|---|
| | | show-overflow-tooltip |
|---|
| | | align="center" |
|---|
| | | v-for="(item, index) in attributeData" |
|---|
| | | :key="index" |
|---|
| | | :label="item.alias" |
|---|
| | | :prop="item.field" |
|---|
| | | show-overflow-tooltip |
|---|
| | | align="center" |
|---|
| | | ></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div style="margin-top: 10px" class="pagination_box" > |
|---|
| | | <div style="margin-top: 10px" class="pagination_box"> |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleLoaderSizeChange" |
|---|
| | | @current-change="handleLoaderCurrentChange" |
|---|
| | | :current-page="listLoader.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listLoader.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count1" |
|---|
| | | @size-change="handleLoaderSizeChange" |
|---|
| | | @current-change="handleLoaderCurrentChange" |
|---|
| | | :current-page="listLoader.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listLoader.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count1" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="downloadBox box_div subpage_Div" v-if="showCodeBox"> |
|---|
| | | <h4 style="padding: 20px">{{ $t("common.passworld") }}</h4> |
|---|
| | | <el-form |
|---|
| | | :model="codeForm" |
|---|
| | | :rules="rules" |
|---|
| | | ref="codeForm" |
|---|
| | | label-width="100px" |
|---|
| | | class="codeForm" |
|---|
| | | :model="codeForm" |
|---|
| | | :rules="rules" |
|---|
| | | ref="codeForm" |
|---|
| | | label-width="100px" |
|---|
| | | class="codeForm" |
|---|
| | | > |
|---|
| | | <el-form-item :label="$t('common.passworld')" prop="password"> |
|---|
| | | <el-input |
|---|
| | | type="password" |
|---|
| | | v-model="codeForm.password" |
|---|
| | | show-password |
|---|
| | | type="password" |
|---|
| | | v-model="codeForm.password" |
|---|
| | | show-password |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('common.SPassword')" prop="repassword"> |
|---|
| | | <el-input |
|---|
| | | type="password" |
|---|
| | | v-model="codeForm.repassword" |
|---|
| | | show-password |
|---|
| | | type="password" |
|---|
| | | v-model="codeForm.repassword" |
|---|
| | | show-password |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | class="primary" |
|---|
| | | size="small" |
|---|
| | | @click="download('codeForm')" |
|---|
| | | >{{ $t("common.confirm") }} |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | <el-button type="info" size="small" @click="closeDown('codeForm')">{{ |
|---|
| | | $t("common.cancel") |
|---|
| | | }} |
|---|
| | | <el-button class="primary" size="small" @click="download('codeForm')" |
|---|
| | | >{{ $t("common.confirm") }} |
|---|
| | | </el-button> |
|---|
| | | <el-button type="info" size="small" @click="closeDown('codeForm')" |
|---|
| | | >{{ $t("common.cancel") }} |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <el-dialog |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag" |
|---|
| | | width="70%" |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 65vh; width: 100%"> |
|---|
| | | <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline"> |
|---|
| | |
|---|
| | | |
|---|
| | | <el-form-item> |
|---|
| | | <el-button type="primary" size="small" @click="setSearchMetaData()" |
|---|
| | | >æ¥è¯¢ |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | >æ¥è¯¢ |
|---|
| | | </el-button> |
|---|
| | | <el-button type="info" size="small" @click="setRestMetaData()" |
|---|
| | | >éç½® |
|---|
| | | </el-button |
|---|
| | | > |
|---|
| | | >éç½® |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 100px)" |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 100px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a class="scopeRowColor" @click="detail(scope.row)">{{ |
|---|
| | | scope.row.tab |
|---|
| | | }}</a> |
|---|
| | | scope.row.tab |
|---|
| | | }}</a> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | /> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box" style="margin-top: 15px"> |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleMetaSizeChange" |
|---|
| | | @current-change="handMetaCurrentChange" |
|---|
| | | :current-page="listMetaData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listMetaData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="listMetaData.count" |
|---|
| | | @size-change="handleMetaSizeChange" |
|---|
| | | @current-change="handMetaCurrentChange" |
|---|
| | | :current-page="listMetaData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listMetaData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="listMetaData.count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="fromQueryMeta.title" |
|---|
| | | :visible.sync="queryMetaFlag1" |
|---|
| | | width="70%" |
|---|
| | | > |
|---|
| | | <div style="height: 65vh; width: 100%"> |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="metaDataTable1" |
|---|
| | | style="width: 100%" |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('common.index')" |
|---|
| | | width="70px" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('common.name')" |
|---|
| | | width="120" |
|---|
| | | > |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.dataUpObj.catalogue')" |
|---|
| | | width="300" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.dataUpObj.company')" |
|---|
| | | width="200" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="verName" |
|---|
| | | :label="$t('dataManage.dataUpObj.versionNo')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('common.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="sizes" |
|---|
| | | :label="$t('common.size')" |
|---|
| | | :formatter="changeSizeFile" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | :label="$t('dataManage.dataUpObj.tableName')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <a class="scopeRowColor" @click="detail(scope.row)">{{ |
|---|
| | | scope.row.tab |
|---|
| | | }}</a> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="rows" |
|---|
| | | :label="$t('common.lineNuber')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="desc" |
|---|
| | | :label="$t('dataManage.dataUpObj.describe')" |
|---|
| | | /> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | custom-class="preview-dialog" |
|---|
| | | title="é¢è§" |
|---|
| | | :append-to-body="false" |
|---|
| | | :visible.sync="dialog.dialogVisible" |
|---|
| | | width="70%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | > |
|---|
| | | <div v-if="dialog.isPdf" class="pdfClass"> |
|---|
| | | <iframe |
|---|
| | | :src="dialog.src" |
|---|
| | | type="application/x-google-chrome-pdf" |
|---|
| | | width="100%" |
|---|
| | | height="100%" |
|---|
| | | > |
|---|
| | | </iframe> |
|---|
| | | </div> |
|---|
| | | <div v-if="dialog.isJpg" class="pdfClass"> |
|---|
| | | <img style="width: 100%; height: 100%" :src="dialog.src" alt="" /> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <iframe |
|---|
| | | id="downFrame" |
|---|
| | | src="" |
|---|
| | | style="display: none; border: 0; padding: 0; height: 0; width: 0" |
|---|
| | | id="downFrame" |
|---|
| | | src="" |
|---|
| | | style="display: none; border: 0; padding: 0; height: 0; width: 0" |
|---|
| | | ></iframe> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import $ from "jquery"; |
|---|
| | | import {getToken} from "@/utils/auth"; |
|---|
| | | import $ from "jquery" |
|---|
| | | import { getToken } from "@/utils/auth" |
|---|
| | | import { |
|---|
| | | deleteMeta, |
|---|
| | | insertMeta, |
|---|
| | |
|---|
| | | selectdirTab, |
|---|
| | | sign_getPublicKey, |
|---|
| | | updateMeta, |
|---|
| | | } from "../../api/api"; |
|---|
| | | meta_selectById, |
|---|
| | | } from "../../api/api" |
|---|
| | | |
|---|
| | | import MyBread from "../../components/MyBread.vue"; |
|---|
| | | import MyBread from "../../components/MyBread.vue" |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: "metadataManage", |
|---|
| | | components: {MyBread}, |
|---|
| | | components: { MyBread }, |
|---|
| | | data() { |
|---|
| | | var repasswordValidator = (rule, value, callback) => { |
|---|
| | | if (value === "") { |
|---|
| | | callback(new Error("请å次è¾å
¥å¯ç ")); |
|---|
| | | callback(new Error("请å次è¾å
¥å¯ç ")) |
|---|
| | | } else if (value !== this.codeForm.password) { |
|---|
| | | callback(new Error("两次è¾å
¥å¯ç ä¸ä¸è´!")); |
|---|
| | | callback(new Error("两次è¾å
¥å¯ç ä¸ä¸è´!")) |
|---|
| | | } else { |
|---|
| | | callback(); |
|---|
| | | callback() |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | var passwordValidator = (rule, value, 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}$/; |
|---|
| | | /^(?![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(); |
|---|
| | | callback() |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | return { |
|---|
| | | verOptions: [], |
|---|
| | | defaultProps: { |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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" }, |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | tableData: [], |
|---|
| | |
|---|
| | | name: "", |
|---|
| | | }, |
|---|
| | | metaDataTable: [], |
|---|
| | | }; |
|---|
| | | queryMetaFlag1: false, |
|---|
| | | metaDataTable1: [], |
|---|
| | | dialog: { |
|---|
| | | dialogVisible: false, |
|---|
| | | isPdf: false, |
|---|
| | | isJpg: false, |
|---|
| | | src: "", |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | // this.getSelectDictTab(); |
|---|
| | | this.showPermsBtn(); |
|---|
| | | this.getQueryDepTree(); |
|---|
| | | this.showPermsBtn() |
|---|
| | | this.getQueryDepTree() |
|---|
| | | |
|---|
| | | this.signGetPublicKey(); |
|---|
| | | this.signGetPublicKey() |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | this.timer && clearTimeout(this.timer); |
|---|
| | | window.removeEventListener("resize", this.onResize); |
|---|
| | | this.timer && clearTimeout(this.timer) |
|---|
| | | window.removeEventListener("resize", this.onResize) |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | window.addEventListener("resize", this.onResize); |
|---|
| | | this.calHeight(); |
|---|
| | | window.addEventListener("resize", this.onResize) |
|---|
| | | this.calHeight() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | //大å°å¼æ¹å |
|---|
| | | changeSizeFile(row, column, cellValue, index) { |
|---|
| | | if (cellValue >= 1024) { |
|---|
| | | return parseFloat(cellValue / 1204).toFixed(3) + "GB"; |
|---|
| | | return parseFloat(cellValue / 1204).toFixed(3) + "GB" |
|---|
| | | } else { |
|---|
| | | return cellValue + "MB"; |
|---|
| | | return cellValue + "MB" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | setRestMetaData() { |
|---|
| | | this.fromQueryMeta.name = ""; |
|---|
| | | this.listMetaData.name = this.fromQueryMeta.name; |
|---|
| | | this.listMetaData.pageIndex = 1; |
|---|
| | | this.listMetaData.pageSize = 10; |
|---|
| | | this.fromQueryMeta.name = "" |
|---|
| | | this.listMetaData.name = this.fromQueryMeta.name |
|---|
| | | this.listMetaData.pageIndex = 1 |
|---|
| | | this.listMetaData.pageSize = 10 |
|---|
| | | |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | this.startQueryMetaData() |
|---|
| | | }, |
|---|
| | | setSearchMetaData() { |
|---|
| | | this.listMetaData.name = this.fromQueryMeta.name; |
|---|
| | | this.listMetaData.pageIndex = 1; |
|---|
| | | this.listMetaData.pageSize = 10; |
|---|
| | | this.listMetaData.name = this.fromQueryMeta.name |
|---|
| | | this.listMetaData.pageIndex = 1 |
|---|
| | | this.listMetaData.pageSize = 10 |
|---|
| | | |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | this.startQueryMetaData() |
|---|
| | | }, |
|---|
| | | //æºæ°æ®é¡µé¢åæ¢ |
|---|
| | | handleMetaSizeChange(val) { |
|---|
| | | this.listMetaData.pageIndex = 1; |
|---|
| | | this.listMetaData.pageSize = val; |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | this.listMetaData.pageIndex = 1 |
|---|
| | | this.listMetaData.pageSize = val |
|---|
| | | this.startQueryMetaData() |
|---|
| | | }, |
|---|
| | | //æºæ°æ®é¡µé¢åæ¢ |
|---|
| | | handMetaCurrentChange(val) { |
|---|
| | | this.listMetaData.pageIndex = val; |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | this.listMetaData.pageIndex = val |
|---|
| | | this.startQueryMetaData() |
|---|
| | | }, |
|---|
| | | //å
æ°æ®æ¥è¯¢ |
|---|
| | | async setMetaDataQuery(row) { |
|---|
| | | this.fromQueryMeta.title = row.name |
|---|
| | | this.listMetaData = { |
|---|
| | | id: row.metaid, |
|---|
| | | // name: "", |
|---|
| | | // pageIndex: 1, |
|---|
| | | // pageSize: 10, |
|---|
| | | // count: 0, |
|---|
| | | } |
|---|
| | | const data = await meta_selectById(this.listMetaData) |
|---|
| | | if (data.code != 200) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.queryMetaFlag1 = true |
|---|
| | | this.metaDataTable1 = [data.result] |
|---|
| | | // this.listMetaData.count = data.count; |
|---|
| | | }, |
|---|
| | | //æºæ°æ®æ¥è¯¢ |
|---|
| | | setQueryMetaData(row) { |
|---|
| | | this.fromQueryMeta.title = row.name; |
|---|
| | | this.fromQueryMeta.title = row.name |
|---|
| | | this.listMetaData = { |
|---|
| | | metaid: row.id, |
|---|
| | | name: "", |
|---|
| | | pageIndex: 1, |
|---|
| | | pageSize: 10, |
|---|
| | | count: 0, |
|---|
| | | }; |
|---|
| | | this.startQueryMetaData(); |
|---|
| | | this.queryMetaFlag = true; |
|---|
| | | } |
|---|
| | | this.startQueryMetaData() |
|---|
| | | this.queryMetaFlag = true |
|---|
| | | }, |
|---|
| | | async startQueryMetaData() { |
|---|
| | | const data = await meta_selectPageAndCountByPid(this.listMetaData); |
|---|
| | | const data = await meta_selectPageAndCountByPid(this.listMetaData) |
|---|
| | | if (data.code != 200) { |
|---|
| | | return; |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.metaDataTable = data.result; |
|---|
| | | this.listMetaData.count = data.count; |
|---|
| | | this.metaDataTable = data.result |
|---|
| | | this.listMetaData.count = data.count |
|---|
| | | }, |
|---|
| | | |
|---|
| | | onResize() { |
|---|
| | | this.timer && clearTimeout(this.timer); |
|---|
| | | this.timer && clearTimeout(this.timer) |
|---|
| | | this.timer = setTimeout(() => { |
|---|
| | | this.calHeight(); |
|---|
| | | }, 500); |
|---|
| | | this.calHeight() |
|---|
| | | }, 500) |
|---|
| | | }, |
|---|
| | | calHeight() { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | const rect = this.$refs.container.getBoundingClientRect(); |
|---|
| | | this.tableHeight = `${rect.height + 97}px`; |
|---|
| | | this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`; |
|---|
| | | }); |
|---|
| | | const rect = this.$refs.container.getBoundingClientRect() |
|---|
| | | this.tableHeight = `${rect.height + 97}px` |
|---|
| | | this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)` |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | async detail(res) { |
|---|
| | | var val = res.tab.split("."); |
|---|
| | | var val = res.tab.split(".") |
|---|
| | | const data = await meta_selectFields({ |
|---|
| | | ns: val[0], |
|---|
| | | tab: val[1], |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("å段å表è°ç¨å¤±è´¥"); |
|---|
| | | return; |
|---|
| | | this.$message.error("å段å表è°ç¨å¤±è´¥") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.dialogVisible = true; |
|---|
| | | this.dialogVisible = true |
|---|
| | | |
|---|
| | | this.attributeData = data.result; |
|---|
| | | this.attributeData = data.result |
|---|
| | | |
|---|
| | | this.listLoader = { |
|---|
| | | id: res.id, |
|---|
| | | pageIndex: 1, |
|---|
| | | pageSize: 10, |
|---|
| | | }; |
|---|
| | | this.getDataLoaderSelectDbData(); |
|---|
| | | } |
|---|
| | | this.getDataLoaderSelectDbData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async getDataLoaderSelectDbData() { |
|---|
| | | const data1 = await meta_selectByPageForUpload(this.listLoader); |
|---|
| | | const data1 = await meta_selectByPageForUpload(this.listLoader) |
|---|
| | | if (data1.code != 200) { |
|---|
| | | this.$message.error("å段å表è°ç¨å¤±è´¥"); |
|---|
| | | return; |
|---|
| | | this.$message.error("å段å表è°ç¨å¤±è´¥") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | var option = data1.result; |
|---|
| | | var option = data1.result |
|---|
| | | for (var i in option) { |
|---|
| | | option[i].dirid = option[i].dirName; |
|---|
| | | option[i].depid = option[i].depName; |
|---|
| | | option[i].createuser = option[i].createName; |
|---|
| | | option[i].updateuser = option[i].updateName; |
|---|
| | | option[i].verid = option[i].verName; |
|---|
| | | option[i].dirid = option[i].dirName |
|---|
| | | option[i].depid = option[i].depName |
|---|
| | | option[i].createuser = option[i].createName |
|---|
| | | option[i].updateuser = option[i].updateName |
|---|
| | | option[i].verid = option[i].verName |
|---|
| | | if (option[i].createtime != null) { |
|---|
| | | option[i].createtime = this.setInfoBoxTime(option[i].createtime); |
|---|
| | | option[i].createtime = this.setInfoBoxTime(option[i].createtime) |
|---|
| | | } |
|---|
| | | if (option[i].updatetime != null) { |
|---|
| | | option[i].updatetime = this.setInfoBoxTime(option[i].updatetime); |
|---|
| | | option[i].updatetime = this.setInfoBoxTime(option[i].updatetime) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.dbTableData = data1.result; |
|---|
| | | this.count1 = data1.count; |
|---|
| | | this.dbTableData = data1.result |
|---|
| | | this.count1 = data1.count |
|---|
| | | }, |
|---|
| | | handleLoaderSizeChange(val) { |
|---|
| | | this.listLoader.pageIndex = 1; |
|---|
| | | this.listLoader.pageSize = val; |
|---|
| | | this.getDataLoaderSelectDbData(); |
|---|
| | | this.listLoader.pageIndex = 1 |
|---|
| | | this.listLoader.pageSize = val |
|---|
| | | this.getDataLoaderSelectDbData() |
|---|
| | | }, |
|---|
| | | handleLoaderCurrentChange(val) { |
|---|
| | | this.listLoader.pageIndex = val; |
|---|
| | | this.getDataLoaderSelectDbData(); |
|---|
| | | this.listLoader.pageIndex = val |
|---|
| | | this.getDataLoaderSelectDbData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async signGetPublicKey() { |
|---|
| | | const res = await sign_getPublicKey(); |
|---|
| | | const res = await sign_getPublicKey() |
|---|
| | | if (res && res.code == 200) { |
|---|
| | | window.encrypt = new JSEncrypt(); |
|---|
| | | encrypt.setPublicKey(res.result); |
|---|
| | | window.encrypt = new JSEncrypt() |
|---|
| | | encrypt.setPublicKey(res.result) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //åä½å表è·å |
|---|
| | | async getQueryDepTree() { |
|---|
| | | const res = await selectdepTab(); |
|---|
| | | const res = await selectdepTab() |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error("åä½å表è·å失败"); |
|---|
| | | return; |
|---|
| | | this.$message.error("åä½å表è·å失败") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.companyOption1 = this.treeData(res.result); |
|---|
| | | this.queryForm.depcode = this.companyOption1[0].code; |
|---|
| | | this.queryForm.depName = this.companyOption1[0].name; |
|---|
| | | this.getQueryDirTree(); |
|---|
| | | this.companyOption1 = this.treeData(res.result) |
|---|
| | | this.queryForm.depcode = this.companyOption1[0].code |
|---|
| | | this.queryForm.depName = this.companyOption1[0].name |
|---|
| | | this.getQueryDirTree() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async getQueryDirTree() { |
|---|
| | | const res = await selectdirTab(); |
|---|
| | | const res = await selectdirTab() |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error("åä½å表è·å失败"); |
|---|
| | | return; |
|---|
| | | this.$message.error("åä½å表è·å失败") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.companyOption = this.treeData(res.result); |
|---|
| | | this.queryForm.dirid = this.companyOption[0].id; |
|---|
| | | this.queryForm.dircode = this.companyOption[0].code; |
|---|
| | | this.queryForm.dirName = this.companyOption[0].name; |
|---|
| | | this.getQueryVerList(); |
|---|
| | | this.companyOption = this.treeData(res.result) |
|---|
| | | this.queryForm.dirid = this.companyOption[0].id |
|---|
| | | this.queryForm.dircode = this.companyOption[0].code |
|---|
| | | this.queryForm.dirName = this.companyOption[0].name |
|---|
| | | this.getQueryVerList() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async getQueryVerList() { |
|---|
| | | const data = await meta_selectVerByDirid({dirid: this.queryForm.dirid}); |
|---|
| | | const data = await meta_selectVerByDirid({ dirid: this.queryForm.dirid }) |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("çæ¬å表è·å失败"); |
|---|
| | | return; |
|---|
| | | this.$message.error("çæ¬å表è·å失败") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.verOptions = data.result; |
|---|
| | | this.queryForm.verid = data.result[0].id; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.verOptions = data.result |
|---|
| | | this.queryForm.verid = data.result[0].id |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | verHandleChange(val) { |
|---|
| | | this.queryForm.verid = val; |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.queryForm.verid = val |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | handleChange(data, node, nodeData) { |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.queryForm.dircode = data.code; |
|---|
| | | this.queryForm.dirid = data.id; |
|---|
| | | this.queryForm.dirName = data.name; |
|---|
| | | this.getQueryVerList(); |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.queryForm.dircode = data.code |
|---|
| | | this.queryForm.dirid = data.id |
|---|
| | | this.queryForm.dirName = data.name |
|---|
| | | this.getQueryVerList() |
|---|
| | | }, |
|---|
| | | handleChange1(data, node, nodeData) { |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.queryForm.depcode = data.code; |
|---|
| | | this.queryForm.depName = data.name; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.queryForm.depcode = data.code |
|---|
| | | this.queryForm.depName = data.name |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | handleChange2(data, node, nodeData) { |
|---|
| | | this.editForm.depid = data.id; |
|---|
| | | this.editForm.depcode = data.code; |
|---|
| | | this.editForm.depName = data.name; |
|---|
| | | this.editForm.depid = data.id |
|---|
| | | this.editForm.depcode = data.code |
|---|
| | | this.editForm.depName = data.name |
|---|
| | | }, |
|---|
| | | handleChange3(data, node, nodeData) { |
|---|
| | | this.editForm.dirid = data.id; |
|---|
| | | this.editForm.dircode = data.code; |
|---|
| | | this.editForm.dirName = data.name; |
|---|
| | | this.editForm.dirid = data.id |
|---|
| | | this.editForm.dircode = data.code |
|---|
| | | this.editForm.dirName = data.name |
|---|
| | | }, |
|---|
| | | //æ ¼å¼åå表 |
|---|
| | | formatData(row, column) { |
|---|
| | | let data = row[column.property]; |
|---|
| | | let data = row[column.property] |
|---|
| | | if (data == null) { |
|---|
| | | return data; |
|---|
| | | return data |
|---|
| | | } |
|---|
| | | return this.format(data); |
|---|
| | | return this.format(data) |
|---|
| | | }, |
|---|
| | | setInfoBoxTime(res) { |
|---|
| | | if (res == null) { |
|---|
| | | return res; |
|---|
| | | return res |
|---|
| | | } |
|---|
| | | return this.format(res); |
|---|
| | | return this.format(res) |
|---|
| | | }, |
|---|
| | | setInfoBoxSize(res) { |
|---|
| | | if (res >= 1024) { |
|---|
| | | return parseFloat(res / 1024).toFixed(3) + " GB"; |
|---|
| | | return parseFloat(res / 1024).toFixed(3) + " GB" |
|---|
| | | } else { |
|---|
| | | return res + " MB"; |
|---|
| | | return res + " MB" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //æ ¼å¼åæ¶é´ |
|---|
| | | 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(); |
|---|
| | | 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) + |
|---|
| | | " " + |
|---|
| | | h + |
|---|
| | | ":" + |
|---|
| | | mm + |
|---|
| | | ":" + |
|---|
| | | s |
|---|
| | | ); |
|---|
| | | y + |
|---|
| | | "-" + |
|---|
| | | this.add0(m) + |
|---|
| | | "-" + |
|---|
| | | this.add0(d) + |
|---|
| | | " " + |
|---|
| | | h + |
|---|
| | | ":" + |
|---|
| | | mm + |
|---|
| | | ":" + |
|---|
| | | s |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | //æ ¼å¼åæ¶é´ |
|---|
| | | add0(m) { |
|---|
| | | return m < 10 ? "0" + m : m; |
|---|
| | | return m < 10 ? "0" + m : m |
|---|
| | | }, |
|---|
| | | //åä½è½¬æ¢ |
|---|
| | | stateFormatSizes(row, column) { |
|---|
| | | if (row.sizes >= 1024) { |
|---|
| | | const val = parseFloat(row.sizes / 1024).toFixed(3); |
|---|
| | | return val + " GB"; |
|---|
| | | const val = parseFloat(row.sizes / 1024).toFixed(3) |
|---|
| | | return val + " GB" |
|---|
| | | } else { |
|---|
| | | return row.sizes + " MB"; |
|---|
| | | return row.sizes + " MB" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //ç®å½æ è·å |
|---|
| | | async getSelectDictTab() { |
|---|
| | | const res = await selectdirTab(); |
|---|
| | | const res = await selectdirTab() |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error("å表è°ç¨å¤±è´¥"); |
|---|
| | | this.$message.error("å表è°ç¨å¤±è´¥") |
|---|
| | | } |
|---|
| | | this.optionCount = this.treeData(res.result); |
|---|
| | | this.dirComPanyOption = this.treeData(res.result); |
|---|
| | | this.listData.depcode = this.optionCount[0].code; |
|---|
| | | this.optionCount = this.treeData(res.result) |
|---|
| | | this.dirComPanyOption = this.treeData(res.result) |
|---|
| | | this.listData.depcode = this.optionCount[0].code |
|---|
| | | }, |
|---|
| | | handleNodeClick(data) { |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.listData.dirid = data.id; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.listData.dirid = data.id |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | getTableDesc(res) { |
|---|
| | | this.activeName = res.tab; |
|---|
| | | this.activeName = res.tab |
|---|
| | | }, |
|---|
| | | //æ¾ç¤ºæéæé® |
|---|
| | | showPermsBtn() { |
|---|
| | | let currentPerms = this.$store.state.currentPerms; |
|---|
| | | let permsEntity = this.$store.state.permsEntity; |
|---|
| | | let currentPerms = this.$store.state.currentPerms |
|---|
| | | let permsEntity = this.$store.state.permsEntity |
|---|
| | | permsEntity |
|---|
| | | .filter((item) => item.perms == currentPerms) |
|---|
| | | .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); |
|---|
| | | .filter(item => item.perms == currentPerms) |
|---|
| | | .map(item => (this.btnStatus[item.tag.substr(1)] = true)) |
|---|
| | | }, |
|---|
| | | // ShowWindowFly(res) { |
|---|
| | | // console.log(res); |
|---|
| | |
|---|
| | | // }, |
|---|
| | | // 请æ±æ°æ®å
容 |
|---|
| | | getMetaData() { |
|---|
| | | this.listData.depcode = this.queryForm.depcode; |
|---|
| | | this.listData.dircode = this.queryForm.dircode; |
|---|
| | | this.listData.depcode = this.queryForm.depcode |
|---|
| | | this.listData.dircode = this.queryForm.dircode |
|---|
| | | |
|---|
| | | this.listData.verid = this.queryForm.verid; |
|---|
| | | this.listData.verid = this.queryForm.verid |
|---|
| | | // this.listData.dirid = 57 |
|---|
| | | |
|---|
| | | select_meta_ByPageAndCount(this.listData).then((res) => { |
|---|
| | | this.tableData = res.result; |
|---|
| | | this.count = res.count; |
|---|
| | | }); |
|---|
| | | select_meta_ByPageAndCount(this.listData).then(res => { |
|---|
| | | this.tableData = res.result |
|---|
| | | this.count = res.count |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | // æ¥è¯¢ |
|---|
| | | queryInfo() { |
|---|
| | | this.listData.name = this.queryForm.name.trim(); |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.listData.name = this.queryForm.name.trim() |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | // éç½®æ¥è¯¢ |
|---|
| | | resetInfo(formName) { |
|---|
| | | this.$refs[formName].resetFields(); |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.listData.name = null; |
|---|
| | | this.queryForm.dirid = this.companyOption[0].id; |
|---|
| | | this.queryForm.depid = this.companyOption1[0].id; |
|---|
| | | this.queryForm.dircode = this.companyOption[0].code; |
|---|
| | | this.queryForm.depcode = this.companyOption1[0].code; |
|---|
| | | this.queryForm.dirName = this.companyOption[0].name; |
|---|
| | | this.queryForm.depName = this.companyOption1[0].name; |
|---|
| | | this.getQueryVerList(); |
|---|
| | | this.getMetaData(); |
|---|
| | | this.$refs[formName].resetFields() |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.listData.name = null |
|---|
| | | this.queryForm.dirid = this.companyOption[0].id |
|---|
| | | this.queryForm.depid = this.companyOption1[0].id |
|---|
| | | this.queryForm.dircode = this.companyOption[0].code |
|---|
| | | this.queryForm.depcode = this.companyOption1[0].code |
|---|
| | | this.queryForm.dirName = this.companyOption[0].name |
|---|
| | | this.queryForm.depName = this.companyOption1[0].name |
|---|
| | | this.getQueryVerList() |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | //æ°å¢æé® |
|---|
| | | showAddDialog() { |
|---|
| | | this.behavior = "æ°å¢ç¨æ·"; |
|---|
| | | this.editForm = {}; |
|---|
| | | this.dialogFormVisible = true; |
|---|
| | | this.behavior = "æ°å¢ç¨æ·" |
|---|
| | | this.editForm = {} |
|---|
| | | this.dialogFormVisible = true |
|---|
| | | }, |
|---|
| | | cancelAdd(formName) { |
|---|
| | | this.editForm = {}; |
|---|
| | | this.$refs[formName].resetFields(); |
|---|
| | | this.editForm = {} |
|---|
| | | this.$refs[formName].resetFields() |
|---|
| | | }, |
|---|
| | | sendAdd(formName) { |
|---|
| | | this.$refs[formName].validate((valid) => { |
|---|
| | | this.$refs[formName].validate(valid => { |
|---|
| | | if (valid) { |
|---|
| | | this.fullscreenLoading = true; |
|---|
| | | this.fullscreenLoading = true |
|---|
| | | insertMeta(this.editForm) |
|---|
| | | .then((res) => { |
|---|
| | | setTimeout(() => { |
|---|
| | | this.fullscreenLoading = false; |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.$message({ |
|---|
| | | message: "æ·»å æå", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.editForm = {}; |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | } |
|---|
| | | }, 500); |
|---|
| | | }) |
|---|
| | | .catch((res) => { |
|---|
| | | alert("ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼"); |
|---|
| | | this.fullscreenLoading = false; |
|---|
| | | }); |
|---|
| | | .then(res => { |
|---|
| | | setTimeout(() => { |
|---|
| | | this.fullscreenLoading = false |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.getMetaData() |
|---|
| | | this.$message({ |
|---|
| | | message: "æ·»å æå", |
|---|
| | | type: "success", |
|---|
| | | }) |
|---|
| | | this.editForm = {} |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | } |
|---|
| | | }, 500) |
|---|
| | | }) |
|---|
| | | .catch(res => { |
|---|
| | | alert("ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼") |
|---|
| | | this.fullscreenLoading = false |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | console.log("error submit!!"); |
|---|
| | | return false; |
|---|
| | | console.log("error submit!!") |
|---|
| | | return false |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | // è·åå¤ééä¸ç对象 |
|---|
| | | handleSelectionChange(val) { |
|---|
| | | this.multipleSelection = val; |
|---|
| | | this.multipleSelection = val |
|---|
| | | }, |
|---|
| | | // å é¤å¤æ¡ |
|---|
| | | deleteMetaInfo() { |
|---|
| | |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | var std = []; |
|---|
| | | for (var i in this.multipleSelection) { |
|---|
| | | std.push(this.multipleSelection[i].id); |
|---|
| | | .then(() => { |
|---|
| | | var std = [] |
|---|
| | | for (var i in this.multipleSelection) { |
|---|
| | | std.push(this.multipleSelection[i].id) |
|---|
| | | } |
|---|
| | | deleteMeta({ ids: std.toString() }).then(res => { |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }) |
|---|
| | | this.multipleSelection = [] |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.getMetaData() |
|---|
| | | } else { |
|---|
| | | this.$message.error("å é¤å¤±è´¥") |
|---|
| | | this.multipleSelection = [] |
|---|
| | | } |
|---|
| | | deleteMeta({ids: std.toString()}).then((res) => { |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | this.multipleSelection = []; |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.getMetaData(); |
|---|
| | | } else { |
|---|
| | | this.$message.error("å é¤å¤±è´¥"); |
|---|
| | | this.multipleSelection = []; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | this.$message("å·²åæ¶å é¤"); |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | this.$message("å·²åæ¶å é¤") |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // æ¥ççé¢ |
|---|
| | | showDetail(row) { |
|---|
| | | // console.log(index, row); |
|---|
| | | this.showinfoBox = true; |
|---|
| | | this.itemdetail = row; |
|---|
| | | this.showinfoBox = true |
|---|
| | | this.itemdetail = row |
|---|
| | | }, |
|---|
| | | // å
³éæ¥ç |
|---|
| | | closeDetial() { |
|---|
| | | this.showinfoBox = false; |
|---|
| | | this.itemdetail = {}; |
|---|
| | | this.showinfoBox = false |
|---|
| | | this.itemdetail = {} |
|---|
| | | }, |
|---|
| | | // ä¿®æ¹çé¢ |
|---|
| | | editInfo(row) { |
|---|
| | | // console.log(row); |
|---|
| | | delete row.createTime; |
|---|
| | | delete row.createUser; |
|---|
| | | delete row.updateUser; |
|---|
| | | delete row.updateUser; |
|---|
| | | this.initialForm = JSON.stringify(row); //å¤ä»½ |
|---|
| | | this.behavior = "ä¿®æ¹ä¿¡æ¯"; |
|---|
| | | this.editForm = JSON.parse(JSON.stringify(row)); |
|---|
| | | this.dialogFormVisible = true; |
|---|
| | | this.getSelectDictTab(); |
|---|
| | | delete row.createTime |
|---|
| | | delete row.createUser |
|---|
| | | delete row.updateUser |
|---|
| | | delete row.updateUser |
|---|
| | | this.initialForm = JSON.stringify(row) //å¤ä»½ |
|---|
| | | this.behavior = "ä¿®æ¹ä¿¡æ¯" |
|---|
| | | this.editForm = JSON.parse(JSON.stringify(row)) |
|---|
| | | this.dialogFormVisible = true |
|---|
| | | this.getSelectDictTab() |
|---|
| | | }, |
|---|
| | | handleClose(done) { |
|---|
| | | this.$confirm("确认å
³éï¼") |
|---|
| | | .then((_) => { |
|---|
| | | this.editForm = {}; |
|---|
| | | done(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { |
|---|
| | | }); |
|---|
| | | .then(_ => { |
|---|
| | | this.editForm = {} |
|---|
| | | done() |
|---|
| | | }) |
|---|
| | | .catch(_ => {}) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // æäº¤ä¿®æ¹ |
|---|
| | |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | updateMeta(this.editForm).then((res) => { |
|---|
| | | setTimeout(() => { |
|---|
| | | this.fullscreenLoading = false; |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.listData.pageSize = 10; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.$message({ |
|---|
| | | message: "ä¿®æ¹æå", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.editForm = {}; |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | } |
|---|
| | | }, 500); |
|---|
| | | }); |
|---|
| | | .then(() => { |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | updateMeta(this.editForm).then(res => { |
|---|
| | | setTimeout(() => { |
|---|
| | | this.fullscreenLoading = false |
|---|
| | | if (res.code == 200) { |
|---|
| | | this.listData.pageSize = 10 |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.getMetaData() |
|---|
| | | this.$message({ |
|---|
| | | message: "ä¿®æ¹æå", |
|---|
| | | type: "success", |
|---|
| | | }) |
|---|
| | | this.editForm = {} |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | } |
|---|
| | | }, 500) |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | alert("ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼"); |
|---|
| | | this.fullscreenLoading = false; |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | alert("ä¿®æ¹å¤±è´¥ï¼è¯·éè¯ï¼") |
|---|
| | | this.fullscreenLoading = false |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | cancelEdit() { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.editForm = JSON.parse(this.initialForm); |
|---|
| | | }); |
|---|
| | | this.editForm = JSON.parse(this.initialForm) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | async download() { |
|---|
| | | var std = []; |
|---|
| | | var std = [] |
|---|
| | | for (var i in this.multipleSelection) { |
|---|
| | | std.push(this.multipleSelection[i].id); |
|---|
| | | std.push(this.multipleSelection[i].id) |
|---|
| | | } |
|---|
| | | var obj = { |
|---|
| | | pwd: encrypt.encrypt(this.codeForm.repassword), |
|---|
| | | ids: std, |
|---|
| | | }; |
|---|
| | | const res = await meta_downloadReq(JSON.stringify(obj)); |
|---|
| | | } |
|---|
| | | const res = await meta_downloadReq(JSON.stringify(obj)) |
|---|
| | | |
|---|
| | | if (res.code != 200) { |
|---|
| | | this.$message.error("ä¸è½½è¯·æ±å¤±è´¥"); |
|---|
| | | return; |
|---|
| | | this.$message.error("ä¸è½½è¯·æ±å¤±è´¥") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | var downObj = { |
|---|
| | | guid: res.result, |
|---|
| | | pwd: encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)), |
|---|
| | | }; |
|---|
| | | const data = await meta_selectDownloadFile(downObj); |
|---|
| | | } |
|---|
| | | const data = await meta_selectDownloadFile(downObj) |
|---|
| | | |
|---|
| | | if (data.code != 200) { |
|---|
| | | this.$message.error("ä¸è½½è¯·æ±å¤±è´¥"); |
|---|
| | | return; |
|---|
| | | this.$message.error("ä¸è½½è¯·æ±å¤±è´¥") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | var token = getToken(); |
|---|
| | | var token = getToken() |
|---|
| | | var url = |
|---|
| | | BASE_URL + |
|---|
| | | "/meta/downloadFile?token=" + |
|---|
| | | token + |
|---|
| | | "&guid=" + |
|---|
| | | res.result + |
|---|
| | | "&pwd=" + |
|---|
| | | encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)); |
|---|
| | | BASE_URL + |
|---|
| | | "/meta/downloadFile?token=" + |
|---|
| | | token + |
|---|
| | | "&guid=" + |
|---|
| | | res.result + |
|---|
| | | "&pwd=" + |
|---|
| | | encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)) |
|---|
| | | |
|---|
| | | $("#downFrame").attr("src", url).click(); |
|---|
| | | this.closeDown(); |
|---|
| | | $("#downFrame").attr("src", url).click() |
|---|
| | | this.closeDown() |
|---|
| | | }, |
|---|
| | | closeDown() { |
|---|
| | | this.showCodeBox = false; |
|---|
| | | this.codeForm.password = ""; |
|---|
| | | this.codeForm.repassword = ""; |
|---|
| | | this.showCodeBox = false |
|---|
| | | this.codeForm.password = "" |
|---|
| | | this.codeForm.repassword = "" |
|---|
| | | }, |
|---|
| | | downFormData() { |
|---|
| | | if (this.multipleSelection.length == 0) { |
|---|
| | | alert("请å
éæ©è¦ä¸è½½çæ件"); |
|---|
| | | return; |
|---|
| | | alert("请å
éæ©è¦ä¸è½½çæ件") |
|---|
| | | return |
|---|
| | | } |
|---|
| | | this.showCodeBox = true; |
|---|
| | | this.showCodeBox = true |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleSizeChange(val) { |
|---|
| | | this.listData.pageSize = val; |
|---|
| | | this.listData.pageIndex = 1; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.listData.pageSize = val |
|---|
| | | this.listData.pageIndex = 1 |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | handleCurrentChange(val) { |
|---|
| | | this.listData.pageIndex = val; |
|---|
| | | this.getMetaData(); |
|---|
| | | this.listData.pageIndex = val |
|---|
| | | this.getMetaData() |
|---|
| | | }, |
|---|
| | | //æ å表çæ |
|---|
| | | treeData(source) { |
|---|
| | | let cloneData = JSON.parse(JSON.stringify(source)); // 对æºæ°æ®æ·±åº¦å
é |
|---|
| | | return cloneData.filter((father) => { |
|---|
| | | let cloneData = JSON.parse(JSON.stringify(source)) // 对æºæ°æ®æ·±åº¦å
é |
|---|
| | | return cloneData.filter(father => { |
|---|
| | | // 循ç¯ææ项 |
|---|
| | | let branchArr = cloneData.filter((child) => father.id == child.pid); // 对æ¯IDï¼åå«ä¸ä¸çº§èåï¼å¹¶è¿åæ°æ® |
|---|
| | | branchArr.length > 0 ? (father.children = branchArr) : ""; // ç»ç¶çº§æ·»å ä¸ä¸ªchildrenå±æ§ï¼å¹¶èµå¼ |
|---|
| | | return father.pid == 0; // è¿åä¸çº§èå |
|---|
| | | }); |
|---|
| | | let branchArr = cloneData.filter(child => father.id == child.pid) // 对æ¯IDï¼åå«ä¸ä¸çº§èåï¼å¹¶è¿åæ°æ® |
|---|
| | | branchArr.length > 0 ? (father.children = branchArr) : "" // ç»ç¶çº§æ·»å ä¸ä¸ªchildrenå±æ§ï¼å¹¶èµå¼ |
|---|
| | | return father.pid == 0 // è¿åä¸çº§èå |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | showPreview(row) { |
|---|
| | | let name = row.name |
|---|
| | | if (!name) return false |
|---|
| | | return ( |
|---|
| | | name.indexOf("pdf") != -1 || |
|---|
| | | name.indexOf("jpg") != -1 || |
|---|
| | | name.indexOf("gif") != -1 || |
|---|
| | | name.indexOf("png") != -1 || |
|---|
| | | name.indexOf("jpeg") != -1 |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | handlePreview(row) { |
|---|
| | | let name = row.name |
|---|
| | | this.refreshAttatchDetail() |
|---|
| | | |
|---|
| | | if (name.indexOf(".pdf") != -1) { |
|---|
| | | this.dialog.isPdf = true |
|---|
| | | } else if ( |
|---|
| | | name.indexOf(".jpg") != -1 || |
|---|
| | | name.indexOf(".gif") != -1 || |
|---|
| | | name.indexOf(".png") != -1 || |
|---|
| | | name.indexOf(".jpeg") != -1 |
|---|
| | | ) { |
|---|
| | | this.dialog.isJpg = true |
|---|
| | | } |
|---|
| | | this.dialog.dialogVisible = true |
|---|
| | | this.dialog.isPdf = true |
|---|
| | | var url = |
|---|
| | | BASE_URL + |
|---|
| | | "/inquiry/downloadForView?guid=" + |
|---|
| | | row.guid + |
|---|
| | | "&token=" + |
|---|
| | | getToken() |
|---|
| | | this.dialog.src = url |
|---|
| | | }, |
|---|
| | | refreshAttatchDetail() { |
|---|
| | | this.dialog.src = "" |
|---|
| | | this.dialog.dialogVisible = false |
|---|
| | | this.dialog.isPdf = false |
|---|
| | | this.dialog.isJpg = false |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | //@import url(); å¼å
¥å
Œ
±cssç±» |
|---|
| | |
|---|
| | | |
|---|
| | | border-radius: 10px; |
|---|
| | | } |
|---|
| | | .preview-dialog { |
|---|
| | | .pdfClass { |
|---|
| | | height: 70vh; |
|---|
| | | width: 100%; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <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> |
|---|
| | | <version-manage v-if="setMenuFlag == 'versionManage'"></version-manage> |
|---|
| | | <project-manage v-if="setMenuFlag == 'projectManage'"></project-manage> |
|---|
| | | |
|---|
| | | <!-- <spatial-data v-if="setMenuFlag == 'SpatialData'"></spatial-data> |
|---|
| | | |
|---|
| | | <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> |
|---|
| | | |
|---|
| | | <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> |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="verSionBox"> |
|---|
| | | <My-bread |
|---|
| | | :list="[ |
|---|
| | | <div class="verSionBox "> |
|---|
| | | <My-bread :list="[ |
|---|
| | | `${$t('dataManage.dataManage')}`, |
|---|
| | | `${$t('dataManage.projectManage')}`, |
|---|
| | | ]" |
|---|
| | | ></My-bread> |
|---|
| | | ]"></My-bread> |
|---|
| | | <el-divider /> |
|---|
| | | <div class="verSionContent"> |
|---|
| | | <div class="verSion_leftTree subpage_Div" style="border: 1px solid #dcdfe6;"> |
|---|
| | | <div |
|---|
| | | class="verSion_leftTree subpage_Div" |
|---|
| | | style="border: 1px solid #dcdfe6;" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | :inline="true" |
|---|
| | | class="demo-form-inline" |
|---|
| | | > |
|---|
| | | <el-form-item> |
|---|
| | | <el-input |
|---|
| | | size="small" |
|---|
| | | v-model="filterInput" |
|---|
| | | style="width: 200px" |
|---|
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
|---|
| | | suffix-icon="el-icon-search" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.insert" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | @click="insertProject" |
|---|
| | | :disabled="count1 != 0 ? true : false" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.increase") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | </el-form> |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :props="defaultProps" |
|---|
| | |
|---|
| | | :default-expand-all="false" |
|---|
| | | draggable |
|---|
| | | @node-click="handleNodeClick" |
|---|
| | | :filter-node-method="filterNode" |
|---|
| | | > |
|---|
| | | </el-tree> |
|---|
| | | </div> |
|---|
| | | <div class="verSion_rightContent subpage_Div"> |
|---|
| | | <el-form :inline="true" class="demo-form-inline"> |
|---|
| | | <el-form-item style="padding-bottom: 14px"> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.insert" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | @click="insertProject" |
|---|
| | | :disabled="count1 != 0 ? true : false" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.append") }}</el-button |
|---|
| | | > |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <!-- |
|---|
| | | <!-- <el-divider class="eldivider" /> --> |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div class="table_box" style="height: calc(100% - 89px)"> |
|---|
| | | <!-- <div class="dividing-line"></div> --> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | style="height:100%" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="dbTableData" |
|---|
| | | height="100%" |
|---|
| | | border |
|---|
| | | style="width: 100%" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <el-table-column |
|---|
| | | min-width="120" |
|---|
| | | min-width="120" |
|---|
| | | prop="corpname" |
|---|
| | | :label="$t('dataManage.projectObj.corpname')" |
|---|
| | | /> |
|---|
| | |
|---|
| | | prop="remarks" |
|---|
| | | :label="$t('dataManage.projectObj.remarks')" |
|---|
| | | /> |
|---|
| | | <el-table-column label="æä½" width="200"> |
|---|
| | | <el-table-column |
|---|
| | | label="æä½" |
|---|
| | | width="200" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.delete" |
|---|
| | |
|---|
| | | size="small" |
|---|
| | | plain |
|---|
| | | type="danger" |
|---|
| | | >{{ $t("common.delete") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.delete") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.update" |
|---|
| | | @click="EditProject(scope.row)" |
|---|
| | | type="warning" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.update") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.update") }}</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | |
|---|
| | | top="2vh" |
|---|
| | | :title=" |
|---|
| | | behavior == 'æ°å¢é¡¹ç®' |
|---|
| | | ? `${$t('dataManage.projectObj.newProj')}` |
|---|
| | | : `${$t('dataManage.projectObj.editProj')}` |
|---|
| | | ? `${$t('dataManage.projectObj.lable1')}` |
|---|
| | | : `${$t('dataManage.projectObj.lable1')}` |
|---|
| | | " |
|---|
| | | :visible.sync="outerVisible" |
|---|
| | | :before-close="outerClose" |
|---|
| | |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.projname')"> |
|---|
| | | <el-input v-model="editFrom.projname" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.projname" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.projtype')"> |
|---|
| | | <el-input v-model="editFrom.projtype" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.projtype" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.location')"> |
|---|
| | | <div class="BoxFlex"> |
|---|
| | |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.country')"> |
|---|
| | | <el-input v-model="editFrom.country" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.country" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.province')"> |
|---|
| | | <el-input v-model="editFrom.province" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.province" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.county')"> |
|---|
| | | <el-input v-model="editFrom.location" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.location" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.corpname')"> |
|---|
| | | <el-input v-model="editFrom.corpname" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.corpname" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.department')"> |
|---|
| | | <el-input |
|---|
| | |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.contents')"> |
|---|
| | | <el-input v-model="editFrom.contents" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.contents" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.projstate')"> |
|---|
| | | <el-input |
|---|
| | |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item :label="$t('dataManage.projectObj.remarks')"> |
|---|
| | | <el-input v-model="editFrom.remarks" style="width: 85%"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="editFrom.remarks" |
|---|
| | | style="width: 85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div slot="footer" class="dialog-footer"> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | :disabled="behavior != 'æ°å¢é¡¹ç®' ? true : false" |
|---|
| | | @click="setRestEditFrom" |
|---|
| | | >{{ $t("common.reset") }}</el-button |
|---|
| | | > |
|---|
| | | <el-button size="small" type="primary" @click="insertEditFrom">{{ |
|---|
| | | >{{ $t("common.reset") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="insertEditFrom" |
|---|
| | | >{{ |
|---|
| | | $t("common.confirm") |
|---|
| | | }}</el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | components: { MyBread, ProjectOl }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | filterInput: "", |
|---|
| | | behavior: null, |
|---|
| | | outerVisible: false, |
|---|
| | | innerVisible: false, |
|---|
| | |
|---|
| | | computed: {}, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | filterNode(value, data) { |
|---|
| | | if (!value) return true; |
|---|
| | | |
|---|
| | | return data.name.indexOf(value) !== -1; |
|---|
| | | }, |
|---|
| | | showPermsBtn() { |
|---|
| | | let currentPerms = this.$store.state.currentPerms; |
|---|
| | | let permsEntity = this.$store.state.permsEntity; |
|---|
| | |
|---|
| | | this.getSelectProject(); |
|---|
| | | done(); |
|---|
| | | }) |
|---|
| | | .catch((_) => {}); |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async innerClose() { |
|---|
| | | this.showMap = false; |
|---|
| | |
|---|
| | | //æ°å¢é¡¹ç® |
|---|
| | | insertProject() { |
|---|
| | | if (this.dirId == null) { |
|---|
| | | this.$message.error("请éæ©éè¦æ°å¢çç®å½"); |
|---|
| | | this.$message.error("请éæ©éè¦æ·»å ç项ç®"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.behavior = "æ°å¢é¡¹ç®"; |
|---|
| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: {}, |
|---|
| | | watch: { |
|---|
| | | |
|---|
| | | filterInput(val) { |
|---|
| | | this.$refs.tree.filter(val); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | |
|---|
| | | border-radius: 5px; |
|---|
| | | //border: 1px solid #dcdfe6; |
|---|
| | | //margin-bottom: 20px; |
|---|
| | | text-align: right; |
|---|
| | | // text-align: right; |
|---|
| | | .el-form-item { |
|---|
| | | margin: 5px; |
|---|
| | | } |
|---|
| | |
|---|
| | | `${$t('dataManage.dataManage')}`, |
|---|
| | | `${$t('dataManage.styleManage')}`, |
|---|
| | | ]"></My-bread> |
|---|
| | | <el-divider/> |
|---|
| | | <div class="searchComp subpage_Div" ref="container"> |
|---|
| | | <el-divider /> |
|---|
| | | <div |
|---|
| | | class="searchComp subpage_Div" |
|---|
| | | ref="container" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | ref="ruleForm" |
|---|
| | | :model="ruleForm" |
|---|
| | | :inline="true" |
|---|
| | | ref="ruleForm" |
|---|
| | | :model="ruleForm" |
|---|
| | | :inline="true" |
|---|
| | | > |
|---|
| | | <div class="flex_box"> |
|---|
| | | <div style="margin-right: auto"> |
|---|
| | | <el-form-item |
|---|
| | | size="small" |
|---|
| | | :label="$t('dataManage.vmobj.keyword')" |
|---|
| | | prop="name" |
|---|
| | | size="small" |
|---|
| | | :label="$t('dataManage.vmobj.keyword')" |
|---|
| | | prop="name" |
|---|
| | | > |
|---|
| | | <!-- suffix-icon="el-icon-edit" |
|---|
| | | <!-- suffix-icon="el-icon-edit" |
|---|
| | | :placeholder="$t('common.pleaseInput')"--> |
|---|
| | | <el-input |
|---|
| | | v-model="ruleForm.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable1')" |
|---|
| | | style="width:200px" |
|---|
| | | ><i slot="suffix" class="el-icon-search" @click="submitForm('ruleForm')" style="padding-right: 8px"></i></el-input> |
|---|
| | | v-model="ruleForm.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable1')" |
|---|
| | | style="width:200px" |
|---|
| | | ><i |
|---|
| | | slot="suffix" |
|---|
| | | class="el-icon-search" |
|---|
| | | @click="submitForm('ruleForm')" |
|---|
| | | style="padding-right: 8px" |
|---|
| | | ></i></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.insert" |
|---|
| | | @click="setInsertShow()" |
|---|
| | | icon="el-icon-edit" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | v-if="btnStatus.insert" |
|---|
| | | @click="setInsertShow()" |
|---|
| | | icon="el-icon-edit" |
|---|
| | | type="success" |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.append') }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.delete" |
|---|
| | | @click="delStyleData" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | v-if="btnStatus.delete" |
|---|
| | | @click="delStyleData" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.delete') }} |
|---|
| | | </el-button> |
|---|
| | | <!-- <el-button |
|---|
| | | <!-- <el-button |
|---|
| | | @click="submitForm('ruleForm')" |
|---|
| | | icon="el-icon-search" |
|---|
| | | type="primary" |
|---|
| | |
|---|
| | | >{{ $t('common.iquery') }} |
|---|
| | | </el-button>--> |
|---|
| | | <el-button |
|---|
| | | @click="resetForm('ruleForm')" |
|---|
| | | icon="el-icon-refresh" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="resetForm('ruleForm')" |
|---|
| | | icon="el-icon-refresh" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.empty') }} |
|---|
| | | </el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div class="table_box" :style="styleVar"> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | :style="styleVar" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | type="selection" |
|---|
| | | width="55" |
|---|
| | | type="selection" |
|---|
| | | width="55" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('dataManage.styleObj.index')" |
|---|
| | | width="70px" |
|---|
| | | align="center" |
|---|
| | | type="index" |
|---|
| | | :label="$t('dataManage.styleObj.index')" |
|---|
| | | width="70px" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="id" |
|---|
| | | v-if="false" |
|---|
| | | align="center" |
|---|
| | | prop="id" |
|---|
| | | v-if="false" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('dataManage.styleObj.name')" |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | | :label="$t('dataManage.styleObj.name')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('dataManage.styleObj.type')" |
|---|
| | | align="center" |
|---|
| | | prop="type" |
|---|
| | | :label="$t('dataManage.styleObj.type')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.styleObj.dirid')" |
|---|
| | | align="center" |
|---|
| | | prop="dirName" |
|---|
| | | :label="$t('dataManage.styleObj.dirid')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.styleObj.depid')" |
|---|
| | | align="center" |
|---|
| | | prop="depName" |
|---|
| | | :label="$t('dataManage.styleObj.depid')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="ver" |
|---|
| | | :label="$t('dataManage.styleObj.ver')" |
|---|
| | | align="center" |
|---|
| | | prop="ver" |
|---|
| | | :label="$t('dataManage.styleObj.ver')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="status" |
|---|
| | | :label="$t('dataManage.styleObj.status')" |
|---|
| | | :formatter="formatStatus" |
|---|
| | | align="center" |
|---|
| | | prop="status" |
|---|
| | | :label="$t('dataManage.styleObj.status')" |
|---|
| | | :formatter="formatStatus" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="precision" |
|---|
| | | :label="$t('dataManage.styleObj.precision')" |
|---|
| | | align="center" |
|---|
| | | prop="precision" |
|---|
| | | :label="$t('dataManage.styleObj.precision')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="descr" |
|---|
| | | :label="$t('dataManage.styleObj.descr')" |
|---|
| | | align="center" |
|---|
| | | prop="descr" |
|---|
| | | :label="$t('dataManage.styleObj.descr')" |
|---|
| | | /> |
|---|
| | | <!-- <el-table-column |
|---|
| | | align="center" |
|---|
| | |
|---|
| | | :label="$t('dataManage.styleObj.bak')" |
|---|
| | | /> --> |
|---|
| | | <el-table-column |
|---|
| | | min-width="120" |
|---|
| | | :label="$t('common.operate')" |
|---|
| | | min-width="200" |
|---|
| | | :label="$t('common.operate')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button |
|---|
| | | @click="showDetail(scope.$index, scope.row)" |
|---|
| | | type="primary" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | @click="showDetail(scope.$index, scope.row)" |
|---|
| | | type="primary" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.see') }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | @click="handleEdit(scope.$index, scope.row)" |
|---|
| | | type="warning" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | @click="handleEdit(scope.$index, scope.row)" |
|---|
| | | type="warning" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.update') }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | @click="handleDownload(scope.$index, scope.row)" |
|---|
| | | type="success" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.download') }} |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | :current-page="listData.pageIndex" |
|---|
| | | :page-sizes="[10, 20, 50, 100]" |
|---|
| | | :page-size="listData.pageSize" |
|---|
| | | layout="total, sizes, prev, pager, next, jumper" |
|---|
| | | :total="count" |
|---|
| | | > |
|---|
| | | </el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="infoBox_box" v-show="showinfoBox"> |
|---|
| | | <div |
|---|
| | | class="infoBox subpage_Div box_div" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | class="infoBox_box" |
|---|
| | | v-show="showinfoBox" |
|---|
| | | > |
|---|
| | | <div class="infoBox subpage_Div box_div"> |
|---|
| | | |
|---|
| | | <div |
|---|
| | | slot="header" |
|---|
| | | class="clearfix" |
|---|
| | | slot="header" |
|---|
| | | class="clearfix" |
|---|
| | | > |
|---|
| | | <span>{{ $t('dataManage.styleObj.deInformation') }}</span> |
|---|
| | | <div |
|---|
| | | style="float: right; cursor: pointer" |
|---|
| | | @click="closeDetial" |
|---|
| | | style="float: right; cursor: pointer" |
|---|
| | | @click="closeDetial" |
|---|
| | | > |
|---|
| | | <i class="el-icon-close"></i> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <label> {{ $t('dataManage.styleObj.viewguid') }}:</label> |
|---|
| | | <label class="boxlabel"> |
|---|
| | | <div style="width:440px;height:200px;"> |
|---|
| | | <img |
|---|
| | | style="width:100%; height:100%" |
|---|
| | | :src="itemdetail.imageFile" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | <img |
|---|
| | | style="width:100%; height:100%" |
|---|
| | | :src="itemdetail.imageFile" |
|---|
| | | alt="" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </label> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('dataManage.styleObj.modifyStyleData')" |
|---|
| | | :before-close="removeUpdate" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :title="$t('dataManage.styleObj.modifyStyleData')" |
|---|
| | | :before-close="removeUpdate" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form :model="upform" label-position="top"> |
|---|
| | | <el-form |
|---|
| | | :model="upform" |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="upform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.type')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.type')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.type" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="upform.type" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.dirid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.dirid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | v-model="upform.dirid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | v-model="upform.dirid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="upform.dirid" |
|---|
| | | :label="upform.dirName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | :value="upform.dirid" |
|---|
| | | :label="upform.dirName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="editcatalogOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="defaultProps" |
|---|
| | | @node-click="handleNodeClickto" |
|---|
| | | ref="tree" |
|---|
| | | :data="editcatalogOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="defaultProps" |
|---|
| | | @node-click="handleNodeClickto" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | ></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.depid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.depid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | v-model="upform.depid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | v-model="upform.depid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="upform.depid" |
|---|
| | | :label="upform.depName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | :value="upform.depid" |
|---|
| | | :label="upform.depName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="editCompanyOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="defaultProps" |
|---|
| | | @node-click="handleNodeClick" |
|---|
| | | ref="tree" |
|---|
| | | :data="editCompanyOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="defaultProps" |
|---|
| | | @node-click="handleNodeClick" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | ></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.ver')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.ver')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.ver" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="upform.ver" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.status')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.status')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | v-model="upform.status" |
|---|
| | | style="width:85%" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | v-model="upform.status" |
|---|
| | | style="width:85%" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | value="0" |
|---|
| | | :label="$t('dataManage.styleObj.deactivate')" |
|---|
| | | value="0" |
|---|
| | | :label="$t('dataManage.styleObj.deactivate')" |
|---|
| | | ></el-option> |
|---|
| | | <el-option |
|---|
| | | value="1" |
|---|
| | | :label="$t('dataManage.styleObj.enable')" |
|---|
| | | value="1" |
|---|
| | | :label="$t('dataManage.styleObj.enable')" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.precision')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.precision')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.precision" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="upform.precision" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.descr')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.descr')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="upform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.fileguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.fileguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <!-- --> |
|---|
| | | <div class="BoxFlex"> |
|---|
| | | <div class="BoxFlexinput"> |
|---|
| | | <el-input |
|---|
| | | v-model="upform.fileGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | v-model="upform.fileGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="BoxFlexbutton"> |
|---|
| | | <input |
|---|
| | | name="file1" |
|---|
| | | type="file" |
|---|
| | | id="editFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="editFile(0)" |
|---|
| | | name="file1" |
|---|
| | | type="file" |
|---|
| | | id="editFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="editFile(0)" |
|---|
| | | /> |
|---|
| | | <el-button |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="geteditFile(0)" |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="geteditFile(0)" |
|---|
| | | >éæ© |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="seteditFile(0)" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="seteditFile(0)" |
|---|
| | | >ä¸ä¼ |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | ><i class="el-icon-upload2"></i></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.viewguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.viewguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <div class="BoxFlex"> |
|---|
| | | <div class="BoxFlexinput"> |
|---|
| | | <el-input |
|---|
| | | v-model="upform.viewGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | v-model="upform.viewGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <input |
|---|
| | | name="file1" |
|---|
| | | :accept="'.jpg,.png'" |
|---|
| | | type="file" |
|---|
| | | id="editimageFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="editFile(1)" |
|---|
| | | name="file1" |
|---|
| | | :accept="'.jpg,.png'" |
|---|
| | | type="file" |
|---|
| | | id="editimageFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="editFile(1)" |
|---|
| | | /> |
|---|
| | | <el-button |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="geteditFile(1)" |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="geteditFile(1)" |
|---|
| | | >éæ© |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="seteditFile(1)" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="seteditFile(1)" |
|---|
| | | >ä¸ä¼ |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | ><i class="el-icon-upload2"></i></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.bak')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.bak')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.bak" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="upform.bak" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="removeUpdate" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="removeUpdate" |
|---|
| | | >{{ $t('common.close') }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | @click="updateForm" |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | @click="updateForm" |
|---|
| | | size="small" |
|---|
| | | >{{ $t('common.confirm') }} |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('dataManage.styleObj.addStyleData')" |
|---|
| | | |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | :before-close="handleClose" |
|---|
| | | :title="$t('dataManage.styleObj.addStyleData')" |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form :model="insertform" label-position="top"> |
|---|
| | | <el-form |
|---|
| | | :model="insertform" |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="insertform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.type')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.type')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="insertform.type" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.type" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.dirid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.dirid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | v-model="insertform.dirid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | v-model="insertform.dirid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="insertform.dirid" |
|---|
| | | :label="insertform.dirName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | :value="insertform.dirid" |
|---|
| | | :label="insertform.dirName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="catalogOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="defaultProps" |
|---|
| | | @node-click="handcatalogChange" |
|---|
| | | ref="tree" |
|---|
| | | :data="catalogOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="defaultProps" |
|---|
| | | @node-click="handcatalogChange" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | ></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.depid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.depid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | v-model="insertform.depid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | v-model="insertform.depid" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | @focus="setOptionWidth" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="insertform.depid" |
|---|
| | | :label="insertform.depName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | :value="insertform.depid" |
|---|
| | | :label="insertform.depName" |
|---|
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handcompanyChange" |
|---|
| | | ref="tree" |
|---|
| | | :data="companyOption" |
|---|
| | | :default-expand-all="defaultexpand" |
|---|
| | | node-key="id" |
|---|
| | | :props="cascader" |
|---|
| | | @node-click="handcompanyChange" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | |
|---|
| | | ></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.ver')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.ver')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="insertform.ver" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.ver" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.status')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.status')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | v-model="insertform.status" |
|---|
| | | style="width:85%" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | v-model="insertform.status" |
|---|
| | | style="width:85%" |
|---|
| | | :placeholder="$t('common.choose')" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | value="0" |
|---|
| | | :label="$t('dataManage.styleObj.deactivate')" |
|---|
| | | value="0" |
|---|
| | | :label="$t('dataManage.styleObj.deactivate')" |
|---|
| | | ></el-option> |
|---|
| | | <el-option |
|---|
| | | value="1" |
|---|
| | | :label="$t('dataManage.styleObj.enable')" |
|---|
| | | value="1" |
|---|
| | | :label="$t('dataManage.styleObj.enable')" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.precision')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.precision')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="insertform.precision" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.precision" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.descr')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.descr')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="insertform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.fileguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.fileguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <div class="BoxFlex"> |
|---|
| | | <div class="BoxFlexinput"> |
|---|
| | | <el-input |
|---|
| | | v-model="insertFileGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | v-model="insertFileGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <input |
|---|
| | | name="file1" |
|---|
| | | type="file" |
|---|
| | | id="insertFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="insertFileData(0)" |
|---|
| | | name="file1" |
|---|
| | | type="file" |
|---|
| | | id="insertFile" |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="insertFileData(0)" |
|---|
| | | /> |
|---|
| | | <el-button |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="getInsertFile(0)" |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="getInsertFile(0)" |
|---|
| | | >éæ© |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="setinsertFile(0)" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="setinsertFile(0)" |
|---|
| | | >ä¸ä¼ |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | ><i class="el-icon-upload2"></i></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.viewguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.viewguid')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <div class="BoxFlex"> |
|---|
| | | <div class="BoxFlexinput"> |
|---|
| | | <el-input |
|---|
| | | v-model="insertViewGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | v-model="insertViewGuid" |
|---|
| | | disabled |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:100%" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div><input |
|---|
| | |
|---|
| | | multiple="multiple" |
|---|
| | | style="display: none" |
|---|
| | | @change="insertFileData(1)" |
|---|
| | | /> |
|---|
| | | /> |
|---|
| | | <el-button |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="getInsertFile(1)" |
|---|
| | | style="margin-left: 6px;" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="getInsertFile(1)" |
|---|
| | | >éæ© |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="setinsertFile(1)" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | :underline="false" |
|---|
| | | @click="setinsertFile(1)" |
|---|
| | | >ä¸ä¼ |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | ><i class="el-icon-upload2"></i></el-link> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.styleObj.bak')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | :label="$t('dataManage.styleObj.bak')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="insertform.bak" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.bak" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="insertFromDataClose" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="insertFromDataClose" |
|---|
| | | >{{ $t('common.close') }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="insertFromData" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="insertFromData" |
|---|
| | | >{{ $t('common.confirm') }} |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <div |
|---|
| | | class="leftTree" |
|---|
| | | v-if="showDirCata" |
|---|
| | | class="leftTree" |
|---|
| | | v-if="showDirCata" |
|---|
| | | > |
|---|
| | | <div class="treeBox"> |
|---|
| | | <style-dir-tree></style-dir-tree> |
|---|
| | | </div> |
|---|
| | | <div class="btnBox"> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="selectDirCataName" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="selectDirCataName" |
|---|
| | | >{{ |
|---|
| | | $t('common.confirm') |
|---|
| | | }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="showDirCata = false" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="showDirCata = false" |
|---|
| | | >{{ |
|---|
| | | $t('common.close') |
|---|
| | | }} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="leftTree subpage_Div" |
|---|
| | | v-if="showDepCata" |
|---|
| | | class="leftTree subpage_Div" |
|---|
| | | v-if="showDepCata" |
|---|
| | | > |
|---|
| | | <div class="treeBox"> |
|---|
| | | <style-dep-tree></style-dep-tree> |
|---|
| | | </div> |
|---|
| | | <div class="btnBox"> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="selectDepCataName" |
|---|
| | | type="primary" |
|---|
| | | size="small" |
|---|
| | | @click="selectDepCataName" |
|---|
| | | >{{ |
|---|
| | | $t('common.confirm') |
|---|
| | | }} |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="showDepCata = false" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | @click="showDepCata = false" |
|---|
| | | >{{ |
|---|
| | | $t('common.close') |
|---|
| | | }} |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <iframe |
|---|
| | | id="downFrame" |
|---|
| | | src="" |
|---|
| | | style="display: none; border: 0; padding: 0; height: 0; width: 0" |
|---|
| | | ></iframe> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import $ from "jquery"; |
|---|
| | | import moment from "moment"; |
|---|
| | | import {getToken} from "../../utils/auth.js"; |
|---|
| | | import { getToken } from "../../utils/auth.js"; |
|---|
| | | import MyBread from "../../components/MyBread.vue"; |
|---|
| | | import styleDirTree from "./styleDirTree.vue"; |
|---|
| | | import styleDepTree from "./styleDepTree.vue"; |
|---|
| | |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: "styleManage", |
|---|
| | | components: {MyBread, styleDirTree, styleDepTree}, |
|---|
| | | components: { MyBread, styleDirTree, styleDepTree }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | insertFileGuid: "", |
|---|
| | |
|---|
| | | let currentPerms = this.$store.state.currentPerms; |
|---|
| | | let permsEntity = this.$store.state.permsEntity; |
|---|
| | | permsEntity |
|---|
| | | .filter((item) => item.perms == currentPerms) |
|---|
| | | .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); |
|---|
| | | .filter((item) => item.perms == currentPerms) |
|---|
| | | .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); |
|---|
| | | }, |
|---|
| | | filesReset() { |
|---|
| | | // document.getElementById("insertFile").reset(); |
|---|
| | |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(async () => { |
|---|
| | | const data = await deleteStyles({ids: std.toString()}); |
|---|
| | | if (data.code == 200) { |
|---|
| | | this.$message({ |
|---|
| | | message: "å é¤æåï¼", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: "å é¤å¤±è´¥ï¼", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | .then(async () => { |
|---|
| | | const data = await deleteStyles({ ids: std.toString() }); |
|---|
| | | if (data.code == 200) { |
|---|
| | | this.$message({ |
|---|
| | | type: "info", |
|---|
| | | message: "å·²åæ¶å é¤", |
|---|
| | | message: "å é¤æåï¼", |
|---|
| | | type: "success", |
|---|
| | | }); |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | } else { |
|---|
| | | this.$message({ |
|---|
| | | message: "å é¤å¤±è´¥ï¼", |
|---|
| | | type: "warning", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | this.$message({ |
|---|
| | | type: "info", |
|---|
| | | message: "å·²åæ¶å é¤", |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | showDirTree(res) { |
|---|
| | | this.dirFlag = res; |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | insertFromDataClose() { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | this.insertFileGuid = ""; |
|---|
| | | this.insertViewGuid = ""; |
|---|
| | | this.filesReset(); |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | this.insertFileGuid = ""; |
|---|
| | | this.insertViewGuid = ""; |
|---|
| | | this.filesReset(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = { |
|---|
| | | fileGuid: null, |
|---|
| | | viewGuid: null, |
|---|
| | | }; |
|---|
| | | this.filesReset(); |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = { |
|---|
| | | fileGuid: null, |
|---|
| | | viewGuid: null, |
|---|
| | | }; |
|---|
| | | this.filesReset(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async insertFromData() { |
|---|
| | | if (this.insertform.dirid == null || this.insertform.depid == null) { |
|---|
| | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | removeUpdate() { |
|---|
| | | this.upflag = false; |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.upflag = false; |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | this.upform = {}; |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | // this.filesReset(); |
|---|
| | | }, |
|---|
| | | submitForm(formName) { |
|---|
| | |
|---|
| | | |
|---|
| | | this.itemdetail = row; |
|---|
| | | this.itemdetail.createTime = this.formomentTime( |
|---|
| | | this.itemdetail.createTime |
|---|
| | | this.itemdetail.createTime |
|---|
| | | ); |
|---|
| | | this.itemdetail.updateTime = this.formomentTime( |
|---|
| | | this.itemdetail.updateTime |
|---|
| | | this.itemdetail.updateTime |
|---|
| | | ); |
|---|
| | | this.itemdetail.imageFile = |
|---|
| | | BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token; |
|---|
| | | BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token; |
|---|
| | | }, |
|---|
| | | closeDetial() { |
|---|
| | | this.showinfoBox = false; |
|---|
| | | this.itemdetail = {}; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleDownload(index, row) { |
|---|
| | | |
|---|
| | | var token = getToken() |
|---|
| | | var url = BASE_URL + "/res/download?token=" + token + "&guid=" + row.fileGuid; |
|---|
| | | |
|---|
| | | $("#downFrame").attr("src", url).click(); |
|---|
| | | |
|---|
| | | }, |
|---|
| | | handleEdit(index, row) { |
|---|
| | | this.upflag = true; |
|---|
| | | this.dialogFormVisible = true; |
|---|
| | |
|---|
| | | cancelButtonText: "åæ¶", |
|---|
| | | type: "warning", |
|---|
| | | }) |
|---|
| | | .then(() => { |
|---|
| | | DeletestStyle([row.id]); |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | this.startFromData(); |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | .then(() => { |
|---|
| | | DeletestStyle([row.id]); |
|---|
| | | this.$message({ |
|---|
| | | type: "success", |
|---|
| | | message: "å é¤æå!", |
|---|
| | | }); |
|---|
| | | this.startFromData(); |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // è·åå¤é |
|---|
| | | |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="verSionBox"> |
|---|
| | | <My-bread |
|---|
| | | :list="[ |
|---|
| | | <My-bread :list="[ |
|---|
| | | `${$t('dataManage.dataManage')}`, |
|---|
| | | `${$t('dataManage.versionManage')}`, |
|---|
| | | ]" |
|---|
| | | ></My-bread> |
|---|
| | | ]"></My-bread> |
|---|
| | | <el-divider /> |
|---|
| | | <div class="inquire subpage_Div" ref="container"> |
|---|
| | | <el-form ref="ruleForm" :model="ruleForm" :inline="true"> |
|---|
| | | <div |
|---|
| | | class="inquire subpage_Div" |
|---|
| | | ref="container" |
|---|
| | | > |
|---|
| | | <el-form |
|---|
| | | ref="ruleForm" |
|---|
| | | :model="ruleForm" |
|---|
| | | :inline="true" |
|---|
| | | > |
|---|
| | | <div class="flex_box"> |
|---|
| | | <div style="margin-right: auto"> |
|---|
| | | <el-form-item size="small"> |
|---|
| | |
|---|
| | | <el-input |
|---|
| | | v-model="ruleForm.name" |
|---|
| | | :placeholder="$t('shuJuGuanLi.lable5')" |
|---|
| | | ><i slot="suffix" class="el-icon-search" @click="onSubmit('ruleForm')" style="padding-right: 8px"></i></el-input> |
|---|
| | | ><i |
|---|
| | | slot="suffix" |
|---|
| | | class="el-icon-search" |
|---|
| | | @click="onSubmit('ruleForm')" |
|---|
| | | style="padding-right: 8px" |
|---|
| | | ></i></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | |
|---|
| | | @click="(InsertFormdialog = true), getSelectdirTab()" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.append") }}</el-button |
|---|
| | | > |
|---|
| | | <!-- <el-button |
|---|
| | | >{{ $t("common.append") }}</el-button> |
|---|
| | | <!-- <el-button |
|---|
| | | @click="onSubmit('ruleForm')" |
|---|
| | | icon="el-icon-search" |
|---|
| | | size="small" |
|---|
| | |
|---|
| | | @click="resetForm('ruleForm')" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.empty") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.empty") }}</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <div class="table_box" :style="styleVar"> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | :style="styleVar" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 57px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | :label="$t('dataManage.vmobj.index')" |
|---|
| | | width="70px" |
|---|
| | | /> |
|---|
| | | <el-table-column align="center" prop="id" v-if="false" /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="id" |
|---|
| | | v-if="false" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | align="center" |
|---|
| | | prop="name" |
|---|
| | |
|---|
| | | :label="$t('dataManage.vmobj.updateontime')" |
|---|
| | | :formatter="formatTime" |
|---|
| | | /> |
|---|
| | | <el-table-column min-width="150" :label="$t('common.operate')"> |
|---|
| | | <el-table-column |
|---|
| | | min-width="150" |
|---|
| | | :label="$t('common.operate')" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.update" |
|---|
| | |
|---|
| | | type="warning" |
|---|
| | | size="small" |
|---|
| | | plain |
|---|
| | | >{{ $t("common.update") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.update") }}</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="btnStatus.delete" |
|---|
| | | @click="handleDelete(scope.$index, scope.row)" |
|---|
| | | type="danger" |
|---|
| | | size="small" |
|---|
| | | plain |
|---|
| | | >{{ $t("common.delete") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.delete") }}</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box" style="margin-top: 15px"> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 15px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('dataManage.vmobj.editVersion')" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form :model="upform" label-position="top"> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | | :model="upform" |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.catalogue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="upform.dirid" |
|---|
| | | :placeholder="$t('shuJuGuanLi.pselect.select')" |
|---|
| | | style="width:85%" |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="upform.dirid" |
|---|
| | | :label="upform.depName" |
|---|
| | | style="height: auto" |
|---|
| | | <el-input |
|---|
| | | v-model="upform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.catalogue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="upform.dirid" |
|---|
| | | :placeholder="$t('shuJuGuanLi.pselect.select')" |
|---|
| | | style="width:85%" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="editcatalogOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="props" |
|---|
| | | @node-click="handlupCatalogChange" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <!-- <el-cascader |
|---|
| | | <el-option |
|---|
| | | :value="upform.dirid" |
|---|
| | | :label="upform.depName" |
|---|
| | | style="height: auto" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="editcatalogOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="props" |
|---|
| | | @node-click="handlupCatalogChange" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <!-- <el-cascader |
|---|
| | | style="width: 300px" |
|---|
| | | v-model="upform.dirid" |
|---|
| | | :options="editcatalogOption" |
|---|
| | | @change="upCatalogChange" |
|---|
| | | :props="cascader" |
|---|
| | | ></el-cascader> --> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.describe')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div slot="footer" type="info" class="dialog-footer"> |
|---|
| | | <el-button size="small" @click="editFromDataClose">{{ |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.describe')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | type="info" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | @click="editFromDataClose" |
|---|
| | | >{{ |
|---|
| | | $t("common.close") |
|---|
| | | }}</el-button> |
|---|
| | | <el-button size="small" @click="editFromData" class="primary">{{ |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | @click="editFromData" |
|---|
| | | class="primary" |
|---|
| | | >{{ |
|---|
| | | $t("common.confirm") |
|---|
| | | }}</el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('dataManage.vmobj.addVersion')" |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | :before-close="handleCloseadd" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form :model="insertform" label-position="top"> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | | :model="insertform" |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.catalogue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="insertform.path" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | :value="insertform.path" |
|---|
| | | :label="insertform.dirName" |
|---|
| | | style="height: auto" |
|---|
| | | <el-input |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.name" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.catalogue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-select |
|---|
| | | :popper-append-to-body="false" |
|---|
| | | v-model="insertform.dirName" |
|---|
| | | placeholder="请éæ©" |
|---|
| | | style="width:85%" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="editcatalogOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="props" |
|---|
| | | @node-click="catalogChangeAdd" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <!-- <el-cascader |
|---|
| | | <el-option |
|---|
| | | :value="insertform.path" |
|---|
| | | :label="insertform.dirName" |
|---|
| | | style="height: auto" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | ref="tree" |
|---|
| | | :data="editcatalogOption" |
|---|
| | | node-key="id" |
|---|
| | | :props="props" |
|---|
| | | @node-click="catalogChangeAdd" |
|---|
| | | /> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <!-- <el-cascader |
|---|
| | | style="width: 300px" |
|---|
| | | v-model="insertform.path" |
|---|
| | | :options="catalogOption" |
|---|
| | | @change="catalogChange" |
|---|
| | | :props="cascader" |
|---|
| | | ></el-cascader> --> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.describe')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div slot="footer" class="dialog-footer"> |
|---|
| | | <el-button @click="insertFromDataClose" type="info" size="small">{{ |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('dataManage.vmobj.describe')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | style="width:85%" |
|---|
| | | v-model="insertform.descr" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | @click="insertFromDataClose" |
|---|
| | | type="info" |
|---|
| | | size="small" |
|---|
| | | >{{ |
|---|
| | | $t("common.close") |
|---|
| | | }}</el-button> |
|---|
| | | <el-button @click="insertFromData" class="primary" size="small">{{ |
|---|
| | | <el-button |
|---|
| | | @click="insertFromData" |
|---|
| | | class="primary" |
|---|
| | | size="small" |
|---|
| | | >{{ |
|---|
| | | $t("common.confirm") |
|---|
| | | }}</el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | this.insertform.dirid = value; |
|---|
| | | }, |
|---|
| | | catalogChangeAdd(data, node, nodeData) { |
|---|
| | | this.$set(this.insertform, "path", data.id); |
|---|
| | | |
|---|
| | | this.insertform.path = data.id |
|---|
| | | this.insertform.dirid = data.id |
|---|
| | | // this.$set(this.insertform, "path", data.id); |
|---|
| | | this.$set(this.insertform, "dirName", data.name); |
|---|
| | | }, |
|---|
| | | upCatalogChange(val) { |
|---|
| | |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.companyOption = this.treeData(res.result); |
|---|
| | | this.ruleForm.dirid = this.companyOption[0].id; |
|---|
| | | // this.ruleForm.dirid = this.companyOption[0].id; |
|---|
| | | }, |
|---|
| | | handleChange(data, node, nodeData) { |
|---|
| | | this.$set(this.ruleForm, "dirid", data.id); |
|---|
| | |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | this.insertform.name = this.getYMD(); |
|---|
| | | this.insertform.path = 1; |
|---|
| | | this.insertform.dirid = 1; |
|---|
| | | this.upform.dirid == 1; |
|---|
| | | // this.insertform.path = 1; |
|---|
| | | // this.insertform.dirid = 1; |
|---|
| | | // this.upform.dirid == 1; |
|---|
| | | this.catalogOption = this.treeData(res.result); |
|---|
| | | this.editcatalogOption = this.treeData(res.result); |
|---|
| | | }, |
|---|
| | |
|---|
| | | }, |
|---|
| | | resetForm() { |
|---|
| | | this.ruleForm = {}; |
|---|
| | | this.ruleForm.dirid = this.companyOption[0].id; |
|---|
| | | // this.ruleForm.dirid = this.companyOption[0].id; |
|---|
| | | this.$store.state.verCateNode = {}; |
|---|
| | | this.$bus.$emit("clearTressLabel", true); |
|---|
| | | this.getRoleTabelData(); |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | editFromDataClose() { |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | this.upform = {}; |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | // this.dialogFormVisible = false; |
|---|
| | | // this.upform = {}; |
|---|
| | | }, |
|---|
| | | async editFromData() { |
|---|
| | | if (this.upform.depName == null) { |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | insertFromDataClose() { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false |
|---|
| | | this.insertform = {}; |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | // this.InsertFormdialog = false; |
|---|
| | | // this.insertform = {}; |
|---|
| | | }, |
|---|
| | | async insertFromData() { |
|---|
| | | |
|---|
| | | if (this.insertform.dirid == null) { |
|---|
| | | this.$message({ |
|---|
| | | message: "请éæ©è§è²æå±åä½", |
|---|
| | |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | const data = await insertVersion(this.insertform); |
|---|
| | | if (data.code == 200) { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | |
|---|
| | | this.dialogFormVisible = true; |
|---|
| | | this.upform = row; |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | handleCloseadd() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | pathId: { |
|---|
| | | immediate: true, |
|---|
| | | handler(val) {}, |
|---|
| | | handler(val) { }, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | |
|---|
| | | ref="singleTable" |
|---|
| | | :data="exportable" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="200" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | > |
|---|
| | |
|---|
| | | <div class="table_box subpage_Div" :style="styleVar"> |
|---|
| | | <el-table |
|---|
| | | :data="BTableData" |
|---|
| | | border |
|---|
| | | @selection-change="blackSelectionChange" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | |
|---|
| | | <div class="table_box subpage_Div" :style="styleVar"> |
|---|
| | | <el-table |
|---|
| | | :data="WTableData" |
|---|
| | | border |
|---|
| | | @selection-change="blackSelectionChange" |
|---|
| | | style="width: 100%" |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('common.append')" |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | |
|---|
| | | <el-form ref="insertform" :model="insertform" label-position="top"> |
|---|
| | |
|---|
| | | :title="$t('common.update')" |
|---|
| | | style="overflow: hidden" |
|---|
| | | :visible.sync="updateFormdialog" |
|---|
| | | :before-close="handleCloseEdit" |
|---|
| | | > |
|---|
| | | <el-form ref="editfrom" :model="editfrom" label-position="top"> |
|---|
| | | <el-form-item :label-width="formLabelWidth" label="IPå°å"> |
|---|
| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | editFromDataClose() { |
|---|
| | | this.updateFormdialog = false; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.editForm = JSON.parse(this.initialForm); |
|---|
| | | }); |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.updateFormdialog = false; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.editForm = JSON.parse(this.initialForm); |
|---|
| | | }); |
|---|
| | | this.BGetList(); |
|---|
| | | this.WGetList(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | queryBlackInfo() { |
|---|
| | | let searchData = { |
|---|
| | |
|---|
| | | this.InsertFormdialog = true; |
|---|
| | | }, |
|---|
| | | insertFromDataClose() { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async insertFromData() { |
|---|
| | | var count = await blacklistSelectCount(this.insertform); |
|---|
| | |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | handleCloseEdit() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.updateFormdialog = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | window.addEventListener("resize", this.onResize); |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <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"> |
|---|
| | | <!-- <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings> |
|---|
| | | <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management> |
|---|
| | | <org-manage v-if="setMenuFlag == 'orgManage'"></org-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'"> |
|---|
| | | </role-menu-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> |
|---|
| | | <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> |
|---|
| | | <downlog v-if="setMenuFlag == 'downlog'"></downlog> |
|---|
| | | <template-manage v-if="setMenuFlag == 'templateManage'"></template-manage> |
|---|
| | | <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import menuSettings from '@/views/maintenance/menuSettings.vue'; //èå管ç |
|---|
| | | import userManagement from '@/views/maintenance/userManagement.vue'; //ç¨æ·ç®¡ç |
|---|
| | | import orgManage from '@/views/userManage/orgManage.vue'; //åä½ç®¡ç |
|---|
| | | import resourceManage from '@/views/userManage/resourceManage.vue'; //èµæºç®¡ç |
|---|
| | | import roleManage from '@/views/userManage/roleManage.vue'; //è§è²ç®¡ç |
|---|
| | | import authorityManage from '@/views/userManage/authorityManage.vue'; //æé管ç |
|---|
| | | import userRoleAuthorization from '@/views/AuthorizationManagement/userRoleAuthorization.vue'; //ç¨æ·è§è²ææ |
|---|
| | | import menuRoleAuthorization from '@/views/AuthorizationManagement/menuRoleAuthorization.vue'; //èåæéææ |
|---|
| | | import roleMenuAuthorization from '@/views/AuthorizationManagement/roleMenuAuthorization.vue'; //è§è²èåææ |
|---|
| | | import roleResAuthorization from '@/views/AuthorizationManagement/roleResAuthorization.vue'; //è§è²èµæºææ |
|---|
| | | import logLog from '@/views/maintenance/logLog.vue'; //ç»å½æ¥å¿ |
|---|
| | | import operationLog from '@/views/maintenance/operationLog.vue'; //æä½æ¥å¿ |
|---|
| | | import eventlogManage from '@/views/maintenance/eventlogManage.vue'; //èµæºæ¥å¿ |
|---|
| | | import tokentool from '@/views/maintenance/tokentool.vue'; //令ç管ç |
|---|
| | | import blackwhiteList from '@/views/maintenance/blackwhiteList.vue'; //é»ç½åå |
|---|
| | | 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 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: { |
|---|
| | | menuSettings, |
|---|
| | | userManagement, |
|---|
| | | orgManage, |
|---|
| | | resourceManage, |
|---|
| | | roleManage, |
|---|
| | | authorityManage, |
|---|
| | | userRoleAuthorization, |
|---|
| | | menuRoleAuthorization, |
|---|
| | | roleMenuAuthorization, |
|---|
| | | roleResAuthorization, |
|---|
| | | logLog, |
|---|
| | | operationLog, |
|---|
| | | eventlogManage, |
|---|
| | | tokentool, |
|---|
| | | blackwhiteList, |
|---|
| | | databaseMonitoring, |
|---|
| | | systemMonitoring, |
|---|
| | | parameterConfiguration, |
|---|
| | | customElMenu, |
|---|
| | | downlog, |
|---|
| | | templateManage, |
|---|
| | | 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', |
|---|
| | | m1: null, |
|---|
| | | menuId: null, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | 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 getCookies() { |
|---|
| | | var boolean = this.getTimeCookies(); |
|---|
| | | if (boolean != true) { |
|---|
| | | this.$router.push('/login'); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.$store.state.permsEntity.length == 0) { |
|---|
| | | const data = await getPerms(); |
|---|
| | | this.$store.state.permsEntity = data.result; |
|---|
| | | } |
|---|
| | | var store = this.menuList[0]; |
|---|
| | | this.m1 = store.cnName; |
|---|
| | | this.setViewController(store); |
|---|
| | | }, |
|---|
| | | getTimeCookies() { |
|---|
| | | var time1 = new Date(JSON.parse(localStorage.getItem('LFToken')).time); |
|---|
| | | var time2 = new Date(); |
|---|
| | | if (time2 > time1) { |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //è·åæ |
|---|
| | | async getTreeData() { |
|---|
| | | const data = await queryMenuTree(); |
|---|
| | | |
|---|
| | | let menuLists = data.result.filter((value) => { |
|---|
| | | return value.url == '/empowerController'; |
|---|
| | | }); |
|---|
| | | this.menuId = menuLists[0].id |
|---|
| | | 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; |
|---|
| | | }) |
|---|
| | | .filter(value => { |
|---|
| | | return value.isShow == 1; |
|---|
| | | }); |
|---|
| | | this.menuList = this.treeData(menuList); |
|---|
| | | this.getCookies(); |
|---|
| | | const hanleselectmochaitmo = sessionStorage.getItem('hanleselectmochaitmo') |
|---|
| | | if (hanleselectmochaitmo) { |
|---|
| | | this.$nextTick(function () { |
|---|
| | | this.handleselecttwo(JSON.parse(hanleselectmochaitmo).url, JSON.parse(hanleselectmochaitmo)) |
|---|
| | | this.setViewController(JSON.parse(hanleselectmochaitmo)) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | // |
|---|
| | | } else { |
|---|
| | | alert('ææ èåæ æ°æ®'); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | console.log('æ¥å£æ¥é'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // this.treeList = this.treeData(data.result); |
|---|
| | | }, |
|---|
| | | async signInsertOpLog(m1, m2) { |
|---|
| | | var obj = { |
|---|
| | | m1: m1, |
|---|
| | | m2: m2, |
|---|
| | | } |
|---|
| | | // const data = await sign_insertOpLog(obj); |
|---|
| | | |
|---|
| | | |
|---|
| | | }, |
|---|
| | | setViewController(res) { |
|---|
| | | if (res == null) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (res.children != null) { |
|---|
| | | |
|---|
| | | |
|---|
| | | this.setViewController(res.children[0]); |
|---|
| | | } else { |
|---|
| | | |
|---|
| | | this.$store.state.currentPerms = res.perms; |
|---|
| | | this.signInsertOpLog(this.m1, res.cnName) |
|---|
| | | this.setMenuFlag = res.url; |
|---|
| | | this.activeIndex = res.url; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | 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 == this.menuId; // è¿åä¸çº§èå |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | alert('ææ èåæ æ°æ®'); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | 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) |
|---|
| | | |
|---|
| | | 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) { |
|---|
| | | this.getTimeCookies(); |
|---|
| | | |
|---|
| | | const a = JSON.stringify(e) |
|---|
| | | sessionStorage.setItem('hanleselectmochaitmo', 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> |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | <div class="dividing-line"></div> |
|---|
| | | <!-- è¡¨æ ¼æ¾ç¤º --> |
|---|
| | | <div class="table_box subpage_Div" :style="styleVar"> |
|---|
| | | <el-table :data="tableData" style="width: 100%" height="calc(100% - 45px)"> |
|---|
| | | <el-table :data="tableData" style="width: 100%" height="calc(100% - 45px)" border> |
|---|
| | | <el-table-column |
|---|
| | | width="150" |
|---|
| | | type="index" |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('common.append')" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | |
|---|
| | | this.ruleForm.level = data.level + 1; |
|---|
| | | }, |
|---|
| | | resetForm(formName) { |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs[formName].resetFields(); |
|---|
| | | this.ruleForm = {}; |
|---|
| | | }); |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs[formName].resetFields(); |
|---|
| | | this.ruleForm = {}; |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | submitForm(formName) { |
|---|
| | | this.$nextTick(() => { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.getMenuTree(); |
|---|
| | |
|---|
| | | <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') |
|---|
| | |
|---|
| | | m1: m1, |
|---|
| | | m2: m2, |
|---|
| | | } |
|---|
| | | const data = await sign_insertOpLog(obj); |
|---|
| | | // const data = await sign_insertOpLog(obj); |
|---|
| | | |
|---|
| | | |
|---|
| | | }, |
|---|
| | |
|---|
| | | |
|---|
| | | 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) |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | > |
|---|
| | | <!-- <el-table-column type="selection" width="55" /> --> |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <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"> |
|---|
| | | <!-- <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings> |
|---|
| | | <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management> |
|---|
| | | <org-manage v-if="setMenuFlag == 'orgManage'"></org-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'"> |
|---|
| | | </role-menu-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> |
|---|
| | | <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> |
|---|
| | | <downlog v-if="setMenuFlag == 'downlog'"></downlog> |
|---|
| | | <!-- <template-manage v-if="setMenuFlag == 'templateManage'"></template-manage> --> |
|---|
| | | <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import menuSettings from '@/views/maintenance/menuSettings.vue'; //èå管ç |
|---|
| | | import userManagement from '@/views/maintenance/userManagement.vue'; //ç¨æ·ç®¡ç |
|---|
| | | import orgManage from '@/views/userManage/orgManage.vue'; //åä½ç®¡ç |
|---|
| | | import resourceManage from '@/views/userManage/resourceManage.vue'; //èµæºç®¡ç |
|---|
| | | import roleManage from '@/views/userManage/roleManage.vue'; //è§è²ç®¡ç |
|---|
| | | import authorityManage from '@/views/userManage/authorityManage.vue'; //æé管ç |
|---|
| | | import userRoleAuthorization from '@/views/AuthorizationManagement/userRoleAuthorization.vue'; //ç¨æ·è§è²ææ |
|---|
| | | import menuRoleAuthorization from '@/views/AuthorizationManagement/menuRoleAuthorization.vue'; //èåæéææ |
|---|
| | | import roleMenuAuthorization from '@/views/AuthorizationManagement/roleMenuAuthorization.vue'; //è§è²èåææ |
|---|
| | | import roleResAuthorization from '@/views/AuthorizationManagement/roleResAuthorization.vue'; //è§è²èµæºææ |
|---|
| | | import logLog from '@/views/maintenance/logLog.vue'; //ç»å½æ¥å¿ |
|---|
| | | import operationLog from '@/views/maintenance/operationLog.vue'; //æä½æ¥å¿ |
|---|
| | | import eventlogManage from '@/views/maintenance/eventlogManage.vue'; //èµæºæ¥å¿ |
|---|
| | | import tokentool from '@/views/maintenance/tokentool.vue'; //令ç管ç |
|---|
| | | import blackwhiteList from '@/views/maintenance/blackwhiteList.vue'; //é»ç½åå |
|---|
| | | 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 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: { |
|---|
| | | menuSettings, |
|---|
| | | userManagement, |
|---|
| | | orgManage, |
|---|
| | | resourceManage, |
|---|
| | | roleManage, |
|---|
| | | authorityManage, |
|---|
| | | userRoleAuthorization, |
|---|
| | | menuRoleAuthorization, |
|---|
| | | roleMenuAuthorization, |
|---|
| | | roleResAuthorization, |
|---|
| | | logLog, |
|---|
| | | operationLog, |
|---|
| | | eventlogManage, |
|---|
| | | tokentool, |
|---|
| | | blackwhiteList, |
|---|
| | | databaseMonitoring, |
|---|
| | | systemMonitoring, |
|---|
| | | parameterConfiguration, |
|---|
| | | customElMenu, |
|---|
| | | downlog, |
|---|
| | | templateManage, |
|---|
| | | 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', |
|---|
| | | m1: null, |
|---|
| | | menuId: null |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | 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 getCookies() { |
|---|
| | | var boolean = this.getTimeCookies(); |
|---|
| | | if (boolean != true) { |
|---|
| | | this.$router.push('/login'); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.$store.state.permsEntity.length == 0) { |
|---|
| | | const data = await getPerms(); |
|---|
| | | this.$store.state.permsEntity = data.result; |
|---|
| | | } |
|---|
| | | var store = this.menuList[0]; |
|---|
| | | this.m1 = store.cnName; |
|---|
| | | this.setViewController(store); |
|---|
| | | }, |
|---|
| | | getTimeCookies() { |
|---|
| | | var time1 = new Date(JSON.parse(localStorage.getItem('LFToken')).time); |
|---|
| | | var time2 = new Date(); |
|---|
| | | if (time2 > time1) { |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //è·åæ |
|---|
| | | async getTreeData() { |
|---|
| | | const data = await queryMenuTree(); |
|---|
| | | |
|---|
| | | let menuLists = data.result.filter((value) => { |
|---|
| | | return value.url == '/opexController'; |
|---|
| | | }); |
|---|
| | | this.menuId = menuLists[0].id |
|---|
| | | 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; |
|---|
| | | }) |
|---|
| | | .filter(value => { |
|---|
| | | return value.isShow == 1; |
|---|
| | | }); |
|---|
| | | this.menuList = this.treeData(menuList); |
|---|
| | | this.getCookies(); |
|---|
| | | const hanleselectmochaitmo = sessionStorage.getItem('hanleselectmochaitmo') |
|---|
| | | |
|---|
| | | if (hanleselectmochaitmo) { |
|---|
| | | this.$nextTick(function () { |
|---|
| | | this.handleselecttwo(JSON.parse(hanleselectmochaitmo).url, JSON.parse(hanleselectmochaitmo)) |
|---|
| | | this.setViewController(JSON.parse(hanleselectmochaitmo)) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | // |
|---|
| | | } else { |
|---|
| | | alert('ææ èåæ æ°æ®'); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | console.log('æ¥å£æ¥é'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // this.treeList = this.treeData(data.result); |
|---|
| | | }, |
|---|
| | | async signInsertOpLog(m1, m2) { |
|---|
| | | var obj = { |
|---|
| | | m1: m1, |
|---|
| | | m2: m2, |
|---|
| | | } |
|---|
| | | // const data = await sign_insertOpLog(obj); |
|---|
| | | |
|---|
| | | |
|---|
| | | }, |
|---|
| | | setViewController(res) { |
|---|
| | | if (res == null) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (res.children != null) { |
|---|
| | | |
|---|
| | | |
|---|
| | | this.setViewController(res.children[0]); |
|---|
| | | } else { |
|---|
| | | |
|---|
| | | this.$store.state.currentPerms = res.perms; |
|---|
| | | this.signInsertOpLog(this.m1, res.cnName) |
|---|
| | | this.setMenuFlag = res.url; |
|---|
| | | this.activeIndex = res.url; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | 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 == this.menuId; // è¿åä¸çº§èå |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | alert('ææ èåæ æ°æ®'); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | 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) |
|---|
| | | |
|---|
| | | 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) { |
|---|
| | | this.getTimeCookies(); |
|---|
| | | |
|---|
| | | const a = JSON.stringify(e) |
|---|
| | | sessionStorage.setItem('hanleselectmochaitmo', 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> |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="parameterConfiguration_box"> |
|---|
| | | <My-bread |
|---|
| | | :list="[ |
|---|
| | | <div class="parameterConfiguration_box box_div"> |
|---|
| | | <My-bread :list="[ |
|---|
| | | `${$t('operatManage.operatManage')}`, |
|---|
| | | `${$t('operatManage.systemLayout')}`, |
|---|
| | | ]" |
|---|
| | | ></My-bread> |
|---|
| | | ]"></My-bread> |
|---|
| | | <el-divider /> |
|---|
| | | <div class="table_box" :style="styleVar"> |
|---|
| | | <div |
|---|
| | | class="table_box" |
|---|
| | | :style="styleVar" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | ref="filterTable" |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | type="warning" |
|---|
| | | plain |
|---|
| | | size="small" |
|---|
| | | >{{ $t("common.edit") }}</el-button |
|---|
| | | > |
|---|
| | | >{{ $t("common.edit") }}</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div class="pagination_box" style="margin-top: 10px"> |
|---|
| | | <div |
|---|
| | | class="pagination_box" |
|---|
| | | style="margin-top: 10px" |
|---|
| | | > |
|---|
| | | <el-pagination |
|---|
| | | @size-change="handleSizeChange" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | |
|---|
| | | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('operatManage.sysLayOutObj.editSysLayOut')" |
|---|
| | | top="2vh" |
|---|
| | | top="2vh" |
|---|
| | | :visible.sync="EditFormdialog" |
|---|
| | | :before-close="EditFromDataClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form :model="upform" label-position="top"> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | | :model="upform" |
|---|
| | | label-position="top" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.name }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.cvalue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input v-model="upform.cvalue" autocomplete="off" style="width:85%"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.dvalue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.dvalue }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.minValue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.minValue }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.maxValue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.maxValue }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.descr')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.descr }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div slot="footer" class="dialog-footer"> |
|---|
| | | <el-button size="small" @click="EditFromDataClose">{{ |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.name')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.name }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.cvalue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <el-input |
|---|
| | | v-model="upform.cvalue" |
|---|
| | | autocomplete="off" |
|---|
| | | style="width:85%" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.dvalue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.dvalue }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.minValue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.minValue }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.maxValue')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.maxValue }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item |
|---|
| | | :label="$t('operatManage.sysLayOutObj.descr')" |
|---|
| | | :label-width="formLabelWidth" |
|---|
| | | > |
|---|
| | | <label class="boxlabel">{{ upform.descr }}</label> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | slot="footer" |
|---|
| | | class="dialog-footer" |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | size="small" |
|---|
| | | @click="EditFromDataClose" |
|---|
| | | >{{ |
|---|
| | | $t("common.close") |
|---|
| | | }}</el-button> |
|---|
| | | <el-button @click="EditFromData" size="small" type="primary">{{ |
|---|
| | | <el-button |
|---|
| | | @click="EditFromData" |
|---|
| | | size="small" |
|---|
| | | type="primary" |
|---|
| | | >{{ |
|---|
| | | $t("common.confirm") |
|---|
| | | }}</el-button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | this.upform = row; |
|---|
| | | }, |
|---|
| | | EditFromDataClose() { |
|---|
| | | this.EditFormdialog = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.EditFormdialog = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async EditFromData() { |
|---|
| | | if ( |
|---|
| | |
|---|
| | | <style lang="less" scoped> |
|---|
| | | //@import url(); å¼å
¥å
Œ
±cssç±» |
|---|
| | | .parameterConfiguration_box { |
|---|
| | | height: 98%; |
|---|
| | | width: 98%; |
|---|
| | | padding: 0.5% 1%; |
|---|
| | | |
|---|
| | | height: calc(100% - 20px); |
|---|
| | | width: calc(100% - 20px); |
|---|
| | | padding: 10px; |
|---|
| | | position: relative; |
|---|
| | | .parameterConfiguration { |
|---|
| | | padding-top: 10px; |
|---|
| | | padding-bottom: 10px; |
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <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"> |
|---|
| | | <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings> |
|---|
| | | <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management> |
|---|
| | | <org-manage v-if="setMenuFlag == 'orgManage'"></org-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> |
|---|
| | | <template-manage v-if="setMenuFlag == 'templateManage'"></template-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> --> |
|---|
| | | <!-- <log-log v-if="setMenuFlag == 'logLog'"> </log-log> |
|---|
| | | <operation-log v-if="setMenuFlag == 'operationLog'"></operation-log> |
|---|
| | | <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> |
|---|
| | | <downlog v-if="setMenuFlag == 'downlog'"></downlog> |
|---|
| | | |
|---|
| | | <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import menuSettings from '@/views/maintenance/menuSettings.vue'; //èå管ç |
|---|
| | | import userManagement from '@/views/maintenance/userManagement.vue'; //ç¨æ·ç®¡ç |
|---|
| | | import orgManage from '@/views/userManage/orgManage.vue'; //åä½ç®¡ç |
|---|
| | | import resourceManage from '@/views/userManage/resourceManage.vue'; //èµæºç®¡ç |
|---|
| | | import roleManage from '@/views/userManage/roleManage.vue'; //è§è²ç®¡ç |
|---|
| | | import authorityManage from '@/views/userManage/authorityManage.vue'; //æé管ç |
|---|
| | | import userRoleAuthorization from '@/views/AuthorizationManagement/userRoleAuthorization.vue'; //ç¨æ·è§è²ææ |
|---|
| | | import menuRoleAuthorization from '@/views/AuthorizationManagement/menuRoleAuthorization.vue'; //èåæéææ |
|---|
| | | import roleMenuAuthorization from '@/views/AuthorizationManagement/roleMenuAuthorization.vue'; //è§è²èåææ |
|---|
| | | import roleResAuthorization from '@/views/AuthorizationManagement/roleResAuthorization.vue'; //è§è²èµæºææ |
|---|
| | | import logLog from '@/views/maintenance/logLog.vue'; //ç»å½æ¥å¿ |
|---|
| | | import operationLog from '@/views/maintenance/operationLog.vue'; //æä½æ¥å¿ |
|---|
| | | import eventlogManage from '@/views/maintenance/eventlogManage.vue'; //èµæºæ¥å¿ |
|---|
| | | import tokentool from '@/views/maintenance/tokentool.vue'; //令ç管ç |
|---|
| | | import blackwhiteList from '@/views/maintenance/blackwhiteList.vue'; //é»ç½åå |
|---|
| | | 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 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: { |
|---|
| | | menuSettings, |
|---|
| | | userManagement, |
|---|
| | | orgManage, |
|---|
| | | resourceManage, |
|---|
| | | roleManage, |
|---|
| | | authorityManage, |
|---|
| | | userRoleAuthorization, |
|---|
| | | menuRoleAuthorization, |
|---|
| | | roleMenuAuthorization, |
|---|
| | | roleResAuthorization, |
|---|
| | | logLog, |
|---|
| | | operationLog, |
|---|
| | | eventlogManage, |
|---|
| | | tokentool, |
|---|
| | | blackwhiteList, |
|---|
| | | databaseMonitoring, |
|---|
| | | systemMonitoring, |
|---|
| | | parameterConfiguration, |
|---|
| | | customElMenu, |
|---|
| | | downlog, |
|---|
| | | templateManage, |
|---|
| | | 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', |
|---|
| | | m1: null, |
|---|
| | | menuId: null, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | 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 getCookies() { |
|---|
| | | var boolean = this.getTimeCookies(); |
|---|
| | | if (boolean != true) { |
|---|
| | | this.$router.push('/login'); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (this.$store.state.permsEntity.length == 0) { |
|---|
| | | const data = await getPerms(); |
|---|
| | | this.$store.state.permsEntity = data.result; |
|---|
| | | } |
|---|
| | | var store = this.menuList[0]; |
|---|
| | | this.m1 = store.cnName; |
|---|
| | | this.setViewController(store); |
|---|
| | | }, |
|---|
| | | getTimeCookies() { |
|---|
| | | var time1 = new Date(JSON.parse(localStorage.getItem('LFToken')).time); |
|---|
| | | var time2 = new Date(); |
|---|
| | | if (time2 > time1) { |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | return true; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //è·åæ |
|---|
| | | async getTreeData() { |
|---|
| | | const data = await queryMenuTree(); |
|---|
| | | |
|---|
| | | let menuLists = data.result.filter((value) => { |
|---|
| | | return value.url == '/systemController'; |
|---|
| | | }); |
|---|
| | | this.menuId = menuLists[0].id; |
|---|
| | | 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; |
|---|
| | | }) |
|---|
| | | .filter(value => { |
|---|
| | | return value.isShow == 1; |
|---|
| | | }); |
|---|
| | | this.menuList = this.treeData(menuList); |
|---|
| | | this.getCookies(); |
|---|
| | | const hanleselectmochaitmo = sessionStorage.getItem('hanleselectmochaitmo') |
|---|
| | | if (hanleselectmochaitmo) { |
|---|
| | | this.$nextTick(function () { |
|---|
| | | this.handleselecttwo(JSON.parse(hanleselectmochaitmo).url, JSON.parse(hanleselectmochaitmo)) |
|---|
| | | this.setViewController(JSON.parse(hanleselectmochaitmo)) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | // |
|---|
| | | } else { |
|---|
| | | alert('ææ èåæ æ°æ®'); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | console.log('æ¥å£æ¥é'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // this.treeList = this.treeData(data.result); |
|---|
| | | }, |
|---|
| | | async signInsertOpLog(m1, m2) { |
|---|
| | | var obj = { |
|---|
| | | m1: m1, |
|---|
| | | m2: m2, |
|---|
| | | } |
|---|
| | | // const data = await sign_insertOpLog(obj); |
|---|
| | | |
|---|
| | | |
|---|
| | | }, |
|---|
| | | setViewController(res) { |
|---|
| | | if (res == null) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (res.children != null) { |
|---|
| | | |
|---|
| | | |
|---|
| | | this.setViewController(res.children[0]); |
|---|
| | | } else { |
|---|
| | | |
|---|
| | | this.$store.state.currentPerms = res.perms; |
|---|
| | | this.signInsertOpLog(this.m1, res.cnName) |
|---|
| | | this.setMenuFlag = res.url; |
|---|
| | | this.activeIndex = res.url; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | 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 == this.menuId; // è¿åä¸çº§èå |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | alert('ææ èåæ æ°æ®'); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | 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) |
|---|
| | | |
|---|
| | | 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) { |
|---|
| | | this.getTimeCookies(); |
|---|
| | | |
|---|
| | | const a = JSON.stringify(e) |
|---|
| | | sessionStorage.setItem('hanleselectmochaitmo', 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> |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | ref="filterTable" |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | > |
|---|
| | | <el-table-column type="selection" width="55" /> |
|---|
| | |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="token" |
|---|
| | | |
|---|
| | | :label="$t('operatManage.tokentoolObj.token')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | | prop="duration" |
|---|
| | | |
|---|
| | | width="120" |
|---|
| | | :label="$t('operatManage.tokentoolObj.duration')" |
|---|
| | | /> |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('operatManage.tokentoolObj.addToken')" |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form ref="formData1" :model="insertform" label-position="top"> |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('operatManage.tokentoolObj.editToken')" |
|---|
| | | :visible.sync="EditFormdialog" |
|---|
| | | :before-close="handleCloseEdit" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form ref="formData1" :model="insertform" label-position="top"> |
|---|
| | |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | editFromDataClose() { |
|---|
| | | this.EditFormdialog = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.EditFormdialog = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async editFromData() { |
|---|
| | | this.upform.type = parseInt(this.upform.edit); |
|---|
| | |
|---|
| | | this.multipleSelection = val; |
|---|
| | | }, |
|---|
| | | insertFromDataClose() { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async insertFromData() { |
|---|
| | | if ( |
|---|
| | |
|---|
| | | } |
|---|
| | | return moment(parseInt(date)).format("YYYY-MM-DD HH:mm:ss"); |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | handleCloseEdit() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.EditFormdialog = false |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | ref="filterTable" |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | class="table_height" |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | fit |
|---|
| | | border |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | > |
|---|
| | |
|---|
| | | :title="$t('userManage.userInfoObj.addPermission')" |
|---|
| | | style="overflow: hidden" |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | |
|---|
| | | <el-form :model="insertform" label-position="top"> |
|---|
| | |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }, |
|---|
| | | EditFromDataClose() { |
|---|
| | | this.EditFormdialog = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.EditFormdialog = false; |
|---|
| | | this.upform = {}; |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async EditFromData() { |
|---|
| | | const data = await updateAuth(this.upform); |
|---|
| | |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }, |
|---|
| | | insertFromDataClose() { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async insertFromData() { |
|---|
| | | const data = await insertAuth(this.insertform); |
|---|
| | |
|---|
| | | this.dialogTitle = row.name; |
|---|
| | | this.isTransfer = true; |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('common.append')" |
|---|
| | | :visible.sync="dialogFormVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | |
|---|
| | | // console.log(node); |
|---|
| | | }, |
|---|
| | | resetForm(formName) { |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.ruleForm = {}; |
|---|
| | | this.$refs[formName].resetFields(); |
|---|
| | | }); |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogFormVisible = false; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.ruleForm = {}; |
|---|
| | | this.$refs[formName].resetFields(); |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | submitForm(formName) { |
|---|
| | | this.$refs[formName].validate((valid) => { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.dialogFormVisible = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.getMenuTree(); |
|---|
| | |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | fit |
|---|
| | | border |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | > |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | > |
|---|
| | |
|---|
| | | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('userManage.RM.insertRole')" |
|---|
| | | |
|---|
| | | :before-close="handleClose" |
|---|
| | | style="overflow: hidden" |
|---|
| | | :visible.sync="InsertFormdialog" |
|---|
| | | > |
|---|
| | |
|---|
| | | <el-dialog |
|---|
| | | :title="$t('userManage.RM.updateRole')" |
|---|
| | | :visible.sync="UpdateFormdialog" |
|---|
| | | :before-close="handleCloseEdit" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form :model="updateform" label-position="top"> |
|---|
| | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | insertFromClose() { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false; |
|---|
| | | this.insertform = {}; |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async insertFromData() { |
|---|
| | | if (this.insertform.depValue == null) { |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | updateFromClose() { |
|---|
| | | this.UpdateFormdialog = false; |
|---|
| | | this.updateform = {}; |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.UpdateFormdialog = false; |
|---|
| | | this.updateform = {}; |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | async updateFromData() { |
|---|
| | | if (this.updateform.depValue == null) { |
|---|
| | |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.InsertFormdialog = false |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | handleCloseEdit() { |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?") |
|---|
| | | .then((_) => { |
|---|
| | | this.UpdateFormdialog = false |
|---|
| | | this.getRoleTabelData(); |
|---|
| | | }) |
|---|
| | | .catch((_) => { }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | this.timer && clearTimeout(this.timer); |
|---|
| | |
|---|
| | | <el-table |
|---|
| | | :data="tableData" |
|---|
| | | style="width: 100%" |
|---|
| | | border |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | height="calc(100% - 45px)" |
|---|
| | | > |
|---|
| | |
|---|
| | | " |
|---|
| | | :visible.sync="dialogVisible" |
|---|
| | | :before-close="handleClose" |
|---|
| | | :show-close="false" |
|---|
| | | > |
|---|
| | | <div style="height: 500px; overflow: auto"> |
|---|
| | | <el-form |
|---|
| | |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$confirm("确认å
³éï¼", blackTheme) |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³é?", blackTheme) |
|---|
| | | .then((_) => { |
|---|
| | | this.closeInsertData(); |
|---|
| | | }) |
|---|
| | |
|---|
| | | }, |
|---|
| | | //å
³éå¼¹åºæ¡ |
|---|
| | | handleClose(done) { |
|---|
| | | this.$confirm("确认å
³éï¼") |
|---|
| | | this.$confirm("å
³éåæ æ³ä¿åï¼æ¯å¦å
³éï¼") |
|---|
| | | .then((_) => { |
|---|
| | | this.editForm = { |
|---|
| | | uid: "", |
|---|
