~qirong/qyspzw-ui.git

parent: 5d145825 | 补丁 | 提交 | ignore whitespace

Merge branch 'master' of http://42.193.1.25:9521/r/~qirong/qyspzw-ui

zhanghua

2024-11-14 c3f8bae626cb555db6d55077eaa59d10fd6e07ee

Merge branch 'master' of http://42.193.1.25:9521/r/~qirong/qyspzw-ui

6个文件已修改

1 文件已重命名

	.eslintrc.js	1 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	.prettierrc.cjs	10 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	index.html	394 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	public/ddlogin.js	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/permission.ts	12 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/utils/request.ts	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/dingdingLogin.vue	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 .eslintrc.js

@@ -19,6 +19,7 @@
  },
  plugins: ['vue', '@typescript-eslint'],
  rules: {
    "vue/comment-directive": "off",
    'vue/multi-word-component-names': 'off',
    '@typescript-eslint/no-empty-function': 'off',
    '@typescript-eslint/no-explicit-any': 'off',

 .prettierrc.cjs

@@ -42,5 +42,13 @@
  // 然而在 Linux 和 Unix 中只使用简单的换行分隔符 (LF)。
  // 对应的控制字符为 "\n" (LF) 和 "\r\n"(CRLF)。auto意为保持现有的行尾
  // 换行符使用 lf 结尾是 可选值"<auto|lf|crlf|cr>"
  endOfLine: 'auto'
  endOfLine: 'auto',
  overrides: [
    {
      "files": "*.html",
      "options": {
        "parser": "html"
      }
    }
  ]
};

 index.html

@@ -1,221 +1,217 @@
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="renderer" content="webkit" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <link rel="icon" href="/favicon.ico" />
  <title>跨网文件同步系统</title>
  <!--[if lt IE 11
      ]><script>
        window.location.href='/html/ie.html';
      </script><!
    [endif]-->
  <style>
    html,
    body,
    #app {
      height: 100%;
      margin: 0px;
      padding: 0px;
    }

    .chromeframe {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
    }

    #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999999;
    }

    #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -webkit-animation: spin 2s linear infinite;
      -ms-animation: spin 2s linear infinite;
      -moz-animation: spin 2s linear infinite;
      -o-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      z-index: 1001;
    }

    #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -webkit-animation: spin 3s linear infinite;
      -moz-animation: spin 3s linear infinite;
      -o-animation: spin 3s linear infinite;
      -ms-animation: spin 3s linear infinite;
      animation: spin 3s linear infinite;
    }

    #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -moz-animation: spin 1.5s linear infinite;
      -o-animation: spin 1.5s linear infinite;
      -ms-animation: spin 1.5s linear infinite;
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
    }


    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <link rel="icon" href="/favicon.ico" />
    <title>跨网文件同步系统</title>
    <!--[if lt IE 11
        ]><script>
          window.location.href='/html/ie.html';
        </script><!
      [endif]-->
    <style>
      html,
      body,
      #app {
        height: 100%;
        margin: 0px;
        padding: 0px;
      }

      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }

    @keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      .chromeframe {
        margin: 0.2em 0;
        background: #ccc;
        color: #000;
        padding: 0.2em 0;
      }

      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
      #loader-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
      }
    }

      #loader {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #FFF;
        -webkit-animation: spin 2s linear infinite;
        -ms-animation: spin 2s linear infinite;
        -moz-animation: spin 2s linear infinite;
        -o-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        z-index: 1001;
      }

      #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #FFF;
        -webkit-animation: spin 3s linear infinite;
        -moz-animation: spin 3s linear infinite;
        -o-animation: spin 3s linear infinite;
        -ms-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
      }

      #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #FFF;
        -moz-animation: spin 1.5s linear infinite;
        -o-animation: spin 1.5s linear infinite;
        -ms-animation: spin 1.5s linear infinite;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
      }


    #loader-wrapper .loader-section {
      position: fixed;
      top: 0;
      width: 51%;
      height: 100%;
      background: #23b385;
      z-index: 1000;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
      @-webkit-keyframes spin {
        0% {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
        }

    #loader-wrapper .loader-section.section-left {
      left: 0;
    }
        100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }

    #loader-wrapper .loader-section.section-right {
      right: 0;
    }
      @keyframes spin {
        0% {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }


    .loaded #loader-wrapper .loader-section.section-left {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
      #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #23b385;
        z-index: 1000;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

    .loaded #loader-wrapper .loader-section.section-right {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
      #loader-wrapper .loader-section.section-left {
        left: 0;
      }

    .loaded #loader {
      opacity: 0;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
      #loader-wrapper .loader-section.section-right {
        right: 0;
      }

    .loaded #loader-wrapper {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: all 0.3s 1s ease-out;
      transition: all 0.3s 1s ease-out;
    }

    .no-js #loader-wrapper {
      display: none;
    }
      .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      }

    .no-js h1 {
      color: #222222;
    }
      .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      }

    #loader-wrapper .load_title {
      font-family: 'Open Sans';
      color: #FFF;
      font-size: 19px;
      width: 100%;
      text-align: center;
      z-index: 9999999999999;
      position: absolute;
      top: 60%;
      opacity: 1;
      line-height: 30px;
    }
      .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
      }

    #loader-wrapper .load_title span {
      font-weight: normal;
      font-style: italic;
      font-size: 13px;
      color: #FFF;
      opacity: 0.5;
    }
  </style>
</head>
<script src="./src/assets/ddlogin.js"></script>
<!-- <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script> -->
      .loaded #loader-wrapper {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all 0.3s 1s ease-out;
        transition: all 0.3s 1s ease-out;
      }

<body>
  <div id="app">
    <div id="loader-wrapper">
      <div id="loader"></div>
      <div class="loader-section section-left"></div>
      <div class="loader-section section-right"></div>
      <div class="load_title">正在加载文件系统资源，请稍后</div>
      .no-js #loader-wrapper {
        display: none;
      }

      .no-js h1 {
        color: #222222;
      }

      #loader-wrapper .load_title {
        font-family: 'Open Sans';
        color: #FFF;
        font-size: 19px;
        width: 100%;
        text-align: center;
        z-index: 9999999999999;
        position: absolute;
        top: 60%;
        opacity: 1;
        line-height: 30px;
      }

      #loader-wrapper .load_title span {
        font-weight: normal;
        font-style: italic;
        font-size: 13px;
        color: #FFF;
        opacity: 0.5;
      }
    </style>
  </head>
  <body>
    <div id="app">
      <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
        <div class="load_title">正在加载文件系统资源，请稍后</div>
      </div>
    </div>
  </div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <script src="public/ddlogin.js"></script>
</html>

 public/ddlogin.js


 src/permission.ts

@@ -52,7 +52,7 @@
    }
  } else {
    // 没有token
    console.log("没有token");
    console.log('没有token');
    if (whiteList.indexOf(to.path) !== -1) {
      // 在免登录白名单，直接进入
      next();
@@ -67,14 +67,14 @@
  NProgress.done();
});

const judge = (token: string) => {
const judge = (token: string | null) => {
  if (token) {
    var data = JSON.parse(token)
    const data = JSON.parse(token);
    if (data != null) {
      if (data.expirse != null && new Date().getTime() - data.expirse < 60 * 60 * 1000) {
        return true
        return true;
      }
    }
  }
  return false
}
  return false;
};

 src/utils/request.ts

@@ -47,6 +47,7 @@
    }
    // get请求映射params参数
    if (config.method === 'get' && config.params) {
      console.log(config.params, '请求参数');
      let url = config.url + '?' + tansParams(config.params);
      url = url.slice(0, -1);
      config.params = {};
@@ -78,6 +79,7 @@
    }
    // 当开启参数加密
    if (isEncrypt && (config.method === 'post' || config.method === 'put' || config.method === 'get')) {
      console.log('开启了参数加密');
      // 生成一个 AES 密钥
      const aesKey = generateAesKey();
      config.headers['encrypt-key'] = encrypt(encryptBase64(aesKey));
@@ -90,7 +92,7 @@
    return config;
  },
  (error: any) => {
    console.log(error);
    console.log(error, 'wcs');
    return Promise.reject(error);
  }
);

 src/views/dingdingLogin.vue

@@ -26,7 +26,7 @@
        setToken(JSON.stringify(data));
        window.location.href = '/index';
      } else {
        ElMessage({ message: '登录失败', type: 'error' });
        ElMessage({ message: '无权访问', type: 'error' });
        setTimeout(() => {
          window.location.href = '/login';
        }, 3000);
@@ -47,7 +47,7 @@
  } else {
    var mode = 'openid corpid';
    window.location.href =
      'https://login.dingtalk.com/oauth2/auth?redirect_uri=http://127.0.0.1:81/login&response_type=code&client_id=dingl5dxahaj3uzfug66&scope=' +
      'https://login.dingtalk.com/oauth2/auth?redirect_uri=http://171.221.173.53:8801/login&response_type=code&client_id=dingl5dxahaj3uzfug66&scope=' +
      encodeURIComponent(mode) +
      '&state=dddd&prompt=consent';
    // // STEP3：在需要的时候，调用 window.DTFrameLogin 方法构造登录二维码，并处理登录成功或失败的回调。
@@ -93,4 +93,4 @@
  // width: 300px;
  // height: 300px;
}
</style>
</style>

			@@ -19,6 +19,7 @@
			},
			plugins: ['vue', '@typescript-eslint'],
			rules: {
			"vue/comment-directive": "off",
			'vue/multi-word-component-names': 'off',
			'@typescript-eslint/no-empty-function': 'off',
			'@typescript-eslint/no-explicit-any': 'off',

			@@ -42,5 +42,13 @@
			// 然而在 Linux 和 Unix 中只使用简单的换行分隔符 (LF)。
			// 对应的控制字符为 "\n" (LF) 和 "\r\n"(CRLF)。auto意为保持现有的行尾
			// 换行符使用 lf 结尾是可选值"<auto\|lf\|crlf\|cr>"
			endOfLine: 'auto'
			endOfLine: 'auto',
			overrides: [
			{
			"files": "*.html",
			"options": {
			"parser": "html"
			}
			}
			]
			};

			@@ -1,221 +1,217 @@
			<!DOCTYPE html>
			<html>

			<head>
			<meta charset="utf-8" />
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
			<meta name="renderer" content="webkit" />
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			<link rel="icon" href="/favicon.ico" />
			<title>跨网文件同步系统</title>
			<!--[if lt IE 11
			]><script>
			window.location.href='/html/ie.html';
			</script><!
			[endif]-->
			<style>
			html,
			body,
			#app {
			height: 100%;
			margin: 0px;
			padding: 0px;
			}

			.chromeframe {
			margin: 0.2em 0;
			background: #ccc;
			color: #000;
			padding: 0.2em 0;
			}

			#loader-wrapper {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 999999;
			}

			#loader {
			display: block;
			position: relative;
			left: 50%;
			top: 50%;
			width: 150px;
			height: 150px;
			margin: -75px 0 0 -75px;
			border-radius: 50%;
			border: 3px solid transparent;
			border-top-color: #FFF;
			-webkit-animation: spin 2s linear infinite;
			-ms-animation: spin 2s linear infinite;
			-moz-animation: spin 2s linear infinite;
			-o-animation: spin 2s linear infinite;
			animation: spin 2s linear infinite;
			z-index: 1001;
			}

			#loader:before {
			content: "";
			position: absolute;
			top: 5px;
			left: 5px;
			right: 5px;
			bottom: 5px;
			border-radius: 50%;
			border: 3px solid transparent;
			border-top-color: #FFF;
			-webkit-animation: spin 3s linear infinite;
			-moz-animation: spin 3s linear infinite;
			-o-animation: spin 3s linear infinite;
			-ms-animation: spin 3s linear infinite;
			animation: spin 3s linear infinite;
			}

			#loader:after {
			content: "";
			position: absolute;
			top: 15px;
			left: 15px;
			right: 15px;
			bottom: 15px;
			border-radius: 50%;
			border: 3px solid transparent;
			border-top-color: #FFF;
			-moz-animation: spin 1.5s linear infinite;
			-o-animation: spin 1.5s linear infinite;
			-ms-animation: spin 1.5s linear infinite;
			-webkit-animation: spin 1.5s linear infinite;
			animation: spin 1.5s linear infinite;
			}


			@-webkit-keyframes spin {
			0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			<head>
			<meta charset="utf-8" />
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
			<meta name="renderer" content="webkit" />
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			<link rel="icon" href="/favicon.ico" />
			<title>跨网文件同步系统</title>
			<!--[if lt IE 11
			]><script>
			window.location.href='/html/ie.html';
			</script><!
			[endif]-->
			<style>
			html,
			body,
			#app {
			height: 100%;
			margin: 0px;
			padding: 0px;
			}

			100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
			}
			}

			@keyframes spin {
			0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			.chromeframe {
			margin: 0.2em 0;
			background: #ccc;
			color: #000;
			padding: 0.2em 0;
			}

			100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
			#loader-wrapper {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 999999;
			}
			}

			#loader {
			display: block;
			position: relative;
			left: 50%;
			top: 50%;
			width: 150px;
			height: 150px;
			margin: -75px 0 0 -75px;
			border-radius: 50%;
			border: 3px solid transparent;
			border-top-color: #FFF;
			-webkit-animation: spin 2s linear infinite;
			-ms-animation: spin 2s linear infinite;
			-moz-animation: spin 2s linear infinite;
			-o-animation: spin 2s linear infinite;
			animation: spin 2s linear infinite;
			z-index: 1001;
			}

			#loader:before {
			content: "";
			position: absolute;
			top: 5px;
			left: 5px;
			right: 5px;
			bottom: 5px;
			border-radius: 50%;
			border: 3px solid transparent;
			border-top-color: #FFF;
			-webkit-animation: spin 3s linear infinite;
			-moz-animation: spin 3s linear infinite;
			-o-animation: spin 3s linear infinite;
			-ms-animation: spin 3s linear infinite;
			animation: spin 3s linear infinite;
			}

			#loader:after {
			content: "";
			position: absolute;
			top: 15px;
			left: 15px;
			right: 15px;
			bottom: 15px;
			border-radius: 50%;
			border: 3px solid transparent;
			border-top-color: #FFF;
			-moz-animation: spin 1.5s linear infinite;
			-o-animation: spin 1.5s linear infinite;
			-ms-animation: spin 1.5s linear infinite;
			-webkit-animation: spin 1.5s linear infinite;
			animation: spin 1.5s linear infinite;
			}


			#loader-wrapper .loader-section {
			position: fixed;
			top: 0;
			width: 51%;
			height: 100%;
			background: #23b385;
			z-index: 1000;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			}
			@-webkit-keyframes spin {
			0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			}

			#loader-wrapper .loader-section.section-left {
			left: 0;
			}
			100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
			}
			}

			#loader-wrapper .loader-section.section-right {
			right: 0;
			}
			@keyframes spin {
			0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			}

			100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
			}
			}


			.loaded #loader-wrapper .loader-section.section-left {
			-webkit-transform: translateX(-100%);
			-ms-transform: translateX(-100%);
			transform: translateX(-100%);
			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			}
			#loader-wrapper .loader-section {
			position: fixed;
			top: 0;
			width: 51%;
			height: 100%;
			background: #23b385;
			z-index: 1000;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			}

			.loaded #loader-wrapper .loader-section.section-right {
			-webkit-transform: translateX(100%);
			-ms-transform: translateX(100%);
			transform: translateX(100%);
			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			}
			#loader-wrapper .loader-section.section-left {
			left: 0;
			}

			.loaded #loader {
			opacity: 0;
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			}
			#loader-wrapper .loader-section.section-right {
			right: 0;
			}

			.loaded #loader-wrapper {
			visibility: hidden;
			-webkit-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			transform: translateY(-100%);
			-webkit-transition: all 0.3s 1s ease-out;
			transition: all 0.3s 1s ease-out;
			}

			.no-js #loader-wrapper {
			display: none;
			}
			.loaded #loader-wrapper .loader-section.section-left {
			-webkit-transform: translateX(-100%);
			-ms-transform: translateX(-100%);
			transform: translateX(-100%);
			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			}

			.no-js h1 {
			color: #222222;
			}
			.loaded #loader-wrapper .loader-section.section-right {
			-webkit-transform: translateX(100%);
			-ms-transform: translateX(100%);
			transform: translateX(100%);
			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			}

			#loader-wrapper .load_title {
			font-family: 'Open Sans';
			color: #FFF;
			font-size: 19px;
			width: 100%;
			text-align: center;
			z-index: 9999999999999;
			position: absolute;
			top: 60%;
			opacity: 1;
			line-height: 30px;
			}
			.loaded #loader {
			opacity: 0;
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			}

			#loader-wrapper .load_title span {
			font-weight: normal;
			font-style: italic;
			font-size: 13px;
			color: #FFF;
			opacity: 0.5;
			}
			</style>
			</head>
			<script src="./src/assets/ddlogin.js"></script>
			<!-- <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script> -->
			.loaded #loader-wrapper {
			visibility: hidden;
			-webkit-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			transform: translateY(-100%);
			-webkit-transition: all 0.3s 1s ease-out;
			transition: all 0.3s 1s ease-out;
			}

			<body>
			<div id="app">
			<div id="loader-wrapper">
			<div id="loader"></div>
			<div class="loader-section section-left"></div>
			<div class="loader-section section-right"></div>
			<div class="load_title">正在加载文件系统资源，请稍后</div>
			.no-js #loader-wrapper {
			display: none;
			}

			.no-js h1 {
			color: #222222;
			}

			#loader-wrapper .load_title {
			font-family: 'Open Sans';
			color: #FFF;
			font-size: 19px;
			width: 100%;
			text-align: center;
			z-index: 9999999999999;
			position: absolute;
			top: 60%;
			opacity: 1;
			line-height: 30px;
			}

			#loader-wrapper .load_title span {
			font-weight: normal;
			font-style: italic;
			font-size: 13px;
			color: #FFF;
			opacity: 0.5;
			}
			</style>
			</head>
			<body>
			<div id="app">
			<div id="loader-wrapper">
			<div id="loader"></div>
			<div class="loader-section section-left"></div>
			<div class="loader-section section-right"></div>
			<div class="load_title">正在加载文件系统资源，请稍后</div>
			</div>
			</div>
			</div>
			<script type="module" src="/src/main.ts"></script>
			</body>

			</html>
			<script type="module" src="/src/main.ts"></script>
			</body>
			<script src="public/ddlogin.js"></script>
			</html>

			@@ -52,7 +52,7 @@
			}
			} else {
			// 没有token
			console.log("没有token");
			console.log('没有token');
			if (whiteList.indexOf(to.path) !== -1) {
			// 在免登录白名单，直接进入
			next();
			@@ -67,14 +67,14 @@
			NProgress.done();
			});

			const judge = (token: string) => {
			const judge = (token: string \| null) => {
			if (token) {
			var data = JSON.parse(token)
			const data = JSON.parse(token);
			if (data != null) {
			if (data.expirse != null && new Date().getTime() - data.expirse < 60 * 60 * 1000) {
			return true
			return true;
			}
			}
			}
			return false
			}
			return false;
			};

			@@ -47,6 +47,7 @@
			}
			// get请求映射params参数
			if (config.method === 'get' && config.params) {
			console.log(config.params, '请求参数');
			let url = config.url + '?' + tansParams(config.params);
			url = url.slice(0, -1);
			config.params = {};
			@@ -78,6 +79,7 @@
			}
			// 当开启参数加密
			if (isEncrypt && (config.method === 'post' \|\| config.method === 'put' \|\| config.method === 'get')) {
			console.log('开启了参数加密');
			// 生成一个 AES 密钥
			const aesKey = generateAesKey();
			config.headers['encrypt-key'] = encrypt(encryptBase64(aesKey));
			@@ -90,7 +92,7 @@
			return config;
			},
			(error: any) => {
			console.log(error);
			console.log(error, 'wcs');
			return Promise.reject(error);
			}
			);

			@@ -26,7 +26,7 @@
			setToken(JSON.stringify(data));
			window.location.href = '/index';
			} else {
			ElMessage({ message: '登录失败', type: 'error' });
			ElMessage({ message: '无权访问', type: 'error' });
			setTimeout(() => {
			window.location.href = '/login';
			}, 3000);
			@@ -47,7 +47,7 @@
			} else {
			var mode = 'openid corpid';
			window.location.href =
			'https://login.dingtalk.com/oauth2/auth?redirect_uri=http://127.0.0.1:81/login&response_type=code&client_id=dingl5dxahaj3uzfug66&scope=' +
			'https://login.dingtalk.com/oauth2/auth?redirect_uri=http://171.221.173.53:8801/login&response_type=code&client_id=dingl5dxahaj3uzfug66&scope=' +
			encodeURIComponent(mode) +
			'&state=dddd&prompt=consent';
			// // STEP3：在需要的时候，调用 window.DTFrameLogin 方法构造登录二维码，并处理登录成功或失败的回调。
			@@ -93,4 +93,4 @@
			// width: 300px;
			// height: 300px;
			}
			</style>
			</style>