n20-common-lib 1.3.20 → 1.3.24

package/src/components/Suspend/index.vue

@@ -1,72 +1,72 @@
-<template>
-  <div v-move="moveFn" class="n20-suspend" :style="{ top: topAs }">
-    <el-tooltip
-      effect="dark"
-      :content="text"
-      placement="top-end"
-      offset="20"
-      :disabled="!text"
-    >
-      <div>
-        <i
-          class="n20-icon-liucheng m-r-ss color-primary"
-          @click="(ev) => $emit('click', ev)"
-        ></i>
-        <span class="n20-suspend-text" @click="(ev) => $emit('click', ev)">
-          <slot></slot>
-        </span>
-      </div>
-    </el-tooltip>
-  </div>
-</template>
-<script>
-export default {
-  name: 'Suspend',
-  props: {
-    text: {
-      type: String,
-      default: ''
-    },
-    top: {
-      type: Number,
-      default: 15
-    },
-    icon: {
-      type: String,
-      default: undefined
-    }
-  },
-  data() {
-    return {
-      winH: 1080,
-      moveY: 0
-    }
-  },
-  computed: {
-    topAs() {
-      let top = this.top * this.winH * 0.01 + this.moveY
-      if (top <= 0) {
-        return 0
-      } else if (top >= document.documentElement.clientHeight - 46) {
-        return document.documentElement.clientHeight - 46 + 'px'
-      }
-      return top + 'px'
-    }
-  },
-  mounted() {
-    this.resizeFn()
-    window.addEventListener('resize', this.resizeFn)
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.resizeFn)
-  },
-  methods: {
-    resizeFn() {
-      this.winH = document.documentElement.clientHeight
-    },
-    moveFn(ev) {
-      this.moveY = this.moveY + ev.pageYc
-    }
-  }
-}
-</script>
+<template>
+  <div v-move="moveFn" class="n20-suspend" :style="{ top: topAs }">
+    <el-tooltip
+      effect="dark"
+      :content="text"
+      placement="top-end"
+      offset="20"
+      :disabled="!text"
+    >
+      <div>
+        <i
+          class="n20-icon-liucheng m-r-ss color-primary"
+          @click="(ev) => $emit('click', ev)"
+        ></i>
+        <span class="n20-suspend-text" @click="(ev) => $emit('click', ev)">
+          <slot></slot>
+        </span>
+      </div>
+    </el-tooltip>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Suspend',
+  props: {
+    text: {
+      type: String,
+      default: ''
+    },
+    top: {
+      type: Number,
+      default: 15
+    },
+    icon: {
+      type: String,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      winH: 1080,
+      moveY: 0
+    }
+  },
+  computed: {
+    topAs() {
+      let top = this.top * this.winH * 0.01 + this.moveY
+      if (top <= 0) {
+        return 0
+      } else if (top >= document.documentElement.clientHeight - 46) {
+        return document.documentElement.clientHeight - 46 + 'px'
+      }
+      return top + 'px'
+    }
+  },
+  mounted() {
+    this.resizeFn()
+    window.addEventListener('resize', this.resizeFn)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.resizeFn)
+  },
+  methods: {
+    resizeFn() {
+      this.winH = document.documentElement.clientHeight
+    },
+    moveFn(ev) {
+      this.moveY = this.moveY + ev.pageYc
+    }
+  }
+}
+</script>

package/src/components/Table/ThSelectHeader.vue

@@ -1,128 +1,128 @@
-<template>
-  <el-popover
-    popper-class="table-header-popover"
-    placement="bottom"
-    trigger="hover"
-  >
-    <el-input
-      v-model="value"
-      placeholder="请输入"
-      clearable
-      class="input-w"
-      @keyup.enter.native="handleSearch"
-    >
-      <i
-        slot="suffix"
-        class="el-input__icon el-icon-search"
-        @click="handleSearch"
-      ></i>
-    </el-input>
-
-    <div class="flex-column m-t">
-      <el-checkbox
-        v-model="checkbox"
-        :indeterminate="isIndeterminate"
-        @change="checkboxChange"
-        >{{ '全部' + '(' + this.thIndex.length + ')' }}</el-checkbox
-      >
-      <el-checkbox-group
-        v-model="checkLists"
-        class="flex-column"
-        @change="handleCheckedCitiesChange"
-      >
-        <el-checkbox
-          v-for="item in checkList[property]"
-          :key="item"
-          class="m-t-s"
-          :label="item"
-          >{{ item + '(' + countNum(item) + ')' }}</el-checkbox
-        >
-      </el-checkbox-group>
-    </div>
-    <div class="flex-box flex-c m-t-m">
-      <el-button type="primary" @click="confirm">确认</el-button>
-      <el-button plain @click="reset">清空</el-button>
-    </div>
-    <i slot="reference" class="el-icon-arrow-down"></i>
-  </el-popover>
-</template>
-
-<script>
-export default {
-  name: 'ThSelectHeader',
-  props: {
-    property: {
-      // 过滤的字段
-      type: String,
-      default: ''
-    },
-    checkList: {
-      // 当前过滤字段的过滤条件
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    thIndex: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    }
-  },
-  data() {
-    return {
-      value: '',
-      checkLists: [],
-      list: [],
-      checkbox: false,
-      isIndeterminate: true
-    }
-  },
-  created() {
-    this.list = JSON.parse(JSON.stringify(this.checkList[this.property]))
-  },
-  methods: {
-    confirm() {
-      this.$emit('selectChange', {
-        property: this.property,
-        value: this.checkLists
-      })
-    },
-    handleSearch() {
-      if (!this.value) {
-        this.checkList[this.property] = this.list
-      } else {
-        this.checkList[this.property] = this.list.filter((v) => {
-          return v.indexOf(this.value) !== -1
-        })
-      }
-      this.$forceUpdate()
-    },
-    reset() {
-      this.value = ''
-      this.checkLists = []
-      this.$emit('reset', {
-        property: this.property,
-        value: this.value
-      })
-    },
-    countNum(res) {
-      var newArrays = this.thIndex.filter((item) => {
-        return item[this.property] == res
-      })
-      return newArrays.length
-    },
-    checkboxChange(val) {
-      this.checkLists = val ? this.checkList[this.property] : []
-      this.isIndeterminate = false
-    },
-    handleCheckedCitiesChange(val) {
-      let checkedCount = val.length
-      this.checkbox = checkedCount === this.checkList[this.property].length
-      this.isIndeterminate =
-        checkedCount > 0 && checkedCount < this.checkList[this.property].length
-    }
-  }
-}
+<template>
+  <el-popover
+    popper-class="table-header-popover"
+    placement="bottom"
+    trigger="hover"
+  >
+    <el-input
+      v-model="value"
+      placeholder="请输入"
+      clearable
+      class="input-w"
+      @keyup.enter.native="handleSearch"
+    >
+      <i
+        slot="suffix"
+        class="el-input__icon el-icon-search"
+        @click="handleSearch"
+      ></i>
+    </el-input>
+
+    <div class="flex-column m-t">
+      <el-checkbox
+        v-model="checkbox"
+        :indeterminate="isIndeterminate"
+        @change="checkboxChange"
+        >{{ '全部' + '(' + this.thIndex.length + ')' }}</el-checkbox
+      >
+      <el-checkbox-group
+        v-model="checkLists"
+        class="flex-column"
+        @change="handleCheckedCitiesChange"
+      >
+        <el-checkbox
+          v-for="item in checkList[property]"
+          :key="item"
+          class="m-t-s"
+          :label="item"
+          >{{ item + '(' + countNum(item) + ')' }}</el-checkbox
+        >
+      </el-checkbox-group>
+    </div>
+    <div class="flex-box flex-c m-t-m">
+      <el-button type="primary" @click="confirm">确认</el-button>
+      <el-button plain @click="reset">清空</el-button>
+    </div>
+    <i slot="reference" class="el-icon-arrow-down"></i>
+  </el-popover>
+</template>
+
+<script>
+export default {
+  name: 'ThSelectHeader',
+  props: {
+    property: {
+      // 过滤的字段
+      type: String,
+      default: ''
+    },
+    checkList: {
+      // 当前过滤字段的过滤条件
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    thIndex: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      value: '',
+      checkLists: [],
+      list: [],
+      checkbox: false,
+      isIndeterminate: true
+    }
+  },
+  created() {
+    this.list = JSON.parse(JSON.stringify(this.checkList[this.property]))
+  },
+  methods: {
+    confirm() {
+      this.$emit('selectChange', {
+        property: this.property,
+        value: this.checkLists
+      })
+    },
+    handleSearch() {
+      if (!this.value) {
+        this.checkList[this.property] = this.list
+      } else {
+        this.checkList[this.property] = this.list.filter((v) => {
+          return v.indexOf(this.value) !== -1
+        })
+      }
+      this.$forceUpdate()
+    },
+    reset() {
+      this.value = ''
+      this.checkLists = []
+      this.$emit('reset', {
+        property: this.property,
+        value: this.value
+      })
+    },
+    countNum(res) {
+      var newArrays = this.thIndex.filter((item) => {
+        return item[this.property] == res
+      })
+      return newArrays.length
+    },
+    checkboxChange(val) {
+      this.checkLists = val ? this.checkList[this.property] : []
+      this.isIndeterminate = false
+    },
+    handleCheckedCitiesChange(val) {
+      let checkedCount = val.length
+      this.checkbox = checkedCount === this.checkList[this.property].length
+      this.isIndeterminate =
+        checkedCount > 0 && checkedCount < this.checkList[this.property].length
+    }
+  }
+}
 </script>