cnhis-design-vue 2.1.78 → 2.1.79

package/packages/table-filter/src/components/search-modal/set-classification.vue

@@ -1,336 +1,336 @@
-<template>
-  <div class="search">
-    <TableModal
-      v-bind="$attrs"
-      :dataSource="curConditionList"
-      :visibleIn="oneVisible"
-      @handleOk="oneSave"
-      @close="oneCancel"
-      @changeData="changeData"
-      @resetPopconfirm="resetPopconfirm"
-      :edit="edit"
-      :copy="copy"
-      :delItem="delItem"
-      type="search"
-      :filterApiConfig="filterApiConfig"
-    >
-      <template #add>
-        <a-button type="primary" @click="add">新增</a-button>
-      </template>
-    </TableModal>
-    <slot 
-      name="searchCondition" 
-      :attrs="{ ...$attrs, visible: addVisible, loading: saveLoading, conditionList, actionList_prop, searchFieldList, isInSearch: true, isCnHis: true, showCompareField: true, filterApiConfig }" 
-      :listeners="{ saveAdd, cancelSaveAdd }" 
-      ref="searchFilter">
-      <SearchFilter
-        ref="searchFilter"
-        v-bind="$attrs"
-        :visible="addVisible"
-        @saveAdd="saveAdd"
-        @cancelSaveAdd="cancelSaveAdd"
-        :conditionList="curConditionList"
-        :actionList_prop="actionList_prop"
-        :searchFieldList="newSearchFieldList"
-        :isInSearch="true"
-        :isCnHis="true"
-        :showCompareField="true"
-        :filterApiConfig="filterApiConfig"
-      />
-    </slot>
-  </div>
-</template>
-
-<script>
-// 提取到 baseSearch
-/**
- * requestSaveTableCondiTionSetting 保存
- * requestDeleteTableCondiTion： 删除分类
- */
-import { filterApiFn } from '~/table-filter/src/mixins/mixins';
-import TableModal from '../table-modal/TableModal';
-import SearchFilter from '../search-filter/SearchFilter';
-import { Button } from 'ant-design-vue';
-import vexutils from '@/utils/vexutils';
-export default {
-  mixins: [filterApiFn],
-  name: 'set-classification',
-  props: {
-    searchFieldList: {
-      type: Array,
-      default: () => []
-    },
-    conditionList: {
-      type: Array,
-      default: () => []
-    },
-    settingId: String,
-    searchDefName: {
-      type: String,
-      default: '全部数据'
-    },
-    filterApiConfig: {
-      type: Object,
-      default: () => {}
-    },
-
-    classifyModal: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      searchName: this.searchDefName || '全部数据',
-      confirmLoading: false,
-      // oneVisible: false,
-      curConditionList: [],
-      addVisible: false,
-      actionList_prop: {},
-      selectKeys: [],
-      newSearchFieldList: [],
-      saveLoading: false
-    };
-  },
-  computed: {
-    oneVisible() {
-      return this.classifyModal;
-    }
-  },
-  components: {
-    TableModal,
-    SearchFilter,
-    [Button.name]: Button
-  },
-  watch: {
-    searchDefName() {
-      this.searchName = this.searchDefName || '全部数据';
-    },
-    '$attrs.searchKey'() {
-      this.selectKeys = [this.$attrs.searchKey || 'all'];
-    },
-    searchFieldList: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && val.length > 0) {
-          this.newSearchFieldList = val.filter(i => i.columnName !== 'operatorColumn');
-        }
-      }
-    },
-    addVisible: {
-      handler(val) {
-        if (!val) this.actionList_prop = {};
-      }
-    },
-    conditionList: {
-      immediate: true,
-      handler(value) {
-        this.curConditionList = vexutils.clone(value, true);
-      }
-    }
-  },
-  methods: {
-    // changeSearchTile() {
-    //   this.$emit("changeSearchTile", true);
-    // },
-    handleMenuClick(key, item) {
-      switch (key) {
-        case 'all':
-          // 1.1.5.1全部数据
-          this.searchName = '全部数据';
-          this.$emit('changeSearch', key, item);
-          break;
-        case 'setting':
-          this.oneVisible = true;
-          break;
-        default:
-          this.searchName = item.name;
-          this.$emit('changeSearch', key, item);
-          break;
-      }
-    },
-    // 保存列表搜索分类设置信息
-    async oneSave(value) {
-      try {
-        let params = Object.assign(value, {
-          id: this.settingId,
-          tableId: this.$attrs.tableId
-        });
-        // TODO:api
-        let res = await this.handleGetConfigApi(params, 'requestSaveTableCondiTionSetting');
-        if (res) {
-          this.$emit('CondiTionListInit');
-
-          this.setOneVisible(false);
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    oneCancel() {
-      this.setOneVisible(false);
-      this.curConditionList.forEach(item => {
-        item.checked = false;
-      });
-    },
-    // 第一层弹框添加分类按钮
-    add() {
-      this.addVisible = true;
-    },
-    edit(item, name) {
-      this.actionList_prop = Object.assign(item, { from: 'edit' });
-      this.$nextTick(() => {
-        this.addVisible = true;
-      });
-    },
-    copy(item, name) {
-      this.actionList_prop = Object.assign(item, { from: 'copy' });
-      this.$nextTick(() => {
-        this.addVisible = true;
-      });
-    },
-    // 保存列表搜索分类
-    async saveAdd(params) {
-      try {
-        Object.assign(params, {
-          tableId: this.$attrs.tableId,
-          conditionList: JSON.stringify(this.curConditionList)
-        });
-        this.saveLoading = true;
-        // TODO:api
-        let res = await this.handleGetConfigApi(params, 'requestSaveTableCondiTion');
-        if (!res) return;
-        let searchFilter = this.$refs.searchFilter;
-        if (searchFilter) {
-          searchFilter.cancelSaveAdd();
-        }
-        this.$emit('saveGetTableCondiTionList');
-        this.addVisible = false;
-      } catch (error) {
-        console.log(error);
-      } finally {
-        this.saveLoading = false;
-      }
-    },
-    cancelSaveAdd() {
-      this.addVisible = false;
-      this.actionList_prop = {};
-    },
-    changeData(data, checkedItem) {
-      this.curConditionList = data;
-      this.checkedItem = checkedItem;
-    },
-    async delItem(checkedItem, name) {
-      if (!checkedItem) {
-        this.$message.info('请选择行' || this.$t('1.9.18'));
-        return;
-      }
-
-      try {
-        let params = { id: checkedItem.sid };
-        let res = await this.handleGetConfigApi(params, 'requestDeleteTableCondiTion');
-        if (!res) return;
-        this.$message.success('删除成功' || this.$t('1.6.7'));
-        this.$emit('saveGetTableCondiTionList', {
-          type: 'delete',
-          item: checkedItem
-        });
-      } catch (error) {
-        console.log(error);
-      }
-
-      // this.handleItemTracher(name, checkedItem);
-    },
-    setOneVisible(flag) {
-      this.$emit('setClassifyModal', flag);
-    },
-    async resetPopconfirm() {
-      try {
-        let params = {
-          id: this.settingId,
-          tableId: this.$attrs.tableId,
-          type: 'SEARCH_CATEGORY'
-        };
-        // TODO:api
-        let res = await this.handleGetConfigApi(params, 'requestResetDefaultSetting');
-        if (res) {
-          this.$emit('CondiTionListInit');
-
-          this.setOneVisible(false);
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.search {
-  line-height: 40px;
-  // margin-right: 10px;
-  .ant-dropdown-link {
-    cursor: pointer;
-  }
-}
-.icon_btn {
-  color: #000;
-  span {
-    margin-right: 15px;
-    cursor: pointer;
-    i {
-      font-size: 16px;
-    }
-  }
-}
-
-.line {
-  text-align: center;
-  .text {
-    position: relative;
-    background-color: #fff;
-    color: #999;
-    padding: 0 2px;
-  }
-  &::before {
-    content: ' ';
-    position: absolute;
-    border: 1px solid #e8e8e8;
-    width: 100%;
-    left: 0;
-    margin-top: 10px;
-  }
-}
-.inner-content {
-  & > p > span {
-    cursor: pointer;
-  }
-  .item-name {
-    display: flex;
-    height: 32px;
-    line-height: 32px;
-    margin-bottom: 10px;
-    .label {
-      width: 100px;
-    }
-  }
-  .item-list {
-    margin-bottom: 10px;
-    li {
-      margin-bottom: 10px;
-    }
-    .form-item {
-      width: 120px;
-      margin-right: 10px;
-    }
-    .form-action {
-      font-size: 20px;
-      float: right;
-      line-height: 32px;
-      cursor: pointer;
-    }
-  }
-}
-</style>
+<template>
+  <div class="search">
+    <TableModal
+      v-bind="$attrs"
+      :dataSource="curConditionList"
+      :visibleIn="oneVisible"
+      @handleOk="oneSave"
+      @close="oneCancel"
+      @changeData="changeData"
+      @resetPopconfirm="resetPopconfirm"
+      :edit="edit"
+      :copy="copy"
+      :delItem="delItem"
+      type="search"
+      :filterApiConfig="filterApiConfig"
+    >
+      <template #add>
+        <a-button type="primary" @click="add">新增</a-button>
+      </template>
+    </TableModal>
+    <slot 
+      name="searchCondition" 
+      :attrs="{ ...$attrs, visible: addVisible, loading: saveLoading, conditionList, actionList_prop, searchFieldList, isInSearch: true, isCnHis: true, showCompareField: true, filterApiConfig }" 
+      :listeners="{ saveAdd, cancelSaveAdd }" 
+      ref="searchFilter">
+      <SearchFilter
+        ref="searchFilter"
+        v-bind="$attrs"
+        :visible="addVisible"
+        @saveAdd="saveAdd"
+        @cancelSaveAdd="cancelSaveAdd"
+        :conditionList="curConditionList"
+        :actionList_prop="actionList_prop"
+        :searchFieldList="newSearchFieldList"
+        :isInSearch="true"
+        :isCnHis="true"
+        :showCompareField="true"
+        :filterApiConfig="filterApiConfig"
+      />
+    </slot>
+  </div>
+</template>
+
+<script>
+// 提取到 baseSearch
+/**
+ * requestSaveTableCondiTionSetting 保存
+ * requestDeleteTableCondiTion： 删除分类
+ */
+import { filterApiFn } from '~/table-filter/src/mixins/mixins';
+import TableModal from '../table-modal/TableModal';
+import SearchFilter from '../search-filter/SearchFilter';
+import { Button } from 'ant-design-vue';
+import vexutils from '@/utils/vexutils';
+export default {
+  mixins: [filterApiFn],
+  name: 'set-classification',
+  props: {
+    searchFieldList: {
+      type: Array,
+      default: () => []
+    },
+    conditionList: {
+      type: Array,
+      default: () => []
+    },
+    settingId: String,
+    searchDefName: {
+      type: String,
+      default: '全部数据'
+    },
+    filterApiConfig: {
+      type: Object,
+      default: () => {}
+    },
+
+    classifyModal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      searchName: this.searchDefName || '全部数据',
+      confirmLoading: false,
+      // oneVisible: false,
+      curConditionList: [],
+      addVisible: false,
+      actionList_prop: {},
+      selectKeys: [],
+      newSearchFieldList: [],
+      saveLoading: false
+    };
+  },
+  computed: {
+    oneVisible() {
+      return this.classifyModal;
+    }
+  },
+  components: {
+    TableModal,
+    SearchFilter,
+    [Button.name]: Button
+  },
+  watch: {
+    searchDefName() {
+      this.searchName = this.searchDefName || '全部数据';
+    },
+    '$attrs.searchKey'() {
+      this.selectKeys = [this.$attrs.searchKey || 'all'];
+    },
+    searchFieldList: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.length > 0) {
+          this.newSearchFieldList = val.filter(i => i.columnName !== 'operatorColumn');
+        }
+      }
+    },
+    addVisible: {
+      handler(val) {
+        if (!val) this.actionList_prop = {};
+      }
+    },
+    conditionList: {
+      immediate: true,
+      handler(value) {
+        this.curConditionList = vexutils.clone(value, true);
+      }
+    }
+  },
+  methods: {
+    // changeSearchTile() {
+    //   this.$emit("changeSearchTile", true);
+    // },
+    handleMenuClick(key, item) {
+      switch (key) {
+        case 'all':
+          // 1.1.5.1全部数据
+          this.searchName = '全部数据';
+          this.$emit('changeSearch', key, item);
+          break;
+        case 'setting':
+          this.oneVisible = true;
+          break;
+        default:
+          this.searchName = item.name;
+          this.$emit('changeSearch', key, item);
+          break;
+      }
+    },
+    // 保存列表搜索分类设置信息
+    async oneSave(value) {
+      try {
+        let params = Object.assign(value, {
+          id: this.settingId,
+          tableId: this.$attrs.tableId
+        });
+        // TODO:api
+        let res = await this.handleGetConfigApi(params, 'requestSaveTableCondiTionSetting');
+        if (res) {
+          this.$emit('CondiTionListInit');
+
+          this.setOneVisible(false);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    oneCancel() {
+      this.setOneVisible(false);
+      this.curConditionList.forEach(item => {
+        item.checked = false;
+      });
+    },
+    // 第一层弹框添加分类按钮
+    add() {
+      this.addVisible = true;
+    },
+    edit(item, name) {
+      this.actionList_prop = Object.assign(item, { from: 'edit' });
+      this.$nextTick(() => {
+        this.addVisible = true;
+      });
+    },
+    copy(item, name) {
+      this.actionList_prop = Object.assign(item, { from: 'copy' });
+      this.$nextTick(() => {
+        this.addVisible = true;
+      });
+    },
+    // 保存列表搜索分类
+    async saveAdd(params) {
+      try {
+        Object.assign(params, {
+          tableId: this.$attrs.tableId,
+          conditionList: JSON.stringify(this.curConditionList)
+        });
+        this.saveLoading = true;
+        // TODO:api
+        let res = await this.handleGetConfigApi(params, 'requestSaveTableCondiTion');
+        if (!res) return;
+        let searchFilter = this.$refs.searchFilter;
+        if (searchFilter) {
+          searchFilter.cancelSaveAdd();
+        }
+        this.$emit('saveGetTableCondiTionList');
+        this.addVisible = false;
+      } catch (error) {
+        console.log(error);
+      } finally {
+        this.saveLoading = false;
+      }
+    },
+    cancelSaveAdd() {
+      this.addVisible = false;
+      this.actionList_prop = {};
+    },
+    changeData(data, checkedItem) {
+      this.curConditionList = data;
+      this.checkedItem = checkedItem;
+    },
+    async delItem(checkedItem, name) {
+      if (!checkedItem) {
+        this.$message.info('请选择行' || this.$t('1.9.18'));
+        return;
+      }
+
+      try {
+        let params = { id: checkedItem.sid };
+        let res = await this.handleGetConfigApi(params, 'requestDeleteTableCondiTion');
+        if (!res) return;
+        this.$message.success('删除成功' || this.$t('1.6.7'));
+        this.$emit('saveGetTableCondiTionList', {
+          type: 'delete',
+          item: checkedItem
+        });
+      } catch (error) {
+        console.log(error);
+      }
+
+      // this.handleItemTracher(name, checkedItem);
+    },
+    setOneVisible(flag) {
+      this.$emit('setClassifyModal', flag);
+    },
+    async resetPopconfirm() {
+      try {
+        let params = {
+          id: this.settingId,
+          tableId: this.$attrs.tableId,
+          type: 'SEARCH_CATEGORY'
+        };
+        // TODO:api
+        let res = await this.handleGetConfigApi(params, 'requestResetDefaultSetting');
+        if (res) {
+          this.$emit('CondiTionListInit');
+
+          this.setOneVisible(false);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.search {
+  line-height: 40px;
+  // margin-right: 10px;
+  .ant-dropdown-link {
+    cursor: pointer;
+  }
+}
+.icon_btn {
+  color: #000;
+  span {
+    margin-right: 15px;
+    cursor: pointer;
+    i {
+      font-size: 16px;
+    }
+  }
+}
+
+.line {
+  text-align: center;
+  .text {
+    position: relative;
+    background-color: #fff;
+    color: #999;
+    padding: 0 2px;
+  }
+  &::before {
+    content: ' ';
+    position: absolute;
+    border: 1px solid #e8e8e8;
+    width: 100%;
+    left: 0;
+    margin-top: 10px;
+  }
+}
+.inner-content {
+  & > p > span {
+    cursor: pointer;
+  }
+  .item-name {
+    display: flex;
+    height: 32px;
+    line-height: 32px;
+    margin-bottom: 10px;
+    .label {
+      width: 100px;
+    }
+  }
+  .item-list {
+    margin-bottom: 10px;
+    li {
+      margin-bottom: 10px;
+    }
+    .form-item {
+      width: 120px;
+      margin-right: 10px;
+    }
+    .form-action {
+      font-size: 20px;
+      float: right;
+      line-height: 32px;
+      cursor: pointer;
+    }
+  }
+}
+</style>