n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/NstcBackToTop/NstcBackToTop.vue

@@ -1,150 +1,150 @@
-<template>
-  <transition :name="transitionName">
-    <div
-        v-show="visible"
-        :style="customStyle"
-        class="back-to-ceiling"
-        @click="backToTop"
-    >
-      <svg
-          width="16"
-          height="16"
-          viewBox="0 0 17 17"
-          xmlns="http://www.w3.org/2000/svg"
-          class="Icon Icon--backToTopArrow"
-          aria-hidden="true"
-          style="height:16px;width:16px"
-      ><path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" /></svg>
-    </div>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'NstcBackToTop',
-  props: {
-    visibilityHeight: {
-      type: Number,
-      default: 400
-    },
-    backPosition: {
-      type: Number,
-      default: 0
-    },
-    customStyle: {
-      type: Object,
-      default: function() {
-        return {
-          right: '50px',
-          bottom: '70px',
-          width: '40px',
-          height: '40px',
-          'border-radius': '4px',
-          'line-height': '45px',
-          background: '#e7eaf1'
-        }
-      }
-    },
-    transitionName: {
-      type: String,
-      default: 'fade'
-    },
-    scrollBoxClassName: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      visible: false,
-      interval: null,
-      isMoving: false,
-      pageYOffset: 0,
-      scrollBox: ''
-    }
-  },
-  mounted() {
-    window.addEventListener('scroll', this.handleScroll,true)
-  },
-  beforeDestroy() {
-    if (this.scrollBox) {
-      this.scrollBox && this.scrollBox.removeEventListener('scroll', this.handleScroll)
-    } else {
-      window.removeEventListener('scroll', this.handleScroll)
-    }
-    if (this.interval) {
-      clearInterval(this.interval)
-    }
-  },
-  methods: {
-    handleScroll() {
-      this.scrollTop = document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTop ||
-           window.pageYOffset ||
-           document.documentElement.scrollTop ||
-           document.body.scrollTop
-      this.visible = this.scrollTop > this.visibilityHeight
-    },
-    backToTop() {
-      document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTo(0,0)
-      // console.log(55,this.isMoving)
-      // if (this.isMoving) return
-      // const start = this.pageYOffset
-      // let i = 0
-      // this.isMoving = true
-      // this.interval = setInterval(() => {
-      //   console.log(66,start)
-      //   const next = Math.floor(this.easeInOutQuad(20 * i, start, -start, 500))
-      //   if (next <= this.backPosition) {
-      //     if (this.scrollBox) {
-      //       this.scrollBox.scrollTo(0, this.backPosition)
-      //     } else {
-      //       window.scrollTo(0, this.backPosition)
-      //     }
-      //     clearInterval(this.interval)
-      //     this.isMoving = false
-      //   } else {
-      //     if (this.scrollBox) {
-      //       this.scrollBox.scrollTo(0, next)
-      //     } else {
-      //       window.scrollTo(0, next)
-      //     }
-      //   }
-      //   i++
-      // }, 16.7)
-    },
-    // easeInOutQuad(t, b, c, d) {
-    //   if ((t /= d / 2) < 1) return c / 2 * t * t + b
-    //   return -c / 2 * (--t * (t - 2) - 1) + b
-    // }
-  }
-}
-</script>
-
-<style>
-.back-to-ceiling {
-  position: fixed;
-  display: inline-block;
-  text-align: center;
-  cursor: pointer;
-  z-index: 3000;
-}
-
-.back-to-ceiling:hover {
-  background: #d5dbe7;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity .5s;
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0
-}
-
-.back-to-ceiling .Icon {
-  fill: #9aaabf;
-  background: none;
-}
-</style>
+<template>
+  <transition :name="transitionName">
+    <div
+        v-show="visible"
+        :style="customStyle"
+        class="back-to-ceiling"
+        @click="backToTop"
+    >
+      <svg
+          width="16"
+          height="16"
+          viewBox="0 0 17 17"
+          xmlns="http://www.w3.org/2000/svg"
+          class="Icon Icon--backToTopArrow"
+          aria-hidden="true"
+          style="height:16px;width:16px"
+      ><path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" /></svg>
+    </div>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'NstcBackToTop',
+  props: {
+    visibilityHeight: {
+      type: Number,
+      default: 400
+    },
+    backPosition: {
+      type: Number,
+      default: 0
+    },
+    customStyle: {
+      type: Object,
+      default: function() {
+        return {
+          right: '50px',
+          bottom: '70px',
+          width: '40px',
+          height: '40px',
+          'border-radius': '4px',
+          'line-height': '45px',
+          background: '#e7eaf1'
+        }
+      }
+    },
+    transitionName: {
+      type: String,
+      default: 'fade'
+    },
+    scrollBoxClassName: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      interval: null,
+      isMoving: false,
+      pageYOffset: 0,
+      scrollBox: ''
+    }
+  },
+  mounted() {
+    window.addEventListener('scroll', this.handleScroll,true)
+  },
+  beforeDestroy() {
+    if (this.scrollBox) {
+      this.scrollBox && this.scrollBox.removeEventListener('scroll', this.handleScroll)
+    } else {
+      window.removeEventListener('scroll', this.handleScroll)
+    }
+    if (this.interval) {
+      clearInterval(this.interval)
+    }
+  },
+  methods: {
+    handleScroll() {
+      this.scrollTop = document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTop ||
+           window.pageYOffset ||
+           document.documentElement.scrollTop ||
+           document.body.scrollTop
+      this.visible = this.scrollTop > this.visibilityHeight
+    },
+    backToTop() {
+      document.getElementsByClassName(this.scrollBoxClassName)[0].scrollTo(0,0)
+      // console.log(55,this.isMoving)
+      // if (this.isMoving) return
+      // const start = this.pageYOffset
+      // let i = 0
+      // this.isMoving = true
+      // this.interval = setInterval(() => {
+      //   console.log(66,start)
+      //   const next = Math.floor(this.easeInOutQuad(20 * i, start, -start, 500))
+      //   if (next <= this.backPosition) {
+      //     if (this.scrollBox) {
+      //       this.scrollBox.scrollTo(0, this.backPosition)
+      //     } else {
+      //       window.scrollTo(0, this.backPosition)
+      //     }
+      //     clearInterval(this.interval)
+      //     this.isMoving = false
+      //   } else {
+      //     if (this.scrollBox) {
+      //       this.scrollBox.scrollTo(0, next)
+      //     } else {
+      //       window.scrollTo(0, next)
+      //     }
+      //   }
+      //   i++
+      // }, 16.7)
+    },
+    // easeInOutQuad(t, b, c, d) {
+    //   if ((t /= d / 2) < 1) return c / 2 * t * t + b
+    //   return -c / 2 * (--t * (t - 2) - 1) + b
+    // }
+  }
+}
+</script>
+
+<style>
+.back-to-ceiling {
+  position: fixed;
+  display: inline-block;
+  text-align: center;
+  cursor: pointer;
+  z-index: 3000;
+}
+
+.back-to-ceiling:hover {
+  background: #d5dbe7;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity .5s;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0
+}
+
+.back-to-ceiling .Icon {
+  fill: #9aaabf;
+  background: none;
+}
+</style>

package/nstc-g6/components/NstcBranchLazyLoad/NstcBranchLazyLoad.vue

@@ -1,123 +1,123 @@
-<template>
-  <div class="BranchLazyLoad">
-    <el-select
-      v-model="registerForm.branchBankNo"
-      v-el-select-loadmore="loadMore"
-      :default-first-option="true"
-      :filterable="true"
-      clearable
-      remote
-      :remote-method="remoteMethod"
-      @change="changeBranchBank"
-      @blur="blurBranchBank"
-    >
-      <el-option
-        v-for="(item, index) in accountAssociateBankDb"
-        :key="index"
-        :label="item.label"
-        :value="item.value"
-      />
-    </el-select>
-  </div>
-</template>
-
-<script>
-import axios from '../../utils/axios'
-export default {
-  name: 'NstcBranchLazyLoad',
-  directives: {
-    'el-select-loadmore': {
-      bind(el, binding) {
-        const SELECTWRAP_DOM = el.querySelector(
-          '.el-select-dropdown .el-select-dropdown__wrap'
-        )
-        SELECTWRAP_DOM.addEventListener('scroll', function () {
-          const condition =
-            this.scrollHeight - this.scrollTop <= this.clientHeight
-          if (condition) {
-            binding.value()
-          }
-        })
-      }
-    }
-  },
-  props: {
-    url: {
-      type: String,
-      message: ''
-    }
-  },
-  data() {
-    return {
-      associatePagination: {
-        'page.current': 0,
-        'page.size': 20,
-        // key: 'branchBank',
-        branchBankName: null,
-        branchBankNo: null
-      },
-      registerForm: {
-        branchBankNo: ''
-      },
-      accountAssociateBankDb: []
-    }
-  },
-  async created() {
-    await this.loadMore()
-  },
-  methods: {
-    /**
-     * remoteMethod
-     */
-    remoteMethod(query) {
-      if (query !== '') {
-        this.associatePagination['page.current'] = 1
-        this.associatePagination['page.size'] = 20
-        this.associatePagination.branchBankName = query
-        this.getAssociateBank('query')
-      }
-    },
-    /**
-     * 获取支行下拉值
-     */
-    async getAssociateBank(flag) {
-      flag === 'loadMore' && this.associatePagination['page.current']++
-      // this.associatePagination.bankNo = this.applyForm.bankNo
-      await axios
-        .get(this.url, this.associatePagination)
-        .then((res) => {
-          res = res.data.map((i) => {
-            return {
-              label: i[`branchBankName`],
-              value: i[`cnapsNo`],
-              bankNo: i[`bankNo`]
-            }
-          })
-          if (flag === 'query') {
-            this.accountAssociateBankDb = res
-          } else {
-            this.accountAssociateBankDb =
-              this.accountAssociateBankDb.concat(res)
-          }
-        })
-        .catch(() => {})
-    },
-    /**
-     * 支行失去焦点
-     */
-    blurBranchBank() {
-      if (!this.registerForm.branchBankNo) {
-        setTimeout(() => {
-          this.remoteMethod()
-        }, 30)
-      }
-    },
-    changeBranchBank() {
-      this.$emit('branchbankNo', this.registerForm.branchBankNo)
-    },
-    async loadMore() {
-      await this.getAssociateBank('loadMore')
-    }
-  }
-}
-</script>
+<template>
+  <div class="BranchLazyLoad">
+    <el-select
+      v-model="registerForm.branchBankNo"
+      v-el-select-loadmore="loadMore"
+      :default-first-option="true"
+      :filterable="true"
+      clearable
+      remote
+      :remote-method="remoteMethod"
+      @change="changeBranchBank"
+      @blur="blurBranchBank"
+    >
+      <el-option
+        v-for="(item, index) in accountAssociateBankDb"
+        :key="index"
+        :label="item.label"
+        :value="item.value"
+      />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import axios from '../../utils/axios'
+export default {
+  name: 'NstcBranchLazyLoad',
+  directives: {
+    'el-select-loadmore': {
+      bind(el, binding) {
+        const SELECTWRAP_DOM = el.querySelector(
+          '.el-select-dropdown .el-select-dropdown__wrap'
+        )
+        SELECTWRAP_DOM.addEventListener('scroll', function () {
+          const condition =
+            this.scrollHeight - this.scrollTop <= this.clientHeight
+          if (condition) {
+            binding.value()
+          }
+        })
+      }
+    }
+  },
+  props: {
+    url: {
+      type: String,
+      message: ''
+    }
+  },
+  data() {
+    return {
+      associatePagination: {
+        'page.current': 0,
+        'page.size': 20,
+        // key: 'branchBank',
+        branchBankName: null,
+        branchBankNo: null
+      },
+      registerForm: {
+        branchBankNo: ''
+      },
+      accountAssociateBankDb: []
+    }
+  },
+  async created() {
+    await this.loadMore()
+  },
+  methods: {
+    /**
+     * remoteMethod
+     */
+    remoteMethod(query) {
+      if (query !== '') {
+        this.associatePagination['page.current'] = 1
+        this.associatePagination['page.size'] = 20
+        this.associatePagination.branchBankName = query
+        this.getAssociateBank('query')
+      }
+    },
+    /**
+     * 获取支行下拉值
+     */
+    async getAssociateBank(flag) {
+      flag === 'loadMore' && this.associatePagination['page.current']++
+      // this.associatePagination.bankNo = this.applyForm.bankNo
+      await axios
+        .get(this.url, this.associatePagination)
+        .then((res) => {
+          res = res.data.map((i) => {
+            return {
+              label: i[`branchBankName`],
+              value: i[`cnapsNo`],
+              bankNo: i[`bankNo`]
+            }
+          })
+          if (flag === 'query') {
+            this.accountAssociateBankDb = res
+          } else {
+            this.accountAssociateBankDb =
+              this.accountAssociateBankDb.concat(res)
+          }
+        })
+        .catch(() => {})
+    },
+    /**
+     * 支行失去焦点
+     */
+    blurBranchBank() {
+      if (!this.registerForm.branchBankNo) {
+        setTimeout(() => {
+          this.remoteMethod()
+        }, 30)
+      }
+    },
+    changeBranchBank() {
+      this.$emit('branchbankNo', this.registerForm.branchBankNo)
+    },
+    async loadMore() {
+      await this.getAssociateBank('loadMore')
+    }
+  }
+}
+</script>