n20-common-lib 1.2.41 → 1.3.0

package/src/components/Layout/AsideNav/index.vue

@@ -1,5 +1,6 @@
 <template>
   <el-menu
+    id="layout-sider"
     class="layout-aside flex-column"
     :collapse="collapse"
     :default-active="activeNav"

package/src/components/LoginTemporary/form.vue

@@ -293,7 +293,7 @@ export default {
                 mobile: type === 'phone' ? this.form[type] : '',
                 username: type !== 'phone' ? this.form[type] : ''
               },
-              { loading: false, noMsg: true }
+              { loading: false }
             )
             .then(() => {
               this.$message.success(
@@ -303,9 +303,6 @@ export default {
             .catch(() => {
               clearTimeout(this.setTimeNum)
               this.codeNum = '验证码'
-              this.$message.warning(
-                `${typeName}: ${this.form[type]} 验证码发送失败`
-              )
             })
         }
       })
@@ -382,12 +379,9 @@ export default {
         this.loadingV = false
         this.theType = 'accountPthon'
 
-        this.sendMsg('username', '账户')
         this.outTime(60)
         return
-      }
-      // 签名验签
-      else if (cL.data === false) {
+      } else if (cL.data === false /* 签名验签 */) {
         // 获取线上签名uDn
         let uDn = await axios.get(
           `/bems/prod_1.0/dssc/sign/getUserDn/${username}/password`,
@@ -519,7 +513,9 @@ export default {
       let username = this.userNo
       let { data } = await axios.get(
         // '/bems/prod_1.0/user/api/userController/userCltAdDep/' + username
-        '/bems/prod_1.0/user/api/userController/userCltAdRole/' + username
+        '/bems/prod_1.0/user/api/userController/userCltAdRole/' + username,
+        null,
+        { loading: false }
       )
       let userInfo = data || { uname: username }
 

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/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
+}

package/src/components/NstcG6Components/Calendar/index.js

@@ -0,0 +1,8 @@
+import NstcCalendar from './src/main';
+
+/* istanbul ignore next */
+NstcCalendar.install = function(Vue) {
+    Vue.component(NstcCalendar.name, NstcCalendar);
+};
+
+export default NstcCalendar;

package/src/components/NstcG6Components/Calendar/src/basic/month-table.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="nstc-calendar-month">
+    <div class="nstc-calendar-month-head">
+      <el-row>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-left" @click="lastYear" />
+        </el-col>
+        <el-col
+          :span="16"
+          align="center"
+          class="year-text"
+        >
+          {{ yearStr }}
+        </el-col>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
+        </el-col>
+      </el-row>
+    </div>
+    <el-divider />
+    <div class="nstc-calendar-month-main">
+      <div
+        v-for="(item, index) in months"
+        :key="index"
+        @click="pick(index+1)"
+      >{{ item }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonthTable',
+  props: {
+    value: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      months: [
+        this.$t(`calendar.month_1`),
+        this.$t(`calendar.month_2`),
+        this.$t(`calendar.month_3`),
+        this.$t(`calendar.month_4`),
+        this.$t(`calendar.month_5`),
+        this.$t(`calendar.month_6`),
+        this.$t(`calendar.month_7`),
+        this.$t(`calendar.month_8`),
+        this.$t(`calendar.month_9`),
+        this.$t(`calendar.month_10`),
+        this.$t(`calendar.month_11`),
+        this.$t(`calendar.month_12`)
+      ],
+      yearStr: ''
+    }
+  },
+  computed: {},
+  created() {
+    this.yearStr = this.value
+  },
+  methods: {
+    // 选择日期
+    pick(month) {
+      this.$emit('pick', {
+        type: 'normal',
+        year: this.yearStr,
+        month
+      })
+    },
+    // 上一年
+    lastYear() {
+      this.yearStr--
+    },
+    // 下一年
+    nextYear() {
+      this.yearStr++
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "~@/theme/theme1/styles/variables.scss";
+.nstc-calendar-month {
+  .nstc-calendar-arrow{
+    font-size: 16px;
+    cursor: pointer;
+    &:hover{
+      color: $eBaseColor;
+      font-weight: bold;
+    }
+  }
+  &-head{
+    padding: 10px 0;
+    .year-text {
+      &:hover {
+        cursor: pointer;
+        color: $eBaseColor;
+        font-weight: bold;
+      }
+    }
+  }
+  .el-divider{
+    margin: 0 0 10px 0;
+  }
+  &-main{
+    display: flex;
+    flex-flow: wrap;
+    width: 98%;
+    margin-left: 1%;
+    >div{
+      width: 25%;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      border: 1px solid rgba(0,0,0,0);
+      cursor: pointer;
+      &:hover{
+        border: 1px solid $eBaseColor;
+        color: $eBaseColor
+      }
+    }
+  }
+}
+</style>

package/src/components/NstcG6Components/Calendar/src/basic/year-table.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="nstc-calendar-month">
+    <div class="nstc-calendar-month-head">
+      <el-row>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-left" @click="lastYear" />
+        </el-col>
+        <el-col
+          :span="16"
+          align="center"
+          class="year-text"
+        >
+          {{ yearStr }}
+        </el-col>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
+        </el-col>
+      </el-row>
+    </div>
+    <el-divider />
+    <div class="nstc-calendar-month-main">
+      <div
+        v-for="(item,index) in yearArr"
+        :key="index"
+        @click="pick(item)"
+      >{{ item }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonthTable',
+  props: {
+    startYear: {
+      type: [Number, String],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      yearArr: []
+    }
+  },
+  computed: {
+    yearStr() {
+      return `${this.yearArr[0]} - ${this.yearArr[this.yearArr.length - 1]}`
+    }
+  },
+  created() {
+    const t = []
+    for (let i = 0; i < 10; i++) {
+      t.push(this.startYear + i)
+    }
+    this.yearArr = t
+  },
+  methods: {
+    lastYear() {
+      if (this.yearArr[0] < 11) {
+        this.yearArr = []
+        for (let i = 1; i <= 10; i++) {
+          this.yearArr.push(i)
+        }
+      } else {
+        this.yearArr = this.yearArr.map(i => { return i - 10 })
+      }
+    },
+    nextYear() {
+      this.yearArr = this.yearArr.map(i => { return i + 10 })
+    },
+    pick(year) {
+      this.$emit('pick', {
+        type: 'month',
+        year
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '~@/theme/theme1/styles/variables.scss';
+.nstc-calendar-month{
+  .nstc-calendar-arrow{
+    font-size: 16px;
+    cursor: pointer;
+    &:hover{
+      color: $eBaseColor;
+      font-weight: bold;
+    }
+  }
+  &-head{
+    padding: 10px 0;
+    .year-text {
+      &:hover {
+        cursor: pointer;
+        color: $eBaseColor;
+        font-weight: bold;
+      }
+    }
+  }
+  .el-divider{
+    margin: 0 0 10px 0;
+  }
+  &-main{
+    display: flex;
+    flex-flow: wrap;
+    width: 98%;
+    margin-left: 1%;
+    >div{
+      width: 25%;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      border: 1px solid rgba(0,0,0,0);
+      cursor: pointer;
+      &:hover{
+        border: 1px solid $eBaseColor;
+        color: $eBaseColor
+      }
+    }
+  }
+}
+</style>