zhangafei 1 kuukausi sitten
vanhempi
sitoutus
b4da03c822
6 muutettua tiedostoa jossa 152 lisäystä ja 155 poistoa
  1. 2 2
      .env
  2. BIN
      public/favicon.ico
  3. BIN
      public/logo.png
  4. BIN
      public/resource/img/logo.png
  5. BIN
      src/assets/images/logo.png
  6. 150 153
      src/views/sys/login/TokenLoginPage.vue

+ 2 - 2
.env

@@ -2,10 +2,10 @@
 VITE_PORT = 3100
 
 #  网站标题
-VITE_GLOB_APP_TITLE = JeecgBoot 企业级低代码平台
+VITE_GLOB_APP_TITLE = 中工智通设备生命周期管理平台
 
 # 简称,此变量只能是字符/下划线
-VITE_GLOB_APP_SHORT_NAME = JeecgBoot_Pro
+VITE_GLOB_APP_SHORT_NAME = 中工智通
 
 # 单点登录服务端地址
 VITE_GLOB_APP_CAS_BASE_URL=http://cas.test.com:8443/cas

BIN
public/favicon.ico


BIN
public/logo.png


BIN
public/resource/img/logo.png


BIN
src/assets/images/logo.png


+ 150 - 153
src/views/sys/login/TokenLoginPage.vue

@@ -1,16 +1,15 @@
 <template>
-    <div class="app-loading">
-        <div class="app-loading-wrap">
-            <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo">
-            <div class="app-loading-dots">
-                <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
-            </div>
-            <div class="app-loading-title">JeecgBoot 企业级低代码平台</div>
-        </div>
+  <div class="app-loading">
+    <div class="app-loading-wrap">
+      <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo" />
+      <div class="app-loading-dots">
+        <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+      </div>
+      <div class="app-loading-title">中工智通设备生命周期管理平台</div>
     </div>
+  </div>
 </template>
 
-
 <script lang="ts">
   /**
    * 地址中携带token,跳转至此页面进行登录操作
@@ -19,200 +18,198 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useUserStore } from '/@/store/modules/user';
   import { useI18n } from '/@/hooks/web/useI18n';
-  
+
   export default {
-    name: "TokenLogin",
-    setup(){
+    name: 'TokenLogin',
+    setup() {
       const route = useRoute();
       let router = useRouter();
-      const {createMessage, notification} = useMessage()
-      const {t} = useI18n();
-      const routeQuery:any = route.query;
-      if(!routeQuery){
-        createMessage.warning('参数无效')
+      const { createMessage, notification } = useMessage();
+      const { t } = useI18n();
+      const routeQuery: any = route.query;
+      if (!routeQuery) {
+        createMessage.warning('参数无效');
       }
-     
+
       const token = routeQuery['loginToken'];
-      if(!token){
-        createMessage.warning('token无效')
+      if (!token) {
+        createMessage.warning('token无效');
       }
       const userStore = useUserStore();
-      userStore.ThirdLogin({ token, thirdType:'email', goHome: false }).then(res => {
-        console.log("res====>doThirdLogin",res)
-        if(res && res.userInfo){
-          requestSuccess(res)
-        }else{
-          requestFailed(res)
+      userStore.ThirdLogin({ token, thirdType: 'email', goHome: false }).then((res) => {
+        console.log('res====>doThirdLogin', res);
+        if (res && res.userInfo) {
+          requestSuccess(res);
+        } else {
+          requestFailed(res);
         }
       });
 
-      function requestFailed (err) {
+      function requestFailed(err) {
         notification.error({
           message: '登录失败',
-          description: ((err.response || {}).data || {}).message || err.message || "请求出现错误,请稍后再试",
+          description: ((err.response || {}).data || {}).message || err.message || '请求出现错误,请稍后再试',
           duration: 4,
         });
       }
-      
-      function requestSuccess(res){
+
+      function requestSuccess(res) {
         let info = routeQuery.info;
-        if(info){
+        if (info) {
           let query = JSON.parse(info);
-          
+
           //update-begin-author:taoyan date:2023-4-27 for: QQYUN-4882【简流】节点消息通知 邮箱 点击办理跳到了应用首页
           let path = '';
-          if(query.isLowApp === 1){
-            path = '/myapps/personalOffice/myTodo'
-          }else{
+          if (query.isLowApp === 1) {
+            path = '/myapps/personalOffice/myTodo';
+          } else {
             let taskId = query.taskId;
-            path = '/task/handle/' + taskId
+            path = '/task/handle/' + taskId;
           }
           //update-end-author:taoyan date:2023-4-27 for: QQYUN-4882【简流】节点消息通知 邮箱 点击办理跳到了应用首页
-          
+
           router.replace({ path, query });
           notification.success({
             message: t('sys.login.loginSuccessTitle'),
             description: `${t('sys.login.loginSuccessDesc')}: ${res.userInfo.realname}`,
             duration: 3,
           });
-        }else{
+        } else {
           notification.error({
             message: '参数失效',
-            description: "页面跳转参数丢失,请查看日志",
+            description: '页面跳转参数丢失,请查看日志',
             duration: 4,
           });
         }
       }
-    }
-  }
+    },
+  };
 </script>
 
 <style scoped>
+  html[data-theme='dark'] .app-loading {
+    background-color: #2c344a;
+  }
 
-    html[data-theme='dark'] .app-loading {
-        background-color: #2c344a;
-    }
-
-    html[data-theme='dark'] .app-loading .app-loading-title {
-        color: rgba(255, 255, 255, 0.85);
-    }
+  html[data-theme='dark'] .app-loading .app-loading-title {
+    color: rgba(255, 255, 255, 0.85);
+  }
 
-    .app-loading {
-        display: flex;
-        width: 100%;
-        height: 100%;
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
-        background-color: #f4f7f9;
-    }
+  .app-loading {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    background-color: #f4f7f9;
+  }
 
-    .app-loading .app-loading-wrap {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        display: flex;
-        -webkit-transform: translate3d(-50%, -50%, 0);
-        transform: translate3d(-50%, -50%, 0);
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
-    }
+  .app-loading .app-loading-wrap {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    display: flex;
+    -webkit-transform: translate3d(-50%, -50%, 0);
+    transform: translate3d(-50%, -50%, 0);
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+  }
 
-    .app-loading .dots {
-        display: flex;
-        padding: 98px;
-        justify-content: center;
-        align-items: center;
-    }
+  .app-loading .dots {
+    display: flex;
+    padding: 98px;
+    justify-content: center;
+    align-items: center;
+  }
 
-    .app-loading .app-loading-title {
-        display: flex;
-        margin-top: 30px;
-        font-size: 30px;
-        color: rgba(0, 0, 0, 0.85);
-        justify-content: center;
-        align-items: center;
-    }
+  .app-loading .app-loading-title {
+    display: flex;
+    margin-top: 30px;
+    font-size: 30px;
+    color: rgba(0, 0, 0, 0.85);
+    justify-content: center;
+    align-items: center;
+  }
 
-    .app-loading .app-loading-logo {
-        display: block;
-        width: 90px;
-        margin: 0 auto;
-        margin-bottom: 20px;
-    }
+  .app-loading .app-loading-logo {
+    display: block;
+    width: 90px;
+    margin: 0 auto;
+    margin-bottom: 20px;
+  }
 
-    .dot {
-        position: relative;
-        display: inline-block;
-        width: 48px;
-        height: 48px;
-        margin-top: 30px;
-        font-size: 32px;
-        transform: rotate(45deg);
-        box-sizing: border-box;
-        animation: antRotate 1.2s infinite linear;
-    }
+  .dot {
+    position: relative;
+    display: inline-block;
+    width: 48px;
+    height: 48px;
+    margin-top: 30px;
+    font-size: 32px;
+    transform: rotate(45deg);
+    box-sizing: border-box;
+    animation: antRotate 1.2s infinite linear;
+  }
 
-    .dot i {
-        position: absolute;
-        display: block;
-        width: 20px;
-        height: 20px;
-        background-color: #0065cc;
-        border-radius: 100%;
-        opacity: 0.3;
-        transform: scale(0.75);
-        animation: antSpinMove 1s infinite linear alternate;
-        transform-origin: 50% 50%;
-    }
+  .dot i {
+    position: absolute;
+    display: block;
+    width: 20px;
+    height: 20px;
+    background-color: #0065cc;
+    border-radius: 100%;
+    opacity: 0.3;
+    transform: scale(0.75);
+    animation: antSpinMove 1s infinite linear alternate;
+    transform-origin: 50% 50%;
+  }
 
-    .dot i:nth-child(1) {
-        top: 0;
-        left: 0;
-    }
+  .dot i:nth-child(1) {
+    top: 0;
+    left: 0;
+  }
 
-    .dot i:nth-child(2) {
-        top: 0;
-        right: 0;
-        -webkit-animation-delay: 0.4s;
-        animation-delay: 0.4s;
-    }
+  .dot i:nth-child(2) {
+    top: 0;
+    right: 0;
+    -webkit-animation-delay: 0.4s;
+    animation-delay: 0.4s;
+  }
 
-    .dot i:nth-child(3) {
-        right: 0;
-        bottom: 0;
-        -webkit-animation-delay: 0.8s;
-        animation-delay: 0.8s;
-    }
+  .dot i:nth-child(3) {
+    right: 0;
+    bottom: 0;
+    -webkit-animation-delay: 0.8s;
+    animation-delay: 0.8s;
+  }
 
-    .dot i:nth-child(4) {
-        bottom: 0;
-        left: 0;
-        -webkit-animation-delay: 1.2s;
-        animation-delay: 1.2s;
-    }
-    @keyframes antRotate {
-        to {
-            -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-        }
+  .dot i:nth-child(4) {
+    bottom: 0;
+    left: 0;
+    -webkit-animation-delay: 1.2s;
+    animation-delay: 1.2s;
+  }
+  @keyframes antRotate {
+    to {
+      -webkit-transform: rotate(405deg);
+      transform: rotate(405deg);
     }
-    @-webkit-keyframes antRotate {
-        to {
-            -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-        }
+  }
+  @-webkit-keyframes antRotate {
+    to {
+      -webkit-transform: rotate(405deg);
+      transform: rotate(405deg);
     }
-    @keyframes antSpinMove {
-        to {
-            opacity: 1;
-        }
+  }
+  @keyframes antSpinMove {
+    to {
+      opacity: 1;
     }
-    @-webkit-keyframes antSpinMove {
-        to {
-            opacity: 1;
-        }
+  }
+  @-webkit-keyframes antSpinMove {
+    to {
+      opacity: 1;
     }
-
-</style>
+  }
+</style>