diff --git a/.env.development b/.env.development
index e2949ac..dbe79fa 100644
--- a/.env.development
+++ b/.env.development
@@ -1,10 +1,10 @@
 # 页面标题
-VUE_APP_TITLE = 博诺思管理系统
+VUE_APP_TITLE = 华东实名制管理系统
 
 # 开发环境配置
 ENV = 'development'
 
-# 博诺思管理系统/开发环境
+# 华东实名制管理系统/开发环境
 VUE_APP_BASE_API = '/dev-api'
 
 # 路由懒加载
diff --git a/.env.production b/.env.production
index aa22a93..c6fddc5 100644
--- a/.env.production
+++ b/.env.production
@@ -1,8 +1,8 @@
 # 页面标题
-VUE_APP_TITLE = 博诺思管理系统
+VUE_APP_TITLE = 华东实名制管理系统
 
 # 生产环境配置
 ENV = 'production'
 
-# 博诺思管理系统/生产环境
+# 华东实名制管理系统/生产环境
 VUE_APP_BASE_API = '/prod-api'
diff --git a/.env.staging b/.env.staging
index 455b9ac..9d00bfb 100644
--- a/.env.staging
+++ b/.env.staging
@@ -1,10 +1,10 @@
 # 页面标题
-VUE_APP_TITLE = 博诺思管理系统
+VUE_APP_TITLE = 华东实名制管理系统
 
 NODE_ENV = production
 
 # 测试环境配置
 ENV = 'staging'
 
-# 博诺思管理系统/测试环境
+# 华东实名制管理系统/测试环境
 VUE_APP_BASE_API = '/stage-api'
diff --git a/package.json b/package.json
index 434db7e..a482d32 100644
--- a/package.json
+++ b/package.json
@@ -1,93 +1,93 @@
 {
-  "name": "bonus",
-  "version": "3.6.4",
-  "description": "博诺思管理系统",
-  "author": "博诺思",
-  "license": "MIT",
-  "scripts": {
-    "dev": "vue-cli-service serve",
-    "build:prod": "vue-cli-service build",
-    "build:stage": "vue-cli-service build --mode staging",
-    "preview": "node build/index.js --preview",
-    "lint": "eslint --ext .js,.vue src"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "src/**/*.{js,vue}": [
-      "eslint --fix",
-      "git add"
+    "name": "bonus",
+    "version": "3.6.4",
+    "description": "华东实名制管理系统",
+    "author": "博诺思",
+    "license": "MIT",
+    "scripts": {
+        "dev": "vue-cli-service serve",
+        "build:prod": "vue-cli-service build",
+        "build:stage": "vue-cli-service build --mode staging",
+        "preview": "node build/index.js --preview",
+        "lint": "eslint --ext .js,.vue src"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged"
+        }
+    },
+    "lint-staged": {
+        "src/**/*.{js,vue}": [
+            "eslint --fix",
+            "git add"
+        ]
+    },
+    "keywords": [
+        "vue",
+        "admin",
+        "dashboard",
+        "element-ui",
+        "boilerplate",
+        "admin-template",
+        "management-system"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "http://192.168.0.56:3000/bonus/Bonus-Cloud.git"
+    },
+    "dependencies": {
+        "@riophae/vue-treeselect": "0.4.0",
+        "axios": "0.24.0",
+        "clipboard": "2.0.8",
+        "core-js": "3.25.3",
+        "crypto-js": "^4.2.0",
+        "echarts": "5.4.0",
+        "element-ui": "2.15.14",
+        "file-saver": "2.0.5",
+        "fuse.js": "6.4.3",
+        "highlight.js": "9.18.5",
+        "js-beautify": "1.13.0",
+        "js-cookie": "3.0.1",
+        "jsencrypt": "3.0.0-rc.1",
+        "nprogress": "0.2.0",
+        "quill": "1.3.7",
+        "screenfull": "5.0.2",
+        "sm-crypto": "^0.3.13",
+        "sortablejs": "1.10.2",
+        "vue": "2.6.12",
+        "vue-count-to": "1.0.13",
+        "vue-cropper": "0.5.5",
+        "vue-meta": "2.4.0",
+        "vue-router": "3.4.9",
+        "vuedraggable": "2.24.3",
+        "vuex": "3.6.0",
+        "webstomp-client": "^1.2.6"
+    },
+    "devDependencies": {
+        "@vue/cli-plugin-babel": "4.4.6",
+        "@vue/cli-plugin-eslint": "4.4.6",
+        "@vue/cli-service": "4.4.6",
+        "babel-eslint": "10.1.0",
+        "babel-plugin-dynamic-import-node": "2.3.3",
+        "chalk": "4.1.0",
+        "compression-webpack-plugin": "6.1.2",
+        "connect": "3.6.6",
+        "eslint": "7.15.0",
+        "eslint-plugin-vue": "7.2.0",
+        "lint-staged": "10.5.3",
+        "runjs": "4.4.2",
+        "sass": "1.32.13",
+        "sass-loader": "10.1.1",
+        "script-ext-html-webpack-plugin": "2.1.5",
+        "svg-sprite-loader": "5.1.1",
+        "vue-template-compiler": "2.6.12"
+    },
+    "engines": {
+        "node": ">=8.9",
+        "npm": ">= 3.0.0"
+    },
+    "browserslist": [
+        "> 1%",
+        "last 2 versions"
     ]
-  },
-  "keywords": [
-    "vue",
-    "admin",
-    "dashboard",
-    "element-ui",
-    "boilerplate",
-    "admin-template",
-    "management-system"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "http://192.168.0.56:3000/bonus/Bonus-Cloud.git"
-  },
-  "dependencies": {
-    "@riophae/vue-treeselect": "0.4.0",
-    "axios": "0.24.0",
-    "clipboard": "2.0.8",
-    "core-js": "3.25.3",
-    "crypto-js": "^4.2.0",
-    "echarts": "5.4.0",
-    "element-ui": "2.15.14",
-    "file-saver": "2.0.5",
-    "fuse.js": "6.4.3",
-    "highlight.js": "9.18.5",
-    "js-beautify": "1.13.0",
-    "js-cookie": "3.0.1",
-    "jsencrypt": "3.0.0-rc.1",
-    "nprogress": "0.2.0",
-    "quill": "1.3.7",
-    "screenfull": "5.0.2",
-    "sm-crypto": "^0.3.13",
-    "sortablejs": "1.10.2",
-    "vue": "2.6.12",
-    "vue-count-to": "1.0.13",
-    "vue-cropper": "0.5.5",
-    "vue-meta": "2.4.0",
-    "vue-router": "3.4.9",
-    "vuedraggable": "2.24.3",
-    "vuex": "3.6.0",
-    "webstomp-client": "^1.2.6"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "4.4.6",
-    "@vue/cli-plugin-eslint": "4.4.6",
-    "@vue/cli-service": "4.4.6",
-    "babel-eslint": "10.1.0",
-    "babel-plugin-dynamic-import-node": "2.3.3",
-    "chalk": "4.1.0",
-    "compression-webpack-plugin": "6.1.2",
-    "connect": "3.6.6",
-    "eslint": "7.15.0",
-    "eslint-plugin-vue": "7.2.0",
-    "lint-staged": "10.5.3",
-    "runjs": "4.4.2",
-    "sass": "1.32.13",
-    "sass-loader": "10.1.1",
-    "script-ext-html-webpack-plugin": "2.1.5",
-    "svg-sprite-loader": "5.1.1",
-    "vue-template-compiler": "2.6.12"
-  },
-  "engines": {
-    "node": ">=8.9",
-    "npm": ">= 3.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions"
-  ]
 }
diff --git a/public/favicon.ico b/public/favicon.ico
index 121ffe2..d4c90f7 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/favicon.ico-old b/public/favicon.ico-old
new file mode 100644
index 0000000..121ffe2
Binary files /dev/null and b/public/favicon.ico-old differ
diff --git a/src/components/TitleTip/index.vue b/src/components/TitleTip/index.vue
index f915394..43d39a4 100644
--- a/src/components/TitleTip/index.vue
+++ b/src/components/TitleTip/index.vue
@@ -1,8 +1,15 @@
 <template>
     <div class="title-tip">
-        <div />
-        <div>
-            {{ titleText }}
+        <div class="left">
+            <div />
+            <div>
+                {{ titleText }}
+            </div>
+        </div>
+
+        <div class="right">
+            <!-- 给个默认插槽 用于后续放置一些按钮等内容 -->
+            <slot />
         </div>
     </div>
 </template>
@@ -20,13 +27,22 @@ export default {
 
 <style lang="scss" scoped>
 .title-tip {
-    margin-bottom: 8px;
+    padding: 12px 0;
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid #e6e6e6;
+    margin-bottom: 12px;
+}
+.title-tip .left {
     display: flex;
     align-items: center;
     font-weight: bold;
+    font-family: 'PingFang SC';
+    font-size: 16px;
+
     & div:first-child {
-        width: 4px;
-        height: 16px;
+        width: 6px;
+        height: 18px;
         margin-right: 8px;
         background-color: #409eff;
         border-radius: 2px;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index e3c246a..1aec99d 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,37 +1,67 @@
 <template>
-  <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
-    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
-    <sidebar v-if="!sidebar.hide" class="sidebar-container"/>
-    <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
-      <div :class="{'fixed-header':fixedHeader}">
-        <navbar/>
-        <tags-view v-if="needTagsView"/>
-      </div>
-      <app-main/>
-      <right-panel>
-        <settings/>
-      </right-panel>
-    </div>
-    <el-dialog :title="title" :visible.sync="showChangePasswordDialog" width="30%" :close-on-click-modal="false"
-               :show-close="false"
+    <div
+        :class="classObj"
+        class="app-wrapper"
+        :style="{ '--current-color': theme }"
     >
-      <el-form ref="form" :model="user" :rules="rules" label-width="80px">
-        <el-form-item label="旧密码" prop="oldPassword">
-          <el-input v-model="user.oldPassword" placeholder="请输入旧密码" type="password" show-password/>
-        </el-form-item>
-        <el-form-item label="新密码" prop="newPassword">
-          <el-input v-model="user.newPassword" placeholder="请输入新密码" type="password" show-password/>
-        </el-form-item>
-        <el-form-item label="确认密码" prop="confirmPassword">
-          <el-input v-model="user.confirmPassword" placeholder="请确认新密码" type="password" show-password/>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submit">确 定</el-button>
-        <el-button @click="close">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
+        <div
+            v-if="device === 'mobile' && sidebar.opened"
+            class="drawer-bg"
+            @click="handleClickOutside"
+        />
+        <sidebar v-if="!sidebar.hide" class="sidebar-container" />
+        <div
+            :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }"
+            class="main-container"
+        >
+            <div :class="{ 'fixed-header': fixedHeader }">
+                <navbar />
+                <tags-view v-if="needTagsView" />
+            </div>
+            <app-main />
+            <right-panel>
+                <settings />
+            </right-panel>
+        </div>
+        <el-dialog
+            :title="title"
+            :visible.sync="showChangePasswordDialog"
+            width="30%"
+            :close-on-click-modal="false"
+            :show-close="false"
+        >
+            <el-form ref="form" :model="user" :rules="rules" label-width="80px">
+                <el-form-item label="旧密码" prop="oldPassword">
+                    <el-input
+                        v-model="user.oldPassword"
+                        placeholder="请输入旧密码"
+                        type="password"
+                        show-password
+                    />
+                </el-form-item>
+                <el-form-item label="新密码" prop="newPassword">
+                    <el-input
+                        v-model="user.newPassword"
+                        placeholder="请输入新密码"
+                        type="password"
+                        show-password
+                    />
+                </el-form-item>
+                <el-form-item label="确认密码" prop="confirmPassword">
+                    <el-input
+                        v-model="user.confirmPassword"
+                        placeholder="请确认新密码"
+                        type="password"
+                        show-password
+                    />
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submit">确 定</el-button>
+                <el-button @click="close">取 消</el-button>
+            </div>
+        </el-dialog>
+    </div>
 </template>
 
 <script>
@@ -43,272 +73,284 @@ import variables from '@/assets/styles/variables.scss'
 import { validateNewPassword } from '@/utils/validate'
 import { updateUserPwd, checkPasswordStatus } from '@/api/system/user'
 import { handleNoWarningLog } from '@/api/system/log'
-import {MessageBox} from "element-ui";
+import { MessageBox } from 'element-ui'
 
 export default {
-  name: 'Layout',
-  data() {
-    const equalToPassword = (rule, value, callback) => {
-      if (this.user.newPassword !== value) {
-        callback(new Error('两次输入的密码不一致'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      showChangePasswordDialog: false, // 控制弹窗显示
-      title: '',
-      user: {
-        oldPassword: undefined,
-        newPassword: undefined,
-        confirmPassword: undefined
-      },
-      // 表单校验规则
-      rules: {
-        oldPassword: [
-          { required: true, message: '旧密码不能为空', trigger: 'blur' }
-        ],
-        newPassword: [
-          { required: true, message: '新密码不能为空', trigger: 'blur' },
-          { validator: validateNewPassword, trigger: 'blur' }
-        ],
-        confirmPassword: [
-          { required: true, message: '确认密码不能为空', trigger: 'blur' },
-          { required: true, validator: equalToPassword, trigger: 'blur' }
-        ]
-      },
-      socket: null,
-      wsUrl: JSON.parse(localStorage.getItem('systemConfig')).webSocketurl,//'ws://localhost:18082/ws', // WebSocket 端点
-      isConnected: false, // 连接状态
-      reconnectInterval: 5000 // 自动重连时间间隔（毫秒
-
-    }
-  },
-  components: {
-    AppMain,
-    Navbar,
-    RightPanel,
-    Settings,
-    Sidebar,
-    TagsView
-  },
-  mixins: [ResizeMixin],
-  computed: {
-    ...mapState({
-      theme: state => state.settings.theme,
-      sideTheme: state => state.settings.sideTheme,
-      sidebar: state => state.app.sidebar,
-      device: state => state.app.device,
-      needTagsView: state => state.settings.tagsView,
-      fixedHeader: state => state.settings.fixedHeader,
-      roles: state => state.user.roles,
-    }),
-    classObj() {
-      return {
-        hideSidebar: !this.sidebar.opened,
-        openSidebar: this.sidebar.opened,
-        withoutAnimation: this.sidebar.withoutAnimation,
-        mobile: this.device === 'mobile'
-      }
-    },
-    variables() {
-      return variables
-    }
-  },
-  created() {
-    this.checkPasswordStatus()
-    if (this.roles.includes("audit") || this.roles.includes("systemAdmin")) {
-      this.connectWebSocket();
-    }
-    this.handleNoWarningLog()
-  },
-  methods: {
-    checkPasswordStatus() {
-      checkPasswordStatus().then(response => {
-        if (response.code === 200) {
-          this.showChangePasswordDialog = response.data
-          this.title = response.msg
-        }
-      })
-    },
-
-    handleNoWarningLog(){
-      handleNoWarningLog().then(response => {
-
-      })
-    },
-
-    handleClickOutside() {
-      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
-    },
-    submit() {
-      this.$refs['form'].validate(valid => {
-        if (valid) {
-          updateUserPwd(this.user.oldPassword, this.user.newPassword).then(response => {
-            this.showChangePasswordDialog = false
-            this.$modal.msgSuccess('修改成功')
-          })
-        }
-      })
-    },
-    close() {
-      this.$store.dispatch('LogOut').then(() => {
-        location.href = '/index';
-      })
-    },
-
-    // 连接 WebSocket
-    connectWebSocket() {
-      if (this.socket) {
-        console.log("WebSocket 已连接");
-        return;
-      }
-      console.log("WebSocket URL:{}",this.wsUrl)
-      this.socket = new WebSocket(this.wsUrl);
-
-      // 监听 WebSocket 连接成功事件
-      this.socket.onopen = () => {
-        console.log("WebSocket 连接成功");
-        this.isConnected = true;
-      };
-
-      // 接收消息
-      this.socket.onmessage = (event) => {
-        console.log("收到消息:", event.data);
-        const warning = JSON.parse(event.data);
-        this.handleWarning(warning);
-      };
-
-      // 监听连接关闭事件
-      this.socket.onclose = () => {
-        console.log("WebSocket 连接已关闭");
-        this.isConnected = false;
-        this.socket = null;
-        // 自动重连
-        this.reconnectWebSocket();
-      };
-
-      // 监听连接错误事件
-      this.socket.onerror = (error) => {
-        console.error("WebSocket 错误:", error);
-        this.isConnected = false;
-        this.socket = null;
-        // 自动重连
-        this.reconnectWebSocket();
-      };
-    },
-
-    // 自动重连 WebSocket
-    reconnectWebSocket() {
-      console.log("尝试重新连接 WebSocket...");
-      setTimeout(() => {
-        this.connectWebSocket();
-      }, this.reconnectInterval);
-    },
-
-    // 处理告警信息并显示弹窗
-    handleWarning(warning) {
-      console.log(warning)
-      let warningContent = '';
-
-      if (warning.operaUserName) {
-        warningContent += `<p><strong>操作人：</strong>${warning.operaUserName}</p>`;
-      }
-
-      if (warning.warningEvent) {
-        warningContent += `<p><strong>事件：</strong>${warning.warningEvent}</p>`;
-      }
-
-      if (warning.warningIp) {
-        warningContent += `<p><strong>IP：</strong>${warning.warningIp}</p>`;
-      }
-
-      if (warning.operaTime) {
-        warningContent += `<p><strong>时间：</strong>${warning.operaTime}</p>`;
-      }
-
-      if (warningContent) {
-        MessageBox.alert(
-            warningContent,
-            '告警通知',
-            {
-              dangerouslyUseHTMLString: true,
-              confirmButtonText: '确认',
-              customClass: 'custom-message-box',
-              callback: () => {
-                this.notifyBackend(warning.warningId);
-              }
+    name: 'Layout',
+    data() {
+        const equalToPassword = (rule, value, callback) => {
+            if (this.user.newPassword !== value) {
+                callback(new Error('两次输入的密码不一致'))
+            } else {
+                callback()
             }
-        );
-      }
-
+        }
+        return {
+            showChangePasswordDialog: false, // 控制弹窗显示
+            title: '',
+            user: {
+                oldPassword: undefined,
+                newPassword: undefined,
+                confirmPassword: undefined,
+            },
+            // 表单校验规则
+            rules: {
+                oldPassword: [
+                    {
+                        required: true,
+                        message: '旧密码不能为空',
+                        trigger: 'blur',
+                    },
+                ],
+                newPassword: [
+                    {
+                        required: true,
+                        message: '新密码不能为空',
+                        trigger: 'blur',
+                    },
+                    { validator: validateNewPassword, trigger: 'blur' },
+                ],
+                confirmPassword: [
+                    {
+                        required: true,
+                        message: '确认密码不能为空',
+                        trigger: 'blur',
+                    },
+                    {
+                        required: true,
+                        validator: equalToPassword,
+                        trigger: 'blur',
+                    },
+                ],
+            },
+            socket: null,
+            wsUrl: '', //'ws://localhost:18082/ws', // WebSocket 端点
+            isConnected: false, // 连接状态
+            reconnectInterval: 5000, // 自动重连时间间隔（毫秒
+        }
     },
+    components: {
+        AppMain,
+        Navbar,
+        RightPanel,
+        Settings,
+        Sidebar,
+        TagsView,
+    },
+    mixins: [ResizeMixin],
+    computed: {
+        ...mapState({
+            theme: (state) => state.settings.theme,
+            sideTheme: (state) => state.settings.sideTheme,
+            sidebar: (state) => state.app.sidebar,
+            device: (state) => state.app.device,
+            needTagsView: (state) => state.settings.tagsView,
+            fixedHeader: (state) => state.settings.fixedHeader,
+            roles: (state) => state.user.roles,
+        }),
+        classObj() {
+            return {
+                hideSidebar: !this.sidebar.opened,
+                openSidebar: this.sidebar.opened,
+                withoutAnimation: this.sidebar.withoutAnimation,
+                mobile: this.device === 'mobile',
+            }
+        },
+        variables() {
+            return variables
+        },
+    },
+    created() {
+        this.checkPasswordStatus()
+        // if (this.roles.includes("audit") || this.roles.includes("systemAdmin")) {
+        //   this.connectWebSocket();
+        // }
+        this.handleNoWarningLog()
+    },
+    methods: {
+        checkPasswordStatus() {
+            checkPasswordStatus().then((response) => {
+                if (response.code === 200) {
+                    this.showChangePasswordDialog = response.data
+                    this.title = response.msg
+                }
+            })
+        },
 
-    // 通知后端告警已处理
-    notifyBackend(warningId) {
-      if (this.socket && this.socket.readyState === WebSocket.OPEN) {
-        const message = {
-          warningId,
-        };
-        this.socket.send(warningId);
-        console.log(`已通知后端处理告警: ${warningId}`);
-      }
-    }
-  },
-  beforeDestroy() {
-    // 页面销毁时关闭 WebSocket 连接
-    if (this.socket) {
-      this.socket.close();
-    }
+        handleNoWarningLog() {
+            handleNoWarningLog().then((response) => {})
+        },
 
-  }
+        handleClickOutside() {
+            this.$store.dispatch('app/closeSideBar', {
+                withoutAnimation: false,
+            })
+        },
+        submit() {
+            this.$refs['form'].validate((valid) => {
+                if (valid) {
+                    updateUserPwd(
+                        this.user.oldPassword,
+                        this.user.newPassword,
+                    ).then((response) => {
+                        this.showChangePasswordDialog = false
+                        this.$modal.msgSuccess('修改成功')
+                    })
+                }
+            })
+        },
+        close() {
+            this.$store.dispatch('LogOut').then(() => {
+                location.href = '/index'
+            })
+        },
+
+        // 连接 WebSocket
+        connectWebSocket() {
+            if (this.socket) {
+                console.log('WebSocket 已连接')
+                return
+            }
+            console.log('WebSocket URL:{}', this.wsUrl)
+            this.socket = new WebSocket(this.wsUrl)
+
+            // 监听 WebSocket 连接成功事件
+            this.socket.onopen = () => {
+                console.log('WebSocket 连接成功')
+                this.isConnected = true
+            }
+
+            // 接收消息
+            this.socket.onmessage = (event) => {
+                console.log('收到消息:', event.data)
+                const warning = JSON.parse(event.data)
+                this.handleWarning(warning)
+            }
+
+            // 监听连接关闭事件
+            this.socket.onclose = () => {
+                console.log('WebSocket 连接已关闭')
+                this.isConnected = false
+                this.socket = null
+                // 自动重连
+                this.reconnectWebSocket()
+            }
+
+            // 监听连接错误事件
+            this.socket.onerror = (error) => {
+                console.error('WebSocket 错误:', error)
+                this.isConnected = false
+                this.socket = null
+                // 自动重连
+                this.reconnectWebSocket()
+            }
+        },
+
+        // 自动重连 WebSocket
+        reconnectWebSocket() {
+            console.log('尝试重新连接 WebSocket...')
+            setTimeout(() => {
+                this.connectWebSocket()
+            }, this.reconnectInterval)
+        },
+
+        // 处理告警信息并显示弹窗
+        handleWarning(warning) {
+            console.log(warning)
+            let warningContent = ''
+
+            if (warning.operaUserName) {
+                warningContent += `<p><strong>操作人：</strong>${warning.operaUserName}</p>`
+            }
+
+            if (warning.warningEvent) {
+                warningContent += `<p><strong>事件：</strong>${warning.warningEvent}</p>`
+            }
+
+            if (warning.warningIp) {
+                warningContent += `<p><strong>IP：</strong>${warning.warningIp}</p>`
+            }
+
+            if (warning.operaTime) {
+                warningContent += `<p><strong>时间：</strong>${warning.operaTime}</p>`
+            }
+
+            if (warningContent) {
+                MessageBox.alert(warningContent, '告警通知', {
+                    dangerouslyUseHTMLString: true,
+                    confirmButtonText: '确认',
+                    customClass: 'custom-message-box',
+                    callback: () => {
+                        this.notifyBackend(warning.warningId)
+                    },
+                })
+            }
+        },
+
+        // 通知后端告警已处理
+        notifyBackend(warningId) {
+            if (this.socket && this.socket.readyState === WebSocket.OPEN) {
+                const message = {
+                    warningId,
+                }
+                this.socket.send(warningId)
+                console.log(`已通知后端处理告警: ${warningId}`)
+            }
+        },
+    },
+    beforeDestroy() {
+        // 页面销毁时关闭 WebSocket 连接
+        if (this.socket) {
+            this.socket.close()
+        }
+    },
 }
 </script>
 
 <style lang="scss" scoped>
-@import "~@/assets/styles/mixin.scss";
-@import "~@/assets/styles/variables.scss";
+@import '~@/assets/styles/mixin.scss';
+@import '~@/assets/styles/variables.scss';
 
 .app-wrapper {
-  @include clearfix;
-  position: relative;
-  height: 100%;
-  width: 100%;
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
 
-  &.mobile.openSidebar {
-    position: fixed;
-    top: 0;
-  }
+    &.mobile.openSidebar {
+        position: fixed;
+        top: 0;
+    }
 }
 
 .drawer-bg {
-  background: #000;
-  opacity: 0.3;
-  width: 100%;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  z-index: 999;
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
 }
 
 .fixed-header {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 9;
-  width: calc(100% - #{$base-sidebar-width});
-  transition: width 0.28s;
+    position: fixed;
+    top: 0;
+    right: 0;
+    z-index: 9;
+    width: calc(100% - #{$base-sidebar-width});
+    transition: width 0.28s;
 }
 
 .hideSidebar .fixed-header {
-  width: calc(100% - 54px);
+    width: calc(100% - 54px);
 }
 
 .sidebarHide .fixed-header {
-  width: 100%;
+    width: 100%;
 }
 
 .mobile .fixed-header {
-  width: 100%;
+    width: 100%;
 }
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index 93d46ca..cb94ca9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -30,153 +30,153 @@ import Layout from '@/layout'
 
 // 公共路由
 export const constantRoutes = [
-  {
-    path: '/redirect',
-    component: Layout,
-    hidden: true,
-    children: [
-      {
-        path: '/redirect/:path(.*)',
-        component: () => import('@/views/redirect')
-      }
-    ]
-  },
-  {
-    path: '/login',
-    component: () => import('@/views/login1'),
-    hidden: true
-  },
-  {
-    path: '/register',
-    component: () => import('@/views/register1'),
-    hidden: true
-  },
-  {
-    path: '/404',
-    component: () => import('@/views/error/404'),
-    hidden: true
-  },
-  {
-    path: '/401',
-    component: () => import('@/views/error/401'),
-    hidden: true
-  },
-  {
-    path: '',
-    component: Layout,
-    redirect: 'index',
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/index'),
-        name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
-      }
-    ]
-  },
-  {
-    path: '/user',
-    component: Layout,
-    hidden: true,
-    redirect: 'noredirect',
-    children: [
-      {
-        path: 'profile',
-        component: () => import('@/views/system/user/profile/index'),
-        name: 'Profile',
-        meta: { title: '个人中心', icon: 'user' }
-      }
-    ]
-  }
+    {
+        path: '/redirect',
+        component: Layout,
+        hidden: true,
+        children: [
+            {
+                path: '/redirect/:path(.*)',
+                component: () => import('@/views/redirect'),
+            },
+        ],
+    },
+    {
+        path: '/login',
+        component: () => import('@/views/login1'),
+        hidden: true,
+    },
+    {
+        path: '/register',
+        component: () => import('@/views/register1'),
+        hidden: true,
+    },
+    {
+        path: '/404',
+        component: () => import('@/views/error/404'),
+        hidden: true,
+    },
+    {
+        path: '/401',
+        component: () => import('@/views/error/401'),
+        hidden: true,
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'index',
+        children: [
+            {
+                path: 'index',
+                component: () => import('@/views/home-index/index'),
+                name: 'Index',
+                meta: { title: '首页', icon: 'dashboard', affix: true },
+            },
+        ],
+    },
+    {
+        path: '/user',
+        component: Layout,
+        hidden: true,
+        redirect: 'noredirect',
+        children: [
+            {
+                path: 'profile',
+                component: () => import('@/views/system/user/profile/index'),
+                name: 'Profile',
+                meta: { title: '个人中心', icon: 'user' },
+            },
+        ],
+    },
 ]
 
 // 动态路由，基于用户权限动态去加载
 export const dynamicRoutes = [
-  {
-    path: '/system/user-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:user:edit'],
-    children: [
-      {
-        path: 'role/:userId(\\d+)',
-        component: () => import('@/views/system/user/authRole'),
-        name: 'AuthRole',
-        meta: { title: '分配角色', activeMenu: '/system/user' }
-      }
-    ]
-  },
-  {
-    path: '/system/role-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:role:edit'],
-    children: [
-      {
-        path: 'user/:roleId(\\d+)',
-        component: () => import('@/views/system/role/authUser'),
-        name: 'AuthUser',
-        meta: { title: '分配用户', activeMenu: '/system/role' }
-      }
-    ]
-  },
-  {
-    path: '/system/dict-data',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:dict:list'],
-    children: [
-      {
-        path: 'index/:dictId(\\d+)',
-        component: () => import('@/views/system/dict/data'),
-        name: 'Data',
-        meta: { title: '字典数据', activeMenu: '/system/dict' }
-      }
-    ]
-  },
-  {
-    path: '/face/face-data',
-    component: Layout,
-    hidden: false, // 或者删除此属性以确保显示
-    permissions: ['face:data:list'],
-    children: [
-      {
-        // 只需要 ':groupCode' 来匹配字符串
-        path: 'index/:groupCode',
-        component: () => import('@/views/face/faceData/index'),
-        name: 'Data',
-        meta: { title: '人脸库', activeMenu: '/face/face-data' }
-      }
-    ]
-  },
-  {
-    path: '/monitor/job-log',
-    component: Layout,
-    hidden: true,
-    permissions: ['monitor:job:list'],
-    children: [
-      {
-        path: 'index/:jobId(\\d+)',
-        component: () => import('@/views/monitor/job/log'),
-        name: 'JobLog',
-        meta: { title: '调度日志', activeMenu: '/monitor/job' }
-      }
-    ]
-  },
-  {
-    path: '/tool/gen-edit',
-    component: Layout,
-    hidden: true,
-    permissions: ['tool:gen:edit'],
-    children: [
-      {
-        path: 'index/:tableId(\\d+)',
-        component: () => import('@/views/tool/gen/editTable'),
-        name: 'GenEdit',
-        meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
-      }
-    ]
-  }
+    {
+        path: '/system/user-auth',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:user:edit'],
+        children: [
+            {
+                path: 'role/:userId(\\d+)',
+                component: () => import('@/views/system/user/authRole'),
+                name: 'AuthRole',
+                meta: { title: '分配角色', activeMenu: '/system/user' },
+            },
+        ],
+    },
+    {
+        path: '/system/role-auth',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:role:edit'],
+        children: [
+            {
+                path: 'user/:roleId(\\d+)',
+                component: () => import('@/views/system/role/authUser'),
+                name: 'AuthUser',
+                meta: { title: '分配用户', activeMenu: '/system/role' },
+            },
+        ],
+    },
+    {
+        path: '/system/dict-data',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:dict:list'],
+        children: [
+            {
+                path: 'index/:dictId(\\d+)',
+                component: () => import('@/views/system/dict/data'),
+                name: 'Data',
+                meta: { title: '字典数据', activeMenu: '/system/dict' },
+            },
+        ],
+    },
+    {
+        path: '/face/face-data',
+        component: Layout,
+        hidden: false, // 或者删除此属性以确保显示
+        permissions: ['face:data:list'],
+        children: [
+            {
+                // 只需要 ':groupCode' 来匹配字符串
+                path: 'index/:groupCode',
+                component: () => import('@/views/face/faceData/index'),
+                name: 'Data',
+                meta: { title: '人脸库', activeMenu: '/face/face-data' },
+            },
+        ],
+    },
+    {
+        path: '/monitor/job-log',
+        component: Layout,
+        hidden: true,
+        permissions: ['monitor:job:list'],
+        children: [
+            {
+                path: 'index/:jobId(\\d+)',
+                component: () => import('@/views/monitor/job/log'),
+                name: 'JobLog',
+                meta: { title: '调度日志', activeMenu: '/monitor/job' },
+            },
+        ],
+    },
+    {
+        path: '/tool/gen-edit',
+        component: Layout,
+        hidden: true,
+        permissions: ['tool:gen:edit'],
+        children: [
+            {
+                path: 'index/:tableId(\\d+)',
+                component: () => import('@/views/tool/gen/editTable'),
+                name: 'GenEdit',
+                meta: { title: '修改生成配置', activeMenu: '/tool/gen' },
+            },
+        ],
+    },
 ]
 
 // 防止连续点击多次路由报错
@@ -184,15 +184,15 @@ let routerPush = Router.prototype.push
 let routerReplace = Router.prototype.replace
 // push
 Router.prototype.push = function push(location) {
-  return routerPush.call(this, location).catch(err => err)
+    return routerPush.call(this, location).catch((err) => err)
 }
 // replace
 Router.prototype.replace = function push(location) {
-  return routerReplace.call(this, location).catch(err => err)
+    return routerReplace.call(this, location).catch((err) => err)
 }
 
 export default new Router({
-  mode: 'history', // 去掉url中的#
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRoutes
+    mode: 'history', // 去掉url中的#
+    scrollBehavior: () => ({ y: 0 }),
+    routes: constantRoutes,
 })
diff --git a/src/views/home-index/components/dataOverview.vue b/src/views/home-index/components/dataOverview.vue
new file mode 100644
index 0000000..30cefc6
--- /dev/null
+++ b/src/views/home-index/components/dataOverview.vue
@@ -0,0 +1,85 @@
+<template>
+    <!-- 首页 数据概览 -->
+    <div class="data-overview">
+        <el-card>
+            <h3>数据概览</h3>
+            <div class="data-overview-content">
+                <!-- 公司选择 -->
+                <el-radio-group v-model="selectCompany" size="medium">
+                    <el-radio-button
+                        :key="item"
+                        :label="item"
+                        v-for="item in companyList"
+                    />
+                </el-radio-group>
+
+                <div class="data-overview-time">
+                    <div>
+                        数据更新时间：12:15:00
+                        <i
+                            class="el-icon-refresh"
+                            style="cursor: pointer; font-size: 18px"
+                        >
+                        </i>
+                    </div>
+                    <div class="user-help" @click="onHandleCheckOften">
+                        <i class="el-icon-s-help"> </i>
+                        <span> 常用功能 </span>
+                    </div>
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'DataOverview',
+    data() {
+        return {
+            selectCompany: '全部',
+            companyList: ['全部', '输一', '输二', '输三', '输四'],
+        }
+    },
+    methods: {
+        onHandleCheckOften() {
+            this.$emit('handleCheckOften')
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+h3 {
+    font-weight: bold;
+    letter-spacing: 1px;
+    font-family: 'PingFang SC';
+    font-size: 20px;
+}
+.data-overview-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.data-overview-time,
+.user-help {
+    display: flex;
+    align-items: center;
+}
+
+.user-help {
+    margin-left: 40px;
+    flex-direction: column;
+
+    justify-content: center;
+    cursor: pointer;
+    transform: translateY(-15px);
+    color: #409eff;
+
+    .el-icon-s-help {
+        margin-bottom: 5px;
+        font-size: 30px;
+    }
+}
+</style>
diff --git a/src/views/home-index/components/oftenUse.vue b/src/views/home-index/components/oftenUse.vue
new file mode 100644
index 0000000..cf12460
--- /dev/null
+++ b/src/views/home-index/components/oftenUse.vue
@@ -0,0 +1,91 @@
+<template>
+    <!-- 常用功能 -->
+    <div class="often-use">
+        <el-card>
+            <div>
+                <TitleTip :titleText="'常用功能'">
+                    <i class="el-icon-setting" @click="onHandleSetting" />
+                </TitleTip>
+            </div>
+            <div class="often-user-content">
+                <div
+                    :key="item.name"
+                    class="often-user-item"
+                    v-for="item in oftenUseList"
+                >
+                    <i :class="item.icon"> </i>
+                    <span> {{ item.name }} </span>
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'OftenUse',
+    data() {
+        return {
+            oftenUseList: [
+                {
+                    name: '考勤统计',
+                    icon: 'el-icon-s-help',
+                },
+                {
+                    name: '人员库',
+                    icon: 'el-icon-s-help',
+                },
+                {
+                    name: '用户管理',
+                    icon: 'el-icon-s-help',
+                },
+                {
+                    name: '工资册审核',
+                    icon: 'el-icon-s-help',
+                },
+                {
+                    name: '分包合同管理',
+                    icon: 'el-icon-s-help',
+                },
+            ],
+        }
+    },
+    methods: {
+        // 打开配置页面
+        onHandleSetting() {},
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.often-use {
+    margin-top: 12px;
+}
+.often-user-content {
+    display: grid;
+    grid-template-columns: repeat(10, 1fr);
+    gap: 10px;
+
+    .often-user-item {
+        display: flex;
+        flex-direction: column;
+        cursor: pointer;
+
+        & i {
+            margin-bottom: 10px;
+            text-align: center;
+            font-size: 28px;
+        }
+        & span {
+            text-align: center;
+            font-size: 14px;
+            font-family: 'PingFang SC';
+        }
+    }
+}
+
+.el-icon-setting {
+    font-size: 26px;
+    cursor: pointer;
+}
+</style>
diff --git a/src/views/home-index/index.vue b/src/views/home-index/index.vue
new file mode 100644
index 0000000..2684ddc
--- /dev/null
+++ b/src/views/home-index/index.vue
@@ -0,0 +1,30 @@
+<template>
+    <!-- 首页 -->
+    <div class="app-container">
+        <!-- 数据概览 -->
+        <DataOverview @handleCheckOften="handleCheckOften" />
+        <!-- 常用功能 -->
+
+        <el-collapse-transition>
+            <OftenUse v-show="showOftenUse" />
+        </el-collapse-transition>
+    </div>
+</template>
+
+<script>
+import DataOverview from './components/dataOverview.vue'
+import OftenUse from './components/oftenUse.vue'
+export default {
+    components: {
+        DataOverview,
+        OftenUse,
+    },
+
+    methods: {
+        // 常用功能按钮切换
+        handleCheckOften() {
+            console.log('常用功能')
+        },
+    },
+}
+</script>
diff --git a/src/views/login.vue b/src/views/login.vue
index 36b1d2b..f1f34ff 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,219 +1,279 @@
 <template>
-  <div class="login">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">博诺思后台管理系统</h3>
-      <el-form-item prop="username">
-        <el-input
-          v-model="loginForm.username"
-          type="text"
-          auto-complete="off"
-          placeholder="账号"
+    <div class="login">
+        <el-form
+            ref="loginForm"
+            :model="loginForm"
+            :rules="loginRules"
+            class="login-form"
         >
-          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled">
-        <el-input
-          v-model="loginForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-        </div>
-      </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
-      <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="medium"
-          type="primary"
-          style="width:100%;"
-          @click.native.prevent="handleLogin"
-        >
-          <span v-if="!loading">登 录</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-        <div style="float: right;" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--  底部  -->
-    <div class="el-login-footer">
-      <span>Copyright © 2018-2024 bonus.vip All Rights Reserved.</span>
+            <h3 class="title">华东实名制管理系统</h3>
+            <el-form-item prop="username">
+                <el-input
+                    v-model="loginForm.username"
+                    type="text"
+                    auto-complete="off"
+                    placeholder="账号"
+                >
+                    <svg-icon
+                        slot="prefix"
+                        icon-class="user"
+                        class="el-input__icon input-icon"
+                    />
+                </el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+                <el-input
+                    v-model="loginForm.password"
+                    type="password"
+                    auto-complete="off"
+                    placeholder="密码"
+                    @keyup.enter.native="handleLogin"
+                >
+                    <svg-icon
+                        slot="prefix"
+                        icon-class="password"
+                        class="el-input__icon input-icon"
+                    />
+                </el-input>
+            </el-form-item>
+            <el-form-item prop="code" v-if="captchaEnabled">
+                <el-input
+                    v-model="loginForm.code"
+                    auto-complete="off"
+                    placeholder="验证码"
+                    style="width: 63%"
+                    @keyup.enter.native="handleLogin"
+                >
+                    <svg-icon
+                        slot="prefix"
+                        icon-class="validCode"
+                        class="el-input__icon input-icon"
+                    />
+                </el-input>
+                <div class="login-code">
+                    <img
+                        :src="codeUrl"
+                        @click="getCode"
+                        class="login-code-img"
+                    />
+                </div>
+            </el-form-item>
+            <el-checkbox
+                v-model="loginForm.rememberMe"
+                style="margin: 0px 0px 25px 0px"
+                >记住密码</el-checkbox
+            >
+            <el-form-item style="width: 100%">
+                <el-button
+                    :loading="loading"
+                    size="medium"
+                    type="primary"
+                    style="width: 100%"
+                    @click.native.prevent="handleLogin"
+                >
+                    <span v-if="!loading">登 录</span>
+                    <span v-else>登 录 中...</span>
+                </el-button>
+                <div style="float: right" v-if="register">
+                    <router-link class="link-type" :to="'/register'"
+                        >立即注册</router-link
+                    >
+                </div>
+            </el-form-item>
+        </el-form>
+        <!--  底部  -->
+        <!-- <div class="el-login-footer">
+            <span>Copyright © 2018-2024 bonus.vip All Rights Reserved.</span>
+        </div> -->
     </div>
-  </div>
 </template>
 
 <script>
-import { getCodeImg } from "@/api/login";
-import Cookies from "js-cookie";
+import { getCodeImg } from '@/api/login'
+import Cookies from 'js-cookie'
 import { encrypt, decrypt } from '@/utils/jsencrypt'
 
 export default {
-  name: "Login",
-  data() {
-    return {
-      codeUrl: "",
-      loginForm: {
-        username: "",
-        password: "",
-        rememberMe: false,
-        code: "",
-        uuid: ""
-      },
-      loginRules: {
-        username: [
-          { required: true, trigger: "blur", message: "请输入您的账号" }
-        ],
-        password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" }
-        ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
-      },
-      loading: false,
-      // 验证码开关
-      captchaEnabled: true,
-      // 注册开关
-      register: false,
-      redirect: undefined
-    };
-  },
-  watch: {
-    $route: {
-      handler: function(route) {
-        this.redirect = route.query && route.query.redirect;
-      },
-      immediate: true
-    }
-  },
-  created() {
-    this.getCode();
-    this.getCookie();
-  },
-  methods: {
-    getCode() {
-      getCodeImg().then(res => {
-        this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
-        if (this.captchaEnabled) {
-          this.codeUrl = "data:image/gif;base64," + res.img;
-          this.loginForm.uuid = res.uuid;
+    name: 'Login',
+    data() {
+        return {
+            codeUrl: '',
+            loginForm: {
+                username: '',
+                password: '',
+                rememberMe: false,
+                code: '',
+                uuid: '',
+            },
+            loginRules: {
+                username: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的账号',
+                    },
+                ],
+                password: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的密码',
+                    },
+                ],
+                code: [
+                    {
+                        required: true,
+                        trigger: 'change',
+                        message: '请输入验证码',
+                    },
+                ],
+            },
+            loading: false,
+            // 验证码开关
+            captchaEnabled: true,
+            // 注册开关
+            register: false,
+            redirect: undefined,
         }
-      });
     },
-    getCookie() {
-      const username = Cookies.get("username");
-      const password = Cookies.get("password");
-      const rememberMe = Cookies.get('rememberMe')
-      this.loginForm = {
-        username: username === undefined ? this.loginForm.username : username,
-        password: password === undefined ? this.loginForm.password : decrypt(password),
-        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
-      };
+    watch: {
+        $route: {
+            handler: function (route) {
+                this.redirect = route.query && route.query.redirect
+            },
+            immediate: true,
+        },
     },
-    handleLogin() {
-      this.$refs.loginForm.validate(valid => {
-        if (valid) {
-          this.loading = true;
-          if (this.loginForm.rememberMe) {
-            Cookies.set("username", this.loginForm.username, { expires: 30 });
-            Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
-            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
-          } else {
-            Cookies.remove("username");
-            Cookies.remove("password");
-            Cookies.remove('rememberMe');
-          }
-          this.$store.dispatch("Login", this.loginForm).then(() => {
-            this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
-          }).catch(() => {
-            this.loading = false;
-            if (this.captchaEnabled) {
-              this.getCode();
+    created() {
+        this.getCode()
+        this.getCookie()
+    },
+    methods: {
+        getCode() {
+            getCodeImg().then((res) => {
+                this.captchaEnabled =
+                    res.captchaEnabled === undefined ? true : res.captchaEnabled
+                if (this.captchaEnabled) {
+                    this.codeUrl = 'data:image/gif;base64,' + res.img
+                    this.loginForm.uuid = res.uuid
+                }
+            })
+        },
+        getCookie() {
+            const username = Cookies.get('username')
+            const password = Cookies.get('password')
+            const rememberMe = Cookies.get('rememberMe')
+            this.loginForm = {
+                username:
+                    username === undefined ? this.loginForm.username : username,
+                password:
+                    password === undefined
+                        ? this.loginForm.password
+                        : decrypt(password),
+                rememberMe:
+                    rememberMe === undefined ? false : Boolean(rememberMe),
             }
-          });
-        }
-      });
-    }
-  }
-};
+        },
+        handleLogin() {
+            this.$refs.loginForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true
+                    if (this.loginForm.rememberMe) {
+                        Cookies.set('username', this.loginForm.username, {
+                            expires: 30,
+                        })
+                        Cookies.set(
+                            'password',
+                            encrypt(this.loginForm.password),
+                            { expires: 30 },
+                        )
+                        Cookies.set('rememberMe', this.loginForm.rememberMe, {
+                            expires: 30,
+                        })
+                    } else {
+                        Cookies.remove('username')
+                        Cookies.remove('password')
+                        Cookies.remove('rememberMe')
+                    }
+                    this.$store
+                        .dispatch('Login', this.loginForm)
+                        .then(() => {
+                            this.$router
+                                .push({ path: this.redirect || '/' })
+                                .catch(() => {})
+                        })
+                        .catch(() => {
+                            this.loading = false
+                            if (this.captchaEnabled) {
+                                this.getCode()
+                            }
+                        })
+                }
+            })
+        },
+    },
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
 .login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
-  background-size: cover;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    background-image: url('../assets/images/login-background.jpg');
+    background-size: cover;
 }
 .title {
-  margin: 0px auto 30px auto;
-  text-align: center;
-  color: #707070;
+    margin: 0px auto 30px auto;
+    text-align: center;
+    color: #707070;
 }
 
 .login-form {
-  border-radius: 6px;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
-  .el-input {
-    height: 38px;
-    input {
-      height: 38px;
+    border-radius: 6px;
+    background: #ffffff;
+    width: 400px;
+    padding: 25px 25px 5px 25px;
+    .el-input {
+        height: 38px;
+        input {
+            height: 38px;
+        }
+    }
+    .input-icon {
+        height: 39px;
+        width: 14px;
+        margin-left: 2px;
     }
-  }
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 2px;
-  }
 }
 .login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
+    font-size: 13px;
+    text-align: center;
+    color: #bfbfbf;
 }
 .login-code {
-  width: 33%;
-  height: 38px;
-  float: right;
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
+    width: 33%;
+    height: 38px;
+    float: right;
+    img {
+        cursor: pointer;
+        vertical-align: middle;
+    }
 }
 .el-login-footer {
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial;
-  font-size: 12px;
-  letter-spacing: 1px;
+    height: 40px;
+    line-height: 40px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    font-family: Arial;
+    font-size: 12px;
+    letter-spacing: 1px;
 }
 .login-code-img {
-  height: 38px;
+    height: 38px;
 }
 </style>
diff --git a/src/views/login1.vue b/src/views/login1.vue
index e1448ee..d40ec4d 100644
--- a/src/views/login1.vue
+++ b/src/views/login1.vue
@@ -1,151 +1,250 @@
 <template>
-  <div class="container">
-    <div class="login">
-      <div class="login-form">
-        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-          <h3 class="title">博诺思后台管理系统</h3>
-          <template v-if="loginMethod === 'password'">
-            <el-form-item prop="username">
-              <el-input
-                v-model="loginForm.username"
-                type="text"
-                auto-complete="off"
-                :placeholder="`用户名${config.loginConfig.phonePassword ? '/手机号' : ''}${config.loginConfig.emailPassword ? '/邮箱' : ''}`"
-              >
-                <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="password">
-              <el-input
-                v-model="loginForm.password"
-                type="password"
-                auto-complete="off"
-                placeholder="密码"
-                @keyup.enter.native="handleLogin"
-              >
-                <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon"/>
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="code" v-if="captchaEnabled">
-              <el-input
-                v-model="loginForm.code"
-                auto-complete="off"
-                placeholder="验证码"
-                style="width: 63%"
-                @keyup.enter.native="handleLogin"
-              >
-                <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon"/>
-              </el-input>
-              <div class="login-code">
-                <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-              </div>
-            </el-form-item>
-            <el-form-item v-show="isAdmin" prop="verificationCode">
-              <el-input v-model="loginForm.verificationCode" placeholder="请输入验证码">
-                <template slot="append">
-                  <el-button
-                    type="primary"
-                    @click="sendAdminCode"
-                    :disabled="isSendingCode || captchaEnabled?!loginForm.code:false"
-                    class="send-code-button"
-                  >
-                    {{ countdown === 0 ? '获取验证码' : `${countdown}s` }}
-                  </el-button>
-                </template>
-                <svg-icon slot="prefix" icon-class="message" class="el-input__icon input-icon"/>
-              </el-input>
-            </el-form-item>
-          </template>
-          <template v-else>
-            <el-form-item prop="mobile">
-              <el-input
-                v-model="loginForm.mobile"
-                type="text"
-                auto-complete="off"
-                :placeholder="`${config.loginConfig.phoneCode ? '手机号' : '/'}${config.loginConfig.emailCode ? '邮箱' : ''}`"
-              >
-                <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="code" v-if="captchaEnabled">
-              <el-input
-                v-model="loginForm.code"
-                auto-complete="off"
-                placeholder="验证码"
-                style="width: 63%"
-                @keyup.enter.native="handleLogin"
-              >
-                <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon"/>
-              </el-input>
-              <div class="login-code">
-                <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-              </div>
-            </el-form-item>
-            <el-form-item prop="verificationCode">
-              <el-input v-model="loginForm.verificationCode" placeholder="请输入验证码">
-                <template slot="append">
-                  <el-button
-                    type="primary"
-                    @click="sendCode"
-                    :disabled="isSendingCode || captchaEnabled?!loginForm.code:false"
-                    class="send-code-button"
-                  >
-                    {{ countdown === 0 ? '获取验证码' : `${countdown}s` }}
-                  </el-button>
-                </template>
-                <svg-icon slot="prefix" icon-class="message" class="el-input__icon input-icon"/>
-              </el-input>
-            </el-form-item>
-          </template>
-          <div class="login-form-center">
-            <el-link v-if="config.loginConfig.emailCode ||config.loginConfig.phoneCode " @click="toggleLoginMethod">
-              {{ loginMethod === 'password' ? '短信登录' : '密码登录' }}
-            </el-link>
-            <router-link v-if="config.registersConfig.emailRegisters || config.registersConfig.phoneRegisters" to="/register">
-              <el-link>注册账号</el-link>
-            </router-link>
-            <el-checkbox v-model="loginForm.rememberMe">记住密码</el-checkbox>
-          </div>
-          <el-form-item style="width: 100%;">
-            <el-button v-if="!isAdmin"
-                       :loading="loading"
-                       size="medium"
-                       type="primary"
-                       style="width: 100%;"
-                       @click="loginMethod === 'password' ?IsAdmin():handleLogin()"
-            >
-              <span v-if="!loading">登 录</span>
-              <span v-else>登 录 中...</span>
-            </el-button>
-            <el-button v-if="isAdmin"
-                       :loading="loading"
-                       size="medium"
-                       type="primary"
-                       style="width: 100%;"
-                       @click="handleLogin()"
-            >
-              <span v-if="!loading">登 录</span>
-              <span v-else>登 录 中...</span>
-            </el-button>
-          </el-form-item>
-          <el-form-item>
-            <div class="login-divider">第三方登录</div>
-            <div class="login-icons">
-              <div class="login-icon">
-                <img :src="dingding" alt="Weibo">
-              </div>
-              <div class="login-icon">
-                <img :src="wx" alt="WeChat">
-              </div>
-              <div class="login-icon">
-                <img :src="qq" alt="QQ">
-              </div>
+    <div class="container">
+        <div class="login">
+            <div class="login-form">
+                <el-form
+                    ref="loginForm"
+                    :model="loginForm"
+                    :rules="loginRules"
+                    class="login-form"
+                >
+                    <h3 class="title">华东实名制管理系统</h3>
+                    <template v-if="loginMethod === 'password'">
+                        <el-form-item prop="username">
+                            <el-input
+                                v-model="loginForm.username"
+                                type="text"
+                                auto-complete="off"
+                                :placeholder="`用户名${
+                                    config.loginConfig.phonePassword
+                                        ? '/手机号'
+                                        : ''
+                                }${
+                                    config.loginConfig.emailPassword
+                                        ? '/邮箱'
+                                        : ''
+                                }`"
+                            >
+                                <svg-icon
+                                    slot="prefix"
+                                    icon-class="user"
+                                    class="el-input__icon input-icon"
+                                />
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item prop="password">
+                            <el-input
+                                v-model="loginForm.password"
+                                type="password"
+                                auto-complete="off"
+                                placeholder="密码"
+                                @keyup.enter.native="handleLogin"
+                            >
+                                <svg-icon
+                                    slot="prefix"
+                                    icon-class="password"
+                                    class="el-input__icon input-icon"
+                                />
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item prop="code" v-if="captchaEnabled">
+                            <el-input
+                                v-model="loginForm.code"
+                                auto-complete="off"
+                                placeholder="验证码"
+                                style="width: 63%"
+                                @keyup.enter.native="handleLogin"
+                            >
+                                <svg-icon
+                                    slot="prefix"
+                                    icon-class="validCode"
+                                    class="el-input__icon input-icon"
+                                />
+                            </el-input>
+                            <div class="login-code">
+                                <img
+                                    :src="codeUrl"
+                                    @click="getCode"
+                                    class="login-code-img"
+                                />
+                            </div>
+                        </el-form-item>
+                        <el-form-item v-show="isAdmin" prop="verificationCode">
+                            <el-input
+                                v-model="loginForm.verificationCode"
+                                placeholder="请输入验证码"
+                            >
+                                <template slot="append">
+                                    <el-button
+                                        type="primary"
+                                        @click="sendAdminCode"
+                                        :disabled="
+                                            isSendingCode || captchaEnabled
+                                                ? !loginForm.code
+                                                : false
+                                        "
+                                        class="send-code-button"
+                                    >
+                                        {{
+                                            countdown === 0
+                                                ? '获取验证码'
+                                                : `${countdown}s`
+                                        }}
+                                    </el-button>
+                                </template>
+                                <svg-icon
+                                    slot="prefix"
+                                    icon-class="message"
+                                    class="el-input__icon input-icon"
+                                />
+                            </el-input>
+                        </el-form-item>
+                    </template>
+                    <template v-else>
+                        <el-form-item prop="mobile">
+                            <el-input
+                                v-model="loginForm.mobile"
+                                type="text"
+                                auto-complete="off"
+                                :placeholder="`${
+                                    config.loginConfig.phoneCode
+                                        ? '手机号'
+                                        : '/'
+                                }${config.loginConfig.emailCode ? '邮箱' : ''}`"
+                            >
+                                <svg-icon
+                                    slot="prefix"
+                                    icon-class="user"
+                                    class="el-input__icon input-icon"
+                                />
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item prop="code" v-if="captchaEnabled">
+                            <el-input
+                                v-model="loginForm.code"
+                                auto-complete="off"
+                                placeholder="验证码"
+                                style="width: 63%"
+                                @keyup.enter.native="handleLogin"
+                            >
+                                <svg-icon
+                                    slot="prefix"
+                                    icon-class="validCode"
+                                    class="el-input__icon input-icon"
+                                />
+                            </el-input>
+                            <div class="login-code">
+                                <img
+                                    :src="codeUrl"
+                                    @click="getCode"
+                                    class="login-code-img"
+                                />
+                            </div>
+                        </el-form-item>
+                        <el-form-item prop="verificationCode">
+                            <el-input
+                                v-model="loginForm.verificationCode"
+                                placeholder="请输入验证码"
+                            >
+                                <template slot="append">
+                                    <el-button
+                                        type="primary"
+                                        @click="sendCode"
+                                        :disabled="
+                                            isSendingCode || captchaEnabled
+                                                ? !loginForm.code
+                                                : false
+                                        "
+                                        class="send-code-button"
+                                    >
+                                        {{
+                                            countdown === 0
+                                                ? '获取验证码'
+                                                : `${countdown}s`
+                                        }}
+                                    </el-button>
+                                </template>
+                                <svg-icon
+                                    slot="prefix"
+                                    icon-class="message"
+                                    class="el-input__icon input-icon"
+                                />
+                            </el-input>
+                        </el-form-item>
+                    </template>
+                    <div class="login-form-center">
+                        <el-link
+                            v-if="
+                                config.loginConfig.emailCode ||
+                                config.loginConfig.phoneCode
+                            "
+                            @click="toggleLoginMethod"
+                        >
+                            {{
+                                loginMethod === 'password'
+                                    ? '短信登录'
+                                    : '密码登录'
+                            }}
+                        </el-link>
+                        <router-link
+                            v-if="
+                                config.registersConfig.emailRegisters ||
+                                config.registersConfig.phoneRegisters
+                            "
+                            to="/register"
+                        >
+                            <el-link>注册账号</el-link>
+                        </router-link>
+                        <el-checkbox v-model="loginForm.rememberMe"
+                            >记住密码</el-checkbox
+                        >
+                    </div>
+                    <el-form-item style="width: 100%">
+                        <el-button
+                            v-if="!isAdmin"
+                            :loading="loading"
+                            size="medium"
+                            type="primary"
+                            style="width: 100%"
+                            @click="
+                                loginMethod === 'password'
+                                    ? IsAdmin()
+                                    : handleLogin()
+                            "
+                        >
+                            <span v-if="!loading">登 录</span>
+                            <span v-else>登 录 中...</span>
+                        </el-button>
+                        <el-button
+                            v-if="isAdmin"
+                            :loading="loading"
+                            size="medium"
+                            type="primary"
+                            style="width: 100%"
+                            @click="handleLogin()"
+                        >
+                            <span v-if="!loading">登 录</span>
+                            <span v-else>登 录 中...</span>
+                        </el-button>
+                    </el-form-item>
+                    <!-- <el-form-item>
+                        <div class="login-divider">第三方登录</div>
+                        <div class="login-icons">
+                            <div class="login-icon">
+                                <img :src="dingding" alt="Weibo" />
+                            </div>
+                            <div class="login-icon">
+                                <img :src="wx" alt="WeChat" />
+                            </div>
+                            <div class="login-icon">
+                                <img :src="qq" alt="QQ" />
+                            </div>
+                        </div>
+                    </el-form-item> -->
+                </el-form>
             </div>
-          </el-form-item>
-        </el-form>
-      </div>
+        </div>
     </div>
-  </div>
 </template>
 
 <script>
@@ -157,373 +256,448 @@ import wx from '@/assets/images/wx.svg'
 import qq from '@/assets/images/QQ.svg'
 
 export default {
-  name: 'Login',
-  data() {
-    return {
-      dingding: dingding,
-      wx: wx,
-      qq: qq,
-      codeUrl: '',
-      isAdmin: false,
-      loginForm: {
-        username: '',
-        password: '',
-        rememberMe: false,
-        code: '',
-        mobile: '',
-        verificationCode: '',
-        uuid: '',
-        loginType: '',
-        phoneUuid: '',
-        mobileCodeType: 'LOGIN'
-      },
-      passwordLoginRules: {
-        username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
-        password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }],
-        code: [{ required: true, trigger: 'change', message: '请输入验证码' }]
-      },
-      mobileLoginRules: {
-        mobile: [{ required: true, trigger: 'blur', message: '请输入您的手机号' }],
-        verificationCode: [{ required: true, trigger: 'blur', message: '请输入验证码' }]
-      },
-      loading: false,
-      captchaEnabled: true,
-      redirect: undefined,
-      isSendingCode: false,
-      countdown: 0,
-      loginMethod: 'password', // 'password' or 'mobile'
-      supportsPhoneLogin: false,
-      supportsEmailLogin: false
-    }
-  },
-  computed: {
-    config() {
-      return JSON.parse(localStorage.getItem('systemConfig')) || {loginConfig:{
-        phonePassword: true,
-          emailPassword: true,
-          phoneCode: false,
-          emailCode: false
-      },registersConfig: {
-          phoneRegisters: true,
-          emailRegisters: true
-        }}; // 获取 JSON 对象
-    },
-    loginRules() {
-      return this.loginMethod === 'password' ? this.passwordLoginRules : this.mobileLoginRules
-    }
-  },
-  watch: {
-    $route: {
-      handler(route) {
-        this.redirect = route.query && route.query.redirect
-      },
-      immediate: true
-    }
-  },
-  created() {
-    this.getCode()
-    this.getCookie()
-  },
-  methods: {
-    getCode() {
-      getCodeImg().then(res => {
-        this.captchaEnabled = res.captchaEnabled !== undefined ? res.captchaEnabled : true
-        if (this.captchaEnabled) {
-          this.codeUrl = 'data:image/gif;base64,' + res.img
-          this.loginForm.uuid = res.uuid
+    name: 'Login',
+    data() {
+        return {
+            dingding: dingding,
+            wx: wx,
+            qq: qq,
+            codeUrl: '',
+            isAdmin: false,
+            loginForm: {
+                username: '',
+                password: '',
+                rememberMe: false,
+                code: '',
+                mobile: '',
+                verificationCode: '',
+                uuid: '',
+                loginType: '',
+                phoneUuid: '',
+                mobileCodeType: 'LOGIN',
+            },
+            passwordLoginRules: {
+                username: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的账号',
+                    },
+                ],
+                password: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的密码',
+                    },
+                ],
+                code: [
+                    {
+                        required: true,
+                        trigger: 'change',
+                        message: '请输入验证码',
+                    },
+                ],
+            },
+            mobileLoginRules: {
+                mobile: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的手机号',
+                    },
+                ],
+                verificationCode: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入验证码',
+                    },
+                ],
+            },
+            loading: false,
+            captchaEnabled: true,
+            redirect: undefined,
+            isSendingCode: false,
+            countdown: 0,
+            loginMethod: 'password', // 'password' or 'mobile'
+            supportsPhoneLogin: false,
+            supportsEmailLogin: false,
         }
-      })
     },
-    getCookie() {
-      const username = Cookies.get('username')
-      const password = Cookies.get('password')
-      const rememberMe = Cookies.get('rememberMe')
-      this.loginForm.username = username || ''
-      this.loginForm.password = password ? decrypt(password) : ''
-      this.loginForm.rememberMe = rememberMe === 'true'
-    },
-    handleLogin() {
-      this.$refs.loginForm.validate(valid => {
-        if (valid) {
-          this.loading = true
-          if (this.loginForm.rememberMe) {
-            Cookies.set('username', this.loginForm.username, { expires: 30 })
-            Cookies.set('password', encrypt(this.loginForm.password), { expires: 30 })
-            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 })
-          } else {
-            Cookies.remove('username')
-            Cookies.remove('password')
-            Cookies.remove('rememberMe')
-          }
-          this.loginForm.loginMethod = this.loginMethod
-          this.$store.dispatch('Login', this.loginForm)
-            .then(res => {
-              console.log(res)
-              if (res.code===200){
-                if (res.isLogin){
-                  this.$modal.confirm('账号已在其他地方登录是否继续登录！！！！').then(function() {
-                    return this.$router.push({ path: this.redirect || '/' });
-                  }).then(() => {
-                    this.loading = false
-                  }).catch(() => {
-                    this.loading = false
-                  })
-                }else {
-                  this.$router.push({ path: this.redirect || '/' });
+    computed: {
+        config() {
+            return (
+                JSON.parse(localStorage.getItem('systemConfig')) || {
+                    loginConfig: {
+                        phonePassword: true,
+                        emailPassword: true,
+                        phoneCode: false,
+                        emailCode: false,
+                    },
+                    registersConfig: {
+                        phoneRegisters: true,
+                        emailRegisters: true,
+                    },
                 }
-              }
-            })
-            .catch(() => {
-              this.loading = false
-              if (this.captchaEnabled) this.getCode()
-            })
-        }
-      })
+            ) // 获取 JSON 对象
+        },
+        loginRules() {
+            return this.loginMethod === 'password'
+                ? this.passwordLoginRules
+                : this.mobileLoginRules
+        },
     },
-    IsAdmin() {
-      this.loginForm.loginMethod = this.loginMethod
-      this.$store.dispatch('IsAdmin', this.loginForm).then(res => {
-        if (res.data) {
-          this.isAdmin = res.data
-          this.$message.success('检测到您是超级管理账号,需进行手机检验')
-        } else {
-          this.handleLogin()
-        }
-      })
+    watch: {
+        $route: {
+            handler(route) {
+                this.redirect = route.query && route.query.redirect
+            },
+            immediate: true,
+        },
     },
-    isLogin() {
-      this.$refs.loginForm.validate(valid => {
-        if (valid) {
-          this.loading = true
-          let that = this
-          this.loginForm.loginMethod = this.loginMethod
-          this.$store.dispatch('IsLogin', this.loginForm)
-            .then(res => {
-              if (res.data) {
-                this.$modal.confirm('账号已在其他地方登录是否继续登录！！！！').then(function() {
-                  return that.handleLogin()
-                }).then(() => {
-                  this.loading = false
-                }).catch(() => {
-                  this.loading = false
+    created() {
+        this.getCode()
+        this.getCookie()
+    },
+    methods: {
+        getCode() {
+            getCodeImg().then((res) => {
+                this.captchaEnabled =
+                    res.captchaEnabled !== undefined ? res.captchaEnabled : true
+                if (this.captchaEnabled) {
+                    this.codeUrl = 'data:image/gif;base64,' + res.img
+                    this.loginForm.uuid = res.uuid
+                }
+            })
+        },
+        getCookie() {
+            const username = Cookies.get('username')
+            const password = Cookies.get('password')
+            const rememberMe = Cookies.get('rememberMe')
+            this.loginForm.username = username || ''
+            this.loginForm.password = password ? decrypt(password) : ''
+            this.loginForm.rememberMe = rememberMe === 'true'
+        },
+        handleLogin() {
+            this.$refs.loginForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true
+                    if (this.loginForm.rememberMe) {
+                        Cookies.set('username', this.loginForm.username, {
+                            expires: 30,
+                        })
+                        Cookies.set(
+                            'password',
+                            encrypt(this.loginForm.password),
+                            { expires: 30 },
+                        )
+                        Cookies.set('rememberMe', this.loginForm.rememberMe, {
+                            expires: 30,
+                        })
+                    } else {
+                        Cookies.remove('username')
+                        Cookies.remove('password')
+                        Cookies.remove('rememberMe')
+                    }
+                    this.loginForm.loginMethod = this.loginMethod
+                    this.$store
+                        .dispatch('Login', this.loginForm)
+                        .then((res) => {
+                            console.log(res)
+                            if (res.code === 200) {
+                                if (res.isLogin) {
+                                    this.$modal
+                                        .confirm(
+                                            '账号已在其他地方登录是否继续登录！！！！',
+                                        )
+                                        .then(function () {
+                                            return this.$router.push({
+                                                path: this.redirect || '/',
+                                            })
+                                        })
+                                        .then(() => {
+                                            this.loading = false
+                                        })
+                                        .catch(() => {
+                                            this.loading = false
+                                        })
+                                } else {
+                                    this.$router.push({
+                                        path: this.redirect || '/',
+                                    })
+                                }
+                            }
+                        })
+                        .catch(() => {
+                            this.loading = false
+                            if (this.captchaEnabled) this.getCode()
+                        })
+                }
+            })
+        },
+        IsAdmin() {
+            this.loginForm.loginMethod = this.loginMethod
+            this.$store.dispatch('IsAdmin', this.loginForm).then((res) => {
+                if (res.data) {
+                    this.isAdmin = res.data
+                    this.$message.success(
+                        '检测到您是超级管理账号,需进行手机检验',
+                    )
+                } else {
+                    this.handleLogin()
+                }
+            })
+        },
+        isLogin() {
+            this.$refs.loginForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true
+                    let that = this
+                    this.loginForm.loginMethod = this.loginMethod
+                    this.$store
+                        .dispatch('IsLogin', this.loginForm)
+                        .then((res) => {
+                            if (res.data) {
+                                this.$modal
+                                    .confirm(
+                                        '账号已在其他地方登录是否继续登录！！！！',
+                                    )
+                                    .then(function () {
+                                        return that.handleLogin()
+                                    })
+                                    .then(() => {
+                                        this.loading = false
+                                    })
+                                    .catch(() => {
+                                        this.loading = false
+                                    })
+                            } else {
+                                that.handleLogin()
+                            }
+                        })
+                        .catch(() => {
+                            this.loading = false
+                            if (this.captchaEnabled) this.getCode()
+                        })
+                }
+            })
+        },
+        sendAdminCode() {
+            this.loginForm.mobile = this.loginForm.username
+            this.$store
+                .dispatch('GetPhoneCode', this.loginForm)
+                .then((res) => {
+                    if (res.code === 200) {
+                        this.loginForm.phoneUuid = res.data
+                        this.$message.success('验证码发送成功')
+                        this.isSendingCode = true
+                        this.countdown = 60
+                        const timer = setInterval(() => {
+                            this.countdown -= 1
+                            if (this.countdown <= 0) {
+                                clearInterval(timer)
+                                this.isSendingCode = false
+                            }
+                        }, 1000)
+                    }
                 })
-              } else {
-                that.handleLogin()
-              }
-            })
-            .catch(() => {
-              this.loading = false
-              if (this.captchaEnabled) this.getCode()
-            })
-        }
-      })
-    },
-    sendAdminCode() {
-      this.loginForm.mobile = this.loginForm.username
-      this.$store.dispatch('GetPhoneCode', this.loginForm)
-        .then(res => {
-          if (res.code === 200) {
-            this.loginForm.phoneUuid = res.data
-            this.$message.success('验证码发送成功')
-            this.isSendingCode = true
-            this.countdown = 60
-            const timer = setInterval(() => {
-              this.countdown -= 1
-              if (this.countdown <= 0) {
-                clearInterval(timer)
-                this.isSendingCode = false
-              }
-            }, 1000)
-          }
-        })
-        .catch(() => {
-          this.loading = false
-          // 如果启用了验证码，则重新获取验证码
-          if (this.captchaEnabled) {
-            this.getCode()
-          }
-          // 其他失败处理逻辑
-          this.isSendingCode = false
-          this.countdown = 0
-        })
-    },
-    sendCode() {
-      if (this.captchaEnabled ? !this.loginForm.code : false) {
-        this.$message.error('请先填写验证码')
-        return
-      }
-      if (!this.loginForm.mobile) {
-        this.$message.error('请先填写'+this.config.loginConfig.phoneCode ? '手机号' : '/' + this.config.loginConfig.emailCode ? '邮箱' : '')
-        return
-      }
-      this.$store.dispatch('GetPhoneCode', this.loginForm)
-        .then(() => {
-          this.isSendingCode = true
-          this.countdown = 60
-          const timer = setInterval(() => {
-            this.countdown -= 1
-            if (this.countdown <= 0) {
-              clearInterval(timer)
-              this.isSendingCode = false
+                .catch(() => {
+                    this.loading = false
+                    // 如果启用了验证码，则重新获取验证码
+                    if (this.captchaEnabled) {
+                        this.getCode()
+                    }
+                    // 其他失败处理逻辑
+                    this.isSendingCode = false
+                    this.countdown = 0
+                })
+        },
+        sendCode() {
+            if (this.captchaEnabled ? !this.loginForm.code : false) {
+                this.$message.error('请先填写验证码')
+                return
             }
-          }, 1000)
-        })
-        .catch(() => {
-          this.loading = false
-          // 如果启用了验证码，则重新获取验证码
-          if (this.captchaEnabled) {
+            if (!this.loginForm.mobile) {
+                this.$message.error(
+                    '请先填写' + this.config.loginConfig.phoneCode
+                        ? '手机号'
+                        : '/' + this.config.loginConfig.emailCode
+                        ? '邮箱'
+                        : '',
+                )
+                return
+            }
+            this.$store
+                .dispatch('GetPhoneCode', this.loginForm)
+                .then(() => {
+                    this.isSendingCode = true
+                    this.countdown = 60
+                    const timer = setInterval(() => {
+                        this.countdown -= 1
+                        if (this.countdown <= 0) {
+                            clearInterval(timer)
+                            this.isSendingCode = false
+                        }
+                    }, 1000)
+                })
+                .catch(() => {
+                    this.loading = false
+                    // 如果启用了验证码，则重新获取验证码
+                    if (this.captchaEnabled) {
+                        this.getCode()
+                    }
+                    // 其他失败处理逻辑
+                    this.isSendingCode = false
+                    this.countdown = 0
+                })
+        },
+        toggleLoginMethod() {
+            this.loginMethod =
+                this.loginMethod === 'password' ? 'mobile' : 'password'
+            this.loginForm.username = ''
+            this.loginForm.password = ''
+            this.loginForm.code = ''
+            this.loginForm.verificationCode = ''
+            this.loginForm.loginMethod = ''
+            this.isAdmin = false
             this.getCode()
-          }
-          // 其他失败处理逻辑
-          this.isSendingCode = false
-          this.countdown = 0
-        })
+        },
     },
-    toggleLoginMethod() {
-      this.loginMethod = this.loginMethod === 'password' ? 'mobile' : 'password'
-      this.loginForm.username = ''
-      this.loginForm.password = ''
-      this.loginForm.code = ''
-      this.loginForm.verificationCode = ''
-      this.loginForm.loginMethod = ''
-      this.isAdmin = false
-      this.getCode()
-    }
-  }
 }
 </script>
 
 <style lang="scss">
 .container {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  height: 100%;
-  background-image: url("../assets/images/bg.png");
-  background-size: cover;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    height: 100%;
+    background-image: url('../assets/images/bg.png');
+    background-size: cover;
 }
 
 .login {
-  width: 42%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
+    width: 42%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
 }
 
 .title {
-  margin: 0 auto 30px;
-  text-align: center;
-  color: #707070;
+    margin: 0 auto 30px;
+    text-align: center;
+    color: #707070;
 }
 
 .login-form {
-  border-radius: 6px;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px;
+    border-radius: 6px;
+    background: #ffffff;
+    width: 400px;
+    padding: 25px;
 
-  .el-input {
-    height: 38px;
+    .el-input {
+        height: 38px;
 
-    input {
-      height: 38px;
+        input {
+            height: 38px;
+        }
     }
-  }
 
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 2px;
-  }
+    .input-icon {
+        height: 39px;
+        width: 14px;
+        margin-left: 2px;
+    }
 
-  .login-form-center {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    padding: 1%;
-    margin-bottom: 5%;
-  }
+    .login-form-center {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: 1%;
+        margin-bottom: 5%;
+    }
 }
 
 .login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
+    font-size: 13px;
+    text-align: center;
+    color: #bfbfbf;
 }
 
 .login-code {
-  width: 33%;
-  float: right;
+    width: 33%;
+    float: right;
 
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
+    img {
+        cursor: pointer;
+        vertical-align: middle;
+    }
 }
 
 .el-login-footer {
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial;
-  font-size: 12px;
-  letter-spacing: 1px;
+    height: 40px;
+    line-height: 40px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    font-family: Arial;
+    font-size: 12px;
+    letter-spacing: 1px;
 }
 
 .login-code-img {
-  height: 38px;
+    height: 38px;
 }
 
 .login-container {
-  text-align: center;
-  margin-top: 50px;
+    text-align: center;
+    margin-top: 50px;
 }
 
 .login-divider {
-  display: flex;
-  align-items: center;
-  text-align: center;
-  margin: 20px 0;
+    display: flex;
+    align-items: center;
+    text-align: center;
+    margin: 20px 0;
 }
 
 .login-divider::before,
 .login-divider::after {
-  content: '';
-  flex: 1;
-  border-bottom: 1px solid #ccc;
+    content: '';
+    flex: 1;
+    border-bottom: 1px solid #ccc;
 }
 
 .login-divider:not(:empty)::before {
-  margin-right: .25em;
+    margin-right: 0.25em;
 }
 
 .login-divider:not(:empty)::after {
-  margin-left: .25em;
+    margin-left: 0.25em;
 }
 
 .login-icons {
-  display: flex;
-  justify-content: center;
-  gap: 20px;
+    display: flex;
+    justify-content: center;
+    gap: 20px;
 }
 
 .login-icon {
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
 }
 
 .login-icon img {
-  width: 50px;
-  height: 50px;
+    width: 50px;
+    height: 50px;
 }
 </style>