n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/NstcForm/payeePersonSelect/NstcPayeePerson.vue

@@ -7,44 +7,33 @@
  * @FilePath: NstcSelectSubject.vue
 -->
 <template>
-  <SelectAndDialog v-if="bindProps" v-model="_value" ref="select" v-bind="bindProps" :table-form="formSearch"
-                   :format-data="formatData" :format-params="formatParams" @show-dialog="onShowDialog">
+  <SelectAndDialog
+    v-if="bindProps"
+    v-model="_value"
+    ref="select"
+    v-bind="bindProps"
+    :table-form="formSearch"
+    :format-data="formatData"
+    :format-params="formatParams"
+    @show-dialog="onShowDialog"
+  >
     <div class="form-wrap">
       <el-form inline :model="formSearch">
         <el-form-item :label="'所属单位'">
-          <el-input
-              :placeholder="'请输入'"
-              v-model="formSearch.unitName"
-              maxlength="60"
-              disabled
-              clearable
-          >
-          </el-input>
+          <el-input :placeholder="'请输入'" v-model="formSearch.unitName" maxlength="60" disabled clearable> </el-input>
         </el-form-item>
         <el-form-item :label="'客商类型'">
           <el-select v-model="formSearch.supplierType" disabled placeholder="请选择" clearable>
-            <el-option
-                v-for="item in supplierTypeList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
+            <el-option v-for="item in supplierTypeList" :key="item.value" :label="item.label" :value="item.value">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item :label="'客商名称'">
-          <el-input
-              :placeholder="'请输入'"
-              v-model="formSearch.relCorpFullName"
-              maxlength="60"
-              clearable
-          >
-          </el-input>
+          <el-input :placeholder="'请输入'" v-model="formSearch.relCorpFullName" maxlength="60" clearable> </el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" class="nstc-g6-common-btn-1" @click="searchClick">查询
-          </el-button>
-          <el-button style="margin-left:8px;" class="nstc-g6-common-btn-3" @click="queryReset">重置
-          </el-button>
+          <el-button type="primary" class="nstc-g6-common-btn-1" @click="searchClick">查询 </el-button>
+          <el-button style="margin-left: 8px" class="nstc-g6-common-btn-3" @click="queryReset">重置 </el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -52,17 +41,16 @@
 </template>
 
 <script>
-import SelectAndDialog from "../SelectAndDialog/NstcSelectAndDialog.vue";
+import SelectAndDialog from '../SelectAndDialog/NstcSelectAndDialog.vue'
 
 export default {
-  name: "NstcPayeePerson",
-  components: {SelectAndDialog},
+  name: 'NstcPayeePerson',
+  components: { SelectAndDialog },
   props: {
     value: [String, Object],
     queryConf: {
       type: Object,
-      default: () => {
-      }
+      default: () => {}
     },
     disabled: {
       type: Boolean,
@@ -70,35 +58,34 @@ export default {
     },
     dialogParams: {
       type: Object,
-      default: () => {
-      }
+      default: () => {}
     },
     formatData: {
       type: Function,
-      default: (d) => d,
+      default: (d) => d
     },
     formatParams: {
       type: Function,
-      default: (d) => d,
+      default: (d) => d
     },
     chMapper: {
       type: Object,
       default: () => ({
-        title: "选择付款人",
-        plcInput: "请输入",
-        plcSelect: "请选择",
-        noselectmsg: "请选择付款人"
-      }),
-    },
+        title: '选择付款人',
+        plcInput: '请输入',
+        plcSelect: '请选择',
+        noselectmsg: '请选择付款人'
+      })
+    }
   },
   data() {
     return {
-      showText: "",
+      showText: '',
       formSearch: {
-        unitCode: "",
-        unitName: "",
+        unitCode: '',
+        unitName: '',
         supplierType: 0,
-        relCorpFullName: ""
+        relCorpFullName: ''
       },
       supplierTypeList: [
         {
@@ -114,68 +101,65 @@ export default {
       columns: [],
       options: [],
       inputHovering: false,
-      remoteQuery: "",
-      bindProps: {},
-
-    };
+      remoteQuery: '',
+      bindProps: {}
+    }
   },
   wacth: {},
   computed: {
     _value: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        return this.value;
-      },
-    },
+        return this.value
+      }
+    }
   },
   created() {
     // 选择弹窗的参数传递
     console.log('this.formSearch', this.dialogParams)
     this.formSearch.unitCode = this.dialogParams.unitCode
     this.formSearch.unitName = this.dialogParams.unitName
-    this.bindProps = {...this.queryConf, chMapper: this.chMapper}
+    this.bindProps = { ...this.queryConf, chMapper: this.chMapper }
 
     console.log('this.payeePerson====', this.bindProps)
   },
-  mounted() {
-  },
+  mounted() {},
   methods: {
     formatData(res) {
       let data = [],
-          total = 0;
+        total = 0
       if (res && !res.total && Array.isArray(res)) {
-        data = res;
-        total = res.length;
+        data = res
+        total = res.length
       } else if (res && res.total && res.list) {
-        data = res.list || [];
-        total = res.total;
+        data = res.list || []
+        total = res.total
       }
-      return {data, total};
+      return { data, total }
     },
 
-
     onShowDialog() {
-      this.queryReset();
+      this.queryReset()
     },
 
     searchClick() {
-      this.$refs.select.queryTableData();
+      this.$refs.select.queryTableData()
     },
 
     queryReset() {
       this.formSearch = {
-        unitCode: "",
-        unitName: "",
+        unitCode: '',
+        unitName: '',
         supplierType: 0,
-        relCorpFullName: ""
-      };
+        relCorpFullName: ''
+      }
       this.formSearch.unitCode = this.dialogParams.unitCode
       this.formSearch.unitName = this.dialogParams.unitName
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style>
@@ -185,4 +169,4 @@ export default {
   right: 5px;
   top: -1px;
 }
-</style>
+</style>

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

@@ -1,10 +1,5 @@
 <template>
-  <div
-    :class="[
-      'pagination',
-      isInterFace ? 'pagination-interface' : 'pagination-default'
-    ]"
-  >
+  <div :class="['pagination', isInterFace ? 'pagination-interface' : 'pagination-default']">
     <div class="pagination-wrap">
       <div class="arrow" @click="prev">
         <i class="el-icon-arrow-left"></i>
@@ -24,12 +19,7 @@
         placeholder=""
         @change="handleSizeChange"
       >
-        <el-option
-          v-for="item in settings"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
+        <el-option v-for="item in settings" :key="item.value" :label="item.label" :value="item.value" />
       </el-select>
 
       <div class="page-jumper">

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

@@ -5,7 +5,7 @@
 -->
 <template>
   <div>
-    <nstc-svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" @click="click" />
+    <nstc-svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="click" />
   </div>
 </template>
 
@@ -61,10 +61,9 @@ export default {
 .screenfull-svg {
   display: inline-block;
   cursor: pointer;
-  fill: #5a5e66;;
+  fill: #5a5e66;
   width: 20px;
   height: 20px;
   vertical-align: 10px;
 }
 </style>
-

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

@@ -78,20 +78,12 @@
         v-on="$listeners"
       >
         <span
-          v-if="
-            clearable &&
-            (disabled ? false : checkedValue && (changeSuffix || isHover))
-          "
+          v-if="clearable && (disabled ? false : checkedValue && (changeSuffix || isHover))"
           slot="suffix"
           class="input-icon el-icon-circle-close"
           @click.stop="$emit('input', '')"
         ></span>
-        <span
-          v-else
-          slot="suffix"
-          class="input-icon el-icon-arrow-down"
-          :class="[changeSuffix ? 'up' : 'down']"
-        ></span>
+        <span v-else slot="suffix" class="input-icon el-icon-arrow-down" :class="[changeSuffix ? 'up' : 'down']"></span>
       </el-input>
       <el-input
         v-else
@@ -398,9 +390,7 @@ export default {
      * 随机生成 formId
      */
     getRefName() {
-      return `ref_${new Date().getTime()}_${Math.random()
-        .toString()
-        .slice(5, 13)}`
+      return `ref_${new Date().getTime()}_${Math.random().toString().slice(5, 13)}`
     },
 
     /**
@@ -548,8 +538,7 @@ export default {
     treeNodeClick(data, node, tree) {
       if (!this.multiple) {
         if (this.onlyClickLeaf && !node.isLeaf) return
-        if (this.defaultProps.disabled && !!data[this.defaultProps.disabled])
-          return
+        if (this.defaultProps.disabled && !!data[this.defaultProps.disabled]) return
         this.queryFlag = false
 
         const k = this.defaultProps.label || 'label'

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

@@ -79,20 +79,12 @@
         v-on="$listeners"
       >
         <span
-          v-if="
-            clearable &&
-            (disabled ? false : checkedValue && (changeSuffix || isHover))
-          "
+          v-if="clearable && (disabled ? false : checkedValue && (changeSuffix || isHover))"
           slot="suffix"
           class="input-icon el-icon-circle-close"
           @click.stop="clear"
         ></span>
-        <span
-          v-else
-          slot="suffix"
-          class="input-icon el-icon-arrow-down"
-          :class="[changeSuffix ? 'up' : 'down']"
-        ></span>
+        <span v-else slot="suffix" class="input-icon el-icon-arrow-down" :class="[changeSuffix ? 'up' : 'down']"></span>
       </el-input>
       <el-input
         v-else
@@ -391,9 +383,7 @@ export default {
      * 随机生成 formId
      */
     getRefName() {
-      return `ref_${new Date().getTime()}_${Math.random()
-        .toString()
-        .slice(5, 13)}`
+      return `ref_${new Date().getTime()}_${Math.random().toString().slice(5, 13)}`
     },
     /**
      * 获取url
@@ -451,11 +441,7 @@ export default {
         .then((data) => {
           console.log(data, 'data')
           if (type === 'first') {
-            that.treeDataAll = data.list
-              ? data.list
-              : data.data
-              ? data.data
-              : data
+            that.treeDataAll = data.list ? data.list : data.data ? data.data : data
           }
           that.treeData = data.list ? data.list : data.data ? data.data : data
           if (that.showNull) {
@@ -498,8 +484,7 @@ export default {
       console.log(data)
       if (!this.multiple) {
         if (this.onlyClickLeaf && !node.isLeaf) return
-        if (this.defaultProps.disabled && !!data[this.defaultProps.disabled])
-          return
+        if (this.defaultProps.disabled && !!data[this.defaultProps.disabled]) return
         this.queryFlag = false
 
         const k = this.defaultProps.label || 'label'

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

@@ -5,10 +5,16 @@
 -->
 
 <template>
-  <div :style="{height:height+'px',zIndex:zIndex}">
+  <div :style="{ height: height + 'px', zIndex: zIndex }">
     <div
-        :class="className"
-        :style="{top:(isSticky ? stickyTop +'px' : ''),zIndex:zIndex,position:position,width:width,height:height+'px'}"
+      :class="className"
+      :style="{
+        top: isSticky ? stickyTop + 'px' : '',
+        zIndex: zIndex,
+        position: position,
+        width: width,
+        height: height + 'px'
+      }"
     >
       <slot>
         <div>sticky</div>
@@ -45,7 +51,7 @@ export default {
   },
   mounted() {
     this.height = this.$el.getBoundingClientRect().height
-    window.addEventListener('scroll', this.handleScroll,true)
+    window.addEventListener('scroll', this.handleScroll, true)
     window.addEventListener('resize', this.handleResize, true)
   },
   activated() {

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

@@ -4,12 +4,7 @@
   创建时间： 2021-02-05
 -->
 <template>
-  <div
-    v-if="isExternal"
-    :style="styleExternalIcon"
-    class="svg-external-icon svg-icon"
-    v-on="$listeners"
-  ></div>
+  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners"></div>
   <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
     <use :xlink:href="iconName" />
   </svg>
@@ -69,4 +64,3 @@ export default {
   display: inline-block;
 }
 </style>
-

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

@@ -5,18 +5,8 @@
 -->
 <template>
   <div class="nstc-tab-custom">
-    <el-tabs
-        v-model="_value"
-        v-bind="$attrs"
-        class="nstc-tab"
-        v-on="$listeners"
-    >
-      <el-tab-pane
-          v-for="tab in options"
-          :key="tab.value"
-          v-bind="tab"
-          :name="tab.value"
-      />
+    <el-tabs v-model="_value" v-bind="$attrs" class="nstc-tab" v-on="$listeners">
+      <el-tab-pane v-for="tab in options" :key="tab.value" v-bind="tab" :name="tab.value" />
     </el-tabs>
   </div>
 </template>
@@ -55,26 +45,24 @@ export default {
 <style lang="scss">
 .nstc-tab {
   font-size: 16px;
-  .el-tabs_{
+  .el-tabs_ {
     &_item {
       font-size: 16px !important;
       height: 24px !important;
-      line-height: 24px!important;
-      padding: 0 14px!important;
+      line-height: 24px !important;
+      padding: 0 14px !important;
     }
     &_item.is-active {
       color: #007aff !important;
       font-weight: 500;
     }
     &_item:hover {
-      color: #007aff  !important;
-      cursor: pointer
+      color: #007aff !important;
+      cursor: pointer;
     }
     &_nav-wrap::after {
-      background-color: rgba(0,0,0,0);
+      background-color: rgba(0, 0, 0, 0);
     }
   }
 }
-
 </style>
-

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

@@ -1,12 +1,12 @@
 <template>
   <div class="tab-with-badge">
     <el-badge
-        v-for="tab in options"
-        :key="tab.value"
-        :value="tab.badgeValue"
-        v-bind="tab"
-        :hidden="!tab.badgeValue"
-        :class="{ active: value === tab.value }"
+      v-for="tab in options"
+      :key="tab.value"
+      :value="tab.badgeValue"
+      v-bind="tab"
+      :hidden="!tab.badgeValue"
+      :class="{ active: value === tab.value }"
     >
       <span @click="handleClick(tab)">
         {{ tab.label }}
@@ -41,5 +41,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import "index";
+@import 'index';
 </style>