n20-common-lib 1.2.2 → 1.2.3

package/src/components/LoginTemporary/index.vue

@@ -1,122 +1,122 @@
-<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
-      :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>
-  </div>
-</template>
-
-<script>
-import getJsonc from '../../assets/getJsonc'
-import realUrl from '../../assets/realUrl'
-
-import loginForm from './form.vue'
-export default {
-  name: 'Login',
-  components: {
-    loginForm
-  },
-  props: {
-    loginThen: {
-      type: Function,
-      default: undefined
-    }
-  },
-  data() {
-    return {
-      loginTypes: ['account'],
-      loginBg: undefined,
-      loginLogo: undefined,
-      loginLogoWidth: '60px',
-      loginLogoHeight: 'auto',
-      loginLogoText: ''
-    }
-  },
-  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)
-      }
-    }
-  }
-}
-</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>
+    <loginForm
+      :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>
+  </div>
+</template>
+
+<script>
+import getJsonc from '../../assets/getJsonc'
+import realUrl from '../../assets/realUrl'
+
+import loginForm from './form.vue'
+export default {
+  name: 'Login',
+  components: {
+    loginForm
+  },
+  props: {
+    loginThen: {
+      type: Function,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      loginTypes: ['account'],
+      loginBg: undefined,
+      loginLogo: undefined,
+      loginLogoWidth: '60px',
+      loginLogoHeight: 'auto',
+      loginLogoText: ''
+    }
+  },
+  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)
+      }
+    }
+  }
+}
+</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>

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>

package/src/components/LoginTemporary/retrievePw.vue

@@ -1,28 +1,28 @@
-<template>
-  <div>
-    <div>找回密码开发中...</div>
-    <div class="dialog-footer">
-      <el-button type="primary" @click="confirmFn">确认</el-button>
-      <el-button @click="closeFn">取消</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    closeFn() {
-      this.$emit('update:visible', false)
-    },
-    confirmFn() {
-      this.$emit('update:visible', false)
-    }
-  }
-}
-</script>
+<template>
+  <div>
+    <div>找回密码开发中...</div>
+    <div class="dialog-footer">
+      <el-button type="primary" @click="confirmFn">确认</el-button>
+      <el-button @click="closeFn">取消</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    closeFn() {
+      this.$emit('update:visible', false)
+    },
+    confirmFn() {
+      this.$emit('update:visible', false)
+    }
+  }
+}
+</script>

package/src/components/LoginTemporary/utils.js

@@ -1,73 +1,73 @@
-import forEachs from '../../utils/forEachs'
-import list2tree from '../../utils/list2tree'
-
-export function siteTree2menus(siteTree) {
-  let list_1 = []
-
-  forEachs(siteTree, (item) => {
-    if (item.resType === '1' || item.resType === '2') {
-      list_1.push(item)
-    }
-  })
-
-  let list_2 = []
-  list_1.forEach((item) => {
-    let menuObj = {
-      menuid: item.menuid,
-      pmid: item.pmid,
-      sortnum: item.sortnum ? Number(item.sortnum) : item.menuid,
-      appNo: item.appNo || undefined,
-      title: item.label
-    }
-    if (/^http(s)?:|\/\//.test(item.pageurl)) {
-      menuObj.href = item.pageurl
-    } else {
-      menuObj.route = item.pageurl
-    }
-
-    if (/\//.test(item.logo)) {
-      menuObj.iconUrl = item.logo
-    } else {
-      menuObj.iconClass = item.logo
-    }
-
-    if (item.resType === '2') {
-      menuObj.hide = true
-    }
-
-    list_2.push(menuObj)
-  })
-
-  return list2tree(list_2, 'menuid', 'pmid', 'children', 'sortnum')
-}
-
-export function siteTree2RelaNos(siteTree) {
-  let relaNos = []
-  siteTree.forEach((m) => {
-    let oRelaObj = relaNos.find((item) => item.appNo === m.appNo)
-    if (oRelaObj) {
-      m.treeno && oRelaObj.relaNos.push(m.treeno)
-      if (Array.isArray(m.children)) {
-        forEachs(m.children, (item) => {
-          item.treeno && oRelaObj.relaNos.push(item.treeno)
-        })
-      }
-    } else {
-      oRelaObj = {
-        appNo: m.appNo,
-        label: m.label,
-        pageurl: m.pageurl,
-        relaNos: []
-      }
-
-      m.treeno && oRelaObj.relaNos.push(m.treeno)
-      if (Array.isArray(m.children)) {
-        forEachs(m.children, (item) => {
-          item.treeno && oRelaObj.relaNos.push(item.treeno)
-        })
-      }
-      relaNos.push(oRelaObj)
-    }
-  })
-  return relaNos
-}
+import forEachs from '../../utils/forEachs'
+import list2tree from '../../utils/list2tree'
+
+export function siteTree2menus(siteTree) {
+  let list_1 = []
+
+  forEachs(siteTree, (item) => {
+    if (item.resType === '1' || item.resType === '2') {
+      list_1.push(item)
+    }
+  })
+
+  let list_2 = []
+  list_1.forEach((item) => {
+    let menuObj = {
+      menuid: item.menuid,
+      pmid: item.pmid,
+      sortnum: item.sortnum ? Number(item.sortnum) : item.menuid,
+      appNo: item.appNo || undefined,
+      title: item.label
+    }
+    if (/^http(s)?:|\/\//.test(item.pageurl)) {
+      menuObj.href = item.pageurl
+    } else {
+      menuObj.route = item.pageurl
+    }
+
+    if (/\//.test(item.logo)) {
+      menuObj.iconUrl = item.logo
+    } else {
+      menuObj.iconClass = item.logo
+    }
+
+    if (item.resType === '2') {
+      menuObj.hide = true
+    }
+
+    list_2.push(menuObj)
+  })
+
+  return list2tree(list_2, 'menuid', 'pmid', 'children', 'sortnum')
+}
+
+export function siteTree2RelaNos(siteTree) {
+  let relaNos = []
+  siteTree.forEach((m) => {
+    let oRelaObj = relaNos.find((item) => item.appNo === m.appNo)
+    if (oRelaObj) {
+      m.treeno && oRelaObj.relaNos.push(m.treeno)
+      if (Array.isArray(m.children)) {
+        forEachs(m.children, (item) => {
+          item.treeno && oRelaObj.relaNos.push(item.treeno)
+        })
+      }
+    } else {
+      oRelaObj = {
+        appNo: m.appNo,
+        label: m.label,
+        pageurl: m.pageurl,
+        relaNos: []
+      }
+
+      m.treeno && oRelaObj.relaNos.push(m.treeno)
+      if (Array.isArray(m.children)) {
+        forEachs(m.children, (item) => {
+          item.treeno && oRelaObj.relaNos.push(item.treeno)
+        })
+      }
+      relaNos.push(oRelaObj)
+    }
+  })
+  return relaNos
+}