【fix】端口映射页面添加端口预览

wu-lazy-cloud-heartbeat-server/src/main/resources/static/js/762.d9006460.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkwu_lazy_cloud_network=self.webpackChunkwu_lazy_cloud_network||[]).push([[762,289],{29864:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(83986),a=t(93540),u=(t(70560),t(66252)),o=t(2262),s=t(49963),l=t(32393),c=t(85729),i=t(33907),d=t(22201),p={class:"ve_container"},f=function(e){return(0,u.dD)("data-v-596ed213"),e=e(),(0,u.Cn)(),e}((function(){return(0,u._)("h1",null,"Lazy-UI",-1)}));const m={__name:"Login",setup:function(e){var n={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"}]},t=(0,i.oR)(),m=(0,d.tv)(),_=(0,o.qj)({username:"",password:""}),w=(0,o.BK)(_),v=w.username,k=w.password,h=(0,o.iH)(null),y=(0,o.iH)(!1);sessionStorage.clear(),t.dispatch("app/".concat(l.L4),""),m.options.isAddDynamicMenuRoutes=!1;var g=function(){h.value.validate(function(){var e=(0,a.Z)((0,r.Z)().mark((function e(n){var a,u;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!n){e.next=24;break}return e.next=3,VE_API.system.login(_);case 3:if(0!==(a=e.sent).code){e.next=22;break}return e.next=7,t.dispatch("app/".concat(l.L4),a.data);case 7:return e.next=9,t.dispatch("app/".concat(l.Wy),a.data.accessToken);case 9:return e.next=11,t.dispatch("app/".concat(l.aR),a.data.refreshToken);case 11:return e.next=13,t.dispatch("app/".concat(l.TR),_.username);case 13:return e.next=15,VE_API.system.resolvingUser({accessToken:a.data.accessToken});case 15:if(u=e.sent,console.log(u),!u||!u.id){e.next=20;break}return e.next=20,t.dispatch("app/".concat(l.mg),u.id);case 20:y.value=!0,m.push({name:"AppMain"});case 22:e.next=25;break;case 24:return e.abrupt("return");case 25:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}())};return function(e,t){var r=(0,u.up)("router-link"),a=(0,u.up)("Avatar"),l=(0,u.up)("el-icon"),i=(0,u.up)("el-input"),d=(0,u.up)("el-form-item"),m=(0,u.up)("Key"),w=(0,u.up)("el-button"),b=(0,u.up)("el-form"),W=(0,u.up)("el-card");return(0,u.wg)(),(0,u.j4)((0,o.SU)(c.default),null,{default:(0,u.w5)((function(){return[(0,u._)("div",p,[(0,u.Wm)(W,{"body-style":{background:"rgba(0,0,0,0.15)"}},{default:(0,u.w5)((function(){return[(0,u.Wm)(r,{style:{float:"right"},to:{path:"register"}},{default:(0,u.w5)((function(){return[(0,u.Uk)("注册")]})),_:1}),f,(0,u.Wm)(s.uT,{name:"el-fade-in-linear"},{default:(0,u.w5)((function(){return[(0,u.wy)((0,u.Wm)(b,{model:_,rules:n,class:"ve_form",ref_key:"ref_form",ref:h,inline:!1,onKeyup:(0,s.D2)(g,["enter"])},{default:(0,u.w5)((function(){return[(0,u.Wm)(d,{prop:"username"},{default:(0,u.w5)((function(){return[(0,u.Wm)(i,{modelValue:(0,o.SU)(v),"onUpdate:modelValue":t[0]||(t[0]=function(e){return(0,o.dq)(v)?v.value=e:null}),modelModifiers:{trim:!0},placeholder:"用户名"},{prepend:(0,u.w5)((function(){return[(0,u.Wm)(l,{size:20},{default:(0,u.w5)((function(){return[(0,u.Wm)(a)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,u.Wm)(d,{prop:"password"},{default:(0,u.w5)((function(){return[(0,u.Wm)(i,{modelValue:(0,o.SU)(k),"onUpdate:modelValue":t[1]||(t[1]=function(e){return(0,o.dq)(k)?k.value=e:null}),modelModifiers:{trim:!0},"show-password":"",placeholder:"密码"},{prepend:(0,u.w5)((function(){return[(0,u.Wm)(l,{size:20},{default:(0,u.w5)((function(){return[(0,u.Wm)(m)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,u.Wm)(d,null,{default:(0,u.w5)((function(){return[(0,u.Wm)(w,{class:"ve_submit",type:"primary",onClick:g},{default:(0,u.w5)((function(){return[(0,u.Uk)(" 登录 ")]})),_:1})]})),_:1})]})),_:1},8,["model"]),[[s.F8,!y.value]])]})),_:1})]})),_:1},8,["body-style"])])]})),_:1})}}};const _=(0,t(48118).Z)(m,[["__scopeId","data-v-596ed213"]])}}]);
+"use strict";(self.webpackChunkwu_lazy_cloud_network=self.webpackChunkwu_lazy_cloud_network||[]).push([[762,289],{29864:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(83986),a=t(93540),u=(t(70560),t(66252)),o=t(2262),s=t(49963),l=t(32393),c=t(85729),i=t(33907),d=t(22201),p={class:"ve_container"},f=function(e){return(0,u.dD)("data-v-596ed213"),e=e(),(0,u.Cn)(),e}((function(){return(0,u._)("h1",null,"wu-lazy-cloud-network-ui",-1)}));const m={__name:"Login",setup:function(e){var n={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"}]},t=(0,i.oR)(),m=(0,d.tv)(),_=(0,o.qj)({username:"",password:""}),w=(0,o.BK)(_),v=w.username,k=w.password,h=(0,o.iH)(null),y=(0,o.iH)(!1);sessionStorage.clear(),t.dispatch("app/".concat(l.L4),""),m.options.isAddDynamicMenuRoutes=!1;var g=function(){h.value.validate(function(){var e=(0,a.Z)((0,r.Z)().mark((function e(n){var a,u;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!n){e.next=24;break}return e.next=3,VE_API.system.login(_);case 3:if(0!==(a=e.sent).code){e.next=22;break}return e.next=7,t.dispatch("app/".concat(l.L4),a.data);case 7:return e.next=9,t.dispatch("app/".concat(l.Wy),a.data.accessToken);case 9:return e.next=11,t.dispatch("app/".concat(l.aR),a.data.refreshToken);case 11:return e.next=13,t.dispatch("app/".concat(l.TR),_.username);case 13:return e.next=15,VE_API.system.resolvingUser({accessToken:a.data.accessToken});case 15:if(u=e.sent,console.log(u),!u||!u.id){e.next=20;break}return e.next=20,t.dispatch("app/".concat(l.mg),u.id);case 20:y.value=!0,m.push({name:"AppMain"});case 22:e.next=25;break;case 24:return e.abrupt("return");case 25:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}())};return function(e,t){var r=(0,u.up)("router-link"),a=(0,u.up)("Avatar"),l=(0,u.up)("el-icon"),i=(0,u.up)("el-input"),d=(0,u.up)("el-form-item"),m=(0,u.up)("Key"),w=(0,u.up)("el-button"),b=(0,u.up)("el-form"),W=(0,u.up)("el-card");return(0,u.wg)(),(0,u.j4)((0,o.SU)(c.default),null,{default:(0,u.w5)((function(){return[(0,u._)("div",p,[(0,u.Wm)(W,{"body-style":{background:"rgba(0,0,0,0.15)"}},{default:(0,u.w5)((function(){return[(0,u.Wm)(r,{style:{float:"right"},to:{path:"register"}},{default:(0,u.w5)((function(){return[(0,u.Uk)("注册")]})),_:1}),f,(0,u.Wm)(s.uT,{name:"el-fade-in-linear"},{default:(0,u.w5)((function(){return[(0,u.wy)((0,u.Wm)(b,{model:_,rules:n,class:"ve_form",ref_key:"ref_form",ref:h,inline:!1,onKeyup:(0,s.D2)(g,["enter"])},{default:(0,u.w5)((function(){return[(0,u.Wm)(d,{prop:"username"},{default:(0,u.w5)((function(){return[(0,u.Wm)(i,{modelValue:(0,o.SU)(v),"onUpdate:modelValue":t[0]||(t[0]=function(e){return(0,o.dq)(v)?v.value=e:null}),modelModifiers:{trim:!0},placeholder:"用户名"},{prepend:(0,u.w5)((function(){return[(0,u.Wm)(l,{size:20},{default:(0,u.w5)((function(){return[(0,u.Wm)(a)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,u.Wm)(d,{prop:"password"},{default:(0,u.w5)((function(){return[(0,u.Wm)(i,{modelValue:(0,o.SU)(k),"onUpdate:modelValue":t[1]||(t[1]=function(e){return(0,o.dq)(k)?k.value=e:null}),modelModifiers:{trim:!0},"show-password":"",placeholder:"密码"},{prepend:(0,u.w5)((function(){return[(0,u.Wm)(l,{size:20},{default:(0,u.w5)((function(){return[(0,u.Wm)(m)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,u.Wm)(d,null,{default:(0,u.w5)((function(){return[(0,u.Wm)(w,{class:"ve_submit",type:"primary",onClick:g},{default:(0,u.w5)((function(){return[(0,u.Uk)(" 登录 ")]})),_:1})]})),_:1})]})),_:1},8,["model"]),[[s.F8,!y.value]])]})),_:1})]})),_:1},8,["body-style"])])]})),_:1})}}};const _=(0,t(48118).Z)(m,[["__scopeId","data-v-596ed213"]])}}]);

wu-lazy-cloud-heartbeat-server/src/main/resources/static/js/940.7a1718ae.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkwu_lazy_cloud_network=self.webpackChunkwu_lazy_cloud_network||[]).push([[940,289],{28049:(e,r,n)=>{n.r(r),n.d(r,{default:()=>w});var u=n(83986),t=n(93540),a=(n(70560),n(66252)),o=n(2262),l=n(49963),s=n(32393),d=n(85729),i=n(33907),c=n(22201),p={class:"ve_container"},f=function(e){return(0,a.dD)("data-v-21b59d3e"),e=e(),(0,a.Cn)(),e}((function(){return(0,a._)("h1",null,"Lazy-UI",-1)}));const m={__name:"Register",setup:function(e){var r={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"}],checkPassword:[{required:!0,message:"密码确认",trigger:"blur"}]},n=(0,a.FN)().proxy,m=(0,i.oR)(),w=(0,c.tv)(),_=(0,o.qj)({username:"",password:"",checkPassword:""}),h=(0,o.BK)(_),v=h.username,k=h.password,b=h.checkPassword,g=(0,o.iH)(null),y=(0,o.iH)(!1);sessionStorage.clear(),m.dispatch("app/".concat(s.L4),""),w.options.isAddDynamicMenuRoutes=!1;var W=function(){_.password===_.checkPassword?g.value.validate(function(){var e=(0,t.Z)((0,u.Z)().mark((function e(r){var n;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r){e.next=7;break}return e.next=3,VE_API.system.register(_);case 3:0===(n=e.sent).code&&(m.dispatch("app/".concat(s.L4),n.data),m.dispatch("app/".concat(s.TR),_.username),y.value=!0,w.push({name:"AppMain"})),e.next=8;break;case 7:return e.abrupt("return");case 8:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}()):n.$message({type:"error",message:"请确认，两次输入密码是否一致!"})};return function(e,n){var u=(0,a.up)("router-link"),t=(0,a.up)("Avatar"),s=(0,a.up)("el-icon"),i=(0,a.up)("el-input"),c=(0,a.up)("el-form-item"),m=(0,a.up)("Key"),w=(0,a.up)("el-button"),h=(0,a.up)("el-form"),U=(0,a.up)("el-card");return(0,a.wg)(),(0,a.j4)((0,o.SU)(d.default),null,{default:(0,a.w5)((function(){return[(0,a._)("div",p,[(0,a.Wm)(U,{"body-style":{background:"rgba(0,0,0,0.15)"}},{default:(0,a.w5)((function(){return[(0,a.Wm)(u,{style:{float:"right"},to:{path:"login"}},{default:(0,a.w5)((function(){return[(0,a.Uk)("登录")]})),_:1}),f,(0,a.Wm)(l.uT,{name:"el-fade-in-linear"},{default:(0,a.w5)((function(){return[(0,a.wy)((0,a.Wm)(h,{model:_,rules:r,class:"ve_form",ref_key:"ref_form",ref:g,inline:!1,onKeyup:(0,l.D2)(W,["enter"])},{default:(0,a.w5)((function(){return[(0,a.Wm)(c,{prop:"username",label:"注册账号"},{default:(0,a.w5)((function(){return[(0,a.Wm)(i,{modelValue:(0,o.SU)(v),"onUpdate:modelValue":n[0]||(n[0]=function(e){return(0,o.dq)(v)?v.value=e:null}),modelModifiers:{trim:!0},placeholder:"注册账号"},{prepend:(0,a.w5)((function(){return[(0,a.Wm)(s,{size:20},{default:(0,a.w5)((function(){return[(0,a.Wm)(t)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,a.Wm)(c,{prop:"password",label:"账号密码"},{default:(0,a.w5)((function(){return[(0,a.Wm)(i,{modelValue:(0,o.SU)(k),"onUpdate:modelValue":n[1]||(n[1]=function(e){return(0,o.dq)(k)?k.value=e:null}),modelModifiers:{trim:!0},"show-password":"",placeholder:"账号密码"},{prepend:(0,a.w5)((function(){return[(0,a.Wm)(s,{size:20},{default:(0,a.w5)((function(){return[(0,a.Wm)(m)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,a.Wm)(c,{prop:"checkPassword",label:"密码确认"},{default:(0,a.w5)((function(){return[(0,a.Wm)(i,{modelValue:(0,o.SU)(b),"onUpdate:modelValue":n[2]||(n[2]=function(e){return(0,o.dq)(b)?b.value=e:null}),modelModifiers:{trim:!0},"show-password":"",placeholder:"密码确认"},{prepend:(0,a.w5)((function(){return[(0,a.Wm)(s,{size:20},{default:(0,a.w5)((function(){return[(0,a.Wm)(m)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,a.Wm)(c,null,{default:(0,a.w5)((function(){return[(0,a.Wm)(w,{class:"ve_submit",type:"primary",onClick:W},{default:(0,a.w5)((function(){return[(0,a.Uk)(" 注册 ")]})),_:1})]})),_:1})]})),_:1},8,["model"]),[[l.F8,!y.value]])]})),_:1})]})),_:1},8,["body-style"])])]})),_:1})}}};const w=(0,n(48118).Z)(m,[["__scopeId","data-v-21b59d3e"]])}}]);
+"use strict";(self.webpackChunkwu_lazy_cloud_network=self.webpackChunkwu_lazy_cloud_network||[]).push([[940,289],{28049:(e,r,n)=>{n.r(r),n.d(r,{default:()=>w});var u=n(83986),t=n(93540),a=(n(70560),n(66252)),o=n(2262),l=n(49963),s=n(32393),d=n(85729),i=n(33907),c=n(22201),p={class:"ve_container"},f=function(e){return(0,a.dD)("data-v-21b59d3e"),e=e(),(0,a.Cn)(),e}((function(){return(0,a._)("h1",null,"wu-lazy-cloud-network-ui",-1)}));const m={__name:"Register",setup:function(e){var r={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"}],checkPassword:[{required:!0,message:"密码确认",trigger:"blur"}]},n=(0,a.FN)().proxy,m=(0,i.oR)(),w=(0,c.tv)(),_=(0,o.qj)({username:"",password:"",checkPassword:""}),h=(0,o.BK)(_),v=h.username,k=h.password,b=h.checkPassword,g=(0,o.iH)(null),y=(0,o.iH)(!1);sessionStorage.clear(),m.dispatch("app/".concat(s.L4),""),w.options.isAddDynamicMenuRoutes=!1;var W=function(){_.password===_.checkPassword?g.value.validate(function(){var e=(0,t.Z)((0,u.Z)().mark((function e(r){var n;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r){e.next=7;break}return e.next=3,VE_API.system.register(_);case 3:0===(n=e.sent).code&&(m.dispatch("app/".concat(s.L4),n.data),m.dispatch("app/".concat(s.TR),_.username),y.value=!0,w.push({name:"AppMain"})),e.next=8;break;case 7:return e.abrupt("return");case 8:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}()):n.$message({type:"error",message:"请确认，两次输入密码是否一致!"})};return function(e,n){var u=(0,a.up)("router-link"),t=(0,a.up)("Avatar"),s=(0,a.up)("el-icon"),i=(0,a.up)("el-input"),c=(0,a.up)("el-form-item"),m=(0,a.up)("Key"),w=(0,a.up)("el-button"),h=(0,a.up)("el-form"),U=(0,a.up)("el-card");return(0,a.wg)(),(0,a.j4)((0,o.SU)(d.default),null,{default:(0,a.w5)((function(){return[(0,a._)("div",p,[(0,a.Wm)(U,{"body-style":{background:"rgba(0,0,0,0.15)"}},{default:(0,a.w5)((function(){return[(0,a.Wm)(u,{style:{float:"right"},to:{path:"login"}},{default:(0,a.w5)((function(){return[(0,a.Uk)("登录")]})),_:1}),f,(0,a.Wm)(l.uT,{name:"el-fade-in-linear"},{default:(0,a.w5)((function(){return[(0,a.wy)((0,a.Wm)(h,{model:_,rules:r,class:"ve_form",ref_key:"ref_form",ref:g,inline:!1,onKeyup:(0,l.D2)(W,["enter"])},{default:(0,a.w5)((function(){return[(0,a.Wm)(c,{prop:"username",label:"注册账号"},{default:(0,a.w5)((function(){return[(0,a.Wm)(i,{modelValue:(0,o.SU)(v),"onUpdate:modelValue":n[0]||(n[0]=function(e){return(0,o.dq)(v)?v.value=e:null}),modelModifiers:{trim:!0},placeholder:"注册账号"},{prepend:(0,a.w5)((function(){return[(0,a.Wm)(s,{size:20},{default:(0,a.w5)((function(){return[(0,a.Wm)(t)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,a.Wm)(c,{prop:"password",label:"账号密码"},{default:(0,a.w5)((function(){return[(0,a.Wm)(i,{modelValue:(0,o.SU)(k),"onUpdate:modelValue":n[1]||(n[1]=function(e){return(0,o.dq)(k)?k.value=e:null}),modelModifiers:{trim:!0},"show-password":"",placeholder:"账号密码"},{prepend:(0,a.w5)((function(){return[(0,a.Wm)(s,{size:20},{default:(0,a.w5)((function(){return[(0,a.Wm)(m)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,a.Wm)(c,{prop:"checkPassword",label:"密码确认"},{default:(0,a.w5)((function(){return[(0,a.Wm)(i,{modelValue:(0,o.SU)(b),"onUpdate:modelValue":n[2]||(n[2]=function(e){return(0,o.dq)(b)?b.value=e:null}),modelModifiers:{trim:!0},"show-password":"",placeholder:"密码确认"},{prepend:(0,a.w5)((function(){return[(0,a.Wm)(s,{size:20},{default:(0,a.w5)((function(){return[(0,a.Wm)(m)]})),_:1})]})),_:1},8,["modelValue"])]})),_:1}),(0,a.Wm)(c,null,{default:(0,a.w5)((function(){return[(0,a.Wm)(w,{class:"ve_submit",type:"primary",onClick:W},{default:(0,a.w5)((function(){return[(0,a.Uk)(" 注册 ")]})),_:1})]})),_:1})]})),_:1},8,["model"]),[[l.F8,!y.value]])]})),_:1})]})),_:1},8,["body-style"])])]})),_:1})}}};const w=(0,n(48118).Z)(m,[["__scopeId","data-v-21b59d3e"]])}}]);

wu-lazy-cloud-network-ui/src/views/Login.vue

@@ -5,7 +5,7 @@
                 <router-link style="float: right" :to="{ path: 'register' }"
                     >注册</router-link
                 >
-                <h1>Lazy-UI</h1>
+                <h1>wu-lazy-cloud-network-ui</h1>
                 <transition name="el-fade-in-linear">
                     <el-form
                         :model="form"

wu-lazy-cloud-network-ui/src/views/Register.vue

@@ -5,7 +5,7 @@
                 <router-link style="float: right" :to="{ path: 'login' }"
                     >登录</router-link
                 >
-                <h1>Lazy-UI</h1>
+                <h1>wu-lazy-cloud-network-ui</h1>
                 <transition name="el-fade-in-linear">
                     <el-form
                         :model="form"

wu-lazy-cloud-network-ui/src/views/layoutpages/cloud_network/NetworkMapping.vue

@@ -70,6 +70,14 @@
                     >
                         {{ buttons.edit.name }}
                     </el-button>
+                    <el-button
+                        v-permission="['view']"
+                        @click.prevent="href2VisitorPort(row)"
+                        type="primary"
+                        size="small"
+                    >
+                        {{ buttons.view.name }}
+                    </el-button>
                     <el-button
                         v-permission="['del']"
                         @click.prevent="handleDel(row.visitorPort)"
@@ -102,7 +110,7 @@ export default {
             add: { name: "添加" },
             edit: { name: "编辑" },
             del: { name: "删除" },
-            export: { name: "导出用户" },
+            view: { name: "访客端口预览" },
         },
         // type 0:目录 1：菜单 2：按钮
         type: "1",
@@ -139,6 +147,23 @@ const params = reactive({
 });
 const { clientId, size, current, total } = toRefs(params);
 
+/**
+ * 跳转到访客端口
+ * @param row
+ */
+const href2VisitorPort = (row) => {
+    // window.location = "https://www.baidu.com";
+    console.log(window.location.hostname);
+    console.log(window.location.host);
+    window.open(
+        window.location.protocol +
+            "//" +
+            window.location.hostname +
+            ":" +
+            row.visitorPort,
+        "_blank",
+    ); // 第二个参数'_blank'表示在新窗口中打开链接
+};
 /**
  * @description: dialog事件
  * @param {*}