cnhis-design-vue 2.2.3 → 2.2.6

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

@@ -1,340 +0,0 @@
-<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, isValidConObj, config = {}) {
-      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;
-        let {cancelSaveAdd} = config
-        if (searchFilter) {
-          searchFilter.cancelSaveAdd();
-        }
-        if(!searchFilter && typeof cancelSaveAdd === 'function') {
-          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>