From 3dbe4ea2afb1bf048b57656f418a21e682773bf0 Mon Sep 17 00:00:00 2001
From: blp <2962632571@qq.com>
Date: Tue, 10 Jan 2023 11:04:52 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E7=99=BB=E5=BD=95=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                |  14 +
 package.json                   |   1 +
 public/images/logo.png         | Bin 0 -> 13753 bytes
 src/api/login.js               |  15 ++
 src/router/menu.ts             |   4 +
 src/store/userInfo.ts          |  42 +++
 src/utils/variable.ts          |   4 +-
 src/views/user/Login/index.vue | 479 +++++++++++++++++++++++++++++++++
 8 files changed, 558 insertions(+), 1 deletion(-)
 create mode 100644 public/images/logo.png
 create mode 100644 src/api/login.js
 create mode 100644 src/store/userInfo.ts
 create mode 100644 src/views/user/Login/index.vue

diff --git a/components.d.ts b/components.d.ts
index 01a36e5e..146a60a7 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,10 +7,24 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    ABadge: typeof import('ant-design-vue/es')['Badge']
+    AButton: typeof import('ant-design-vue/es')['Button']
     ACard: typeof import('ant-design-vue/es')['Card']
+    ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
     ACol: typeof import('ant-design-vue/es')['Col']
+    ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
+    ADivider: typeof import('ant-design-vue/es')['Divider']
+    AForm: typeof import('ant-design-vue/es')['Form']
+    AFormItem: typeof import('ant-design-vue/es')['FormItem']
+    AInput: typeof import('ant-design-vue/es')['Input']
+    AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
+    AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
+    AModal: typeof import('ant-design-vue/es')['Modal']
     ARow: typeof import('ant-design-vue/es')['Row']
+    ASelect: typeof import('ant-design-vue/es')['Select']
+    ASpin: typeof import('ant-design-vue/es')['Spin']
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
+    AUpload: typeof import('ant-design-vue/es')['Upload']
     BadgeStatus: typeof import('./src/components/BadgeStatus/index.vue')['default']
     CardBox: typeof import('./src/components/CardBox/index.vue')['default']
     GeoComponent: typeof import('./src/components/GeoComponent/index.vue')['default']
diff --git a/package.json b/package.json
index 55e0ef59..b21ab2cd 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@vuemap/vue-amap": "^1.1.20",
     "ant-design-vue": "^3.2.15",
     "axios": "^1.2.1",
+    "js-cookie": "^3.0.1",
     "less": "^4.1.3",
     "less-loader": "^11.1.0",
     "lodash-es": "^4.17.21",
diff --git a/public/images/logo.png b/public/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6629518541bb068107feaeddf652457067fcada1
GIT binary patch
literal 13753
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
I!7}jw0J+t}y8r+H

literal 0
HcmV?d00001

diff --git a/src/api/login.js b/src/api/login.js
new file mode 100644
index 00000000..edf859f8
--- /dev/null
+++ b/src/api/login.js
@@ -0,0 +1,15 @@
+import server from '@/utils/request'
+
+export const config = () => server.get(`/authorize/captcha/config`)
+
+export const code = () => server.get(`/authorize/captcha/image?width=130&height=30`)
+
+export const authLogin = (data) => server.post(`/authorize/login`, data)
+
+export const getInitSet = () => server.get(`/user/settings/init`)
+
+export const postInitSet = (data) => server.post(`/user/settings/init`, data)
+
+export const systemVersion = () => server.get(`/system/version`)
+
+export const bindInfo = () => server.get(`/application/sso/_all`)
\ No newline at end of file
diff --git a/src/router/menu.ts b/src/router/menu.ts
index 6110e81b..8aea26a2 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -20,6 +20,10 @@ export default [
     // }
 
     // start: 测试用, 可删除
+    {
+        path: '/login',
+        component: () => import('@/views/user/Login/index.vue')
+    },
     {
         path: '/demo',
         component: () => import('@/views/demo/index.vue')
diff --git a/src/store/userInfo.ts b/src/store/userInfo.ts
new file mode 100644
index 00000000..4cf56cc6
--- /dev/null
+++ b/src/store/userInfo.ts
@@ -0,0 +1,42 @@
+import { defineStore } from 'pinia';
+import { authLogin } from '@/api/login';
+import { LocalStore } from '@/utils/comm';
+import { TOKEN_KEY } from '@/utils/variable';
+
+/**
+ * 用户信息
+ * @methods setUserInfos 设置用户信息
+ */
+export const useUserInfo = defineStore('userInfo', {
+    state: () => ({
+        userInfos: {
+            id: '',
+            username: '',
+            isAdmin: true,
+            currentAuthority: [],
+            expires: 0,
+            permissions: [],
+            roles: [],
+            token: '',
+            user: {},
+        },
+    }),
+    actions: {
+        login(userInfo: any) {
+            const username = userInfo.userName.trim();
+            const password = userInfo.password;
+            const verifyCode = userInfo.verifyCode;
+            return new Promise((resolve: any, reject: any) => {
+                authLogin({ username, password, verifyCode })
+                    .then((res: any) => {
+                        Object.assign(this.userInfos, res.result);
+                        LocalStore.set(TOKEN_KEY, res?.result.token);
+                        resolve(res);
+                    })
+                    .catch((error: any) => {
+                        reject(error);
+                    });
+            });
+        },
+    },
+});
diff --git a/src/utils/variable.ts b/src/utils/variable.ts
index 7fc92ea9..591acb68 100644
--- a/src/utils/variable.ts
+++ b/src/utils/variable.ts
@@ -1,3 +1,5 @@
 export const BASE_API_PATH = import.meta.env.VITE_APP_BASE_API
 
-export const TOKEN_KEY = 'X-Access-Token'
\ No newline at end of file
+export const TOKEN_KEY = 'X-Access-Token'
+
+export const Version_Code = 'version_code'
\ No newline at end of file
diff --git a/src/views/user/Login/index.vue b/src/views/user/Login/index.vue
new file mode 100644
index 00000000..9e7f4273
--- /dev/null
+++ b/src/views/user/Login/index.vue
@@ -0,0 +1,479 @@
+<template>
+    <div>
+        <a-spin :spinning="loading" :delay="500">
+            <div class="container">
+                <div class="left">
+                    <img
+                        style="width: 100%; height: 100%"
+                        :src="getImage('/login.png')"
+                    />
+                </div>
+                <div class="right">
+                    <div class="lang" data-lang=""></div>
+                    <div class="content">
+                        <div class="top">
+                            <div class="header">
+                                <!-- <link to="/"> -->
+                                <img
+                                    alt="logo"
+                                    class="logo"
+                                    :src="getImage('/logo.png')"
+                                />
+                                <!-- </link> -->
+                            </div>
+                            <div class="desc">物联网平台</div>
+                            <div class="main">
+                                <a-form
+                                    layout="vertical"
+                                    :model="form"
+                                    class="login-form"
+                                    @finish="onFinish"
+                                >
+                                    <a-form-item
+                                        label="账号"
+                                        name="username"
+                                        :rules="[
+                                            {
+                                                required: true,
+                                                message: '请输入账号!',
+                                            },
+                                        ]"
+                                    >
+                                        <a-input
+                                            v-model:value="form.username"
+                                            placeholder="请输入账号"
+                                            :maxlength="64"
+                                        ></a-input>
+                                    </a-form-item>
+                                    <a-form-item
+                                        label="密码"
+                                        name="password"
+                                        :rules="[
+                                            {
+                                                required: true,
+                                                message: '请输入密码!',
+                                            },
+                                        ]"
+                                    >
+                                        <a-input-password
+                                            v-model:value="form.password"
+                                            placeholder="请输入密码"
+                                            :maxlength="64"
+                                        ></a-input-password>
+                                    </a-form-item>
+                                    <a-form-item
+                                        v-if="codeConfig"
+                                        class="verifyCode"
+                                        label="验证码"
+                                        name="verifyCode"
+                                        :rules="[
+                                            {
+                                                required: true,
+                                                message: '请输入验证码!',
+                                            },
+                                        ]"
+                                    >
+                                        <a-input
+                                            class="login-code-input"
+                                            v-model:value="form.verifyCode"
+                                            autocomplete="off"
+                                            :maxlength="64"
+                                            placeholder="请输入验证码"
+                                        ></a-input>
+                                        <div class="login-code">
+                                            <img
+                                                :src="codeUrl"
+                                                @click="getCode()"
+                                                class="login-code-img"
+                                            />
+                                        </div>
+                                    </a-form-item>
+                                    <a-form-item
+                                        name="remember"
+                                        style="text-align: left"
+                                    >
+                                        <a-checkbox
+                                            v-model:checked="form.remember"
+                                            >记住密码</a-checkbox
+                                        >
+                                    </a-form-item>
+                                    <a-form-item>
+                                        <a-button
+                                            :loading="loading"
+                                            type="primary"
+                                            html-type="submit"
+                                            class="login-form-button"
+                                            block
+                                        >
+                                            登录
+                                        </a-button>
+                                    </a-form-item>
+                                </a-form>
+                                <div style="margin-top: 20">
+                                    <a-divider plain style="height: 12">
+                                        <div
+                                            style="color: '#807676d9', fontSize: 12"
+                                        >
+                                            其他方式登录
+                                        </div>
+                                    </a-divider>
+                                    <div
+                                        style="position: 'relative', bottom: '10px'"
+                                        v-for="(item, index) in bindings"
+                                        :key="index"
+                                    ></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="bottom">
+                        <div class="view">
+                            JETLINKS团队全新力作可视化大屏系统
+                        </div>
+                        <div class="url">
+                            <div style="height: 33px">
+                                <img :src="viewLogo" />
+                            </div>
+                            <a
+                                href="https://view.jetlinks.cn/"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                体验DEMO
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </a-spin>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { getImage } from '@/utils/comm';
+import {
+    config,
+    code,
+    authLogin,
+    getInitSet,
+    systemVersion,
+    bindInfo,
+} from '@/api/login';
+import Cookies from 'js-cookie';
+import { useUserInfo } from '@/store/userInfo';
+import { LocalStore } from '@/utils/comm';
+import { TOKEN_KEY, Version_Code } from '@/utils/variable';
+
+const store = useUserInfo();
+const router = useRouter();
+const bgImage = getImage('/logo.png');
+const viewLogo = getImage('/view-logo.png');
+
+const LoginWarpStyle = reactive({
+    backgroundImage: `url(${bgImage})`,
+});
+
+const screenWidth = ref(document.body.clientWidth);
+const screenHeight = ref(document.body.clientHeight);
+
+const form = reactive({
+    username: '',
+    password: '',
+    remember: false,
+    expires: 3600000,
+    verifyCode: '',
+    verifyKey: '',
+});
+
+const codeUrl = ref('');
+const codeConfig = ref(false);
+
+const loading = ref(false);
+const bindings = ref<any[]>();
+
+const onFinish = async () => {
+    form.remember
+        ? Cookies.set('user', encodeURIComponent(JSON.stringify(form)), {
+              expires: 7,
+          })
+        : Cookies.remove('user');
+    Cookies.set('username', form.username, { expires: 30 });
+    try {
+        loading.value = true;
+        const res: any = await authLogin(form);
+        if (res.status === 200) {
+            store.$patch({
+                ...res.result,
+                username: form.username,
+            });
+            LocalStore.set(TOKEN_KEY, res?.result.token);
+            const resp: any = await getInitSet();
+            if (resp.status === 200) {
+                router.push('/demo');
+            }
+        }
+    } catch (error) {
+        loading.value = false;
+    }
+};
+
+const getCode = async () => {
+    const configRes: any = await config();
+    if (!configRes.success || (configRes.success && !configRes.result.enabled))
+        return;
+
+    codeConfig.value = true;
+    const res: any = await code();
+    if (res.success) {
+        codeUrl.value = res.result.base64;
+        form.verifyKey = res.result.key;
+    }
+};
+
+const getCookie = () => {
+    // form.username = Cookies.get('username');
+    if (!Cookies.get('user')) return;
+    const user = JSON.parse(decodeURIComponent(Cookies.get('user')));
+    form.username = user.username;
+    form.password = user.password;
+    form.remember = user.remember || false;
+};
+
+const getOpen = () => {
+    systemVersion().then((res: any) => {
+        if (res.status === 200 && res.result) {
+            LocalStore.set(Version_Code, res.result.edition);
+            if (res.result.edition !== 'community') {
+                bindInfo().then((res: any) => {
+                    if (res.status === 200) {
+                        bindings.value = res.result;
+                    }
+                });
+            }
+        }
+    });
+};
+
+const screenRotation = (width: number, height: number) => {
+    LoginWarpStyle.backgroundImage = `url(${bgImage})`;
+};
+
+window.onresize = () => {
+    return (() => {
+        screenWidth.value = document.body.clientWidth;
+        screenHeight.value = document.body.clientHeight;
+    })();
+};
+
+watch(
+    [() => screenWidth.value, () => screenHeight.value],
+    (value) => {
+        screenRotation(value[0], value[1]);
+    },
+    { deep: true },
+);
+
+getOpen();
+getCode();
+getCookie();
+screenRotation(screenWidth.value, screenHeight.value);
+</script>
+
+<style scoped lang="less">
+@import 'ant-design-vue/es/style/themes/default.less';
+
+.container {
+    display: flex;
+    height: 100vh;
+    overflow: auto;
+    background: @layout-body-background;
+
+    .left {
+        width: 73%;
+        height: 100%;
+    }
+
+    .right {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        width: 27%;
+        background: #fff;
+
+        :deep(.ant-layout-footer) {
+            background: #fff;
+        }
+
+        .lang {
+            width: 100%;
+            height: 40px;
+            line-height: 44px;
+            text-align: right;
+
+            :global(.ant-dropdown-trigger) {
+                margin-right: 24px;
+            }
+        }
+
+        .content {
+            display: flex;
+            flex-direction: row-reverse;
+            justify-content: center;
+            padding: 0 0 15% 0;
+
+            .top {
+                width: 100%;
+                text-align: center;
+
+                .header {
+                    height: 44px;
+                    line-height: 44px;
+
+                    a {
+                        text-decoration: none;
+                    }
+
+                    .logo {
+                        height: 44px;
+                        margin-right: 16px;
+                        vertical-align: top;
+                    }
+
+                    .title {
+                        position: relative;
+                        top: 2px;
+                        color: @heading-color;
+                        font-weight: 600;
+                        font-size: 33px;
+                        font-family: Avenir, 'Helvetica Neue', Arial, Helvetica,
+                            sans-serif;
+                    }
+                }
+
+                .desc {
+                    margin-top: 12px;
+                    margin-bottom: 40px;
+                    // color: @heading-color;
+                    color: rgb(0 0 0 / 70%);
+                    font-weight: 600;
+                    font-size: 22px;
+                    font-family: Avenir, 'Helvetica Neue', Arial, Helvetica,
+                        sans-serif;
+                }
+
+                .main {
+                    width: 70%;
+                    margin: 60px auto 0;
+
+                    @media screen and (max-width: @screen-sm) {
+                        width: 95%;
+                        max-width: 328px;
+                    }
+
+                    // ::v-deep {
+                    //     .@{ant-prefix}-tabs-nav-list {
+                    //         margin: auto;
+                    //         font-size: 16px;
+                    //     }
+
+                    //     // .ant-formily-item-size-large .ant-formily-item-help {
+                    //     //     text-align: left;
+                    //     // }
+                    // }
+
+                    .icon {
+                        margin-left: 16px;
+                        color: rgba(0, 0, 0, 0.2);
+                        font-size: 24px;
+                        vertical-align: middle;
+                        cursor: pointer;
+                        transition: color 0.3s;
+
+                        &:hover {
+                            color: @primary-color;
+                        }
+                    }
+
+                    .other {
+                        margin-top: 24px;
+                        line-height: 22px;
+                        text-align: left;
+
+                        .register {
+                            float: right;
+                        }
+                    }
+
+                    .prefixIcon {
+                        color: @primary-color;
+                        font-size: @font-size-base;
+                    }
+
+                    .remember {
+                        display: flex;
+                        flex-direction: row;
+                        margin-bottom: 30px;
+                    }
+                }
+            }
+        }
+    }
+
+    .bottom {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 11%;
+        border-top: 1px solid #e0e4e8;
+
+        .view {
+            width: 247px;
+            height: 20px;
+            margin-right: 10%;
+            margin-bottom: 10px;
+            padding-top: 2px;
+            color: rgba(0, 0, 0, 0.65);
+            font-size: 14px;
+            font-family: 'PingFang SC';
+        }
+
+        .url {
+            display: flex;
+            align-items: center;
+            margin-right: 10%;
+
+            img {
+                width: 100%;
+                height: 100%;
+            }
+
+            a {
+                position: relative;
+                left: 60px;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: center;
+                padding: 2px 7px;
+                line-height: 20px;
+                border: 1px solid #2f54eb;
+                border-radius: 2px;
+            }
+        }
+    }
+}
+
+@media (min-width: @screen-md-min) {
+    .container {
+        //background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
+        background-repeat: no-repeat;
+        background-position: center 110px;
+        background-size: 100%;
+    }
+
+    .content {
+        padding: 32px 0 24px;
+    }
+}
+</style>