n20-common-lib 1.2.24 → 1.2.27

package/src/components/LoginTemporary/index.vue

@@ -1,135 +1,146 @@
-<template>
-  <div
-    class="login-wrap"
-    :style="{ backgroundImage: loginBg && `url(${loginBg})` }"
-  >
-    <div class="login-logo-box flex-box flex-v">
-      <img
-        v-if="loginLogo"
-        :src="loginLogo"
-        :style="{ width: loginLogoWidth, height: loginLogoHeight }"
-      />
-      <span
-        v-if="loginLogo && loginLogoText"
-        class="login-logo-hr m-l-s m-r-s"
-      ></span>
-      <h3 class="login-logo-text">
-        {{ loginLogoText }}
-      </h3>
-    </div>
-    <loginForm
-      v-if="type"
-      @changType="getChangetype"
-      :login-types="loginTypes"
-      :login-then="loginThen"
-      class="login-form"
-    >
-      <div slot="header" class="login-form-header m-b text-c">欢 迎 登 录</div>
-      <div slot="footer" class="login-form-footer m-t text-r">
-        <slot name="footer">
-          为达到更好的体验效果，请<a
-            class="el-icon-bottom"
-            href="https://down.360safe.com/se/360se13.1.5101.0.exe"
-            download="启程浏览器.exe"
-            style="text-decoration: none; color: var(--color-primary)"
-            >下载</a
-          >启程浏览器
-        </slot>
-      </div>
-    </loginForm>
-    <retrievePw
-      @changType="getChangetype"
-      class="login-form"
-      v-else
-    ></retrievePw>
-  </div>
-</template>
-
-<script>
-import getJsonc from '../../assets/getJsonc'
-import realUrl from '../../assets/realUrl'
-
-import loginForm from './form.vue'
-import retrievePw from './retrievePw.vue'
-export default {
-  name: 'Login',
-  components: {
-    loginForm,
-    retrievePw
-  },
-  props: {
-    loginThen: {
-      type: Function,
-      default: undefined
-    }
-  },
-  data() {
-    return {
-      loginTypes: ['account'],
-      loginBg: undefined,
-      loginLogo: undefined,
-      loginLogoWidth: '60px',
-      loginLogoHeight: 'auto',
-      loginLogoText: '',
-      type: true
-    }
-  },
-  created() {
-    this.removeStorage()
-    this.setConfig()
-  },
-  methods: {
-    setConfig() {
-      getJsonc('/server-config.jsonc').then(({ _layoutData = {} }) => {
-        _layoutData.loginTypes && (this.loginTypes = _layoutData.loginTypes)
-        this.loginBg = realUrl(_layoutData.loginBg)
-        this.loginLogo = realUrl(_layoutData.loginLogo)
-        this.loginLogoWidth = _layoutData.loginLogoWidth
-        this.loginLogoHeight = _layoutData.loginLogoHeight
-        this.loginLogoText = _layoutData.loginLogoText
-      })
-    },
-    removeStorage() {
-      for (let k in window.sessionStorage) {
-        !['subEntry'].includes(k) && window.sessionStorage.removeItem(k)
-      }
-    },
-    getChangetype(val) {
-      this.type = val
-    }
-  }
-}
-</script>
-<style scoped>
-.login-logo-box {
-  position: absolute;
-  top: 26px;
-  left: 26px;
-  color: #ffffff;
-}
-.login-logo-hr {
-  height: 24px;
-  border-left: 2px solid;
-}
-.login-logo-text {
-  margin: 0;
-  font-size: 28px;
-}
-.login-form {
-  position: absolute;
-  top: 20%;
-  right: 10%;
-  width: 324px;
-  min-height: 360px;
-  background: #f7f6f6;
-  padding: 30px !important;
-}
-.login-form-header {
-  font-size: 16px;
-  color: #3d4a57;
-}
-.login-form-footer {
-  font-size: 12px;
-  color: #3d4a57;
-}
-</style>
+<template>
+  <div
+    class="login-wrap"
+    :style="{ backgroundImage: loginBg && `url(${loginBg})` }"
+  >
+    <div class="login-logo-box flex-box flex-v">
+      <img
+        v-if="loginLogo"
+        :src="loginLogo"
+        :style="{ width: loginLogoWidth, height: loginLogoHeight }"
+      />
+      <span
+        v-if="loginLogo && loginLogoText"
+        class="login-logo-hr m-l-s m-r-s"
+      ></span>
+      <h3 class="login-logo-text">
+        {{ loginLogoText }}
+      </h3>
+    </div>
+    <div class="title-nav">{{title}}</div>
+    <loginForm
+      v-if="type"
+      @changType="getChangetype"
+      :login-types="loginTypes"
+      :login-then="loginThen"
+      class="login-form"
+    >
+      <div slot="header" class="login-form-header m-b text-c">欢 迎 登 录</div>
+      <div slot="footer" class="login-form-footer m-t text-r">
+        <slot name="footer">
+          为达到更好的体验效果，请<a
+            class="el-icon-bottom"
+            href="https://down.360safe.com/se/360se13.1.5101.0.exe"
+            download="启程浏览器.exe"
+            style="text-decoration: none; color: var(--color-primary)"
+            >下载</a
+          >启程浏览器
+        </slot>
+      </div>
+    </loginForm>
+    <retrievePw
+      @changType="getChangetype"
+      class="login-form"
+      v-else
+    ></retrievePw>
+  </div>
+</template>
+
+<script>
+import getJsonc from '../../assets/getJsonc'
+import realUrl from '../../assets/realUrl'
+
+import loginForm from './form.vue'
+import retrievePw from './retrievePw.vue'
+export default {
+  name: 'Login',
+  components: {
+    loginForm,
+    retrievePw
+  },
+  props: {
+    loginThen: {
+      type: Function,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      title:'',
+      loginTypes: ['account'],
+      loginBg: undefined,
+      loginLogo: undefined,
+      loginLogoWidth: '60px',
+      loginLogoHeight: 'auto',
+      loginLogoText: '',
+      type: true
+    }
+  },
+  created() {
+    this.removeStorage()
+    this.setConfig()
+  },
+  methods: {
+    setConfig() {
+      getJsonc('/server-config.jsonc').then(({ _layoutData = {} }) => {
+        _layoutData.loginTypes && (this.loginTypes = _layoutData.loginTypes)
+        this.loginBg = realUrl(_layoutData.loginBg)
+        this.loginLogo = realUrl(_layoutData.loginLogo)
+        this.loginLogoWidth = _layoutData.loginLogoWidth
+        this.loginLogoHeight = _layoutData.loginLogoHeight
+        this.loginLogoText = _layoutData.loginLogoText
+        this.title = _layoutData.loginLogoText
+      })
+    },
+    removeStorage() {
+      for (let k in window.sessionStorage) {
+        !['subEntry'].includes(k) && window.sessionStorage.removeItem(k)
+      }
+    },
+    getChangetype(val) {
+      this.type = val
+    }
+  }
+}
+</script>
+<style scoped>
+.login-logo-box {
+  position: absolute;
+  top: 26px;
+  left: 26px;
+  color: #ffffff;
+}
+.login-logo-hr {
+  height: 24px;
+  border-left: 2px solid;
+}
+.login-logo-text {
+  margin: 0;
+  font-size: 28px;
+}
+.login-form {
+  position: absolute;
+  top: 20%;
+  right: 10%;
+  width: 324px;
+  min-height: 360px;
+  background: #f7f6f6;
+  padding: 30px !important;
+}
+.login-form-header {
+  font-size: 16px;
+  color: #3d4a57;
+}
+.login-form-footer {
+  font-size: 12px;
+  color: #3d4a57;
+}
+.title-nav {
+  position: absolute;
+  top: 40%;
+  left: 10%;
+  font-size: 68px;
+  font-weight: 600;
+  color: #e6ad85;
+}
+</style>

package/src/components/LoginTemporary/qrcode.vue

@@ -1,90 +1,90 @@
-<template>
-  <div v-loading="loadingV">
-    <canvas
-      ref="qr-canvas"
-      style="display: block; width: 212px; height: 212px; margin: 0 auto"
-    ></canvas>
-    <div
-      class="text-r"
-      style="font-size: 12px; color: #3d4a57; margin-bottom: -8px"
-    >
-      请使用网银移动端扫码免Ukey登录<el-button
-        class="m-l-s"
-        type="text"
-        @click="refreshQrCode"
-      >
-        <i class="el-icon-refresh"></i>
-        刷新</el-button
-      >
-    </div>
-  </div>
-</template>
-<script>
-import QRCode from 'qrcode'
-import axios from '../../utils/axios'
-
-export default {
-  data() {
-    this.timeA = undefined
-    return {
-      loadingV: false,
-      qrCode: ''
-    }
-  },
-  created() {
-    this.getQrcode()
-  },
-  beforeDestroy() {
-    clearTimeout(this.timeA)
-  },
-  methods: {
-    getQrcode() {
-      this.loadingV = true
-      let loading = () => {
-        setTimeout(() => {
-          this.loadingV = false
-        }, 500)
-      }
-
-      axios
-        .get('/bems/prod_1.0/uas/api/qrCode', null, { loading })
-        .then(({ data }) => {
-          this.qrCode = data.qrCode
-
-          let qrCanvas = this.$refs['qr-canvas']
-          let width = qrCanvas.clientWidth
-
-          QRCode.toCanvas(this.$refs['qr-canvas'], this.qrCode, {
-            width: width,
-            height: width,
-            margin: 1
-          })
-
-          this.getQrCodePwd()
-        })
-    },
-    refreshQrCode() {
-      this.getQrcode()
-    },
-    getQrCodePwd() {
-      axios
-        .get(`/bems/prod_1.0/uas/api/qrCode/${this.qrCode}`, null, {
-          loading: false
-        })
-        .then(({ data }) => {
-          clearTimeout(this.timeA)
-          if (data.status === 3) {
-            this.QrcodeLogin(data)
-          } else {
-            this.timeA = setTimeout(() => {
-              this.getQrCodePwd()
-            }, 2000)
-          }
-        })
-    },
-    QrcodeLogin({ userNo, qrcode }) {
-      this.$emit('qrcode-login', { userNo, qrcode })
-    }
-  }
-}
-</script>
+<template>
+  <div v-loading="loadingV">
+    <canvas
+      ref="qr-canvas"
+      style="display: block; width: 212px; height: 212px; margin: 0 auto"
+    ></canvas>
+    <div
+      class="text-r"
+      style="font-size: 12px; color: #3d4a57; margin-bottom: -8px"
+    >
+      请使用网银移动端扫码免Ukey登录<el-button
+        class="m-l-s"
+        type="text"
+        @click="refreshQrCode"
+      >
+        <i class="el-icon-refresh"></i>
+        刷新</el-button
+      >
+    </div>
+  </div>
+</template>
+<script>
+import QRCode from 'qrcode'
+import axios from '../../utils/axios'
+
+export default {
+  data() {
+    this.timeA = undefined
+    return {
+      loadingV: false,
+      qrCode: ''
+    }
+  },
+  created() {
+    this.getQrcode()
+  },
+  beforeDestroy() {
+    clearTimeout(this.timeA)
+  },
+  methods: {
+    getQrcode() {
+      this.loadingV = true
+      let loading = () => {
+        setTimeout(() => {
+          this.loadingV = false
+        }, 500)
+      }
+
+      axios
+        .get('/bems/prod_1.0/uas/api/qrCode', null, { loading })
+        .then(({ data }) => {
+          this.qrCode = data.qrCode
+
+          let qrCanvas = this.$refs['qr-canvas']
+          let width = qrCanvas.clientWidth
+
+          QRCode.toCanvas(this.$refs['qr-canvas'], this.qrCode, {
+            width: width,
+            height: width,
+            margin: 1
+          })
+
+          this.getQrCodePwd()
+        })
+    },
+    refreshQrCode() {
+      this.getQrcode()
+    },
+    getQrCodePwd() {
+      axios
+        .get(`/bems/prod_1.0/uas/api/qrCode/${this.qrCode}`, null, {
+          loading: false
+        })
+        .then(({ data }) => {
+          clearTimeout(this.timeA)
+          if (data.status === 3) {
+            this.QrcodeLogin(data)
+          } else {
+            this.timeA = setTimeout(() => {
+              this.getQrCodePwd()
+            }, 2000)
+          }
+        })
+    },
+    QrcodeLogin({ userNo, qrcode }) {
+      this.$emit('qrcode-login', { userNo, qrcode })
+    }
+  }
+}
+</script>