n20-common-lib 1.1.98

package/src/components/LoginTemporary/qrcode.vue

@@ -0,0 +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>

package/src/components/LoginTemporary/retrievePw.vue

@@ -0,0 +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>

package/src/components/LoginTemporary/utils.js

@@ -0,0 +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
+}

package/src/components/MicroApp/index.js

@@ -0,0 +1,67 @@
+import { loadMicroApp } from 'qiankun'
+export default {
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    entry: {
+      type: String,
+      default: ''
+    },
+    props: {
+      type: Object,
+      default: undefined
+    },
+    noCache: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    this.microApp = undefined
+    return {}
+  },
+  computed: {
+    appName() {
+      return '_qiankun_abstract_' + this.name
+    }
+  },
+  watch: {
+    entry() {
+      this.mountApp()
+    }
+  },
+  mounted() {
+    this.mountApp()
+  },
+  activated() {
+    if (this.noCache && window._pending_update_cache) {
+      window._pending_update_cache[this.props.router] = true
+      window.postMessage({
+        updateCache: true,
+        targetName: '*',
+        originName: 'main'
+      })
+    }
+  },
+  beforeDestroy() {
+    window[this.appName]?.unmount({ props: this.props })
+  },
+  methods: {
+    async mountApp() {
+      window[this.appName]?.unmount({ props: this.props })
+      if (this.entry) {
+        window[this.appName] = loadMicroApp({
+          name: this.name,
+          container: this.$el,
+          entry: this.entry,
+          props: this.props
+        })
+      }
+    }
+  },
+  render(h) {
+    return h('div')
+  }
+}

package/src/components/MicroFrame/index.vue

@@ -0,0 +1,95 @@
+<template>
+  <content-loading />
+</template>
+
+<script>
+import contentLoading from '../ContentLoading'
+export default {
+  components: {
+    contentLoading
+  },
+  data() {
+    return {
+      loading: true,
+      frameUrl: undefined
+    }
+  },
+  activated() {
+    let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+    if (!contentWrap) {
+      this.getUrl()
+      this.addFrame()
+    } else {
+      this.showFrame()
+    }
+    contentWrap = undefined
+  },
+  deactivated() {
+    this.hideFrame()
+  },
+  methods: {
+    destroy() {
+      this.removeFrame()
+    },
+    getUrl() {
+      let hrefPrefix = this.$route.meta.hrefPrefix || '/'
+      let pathMatch = this.$route.params.pathMatch || ''
+      let [path, params] = pathMatch.split('/_PARAMS_/')
+      let url = hrefPrefix + path
+      params && (url = url + '?' + params)
+
+      this.frameUrl = url
+    },
+    addFrame() {
+      let frame = document.createElement('iframe')
+      frame.setAttribute('src', this.frameUrl)
+      frame.style.width = '100%'
+      frame.style.height = '100%'
+
+      frame.addEventListener('load', () => {
+        let subDoc = frame.contentDocument
+        if (subDoc) {
+          let style = subDoc.createElement('style')
+          style.textContent =
+            '::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-color:transparent;border-style:solid}::-webkit-scrollbar-thumb{min-height:28px;background-color:rgba(0,0,0,0.07);border-width:0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.25)}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.03)}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.03)}html{overflow:auto}'
+          subDoc.querySelector('head').appendChild(style)
+        }
+
+        contentWrap.style.display = ''
+        this.loading = false
+      })
+
+      let contentBox = document.createElement('div')
+      contentBox.setAttribute('class', 'content-box')
+      contentBox.style.overflow = 'hidden'
+      contentBox.appendChild(frame)
+
+      let contentWrap = document.createElement('div')
+      contentWrap.setAttribute('class', 'content-wrap')
+      contentWrap.setAttribute('data-url', this.frameUrl)
+      contentWrap.style.display = 'none'
+      contentWrap.appendChild(contentBox)
+
+      document.querySelector('body').appendChild(contentWrap)
+    },
+    showFrame() {
+      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+      if (contentWrap) {
+        contentWrap.style.display = ''
+      }
+    },
+    hideFrame() {
+      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+      if (contentWrap) {
+        contentWrap.style.display = 'none'
+      }
+    },
+    removeFrame() {
+      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+      if (contentWrap) {
+        contentWrap.parentNode.removeChild(contentWrap)
+      }
+    }
+  }
+}
+</script>

package/src/components/MoreTab/index.vue

@@ -0,0 +1,232 @@
+/**
+ * author: zhengwei
+ * tiem: 2021-8-31
+ */
+<template>
+  <div class="__common-layout-pageTabs">
+    <el-scrollbar>
+      <div class="__tabs">
+        <div
+          v-for="item in openedPageRouters"
+          :key="item.fullPath"
+          class="__tab-item"
+          :class="{
+            '__is-active': item.fullPath == $route.fullPath
+          }"
+          @click="onClick(item)"
+          @contextmenu.prevent="showContextMenu($event, item)"
+        >
+          {{ item.meta.title }}
+          <span
+            class="el-icon-close"
+            :style="openedPageRouters.length <= 1 ? 'width:0;' : ''"
+            @click.stop="onClose(item)"
+            @contextmenu.prevent.stop
+          ></span>
+        </div>
+      </div>
+    </el-scrollbar>
+    <div v-show="contextMenuVisible">
+      <ul
+        :style="{ left: contextMenuLeft + 'px', top: contextMenuTop + 'px' }"
+        class="__contextmenu"
+      >
+        <li>
+          <el-button type="text" size="mini" @click="reload()"
+            >重新加载</el-button
+          >
+        </li>
+        <li>
+          <el-button
+            type="text"
+            :disabled="false"
+            size="mini"
+            @click="closeOtherLeft"
+            >关闭左边</el-button
+          >
+        </li>
+        <li>
+          <el-button
+            type="text"
+            :disabled="false"
+            size="mini"
+            @click="closeOtherRight"
+            >关闭右边</el-button
+          >
+        </li>
+        <li>
+          <el-button type="text" size="mini" @click="closeOther"
+            >关闭其他</el-button
+          >
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'MoreTab',
+  props: {
+    keepAliveComponentInstance: {
+      type: Object,
+      default: () => ({})
+    }, //keep-alive控件实例对象
+    blankRouteName: {
+      type: String,
+      default: 'blank'
+    } //空白路由的name值
+  },
+  data() {
+    return {
+      contextMenuVisible: false, //右键菜单是否显示
+      contextMenuLeft: 0, //右键菜单显示位置
+      contextMenuTop: 0, //右键菜单显示位置
+      contextMenuTargetPageRoute: null, //右键所指向的菜单路由
+      openedPageRouters: [] //已打开的路由页面
+    }
+  },
+  watch: {
+    //当路由变更时，执行打开页面的方法
+    $route: {
+      handler(v) {
+        this.openPage(v)
+      },
+      immediate: true
+    }
+  },
+  mounted() {
+    //添加点击关闭右键菜单
+    window.addEventListener('click', this.closeContextMenu)
+  },
+  destroyed() {
+    window.removeEventListener('click', this.closeContextMenu)
+  },
+  methods: {
+    //打开页面
+    openPage(route) {
+      if (route.name === this.blankRouteName) {
+        return
+      }
+      let isExist = this.openedPageRouters.some(
+        (item) => item.fullPath === route.fullPath
+      )
+      if (!isExist) {
+        let openedPageRoute = this.openedPageRouters.find(
+          (item) => item.path === route.path
+        ) //判断页面是否支持不同参数多开页面功能，如果不支持且已存在path值一样的页面路由，那就替换它
+        if (!route.meta.canMultipleOpen && openedPageRoute != null) {
+          this.delRouteCache(openedPageRoute.fullPath)
+          this.openedPageRouters.splice(
+            this.openedPageRouters.indexOf(openedPageRoute),
+            1,
+            route
+          )
+        } else {
+          this.openedPageRouters.push(route)
+        }
+      }
+    }, //点击页面标签卡时
+    onClick(route) {
+      if (route.fullPath !== this.$route.fullPath) {
+        this.$router.push(route.fullPath)
+      }
+    }, //关闭页面标签时
+    onClose(route) {
+      let index = this.openedPageRouters.indexOf(route)
+      this.delPageRoute(route)
+      if (route.fullPath === this.$route.fullPath) {
+        //删除页面后，跳转到上一页面
+        this.$router.replace(
+          this.openedPageRouters[index === 0 ? 0 : index - 1]
+        )
+      }
+    }, //右键显示菜单
+    showContextMenu(e, route) {
+      this.contextMenuTargetPageRoute = route
+      this.contextMenuLeft = e.layerX
+      this.contextMenuTop = e.layerY
+      this.contextMenuVisible = true
+    }, //隐藏右键菜单
+    closeContextMenu() {
+      this.contextMenuVisible = false
+      this.contextMenuTargetPageRoute = null
+    }, //重载页面
+    reload() {
+      this.delRouteCache(this.contextMenuTargetPageRoute.fullPath)
+      if (this.contextMenuTargetPageRoute.fullPath === this.$route.fullPath) {
+        this.$router.replace({ name: this.blankRouteName }).then(() => {
+          this.$router.replace(this.contextMenuTargetPageRoute)
+        })
+      }
+    }, //关闭其他页面
+    closeOther() {
+      for (let i = 0; i < this.openedPageRouters.length; i++) {
+        let r = this.openedPageRouters[i]
+        if (r !== this.contextMenuTargetPageRoute) {
+          this.delPageRoute(r)
+          i--
+        }
+      }
+      if (this.contextMenuTargetPageRoute.fullPath !== this.$route.fullPath) {
+        this.$router.replace(this.contextMenuTargetPageRoute)
+      }
+    }, //根据路径获取索引
+    getPageRouteIndex(fullPath) {
+      for (let i = 0; i < this.openedPageRouters.length; i++) {
+        if (this.openedPageRouters[i].fullPath === fullPath) {
+          return i
+        }
+      }
+    }, //关闭左边页面
+    closeOtherLeft() {
+      let index = this.openedPageRouters.indexOf(
+        this.contextMenuTargetPageRoute
+      )
+      let currentIndex = this.getPageRouteIndex(this.$route.fullPath)
+      if (index > currentIndex) {
+        this.$router.replace(this.contextMenuTargetPageRoute)
+      }
+      for (let i = 0; i < index; i++) {
+        let r = this.openedPageRouters[i]
+        this.delPageRoute(r)
+        i--
+        index--
+      }
+    }, //关闭右边页面
+    closeOtherRight() {
+      let index = this.openedPageRouters.indexOf(
+        this.contextMenuTargetPageRoute
+      )
+      let currentIndex = this.getPageRouteIndex(this.$route.fullPath)
+      for (let i = index + 1; i < this.openedPageRouters.length; i++) {
+        let r = this.openedPageRouters[i]
+        this.delPageRoute(r)
+        i--
+      }
+      if (index < currentIndex) {
+        this.$router.replace(this.contextMenuTargetPageRoute)
+      }
+    }, //删除页面
+    delPageRoute(route) {
+      let routeIndex = this.openedPageRouters.indexOf(route)
+      if (routeIndex >= 0) {
+        this.openedPageRouters.splice(routeIndex, 1)
+      }
+      this.delRouteCache(route.fullPath)
+    }, //删除页面缓存
+    delRouteCache(key) {
+      let cache = this.keepAliveComponentInstance.cache
+      let keys = this.keepAliveComponentInstance.keys
+      for (let i = 0; i < keys.length; i++) {
+        if (keys[i] === key) {
+          keys.splice(i, 1)
+          if (cache[key] != null) {
+            delete cache[key]
+          }
+          break
+        }
+      }
+    }
+  }
+}
+</script>

package/src/components/NavMenu/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <el-menu :router="true">
+    <template v-for="omenus in menus">
+      <template v-for="item in omenus.menu">
+        <el-submenu v-if="item.children" :key="item.title" :index="item.title">
+          <template slot="title">
+            <i
+              v-if="item.iconUrl"
+              class="el-icon- icon-url"
+              :style="{ backgroundImage: `url(${item.iconUrl})` }"
+            ></i>
+            <i v-else :class="item.iconClass"></i>
+            <span>{{ item.title }}</span>
+          </template>
+          <template v-for="itemc in item.children">
+            <el-menu-item
+              :key="itemc.title"
+              :index="itemc.title"
+              :route="omenus.base + itemc.route"
+            >
+              <i
+                v-if="item.iconUrl"
+                class="el-icon- icon-url"
+                :style="{ backgroundImage: `url(${itemc.iconUrl})` }"
+              ></i>
+              <i v-else :class="itemc.iconClass"></i>
+              <span slot="title">{{ itemc.title }}</span>
+            </el-menu-item>
+          </template>
+        </el-submenu>
+        <el-menu-item
+          v-else
+          :key="item.title"
+          :index="item.title"
+          :route="omenus.base + item.route"
+        >
+          <i
+            v-if="item.iconUrl"
+            class="el-icon- icon-url"
+            :style="{ backgroundImage: `url(${item.iconUrl})` }"
+          ></i>
+          <i v-else :class="item.iconClass"></i>
+          <span slot="title">{{ item.title }}</span>
+        </el-menu-item>
+      </template>
+    </template>
+  </el-menu>
+</template>
+
+<script>
+export default {
+  name: 'NavMenu',
+  props: {
+    menus: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>

package/src/components/NstcG6Components/NstcApprovel/NstcApprovel.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "NstcApprove"
+}
+</script>
+
+<style scoped>
+
+</style>