@ganwei-web/ganwei-pc-cli 6.2.2 → 6.2.3

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/App.vue

@@ -0,0 +1,225 @@
+<template>
+    <div class="app">
+        <router-view v-cloak />
+    </div>
+</template>
+<script setup lang="ts">
+import { onBeforeMount } from 'vue'
+onBeforeMount(() => {
+    document.documentElement.setAttribute('data-theme', localStorage.theme || 'dark')
+    document.documentElement.setAttribute('class', localStorage.theme || 'dark')
+})
+</script>
+<style>
+#app {
+    width: 100%;
+    height: 100%;
+}
+
+html body {
+    position: relative;
+
+    overflow: hidden;
+
+    height: 100vh;
+    min-height: 100vh;
+
+    font-family: 'Microsoft YaHei', Arial, sans-serif;
+
+    background-color: var(--appFrameMain-bg);
+}
+
+html body div {
+    box-sizing: border-box;
+}
+
+a:focus,
+input:focus,
+p:focus,
+div:focus,
+span:focus,
+button:focus,
+i:focus,
+label:focus,
+.el-checkbox:focus {
+    -webkit-tap-highlight-color: transparent;
+}
+
+.noData {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 100%;
+    height: 100%;
+
+    color: white;
+}
+
+.noData span {
+    font-size: 16px;
+}
+
+.app {
+    overflow: hidden;
+    overflow: -moz-scrollbars-none;
+    height: 100%;
+
+    -ms-overflow-style: none;
+}
+
+@supports(-webkit-touch-callout:none) {
+    .app {
+        padding-top: constant(safe-area-inset-top);
+        padding-top: env(safe-area-inset-top);
+        padding-bottom: constant(safe-area-inset-bottom);
+        padding-bottom: env(safe-area-inset-bottom);
+    }
+}
+
+.loginSet {
+    top: 38px !important;
+}
+
+.loginSet .el-button {
+    width: 100% !important;
+}
+
+.flex-start {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.flex-start-start {
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+}
+
+.flex-end {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+
+.flex-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.flex-column {
+    flex-direction: column;
+}
+
+.flex-between-center {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.flex1 {
+    flex: 1;
+}
+
+.flex-shrink0 {
+    flex-shrink: 0;
+}
+
+.flex-wrap {
+    flex-wrap: wrap;
+}
+
+.line1 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+
+    word-break: break-all;
+
+    -webkit-line-clamp: 1;
+}
+
+.line2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+
+    word-break: break-all;
+
+    -webkit-line-clamp: 2;
+}
+
+.w100 {
+    width: 100%;
+}
+
+.wh100 {
+    width: 100%;
+    height: 100%;
+}
+
+.editBaseCheckBox {
+    width: 370px !important;
+    padding: 12px;
+}
+
+.editBaseCheckBox .el-checkbox-group {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
+}
+
+.editBaseCheckBox .el-autocomplete {
+    width: 100%;
+    height: 32px;
+    margin-bottom: 12px;
+}
+
+.editBaseCheckBox .el-autocomplete .el-input,
+.editBaseCheckBox .el-autocomplete div {
+    height: 32px;
+}
+
+.editBaseCheckBox .el-autocomplete input {
+    height: 100% !important;
+    background-color: black;
+}
+
+.conditionAnalysePopper {
+    width: 300px !important;
+}
+
+.conditionAnalysePopper .conditionAnalyse {
+    /* width: 400px; */
+    padding: 7px 12px;
+}
+
+.conditionAnalysePopper .conditionAnalyse .el-row {
+    margin-top: 12px;
+    padding-bottom: 4px;
+
+    color: #f0f4ff;
+
+    border-color: rgb(240 244 255 / 16%);
+    border-bottom: 1px dashed;
+}
+
+.conditionAnalysePopper .conditionAnalyse .el-row .el-col {
+    text-align: left;
+}
+
+.conditionAnalysePopper .conditionAnalyse .el-row:first-child {
+    margin-top: 0 !important;
+}
+
+.el-message-box .el-message-box__btns .el-button:first-child {
+    color: var(--dialog-header-color)
+}
+
+.el-message-box .el-message-box__btns .el-button:last-child {
+    border: 0;
+    outline: none;
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/components/app-drag/index.vue

@@ -0,0 +1,183 @@
+<template>
+    <el-dialog class="drapElDialog" v-model:visible="showDragDialog" @close="closeDragDialog(false)"
+        :close-on-click-modal="true" width="300px" center>
+        <div class="verification" data-action="loginVerification">
+            <div id="__Verification" class="__Verification" data-action="loginVerificationContainer">
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+import $ from 'jquery';
+export default {
+    name: 'app-drag',
+    components: {},
+    props: {
+        dragCodeFlag: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            dragLoading: false,
+            showDragDialog: false
+        }
+    },
+    computed: {
+
+    },
+    created() {
+        this.showDragDialog = this.dragCodeFlag;
+    },
+    watch: {
+        dragCodeFlag(newValue) {
+            this.showDragDialog = newValue;
+            this.initDrag();
+        }
+    },
+    methods: {
+        closeDragDialog(isFlag) {
+            setTimeout(() => {
+                this.showDragDialog = false;
+                this.$emit('reLogin', isFlag);
+            }, 1000);
+
+        },
+        initDrag() {
+            if (!this.showDragDialog) { return; }
+            let addressIp = document.location.origin;
+            this.$nextTick(function () {
+                $('#__Verification').slide({
+                    imgspec: '300*200',
+                    __url: addressIp,
+                    successCallBack: () => {
+                        this.closeDragDialog(true);
+
+                    }
+                });
+            });
+
+        }
+    }
+}
+</script>
+
+<style lang='scss' scoped>
+.app-drag {
+    .verification {
+        width: 100%;
+        height: 250px;
+    }
+
+    .__Verification {
+        width: 100%;
+        height: 100%;
+        border-radius: 6px;
+    }
+}
+
+.drapElDialog {
+    :deep(.el-dialog__header) {
+        display: none;
+    }
+
+    :deep(.el-dialog__body) {
+        padding: 0 !important;
+
+        #drag {
+            position: relative;
+            background-color: #e8e8e8;
+            height: 50px;
+            line-height: 50px;
+            text-align: center;
+            z-index: 9999;
+        }
+
+        #drag .handler {
+            position: absolute;
+            top: 0px;
+            left: 0px;
+            width: 36px;
+            height: 50px;
+            border: 1px solid #ccc;
+            cursor: move;
+        }
+
+        .handler_bg {
+            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
+        }
+
+        .handler_ok_bg {
+            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
+        }
+
+        #drag .drag_bg {
+            background-color: #7ac23c;
+            height: 50px;
+            width: 0px;
+            position: absolute;
+            left: 0;
+            top: 0;
+        }
+
+        #drag .drag_text {
+            font-size: 13px;
+            color: #4a4a4a;
+            position: absolute;
+            top: 0px;
+            -moz-user-select: none;
+            -webkit-user-select: none;
+            user-select: none;
+            -o-user-select: none;
+            -ms-user-select: none;
+        }
+
+        .cut_bg {
+            float: left;
+            margin: 0 !important;
+            border: 0px;
+            padding: 0 !important;
+        }
+
+        .xy_img_bord {
+            -webkit-box-shadow: 0 0 15px #0cc;
+            -moz-box-shadow: 0 0 15px #0cc;
+            box-shadow: 0 0 15px #0cc;
+            top: 32px;
+            left: 0px;
+            display: none;
+            border: 1px solid rgb(255, 255, 255);
+        }
+
+        #xy_img {
+            z-index: 999;
+            width: 40px;
+            height: 40px;
+            position: relative;
+        }
+
+        .refesh_bg {
+            height: 30px;
+            width: 30px;
+            background: url(../../assets/images/refresh.png) no-repeat center/100%;
+            position: absolute;
+            top: 10px;
+            display: none;
+        }
+
+        .vcode-hints {
+            position: absolute;
+            z-index: 0;
+            text-align: center;
+            color: rgba(74, 74, 74, 0.7);
+            font-size: 15px;
+        }
+
+        #__Verification {
+            overflow: hidden;
+        }
+    }
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/hostMap.ts

@@ -0,0 +1,11 @@
+import addressMapping from '../../../moduleConfiguration/addressMapping.json'
+const map = {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    'ganwei-app-index': addressMapping['ganwei-app-index'] || "http://localhost:7146/"
+}
+
+export default function hostMap(host: string) {
+    if (process.env.NODE_ENV === 'production') return '/APP/index.html'
+    return map[host as keyof typeof map]
+}
+hostMap._map = map;

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/main.ts

@@ -0,0 +1,19 @@
+
+import { createApp } from "vue";
+import ElementPlus from 'element-plus';
+
+import { adapterInstall } from '@ganwei-web/element-plus-adapter'
+import { createAxios, getCode } from "@ganwei-web/gw-app-api/dist/index.es.js";
+import i18n from "@ganwei-web/gw-app-components/i18n/i18n";
+import toast from "@ganwei-web/gw-app-components/toast/index";
+
+import App from "./App.vue";
+import hostMap from "./hostMap";
+import router from "./router";
+
+const app = createApp(App);
+app.use(i18n('ganwei-app-login', app)).use(ElementPlus).use(router).use(adapterInstall).use(createAxios).mount("#app");
+
+app.config.globalProperties.$message = toast
+app.config.globalProperties.$hostMap = hostMap
+app.config.globalProperties.$getCode = getCode

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/models/index.ts

@@ -0,0 +1,48 @@
+import { Type } from '@ganwei-web/gw-app-ts/dist/index.es.js'
+
+class PasswordPolicy {
+    passwordPolicy = 0;
+    reminderDaysInAdvance!: boolean;
+}
+
+export class LoginResponse {
+
+    /**
+     * @description 账户角色
+     * @memberof LoginResponse
+     */
+    roleName = '';
+
+    /**
+     * @description 是否已阅读隐私声明
+     * @memberof LoginResponse
+     */
+    userTermsService = true;
+
+    /**
+     * @description 系统安全策略
+     * @type {PasswordPolicy}
+     * @memberof LoginResponse
+     */
+    @Type(PasswordPolicy, false)
+    passwordPolicy!: PasswordPolicy;
+
+    token = ''
+}
+
+export interface ILoginModel {
+
+    /**
+     * @description 账号
+     * @type {string}
+     * @memberof ILoginModel
+     */
+    userName: string,
+
+    /**
+     * @description 密码
+     * @type {string}
+     * @memberof ILoginModel
+     */
+    password: string
+}

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/request/api/Auth.ts

@@ -0,0 +1,27 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/**
+ * 登录鉴权
+ */
+
+import { baseService, BaseService } from '@ganwei-web/gw-app-api/dist/index.es.js';
+import { Post, ResponseResult, ResponseType, Service } from '@ganwei-web/gw-app-ts/dist/index.es.js';
+
+import { ILoginModel, LoginResponse } from '@/models'
+
+@Service(baseService)
+class Auth extends BaseService {
+
+    /**
+     * @description 用户登录,获取token
+     * @param {ILoginModel} params
+     * @return {LoginResponse} 
+     * @memberof Auth
+     */
+    @Post('/IoT/api/v3/Auth/Login')
+    @ResponseType(LoginResponse)
+    login(params: ILoginModel) {
+        return ResponseResult<LoginResponse>()
+    }
+}
+
+export default new Auth();

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/request/api.ts

@@ -0,0 +1,5 @@
+/**
+ * api模块接口列表
+ */
+export { default as authService } from './api/Auth';
+export { baseService } from '@ganwei-web/gw-app-api/dist/index.es.js';

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/router.ts

@@ -0,0 +1,30 @@
+/* eslint-disable */
+import {
+    createRouter,
+    createWebHashHistory
+} from 'vue-router'
+const LOGIN = () => import('./views/login/Login.vue')
+import { getLanguage } from '@ganwei-web/gw-app-components/i18n/i18n'
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes: [
+        {
+            path: '/',
+            redirect: '/Login'
+        },
+        {
+            path: '/Login',
+            name: 'login',
+            component: LOGIN
+        }
+    ]
+})
+
+router.beforeEach(async (to, from, next) => {
+    const pageName = to.name as string
+    await getLanguage(localStorage.languageType || 'zh-CN', pageName)
+    next()
+})
+router.afterEach((to, from, next) => { })
+export default router

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/views/login/Login.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="login" v-cloak>
+        <img src="@assets/images/bg.png" />
+        <main class="main">
+            <i class="iconfont-app icongw-icon-shezhi" @click.stop="loginOutServerContent"></i>
+            <aside class="login_form">
+                <h2>
+                    <h3>{{ $t('login.main.title') }}</h3>
+                    <h5>{{ $t('login.main.subTitle') }}</h5>
+                </h2>
+                <el-form label-position="top" label-width="100px" :model="loginModel" :rules="rules">
+                    <el-form-item prop="userName">
+                        <template v-slot:label>
+                            <i class="iconfont-app icongw-icon-shezhi-renyuan"></i>
+                            <span class="label">{{ $t('login.main.formItem[0]') }}</span>
+                        </template>
+                        <el-input size="large" v-model="loginModel.userName"
+                            :placeholder="$t('login.main.placeholder[0]')" autocomplete="off" clearable />
+                    </el-form-item>
+                    <el-form-item prop="password">
+                        <template v-slot:label>
+                            <i class="iconfont-app iconmima"></i>
+                            <span class="label">{{ $t('login.main.formItem[1]') }}</span>
+                        </template>
+                        <el-input size="large" type="password" show-password v-model="loginModel.password"
+                            @keyup.enter="login" :placeholder="$t('login.main.placeholder[1]')" autocomplete="off"
+                            clearable />
+                    </el-form-item>
+                </el-form>
+                <el-button type="primary" class="loginButton" @click.stop="login">
+                    {{ $t('login.main.button[1]') }}
+                </el-button>
+            </aside>
+        </main>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive } from 'vue'
+import { useI18n } from "vue-i18n";
+import { ElMessageBox } from 'element-plus'
+
+import { MyJavaFun } from '@ganwei-web/gw-app-mfe/dist/index.es.js';
+
+import { type ILoginModel } from '@/models';
+
+import useLogin from './js/useLogin'
+import useRememberPassword from './js/useRememberPassword'
+
+const { t } = useI18n()
+
+const loginModel = reactive<ILoginModel>({
+    userName: '',
+    password: ''
+})
+const { saveUser } = useRememberPassword(loginModel)
+
+const { login: loginApi } = useLogin(loginModel)
+
+const rules = reactive({
+    userName: [
+        { required: true, message: computed(() => t('login.msg.beforeLogin[2]')), trigger: 'blur' },
+    ],
+    password: [
+        { required: true, message: computed(() => t('login.msg.beforeLogin[3]')), trigger: 'blur' },
+    ]
+})
+
+/**
+* @function login
+* @descriptions: 登录,后记住账号
+*/
+async function login() {
+    await loginApi()
+    saveUser(loginModel.userName, loginModel.password)
+}
+
+/**
+* @function loginOutServerContent
+* @descriptions: 退出到APP登录页
+*/
+function loginOutServerContent() {
+    ElMessageBox.confirm(
+        t('login.tips.toConnectPage'),
+        t('login.tips.tip'),
+        {
+            type: 'warning',
+            confirmButtonText: t('login.button.confirm'),
+            cancelButtonText: t('login.button.cancel'),
+            customClass: 'logout-msg'
+        }
+    ).then(() => {
+        try {
+            MyJavaFun.OpenLocalUrl('login');
+        } catch (e) { /* empty */ }
+    }).catch(() => { /* empty */ });
+}
+</script>
+<style lang="scss" src="./css/login.scss" scoped></style>