diff --git a/.env b/.env
index 68175fb..818cb46 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,4 @@
 VUE_APP_PORT='8800'
-VUE_APP_TARGET_API='http://47.109.22.178:8401'
\ No newline at end of file
+VUE_APP_TARGET_API='http://47.109.22.178:8401'
+VUE_APP_IMAGES_TARGET='http://www.octoveau.cn/images'
+
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index a267390..1b600f5 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -2,7 +2,7 @@ name: deploy sso-admin-portal 🚀
 on:
   push:
     branches:
-      - main
+      - release
 jobs:
   build-sso-admin-portal-deploy:
     runs-on: ubuntu-latest
diff --git a/.prettierrc b/.prettierrc
index 1cddcb0..ff164cb 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -7,6 +7,5 @@
   "trailingComma": "es5",
   "htmlWhitespaceSensitivity": "ignore",
   "endOfLine": "auto",
-  "proseWrap": "never"
-
+  "proseWrap": "never",
 }
diff --git a/bin/default.conf b/bin/default.conf
index b50a393..bba0fa7 100644
--- a/bin/default.conf
+++ b/bin/default.conf
@@ -5,6 +5,9 @@ server {
     error_log  /var/log/nginx/error.log  error;
     root /usr/share/nginx/html;
     index index.html;
+    location  /sso-login/openapi/ {
+      proxy_pass  http://47.109.22.178:8401/openapi/;
+    }
     location  /sso-login/api/ {
       proxy_pass  http://47.109.22.178:8401/api/;
     }
diff --git a/public/favicon.ico b/public/favicon.ico
index 952c106..8d6b6b7 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index 1812419..5ef74ca 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,7 +12,7 @@
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
-    <script>
+    <!-- <script>
       var Wwidth = window.innerWidth;
       window.addEventListener('resize', function () {
         /// 宽度变化大于50像素的时候刷新整个窗口以适应新宽度
@@ -20,6 +20,6 @@
           window.location.reload();
         }
       });
-    </script>
+    </script> -->
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index bee0dd2..de5af89 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,7 +15,7 @@ export default {
 <style lang="less">
 #app {
   min-width: 1400px;
-  overflow-x: hidden;
+  overflow: hidden;
   height: 100%;
 }
 </style>
diff --git a/src/api/auth.js b/src/api/auth.js
index 17c03fa..a38b820 100644
--- a/src/api/auth.js
+++ b/src/api/auth.js
@@ -19,3 +19,12 @@ export const smsCode = (phone) =>
       phone,
     },
   });
+
+//根据siteKey登录之后获取ticket
+export const getAuthTicket = (data) =>
+  service.post('/api/auth/ticket', data, {
+    isNotShowError: true,
+  });
+
+//退出登录
+export const logoutSso = (token) => service.post(`/openapi/auth/sites/${token}/logout`);
diff --git a/src/api/interceptors.js b/src/api/interceptors.js
index fea066c..ebd44f5 100644
--- a/src/api/interceptors.js
+++ b/src/api/interceptors.js
@@ -17,9 +17,9 @@ const handleRespCode = (respData) => {
     case 500:
       Message.error(respData.message || ERROR_MSG_500);
       break;
-    default:
-      Message.error(respData.message || ERROR_MSG_COMMON);
-      break;
+    // default:
+    //   Message.error(respData.message || ERROR_MSG_COMMON);
+    //   break;
   }
 };
 const setupInterceptors = (request) => {
@@ -49,7 +49,7 @@ const setupInterceptors = (request) => {
   // 响应拦截器
   request.interceptors.response.use(
     (resp) => {
-      //从xios里取出api返回的data
+      //从axios里取出api返回的data
       let respData = resp.data;
       if (respData.code !== 200) {
         handleRespCode(respData);
@@ -59,7 +59,7 @@ const setupInterceptors = (request) => {
     //httpcode不在200-300时候会到异常拦截器，请求异常
     (error) => {
       let message = error?.message || error?.message || ERROE_MSG;
-      Message.error(message);
+      error.config.isNotShowError ? void 0 : Message.error(message);
       return Promise.reject(error);
     }
   );
diff --git a/src/assets/images/avator.png b/src/assets/images/avator.png
deleted file mode 100644
index 12e1ea3..0000000
Binary files a/src/assets/images/avator.png and /dev/null differ
diff --git a/src/assets/images/footer.png b/src/assets/images/footer.png
deleted file mode 100644
index 0c8bc7b..0000000
Binary files a/src/assets/images/footer.png and /dev/null differ
diff --git a/src/assets/images/loginicon.png b/src/assets/images/loginicon.png
deleted file mode 100644
index 4561dc6..0000000
Binary files a/src/assets/images/loginicon.png and /dev/null differ
diff --git a/src/assets/images/loginicon3.png b/src/assets/images/loginicon3.png
deleted file mode 100644
index 2512662..0000000
Binary files a/src/assets/images/loginicon3.png and /dev/null differ
diff --git a/src/assets/images/loginicon4.png b/src/assets/images/loginicon4.png
deleted file mode 100644
index 5b6b836..0000000
Binary files a/src/assets/images/loginicon4.png and /dev/null differ
diff --git a/src/assets/images/slider/1.png b/src/assets/images/slider/1.png
deleted file mode 100644
index ec1a727..0000000
Binary files a/src/assets/images/slider/1.png and /dev/null differ
diff --git a/src/assets/images/slider/2.png b/src/assets/images/slider/2.png
deleted file mode 100644
index 06f1ef2..0000000
Binary files a/src/assets/images/slider/2.png and /dev/null differ
diff --git a/src/assets/images/slider/3.png b/src/assets/images/slider/3.png
deleted file mode 100644
index 3f3e294..0000000
Binary files a/src/assets/images/slider/3.png and /dev/null differ
diff --git a/src/assets/images/slider/4.png b/src/assets/images/slider/4.png
deleted file mode 100644
index 7bb4c41..0000000
Binary files a/src/assets/images/slider/4.png and /dev/null differ
diff --git a/src/assets/images/slider/5.png b/src/assets/images/slider/5.png
deleted file mode 100644
index ec4544f..0000000
Binary files a/src/assets/images/slider/5.png and /dev/null differ
diff --git a/src/assets/images/slider/6.png b/src/assets/images/slider/6.png
deleted file mode 100644
index 3e5616c..0000000
Binary files a/src/assets/images/slider/6.png and /dev/null differ
diff --git a/src/assets/images/ssoback.png b/src/assets/images/ssoback.png
deleted file mode 100644
index a98e0bc..0000000
Binary files a/src/assets/images/ssoback.png and /dev/null differ
diff --git a/src/components/Auth/AuthBack.vue b/src/components/Auth/AuthBack.vue
index 2701f74..60db8e6 100644
--- a/src/components/Auth/AuthBack.vue
+++ b/src/components/Auth/AuthBack.vue
@@ -9,7 +9,6 @@
         </header>
       </slot>
     </div>
-
     <div class="container">
       <slot name="container"></slot>
     </div>
@@ -20,12 +19,11 @@
 </template>
 
 <script>
-import footerImg from '@/assets/images/footer.png';
 export default {
   data() {
     return {
       mainScreenWidth: null,
-      footerImg,
+      footerImg: `${process.env.VUE_APP_IMAGES_TARGET}/footer.png`,
     };
   },
   mounted() {
@@ -55,7 +53,7 @@ export default {
 .back-section {
   position: relative;
   height: 100vh;
-  background-image: url('../../assets/images/ssoback.png');
+  background-image: url('http://www.octoveau.cn/images/ssoback.png');
   background-repeat: no-repeat;
   background-position: top;
   background-size: 100% 100%;
diff --git a/src/components/Loading/PacmanLoader.vue b/src/components/Loading/PacmanLoader.vue
new file mode 100644
index 0000000..f184b05
--- /dev/null
+++ b/src/components/Loading/PacmanLoader.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="v-spinner" v-show="loading">
+    <div class="v-pacman v-pacman2" v-bind:style="[spinnerStyle, animationStyle, spinnerDelay2]"></div>
+    <div class="v-pacman v-pacman3" v-bind:style="[spinnerStyle, animationStyle, spinnerDelay3]"></div>
+    <div class="v-pacman v-pacman4" v-bind:style="[spinnerStyle, animationStyle, spinnerDelay4]"></div>
+    <div class="v-pacman v-pacman5" v-bind:style="[spinnerStyle, animationStyle, spinnerDelay5]"></div>
+    <div class="shanxing">
+      <div class="sx1"></div>
+      <div class="sx2"></div>
+    </div>
+    <div class="footer" data-text="正在退出中...">正在退出中...</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PacmanLoader',
+  props: {
+    loading: {
+      type: Boolean,
+      default: true,
+    },
+    color: {
+      type: String,
+      default: '#409eff',
+    },
+    size: {
+      type: String,
+      default: '40px',
+    },
+    margin: {
+      type: String,
+      default: '2px',
+    },
+    radius: {
+      type: String,
+      default: '100%',
+    },
+  },
+  data() {
+    return {
+      spinnerDelay2: {
+        animationDelay: '0.25s',
+      },
+      spinnerDelay3: {
+        animationDelay: '0.50s',
+      },
+      spinnerDelay4: {
+        animationDelay: '0.75s',
+      },
+      spinnerDelay5: {
+        animationDelay: '1s',
+      },
+    };
+  },
+  computed: {
+    spinnerStyle() {
+      return {
+        backgroundColor: this.color,
+        width: this.size,
+        height: this.size,
+        margin: this.margin,
+        borderRadius: this.radius,
+      };
+    },
+    border1() {
+      return this.size + ' solid transparent';
+    },
+    border2() {
+      return this.size + ' solid ' + this.color;
+    },
+    spinnerStyle1() {
+      return {
+        width: 0,
+        height: 0,
+        borderTop: this.border2,
+        borderRight: this.border1,
+        borderBottom: this.border2,
+        borderLeft: this.border2,
+        borderRadius: this.size,
+      };
+    },
+    animationStyle() {
+      return {
+        width: '16px',
+        height: '16px',
+        transform: 'translate(0, ' + -parseFloat(this.size) / 4 + 'px)',
+        position: 'absolute',
+        'z-index': 100,
+        top: '75px',
+        left: '220px',
+        animationName: 'v-pacmanStretchDelay',
+        animationDuration: '1s',
+        animationIterationCount: 'infinite',
+        animationTimingFunction: 'linear',
+        animationFillMode: 'both',
+      };
+    },
+  },
+};
+</script>
+
+<style>
+.footer {
+  margin-top: 32px;
+  position: relative;
+  font-size: 20px;
+  color: #ffffff;
+}
+.footer::before {
+  content: attr(data-text);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 100%;
+  color: #409eff;
+  overflow: hidden;
+  -webkit-text-stroke: 0vw #383d52;
+  animation: animate 3s linear infinite;
+}
+@keyframes animate {
+  0%,
+  10%,
+  100% {
+    width: 0;
+  }
+
+  70%,
+  90% {
+    width: 100%;
+  }
+}
+.shanxing {
+  position: relative;
+  width: 150px;
+  height: 150px;
+  border-radius: 75px;
+  background-color: rgb(255, 255, 255);
+}
+.sx1 {
+  position: absolute;
+  width: 150px;
+  height: 150px;
+  clip: rect(0px, 75px, 150px, 0px);
+  border-radius: 100px;
+  background-color: #409eff;
+  animation: animate1 0.3s linear infinite;
+}
+@keyframes animate1 {
+  0%,
+  10%,
+  100% {
+    transform: rotate(-75deg);
+  }
+
+  70%,
+  90% {
+    transform: rotate(-30deg);
+  }
+}
+
+.sx2 {
+  position: absolute;
+  width: 150px;
+  height: 150px;
+  clip: rect(0px, 75px, 150px, 0px);
+  border-radius: 75px;
+  background-color: #409eff;
+  animation: animate2 0.3s linear infinite;
+}
+@keyframes animate2 {
+  0%,
+  10%,
+  100% {
+    transform: rotate(75deg);
+  }
+
+  70%,
+  90% {
+    transform: rotate(30deg);
+  }
+}
+
+.v-spinner {
+  text-align: center;
+  position: relative;
+}
+
+/*TODO computed transform */
+@-webkit-keyframes v-pacmanStretchDelay {
+  75% {
+    -webkit-opacity: 0.7;
+    opacity: 0.7;
+  }
+  100% {
+    -webkit-transform: translate(-100px, -6.25px);
+    transform: translate(-100px, -6.25px);
+  }
+}
+
+@keyframes v-pacmanStretchDelay {
+  75% {
+    -webkit-opacity: 0.7;
+    opacity: 0.7;
+  }
+  100% {
+    -webkit-transform: translate(-100px, -6.25px);
+    transform: translate(-100px, -6.25px);
+  }
+}
+</style>
diff --git a/src/components/Loading/RingLoader.vue b/src/components/Loading/RingLoader.vue
new file mode 100644
index 0000000..e3a5567
--- /dev/null
+++ b/src/components/Loading/RingLoader.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="v-spinner" v-show="loading">
+    <div class="v-ring v-ring1" :style="spinnerBasicStyle">
+      <div class="v-ring v-ring2" :style="spinnerStyle"></div>
+      <div class="v-ring v-ring3" :style="spinnerStyle"></div>
+    </div>
+    <div class="footer" data-text="正在验证中...">正在验证中...</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RingLoader',
+  props: {
+    loading: {
+      type: Boolean,
+      default: true,
+    },
+    color: {
+      type: String,
+      default: '#409eff',
+    },
+    size: {
+      type: String,
+      default: '100px',
+    },
+    radius: {
+      type: String,
+      default: '100%',
+    },
+  },
+  computed: {
+    spinnerStyle() {
+      return {
+        height: this.size,
+        width: this.size,
+        border: parseFloat(this.size) / 10 + 'px solid' + this.color,
+        opacity: 0.8,
+        borderRadius: this.radius,
+      };
+    },
+    spinnerBasicStyle() {
+      return {
+        height: this.size,
+        width: this.size,
+        position: 'relative',
+      };
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.footer {
+  margin-top: 32px;
+  position: relative;
+  font-size: 20px;
+  color: #ffffff;
+}
+.footer::before {
+  content: attr(data-text);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 100%;
+  color: #409eff;
+  overflow: hidden;
+  -webkit-text-stroke: 0vw #383d52;
+  animation: animate 3s linear infinite;
+}
+.v-spinner {
+  text-align: center;
+  .v-ring2 {
+    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;
+    animation: v-ringRightRotate 2s 0s infinite linear;
+    -webkit-animation-fill-mode: forwards;
+    animation-fill-mode: forwards;
+    perspective: 800px;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  .v-ring3 {
+    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;
+    animation: v-ringLeftRotate 2s 0s infinite linear;
+    -webkit-animation-fill-mode: forwards;
+    animation-fill-mode: forwards;
+    perspective: 800px;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
+
+@-webkit-keyframes v-ringRightRotate {
+  0% {
+    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+  }
+  100% {
+    -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
+    transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
+  }
+}
+
+@keyframes v-ringRightRotate {
+  0% {
+    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+  }
+  100% {
+    -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
+    transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
+  }
+}
+
+@-webkit-keyframes v-ringLeftRotate {
+  0% {
+    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+  }
+  100% {
+    -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
+    transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
+  }
+}
+
+@keyframes v-ringLeftRotate {
+  0% {
+    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+  }
+  100% {
+    -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
+    transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
+  }
+}
+@keyframes animate {
+  0%,
+  10%,
+  100% {
+    width: 0;
+  }
+
+  70%,
+  90% {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/components/SlideVerify/index.vue b/src/components/SlideVerify/index.vue
index 6f1bf47..8e53680 100644
--- a/src/components/SlideVerify/index.vue
+++ b/src/components/SlideVerify/index.vue
@@ -30,12 +30,12 @@ export default {
     return {
       dialogVisible: true,
       imgsList: [
-        require('../../assets/images/slider/1.png'),
-        require('../../assets/images/slider/2.png'),
-        require('../../assets/images/slider/3.png'),
-        require('../../assets/images/slider/4.png'),
-        require('../../assets/images/slider/5.png'),
-        require('../../assets/images/slider/6.png'),
+        `${process.env.VUE_APP_IMAGES_TARGET}/slider1.png`,
+        `${process.env.VUE_APP_IMAGES_TARGET}/slider2.png`,
+        `${process.env.VUE_APP_IMAGES_TARGET}/slider3.png`,
+        `${process.env.VUE_APP_IMAGES_TARGET}/slider4.png`,
+        `${process.env.VUE_APP_IMAGES_TARGET}/slider5.png`,
+        `${process.env.VUE_APP_IMAGES_TARGET}/slider6.png`,
       ],
     };
   },
diff --git a/src/css/element.less b/src/css/element.less
index e181fc8..68c2961 100644
--- a/src/css/element.less
+++ b/src/css/element.less
@@ -20,7 +20,13 @@
 
 .el-menu {
   height: 100%;
+
+  .el-menu-item {
+    min-width: auto !important;
+    width: 100% !important;
+  }
 }
+
 .el-main {
   padding: 0 !important;
 }
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index de86ca6..7e085e3 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -44,7 +44,7 @@ export default {
 
     handleLogout() {
       this.$router.push({
-        name: 'Logout',
+        name: 'ClientLogout',
       });
     },
   },
diff --git a/src/router/auth.js b/src/router/auth.js
index 632c76d..843e8c1 100644
--- a/src/router/auth.js
+++ b/src/router/auth.js
@@ -24,12 +24,12 @@ const loginRoutes = [
     component: () => import('@/views/auth/passwordReset'),
   },
   {
-    path: '/logout',
-    name: 'Logout',
+    path: '/clinet/logout',
+    name: 'ClientLogout',
     meta: {
-      title: '退出登录',
+      title: '客户端退出登录',
     },
-    component: () => import('@/views/auth/logout'),
+    component: () => import('@/views/openLogin/openLogout'),
   },
 ];
 
diff --git a/src/router/config/router.guards.js b/src/router/config/routerGuards.js
similarity index 97%
rename from src/router/config/router.guards.js
rename to src/router/config/routerGuards.js
index 39f452a..d8bbb0c 100644
--- a/src/router/config/router.guards.js
+++ b/src/router/config/routerGuards.js
@@ -4,7 +4,7 @@ import authStorage from '@/utils/auth';
 class RouterGuards {
   constructor(router) {
     this.router = router;
-    this.whiteRouter = ['Login', 'PasswordReset', 'Logout', 'Register'];
+    this.whiteRouter = ['Login', 'PasswordReset', 'Logout', 'Register', 'OpenLogin', 'OpenLogout'];
   }
 
   // 初始化调用全部方法
diff --git a/src/router/index.js b/src/router/index.js
index 90148b7..8546dce 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,16 +1,16 @@
 import Vue from 'vue';
 import VueRouter from 'vue-router';
-import RouterGuards from './config/router.guards';
+import RouterGuards from './config/routerGuards';
 import adminRoutes from './admin';
 import authRoutes from './auth';
+import openLoginRoutes from './openLogin';
 Vue.use(VueRouter);
 
 const router = new VueRouter({
   mode: 'history',
   base: process.env.NODE_ENV === 'production' ? '/sso-login/' : '/',
-  routes: [...adminRoutes, ...authRoutes],
+  routes: [...openLoginRoutes, ...adminRoutes, ...authRoutes],
 });
 // 路由守卫
 new RouterGuards(router).initRouterGuards();
-
 export default router;
diff --git a/src/router/openLogin.js b/src/router/openLogin.js
new file mode 100644
index 0000000..7fe7d21
--- /dev/null
+++ b/src/router/openLogin.js
@@ -0,0 +1,20 @@
+const openLoginRoutes = [
+  {
+    path: '/openLogin/:sitekey',
+    name: 'OpenLogin',
+    meta: {
+      title: '接入验证',
+    },
+    component: () => import('@/views/openLogin/openLogin.vue'),
+  },
+  {
+    path: '/openLogout/:sitetoken',
+    name: 'OpenLogout',
+    meta: {
+      title: '退出登录',
+    },
+    component: () => import('@/views/openLogin/openLogout.vue'),
+  },
+];
+
+export default openLoginRoutes;
diff --git a/src/views/auth/comp/LoginContainer.vue b/src/views/auth/comp/LoginContainer.vue
index 971232e..3ded24a 100644
--- a/src/views/auth/comp/LoginContainer.vue
+++ b/src/views/auth/comp/LoginContainer.vue
@@ -24,14 +24,13 @@
 
 <script>
 import LoginFormComp from '@/views/auth/comp/LoginForm';
-import loginLeftPic from '@/assets/images/loginicon.png';
 export default {
   components: {
     LoginFormComp,
   },
   data() {
     return {
-      loginLeftPic,
+      loginLeftPic: `${process.env.VUE_APP_IMAGES_TARGET}/loginicon.png`,
       defaultLabel: 1,
     };
   },
diff --git a/src/views/auth/comp/LoginForm.vue b/src/views/auth/comp/LoginForm.vue
index d7f7381..4efd3af 100644
--- a/src/views/auth/comp/LoginForm.vue
+++ b/src/views/auth/comp/LoginForm.vue
@@ -12,7 +12,7 @@
           <span class="svg-container">
             <svg-icon icon-class="edit" />
           </span>
-          <el-input v-model.trim="formData.smsCode" placeholder="验证码" name="smsCode" maxlength="4" />
+          <el-input @keydown.enter.native="openSilder" v-model.trim="formData.smsCode" placeholder="验证码" name="smsCode" maxlength="4" />
           <span>
             <a @click="onGetVerificationCode" class="a-verification" v-if="isCanSendCode">获取验证码</a>
             <span class="span-verification" style="color: rgb(185 185 185)" v-else>重新发送{{ timeCount }}s</span>
@@ -24,7 +24,14 @@
           <span class="svg-container">
             <svg-icon icon-class="password" />
           </span>
-          <el-input v-model.trim="formData.password" maxlength="20" :type="passwordType" placeholder="密码" name="password" />
+          <el-input
+            @keydown.enter.native="openSilder"
+            v-model.trim="formData.password"
+            maxlength="20"
+            :type="passwordType"
+            placeholder="密码"
+            name="password"
+          />
           <span class="show-pwd" @click="showPwd">
             <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
           </span>
@@ -39,7 +46,7 @@
 
 <script>
 import { loginRules, silderConfig } from '../help';
-import { loginUser, loginSmsUser } from '@/api/auth';
+import { loginUser, loginSmsUser, getAuthTicket } from '@/api/auth';
 import authStorage from '@/utils/auth';
 import smsCodeMixin from '@/mixins/ssoCode';
 export default {
@@ -61,6 +68,8 @@ export default {
         password: '',
       },
       loginRules,
+      openSiteKey: '',
+      openRedirectUrl: '',
       passwordType: 'password',
       loginLoading: false,
     };
@@ -104,13 +113,23 @@ export default {
         }
         //处理数据
         if (result.code === 200) {
-          this.$message.success('登录成功');
           //数据写入缓存
           authStorage.setUserInfo(Object.assign(result.data.user, { token: result.data.token }));
-          //分两种情况，1.登录该平台，2.作为单点登录平台
-          // eslint-disable-next-line no-constant-condition
-          if (true) {
-            //跳转到管理页
+          //第三方接入的方式，因为存在sitekey
+          if (this.openSiteKey) {
+            //拿到站点的ticket
+            let result = await getAuthTicket({ siteKey: this.openSiteKey });
+            let { ticket, callbackUrl } = result.data;
+            setTimeout(() => {
+              //根据注册的sitekey地址回调回去
+              this.openRedirectUrl
+                ? window.location.replace(`${callbackUrl}?ticket=${ticket}&redirecturl=${this.openRedirectUrl}`)
+                : window.location.replace(`${callbackUrl}?ticket=${ticket}`);
+            }, 500);
+            this.$message.success('登录成功');
+          } else {
+            this.$message.success('登录成功');
+            //平台自己登录到管理页面
             this.$router.push({ name: 'DashBoard' });
           }
         }
@@ -133,6 +152,10 @@ export default {
       this.passwordType === 'password' ? (this.passwordType = '') : (this.passwordType = 'password');
     },
   },
+  mounted() {
+    this.openSiteKey = this.$route.query.sitekey;
+    this.openRedirectUrl = this.$route.query.redirecturl;
+  },
 };
 </script>
 <style lang="less" scoped>
diff --git a/src/views/auth/comp/RegisterForm.vue b/src/views/auth/comp/RegisterForm.vue
index f383d59..76e7893 100644
--- a/src/views/auth/comp/RegisterForm.vue
+++ b/src/views/auth/comp/RegisterForm.vue
@@ -34,7 +34,14 @@
           <span class="svg-container">
             <svg-icon icon-class="password" />
           </span>
-          <el-input v-model.trim="formData.rePassword" maxlength="20" :type="rePasswordType" placeholder="请再次确定密码" name="password" />
+          <el-input
+            @keydown.enter.native="onRegister"
+            v-model.trim="formData.rePassword"
+            maxlength="20"
+            :type="rePasswordType"
+            placeholder="请再次确定密码"
+            name="password"
+          />
           <span class="show-pwd" @click="reShowPwd">
             <svg-icon :icon-class="rePasswordType === 'password' ? 'eye' : 'eye-open'" />
           </span>
@@ -53,7 +60,6 @@
 
 <script>
 import { registerRules } from '../help';
-import registerLeftPic from '@/assets/images/loginicon4.png';
 import commonUtil from '@/utils/index';
 import { registerUser } from '@/api/auth';
 import smsCodeMixin from '@/mixins/ssoCode';
@@ -62,7 +68,7 @@ export default {
   mixins: [smsCodeMixin],
   data() {
     return {
-      registerLeftPic,
+      registerLeftPic: `${process.env.VUE_APP_IMAGES_TARGET}/loginregester.png`,
       formData: {
         phone: undefined, //11位数字的字符
         smsCode: undefined, //验证码
diff --git a/src/views/auth/comp/ResetForm.vue b/src/views/auth/comp/ResetForm.vue
index ae1b5f0..600929a 100644
--- a/src/views/auth/comp/ResetForm.vue
+++ b/src/views/auth/comp/ResetForm.vue
@@ -26,7 +26,14 @@
           <span class="svg-container">
             <svg-icon icon-class="password" />
           </span>
-          <el-input v-model.trim="formData.password" maxlength="20" :type="passwordType" placeholder="请输入重置的密码" name="password" />
+          <el-input
+            @keydown.enter.native="onReset"
+            v-model.trim="formData.password"
+            maxlength="20"
+            :type="passwordType"
+            placeholder="请输入重置的密码"
+            name="password"
+          />
           <span class="show-pwd" @click="showPwd">
             <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
           </span>
@@ -45,7 +52,6 @@
 
 <script>
 import { resetRules } from '../help';
-import resetLeftPic from '@/assets/images/loginicon4.png';
 import { resetUserPwd } from '@/api/auth';
 import smsCodeMixin from '@/mixins/ssoCode';
 export default {
@@ -53,7 +59,7 @@ export default {
   mixins: [smsCodeMixin],
   data() {
     return {
-      resetLeftPic,
+      resetLeftPic: `${process.env.VUE_APP_IMAGES_TARGET}/loginreset.png`,
       isCanSendCode: true,
       formData: {
         phone: undefined, //11位数字的字符
diff --git a/src/views/auth/logout.vue b/src/views/auth/logout.vue
deleted file mode 100644
index b90e594..0000000
--- a/src/views/auth/logout.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div></div>
-</template>
-
-<script>
-import authStorage from '@/utils/auth';
-export default {
-  data() {
-    return {
-      timer: null,
-    };
-  },
-  created() {
-    this.openFullScreen2();
-  },
-  beforeDestroy() {
-    clearInterval(this.timer);
-  },
-  methods: {
-    openFullScreen2() {
-      const loading = this.$loading({
-        lock: true,
-        text: '正在退出登录...',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.65)',
-      });
-      this.timer = setTimeout(() => {
-        loading.close();
-        authStorage.removeUserInfo();
-        this.$router.push({
-          name: 'Login',
-        });
-      }, 1500);
-    },
-  },
-};
-</script>
-
-<style></style>
diff --git a/src/views/auth/passwordReset.vue b/src/views/auth/passwordReset.vue
index 9126d80..7d8092e 100644
--- a/src/views/auth/passwordReset.vue
+++ b/src/views/auth/passwordReset.vue
@@ -12,16 +12,13 @@
 <script>
 import AuthBackComp from '@/components/Auth/AuthBack.vue';
 import ResetFormComp from '@/views/auth/comp/ResetForm.vue';
-import footerImg from '@/assets/images/footer.png';
 export default {
   components: {
     AuthBackComp,
     ResetFormComp,
   },
   data() {
-    return {
-      footerImg,
-    };
+    return {};
   },
 };
 </script>
diff --git a/src/views/openLogin/openLogin.vue b/src/views/openLogin/openLogin.vue
new file mode 100644
index 0000000..8ba20b5
--- /dev/null
+++ b/src/views/openLogin/openLogin.vue
@@ -0,0 +1,87 @@
+<template>
+  <section class="section">
+    <RingLoader :loading="true" :color="color"></RingLoader>
+  </section>
+</template>
+
+<script>
+import RingLoader from '@/components/Loading/RingLoader';
+import authStorage from '@/utils/auth';
+import { getAuthTicket } from '@/api/auth';
+export default {
+  data() {
+    return {
+      color: '#409eff',
+      openSiteKey: '',
+      openRedirectUrl: '',
+      loginTimer: null,
+      reLoginTimer: null,
+    };
+  },
+  components: {
+    RingLoader,
+  },
+  beforeDestroy() {
+    clearTimeout(this.loginTimer);
+    clearTimeout(this.reLoginTimer);
+  },
+  mounted() {
+    this.openSiteKey = this.$route.params.sitekey;
+    this.openRedirectUrl = this.$route.query.redirecturl;
+    this.handleLogin();
+  },
+  methods: {
+    handleLogin() {
+      //判断是否已经是登录过
+      let userInfo = JSON.parse(authStorage.getUserInfo());
+      if (userInfo) {
+        getAuthTicket({ siteKey: this.openSiteKey })
+          .then((result) => {
+            if (result.code === 200) {
+              let { ticket, callbackUrl } = result.data;
+              this.loginTimer = setTimeout(() => {
+                //根据注册的sitekey地址回调回去
+                this.openRedirectUrl
+                  ? window.location.replace(`${callbackUrl}?ticket=${ticket}&redirecturl=${this.openRedirectUrl}`)
+                  : window.location.replace(`${callbackUrl}?ticket=${ticket}`);
+              }, 500);
+              this.$message.success('验证成功');
+            }
+          })
+          .catch((err) => {
+            console.log(111, err);
+            //权限已经过期，需要重新登录
+            if (err.response.status === 401) {
+              //token已经过期，需要重新登录
+              this.reLoginTimer = setTimeout(() => {
+                this.gotoLogin();
+              }, 500);
+              this.$message.warning('登录已经过期，请重新登录');
+            }
+          });
+        return;
+      }
+      this.gotoLogin();
+    },
+    gotoLogin() {
+      //没有登录过，跳转到登录
+      this.$router.push({
+        name: 'Login',
+        query: {
+          redirecturl: this.openRedirectUrl,
+          sitekey: this.openSiteKey,
+        },
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="less">
+.section {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/src/views/openLogin/openLogout.vue b/src/views/openLogin/openLogout.vue
new file mode 100644
index 0000000..b6c387d
--- /dev/null
+++ b/src/views/openLogin/openLogout.vue
@@ -0,0 +1,87 @@
+<template>
+  <section class="section">
+    <PacmanLoader :loading="true"></PacmanLoader>
+  </section>
+</template>
+
+<script>
+import PacmanLoader from '@/components/Loading/PacmanLoader';
+import authStorage from '@/utils/auth';
+import { logoutSso } from '@/api/auth';
+export default {
+  data() {
+    return {
+      openSiteToken: '',
+      openRedirectUrl: '',
+      openSitekey: '',
+      logoutTimer: null,
+      logoutNoUserTimer: null,
+    };
+  },
+  components: {
+    PacmanLoader,
+  },
+  beforeDestroy() {
+    clearTimeout(this.logoutTimer);
+    clearTimeout(this.logoutNoUserTimer);
+  },
+  mounted() {
+    if (this.$route.name === 'ClientLogout') {
+      return this.handleLogoutClient();
+    }
+    this.openSiteToken = this.$route.params.sitetoken;
+    this.openRedirectUrl = this.$route.query.redirecturl;
+    this.openSitekey = this.$route.query.sitekey;
+
+    this.handleLogout();
+  },
+
+  methods: {
+    //客户端退出登录
+    handleLogoutClient() {
+      authStorage.removeUserInfo();
+      this.$router.push({
+        name: 'Login',
+      });
+    },
+    async handleLogout() {
+      //判断是否已经是登录过
+      if (!this.openSitekey) {
+        return this.$$message.warning('请提供回调的sitekey');
+      }
+      let userInfo = JSON.parse(authStorage.getUserInfo());
+      if (userInfo) {
+        await logoutSso(this.openSiteToken);
+        this.logoutTimer = setTimeout(() => {
+          this.gotoLogin();
+        }, 500);
+        authStorage.removeUserInfo();
+        this.$message.success('退出登录成功');
+      } else {
+        this.logoutNoUserTimer = setTimeout(() => {
+          this.gotoLogin();
+        }, 500);
+        this.$message.success('当前用户还没进行登录');
+      }
+    },
+    gotoLogin() {
+      this.$router.push({
+        name: 'Login',
+        query: {
+          redirecturl: this.openRedirectUrl,
+          sitekey: this.openSitekey,
+        },
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="less">
+.section {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/src/views/siteKey/createSiteKey.vue b/src/views/siteKey/createSiteKey.vue
index 66eb78c..c400507 100644
--- a/src/views/siteKey/createSiteKey.vue
+++ b/src/views/siteKey/createSiteKey.vue
@@ -1,9 +1,129 @@
 <template>
-  <section>create site key</section>
+  <section class="section">
+    <div class="main">
+      <div class="content">
+        <el-form :model="createSitekeyParam" :rules="rules" ref="createSiteKeyForm" v-loading="loading">
+          <el-form-item label="SiteKey名称" prop="siteName">
+            <el-input v-model="createSitekeyParam.siteName" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="回调地址" prop="callbackUrl">
+            <el-input v-model="createSitekeyParam.callbackUrl" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="备注" prop="remark">
+            <el-input type="textarea" v-model.number="createSitekeyParam.remark"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="footer">
+        <el-button type="primary" style="margin-right: 0.2rem" @click="submitForm('createSiteKeyForm')">提交</el-button>
+        <el-button @click="resetForm('createSiteKeyForm')">重置</el-button>
+      </div>
+    </div>
+  </section>
 </template>
 
 <script>
-export default {};
+import { createSiteKeyData } from '@/api/siteKey';
+export default {
+  name: 'CreateSiteKeyPage',
+  data() {
+    return {
+      createSitekeyParam: {
+        callbackUrl: '',
+        siteName: '',
+        remark: '',
+      },
+      rules: {
+        siteName: [{ required: true, message: '请输入SiteKey名称', trigger: 'blur' }],
+        callbackUrl: [
+          { required: true, message: '请输入回调地址', trigger: 'blur' },
+          { pattern: /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=] *)?/, message: '请输入正确的回调地址', trigger: 'blur' },
+        ],
+      },
+      loading: false,
+    };
+  },
+  methods: {
+    resetForm: function (formName) {
+      this.$refs[formName].resetFields();
+    },
+    submitForm: function (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.loading = true;
+          createSiteKeyData(this.createSitekeyParam)
+            .then((res) => {
+              if (res.code === 200) {
+                this.$message.success('新建 SiteKey 成功!');
+                this.$router.push('/client/site/detail');
+              }
+            })
+            .catch((err) => {
+              if (err.code === 409) {
+                //  名称重复
+              }
+            })
+            .finally(() => {
+              this.loading = false;
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
 </script>
 
-<style></style>
+<style scoped lang="less">
+@backColor: #fff;
+
+* {
+  box-sizing: border-box;
+}
+
+.section {
+  width: 100%;
+  height: 100%;
+  padding: 0.25rem;
+
+  .main {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    border-radius: 0.0375rem;
+    box-shadow: 0 0 0.0625rem 0 #3333334f;
+
+    .content {
+      overflow: auto;
+      padding: 0 0.5rem;
+
+      ::v-deep .el-form-item {
+        margin-top: 0.25rem;
+
+        .el-form-item__label {
+          float: left;
+          width: 1.875rem;
+        }
+
+        .el-form-item__content {
+          margin-left: 1.875rem;
+        }
+      }
+    }
+
+    .footer {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      height: 1.125rem;
+      border-top: 1px solid #eee;
+      border-bottom: 1px solid #eee;
+    }
+  }
+}
+</style>
diff --git a/src/views/siteKey/siteKeyDetail.vue b/src/views/siteKey/siteKeyDetail.vue
index b9d37ab..9eef250 100644
--- a/src/views/siteKey/siteKeyDetail.vue
+++ b/src/views/siteKey/siteKeyDetail.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="section" v-loading="isLoading">
     <div class="header">
-      <el-input maxlength="11" v-model.trim="userSiteKey" placeholder="请输入用户完整的SiteKey" style="width: 5rem"></el-input>
+      <el-input maxlength="40" v-model.trim="userSiteKey" placeholder="请输入用户完整的SiteKey" style="width: 5rem"></el-input>
       <el-button type="primary" style="margin-left: 0.2rem" @click="onSearch">查询</el-button>
       <el-button style="margin-left: 0.2rem" @click="onReset">重置</el-button>
     </div>
@@ -103,6 +103,7 @@ export default {
         size: 10,
         page: 0,
       };
+      this.userSiteKey = '';
       this.serachUserData();
     },
     onSearch() {
@@ -112,13 +113,12 @@ export default {
     serachUserData() {
       this.isLoading = true;
       let request = {
-        page: this.pageInfo.page - 1,
+        page: this.pageInfo.page ? this.pageInfo.page - 1 : 0,
         size: this.pageInfo.size,
       };
       getsiteKeyData(request)
         .then((res) => {
           if (res.code === 200) {
-            console.log(232222, res.data);
             this.tableData = res.data.data.map((x) => {
               x.isDelete = false;
               return x;
@@ -157,13 +157,11 @@ export default {
     margin-bottom: 0.2rem;
   }
   /deep/ .el-table {
-    max-height: calc(100vh - 3rem);
     overflow: auto;
   }
 }
 .footer {
-  position: fixed;
-  bottom: 0.2rem;
-  right: 0.6rem;
+  margin-top: 0.2rem;
+  text-align: end;
 }
 </style>
diff --git a/src/views/user/userDetail.vue b/src/views/user/userDetail.vue
index dbb3423..ae8be1d 100644
--- a/src/views/user/userDetail.vue
+++ b/src/views/user/userDetail.vue
@@ -5,34 +5,37 @@
       <el-button type="primary" style="margin-left: 0.2rem" @click="onSearch">查询</el-button>
       <el-button style="margin-left: 0.2rem" @click="onReset">重置</el-button>
     </div>
-    <el-table :border="true" :data="tableData" style="width: 100%">
-      <el-table-column prop="nickName" label="用户昵称"></el-table-column>
-      <el-table-column prop="createDate" label="创建时间">
-        <template slot-scope="scope">
-          <span>{{ getDateStr(scope.row.createDate) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="phone" label="电话信息">
-        <template slot-scope="scope">
-          <span>{{ getPhoneStr(scope.row.phone) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="active" label="用户状态">
-        <template slot-scope="scope">
-          <el-tag effect="dark" :type="`${scope.row.active ? 'success' : 'danger'}`">{{ scope.row.active ? '使用中' : '已停用' }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column prop="roles" label="用户角色">
-        <template>
-          <el-tag>普通用户</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button type="danger" @click="onDelete(scope.row)" :loading="scope.row.isDelete">{{ scope.row.isDelete ? '删除中' : '删除' }}</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+    <main>
+      <el-table :border="true" :data="tableData" style="width: 100%">
+        <el-table-column prop="nickName" label="用户昵称"></el-table-column>
+        <el-table-column prop="createDate" label="创建时间" width="250">
+          <template slot-scope="scope">
+            <span>{{ getDateStr(scope.row.createDate) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="phone" label="电话信息" width="200">
+          <template slot-scope="scope">
+            <span>{{ getPhoneStr(scope.row.phone) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="active" label="用户状态" width="150">
+          <template slot-scope="scope">
+            <el-tag effect="dark" :type="`${scope.row.active ? 'success' : 'danger'}`">{{ scope.row.active ? '使用中' : '已停用' }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="roles" label="用户角色" width="150">
+          <template>
+            <el-tag>普通用户</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button type="danger" @click="onDelete(scope.row)" :loading="scope.row.isDelete">{{ scope.row.isDelete ? '删除中' : '删除' }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </main>
+
     <div class="footer">
       <el-pagination
         @size-change="handleSizeChange"
@@ -79,18 +82,25 @@ export default {
       this.serachUserData();
     },
     onDelete(data) {
-      data.isDelete = true;
-      deleteUserByPhone(data.phone)
-        .then((res) => {
-          if (res.code === 200) {
-            this.$message.success('删除成功');
-            //刷新数据
-            this.onSearch();
-          }
+      this.$confirm('确定删除吗', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      })
+        .then(({ value }) => {
+          data.isDelete = true;
+          deleteUserByPhone(data.phone)
+            .then((res) => {
+              if (res.code === 200) {
+                this.$message.success('删除成功');
+                //刷新数据
+                this.onSearch();
+              }
+            })
+            .finally(() => {
+              data.isDelete = false;
+            });
         })
-        .finally(() => {
-          data.isDelete = false;
-        });
+        .catch(() => {});
     },
     getDateStr(time) {
       return moment(time).format('YYYY年MM月DD日 HH时:mm分:ss秒');
@@ -103,6 +113,7 @@ export default {
         size: 10,
         page: 0,
       };
+      this.userPhone = '';
       this.serachUserData();
     },
     onInput(data) {
@@ -115,7 +126,7 @@ export default {
     serachUserData() {
       this.isLoading = true;
       let request = {
-        page: this.pageInfo.page - 1,
+        page: this.pageInfo.page ? this.pageInfo.page - 1 : 0,
         size: this.pageInfo.size,
       };
       getUserData(request)
@@ -159,13 +170,11 @@ export default {
     margin-bottom: 0.2rem;
   }
   /deep/ .el-table {
-    max-height: calc(100vh - 3rem);
     overflow: auto;
   }
 }
 .footer {
-  position: fixed;
-  bottom: 0.2rem;
-  right: 0.6rem;
+  margin-top: 0.2rem;
+  text-align: end;
 }
 </style>
diff --git a/vue.code-workspace b/vue.code-workspace
index dd38a63..e8d89cb 100644
--- a/vue.code-workspace
+++ b/vue.code-workspace
@@ -9,7 +9,7 @@
     "editor.fontLigatures": false, //禁用连体字
     "editor.wordWrap": "off", // 换行规则，off 永不换行
     //"editor.fontWeight": "600", //字体粗细
-    //"editor.fontSize": 16, //字体大小
+    // "editor.fontSize": 16, //字体大小
     "editor.accessibilityPageSize": 12, //屏幕阅读器的可视区域
     "editor.tabCompletion": "on", //tab的最佳补全
     "editor.detectIndentation": true, //检测文件是否启动tabsize
diff --git a/vue.config.js b/vue.config.js
index db3233b..26371eb 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -16,6 +16,13 @@ module.exports = {
           '^/api': '/api',
         },
       },
+      '/openapi': {
+        target: process.env.VUE_APP_TARGET_API,
+        changeOrigin: true,
+        pathRewrite: {
+          '^/openapi': '/openapi',
+        },
+      },
     },
   },
   configureWebpack: {
diff --git a/yarn.lock b/yarn.lock
index a713cd7..5304284 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8990,6 +8990,11 @@ vue-loader@^15.9.2:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-loading-overlay@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/vue-loading-overlay/-/vue-loading-overlay-6.0.2.tgz#69c844067d4344f72474f87f68020eb066763203"
+  integrity sha512-5GCvv6hPjNfHg+tKnLkk6yO/b/AdCCkdZb2dfrVFOuDyJz38dbm34k6oohVy/xIoFzPGsEEVtwCxq5G3RIYZ1Q==
+
 vue-monoplasty-slide-verify@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/vue-monoplasty-slide-verify/-/vue-monoplasty-slide-verify-1.3.1.tgz#6df67794c69dcb31abb0d55309d9209227f7f966"
@@ -9002,6 +9007,11 @@ vue-router@^3.2.0:
   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.6.5.tgz#95847d52b9a7e3f1361cb605c8e6441f202afad8"
   integrity sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==
 
+vue-spinner@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/vue-spinner/-/vue-spinner-1.0.4.tgz#0e794d9d93acb23b5b6564042157a531e7ce413b"
+  integrity sha512-GNG2F+8BLX201JT/jUX+84Gsi3ZteVQwt9K7mues3ts9FcQ95dGn7uu6a5ndSxdYYUEzfh1KngZiOE0u+l4itA==
+
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz#6d55863a51fa757ab24e89d9371465072aa7bc35"