n20-common-lib 2.4.4 → 2.4.6

package/nstc-g6/components/Form/A_DEMO/index.vue

@@ -30,9 +30,7 @@
       @change="handleChange"
       @query="handleQuery"
     />
-    <el-divider content-position="left"
-      >保留小数点后六位 赋值 有isMoney</el-divider
-    >
+    <el-divider content-position="left">保留小数点后六位 赋值 有isMoney</el-divider>
     <el-input
       v-model="item_number"
       v-nstc-number="{ min: -1, precision: 6, isMoney: true }"
@@ -49,9 +47,7 @@
       :disabled="isDisabled"
       placeholder="输入金额"
     /> -->
-    <el-divider content-position="left"
-      >不赋值 保留小数点后六位 没有isMoney</el-divider
-    >
+    <el-divider content-position="left">不赋值 保留小数点后六位 没有isMoney</el-divider>
     <el-input
       v-model="item_number_2"
       v-nstc-number="{ min: -1, precision: 6 }"
@@ -60,9 +56,7 @@
       placeholder="输入金额"
       clearable
     />
-    <el-divider content-position="left"
-      >赋值 保留小数点后两位 没有isMoney</el-divider
-    >
+    <el-divider content-position="left">赋值 保留小数点后两位 没有isMoney</el-divider>
     <el-input
       v-model="item_number_1"
       v-nstc-number="{ min: -1, precision: 2 }"
@@ -73,21 +67,12 @@
     />
     <!-- {{ varietyAmount1 }} -->
     <div style="padding-top: 20px">
-      <el-button
-        type="primary"
-        @click="textDisable"
-        class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
+      <el-button type="primary" @click="textDisable" class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
         >disabled状态切换</el-button
       >
     </div>
     <el-divider content-position="left">登记类表单</el-divider>
-    <el-form
-      :model="ruleForm"
-      :rules="rules"
-      ref="ruleForm"
-      label-width="100px"
-      class="demo-ruleForm"
-    >
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
       <el-form-item label="活动名称" prop="name">
         <el-input
           v-model="ruleForm.name"
@@ -758,10 +743,7 @@ export default {
       let rules
       rules = config
         .reduce((prev, next) => [...prev, ...next.formConfig], [])
-        .reduce(
-          (prev, next) => [...prev, ...(Array.isArray(next) ? next : [next])],
-          []
-        )
+        .reduce((prev, next) => [...prev, ...(Array.isArray(next) ? next : [next])], [])
         .reduce((prev, next) => {
           if (next.link) {
             const links = next.link.filter((item) => !!item.mold)
@@ -773,10 +755,7 @@ export default {
         }, [])
         .filter((item) => item.isRequired)
         .reduce((res, curr) => {
-          const isInput =
-            curr.mold === 'input' ||
-            curr.prop === 'dueDate' ||
-            'lastShipmentDate'
+          const isInput = curr.mold === 'input' || curr.prop === 'dueDate' || 'lastShipmentDate'
 
           return {
             ...res,
@@ -800,4 +779,3 @@ export default {
   }
 }
 </script>
-

package/nstc-g6/components/Form/AutocompleteCustom/index.vue

@@ -2,7 +2,7 @@
   <el-autocomplete
     v-model="_value"
     v-bind="$attrs"
-    :style="{width:parseFloat(width) + 'px'}"
+    :style="{ width: parseFloat(width) + 'px' }"
     :placeholder="placeholder"
     v-on="$listeners"
     @select="handleSelect"
@@ -37,7 +37,7 @@ export default {
 
     placeholder: {
       type: String,
-      default: function (){
+      default: function () {
         return '请输入'
       }
     },
@@ -67,6 +67,4 @@ export default {
 }
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/nstc-g6/components/Form/BusinessSpecific/InputMultiple.vue

@@ -2,28 +2,28 @@
 <template>
   <div class="nstc-g6-common-input-multiple">
     <SelectCustom
-        v-model="_value[0]"
-        filterable
-        :options="options[0]"
-        :width="widthConfig[0]"
-        @change="inputChange(0)"
-        class="nstc-g6-common-input-multiple-select"
+      v-model="_value[0]"
+      filterable
+      :options="options[0]"
+      :width="widthConfig[0]"
+      @change="inputChange(0)"
+      class="nstc-g6-common-input-multiple-select"
     />
     <SelectCustom
-        v-model="_value[1]"
-        filterable
-        :options="options[1]"
-        :width="widthConfig[1]"
-        @change="inputChange(1)"
-        class="nstc-g6-common-input-multiple-select"
+      v-model="_value[1]"
+      filterable
+      :options="options[1]"
+      :width="widthConfig[1]"
+      @change="inputChange(1)"
+      class="nstc-g6-common-input-multiple-select"
     />
     <SelectCustom
-        v-model="_value[2]"
-        filterable
-        :options="options[2]"
-        :width="widthConfig[2]"
-        @change="inputChange(2)"
-        class="nstc-g6-common-input-multiple-select"
+      v-model="_value[2]"
+      filterable
+      :options="options[2]"
+      :width="widthConfig[2]"
+      @change="inputChange(2)"
+      class="nstc-g6-common-input-multiple-select"
     />
   </div>
 </template>
@@ -32,7 +32,7 @@
 import SelectCustom from '../SelectCustom'
 import request from '@/utils/request'
 export default {
-  name: "NstcInputMultiple",
+  name: 'NstcInputMultiple',
   props: {
     value: {
       type: Array,
@@ -109,7 +109,7 @@ export default {
   data() {
     return {
       arr: [null, null, null],
-      options: [null,null,null]
+      options: [null, null, null]
     }
   },
 
@@ -121,70 +121,68 @@ export default {
         url: url,
         method: 'get',
         params: optionsIndex === 0 ? null : this.params
-      }).then(res => {
-        console.log(res)
-        let resList = res.list || res
-        resList = Array.isArray(resList) ? resList : [resList] 
+      })
+        .then((res) => {
+          console.log(res)
+          let resList = res.list || res
+          resList = Array.isArray(resList) ? resList : [resList]
 
-        // 特殊业务处理
-        if (this.father && optionsIndex === 0) {
-          let newOptions = []
-          that.options[optionsIndex] = resList
-          that.options[optionsIndex].map(item => {
-            if (!item.fatherNo) {
+          // 特殊业务处理
+          if (this.father && optionsIndex === 0) {
+            let newOptions = []
+            that.options[optionsIndex] = resList
+            that.options[optionsIndex].map((item) => {
+              if (!item.fatherNo) {
+                item.label = item[this.labelKey]
+                item.value = item[this.valueKey]
+                newOptions.push(item)
+              }
+            })
+            that.options[optionsIndex] = newOptions
+          } else {
+            // alert(1)
+            console.log(resList[0].children)
+            let newOptions = resList[0].children
+            newOptions.map((item) => {
               item.label = item[this.labelKey]
               item.value = item[this.valueKey]
-              newOptions.push(item)
-            }
-          })
-          that.options[optionsIndex] = newOptions
-        } else {
-          // alert(1)
-          console.log(resList[0].children)
-          let newOptions = resList[0].children
-          newOptions.map(item => {
-            item.label = item[this.labelKey]
-            item.value = item[this.valueKey]
+            })
+
+            that.options[optionsIndex] = newOptions
+          }
+
+          that.$nextTick(() => {
+            that.$forceUpdate()
           })
-        
-          that.options[optionsIndex] = newOptions
-          
-        }
-        
-        that.$nextTick(() => {
-          that.$forceUpdate()
         })
-      }).catch(() => {})
-
+        .catch(() => {})
     },
     inputChange(i) {
       switch (i) {
         case 0:
-            this._value[1] = ''
-            this._value[2] = ''
-            this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 1)
-          break;
+          this._value[1] = ''
+          this._value[2] = ''
+          this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 1)
+          break
         case 1:
-            this._value[2] = ''
-            this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 2)
-          break;
+          this._value[2] = ''
+          this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 2)
+          break
       }
-      
     }
-    
-  },
+  }
 }
 </script>
 
 <style scoped lang="scss">
 @import '~@/theme/theme1/styles/variables.scss';
-.nstc-g6-common-input-multiple{
+.nstc-g6-common-input-multiple {
   display: flex;
   width: $formItemDefaultWidth;
   .nstc-g6-common-input-multiple-select {
     margin-right: 10px;
   }
-  .input-custom{
+  .input-custom {
     margin-right: 10px;
   }
 }

package/nstc-g6/components/Form/BusinessSpecific/InputWithUnit.vue

@@ -1,38 +1,15 @@
 <template>
   <div>
     <div v-if="isSingle" class="nstc-g6-common-input-with-unit">
-      <InputCustom
-          v-model="_value[0]"
-          :width="_widthConfig[0]"
-          :maxlength="3"
-      />
-      <SelectCustom
-          v-model="_value[1]"
-          filterable
-          :options="options"
-          :width="_widthConfig[1]"
-      />
+      <InputCustom v-model="_value[0]" :width="_widthConfig[0]" :maxlength="3" />
+      <SelectCustom v-model="_value[1]" filterable :options="options" :width="_widthConfig[1]" />
     </div>
     <div v-else class="nstc-g6-common-input-with-unit">
-      <InputCustom
-          v-model="_value[0]"
-          :width="_widthConfig[0]"
-          :maxlength="3"
-      />
+      <InputCustom v-model="_value[0]" :width="_widthConfig[0]" :maxlength="3" />
       <span style="margin: 0 10px">到</span>
-      <InputCustom
-          v-model="_value[1]"
-          :width="_widthConfig[1]"
-          :maxlength="3"
-      />
-      <SelectCustom
-          v-model="_value[2]"
-          filterable
-          :options="options"
-          :width="_widthConfig[2]"
-      />
+      <InputCustom v-model="_value[1]" :width="_widthConfig[1]" :maxlength="3" />
+      <SelectCustom v-model="_value[2]" filterable :options="options" :width="_widthConfig[2]" />
     </div>
-    
   </div>
 </template>
 
@@ -40,11 +17,11 @@
 import InputCustom from '../InputCustom'
 import SelectCustom from '../SelectCustom'
 export default {
-  name: "NstcInputWithUnit",
+  name: 'NstcInputWithUnit',
   props: {
     isSingle: {
       type: Boolean,
-      default: false,
+      default: false
     },
     value: {
       type: Array,
@@ -56,9 +33,9 @@ export default {
       type: Array,
       default: () => {
         return [
-          {label: '年', value: 3},
-          {label: '月', value: 2},
-          {label: '日', value: 1},
+          { label: '年', value: 3 },
+          { label: '月', value: 2 },
+          { label: '日', value: 1 }
         ]
       }
     },
@@ -80,7 +57,7 @@ export default {
     SelectCustom
   },
   watch: {
-    isSingle:{
+    isSingle: {
       immediate: true,
       handler(val) {
         if (!val) {
@@ -117,7 +94,7 @@ export default {
 
 <style scoped lang="scss">
 @import '~@/theme/theme1/styles/variables.scss';
-.nstc-g6-common-input-with-unit{
+.nstc-g6-common-input-with-unit {
   display: flex;
   width: $formItemDefaultWidth;
   align-items: center;

package/nstc-g6/components/Form/BusinessSpecific/SelectTreeDialog.vue

@@ -1,39 +1,36 @@
 <template>
   <SelectInDialogCustom
-      ref="SelectInDialogCustom"
-      v-model="model[0]"
-      :title="title"
-      :url="url"
-      clearable
-      remote
-      :value-key="valueKey"
-      :label-key="labelKey"
-      width="294"
-      :original-form="false"
-      :original-table="false"
-      :dialogVisibleTree="dialogVisibleTree"
+    ref="SelectInDialogCustom"
+    v-model="model[0]"
+    :title="title"
+    :url="url"
+    clearable
+    remote
+    :value-key="valueKey"
+    :label-key="labelKey"
+    width="294"
+    :original-form="false"
+    :original-table="false"
+    :dialogVisibleTree="dialogVisibleTree"
   >
     <template v-slot:table>
-      <div style="display:flex;">
-        <el-input
-          class="select-dialog-custom-tree-inp"
-          placeholder="输入关键字进行过滤"
-          v-model="filterText">
+      <div style="display: flex">
+        <el-input class="select-dialog-custom-tree-inp" placeholder="输入关键字进行过滤" v-model="filterText">
         </el-input>
         <el-button
           type="primary"
-          style="margin-left: 20px;"
+          style="margin-left: 20px"
           class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
           @click.stop="handleQuery"
         >
           查询
         </el-button>
       </div>
-      
-      <div style="height:300px;overflow:scroll;">
+
+      <div style="height: 300px; overflow: scroll">
         <el-tree
           class="filter-tree"
-          style="margin:20px;"
+          style="margin: 20px"
           :data="data"
           :props="defaultProps"
           :node-key="nodeKey"
@@ -47,24 +44,14 @@
         >
         </el-tree>
       </div>
-      <div style='text-align:center;'>
-        <el-button
-          type="primary"
-          class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
-          @click.stop="handleclick"
-        >
+      <div style="text-align: center">
+        <el-button type="primary" class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b" @click.stop="handleclick">
           确认
         </el-button>
-        <el-button
-          class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
-          @click.stop="handleClear"
-        >
-          取消
-        </el-button>
-        </div>
+        <el-button class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b" @click.stop="handleClear"> 取消 </el-button>
+      </div>
     </template>
   </SelectInDialogCustom>
-
 </template>
 
 <script>
@@ -73,9 +60,9 @@ export default {
   name: 'SelectTreeDialog',
 
   components: {
-    SelectInDialogCustom,
+    SelectInDialogCustom
   },
-  
+
   computed: {
     _value: {
       get() {
@@ -98,41 +85,56 @@ export default {
     },
     data: {
       type: Array,
-      default: () => [{
+      default: () => [
+        {
           id: 1,
           label: '一级 1',
-          children: [{
-            id: 4,
-            label: '二级 1-1',
-            children: [{
-              id: 9,
-              label: '三级 1-1-1'
-            }, {
-              id: 10,
-              label: '三级 1-1-2'
-            }]
-          }]
-        }, {
+          children: [
+            {
+              id: 4,
+              label: '二级 1-1',
+              children: [
+                {
+                  id: 9,
+                  label: '三级 1-1-1'
+                },
+                {
+                  id: 10,
+                  label: '三级 1-1-2'
+                }
+              ]
+            }
+          ]
+        },
+        {
           id: 2,
           label: '一级 2',
-          children: [{
-            id: 5,
-            label: '二级 2-1'
-          }, {
-            id: 6,
-            label: '二级 2-2'
-          }]
-        }, {
+          children: [
+            {
+              id: 5,
+              label: '二级 2-1'
+            },
+            {
+              id: 6,
+              label: '二级 2-2'
+            }
+          ]
+        },
+        {
           id: 3,
           label: '一级 3',
-          children: [{
-            id: 7,
-            label: '二级 3-1'
-          }, {
-            id: 8,
-            label: '二级 3-2'
-          }]
-        }]
+          children: [
+            {
+              id: 7,
+              label: '二级 3-1'
+            },
+            {
+              id: 8,
+              label: '二级 3-2'
+            }
+          ]
+        }
+      ]
     },
     defaultProps: {
       type: Object,
@@ -143,7 +145,7 @@ export default {
         }
       }
     },
-    valueKey :{
+    valueKey: {
       type: String,
       default: 'prop1'
     },
@@ -162,25 +164,24 @@ export default {
     nodeKey: {
       type: String,
       default: 'id'
-    },
-
+    }
   },
 
   data() {
     return {
       filterText: '',
       model: [{ prop1: '1', prop2: '' }],
-      dialogVisibleTree: false,
+      dialogVisibleTree: false
     }
   },
 
   methods: {
     filterNode(value, data) {
-      if (!value) return true;
-      return data.label.indexOf(value) !== -1;
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
     },
     handleQuery() {
-      this.$refs.tree.filter(this.filterText);
+      this.$refs.tree.filter(this.filterText)
     },
     /**
      * 树节点点击事件
@@ -195,14 +196,14 @@ export default {
       this.placeholder = this.filterText
 
       this._value = data[this.nodeKey]
-      console.log(this._value,this.nodeKey)
+      console.log(this._value, this.nodeKey)
 
       // 主动让input框失去交单
       // this.$refs[this.inputRefName].blur()
       this.showPopoverFlag = false
     },
     handleclick() {
-      this.$emit('handleclick', this.filterText) 
+      this.$emit('handleclick', this.filterText)
       this.model[0].prop2 = this.filterText
       this.model[0].prop1 = this.nodeKey
       this.$refs.SelectInDialogCustom.dialogVisible = false
@@ -219,10 +220,9 @@ export default {
     margin-right: 20px;
   }
   .el-tree-node:focus {
-    background-color: #007AFF;
+    background-color: #007aff;
   }
 }
-
 </style>
 
 <style scoped>

package/nstc-g6/components/Form/CascaderCustom/index.vue

@@ -4,7 +4,7 @@
     v-bind="$attrs"
     :collapse-tags="collapseTags"
     :props="calcProps"
-    :style="{width:parseFloat(width) + 'px'}"
+    :style="{ width: parseFloat(width) + 'px' }"
     v-on="$listeners"
   >
     <template v-slot="scope">
@@ -72,9 +72,9 @@ export default {
         ...this.props,
         lazyLoad: this.props.lazy
           ? (node) => {
-            // Todo 需要后端统一传参格式与返回数据的格式
-            console.log('子选项node', node)
-          }
+              // Todo 需要后端统一传参格式与返回数据的格式
+              console.log('子选项node', node)
+            }
           : undefined
       }
     }