Merge branch 'zyl' of http://xny.yj-3d.com:3000/zhouyulong/electron-4 into zyl
This commit is contained in:
1301
package-lock.json
generated
1301
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -32,6 +32,7 @@
|
|||||||
"compressing": "^1.5.1",
|
"compressing": "^1.5.1",
|
||||||
"date-fns": "^4.1.0",
|
"date-fns": "^4.1.0",
|
||||||
"dayjs": "^1.11.18",
|
"dayjs": "^1.11.18",
|
||||||
|
"decimal.js": "^10.6.0",
|
||||||
"echarts": "^6.0.0",
|
"echarts": "^6.0.0",
|
||||||
"electron-store": "8.1.0",
|
"electron-store": "8.1.0",
|
||||||
"electron-updater": "^6.3.9",
|
"electron-updater": "^6.3.9",
|
||||||
|
|||||||
Binary file not shown.
@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>后台管理</title><script src=./reconnecting-websocket.js></script><link href=static/css/app.58b4d6f6.css rel=preload as=style><link href=static/css/chunk-elementUI.68c70ad5.css rel=preload as=style><link href=static/css/chunk-libs.3dfb7769.css rel=preload as=style><link href=static/js/app.d12d50a9.js rel=preload as=script><link href=static/js/chunk-elementUI.a9f82b5b.js rel=preload as=script><link href=static/js/chunk-libs.e232667f.js rel=preload as=script><link href=static/css/chunk-elementUI.68c70ad5.css rel=stylesheet><link href=static/css/chunk-libs.3dfb7769.css rel=stylesheet><link href=static/css/app.58b4d6f6.css rel=stylesheet></head><body><noscript><strong>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script>(function(e){function t(t){for(var r,o,a=t[0],i=t[1],f=t[2],l=0,d=[];l<a.length;l++)o=a[l],Object.prototype.hasOwnProperty.call(c,o)&&c[o]&&d.push(c[o][0]),c[o]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);s&&s(t);while(d.length)d.shift()();return u.push.apply(u,f||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],r=!0,o=1;o<n.length;o++){var a=n[o];0!==c[a]&&(r=!1)}r&&(u.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={runtime:0},c={runtime:0},u=[];function a(e){return i.p+"static/js/"+({}[e]||e)+"."+{"chunk-6337fcfc":"ce706d4d","chunk-375947db":"7683b89a","chunk-4274d9fc":"4a15316e","chunk-7523e759":"fdb7fb12","chunk-63b9e6fe":"7de6c7ad","chunk-94d3c3c4":"d08f8612"}[e]+".js"}function i(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.e=function(e){var t=[],n={"chunk-375947db":1,"chunk-4274d9fc":1,"chunk-7523e759":1,"chunk-63b9e6fe":1,"chunk-94d3c3c4":1};o[e]?t.push(o[e]):0!==o[e]&&n[e]&&t.push(o[e]=new Promise((function(t,n){for(var r="static/css/"+({}[e]||e)+"."+{"chunk-6337fcfc":"31d6cfe0","chunk-375947db":"cd13572c","chunk-4274d9fc":"c6dda9a9","chunk-7523e759":"f264e692","chunk-63b9e6fe":"cf107c33","chunk-94d3c3c4":"3c7f5ad9"}[e]+".css",c=i.p+r,u=document.getElementsByTagName("link"),a=0;a<u.length;a++){var f=u[a],l=f.getAttribute("data-href")||f.getAttribute("href");if("stylesheet"===f.rel&&(l===r||l===c))return t()}var d=document.getElementsByTagName("style");for(a=0;a<d.length;a++){f=d[a],l=f.getAttribute("data-href");if(l===r||l===c)return t()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=t,s.onerror=function(t){var r=t&&t.target&&t.target.src||c,u=new Error("Loading CSS chunk "+e+" failed.\n("+r+")");u.code="CSS_CHUNK_LOAD_FAILED",u.request=r,delete o[e],s.parentNode.removeChild(s),n(u)},s.href=c;var h=document.getElementsByTagName("head")[0];h.appendChild(s)})).then((function(){o[e]=0})));var r=c[e];if(0!==r)if(r)t.push(r[2]);else{var u=new Promise((function(t,n){r=c[e]=[t,n]}));t.push(r[2]=u);var f,l=document.createElement("script");l.charset="utf-8",l.timeout=120,i.nc&&l.setAttribute("nonce",i.nc),l.src=a(e);var d=new Error;f=function(t){l.onerror=l.onload=null,clearTimeout(s);var n=c[e];if(0!==n){if(n){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;d.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",d.name="ChunkLoadError",d.type=r,d.request=o,n[1](d)}c[e]=void 0}};var s=setTimeout((function(){f({type:"timeout",target:l})}),12e4);l.onerror=l.onload=f,document.head.appendChild(l)}return Promise.all(t)},i.m=e,i.c=r,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i.oe=function(e){throw console.error(e),e};var f=window["webpackJsonp"]=window["webpackJsonp"]||[],l=f.push.bind(f);f.push=t,f=f.slice();for(var d=0;d<f.length;d++)t(f[d]);var s=l;n()})([]);</script><script src=static/js/chunk-elementUI.a9f82b5b.js></script><script src=static/js/chunk-libs.e232667f.js></script><script src=static/js/app.d12d50a9.js></script></body><script src=./echarts.min.js></script></html>
|
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>后台管理</title><script src=./reconnecting-websocket.js></script><link href=static/css/app.46ef1c6b.css rel=preload as=style><link href=static/css/chunk-elementUI.68c70ad5.css rel=preload as=style><link href=static/css/chunk-libs.3dfb7769.css rel=preload as=style><link href=static/js/app.7782b1e9.js rel=preload as=script><link href=static/js/chunk-elementUI.a9f82b5b.js rel=preload as=script><link href=static/js/chunk-libs.8de98ba2.js rel=preload as=script><link href=static/css/chunk-elementUI.68c70ad5.css rel=stylesheet><link href=static/css/chunk-libs.3dfb7769.css rel=stylesheet><link href=static/css/app.46ef1c6b.css rel=stylesheet></head><body><noscript><strong>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script>(function(e){function t(t){for(var r,o,a=t[0],i=t[1],d=t[2],l=0,f=[];l<a.length;l++)o=a[l],Object.prototype.hasOwnProperty.call(c,o)&&c[o]&&f.push(c[o][0]),c[o]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);s&&s(t);while(f.length)f.shift()();return u.push.apply(u,d||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],r=!0,o=1;o<n.length;o++){var a=n[o];0!==c[a]&&(r=!1)}r&&(u.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={runtime:0},c={runtime:0},u=[];function a(e){return i.p+"static/js/"+({}[e]||e)+"."+{"chunk-0e163d56":"264fd37b","chunk-6337fcfc":"ce706d4d","chunk-213dd466":"f0e897b9","chunk-626cc720":"42d599ab","chunk-69ab8e14":"e2ed086d","chunk-94d3c3c4":"d08f8612"}[e]+".js"}function i(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.e=function(e){var t=[],n={"chunk-0e163d56":1,"chunk-213dd466":1,"chunk-626cc720":1,"chunk-69ab8e14":1,"chunk-94d3c3c4":1};o[e]?t.push(o[e]):0!==o[e]&&n[e]&&t.push(o[e]=new Promise((function(t,n){for(var r="static/css/"+({}[e]||e)+"."+{"chunk-0e163d56":"f278854e","chunk-6337fcfc":"31d6cfe0","chunk-213dd466":"ee4aa5be","chunk-626cc720":"61ca7dbd","chunk-69ab8e14":"e18a06cd","chunk-94d3c3c4":"3c7f5ad9"}[e]+".css",c=i.p+r,u=document.getElementsByTagName("link"),a=0;a<u.length;a++){var d=u[a],l=d.getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(l===r||l===c))return t()}var f=document.getElementsByTagName("style");for(a=0;a<f.length;a++){d=f[a],l=d.getAttribute("data-href");if(l===r||l===c)return t()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=t,s.onerror=function(t){var r=t&&t.target&&t.target.src||c,u=new Error("Loading CSS chunk "+e+" failed.\n("+r+")");u.code="CSS_CHUNK_LOAD_FAILED",u.request=r,delete o[e],s.parentNode.removeChild(s),n(u)},s.href=c;var h=document.getElementsByTagName("head")[0];h.appendChild(s)})).then((function(){o[e]=0})));var r=c[e];if(0!==r)if(r)t.push(r[2]);else{var u=new Promise((function(t,n){r=c[e]=[t,n]}));t.push(r[2]=u);var d,l=document.createElement("script");l.charset="utf-8",l.timeout=120,i.nc&&l.setAttribute("nonce",i.nc),l.src=a(e);var f=new Error;d=function(t){l.onerror=l.onload=null,clearTimeout(s);var n=c[e];if(0!==n){if(n){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;f.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",f.name="ChunkLoadError",f.type=r,f.request=o,n[1](f)}c[e]=void 0}};var s=setTimeout((function(){d({type:"timeout",target:l})}),12e4);l.onerror=l.onload=d,document.head.appendChild(l)}return Promise.all(t)},i.m=e,i.c=r,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i.oe=function(e){throw console.error(e),e};var d=window["webpackJsonp"]=window["webpackJsonp"]||[],l=d.push.bind(d);d.push=t,d=d.slice();for(var f=0;f<d.length;f++)t(d[f]);var s=l;n()})([]);</script><script src=static/js/chunk-elementUI.a9f82b5b.js></script><script src=static/js/chunk-libs.8de98ba2.js></script><script src=static/js/app.7782b1e9.js></script></body><script src=./echarts.min.js></script></html>
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
.el-row[data-v-2649a100]{margin-bottom:20px}.el-row[data-v-2649a100]:last-child{margin-bottom:0}.el-col[data-v-2649a100]{border-radius:4px}.grid-content[data-v-2649a100]{background:#fff;border:1px solid #f3f4f6;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 transparent,0 0 0 transparent;box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 transparent,0 0 0 transparent;border-radius:8px}.userNum[data-v-2649a100]{height:10vh;line-height:10vh;min-height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.userNum .img[data-v-2649a100]{width:48px;height:48px;margin-left:15px;line-height:100%}.userNum .img .svg-icon[data-v-2649a100]{width:100%;height:100%;vertical-align:baseline!important}.userNum .numCon[data-v-2649a100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1}.userNum .numCon div[data-v-2649a100]:first-child{width:100px;height:20px;line-height:20px;font-size:14px;font-weight:400;color:#6b7280;text-align:left;margin-top:2vh}.userNum .numCon div[data-v-2649a100]:last-child{width:100px;height:32px;font-size:24px;font-weight:400;color:#1d2129;margin-top:5px}.search[data-v-2649a100]{height:8vh;min-height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.search .el-input[data-v-2649a100]{width:15vw;margin-left:20px;min-width:170px}.search .el-select[data-v-2649a100]{width:16vw;min-width:160px}.search .addUser[data-v-2649a100]{position:absolute;right:160px}.search .delUser[data-v-2649a100]{position:absolute;right:30px}.table[data-v-2649a100]{height:65vh}.table .title[data-v-2649a100]{width:100%;height:50px;padding:0 20px;line-height:50px;color:#1d2129;font-size:16px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #f3f4f6}.table .title .totalNum[data-v-2649a100]{color:#6b7280;font-size:14px;font-weight:400}.table .tabCon[data-v-2649a100]{width:100%;padding:20px 20px 0 20px;height:100%}.table .tabCon .state[data-v-2649a100]{width:40px;height:24px;display:inline-block;opacity:1;border-radius:12px;background:rgba(0,180,42,.1);color:#00b42a;font-size:12px;font-weight:400}.table .tabCon .puase[data-v-2649a100]{background:rgba(245,63,63,.1);color:#f53f3f}.table .tabCon .el-table[data-v-2649a100]{height:calc(100% - 100px)!important}.el-table thead tr[data-v-2649a100],[data-v-2649a100] .el-table thead th{background-color:#f9fafb!important}[data-v-2649a100] .el-table--border td,[data-v-2649a100] .el-table--border th,[data-v-2649a100] .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:unset!important}.el-table--border[data-v-2649a100],.el-table--group[data-v-2649a100]{border:unset!important}.el-table[data-v-2649a100]:before,[data-v-2649a100] .el-table--border:after,[data-v-2649a100] .el-table--group:after{background-color:unset!important}[data-v-2649a100] .el-table .el-table__body-wrapper td,[data-v-2649a100] .el-table .el-table__body-wrapper th.is-leaf{border-bottom:unset!important}.el-pagination[data-v-2649a100]{position:absolute;right:30px;margin-top:10px}[data-v-2649a100] .el-pager li{border:1px solid #d1d5db;border-radius:4px}[data-v-2649a100] .el-pager li.active{background:#165dff!important;color:#fff!important;border:unset!important}[data-v-2649a100] .el-dialog__title{padding:2px 10px;border-left:3px solid #165dff;font-size:16px;font-weight:400;color:#1d2129}[data-v-2649a100] .avatar-uploader .el-upload{border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100px;height:100px}[data-v-2649a100] .avatar-uploader .el-upload:hover{border-color:#409eff}[data-v-2649a100] .avatar-uploader-icon{font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px;text-align:center}[data-v-2649a100] .avatar{width:100px;height:100px;display:block}[data-v-2649a100] .el-dialog__body{padding:10px 20px 0 20px}[data-v-2649a100] .el-upload__tip{height:25px;line-height:25px}.show-pwd[data-v-2649a100]{position:absolute;right:10px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-v-2649a100] .no-status-icon .el-input__icon:after,[data-v-2649a100] .no-status-icon .el-input__icon:before{display:none!important}[data-v-2649a100] .el-table__body-wrapper{max-height:calc(100% - 45px)!important;overflow-y:auto!important}[data-v-2649a100] .userImg{width:32px;height:32px;border-radius:16px}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
.el-row[data-v-a64d02ba]{margin-bottom:20px}.el-row[data-v-a64d02ba]:last-child{margin-bottom:0}.el-col[data-v-a64d02ba]{border-radius:4px}.grid-content[data-v-a64d02ba]{background:#fff;border:1px solid #f3f4f6;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 transparent,0 0 0 transparent;box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 transparent,0 0 0 transparent;border-radius:8px}.userNum[data-v-a64d02ba]{height:10vh;line-height:10vh;min-height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.userNum .img[data-v-a64d02ba]{width:48px;height:48px;margin-left:15px;line-height:100%}.userNum .img .svg-icon[data-v-a64d02ba]{width:100%;height:100%;vertical-align:baseline!important}.userNum .numCon[data-v-a64d02ba]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1}.userNum .numCon div[data-v-a64d02ba]:first-child{width:100px;height:20px;line-height:20px;font-size:14px;font-weight:400;color:#6b7280;text-align:left;margin-top:2vh}.userNum .numCon div[data-v-a64d02ba]:last-child{width:100px;height:32px;font-size:24px;font-weight:400;color:#1d2129;margin-top:5px}.search[data-v-a64d02ba]{height:8vh;min-height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.search .el-input[data-v-a64d02ba]{width:15vw;margin-left:20px;min-width:170px}.search .el-select[data-v-a64d02ba]{width:16vw;min-width:160px}.search .addUser[data-v-a64d02ba]{position:absolute;right:160px}.search .delUser[data-v-a64d02ba]{position:absolute;right:30px}.table[data-v-a64d02ba]{height:65vh}.table .title[data-v-a64d02ba]{width:100%;height:50px;padding:0 20px;line-height:50px;color:#1d2129;font-size:16px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #f3f4f6}.table .title .totalNum[data-v-a64d02ba]{color:#6b7280;font-size:14px;font-weight:400}.table .tabCon[data-v-a64d02ba]{width:100%;padding:20px 20px 0 20px;height:100%}.table .tabCon .state[data-v-a64d02ba]{width:40px;height:24px;display:inline-block;opacity:1;border-radius:12px;background:rgba(0,180,42,.1);color:#00b42a;font-size:12px;font-weight:400}.table .tabCon .puase[data-v-a64d02ba]{background:rgba(245,63,63,.1);color:#f53f3f}.table .tabCon .el-table[data-v-a64d02ba]{height:calc(100% - 100px)!important}.el-table thead tr[data-v-a64d02ba],[data-v-a64d02ba] .el-table thead th{background-color:#f9fafb!important}[data-v-a64d02ba] .el-table--border td,[data-v-a64d02ba] .el-table--border th,[data-v-a64d02ba] .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:unset!important}.el-table--border[data-v-a64d02ba],.el-table--group[data-v-a64d02ba]{border:unset!important}.el-table[data-v-a64d02ba]:before,[data-v-a64d02ba] .el-table--border:after,[data-v-a64d02ba] .el-table--group:after{background-color:unset!important}[data-v-a64d02ba] .el-table .el-table__body-wrapper td,[data-v-a64d02ba] .el-table .el-table__body-wrapper th.is-leaf{border-bottom:unset!important}.el-pagination[data-v-a64d02ba]{position:absolute;right:30px;margin-top:10px}[data-v-a64d02ba] .el-pager li{border:1px solid #d1d5db;border-radius:4px}[data-v-a64d02ba] .el-pager li.active{background:#165dff!important;color:#fff!important;border:unset!important}[data-v-a64d02ba] .el-dialog__title{padding:2px 10px;border-left:3px solid #165dff;font-size:16px;font-weight:400;color:#1d2129}[data-v-a64d02ba] .avatar-uploader .el-upload{border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100px;height:100px}[data-v-a64d02ba] .avatar-uploader .el-upload:hover{border-color:#409eff}[data-v-a64d02ba] .avatar-uploader-icon{font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px;text-align:center}[data-v-a64d02ba] .avatar{width:100px;height:100px;display:block}[data-v-a64d02ba] .el-dialog__body{padding:10px 20px 0 20px}[data-v-a64d02ba] .el-upload__tip{height:25px;line-height:25px}[data-v-a64d02ba] .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{color:#606266!important}[data-v-a64d02ba] .el-transfer__buttons{width:180px!important}[data-v-a64d02ba] .el-transfer__button:first-child{padding-left:15px!important}[data-v-a64d02ba] .el-transfer__button:nth-child(2){margin-left:0!important}[data-v-a64d02ba] .el-table__body-wrapper{max-height:calc(100% - 45px)!important;overflow-y:auto!important}
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
@supports(-webkit-mask:none) and (not (cater-color:#fff)){.login-container .el-input input{color:#fff}}.login-container .el-input{display:inline-block;height:47px;width:85%}.login-container .el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:12px 5px 12px 15px;color:#fff;height:47px;caret-color:#fff}.login-container .el-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #283443 inset!important;box-shadow:inset 0 0 0 1000px #283443!important;-webkit-text-fill-color:#fff!important}.login-container .el-form-item{border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.1);border-radius:5px;color:#454545}.login-container[data-v-61b02ca0]{min-height:100%;width:100%;background-color:#2d3a4b;overflow:hidden}.login-container .login-form[data-v-61b02ca0]{position:relative;width:520px;max-width:100%;padding:160px 35px 0;margin:0 auto;overflow:hidden}.login-container .tips[data-v-61b02ca0]{font-size:14px;color:#fff;margin-bottom:10px}.login-container .tips span[data-v-61b02ca0]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-61b02ca0]{padding:6px 5px 6px 15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-61b02ca0]{position:relative}.login-container .title-container .title[data-v-61b02ca0]{font-size:26px;color:#eee;margin:0 auto 40px auto;text-align:center;font-weight:700}.login-container .show-pwd[data-v-61b02ca0]{position:absolute;right:10px;top:7px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||||
1
src/renderer/public/backManage/static/js/app.7782b1e9.js
Normal file
1
src/renderer/public/backManage/static/js/app.7782b1e9.js
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -34,7 +34,8 @@ export default {
|
|||||||
addXlsx: '添加作战数据',
|
addXlsx: '添加作战数据',
|
||||||
showAttr: '查看属性',
|
showAttr: '查看属性',
|
||||||
importHeader: '导入表头',
|
importHeader: '导入表头',
|
||||||
resetPerspective: '重置透视'
|
resetPerspective: '重置透视',
|
||||||
|
addEvent: '添加态势事件',
|
||||||
},
|
},
|
||||||
iconTitle: {
|
iconTitle: {
|
||||||
reset: '默认视角',
|
reset: '默认视角',
|
||||||
|
|||||||
@ -34,6 +34,8 @@ export default {
|
|||||||
showAttr: 'show Attribute',
|
showAttr: 'show Attribute',
|
||||||
importHeader: 'import Header',
|
importHeader: 'import Header',
|
||||||
resetPerspective: 'reset Perspective',
|
resetPerspective: 'reset Perspective',
|
||||||
|
addEvent: 'add Event',
|
||||||
|
|
||||||
},
|
},
|
||||||
iconTitle: {
|
iconTitle: {
|
||||||
reset: 'default view',
|
reset: 'default view',
|
||||||
|
|||||||
@ -34,6 +34,7 @@ export default {
|
|||||||
showAttr: '查看屬性',
|
showAttr: '查看屬性',
|
||||||
importHeader: '導入表头',
|
importHeader: '導入表头',
|
||||||
resetPerspective: '重置透視',
|
resetPerspective: '重置透視',
|
||||||
|
addEvent: '添加態勢事件',
|
||||||
},
|
},
|
||||||
iconTitle: {
|
iconTitle: {
|
||||||
reset: '默認視角',
|
reset: '默認視角',
|
||||||
|
|||||||
@ -20,4 +20,30 @@ export const TsApi = {
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
addTsSource: async (data: any) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/tsSource/add',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
///tsSource/addModelSource
|
||||||
|
addTsModelSource: async (data: any) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/tsSource/addTsModelSource',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
queryTsSource: async (data: any) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/tsSource/query',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// /tsEvent/query
|
||||||
|
queryTsEvent: async (data: any) => {
|
||||||
|
return await request.get({
|
||||||
|
url: "/tsEvent/query",
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -27,21 +27,87 @@ import {$changeComponentShow} from "../../utils/communication";
|
|||||||
|
|
||||||
const {getSelectedNodes, cusSelectNode, getSameLevel, cusNodeIcon, nodeType} = useTreeNode()
|
const {getSelectedNodes, cusSelectNode, getSameLevel, cusNodeIcon, nodeType} = useTreeNode()
|
||||||
import {showRightMenuTs} from "./tree"
|
import {showRightMenuTs} from "./tree"
|
||||||
|
import {TsApi} from "../../api/ts";
|
||||||
|
import {initMapData} from "./entity";
|
||||||
|
|
||||||
const rightMenuRef: any = ref()
|
const rightMenuRef: any = ref()
|
||||||
const treeObj = ref() //树形的实例
|
const treeObj = ref() //树形的实例
|
||||||
const nodes: any = ref([])
|
let zNodes: any = ref([])//树形结构数据
|
||||||
|
let nodes: any = ref([])//选中的node节点
|
||||||
let input2 = ref('')
|
let input2 = ref('')
|
||||||
|
let formData = new FormData()
|
||||||
|
formData.append('id', window["planId"])
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
let data = [
|
|
||||||
{
|
// let data = []
|
||||||
name: "88",
|
|
||||||
sourceType: "directory"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
treeObj.value = $.fn.zTree.init($(`#treeDemos`), setting, data)
|
|
||||||
window.treeObj = treeObj.value
|
|
||||||
})
|
})
|
||||||
|
const initTreeCallBack = () => {
|
||||||
|
TsApi.queryTsSource(formData).then(async res => {
|
||||||
|
console.log('queryTsSource', res)
|
||||||
|
if (res.code == 200) {
|
||||||
|
for (let i = res.data.length - 1; i >= 0; i--) {
|
||||||
|
res.data[i].icon = await cusNodeIcon(res.data[i]);
|
||||||
|
}
|
||||||
|
zNodes.value = res.data
|
||||||
|
console.log("data", zNodes.value)
|
||||||
|
treeObj.value = $.fn.zTree.init($(`#treeDemos`), setting, zNodes.value)
|
||||||
|
window.treeObj = treeObj.value
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("initTreeCallBack++++++++++++++++++++", zNodes.value)
|
||||||
|
let arr = zNodes.value
|
||||||
|
let layerTypes = [
|
||||||
|
"arcgisWximagery",
|
||||||
|
"arcgisBlueImagery",
|
||||||
|
"ArcgisLWImagery",
|
||||||
|
"gdlwImagery",
|
||||||
|
"gdwxImagery",
|
||||||
|
"gdslImagery",
|
||||||
|
"layer",
|
||||||
|
];
|
||||||
|
let layers: any = []
|
||||||
|
for (let i = 0; i < arr.length; i++) {
|
||||||
|
if (arr[i].sourceType === 'directory') {
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
let detail = JSON.parse(arr[i].detail || '{}')
|
||||||
|
let params = JSON.parse(arr[i].params || '{}')
|
||||||
|
if (!detail.name) {
|
||||||
|
detail.name = arr[i].sourceName
|
||||||
|
}
|
||||||
|
if (!detail.id) {
|
||||||
|
detail.id = arr[i].id
|
||||||
|
}
|
||||||
|
if (layerTypes.includes(arr[i].sourceType)) {
|
||||||
|
layers.push(
|
||||||
|
{
|
||||||
|
sourceType: arr[i].sourceType,
|
||||||
|
detail: {...detail, ...params}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
initMapData(arr[i].sourceType, {...detail, ...params})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
layers.sort((obj1, obj2) => {
|
||||||
|
return obj1.detail.layerIndex - obj2.detail.layerIndex;
|
||||||
|
});
|
||||||
|
if (window.earth_ts) {
|
||||||
|
for (let i = 0; i < layers.length; i++) {
|
||||||
|
// initMapData(layers[i].sourceType, layers[i].detail, null)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const onDblClick = (event: MouseEvent, treeId: string, treeNode: any) => {
|
||||||
|
let entityObject
|
||||||
|
entityObject = (window as any)._entityMap.get(treeNode.id)
|
||||||
|
entityObject.flyTo()
|
||||||
|
}
|
||||||
const onClick = (event: MouseEvent, treeId: string, treeNode: any) => {
|
const onClick = (event: MouseEvent, treeId: string, treeNode: any) => {
|
||||||
console.log('selectNode', treeNode)
|
console.log('selectNode', treeNode)
|
||||||
|
|
||||||
@ -131,20 +197,21 @@ const setting = {
|
|||||||
data: {
|
data: {
|
||||||
key: {
|
key: {
|
||||||
//zdatas数据中表示节点name的属性key
|
//zdatas数据中表示节点name的属性key
|
||||||
name: "name",
|
name: "sourceName",
|
||||||
checked: "is_show",
|
checked: "isShow",
|
||||||
},
|
},
|
||||||
simpleData: {
|
simpleData: {
|
||||||
enable: true,
|
enable: true,
|
||||||
idKey: "id",
|
idKey: "id",
|
||||||
pIdKey: "p_id",
|
pIdKey: "parentId",
|
||||||
nameKey: "name",
|
nameKey: "sourceName",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
callback: {
|
callback: {
|
||||||
onMouseDown: onMouseDown,
|
onMouseDown: onMouseDown,
|
||||||
onRightClick: rightClick,
|
onRightClick: rightClick,
|
||||||
onClick: onClick,
|
onClick: onClick,
|
||||||
|
onDblClick: onDblClick
|
||||||
/*
|
/*
|
||||||
onClick: this.onClick,
|
onClick: this.onClick,
|
||||||
onDblClick: this.onDblClick,
|
onDblClick: this.onDblClick,
|
||||||
@ -162,8 +229,11 @@ const setting = {
|
|||||||
beforeClick: this.zTreeBeforeClick,
|
beforeClick: this.zTreeBeforeClick,
|
||||||
onCheck: this.onCheck*/
|
onCheck: this.onCheck*/
|
||||||
},
|
},
|
||||||
}
|
|
||||||
|
|
||||||
|
}
|
||||||
|
defineExpose({
|
||||||
|
initTreeCallBack
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@ -189,6 +259,19 @@ const setting = {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:deep("li a.curSelectedNode") {
|
||||||
|
background-color: #ffe6b0 !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ztree {
|
||||||
|
li {
|
||||||
|
a.curSelectedNode {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input__wrapper), :deep(.el-input__inner ) {
|
:deep(.el-input__wrapper), :deep(.el-input__inner ) {
|
||||||
|
|||||||
@ -21,12 +21,14 @@
|
|||||||
//@ts-nocheck
|
//@ts-nocheck
|
||||||
import {computed, onMounted, ref} from "vue"
|
import {computed, onMounted, ref} from "vue"
|
||||||
|
|
||||||
|
const props = defineProps(['eventList',])
|
||||||
|
|
||||||
let columns = ref([{name: '事件名称', key: "name", style: "flex:auto"},
|
let columns = ref([{name: '事件名称', key: "name", style: "flex:auto"},
|
||||||
{name: '开始时间', key: "start_time", style: "width:120px"},
|
{name: '开始时间', key: "start_time", style: "width:120px"},
|
||||||
{name: '持续时间', key: "duration_time", style: "width:70px"}])
|
{name: '持续时间', key: "duration_time", style: "width:70px"}])
|
||||||
let eventList = ref([])
|
// let eventList = ref([])
|
||||||
let style = ref({})
|
let style = ref({})
|
||||||
eventList.value = window['tsObj']._Store._tasks
|
// eventList.value = window['tsObj']._Store._tasks
|
||||||
// 格式化时间
|
// 格式化时间
|
||||||
let format = (key, val) => {
|
let format = (key, val) => {
|
||||||
if ('start_time' == key) {
|
if ('start_time' == key) {
|
||||||
|
|||||||
@ -7,7 +7,7 @@
|
|||||||
<div
|
<div
|
||||||
v-for="item in menus"
|
v-for="item in menus"
|
||||||
class="itemBox"
|
class="itemBox"
|
||||||
@click="itemClick(item, eventBus)"
|
@click="itemClicks(item)"
|
||||||
>
|
>
|
||||||
<div class="itemIcon">
|
<div class="itemIcon">
|
||||||
<svg-icon :name="item.key" :size="14"></svg-icon>
|
<svg-icon :name="item.key" :size="14"></svg-icon>
|
||||||
@ -32,12 +32,19 @@ import {useI18n} from 'vue-i18n'
|
|||||||
import {ref} from 'vue'
|
import {ref} from 'vue'
|
||||||
import {useRightOperate} from "./rightOperate";
|
import {useRightOperate} from "./rightOperate";
|
||||||
import {useRightMenu} from "../../components/tree/components/hooks/rightMenu";
|
import {useRightMenu} from "../../components/tree/components/hooks/rightMenu";
|
||||||
|
import {$changeComponentShow} from "../../../utils/communication";
|
||||||
|
|
||||||
const {t} = useI18n()
|
const {t} = useI18n()
|
||||||
const {rightMenus} = useRightOperate()
|
const {rightMenus} = useRightOperate()
|
||||||
const menus: any = ref([]) //右侧菜单
|
const menus: any = ref([]) //右侧菜单
|
||||||
const rightClickTreeNode: any = ref()
|
const rightClickTreeNode: any = ref()
|
||||||
const {itemClick} = useRightMenu()
|
const {itemClick} = useRightMenu()
|
||||||
|
const eventBus: any = inject('bus')
|
||||||
|
const itemClicks = (item) => {
|
||||||
|
itemClick(item, eventBus)
|
||||||
|
$changeComponentShow('.rightMenuTs', false)
|
||||||
|
|
||||||
|
}
|
||||||
const initMenus = (arr: any, treeNode: any) => {
|
const initMenus = (arr: any, treeNode: any) => {
|
||||||
let rightMenu: any = []
|
let rightMenu: any = []
|
||||||
console.log('rightMenu2222', rightMenu)
|
console.log('rightMenu2222', rightMenu)
|
||||||
@ -67,8 +74,11 @@ defineExpose({
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
width: 8.5vw;
|
width: 8.5vw;
|
||||||
height: 23vh;
|
height: 23vh;
|
||||||
border: 1px solid red;
|
//border: 1px solid red;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
border: 1.5px solid;
|
||||||
|
border-image: linear-gradient(137.95deg, rgba(var(--color-base1), 1) 6.25%, var(--color-border1) 100%) 1.5;
|
||||||
|
|
||||||
.menuItem {
|
.menuItem {
|
||||||
//padding: 1vh .5vw;
|
//padding: 1vh .5vw;
|
||||||
|
|||||||
@ -1,13 +1,146 @@
|
|||||||
|
import {$changeComponentPop} from "../../../utils/communication";
|
||||||
|
import {ipcRenderer} from "electron";
|
||||||
|
import {addMapSource, initMapData} from "../entity";
|
||||||
|
import {TsApi} from "../../../api/ts";
|
||||||
|
import {ElMessage} from "element-plus";
|
||||||
|
import {useTreeNode} from "../../components/tree/hooks/treeNode";
|
||||||
|
|
||||||
|
const {cusAddNodes} = useTreeNode()
|
||||||
|
|
||||||
|
function getLastPathComponent(path, extensionsToRemove = []) {
|
||||||
|
// 处理路径分隔符
|
||||||
|
const normalizedPath = path.replace(/\\/g, '/');
|
||||||
|
const lastComponent = normalizedPath.split('/').pop();
|
||||||
|
|
||||||
|
// 如果没有提供需要移除的后缀列表，直接返回原始名称
|
||||||
|
if (extensionsToRemove.length === 0) return lastComponent;
|
||||||
|
|
||||||
|
// 检查是否匹配任何需要移除的后缀
|
||||||
|
for (const ext of extensionsToRemove) {
|
||||||
|
//@ts-ignore
|
||||||
|
const extWithDot = ext.startsWith('.') ? ext : `.${ext}`;
|
||||||
|
if (lastComponent.endsWith(extWithDot)) {
|
||||||
|
return lastComponent.slice(0, -extWithDot.length);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return lastComponent;
|
||||||
|
}
|
||||||
|
|
||||||
export const useRightOperate = () => {
|
export const useRightOperate = () => {
|
||||||
const addDirectory = () => {
|
const addDirectory = () => {
|
||||||
// $changeComponentPop('.adddirectoryBox', true)
|
$changeComponentPop('.adddirectoryBox', true)
|
||||||
console.log("addDirectory")
|
console.log("addDirectory")
|
||||||
}
|
}
|
||||||
const addResource = () => {
|
const addResource = () => {
|
||||||
console.log("addResource")
|
console.log("addResource")
|
||||||
|
const {ipcRenderer} = require('electron')
|
||||||
|
const options = {
|
||||||
|
properties: ['openFile'], // 允许选择多个文件
|
||||||
|
filters: [
|
||||||
|
{name: '模型、影像、地形', extensions: ['clt', 'mbtiles', 'pak', /*'json', 'jct'*/]},
|
||||||
|
// {name: '矢量数据', extensions: ['kmz', 'kml', 'shp', 'tab', 'mif', 'geojson']},
|
||||||
|
]
|
||||||
|
};
|
||||||
|
let selectedNodes = window.treeObj.getSelectedNodes()
|
||||||
|
let node = selectedNodes && selectedNodes[selectedNodes.length - 1]
|
||||||
|
let parentId
|
||||||
|
if (node) {
|
||||||
|
if (node.sourceType === 'directory') {
|
||||||
|
parentId = node.id
|
||||||
|
} else {
|
||||||
|
parentId = node.parentId
|
||||||
}
|
}
|
||||||
const addEvent = () => {
|
}
|
||||||
$(".newEvent")[0].style.display = "block"
|
ipcRenderer.send('open-directory-dialog', options);
|
||||||
|
// @ts-ignore
|
||||||
|
ipcRenderer.once('selectedItem', async (event, filePaths) => {
|
||||||
|
console.log(filePaths)
|
||||||
|
if (filePaths.length) {
|
||||||
|
let id = new YJ.Tools().randomString()
|
||||||
|
// 检查文件名是否有效
|
||||||
|
if (typeof filePaths[0] !== 'string' || filePaths[0].trim() === '') {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
let item = filePaths[0]
|
||||||
|
// @ts-ignore
|
||||||
|
let name = getLastPathComponent(item, ['clt', 'json', 'pak', 'kml', 'kmz', 'shp', 'geojson', 'geoJson', 'czml', 'jct', 'mif', 'tab', 'csv']);
|
||||||
|
let sourceType = "layer";
|
||||||
|
if (item.endsWith(".clt") || item.endsWith(".json")) {
|
||||||
|
sourceType = "tileset";
|
||||||
|
} else if (item.endsWith(".pak")) {
|
||||||
|
sourceType = "Terrain";
|
||||||
|
} else if (item.endsWith(".kml") || item.endsWith(".kmz")) {
|
||||||
|
sourceType = "kml";
|
||||||
|
} else if (item.endsWith(".shp")) {
|
||||||
|
sourceType = "shp";
|
||||||
|
} else if (item.endsWith(".geojson") || item.endsWith(".geoJson")) {
|
||||||
|
sourceType = "geojson";
|
||||||
|
} else if (item.endsWith(".czml")) {
|
||||||
|
sourceType = "czml";
|
||||||
|
} else if (item.endsWith(".jct")) {
|
||||||
|
sourceType = "bim";
|
||||||
|
} else if (item.endsWith(".mif")) {
|
||||||
|
sourceType = "shp";
|
||||||
|
} else if (item.endsWith(".tab")) {
|
||||||
|
sourceType = "shp";
|
||||||
|
} else if (item.endsWith(".csv")) {
|
||||||
|
sourceType = "csv";
|
||||||
|
}
|
||||||
|
// 获取最后一个点的位置
|
||||||
|
const lastDotIndex = filePaths[0].lastIndexOf('.');
|
||||||
|
|
||||||
|
// 如果没有点或者点是最后一个字符，则不是有效的文件后缀
|
||||||
|
if (lastDotIndex === -1 || lastDotIndex === filePaths[0].length - 1) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
let params2: any = {
|
||||||
|
id: id,
|
||||||
|
show: true,
|
||||||
|
}
|
||||||
|
if (item.endsWith(".mbtiles")) {
|
||||||
|
params2.alpha = 1
|
||||||
|
params2.brightness = 1
|
||||||
|
params2.layerIndex = 99999
|
||||||
|
}
|
||||||
|
let params: any = {
|
||||||
|
id: id,
|
||||||
|
sourcePath: filePaths[0],
|
||||||
|
parentId: parentId,
|
||||||
|
params: params2,
|
||||||
|
planId: window['planId']
|
||||||
|
}
|
||||||
|
// addMapSource(sourceType, parentId, params)
|
||||||
|
// 先调接口再渲染并上树
|
||||||
|
let res = await TsApi.addTsModelSource(params)
|
||||||
|
console.log('res', res)
|
||||||
|
if (res.code === 0 || res.code === 200) {
|
||||||
|
ElMessage({
|
||||||
|
message: '添加成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
res.data.params = JSON.parse(res.data.params)
|
||||||
|
if (!res.data.params.name) {
|
||||||
|
res.data.params.name = res.data.sourceName
|
||||||
|
}
|
||||||
|
if (!res.data.params.id) {
|
||||||
|
res.data.params.id = res.data.id
|
||||||
|
}
|
||||||
|
let detail = JSON.parse(res.data.detail)
|
||||||
|
let mapParams = {...detail, ...res.data.params}
|
||||||
|
initMapData(sourceType, mapParams, entity => {
|
||||||
|
entity.flyTo()
|
||||||
|
|
||||||
|
let selectedNode = window.treeObj.getNodeByParam('id', parentId)
|
||||||
|
//
|
||||||
|
cusAddNodes(window.treeObj, selectedNode, [res.data], true)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const addEvent = (eventBus) => {
|
||||||
|
eventBus.emit('openAddEvent', true)
|
||||||
}
|
}
|
||||||
const rightMenus: any = reactive({
|
const rightMenus: any = reactive({
|
||||||
addDirectory: {
|
addDirectory: {
|
||||||
|
|||||||
274
src/renderer/src/views/TS/components/tsdirectory.vue
Normal file
274
src/renderer/src/views/TS/components/tsdirectory.vue
Normal file
@ -0,0 +1,274 @@
|
|||||||
|
<template>
|
||||||
|
<div class="tsdirectory">
|
||||||
|
<div class="box">
|
||||||
|
<div class="boxHeader nav">
|
||||||
|
<!-- <span></span> -->
|
||||||
|
<span class="label">{{ title }}</span>
|
||||||
|
<div class="close-box" @click="close">
|
||||||
|
<span class="close"></span>
|
||||||
|
<i>x</i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boxBody">
|
||||||
|
<el-form :model="form" :rules="rules" ref="ruleForm" label-width="80px"
|
||||||
|
@keyup.enter.native="submitForm(ruleForm)">
|
||||||
|
<el-form-item label="名称：" prop="sourceName">
|
||||||
|
<!-- @input="removeSpaces" -->
|
||||||
|
<el-input v-model.trim="form.sourceName" placeholder="图层文件夹"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<div class="btnOption">
|
||||||
|
<el-button type="primary" @click="submitForm(ruleForm)">确定</el-button>
|
||||||
|
<el-button @click="cancel">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import {$changeComponentPop} from '@/utils/communication'
|
||||||
|
import {throttle} from '@/utils/index'
|
||||||
|
import {ElMessage, FormInstance} from 'element-plus'
|
||||||
|
import {TreeApi} from '@/api/tree'
|
||||||
|
import {useTreeNode} from '@/views/components/tree/hooks/treeNode'
|
||||||
|
import {addMapSource} from "../entity";
|
||||||
|
|
||||||
|
const {getKeyOfSelectedNode, getSelectedNode, cusAddNodes, getSameLevel} = useTreeNode()
|
||||||
|
const title = ref('添加文件夹')
|
||||||
|
let form: any = reactive({
|
||||||
|
sourceName: '图层'
|
||||||
|
})
|
||||||
|
const ruleForm = ref()
|
||||||
|
const rules = reactive({
|
||||||
|
sourceName: [{required: true, message: '请输入名称', trigger: 'blur'}]
|
||||||
|
})
|
||||||
|
const removeSpaces = (value: string) => {
|
||||||
|
form.sourceName = value.replace(/\s/g, '')
|
||||||
|
}
|
||||||
|
const close = () => {
|
||||||
|
$changeComponentPop('.adddirectory', false)
|
||||||
|
}
|
||||||
|
const submitForm = async (formEl: FormInstance | undefined) => {
|
||||||
|
if (!formEl) return
|
||||||
|
await formEl.validate((valid, fields) => {
|
||||||
|
if (valid) {
|
||||||
|
add()
|
||||||
|
} else {
|
||||||
|
console.log('error submit!', fields)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const add = throttle(async () => {
|
||||||
|
let parentId = getKeyOfSelectedNode(window.treeObj, 'id')
|
||||||
|
let fnone = getSelectedNode(window.treeObj)
|
||||||
|
addMapSource('directory', parentId, {id: new YJ.Tools().randomString(), name: form.sourceName,}, res => {
|
||||||
|
if (res.code == 0 || res.code == 200) {
|
||||||
|
ElMessage({
|
||||||
|
message: '添加成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
cancel()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
/* const res: any = await TreeApi.addDirectory({
|
||||||
|
id: new YJ.Tools().randomString(),
|
||||||
|
sourceName: form.sourceName,
|
||||||
|
parentId: parentId || undefined
|
||||||
|
})
|
||||||
|
console.log(res)
|
||||||
|
if (res.code == 0 || res.code == 200) {
|
||||||
|
const node = {
|
||||||
|
...res.data
|
||||||
|
}
|
||||||
|
let addNode = await cusAddNodes(window.treeObj, getSelectedNode(window.treeObj), [node], true) //添加节点
|
||||||
|
//获取该节点下的同级节点
|
||||||
|
const someNode: any = getSameLevel(window.treeObj, addNode[0])
|
||||||
|
console.log('someNode', someNode)
|
||||||
|
const newNode = someNode.map((item: any) => {
|
||||||
|
let index = item.getIndex()
|
||||||
|
item.treeIndex = index + 1
|
||||||
|
return {
|
||||||
|
...item,
|
||||||
|
treeIndex: item.getIndex()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
ElMessage({
|
||||||
|
message: '添加成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
cancel()
|
||||||
|
} else {
|
||||||
|
ElMessage({
|
||||||
|
message: '添加失败',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
}*/
|
||||||
|
// console.log(res)
|
||||||
|
}, 3000)
|
||||||
|
////上传或修改树的层级
|
||||||
|
// const updateTree = async (newNode: any) => {
|
||||||
|
// const list = newNode.map((item: any) => {
|
||||||
|
// return {
|
||||||
|
// id: item.id,
|
||||||
|
// treeIndex: item.treeIndex,
|
||||||
|
// parentId: item.parentId
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// console.log(list)
|
||||||
|
// const res = await TreeApi.updateTree({ list })
|
||||||
|
// if (res.code == 0) {
|
||||||
|
// ElMessage({
|
||||||
|
// message: '添加成功',
|
||||||
|
// type: 'success'
|
||||||
|
// })
|
||||||
|
|
||||||
|
// cancel()
|
||||||
|
// } else {
|
||||||
|
// ElMessage({
|
||||||
|
// message: '添加失败',
|
||||||
|
// type: 'error'
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
const cancel = () => {
|
||||||
|
$changeComponentPop('.tsdirectory', false)
|
||||||
|
form.sourceName = '图层'
|
||||||
|
ruleForm.value?.resetFields()
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.tsdirectory {
|
||||||
|
user-select: none;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
|
||||||
|
.box {
|
||||||
|
width: 20vw;
|
||||||
|
height: 10vw;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 45%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: var(--color-sdk-auxiliary-public);
|
||||||
|
font-size: 14px;
|
||||||
|
// z-index: 999999;
|
||||||
|
background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
|
||||||
|
border: 1.5px solid;
|
||||||
|
backdrop-filter: blur(2px);
|
||||||
|
border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
|
||||||
|
text-align: left;
|
||||||
|
font-family: 'sy-boldface';
|
||||||
|
|
||||||
|
.boxHeader {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 46px;
|
||||||
|
padding: 5px 16px 5px 16px;
|
||||||
|
height: 46px;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
font-family: 'Ali-mother-counts-bold';
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
text-align: left;
|
||||||
|
text-shadow: 0px 0px 9px rgb(20 118 255);
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-box {
|
||||||
|
position: absolute;
|
||||||
|
top: -1px;
|
||||||
|
right: 0;
|
||||||
|
height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 30px;
|
||||||
|
border-radius: 0 0 0 90%;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.close {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(var(--color-base1), 1);
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 900;
|
||||||
|
position: absolute;
|
||||||
|
top: -13px;
|
||||||
|
left: 11px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.boxBody {
|
||||||
|
flex: auto;
|
||||||
|
flex-direction: column;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
.el-form--label-top .el-form-item__label {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-input__wrapper {
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
border: 0.2px solid rgba(var(--color-base1), 0.5);
|
||||||
|
box-shadow: 0 0 0 0.2px rgba(var(--color-base1), 0.5) inset !important;
|
||||||
|
/* 新增此行 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-input__inner {
|
||||||
|
background-color: transparent;
|
||||||
|
color: #fff;
|
||||||
|
// border-color: rgba(var(--color-base1), 0.5) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnOption {
|
||||||
|
margin-top: 5px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
background: rgba(var(--color-base1), 0.2);
|
||||||
|
border-color: rgba(var(--color-base1), 0.5) !important;
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 8px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button:hover {
|
||||||
|
border-color: rgba(var(--color-base1), 1) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -25,7 +25,7 @@
|
|||||||
<div class="layoutBoxs">
|
<div class="layoutBoxs">
|
||||||
<div class="layout">
|
<div class="layout">
|
||||||
<!-- 左侧事件列表 -->
|
<!-- 左侧事件列表 -->
|
||||||
<grid></grid>
|
<grid :eventList="TSOBJ._Store._tasks"></grid>
|
||||||
<!--右侧时间轴容器-->
|
<!--右侧时间轴容器-->
|
||||||
<div class="TLContainer">
|
<div class="TLContainer">
|
||||||
<div class="timelineCursorBox" :style="{ left: `${cursorLeft || 0}px` }">
|
<div class="timelineCursorBox" :style="{ left: `${cursorLeft || 0}px` }">
|
||||||
|
|||||||
@ -4,10 +4,11 @@
|
|||||||
<use xlink:href="#icon-tuichu"></use>
|
<use xlink:href="#icon-tuichu"></use>
|
||||||
</svg>
|
</svg>
|
||||||
<div id="earthContainer" class="fullSize"></div>
|
<div id="earthContainer" class="fullSize"></div>
|
||||||
<cabin></cabin>
|
<cabin ref="cabin"></cabin>
|
||||||
<element></element>
|
<element></element>
|
||||||
<deduction :TSOBJ="tsOBJ"></deduction>
|
<deduction :TSOBJ="tsOBJ"></deduction>
|
||||||
<newEvent></newEvent>
|
<newEvent></newEvent>
|
||||||
|
<addDirectory class="adddirectoryBox absolute zIndex999"></addDirectory>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -18,10 +19,13 @@ import Cabin from "./cabin.vue"
|
|||||||
import Element from "./element.vue"
|
import Element from "./element.vue"
|
||||||
import NewEvent from "./newEvent.vue"
|
import NewEvent from "./newEvent.vue"
|
||||||
import Deduction from "./deduction.vue";
|
import Deduction from "./deduction.vue";
|
||||||
|
import AddDirectory from './components/tsdirectory.vue'
|
||||||
import {TS} from "./sdk";
|
import {TS} from "./sdk";
|
||||||
import * as domain from "domain";
|
import * as domain from "domain";
|
||||||
|
import {TsApi} from "../../api/ts";
|
||||||
|
|
||||||
let tsOBJ = reactive({})
|
let cabin = ref()
|
||||||
|
let tsOBJ = ref({})
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
let params:any = {}
|
let params:any = {}
|
||||||
@ -33,6 +37,7 @@ for (const routeQueryKey in route.query) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
console.log("params", params)
|
console.log("params", params)
|
||||||
|
window.planId = params.id
|
||||||
|
|
||||||
// 通过planID获取方案包含的所有事件
|
// 通过planID获取方案包含的所有事件
|
||||||
let getEventList = () => {
|
let getEventList = () => {
|
||||||
@ -48,13 +53,19 @@ let getEventList = () => {
|
|||||||
duration_time: (i * 5 + 10)
|
duration_time: (i * 5 + 10)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
let formData = {planId: window['planId']}
|
||||||
|
TsApi.queryTsEvent(formData).then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
tsOBJ.value._Store._tasks = res.data
|
||||||
|
}
|
||||||
|
})
|
||||||
newTS(params, events)
|
newTS(params, events)
|
||||||
}
|
}
|
||||||
// 新建态势推演对象
|
// 新建态势推演对象
|
||||||
let newTS = (params, events) => {
|
let newTS = (params, events) => {
|
||||||
|
|
||||||
window['tsObj'] = new TS({name: params.name, tasks: events, startTimestamp: params.start_time})
|
window['tsObj'] = new TS({name: params.name, tasks: events, startTimestamp: params.start_time})
|
||||||
tsOBJ = window['tsObj']
|
tsOBJ.value = window['tsObj']
|
||||||
window['tsAction'] = window['tsObj'].initAction()
|
window['tsAction'] = window['tsObj'].initAction()
|
||||||
|
|
||||||
console.log("window['tsObj']", window['tsObj'])
|
console.log("window['tsObj']", window['tsObj'])
|
||||||
@ -79,6 +90,8 @@ const createEarth = async () => {
|
|||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
new YJ.Tools((window as any).earth_ts).flyHome()
|
new YJ.Tools((window as any).earth_ts).flyHome()
|
||||||
}, 1000)
|
}, 1000)
|
||||||
|
console.log("createEarth++++++++++++++++++++")
|
||||||
|
cabin.value.initTreeCallBack()
|
||||||
}
|
}
|
||||||
const closeSituationEdit = () => {
|
const closeSituationEdit = () => {
|
||||||
router.back()
|
router.back()
|
||||||
@ -96,5 +109,9 @@ const closeSituationEdit = () => {
|
|||||||
height: 2.2222222222vh !important;
|
height: 2.2222222222vh !important;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.adddirectoryBox {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -34,7 +34,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="list" v-if="currentTypeId!=''">
|
<div class="list" v-if="currentTypeId!=''">
|
||||||
<div v-for="item in elementList" class="itemBox">
|
<div v-for="item in elementList" class="itemBox" @click="addMarker(item)">
|
||||||
<div class="imgbg">
|
<div class="imgbg">
|
||||||
<img :src="service + (item.posterDataUrl||item.militaryDataUrl)"/>
|
<img :src="service + (item.posterDataUrl||item.militaryDataUrl)"/>
|
||||||
</div>
|
</div>
|
||||||
@ -56,8 +56,11 @@ import {ref, onMounted} from "vue";
|
|||||||
import {Search} from '@element-plus/icons-vue'
|
import {Search} from '@element-plus/icons-vue'
|
||||||
import {ModelApi} from "../../api/model";
|
import {ModelApi} from "../../api/model";
|
||||||
import {GraphApi} from "../../api/graphLabel";
|
import {GraphApi} from "../../api/graphLabel";
|
||||||
import {addMapSource} from "./entity";
|
|
||||||
|
|
||||||
|
import {addMapSource} from "./entity";
|
||||||
|
import {useTreeNode} from "../components/tree/hooks/treeNode";
|
||||||
|
|
||||||
|
const {getSelectedNodes} = useTreeNode()
|
||||||
const service = ref(localStorage.getItem('ip'))
|
const service = ref(localStorage.getItem('ip'))
|
||||||
|
|
||||||
interface Tree {
|
interface Tree {
|
||||||
@ -72,17 +75,17 @@ const defaultProps = {
|
|||||||
|
|
||||||
const activIndex = ref(0)
|
const activIndex = ref(0)
|
||||||
const tabs = [
|
const tabs = [
|
||||||
{name: "人工模型", dataType: 'tree', key: "model"},
|
{name: "人工模型", dataType: 'tree', key: "model",},
|
||||||
{name: "军事标绘", dataType: 'tree', key: "graph"},
|
{name: "军事标绘", dataType: 'tree', key: "graph", funName: 'DrawPoint',},
|
||||||
{
|
{
|
||||||
name: "基础标绘", dataType: 'list', children:
|
name: "基础标绘", dataType: 'list', children:
|
||||||
[
|
[
|
||||||
{name: "点", source_name: "点标注", funName: 'DrawPoint', type: "point"},
|
{name: "点", source_name: "点标注", funName: 'DrawPoint', type: "point"},
|
||||||
{name: "线", source_name: "", funName: 'DrawPolyline', type: ""},
|
{name: "线", source_name: "线标注", funName: 'DrawPolyline', type: "line"},
|
||||||
{name: "面", source_name: "", funName: 'DrawPolygon', type: ""},
|
{name: "面", source_name: "面标注", funName: 'DrawPolygon', type: "panel"},
|
||||||
{name: "圆", source_name: "", funName: 'DrawCircle', type: ""},
|
{name: "圆", source_name: "圆标注", funName: 'DrawCircle', type: "circle"},
|
||||||
{name: "攻击箭头", source_name: "", funName: 'DrawAttackArrow', type: ""},
|
{name: "攻击箭头", source_name: "攻击箭头", funName: 'DrawAttackArrow', type: "attackArrow"},
|
||||||
{name: "钳形箭头", source_name: "", funName: 'DrawPincerArrow', type: ""}
|
{name: "钳形箭头", source_name: "钳形箭头", funName: 'DrawPincerArrow', type: "pincerArrow"}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{name: "特效", dataType: 'list', children: [{name: "火焰"}]},
|
{name: "特效", dataType: 'list', children: [{name: "火焰"}]},
|
||||||
@ -135,11 +138,18 @@ const getModelListByType = (id) => {
|
|||||||
if (activIndex.value == 0) {
|
if (activIndex.value == 0) {
|
||||||
formData.append('modelTypeId', id)
|
formData.append('modelTypeId', id)
|
||||||
ModelApi.showModelByType(formData).then((res) => {
|
ModelApi.showModelByType(formData).then((res) => {
|
||||||
|
res.data.forEach(item => {
|
||||||
|
item.funName = 'DrawPoint'
|
||||||
|
item.type = 'model'
|
||||||
|
})
|
||||||
elementList.value = res.data
|
elementList.value = res.data
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
formData.append('militaryTypeId', id)
|
formData.append('militaryTypeId', id)
|
||||||
GraphApi.showModelByType(formData).then((res) => {
|
GraphApi.showModelByType(formData).then((res) => {
|
||||||
|
res.data.forEach(item => {
|
||||||
|
item.funName = 'DrawPoint'
|
||||||
|
})
|
||||||
elementList.value = res.data
|
elementList.value = res.data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@ -159,11 +169,41 @@ let getGraphTypeList = async () => {
|
|||||||
}
|
}
|
||||||
// 添加标绘
|
// 添加标绘
|
||||||
let addMarker = (item) => {
|
let addMarker = (item) => {
|
||||||
console.log("绘制" + item.name)
|
let nodes = getSelectedNodes(window['treeObj'])
|
||||||
|
console.log("绘制", item)
|
||||||
|
console.log("获取选中的节点", nodes)
|
||||||
|
let id = new YJ.Tools().randomString()
|
||||||
|
let pId = -1
|
||||||
|
if (nodes.length) {
|
||||||
|
pId = nodes[0].sourceType == 'directory' ? nodes[0].id : nodes[0].parentId
|
||||||
|
}
|
||||||
|
// let pId = nodes.length >= 1 ? nodes[0].id : -1
|
||||||
window.draw = new YJ.Draw[item.funName](earth_ts)
|
window.draw = new YJ.Draw[item.funName](earth_ts)
|
||||||
window.draw.start((a, position) => {
|
window.draw.start((a, position) => {
|
||||||
console.log(position)
|
console.log(position)
|
||||||
addMapSource({id: 777, type: item.type, name: item.source_name, position})
|
if (position != undefined) {
|
||||||
|
let obj = {id, name: item.source_name, position}
|
||||||
|
switch (item.type) {
|
||||||
|
case 'model':
|
||||||
|
obj.modelDataUrl = item.modelDataUrl
|
||||||
|
obj.name = item.modelName
|
||||||
|
break
|
||||||
|
case 'line':
|
||||||
|
case 'panel':
|
||||||
|
case 'attackArrow':
|
||||||
|
case 'pincerArrow':
|
||||||
|
delete obj.position
|
||||||
|
obj.positions = position
|
||||||
|
break
|
||||||
|
case 'circle':
|
||||||
|
obj.center = position.center
|
||||||
|
obj.radius = position.radius
|
||||||
|
break
|
||||||
|
}
|
||||||
|
addMapSource(item.type, pId, obj)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,18 +1,44 @@
|
|||||||
export function addMapSource(option) {
|
import {TsApi} from "../../api/ts";
|
||||||
console.log("添加到地球上", option)
|
import {useTreeNode} from '@/views/components/tree/hooks/treeNode'
|
||||||
let id = option.id || new YJ.Tools().randomString()
|
|
||||||
let name = option.name
|
|
||||||
let entityObject
|
|
||||||
let options
|
|
||||||
let baseURL = localStorage.getItem('ip')
|
|
||||||
switch (option.type) {
|
|
||||||
case 'point':
|
|
||||||
console.log({id, name, position: option.position})
|
|
||||||
entityObject = new YJ.Obj.BillboardObject(window['earth_ts'], {id, name, position: option.position})
|
|
||||||
console.log("添加dian")
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
const {cusAddNodes, getSelectedNode} = useTreeNode()
|
||||||
|
|
||||||
|
export function initMapData(type, data, cb: any = null) {
|
||||||
|
console.log("initMapData", type, data)
|
||||||
|
let baseURL = localStorage.getItem('ip')
|
||||||
|
let options
|
||||||
|
let entityObject
|
||||||
|
switch (type) {
|
||||||
|
case 'point':
|
||||||
|
entityObject = new YJ.Obj.BillboardObject(window['earth_ts'], data)
|
||||||
|
break
|
||||||
|
case 'model':
|
||||||
|
entityObject = new YJ.Obj.Model(window['earth_ts'], data)
|
||||||
|
break
|
||||||
|
case 'line':
|
||||||
|
entityObject = new YJ.Obj.PolylineObject(window['earth_ts'], data)
|
||||||
|
break
|
||||||
|
case 'panel':
|
||||||
|
entityObject = new YJ.Obj.PolygonObject(window['earth_ts'], data)
|
||||||
|
break
|
||||||
|
case 'circle':
|
||||||
|
entityObject = new YJ.Obj.CircleObject(window['earth_ts'], data)
|
||||||
|
break
|
||||||
|
case 'attackArrow':
|
||||||
|
entityObject = new YJ.Obj.AttackArrowObject(window['earth_ts'], data)
|
||||||
|
break
|
||||||
|
case 'pincerArrow':
|
||||||
|
entityObject = new YJ.Obj.PincerArrowObject(window['earth_ts'], data)
|
||||||
|
break
|
||||||
|
case 'tileset':
|
||||||
|
data.host = baseURL
|
||||||
|
entityObject = new YJ.Obj.Tileset(window['earth_ts'], data)
|
||||||
|
entityObject.load((res) => {
|
||||||
|
cb && cb(entityObject)
|
||||||
|
})
|
||||||
|
|
||||||
|
break
|
||||||
|
}
|
||||||
if (entityObject) {
|
if (entityObject) {
|
||||||
function getOptions() {
|
function getOptions() {
|
||||||
let opt = structuredClone(entityObject.options)
|
let opt = structuredClone(entityObject.options)
|
||||||
@ -21,8 +47,73 @@ export function addMapSource(option) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
options = getOptions()
|
options = getOptions()
|
||||||
|
if (entityObject.options.id) {
|
||||||
|
(window as any)._entityMap.set(entityObject.options.id, entityObject)
|
||||||
}
|
}
|
||||||
console.log('options', options)
|
return options
|
||||||
|
|
||||||
|
} else return null
|
||||||
|
}
|
||||||
|
|
||||||
|
export function addMapSource(type, pId, option, cb: any = null) {
|
||||||
|
console.log("添加到地球上", option)
|
||||||
|
let options
|
||||||
|
|
||||||
|
/*switch (type) {
|
||||||
|
case 'point':
|
||||||
|
data = {id, name, position: option.position}
|
||||||
|
break;
|
||||||
|
case 'line':
|
||||||
|
case 'panel':
|
||||||
|
data = {id, name, positions: option.positions}
|
||||||
|
break
|
||||||
|
case 'circle':
|
||||||
|
data = {id, name, positions: option.positions}
|
||||||
|
|
||||||
|
break
|
||||||
|
case 'attackArrow':
|
||||||
|
break
|
||||||
|
case 'pincerArrow':
|
||||||
|
break
|
||||||
|
case 'model':
|
||||||
|
data = {
|
||||||
|
id,
|
||||||
|
name,
|
||||||
|
position: option.position,
|
||||||
|
url: baseURL + option.modelDataUrl,
|
||||||
|
maximumScale: 1,
|
||||||
|
rotate: {
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
z: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break
|
||||||
|
}*/
|
||||||
|
options = initMapData(type, option)
|
||||||
|
|
||||||
|
|
||||||
// 进数据库
|
// 进数据库
|
||||||
// 上树
|
let dbOption = {
|
||||||
|
"id": option.id,
|
||||||
|
"sourceName": option.name,
|
||||||
|
"sourceType": type,
|
||||||
|
"sourcePath": "",
|
||||||
|
"parentId": pId,
|
||||||
|
"treeIndex": 0,
|
||||||
|
"isShow": 1,
|
||||||
|
"detail": JSON.stringify(options) || '{}',
|
||||||
|
"params": "",
|
||||||
|
"planId": window['planId']
|
||||||
}
|
}
|
||||||
|
console.log('dbOption', dbOption)
|
||||||
|
TsApi.addTsSource(dbOption).then(res => {
|
||||||
|
console.log("addTsSource", res)
|
||||||
|
cb && cb(res)
|
||||||
|
// 上树
|
||||||
|
let selectedNode = window.treeObj.getNodeByParam('id', pId)
|
||||||
|
cusAddNodes(window.treeObj, selectedNode, [dbOption], true)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -151,7 +151,10 @@ const getList = (params:any = null) => {
|
|||||||
formData.append(paramsKey, params[paramsKey])
|
formData.append(paramsKey, params[paramsKey])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
formData.append('username', params["createdBy"])
|
||||||
|
|
||||||
}
|
}
|
||||||
TsApi.planList(formData).then(res => {
|
TsApi.planList(formData).then(res => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
@ -175,7 +178,7 @@ const toTSEdit = (row) => {
|
|||||||
console.log("当前推演方案", row)
|
console.log("当前推演方案", row)
|
||||||
router.push({
|
router.push({
|
||||||
name: 'tsEdit', // 必须用 name 匹配路由，不能用 path
|
name: 'tsEdit', // 必须用 name 匹配路由，不能用 path
|
||||||
query: {id: 123, name: "战时推演", start_time: 946684800000}
|
query: {id: row.id, name: row.name, start_time: new Date(row.simulationStartTime).getTime()}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const delPlan = (id) => {
|
const delPlan = (id) => {
|
||||||
|
|||||||
@ -34,7 +34,7 @@
|
|||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="form.datetime"
|
v-model="form.datetime"
|
||||||
type="datetime"
|
type="datetime"
|
||||||
placeholder="Select date and time"
|
placeholder="选择触发时间"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="持续时间">
|
<el-form-item label="持续时间">
|
||||||
@ -78,7 +78,7 @@
|
|||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<div class="optionbtn">
|
<div class="optionbtn">
|
||||||
<el-button>确定</el-button>
|
<el-button @click="addEvent">确定</el-button>
|
||||||
<el-button>取消</el-button>
|
<el-button>取消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -99,7 +99,7 @@ import type {RenderContentContext, TreeInstance} from 'element-plus'
|
|||||||
|
|
||||||
const treeRef = ref<TreeInstance>()
|
const treeRef = ref<TreeInstance>()
|
||||||
// 存储当前需要高亮的节点 key（初始为空）
|
// 存储当前需要高亮的节点 key（初始为空）
|
||||||
const currentKey = ref<number | null>(1);
|
const currentKey = ref<number | string | null>("flicker");
|
||||||
|
|
||||||
interface Tree {
|
interface Tree {
|
||||||
label: string
|
label: string
|
||||||
@ -108,6 +108,7 @@ interface Tree {
|
|||||||
|
|
||||||
const form = reactive({
|
const form = reactive({
|
||||||
name: '',
|
name: '',
|
||||||
|
datetime: '',
|
||||||
})
|
})
|
||||||
const hour = ref(0)
|
const hour = ref(0)
|
||||||
const minute = ref(0)
|
const minute = ref(0)
|
||||||
@ -115,9 +116,10 @@ const second = ref(0)
|
|||||||
const times = ref(0)//闪烁间隔
|
const times = ref(0)//闪烁间隔
|
||||||
const numbers = ref(0)//闪烁次数
|
const numbers = ref(0)//闪烁次数
|
||||||
const isContainModelPosition = ref(true)
|
const isContainModelPosition = ref(true)
|
||||||
|
const eventBus: any = inject('bus')
|
||||||
|
|
||||||
form['datetime'] = new Date(2000, 1, 1, 12, 0, 0)
|
// form['datetime'] = new Date(2000, 1, 1, 12, 0, 0)
|
||||||
const isShowPup = ref(true)
|
const isShowPup = ref(false)
|
||||||
const eventTree: { children: ({ label: string } | { label: string })[]; id: string; label: string }[] = [
|
const eventTree: { children: ({ label: string } | { label: string })[]; id: string; label: string }[] = [
|
||||||
{
|
{
|
||||||
id: "normal",
|
id: "normal",
|
||||||
@ -143,9 +145,25 @@ const handleNodeClick = (data: Tree, node, TreeNode, event) => {
|
|||||||
currentKey.value = data.id; // data.id 为节点的唯一 key（需与 tree 的 node-key 对应）
|
currentKey.value = data.id; // data.id 为节点的唯一 key（需与 tree 的 node-key 对应）
|
||||||
form.name = data.label
|
form.name = data.label
|
||||||
}
|
}
|
||||||
|
const addEvent = () => {
|
||||||
|
console.log(form)
|
||||||
|
}
|
||||||
|
eventBus.on('openAddEvent', (data, cb, type) => {
|
||||||
|
// selectCallback = cb
|
||||||
|
// addType.value = type
|
||||||
|
isShowPup.value = data
|
||||||
|
// if (data) {
|
||||||
|
// getModelList()
|
||||||
|
// getSetting()
|
||||||
|
// }
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
:deep(.newEvent>div) {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
.newEvent {
|
.newEvent {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
@ -153,7 +171,6 @@ const handleNodeClick = (data: Tree, node, TreeNode, event) => {
|
|||||||
//left: 50%;
|
//left: 50%;
|
||||||
//width: 40vw;
|
//width: 40vw;
|
||||||
//height: 50vh;
|
//height: 50vh;
|
||||||
display: none;
|
|
||||||
|
|
||||||
.set_detail {
|
.set_detail {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -226,13 +243,18 @@ const handleNodeClick = (data: Tree, node, TreeNode, event) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:deep(.el-overlay-dialog) {
|
||||||
|
/*position: absolute;
|
||||||
|
bottom: auto;
|
||||||
|
right: auto;*/
|
||||||
|
}
|
||||||
|
|
||||||
:deep(.el-dialog) {
|
:deep(.el-dialog) {
|
||||||
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%),
|
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%),
|
||||||
rgba(0, 0, 0, 0.6);
|
rgba(0, 0, 0, 0.6);
|
||||||
border: 1px solid #00c9ff;
|
border: 1px solid #00c9ff;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
width: 30vw;
|
//position: absolute;
|
||||||
height: 30vh;
|
|
||||||
|
|
||||||
width: 570px;
|
width: 570px;
|
||||||
height: 323px;
|
height: 323px;
|
||||||
|
|||||||
@ -11,28 +11,31 @@
|
|||||||
</template>
|
</template>
|
||||||
<div class="set_detail">
|
<div class="set_detail">
|
||||||
<el-form
|
<el-form
|
||||||
|
ref="ruleFormRef"
|
||||||
style="max-width: 600px"
|
style="max-width: 600px"
|
||||||
:model="sizeForm"
|
:model="sizeForm"
|
||||||
label-width="auto"
|
label-width="auto"
|
||||||
:label-position="'top'"
|
:label-position="'top'"
|
||||||
|
:rules="rules"
|
||||||
>
|
>
|
||||||
<el-form-item label="推演名称">
|
<el-form-item label="推演名称" prop="name" required>
|
||||||
<el-input v-model="sizeForm.name" placeholder="请填写名称"/>
|
<el-input v-model="sizeForm.name" placeholder="请填写名称"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="仿真开始时间">
|
<el-form-item label="仿真开始时间" prop="simulationStartTime" required>
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="sizeForm.date1"
|
v-model="sizeForm.simulationStartTime"
|
||||||
type="datetime"
|
type="datetime"
|
||||||
|
timezone="Asia/Shanghai"
|
||||||
|
value-format="YYYY-MM-DDTHH:mm:ss"
|
||||||
placeholder="请选择日期时间"
|
placeholder="请选择日期时间"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="推演描述" prop="desc">
|
<el-form-item label="推演描述" prop="desc" required>
|
||||||
<el-input v-model="sizeForm.desc" type="textarea" placeholder="请输入内容描述"/>
|
<el-input v-model="sizeForm.desc" type="textarea" placeholder="请输入内容描述"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<div class="optionbtn">
|
<div class="optionbtn">
|
||||||
<el-button @click="addPlan">确定</el-button>
|
<el-button @click="addPlan(ruleFormRef)">确定</el-button>
|
||||||
<el-button>取消</el-button>
|
<el-button>取消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -46,19 +49,53 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
//@ts-nocheck
|
//@ts-nocheck
|
||||||
import {ref, reactive,} from "vue";
|
import {ref, reactive,} from "vue";
|
||||||
import {ElMessage} from 'element-plus'
|
import {ElMessage, FormInstance, FormRules} from 'element-plus'
|
||||||
import {TsApi} from "../../api/ts";
|
import {TsApi} from "../../api/ts";
|
||||||
|
|
||||||
const eventBus: any = inject('bus')
|
const eventBus: any = inject('bus')
|
||||||
const emit = defineEmits(['addCallback']);
|
const emit = defineEmits(['addCallback']);
|
||||||
const isShowPup = ref(false)
|
const isShowPup = ref(false)
|
||||||
const sizeForm = reactive({
|
|
||||||
|
|
||||||
|
interface RuleForm {
|
||||||
|
name: string,
|
||||||
|
simulationStartTime: string,
|
||||||
|
desc: string,
|
||||||
|
}
|
||||||
|
|
||||||
|
const ruleFormRef = ref<FormInstance>()
|
||||||
|
const sizeForm = reactive<RuleForm>({
|
||||||
name: '',
|
name: '',
|
||||||
// date1: '',
|
simulationStartTime: '',
|
||||||
desc: '',
|
desc: '',
|
||||||
})
|
})
|
||||||
const addPlan = () => {
|
|
||||||
TsApi.addPlan({name: sizeForm.name, desc: sizeForm.desc}).then(res => {
|
const rules = reactive<FormRules<RuleForm>>({
|
||||||
|
name: [
|
||||||
|
{required: true, message: '推演名称不能为空', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
desc: [
|
||||||
|
{required: true, message: '推演描述不能为空', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
simulationStartTime: [
|
||||||
|
{required: true, message: '仿真开始时间不能为空', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
})
|
||||||
|
const submitForm = async (formEl: FormInstance | undefined) => {
|
||||||
|
if (!formEl) return
|
||||||
|
await formEl.validate((valid, fields) => {
|
||||||
|
if (valid) {
|
||||||
|
console.log('submit!')
|
||||||
|
} else {
|
||||||
|
console.log('error submit!', fields)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const addPlan = async (formEl: FormInstance | undefined) => {
|
||||||
|
if (!formEl) return
|
||||||
|
await formEl.validate((valid, fields) => {
|
||||||
|
if (valid) {
|
||||||
|
TsApi.addPlan(sizeForm).then(res => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
ElMessage({
|
ElMessage({
|
||||||
@ -69,6 +106,11 @@ const addPlan = () => {
|
|||||||
}
|
}
|
||||||
$(".newPlan")[0].style.display = "none"
|
$(".newPlan")[0].style.display = "none"
|
||||||
})
|
})
|
||||||
|
} else {
|
||||||
|
console.log('提交失败', fields)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
eventBus.on('openAddPlan', (data, cb, type) => {
|
eventBus.on('openAddPlan', (data, cb, type) => {
|
||||||
// selectCallback = cb
|
// selectCallback = cb
|
||||||
|
|||||||
@ -49,7 +49,7 @@ export const showRightMenuTs = (event: any, treeObj: any, selectedNodes, nodeTyp
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
for (let i = arr.length - 1; i >= 0; i--) {
|
for (let i = arr.length - 1; i >= 0; i--) {
|
||||||
if (['pictureLocation', 'importPanorama'].includes(arr[i])) {
|
if (['pictureLocation', 'importPanorama', 'setView', 'resetView',].includes(arr[i])) {
|
||||||
arr.splice(i, 1); // 从索引 i 开始删除 1 个元素
|
arr.splice(i, 1); // 从索引 i 开始删除 1 个元素
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -79,21 +79,28 @@
|
|||||||
<div class="col">
|
<div class="col">
|
||||||
<span class="label">阴影柔和度</span>
|
<span class="label">阴影柔和度</span>
|
||||||
<el-input
|
<el-input
|
||||||
class="input height"
|
class="input height custom-number-input with-arrows"
|
||||||
type="number"
|
type="number"
|
||||||
step="0.1"
|
step="0.1"
|
||||||
min="0"
|
min="0"
|
||||||
max="1"
|
max="1"
|
||||||
v-model="weatherData.darkness"
|
v-model="weatherData.darkness"
|
||||||
@change="changDarkness"
|
@change="changDarkness"
|
||||||
/>
|
>
|
||||||
|
<template #suffix>
|
||||||
|
<div class="custom-arrows">
|
||||||
|
<div class="arrow-up" @click="incrementValue"></div>
|
||||||
|
<div class="arrow-down" @click="decrementValue"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-input>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<span class="label">倍数</span>
|
<span class="label">倍数</span>
|
||||||
<el-input
|
<el-input
|
||||||
class="input height"
|
class="input height custom-number-input with-arrows arrows2"
|
||||||
type="number"
|
type="number"
|
||||||
min="-9999999"
|
min="-9999999"
|
||||||
max="999999999"
|
max="999999999"
|
||||||
@ -102,6 +109,10 @@
|
|||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
|
<div class="custom-arrows">
|
||||||
|
<div class="arrow-up" @click="incrementValue2"></div>
|
||||||
|
<div class="arrow-down" @click="decrementValue2"></div>
|
||||||
|
</div>
|
||||||
<span>X</span>
|
<span>X</span>
|
||||||
</template>
|
</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
@ -152,7 +163,8 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { reactive, onMounted, onBeforeUnmount } from 'vue'
|
import { reactive, onMounted, onBeforeUnmount, watch } from 'vue'
|
||||||
|
import { Decimal } from 'decimal.js'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import TimeLine from './timeLIne'
|
import TimeLine from './timeLIne'
|
||||||
import { before } from 'node:test'
|
import { before } from 'node:test'
|
||||||
@ -251,6 +263,41 @@ var weatherChange = () => {
|
|||||||
timeline.setSpeed(weatherData.speed)
|
timeline.setSpeed(weatherData.speed)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
watch(
|
||||||
|
() => weatherData.darkness,
|
||||||
|
(newValue) => {
|
||||||
|
if (sunshine) {
|
||||||
|
sunshine.darkness = newValue
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
var incrementValue = () => {
|
||||||
|
if (weatherData.darkness < 1) {
|
||||||
|
const newDarkness = new Decimal(weatherData.darkness).add(0.1)
|
||||||
|
weatherData.darkness = Math.min(newDarkness, 1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var decrementValue = () => {
|
||||||
|
if (weatherData.darkness > 0) {
|
||||||
|
const newDarkness = new Decimal(weatherData.darkness).sub(0.1)
|
||||||
|
weatherData.darkness = Math.max(newDarkness, 0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => weatherData.speed,
|
||||||
|
(newValue) => {
|
||||||
|
weatherData.currWeather = false
|
||||||
|
sunshine && (sunshine.speed = newValue)
|
||||||
|
timeline.setSpeed(newValue)
|
||||||
|
}
|
||||||
|
)
|
||||||
|
var incrementValue2 = () => {
|
||||||
|
weatherData.speed = new Decimal(weatherData.speed).add(1).toNumber()
|
||||||
|
}
|
||||||
|
var decrementValue2 = () => {
|
||||||
|
weatherData.speed = new Decimal(weatherData.speed).sub(1).toNumber()
|
||||||
|
}
|
||||||
var getCurrentTime = () => {
|
var getCurrentTime = () => {
|
||||||
const now = new Date()
|
const now = new Date()
|
||||||
const hours = String(now.getHours()).padStart(2, '0')
|
const hours = String(now.getHours()).padStart(2, '0')
|
||||||
@ -313,6 +360,7 @@ var clickIcon = (item: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
var changDarkness = () => {
|
var changDarkness = () => {
|
||||||
|
console.log('changDarkness')
|
||||||
sunshine && (sunshine.darkness = weatherData.darkness)
|
sunshine && (sunshine.darkness = weatherData.darkness)
|
||||||
}
|
}
|
||||||
var changSpeed = () => {
|
var changSpeed = () => {
|
||||||
@ -597,13 +645,66 @@ var shadowChange = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* 隐藏Webkit内核浏览器中的上下箭头及白色背景 */
|
|
||||||
.input ::v-deep(input::-webkit-outer-spin-button),
|
input[type='number']::-webkit-outer-spin-button,
|
||||||
.input ::v-deep(input::-webkit-inner-spin-button) {
|
input[type='number']::-webkit-inner-spin-button {
|
||||||
-webkit-appearance: none !important;
|
-webkit-appearance: none;
|
||||||
appearance: none !important;
|
}
|
||||||
margin: 0;
|
|
||||||
background: none; /* 移除白色背景 */
|
/* Firefox */
|
||||||
display: none; /* 彻底隐藏元素 */
|
input[type='number'] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
}
|
||||||
|
.custom-number-input .el-input__inner {
|
||||||
|
line-height: 1px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-number-input.with-arrows {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-number-input.with-arrows .custom-arrows {
|
||||||
|
position: absolute;
|
||||||
|
right: 8px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 2px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.custom-number-input.with-arrows.arrows2 .custom-arrows {
|
||||||
|
right: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-number-input.with-arrows .arrow-up,
|
||||||
|
.custom-number-input.with-arrows .arrow-down {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-left: 6px solid transparent;
|
||||||
|
border-right: 6px solid transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-number-input.with-arrows .arrow-up {
|
||||||
|
border-bottom: 6px solid #909399;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-number-input.with-arrows .arrow-down {
|
||||||
|
border-top: 6px solid #909399;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-number-input.with-arrows .arrow-up:hover {
|
||||||
|
border-bottom-color: rgba(var(--color-base1), 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-number-input.with-arrows .arrow-down:hover {
|
||||||
|
border-top-color: rgba(var(--color-base1), 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 确保输入框有足够空间显示自定义箭头 */
|
||||||
|
.custom-number-input.with-arrows .el-input__inner {
|
||||||
|
padding-right: 30px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -274,6 +274,8 @@ const handleClick = (item: any, e) => {
|
|||||||
if ((window as any).checkAuthIsValid) {
|
if ((window as any).checkAuthIsValid) {
|
||||||
console.log('打开态势推演')
|
console.log('打开态势推演')
|
||||||
ipcRenderer.send('toggle-fullscreen', true)
|
ipcRenderer.send('toggle-fullscreen', true)
|
||||||
|
window['earth'].destroy()
|
||||||
|
window['earth'] = null
|
||||||
router.push({path: '/ts'})
|
router.push({path: '/ts'})
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
@ -493,6 +495,7 @@ const clickMenu = (item: any) => {
|
|||||||
// background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
> svg {
|
> svg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@ -7,7 +7,15 @@ import { ElMessage } from 'element-plus'
|
|||||||
export const useTree = () => {
|
export const useTree = () => {
|
||||||
const rightMenuRef: any = ref() //右键菜单的实例
|
const rightMenuRef: any = ref() //右键菜单的实例
|
||||||
const treeObj = ref() //树形的实例
|
const treeObj = ref() //树形的实例
|
||||||
const { getSelectedNodes, showRightMenu, cusUpdateNode, cusSelectNode, getSameLevel, cusNodeIcon, nodeType } = useTreeNode() //树上一系列的方法hooks
|
const {
|
||||||
|
getSelectedNodes,
|
||||||
|
showRightMenu,
|
||||||
|
cusUpdateNode,
|
||||||
|
cusSelectNode,
|
||||||
|
getSameLevel,
|
||||||
|
cusNodeIcon,
|
||||||
|
nodeType
|
||||||
|
} = useTreeNode() //树上一系列的方法hooks
|
||||||
const nodes: any = ref([])
|
const nodes: any = ref([])
|
||||||
/**
|
/**
|
||||||
* 用于捕获zTree上鼠标按键按下后的事件回调函数
|
* 用于捕获zTree上鼠标按键按下后的事件回调函数
|
||||||
@ -79,8 +87,7 @@ export const useTree = () => {
|
|||||||
let t = window.earth.entityMap.get(n.id)
|
let t = window.earth.entityMap.get(n.id)
|
||||||
if (t) {
|
if (t) {
|
||||||
return t
|
return t
|
||||||
}
|
} else {
|
||||||
else {
|
|
||||||
if (n.parentId) {
|
if (n.parentId) {
|
||||||
return getEntityObject(window.treeObj.getNodeByParam("id", n.parentId, null))
|
return getEntityObject(window.treeObj.getNodeByParam("id", n.parentId, null))
|
||||||
}
|
}
|
||||||
@ -89,8 +96,7 @@ export const useTree = () => {
|
|||||||
}
|
}
|
||||||
entityObject = getEntityObject(treeNode)
|
entityObject = getEntityObject(treeNode)
|
||||||
entityObject.flyTo(treeNode.id)
|
entityObject.flyTo(treeNode.id)
|
||||||
}
|
} else if (treeNode.sourceType === "roam") {
|
||||||
else if (treeNode.sourceType === "roam") {
|
|
||||||
// 飞行漫游
|
// 飞行漫游
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: '单击鼠标右键可结束当前漫游',
|
message: '单击鼠标右键可结束当前漫游',
|
||||||
@ -99,8 +105,7 @@ export const useTree = () => {
|
|||||||
let params = JSON.parse(treeNode.params)
|
let params = JSON.parse(treeNode.params)
|
||||||
YJ.Global.FlyRoam.flyTo((window as any).earth, params.points);
|
YJ.Global.FlyRoam.flyTo((window as any).earth, params.points);
|
||||||
return;
|
return;
|
||||||
}
|
} else {
|
||||||
else {
|
|
||||||
if (treeNode.sourceType == 'pressModel') {
|
if (treeNode.sourceType == 'pressModel') {
|
||||||
entityObject = (window as any).pressModelEntities.get(treeNode.id)
|
entityObject = (window as any).pressModelEntities.get(treeNode.id)
|
||||||
} else {
|
} else {
|
||||||
@ -289,8 +294,7 @@ export const useTree = () => {
|
|||||||
}
|
}
|
||||||
)
|
)
|
||||||
window.treeObj.checkNode(parentNode, false, true);
|
window.treeObj.checkNode(parentNode, false, true);
|
||||||
}
|
} else {
|
||||||
else {
|
|
||||||
p_ids.push(
|
p_ids.push(
|
||||||
{
|
{
|
||||||
id: parentNode.id,
|
id: parentNode.id,
|
||||||
@ -307,6 +311,7 @@ export const useTree = () => {
|
|||||||
|
|
||||||
|
|
||||||
let ids = [...p_ids]
|
let ids = [...p_ids]
|
||||||
|
|
||||||
// 更新节点状态修改地图资源状态
|
// 更新节点状态修改地图资源状态
|
||||||
function sourceStatus(node) {
|
function sourceStatus(node) {
|
||||||
ids.push({id: node.id, isShow: node.isShow ? 1 : 0})
|
ids.push({id: node.id, isShow: node.isShow ? 1 : 0})
|
||||||
@ -316,8 +321,7 @@ export const useTree = () => {
|
|||||||
sourceStatus(item)
|
sourceStatus(item)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
} else {
|
||||||
else {
|
|
||||||
let params = JSON.parse(node.params)
|
let params = JSON.parse(node.params)
|
||||||
let entityObject
|
let entityObject
|
||||||
if (node.sourceType == 'pressModel') {
|
if (node.sourceType == 'pressModel') {
|
||||||
@ -368,7 +372,6 @@ export const useTree = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// let source_ids = [];
|
// let source_ids = [];
|
||||||
// nodes.forEach((item) => {
|
// nodes.forEach((item) => {
|
||||||
// if (item.isHidden == false) {
|
// if (item.isHidden == false) {
|
||||||
@ -604,7 +607,7 @@ export const useTree = () => {
|
|||||||
brightness: 1
|
brightness: 1
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
res.data.list[i].svg = await cusNodeIcon(res.data.list[i]);
|
res.data.list[i].icon = await cusNodeIcon(res.data.list[i]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
zNodes.value = res.data.list
|
zNodes.value = res.data.list
|
||||||
@ -686,8 +689,7 @@ export const useTree = () => {
|
|||||||
params: {...detail, ...params}
|
params: {...detail, ...params}
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
}
|
} else {
|
||||||
else {
|
|
||||||
initMapData(zNodes.value[i].sourceType, {...detail, ...params}, null)
|
initMapData(zNodes.value[i].sourceType, {...detail, ...params}, null)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user