n20-common-lib 2.5.7 → 2.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "2.5.7",
+  "version": "2.5.9",
   "private": false,
   "main": "src/index.js",
   "scripts": {

package/src/components/AdvancedFilter/form-item-input.vue

@@ -158,10 +158,6 @@ export default {
       type: Object,
       default: undefined
     },
-    data: {
-      type: Array,
-      default: undefined
-    },
     item: {
       type: Object,
       default: undefined
@@ -173,16 +169,15 @@ export default {
     }
   },
   created() {
-    // if (this.item.reqOptions) {
-    //   this.getOptions()
-    // }
+    if (this.item.reqOptions) {
+      this.getOptions()
+    }
   },
   methods: {
     getOptions() {
       let reqOptions = this.item.reqOptions
       let url = reqOptions.url || ''
       url = url.includes('?') ? `${url}r=${Math.random()}` : `${url}?r=${Math.random()}`
-
       axios({
         ...reqOptions,
         url: url,

package/src/components/AdvancedFilter/index.vue

@@ -1,57 +1,54 @@
 <template>
   <div :class="prefixCls">
-    <div v-if="!visible && $slots.prefix" class="n20-advanced-filter-item" style="margin-bottom: 11px">
+    <el-form v-if="visible" :class="prefixCls + '-body'">
       <slot name="prefix"></slot>
-    </div>
-    <div v-if="!visible && $slots.suffix" class="n20-advanced-filter-item" style="border: none; margin-bottom: 11px">
-      <slot name="suffix"></slot>
-    </div>
-    <filterList
-      v-if="visible"
-      :width="width"
-      :form="model"
-      class="custom-advance-filter"
-      :prefix-cls="prefixCls"
-      :filter-id="filterId"
-      :filter-list="filterList"
-      @change="$emit('change', model)"
-      @clear="$emit('clear')"
-    >
-      <div
-        v-if="$slots.prefix"
-        slot="prefix"
-        class="el-form-item el-form-item--small n20-advanced-filter-item"
-        style="margin-bottom: 11px"
-      >
-        <slot name="prefix"></slot>
-      </div>
-      <template v-for="item in GroupData">
-        <template v-if="item && item.slotName" :slot="item.slotName">
-          <slot :name="item.slotName"></slot>
-        </template>
-      </template>
-      <div
-        v-if="$slots.suffix"
-        slot="suffix"
-        class="el-form-item el-form-item--small n20-advanced-filter-item"
-        style="border: none; margin-bottom: 11px"
+      <el-form-item
+        v-for="(item, i) in dataC"
+        :key="i"
+        :class="[prefixCls + '-item', activeClass(item)]"
+        :label="item.label"
       >
-        <slot name="suffix"></slot>
-      </div>
-    </filterList>
+        <div :class="prefixCls + '-content'">
+          <slot v-if="item.slotName" :name="item.slotName"></slot>
+          <formItemInput v-else :form="model" :item="item" @change="$emit('change')" />
+        </div>
+        <i :key="i" :class="[prefixCls + '-item-close', 'n20-icon-yichu']" @click="handleClose(item)"></i>
+      </el-form-item>
+      <slot name="suffix"></slot>
+      <el-form-item :class="prefixCls + '-add'">
+        <el-button v-popover:advanced_popover onlyicon plain icon="el-icon-plus" />
+        <el-popover ref="advanced_popover" placement="bottom-start" trigger="click">
+          <el-form>
+            <InputSearch
+              v-model="search"
+              clearable
+              class="input-w m-b-s"
+              :placeholder="$l('搜索筛选条件')"
+              @change="searchFn"
+            />
+            <filterItem :filter-list="filterListC" :check-array.sync="checkList" @checked="check" />
+          </el-form>
+        </el-popover>
+        <el-link class="m-l-s f-s-s" :underline="false" icon="n20-icon-qingchu" @click="cleared"> 清除条件</el-link>
+      </el-form-item>
+    </el-form>
     <div v-else :width="width"></div>
   </div>
 </template>
 
 <script>
-import filterList from './filterList.vue'
+import formItemInput from './form-item-input.vue'
+import InputSearch from '../InputSearch/index.vue'
+import filterItem from './filterItem.vue'
 
 import mixins from './mixins/index.js'
 const prefixCls = 'n20-advanced-filter'
 export default {
   name: 'AdvancedFilter',
   components: {
-    filterList
+    formItemInput,
+    InputSearch,
+    filterItem
   },
   mixins: [mixins],
   props: {
@@ -94,17 +91,96 @@ export default {
       showPop: false,
       showPopC: false,
       prefixCls,
+      dataC: [],
+      filterListC: [],
       remoteList: [],
       checkList: []
     }
   },
-
+  watch: {
+    GroupData: {
+      handler(value) {
+        this.dataC = value
+      },
+      immediate: true
+    },
+    filterList: {
+      handler(value) {
+        this.filterListC = value
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    this.getFilterList()
+  },
   methods: {
     setOptions(key, opts) {
       let item = this.filterList.find((f) => f.value === key)
       if (item) {
         item.options = opts || []
       }
+    },
+    activeClass(item) {
+      console.log(item)
+      let flag = ''
+      switch (item.type) {
+        case 'text':
+        case 'search':
+        case 'select':
+        case 'number':
+        case 'date':
+        case 'datetime':
+        case 'year':
+        case 'month':
+        case 'week':
+        case 'checkbox':
+        case 'radio':
+          flag = this.model[item.value] ? this.prefixCls + '-active' : ''
+          break
+        case 'numberrange':
+          flag = this.model[item.startValue] && this.model[item.endValue] ? this.prefixCls + '-active' : ''
+          break
+        case 'daterange':
+        case 'datetimerange':
+        case ' monthrange':
+          flag = this.model[item.startDate] && this.model[item.endDate] ? this.prefixCls + '-active' : ''
+          break
+      }
+      return flag
+    },
+    handleClose(item) {
+      let data = this.GroupData.filter((s) => {
+        return s.label !== item.label || s.value !== item.value
+      })
+      this.saveFilter(data).then(({ code }) => {
+        if (code === 200) {
+          this.getFilterList()
+        }
+      })
+    },
+    searchFn() {
+      this.filterListC = this.cloneDeepFList.filter((r) => {
+        return r.label.includes(this.search)
+      })
+    },
+    cleared() {
+      this.$emit('clear')
+    },
+    check(keys) {
+      this.checkList = keys
+      let groupFilter = []
+      if (keys.length > 0) {
+        keys.forEach((k) => {
+          groupFilter.push(this.filterList.find((s) => s.label === k))
+        })
+      }
+      this.saveFilter(groupFilter).then(({ code }) => {
+        if (code === 200) {
+          this.getFilterList()
+        }
+      })
     }
   }
 }

package/src/components/TablePro/index.vue

@@ -8,7 +8,6 @@
       :height="height"
       :class="{ 'cell-default-set--': cellDefault }"
       :checkbox-config="{ checkField: 'checked', checkMethod: forbidSelect }"
-      v-bind="Object.assign({ size: size }, $attrs, sizeBind)"
       show-overflow
       show-header-overflow
       :row-config="{ isHover: true, useKey: true, ...$attrs.rowConfig }"
@@ -22,6 +21,7 @@
         iconDesc: 'n20-icon-shunxu'
       }"
       :filter-config="{ remote: true, iconNone: 'n20-icon-xiala-moren', iconMatch: 'n20-icon-xiala-moren' }"
+      v-bind="Object.assign({ size: size }, $attrs, sizeBind)"
       v-on="$listeners"
       @sort-change="(val) => customSortMethod(val)"
       @filter-change="filterChange"

package/src/utils/amountInWords.js

@@ -5,10 +5,10 @@ const CHINESE_NUMERALS = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒'
  * @param {number|string} amount 需转换的金额
  */
 export const convert = (money) => {
-  var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖') //汉字的数字
-  var cnIntRadice = new Array('', '拾', '佰', '仟') //基本单位
-  var cnIntUnits = new Array('', '万', '亿', '兆') //对应整数部分扩展单位
-  var cnDecUnits = new Array('角', '分', '毫', '厘') //对应小数部分单位
+  var cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] //汉字的数字
+  var cnIntRadice = ['', '拾', '佰', '仟'] //基本单位
+  var cnIntUnits = ['', '万', '亿', '兆'] //对应整数部分扩展单位
+  var cnDecUnits = ['角', '分', '毫', '厘'] //对应小数部分单位
   var cnInteger = '整' //整数金额时后面跟的字符
   var cnIntLast = '元' //整数完以后的单位
   //最大处理的数字

package/src/components/AdvancedFilter/filterList.vue

@@ -1,163 +0,0 @@
-<template>
-  <el-form :class="prefixCls + '-body'">
-    <slot name="prefix"></slot>
-    <el-form-item
-      v-for="(item, i) in dataC"
-      :key="i"
-      :class="[prefixCls + '-item', activeClass(item)]"
-      :label="item.label"
-    >
-      <div :class="prefixCls + '-content'">
-        <slot v-if="item.slotName" :name="item.slotName"></slot>
-        <formItemInput v-else :form="form" :item="item" @change="$emit('change')" />
-      </div>
-      <i :key="i" :class="[prefixCls + '-item-close', 'n20-icon-yichu']" @click="handleClose(item)"></i>
-    </el-form-item>
-    <slot name="suffix"></slot>
-    <el-form-item :class="prefixCls + '-add'">
-      <el-button v-popover:advanced_popover onlyicon plain icon="el-icon-plus" />
-      <el-popover ref="advanced_popover" placement="bottom-start" trigger="click">
-        <el-form>
-          <InputSearch
-            v-model="search"
-            clearable
-            class="input-w m-b-s"
-            :placeholder="$l('搜索筛选条件')"
-            @change="searchFn"
-          />
-          <filterItem :filter-list="filterListC" :check-array.sync="checkList" @checked="check" />
-        </el-form>
-      </el-popover>
-      <el-link class="m-l-s f-s-s" :underline="false" icon="n20-icon-qingchu" @click="cleared"> 清除条件</el-link>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script>
-import formItemInput from './form-item-input.vue'
-import InputSearch from '../InputSearch/index.vue'
-import filterItem from './filterItem.vue'
-import mixins from './mixins/index.js'
-
-export default {
-  name: 'FilterList',
-  components: {
-    filterItem,
-    InputSearch,
-    formItemInput
-  },
-  mixins: [mixins],
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    width: {
-      type: String,
-      default: '90%'
-    },
-    filterList: {
-      type: Array,
-      default: () => []
-    },
-    filterId: {
-      type: String,
-      default: ''
-    },
-    prefixCls: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      search: '',
-      dataC: [],
-      filterListC: []
-    }
-  },
-  watch: {
-    GroupData: {
-      handler(value) {
-        this.dataC = value
-      },
-      immediate: true
-    },
-    filterList: {
-      handler(value) {
-        this.filterListC = value
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  mounted() {
-    this.getFilterList()
-  },
-  methods: {
-    handleClose(item) {
-      let data = this.GroupData.filter((s) => {
-        return s.label !== item.label || s.value !== item.value
-      })
-      this.saveFilter(data).then(({ code }) => {
-        if (code === 200) {
-          this.getFilterList()
-        }
-      })
-    },
-    searchFn() {
-      this.filterListC = this.cloneDeepFList.filter((r) => {
-        return r.label.includes(this.search)
-      })
-    },
-    check(keys) {
-      this.checkList = keys
-      let groupFilter = []
-      if (keys.length > 0) {
-        keys.forEach((k) => {
-          groupFilter.push(this.filterList.find((s) => s.label === k))
-        })
-      }
-      this.saveFilter(groupFilter).then(({ code }) => {
-        if (code === 200) {
-          this.getFilterList()
-        }
-      })
-    },
-    activeClass(item) {
-      let flag = ''
-      switch (item.type) {
-        case 'text':
-        case 'search':
-        case 'select':
-        case 'number':
-        case 'date':
-        case 'datetime':
-        case 'year':
-        case 'month':
-        case 'week':
-        case 'checkbox':
-        case 'radio':
-          flag = this.form[item.value] && this.form[item.value].length > 0 ? this.prefixCls + '-active' : ''
-          break
-        case 'numberrange':
-          flag = this.form[item.startValue] && this.form[item.endValue] ? this.prefixCls + '-active' : ''
-          break
-        case 'daterange':
-        case 'datetimerange':
-        case ' monthrange':
-          flag = this.form[item.startDate] && this.form[item.endDate] ? this.prefixCls + '-active' : ''
-          break
-      }
-      return flag
-    },
-    cleared() {
-      this.$emit('clear')
-    }
-  }
-}
-</script>