n20-common-lib 1.2.39 → 1.2.42

package/src/components/LoginTemporary/index.vue

@@ -1,139 +1,139 @@
-<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>
-    <!-- eslint-disable-next-line vue/no-v-html -->
-    <div doc="登录页标语" v-html="sloganHtml"></div>
-    <loginForm
-      v-if="operateType === 'login'"
-      :login-types="loginTypes"
-      :login-then="loginThen"
-      class="login-form"
-      @changType="getChangetype"
-    >
-      <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
-      v-if="operateType === 'retrievePw'"
-      class="login-form"
-      @changType="getChangetype"
-    />
-  </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: '',
-      sloganHtml: '',
-      operateType: 'login'
-    }
-  },
-  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.sloganHtml = _layoutData.loginSloganHtml
-      })
-    },
-    removeStorage() {
-      for (let k in window.sessionStorage) {
-        !['subEntry'].includes(k) && window.sessionStorage.removeItem(k)
-      }
-    },
-    getChangetype(val) {
-      this.operateType = 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>
+    <!-- eslint-disable-next-line vue/no-v-html -->
+    <div doc="登录页标语" v-html="sloganHtml"></div>
+    <loginForm
+      v-if="operateType === 'login'"
+      :login-types="loginTypes"
+      :login-then="loginThen"
+      class="login-form"
+      @changType="getChangetype"
+    >
+      <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
+      v-if="operateType === 'retrievePw'"
+      class="login-form"
+      @changType="getChangetype"
+    />
+  </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: '',
+      sloganHtml: '',
+      operateType: 'login'
+    }
+  },
+  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.sloganHtml = _layoutData.loginSloganHtml
+      })
+    },
+    removeStorage() {
+      for (let k in window.sessionStorage) {
+        !['subEntry'].includes(k) && window.sessionStorage.removeItem(k)
+      }
+    },
+    getChangetype(val) {
+      this.operateType = 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>