n20-common-lib 1.3.43 → 1.3.46

package/src/components/Table/ThSelectHeader.vue

@@ -1,128 +0,0 @@
-<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"
-        >{{ '全部' + '(' + dataList.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 {}
-      }
-    },
-    dataList: {
-      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.dataList.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>