@tongfun/tf-widget 0.1.21 → 0.1.22

package/package/tf-widget/src/children/basic-data/dependcy/basic-data-selector.vue

@@ -1,1087 +1,1087 @@
-<template>
-  <div class="main-container">
-    <div class="strength-data-header">
-      <div>
-        <el-button class="header-input" type="primary" @click="refreshMethod">刷新</el-button>
-        <!-- <el-button class="header-input" type="primary" @click="addTableData">新增</el-button>
-            <el-button class="header-input" type="primary">编辑</el-button>
-            <el-button class="header-input" type="primary" @click="refreshMethod">刷新</el-button>
-            <el-button class="header-input" type="primary" @click="deleteTableData">删除</el-button>
-            <el-button class="header-input" type="primary">导入</el-button>
-            <el-button class="header-input" type="primary">导出</el-button>
-            <el-button class="header-input" type="primary">审核</el-button>
-            <el-button class="header-input" type="primary">反审核</el-button> -->
-        <!-- <el-button class="header-input" type="primary" @click="logInfo">打印</el-button>-->
-        <slot name="buttonGroup" />
-      </div>
-      <div class="strength-data-header-middle">
-        <!-- <PlanFilter :filter-key="pageData.filterKey" :filter-list="pageData.filterList" @updateFilterKey="updateFilterKey" /> -->
-        <div class="filter">
-          <ConditionFilter
-            :is-quick-filter="pageData.isQuickFilter"
-            :quick-filter-data="pageData.quickFilterData"
-            :condition-filter-suggest="pageData.conditionFilterSuggest"
-            :more-condition-filter-map="pageData.moreConditionFilterMap"
-            :more-condition-filter-data="pageData.moreConditionFilterData"
-            @quickConditionClear="quickConditionClear"
-            @changeIsQuickFilter="changeIsQuickFilter"
-            @quickFilterStart="quickFilterStart"
-            @updateMoreCondition="updateMoreCondition"
-            @changeRotate="changeRotate"
-            @moreConditionSearch="moreConditionSearch"
-            @moreConditionClear="moreConditionClear"
-            @addMultipleLine="addMultipleLine"
-            @removeMultipleLine="removeMultipleLine"
-          />
-        </div>
-      </div>
-    </div>
-    <div class="strength-data-body">
-      <template v-if="pageData.commonTableLayout.length > 0">
-        <!--  切换表体 -->
-        <el-tabs v-if="pageData.entityName.length > 0" v-model="pageData.activeEntity">
-          <el-tab-pane
-            v-for="(item,index) in pageData.entityName"
-            :key="index"
-            :label="item.label"
-            :name="item.name"
-          />
-        </el-tabs>
-        <CommonTable
-          ref="commonTable"
-          v-loading="pageData.tableLoading"
-          :double-select="doubleSelect"
-          :table-id="pageData.tableId"
-          :table-data="pageData.commonTableData"
-          :table-layout="pageData.commonTableLayout"
-          :paging="pageData.paging"
-          :head-name="pageData.headName"
-          :total-data="pageData.totalData"
-          :single-select="true"
-          :quick-filter-data="pageData.quickFilterData"
-          :selected-total="pageData.tableSelectionData.length"
-          @quickSearch="quickSearch"
-          @updateParentTableData="updateParentTableData"
-          @renderColumnWidth="renderColumnWidth"
-          @tableBeforeDestroy="tableBeforeDestroy"
-          @pageChange="pageChange"
-          @selectionChange="selectionChange"
-        />
-      </template>
-      <template v-else>
-        <div style="display:flex;align-items: center;justify-content: center;height: 100%">
-          <div style="width: 100%;height: 15%;text-align: center">
-            <SvgIcon icon-class="table-empty" style="width: 100%;height: 100%;" />
-            <div>
-              暂无数据
-            </div>
-          </div>
-        </div>
-
-      </template>
-    </div>
-  </div>
-</template>
-
-<script>
-// 组件
-import ConditionFilter from './condition-filter'
-import CommonTable from './common-table'
-// api
-import {
-  getCommonTableSearchCondition,
-  getCommonTableHighSearchCondition,
-  getFilterData,
-  getFilterDataSum,
-  deleteCommonTableData,
-  findTableGroup,
-  getSelectList,
-  getFastSearchSuggestionVos,
-  getCommonTableLayout2, getDescriptionByTableId
-} from '@/api/table'
-
-export default {
-  name: 'BasicDataSelector',
-  components: {
-    ConditionFilter,
-    CommonTable
-  },
-  props: {
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    },
-    limitShow: {
-      type: Number,
-      default: 0
-    },
-    doubleSelect: {
-      type: Boolean,
-      default: false
-    },
-    tableId: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-      pageData: {
-        configId: null,
-        tableId: '',
-        filterKey: '缺省方案',
-        configList: [], // 过滤方案配置信息
-        // 当前采用的过滤方案配置
-        currentConfig: {
-          name: '',
-          sharingScheme: 1,
-          user: '',
-          fieldList: [],
-          userMap: {},
-          isSave: true
-        }, // 当前页面配置信息
-        filterList: [ // 过滤方案数组
-          { value: '缺省方案', label: '缺省方案' },
-          { value: '方案一', label: '方案一' },
-          { value: '方案二', label: '方案二' }
-        ],
-        changeTableBodyData: {
-          tableList: []
-        }, // 切换表体按钮展示的数据
-        groupFilter: {
-          filterText: '',
-          currentNodeKey: {},
-          treeData: [],
-          defaultProps: {
-            children: 'children',
-            label: 'name'
-          },
-          dialogTitle: '新增',
-          dialogVisible: false,
-          form: {},
-          allTableField: [] // 表格所有字段
-        },
-        commonTableData: [], // 表格数据
-        commonTableLayout: [], // 表格布局
-        totalData: ['合计'], // 表格合计数据
-        destroySettingInfo: null,
-        isQuickFilter: true, // 快捷过滤标志
-        quickFilterData: {},
-        rotate: true, // 表示默认高级过滤为单行，反之则为多行
-        moreConditionFilterMap: new Map(),
-        moreConditionFilterData: { // 高级过滤考虑到多层条件过滤，需将value作为数组，并一一对应
-          name: { arr: [], value: [''] }, // 字段数组,value数组初始化一个对象是为了单行高级过滤，以下同
-          condition: { arr: [], value: [''] }, // 条件数组
-          type: [''],
-          value: [''], // 值数组
-          leftBracket: { // 左括弧数组
-            arr: [
-              { label: '(', value: '(' },
-              { label: '((', value: '((' },
-              { label: '(((', value: '(((' }
-            ],
-            value: ['(']
-          },
-          rightBracket: { // 右括弧数组
-            arr: [
-              { label: ')', value: ')' },
-              { label: '))', value: '))' },
-              { label: ')))', value: ')))' }
-            ],
-            value: [')']
-          },
-          relatedCondition: { // 多条件关联关系数组
-            arr: [
-              { label: '并且', value: 'and' },
-              { label: '或者', value: 'or' }
-            ],
-            value: []
-          }
-        },
-        moreConditionFilterDataBak: [], // 高级过滤最初数据状态
-        headName: '', // 表头名
-        entityName: [], // 表体数组
-        activeEntity: null, // 显示的表体名
-        paging: {
-          current: 1, // 页码
-          size: 50, // 单页总数
-          total: 0
-        },
-        conditionFilterSuggest: {},
-        tableLoading: true, // 表格加载状态
-        tableSelectionData: [], // 表格选中数组
-        placeholderData: '', // 内容搜索提示
-        mulFilterField: [ // 导出功能默认值，不可删除
-          {
-            fieldName: '',
-            fieldType: '',
-            originTable: '',
-            secondMenuValue: '',
-            thirdMenuValue: ''
-          }
-        ]
-      },
-      refreshMethod: null, // 刷新防抖
-      DetermineWhetherTheTableidTasChanged: false// 判断传来的tableId是否与之前的tableId相同
-    }
-  },
-  computed: {
-
-  },
-  watch: {
-    // 监听高级过滤字段是否重复
-    'pageData.moreConditionFilterData': {
-      handler (newVal) {
-        const arr = newVal.name.value
-        const conditionArr = newVal.condition.value
-        const valueArr = newVal.value
-        const rep = []
-        arr.forEach((item, index) => {
-          if (arr.indexOf(item) !== index && item !== '') {
-            const obj = {}
-            obj.key = index
-            obj.value = item
-            rep.push(obj)
-          }
-        })
-        if (rep.length > 0) {
-          this.$message.warning('字段重复，请重新选择！')
-          rep.forEach((item, index) => {
-            arr[item.key] = ''
-            conditionArr[item.key] = ''
-            valueArr[item.key] = ''
-          })
-        }
-      },
-      deep: true
-    },
-    tableId: {
-      handler (newVal, oldVal) {
-        if (oldVal !== newVal && newVal) {
-          this.DetermineWhetherTheTableidTasChanged = true
-          this.pageData.tableId = newVal
-          this.initTable()
-        }
-      },
-      immediate: true
-    },
-    dialogVisible (newVal) {
-      if (!this.DetermineWhetherTheTableidTasChanged) {
-        return
-      }
-      this.pageData.commonTableData = []
-      this.judge(newVal)
-    }
-  },
-  created () {
-    // 定义防抖方法
-    this.refreshMethod = this.utils.debounce(this.refresh)
-    this.pageData.tableId = this.tableId
-    this.initTable()
-  },
-  methods: {
-    // 判断tableId和dialogVisible是否为true --- 结算需要
-    judge (newVal) {
-      if (newVal && this.DetermineWhetherTheTableidTasChanged) {
-        this.initTable()
-      }
-    },
-    logInfo () {
-
-    },
-
-    // 新增
-    addTableData () {
-      const randomNum = Math.floor(Math.random() * 1000000)
-      this.$router.push({
-        path: this.$route.path + '/' + randomNum
-      })
-    },
-
-    // 删除
-    deleteTableData () {
-      if (this.pageData.tableSelectionData.length === 0) {
-        this.$message.warning('请先选择要删除的数据！')
-        return
-      }
-      const ids = []
-      this.pageData.tableSelectionData.forEach((item, index) => {
-        if (ids.indexOf(item.head__id) === -1) {
-          ids.push(item.head__id)
-        }
-      })
-      const data = {
-        identification: this.pageData.headName,
-        ids: ids,
-        onlyDelEntity: false,
-        tableId: this.pageData.tableId
-      }
-      deleteCommonTableData(data).then(res => {
-        if (res.code === 0) {
-          this.$message.success('删除成功！')
-          this.refresh()
-        }
-      })
-    },
-
-    selectionChange (value) {
-      if (this.doubleSelect) {
-        this.pageData.tableSelectionData = value
-        this.$emit('rowSelect', value)
-        return
-      }
-      this.pageData.tableSelectionData = value
-      this.$emit('rowSelect', value)
-      // this.$emit('rowSelect', value[0])
-    },
-
-    // 初始化分组
-    initGroupFilter () {
-      const data = {
-        tableId: this.pageData.tableId
-      }
-
-      // 获取表格分组过滤数据
-      findTableGroup(data).then(res => {
-        if (res.code === 0) {
-          this.pageData.groupFilter.treeData = res.data
-        }
-      })
-    },
-
-    async initTable () {
-      const data = {
-        tableId: this.pageData.tableId
-      }
-      // this.getPageConfig()
-
-      // 获取切换表体的配置页面
-      await getSelectList(data).then(res => {
-        this.pageData.changeTableBodyData.headName = res.data.headName
-        if (res.data.entityName.length > 0) {
-          // this.pageData.activeEntity = res.data.entityName[0]
-          res.data.entityName.forEach((e, index) => {
-            this.pageData.changeTableBodyData.tableList.push({
-              value: res.data.entityName[index],
-              name: res.data.entityChineseName[index]
-            })
-          })
-          this.pageData.activeEntity = this.pageData.changeTableBodyData.tableList[0].value
-        }
-        this.pageData.headName = res.data.headName
-      })
-      // 获取快捷过滤字段信息
-      await new Promise(resolve => {
-        getCommonTableSearchCondition(data).then(res => {
-          if (res.code === 0) {
-            this.pageData.quickFilterData.filterArr = res.data
-            // this.pageData.quickFilterData.filterArr.forEach((item, index) => {
-            //   this.$set(this.pageData.quickFilterData, item.id, '')
-            // })
-            resolve()
-          } else {
-            this.$message.error('获取快捷过滤字段信息失败，请稍后重试！')
-          }
-        })
-      }).catch(() => {
-        this.$message.error('获取快捷过滤字段信息失败，请稍后重试！')
-      })
-      this.changeTableBody()
-
-      // 获取快捷过滤输入框搜索建议
-      if (this.pageData.quickFilterData.filterArr && this.pageData.quickFilterData.filterArr.length > 0) {
-        const data = {
-          fastSearchSuggestQueryDtos: []
-        }
-        this.pageData.quickFilterData.filterArr.forEach((item, index) => {
-          const obj = {
-            columnName: item.name,
-            tableName: item.tableName
-          }
-          data.fastSearchSuggestQueryDtos.push(obj)
-        })
-        getFastSearchSuggestionVos(data).then(res => {
-          if (res.code === 0) {
-            const data = res.data
-            data.forEach((item, index) => {
-              // 区分表头和表体字段
-              let headText = 'head__'
-              const findIndex = this.pageData.quickFilterData.filterArr.findIndex(d => d.name === item.columnName && d.tableName === item.tableName)
-              if (findIndex !== -1) {
-                if (item.tableName !== this.pageData.headName) {
-                  // 表体字段
-                  headText = 'entity__'
-                }
-              }
-              // 设置输入框初始值
-              this.$set(this.pageData.quickFilterData, headText + item.columnName, '')
-              // 设置备份数组
-              this.pageData.quickFilterData[headText + item.columnName + 'CheckedList_Bak'] = item.suggestions
-              // 搜索建议实时数组
-              this.pageData.quickFilterData[headText + item.columnName + 'CheckedList'] = item.suggestions
-              // 默认全选
-              this.$set(this.pageData.quickFilterData, headText + item.columnName + 'Checked', [...item.suggestions, '全选'])
-              // 用户选中值初始化（在表头点击确认才可生效)
-              this.$set(this.pageData.quickFilterData, headText + item.columnName + 'Checked_True', [])
-            })
-          }
-        })
-      }
-
-      const data2 = {
-        filterType: 0, // 为0代表快捷过滤，为1代表高级过滤
-        conditionValues: [],
-        pageAndTableInfo: {
-          existEntity: this.pageData.entityName.length !== 0,
-          headName: this.pageData.headName,
-          pageNum: this.pageData.paging.current,
-          pageSize: this.pageData.paging.size,
-          tableId: this.pageData.tableId
-        },
-        roleIds: ['1']
-      }
-
-      // 如果存在表体，传参需多传一个表体字段
-      if (this.pageData.entityName.length > 0) {
-        data2.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
-      }
-
-      // 获取表格数据与合计信息
-
-      // this.getTableDataAndSumByType(data2)
-
-      // 获取全内容搜索框
-      this.getDescriptionByTableIdData()
-
-      // 获取表格分组过滤数据
-      // this.initGroupFilter()
-    },
-
-    async getPageConfig () {
-      // const data = {
-      //   filterType: 1,
-      //   mulFilterField: [
-      //     {
-      //       fieldName: 'user_id',
-      //       fieldType: 'varchar(100)',
-      //       originTable: 'u_crud_filter_plan',
-      //       secondMenuValue: 'equal',
-      //       thirdMenuValue: this.userId
-      //     },
-      //     {
-      //       fieldName: 'table_id',
-      //       fieldType: 'varchar(100)',
-      //       originTable: 'u_crud_filter_plan',
-      //       secondMenuValue: 'equal',
-      //       thirdMenuValue: this.pageData.tableId
-      //     }
-      //   ],
-      //   pageAndTableInfo: {
-      //     existEntity: false,
-      //     headName: 'u_crud_filter_plan',
-      //     pageNum: 1,
-      //     pageSize: 1000,
-      //     tableId: '1621411430682',
-      //     oneEntityName: 'u_crud_filter_plan_entry'
-      //   },
-      //   rule: '(0)and(1)',
-      //   roleIds: [
-      //     '1'
-      //   ],
-      //   sorts: [
-      //     {
-      //       fieldName: 'default_plan',
-      //       sortType: 0,
-      //       tableName: 'u_crud_filter_plan'
-      //     }
-      //   ]
-      // }
-      // const res = await getFilterData(data)
-      // if (res.code !== 0) {
-      //   return this.$message.error(res.msg)
-      // }
-      // const planList = res.data.records
-      // this.pageData.filterList = []
-      // planList.forEach(element => {
-      //   this.pageData.filterList.push({
-      //     value: element.head__name,
-      //     label: element.head__name,
-      //     id: element.head__id,
-      //     code: element.head__code
-      //   })
-      //   this.pageData.configList[element.head__name] = {
-      //     mulFilterField: element.head__condition_json,
-      //     commonTableLayout: element.head__field_attr
-      //   }
-      // })
-    },
-
-    // 获取全内容搜索框
-    getDescriptionByTableIdData () {
-      this.pageData.placeholderData = ''
-      const data = {
-        tableId: this.pageData.tableId
-      }
-      getDescriptionByTableId(data).then(res => {
-        if (res.code === 0) {
-          this.pageData.placeholderData = res.data
-        } else {
-          this.$message.error('系统维护中~请稍后再试~')
-        }
-      }).catch(() => {
-        this.$message.error('系统维护中~请稍后再试~')
-      })
-    },
-
-    // 切换表体，及初始化表体方法
-    async changeTableBody (value) {
-      if (value === this.pageData.activeEntity) {
-        return
-      }
-      const data = {
-        existEntity: false,
-        headName: this.pageData.headName,
-        oneEntityName: this.pageData.activeEntity,
-        tableId: this.pageData.tableId
-      }
-
-      if (value) {
-        data.oneEntityName = value
-        this.pageData.activeEntity = value
-      }
-      (this.pageData.activeEntity !== null && this.pageData.activeEntity !== 'nothing') ? data.existEntity = true : data.existEntity = false
-
-      // 获取表格的表头字段信息
-      await getCommonTableLayout2(data).then(res => {
-        if (res.code === 0) {
-          const data = res.data
-          data.forEach((item, index) => {
-            item.align = 'center'
-            item.width = '100' // 切换
-            item.fixed = ''
-            item.hiddenFlag = false
-            item.sortTable = false
-            item.isQuick = false
-            // 添加表头表体字段标识
-            if (item.originTableName === this.pageData.headName) {
-              item.fieldName = 'head__' + item.fieldName
-            } else {
-              item.fieldName = 'entity__' + item.fieldName
-            }
-          })
-          // 快捷过滤字段添加标识
-          if (this.pageData.quickFilterData.filterArr && this.pageData.quickFilterData.filterArr.length > 0) {
-            this.pageData.quickFilterData.filterArr.forEach((item, index) => {
-              let fieldValue = ''
-              if (item.tableName === this.pageData.headName) {
-                fieldValue = 'head__' + item.name
-              } else {
-                fieldValue = 'entity__' + item.name
-              }
-
-              const findIndex = data.findIndex(d => d.fieldName === fieldValue)
-              if (findIndex !== -1) {
-                data[findIndex].isQuick = true
-              }
-            })
-          }
-          this.pageData.commonTableLayout = data
-        } else {
-          this.$message.error('获取或切换单据体失败')
-        }
-      })
-
-      let isClearFilterData = false
-      if (value) {
-        isClearFilterData = true
-      }
-
-      this.moreConditionSearch(isClearFilterData)
-      this.searchCondition()
-    },
-
-    // 查询高级过滤下拉框列表
-    searchCondition () {
-      const data = {
-        existEntity: false,
-        headName: this.pageData.headName,
-        oneEntityName: this.pageData.activeEntity,
-        tableId: this.pageData.tableId
-      }
-      this.pageData.activeEntity !== null && this.pageData.activeEntity !== 'nothing' ? data.existEntity = true : data.existEntity = false
-
-      getCommonTableHighSearchCondition(data).then(res => {
-        if (res.code === 0) {
-          const data = res.data
-          // 存储备份数据，以备与后台交互数据
-          this.pageData.moreConditionFilterDataBak = data
-          this.pageData.moreConditionFilterData.name.arr = []
-          data.forEach((item, index) => {
-            // 设置高级过滤字段数组
-            this.pageData.moreConditionFilterData.name.arr.push({ label: item.title, value: item.fieldName, type: item.fieldType })
-            const arr = []
-            for (const key in item.secondLevelMenu) {
-              arr.push({ value: key, label: item.secondLevelMenu[key] })
-            }
-            // 设置字段对应的条件数组，在字段改变时，修改对应的条件数组
-
-            this.pageData.moreConditionFilterMap.set(item.fieldName, arr)
-          })
-        }
-      })
-    },
-
-    // 监听分页数据改变
-    pageChange () {
-      // 如果是快捷过滤
-      if (this.pageData.isQuickFilter) {
-        // this.quickFilterStart()
-        this.quickSearch()
-      } else { // 如果是高级过滤
-        this.moreConditionSearch()
-      }
-    },
-
-    // 快捷过滤
-    quickFilterStart () {
-      const arr = []
-      this.pageData.quickFilterData.filterArr.forEach((item, index) => {
-        if (this.pageData.quickFilterData[item.id] !== null && this.pageData.quickFilterData[item.id] !== '') {
-          arr.push({ id: item.id, value: this.pageData.quickFilterData[item.id] })
-        }
-      })
-      const data = {
-        filterType: 0, // 为0代表快捷过滤，为1代表高级过滤
-        conditionValues: arr,
-        pageAndTableInfo: {
-          existEntity: this.pageData.entityName.length !== 0,
-          headName: this.pageData.headName,
-          pageNum: this.pageData.paging.current,
-          pageSize: this.pageData.paging.size,
-          tableId: this.pageData.tableId
-        },
-        roleIds: ['1']
-      }
-      // 如果存在表体，传参需多传一个表体字段
-      if (this.pageData.entityName.length > 0) {
-        data.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
-      }
-      if (this.limitShow === 1) {
-        data.examineFlag = 1
-      }
-      // 获取表格数据与合计信息
-      this.getTableDataAndSumByType(data)
-    },
-
-    // 快捷过滤重置
-    quickConditionClear () {
-      this.pageData.quickFilterData.filterArr.forEach((item, index) => {
-        this.pageData.quickFilterData[item.id] = ''
-      })
-      // this.$message.success('重置成功！')
-    },
-
-    // 高级过滤字段更新时，修改条件数组（子组件触发）
-    updateMoreCondition (val) {
-      // 获取字段类型
-      const typeObj = this.pageData.moreConditionFilterData.name.arr.find(d => d.value === val)
-      if (typeObj === undefined) {
-        this.$message.error('未找到字段类型，刷新重试')
-        return
-      }
-      const type = typeObj.type
-      // 更新value类型
-      const index = this.pageData.moreConditionFilterData.name.value.findIndex(d => d === val)
-      this.pageData.moreConditionFilterData.type[index] = type === 'datetime' ? 'datetime' : 'input'
-      // 更新条件数组
-      this.pageData.moreConditionFilterData.condition.arr[index] = this.pageData.moreConditionFilterMap.get(val)
-      // 更新条件值
-      // (如果varchar类型的条件数组存在“包含”，条件变为“包含”，
-      // 如果int类型的条件数组存在“等于”，条件变为“等于”，
-      // 如果datetime类型的条件数组存在“今天”，条件变为“今天”)
-      if (type.indexOf('varchar') !== -1) {
-        const includeObj = this.pageData.moreConditionFilterData.condition.arr[index].find(d => d.label === '包含')
-        this.pageData.moreConditionFilterData.condition.value[index] = includeObj ? includeObj.value : ''
-      } else if (type.indexOf('int') !== -1) {
-        const includeObj = this.pageData.moreConditionFilterData.condition.arr[index].find(d => d.label === '等于')
-        this.pageData.moreConditionFilterData.condition.value[index] = includeObj ? includeObj.value : ''
-      } else if (type.indexOf('datetime') !== -1) {
-        const includeObj = this.pageData.moreConditionFilterData.condition.arr[index].find(d => d.label === '今天')
-        this.pageData.moreConditionFilterData.condition.value[index] = includeObj ? includeObj.value : ''
-      }
-      // 更新value
-      // 判断是否字段重复，重复先不清空value值
-      const length = this.pageData.moreConditionFilterData.name.value.filter(d => d === val).length
-      if (length === 1) {
-        this.pageData.moreConditionFilterData.value[index] = ''
-      }
-    },
-
-    // 高级过滤的单行模式与多行模式切换（子组件触发）
-    changeRotate (value) {
-      this.pageData.rotate = value
-    },
-
-    // 校验高级过滤条件是否填写完整
-    checkMoreCondition () {
-      // 校验
-      let flag = false
-      this.pageData.moreConditionFilterData.name.value.forEach((item, index) => {
-        // 如果是单行，不需要判断左右括号,多行模式则需要
-        if (this.pageData.moreConditionFilterData.name.value.length === 1) {
-          // 如果选中了字段，代表需要过滤条件
-          if (this.pageData.moreConditionFilterData.name.value[0] !== '') {
-            if (!this.pageData.moreConditionFilterData.condition.value[index] ||
-                      !this.pageData.moreConditionFilterData.value[index]) {
-              flag = true
-            }
-          }
-        } else {
-          if (!this.pageData.moreConditionFilterData.leftBracket.value[index] ||
-                    !this.pageData.moreConditionFilterData.name.value[index] ||
-                    !this.pageData.moreConditionFilterData.condition.value[index] ||
-                    !this.pageData.moreConditionFilterData.value[index] ||
-                    !this.pageData.moreConditionFilterData.rightBracket.value[index]) {
-            flag = true
-          }
-        }
-      })
-      return flag
-    },
-
-    // 高级过滤搜索(子组件触发)
-    moreConditionSearch () {
-      // 校验
-      // if (this.checkMoreCondition()) {
-      //   this.$message.error('请完整填写！')
-      //   return false
-      // }
-      const arr = []
-      this.pageData.moreConditionFilterData.name.value.forEach((item, index) => {
-        const filterField = this.pageData.moreConditionFilterDataBak.find(d => d.fieldName === item)
-        if (filterField !== undefined) {
-          const obj = {
-            fieldName: filterField.fieldName,
-            fieldType: filterField.fieldType,
-            originTable: filterField.originTable,
-            secondMenuValue: this.pageData.moreConditionFilterData.condition.value[index],
-            thirdMenuValue: this.pageData.moreConditionFilterData.value[index]
-          }
-          arr.push(obj)
-        }
-      })
-      let rule = ''
-      this.pageData.moreConditionFilterData.name.value.forEach((item, index) => {
-        rule += this.pageData.moreConditionFilterData.leftBracket.value[index] +
-                  index + this.pageData.moreConditionFilterData.rightBracket.value[index]
-        // 不添加最后一行的关系数据
-        if (this.pageData.moreConditionFilterData.relatedCondition.value[index] !== undefined) {
-          rule += this.pageData.moreConditionFilterData.relatedCondition.value[index]
-        }
-      })
-      const data = {
-        filterType: 1,
-        mulFilterField: arr,
-        pageAndTableInfo: {
-          existEntity: this.pageData.entityName.length !== 0,
-          headName: this.pageData.headName,
-          pageNum: this.pageData.paging.current,
-          pageSize: this.pageData.paging.size,
-          tableId: this.pageData.tableId
-        },
-        rule: arr.length === 0 ? '' : arr.length === 1 ? '(0)' : rule,
-        roleIds: ['1'],
-        sorts: [
-          {
-            fieldName: 'create_time',
-            sortType: 1,
-            tableName: this.pageData.headName
-          }
-        ]
-      }
-      // 如果存在表体，传参需多传一个表体字段
-      if (this.pageData.entityName.length > 0) {
-        data.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
-      }
-      if (this.limitShow === 1) {
-        data.examineFlag = 1
-      }
-      // 获取表格数据与合计信息
-      this.getTableDataAndSumByType(data)
-    },
-
-    getTableDataAndSumByType (data) {
-      // 表格展示加载状态
-      this.pageData.tableLoading = true
-      // 获取表格数据
-      getFilterData(data).then(res => {
-        if (res.code === 0) {
-          this.pageData.paging.total = res.data.total
-          this.pageData.commonTableData = res.data.records
-          // this.$message.success('查询成功！')
-        } else {
-          this.$message.error('查询失败，请稍后重试')
-        }
-        // 解除表格加载状态
-        this.pageData.tableLoading = false
-      }).catch(() => {
-        this.$message.error('查询失败，请稍后重试')
-        // 解除表格加载状态
-        this.pageData.tableLoading = false
-      })
-
-      // 获取表格合计
-      getFilterDataSum(data).then(res => {
-        if (res.code === 0) {
-          const totalData = ['合计']
-          const data = res.data
-          for (const key in data) {
-            const index = this.pageData.commonTableLayout.findIndex(d => d.fieldName === key)
-            totalData[index + 1] = data[key]
-          }
-          this.pageData.totalData = totalData
-        }
-      })
-    },
-
-    // 子组件触发-快捷过滤
-    quickSearch () {
-      const arr = []
-      for (const key in this.pageData.quickFilterData) {
-        if (key.indexOf('__') !== -1 && key.indexOf('Visible') < 0 && key.indexOf('Checked') < 0 && key.indexOf('CheckedList') < 0 && key.indexOf('CheckedList_Bak') < 0 && key.indexOf('Checked_True') < 0) {
-          // 存在需要筛选的字段
-          if (this.pageData.quickFilterData[key + 'Checked_True'] && this.pageData.quickFilterData[key + 'Checked_True'].length > 0) {
-            arr.push({
-              key: key,
-              values: this.pageData.quickFilterData[key + 'Checked_True'].filter(item => { return item !== '全选' })
-            })
-          }
-        }
-      }
-      const filterArrBak = JSON.parse(JSON.stringify(this.pageData.quickFilterData.filterArr))
-      filterArrBak.forEach(item => {
-        if (item.tableName === this.pageData.headName) {
-          item.name = 'head__' + item.name
-        } else {
-          item.name = 'entity__' + item.name
-        }
-      })
-      arr.forEach(item => {
-        const index = filterArrBak.findIndex(d => d.name === item.key)
-        if (index !== -1) {
-          item.id = this.pageData.quickFilterData.filterArr[index].id
-        }
-      })
-      const data = {
-        filterType: 0, // 为0代表快捷过滤，为1代表高级过滤
-        conditionValues: arr,
-        pageAndTableInfo: {
-          existEntity: this.pageData.entityName.length !== 0,
-          headName: this.pageData.headName,
-          pageNum: this.pageData.paging.current,
-          pageSize: this.pageData.paging.size,
-          tableId: this.pageData.tableId
-        },
-        roleIds: ['1'],
-        sorts: [
-          {
-            fieldName: 'create_time',
-            sortType: 1,
-            tableName: this.pageData.headName
-          }
-        ]
-      }
-      if (this.limitShow === 1) {
-        data.examineFlag = 1
-      }
-      // 如果存在表体，传参需多传一个表体字段
-      if (this.pageData.entityName.length > 0) {
-        data.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
-      }
-      this.pageData.advancedOrQuickFiltering = data
-      // 获取表格数据与合计信息
-      this.getTableDataAndSumByType(data)
-    },
-
-    // 高级过滤重置条件(子组件触发)
-    moreConditionClear () {
-      this.pageData.moreConditionFilterData.leftBracket.value = ['(']
-      this.pageData.moreConditionFilterData.name.value = ['']
-      this.pageData.moreConditionFilterData.condition.value = ['']
-      this.pageData.moreConditionFilterData.value = ['']
-      this.pageData.moreConditionFilterData.type = ['']
-      this.pageData.moreConditionFilterData.rightBracket.value = [')']
-      // this.$message.success('重置成功！')
-    },
-
-    // 高级筛选-多行筛选新增筛选行（子组件触发）
-    addMultipleLine () {
-      this.pageData.moreConditionFilterData.leftBracket.value.push('(')
-      this.pageData.moreConditionFilterData.name.value.push('')
-      this.pageData.moreConditionFilterData.condition.value.push('')
-      this.pageData.moreConditionFilterData.value.push('')
-      this.pageData.moreConditionFilterData.type.push('')
-      this.pageData.moreConditionFilterData.rightBracket.value.push(')')
-      this.pageData.moreConditionFilterData.relatedCondition.value.push('and')
-    },
-
-    // 高级筛选-多行筛选时除去当前行（子组件触发）
-    removeMultipleLine (index) {
-      this.pageData.moreConditionFilterData.leftBracket.value.splice(index, 1)
-      this.pageData.moreConditionFilterData.name.value.splice(index, 1)
-      this.pageData.moreConditionFilterData.condition.value.splice(index, 1)
-      this.pageData.moreConditionFilterData.value.splice(index, 1)
-      this.pageData.moreConditionFilterData.type.splice(index, 1)
-      this.pageData.moreConditionFilterData.rightBracket.value.splice(index, 1)
-      this.pageData.moreConditionFilterData.relatedCondition.value.splice(index, 1)
-    },
-
-    // 快捷过滤-高级过滤切换
-    changeIsQuickFilter (isQuickFilter) {
-      this.pageData.isQuickFilter = !isQuickFilter
-      if (this.pageData.isQuickFilter) {
-        // this.$message.success('已切换为快捷过滤！')
-      } else {
-        // this.$message.success('已切换为高级过滤！')
-      }
-    },
-
-    // 修改单列宽度属性
-    renderColumnWidth (value) {
-
-    },
-    // 表格组件注销前配置数据
-    tableBeforeDestroy (value) {
-      this.pageData.destroySettingInfo = value
-    },
-    updateFilterKey (value) {
-      this.pageData.filterKey = value
-    },
-
-    // 刷新表格数据
-    refresh () {
-      // 清空选中数据
-      this.pageData.tableSelectionData = []
-      this.$refs.commonTable.refreshTableData()
-    },
-
-    // 子组件触发，更新表格数据
-    updateParentTableData (newVal) {
-      this.pageData.commonTableData = newVal
-    },
-
-    // 更新分组过滤当前选中值-子组件触发
-    updateCurrentNodeKey (data) {
-      this.pageData.groupFilter.currentNodeKey = data
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  .main-container{
-    height: 70vh;
-    margin: 0 1.3541vw 0 1.3541vw;
-    background: #FFFFFF;
-    border-radius: 10px;
-    .strength-data-header{
-      min-height: 3.2vh;
-      background: #FFFFFF;
-      border-radius: 4px 4px 0 0;
-      padding: 10px 0;
-      >div:nth-child(1){
-        display: flex;
-        justify-content: flex-start;
-      }
-      .header-input{
-        min-width: 2.5vw;
-        height: 2.222vh;
-        opacity: 1;
-        background: #0c4c8e;
-        border-color: #0c4c8e;
-        border-radius: 2px;
-        padding: 0;
-        margin-right: 0.4166vw;
-        ::v-deep span{
-          opacity: 1;
-          font-size: 0.625vw;
-          font-family: Source Han Sans SC, Source Han Sans SC-Regular;
-          font-weight: 400;
-          color: #ffffff;
-        }
-      }
-      .strength-data-header-middle{
-        margin-top: 1vh;
-        margin-bottom: 1vh;
-        display: flex;
-        align-items: center;
-        .filter{
-          margin-left: auto;
-        }
-      }
-    }
-    .strength-data-body {
-      height: 60vh;
-      ::v-deep .elx-table--body-wrapper{
-        max-height: 50vh;
-      }
-      @media screen and (max-width: 1920px){
-        ::v-deep .elx-table--body-wrapper{
-          max-height: 46vh;
-        }
-      }
-    }
-    ::v-deep .common-table-pagination{
-      bottom: 4vh;
-      right: 1vw;
-      .el-pagination{
-        display: flex;
-        align-items: center;
-        .el-input__inner{
-          height: 28px !important;
-          border: 1px solid #dcdfe6 !important;
-          text-align: center !important;
-        }
-        .el-pagination__sizes{
-          height: 100%;
-          display: flex;
-          align-items: center;
-        }
-        .el-pagination__jump{
-          height: 100%;
-          display: flex;
-          align-items: center;
-        }
-        .el-pager{
-          display: flex;
-        }
-      }
-    }
-    @media screen and (max-width: 1500px){
-      ::v-deep .common-table-pagination{
-        bottom: 4vh;
-      }
-    }
-    ::v-deep .el-pagination__editor{
-      display: flex;
-      align-items: center;
-    }
-    // 基础资料左侧分组过滤样式修改
-    ::v-deep .group-filter-header{
-      overflow-y: hidden;
-    }
-  }
-
-</style>
-<style lang="less" scoped>
-  @theme-color: #1890FF;
-  @theme-font-color: #FFFFFF;
-
-  .strength-data-header {
-    /*按钮样式*/
-    ::v-deep .el-button--primary {
-      background: @theme-color;
-    }
-  }
-</style>
+<template>
+  <div class="main-container">
+    <div class="strength-data-header">
+      <div>
+        <el-button class="header-input" type="primary" @click="refreshMethod">刷新</el-button>
+        <!-- <el-button class="header-input" type="primary" @click="addTableData">新增</el-button>
+            <el-button class="header-input" type="primary">编辑</el-button>
+            <el-button class="header-input" type="primary" @click="refreshMethod">刷新</el-button>
+            <el-button class="header-input" type="primary" @click="deleteTableData">删除</el-button>
+            <el-button class="header-input" type="primary">导入</el-button>
+            <el-button class="header-input" type="primary">导出</el-button>
+            <el-button class="header-input" type="primary">审核</el-button>
+            <el-button class="header-input" type="primary">反审核</el-button> -->
+        <!-- <el-button class="header-input" type="primary" @click="logInfo">打印</el-button>-->
+        <slot name="buttonGroup" />
+      </div>
+      <div class="strength-data-header-middle">
+        <!-- <PlanFilter :filter-key="pageData.filterKey" :filter-list="pageData.filterList" @updateFilterKey="updateFilterKey" /> -->
+        <div class="filter">
+          <ConditionFilter
+            :is-quick-filter="pageData.isQuickFilter"
+            :quick-filter-data="pageData.quickFilterData"
+            :condition-filter-suggest="pageData.conditionFilterSuggest"
+            :more-condition-filter-map="pageData.moreConditionFilterMap"
+            :more-condition-filter-data="pageData.moreConditionFilterData"
+            @quickConditionClear="quickConditionClear"
+            @changeIsQuickFilter="changeIsQuickFilter"
+            @quickFilterStart="quickFilterStart"
+            @updateMoreCondition="updateMoreCondition"
+            @changeRotate="changeRotate"
+            @moreConditionSearch="moreConditionSearch"
+            @moreConditionClear="moreConditionClear"
+            @addMultipleLine="addMultipleLine"
+            @removeMultipleLine="removeMultipleLine"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="strength-data-body">
+      <template v-if="pageData.commonTableLayout.length > 0">
+        <!--  切换表体 -->
+        <el-tabs v-if="pageData.entityName.length > 0" v-model="pageData.activeEntity">
+          <el-tab-pane
+            v-for="(item,index) in pageData.entityName"
+            :key="index"
+            :label="item.label"
+            :name="item.name"
+          />
+        </el-tabs>
+        <CommonTable
+          ref="commonTable"
+          v-loading="pageData.tableLoading"
+          :double-select="doubleSelect"
+          :table-id="pageData.tableId"
+          :table-data="pageData.commonTableData"
+          :table-layout="pageData.commonTableLayout"
+          :paging="pageData.paging"
+          :head-name="pageData.headName"
+          :total-data="pageData.totalData"
+          :single-select="true"
+          :quick-filter-data="pageData.quickFilterData"
+          :selected-total="pageData.tableSelectionData.length"
+          @quickSearch="quickSearch"
+          @updateParentTableData="updateParentTableData"
+          @renderColumnWidth="renderColumnWidth"
+          @tableBeforeDestroy="tableBeforeDestroy"
+          @pageChange="pageChange"
+          @selectionChange="selectionChange"
+        />
+      </template>
+      <template v-else>
+        <div style="display:flex;align-items: center;justify-content: center;height: 100%">
+          <div style="width: 100%;height: 15%;text-align: center">
+            <SvgIcon icon-class="table-empty" style="width: 100%;height: 100%;" />
+            <div>
+              暂无数据
+            </div>
+          </div>
+        </div>
+
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+// 组件
+import ConditionFilter from './condition-filter'
+import CommonTable from './common-table'
+// api
+import {
+  getCommonTableSearchCondition,
+  getCommonTableHighSearchCondition,
+  getFilterData,
+  getFilterDataSum,
+  deleteCommonTableData,
+  findTableGroup,
+  getSelectList,
+  getFastSearchSuggestionVos,
+  getCommonTableLayout2, getDescriptionByTableId
+} from '@/api/table'
+
+export default {
+  name: 'BasicDataSelector',
+  components: {
+    ConditionFilter,
+    CommonTable
+  },
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    limitShow: {
+      type: Number,
+      default: 0
+    },
+    doubleSelect: {
+      type: Boolean,
+      default: false
+    },
+    tableId: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pageData: {
+        configId: null,
+        tableId: '',
+        filterKey: '缺省方案',
+        configList: [], // 过滤方案配置信息
+        // 当前采用的过滤方案配置
+        currentConfig: {
+          name: '',
+          sharingScheme: 1,
+          user: '',
+          fieldList: [],
+          userMap: {},
+          isSave: true
+        }, // 当前页面配置信息
+        filterList: [ // 过滤方案数组
+          { value: '缺省方案', label: '缺省方案' },
+          { value: '方案一', label: '方案一' },
+          { value: '方案二', label: '方案二' }
+        ],
+        changeTableBodyData: {
+          tableList: []
+        }, // 切换表体按钮展示的数据
+        groupFilter: {
+          filterText: '',
+          currentNodeKey: {},
+          treeData: [],
+          defaultProps: {
+            children: 'children',
+            label: 'name'
+          },
+          dialogTitle: '新增',
+          dialogVisible: false,
+          form: {},
+          allTableField: [] // 表格所有字段
+        },
+        commonTableData: [], // 表格数据
+        commonTableLayout: [], // 表格布局
+        totalData: ['合计'], // 表格合计数据
+        destroySettingInfo: null,
+        isQuickFilter: true, // 快捷过滤标志
+        quickFilterData: {},
+        rotate: true, // 表示默认高级过滤为单行，反之则为多行
+        moreConditionFilterMap: new Map(),
+        moreConditionFilterData: { // 高级过滤考虑到多层条件过滤，需将value作为数组，并一一对应
+          name: { arr: [], value: [''] }, // 字段数组,value数组初始化一个对象是为了单行高级过滤，以下同
+          condition: { arr: [], value: [''] }, // 条件数组
+          type: [''],
+          value: [''], // 值数组
+          leftBracket: { // 左括弧数组
+            arr: [
+              { label: '(', value: '(' },
+              { label: '((', value: '((' },
+              { label: '(((', value: '(((' }
+            ],
+            value: ['(']
+          },
+          rightBracket: { // 右括弧数组
+            arr: [
+              { label: ')', value: ')' },
+              { label: '))', value: '))' },
+              { label: ')))', value: ')))' }
+            ],
+            value: [')']
+          },
+          relatedCondition: { // 多条件关联关系数组
+            arr: [
+              { label: '并且', value: 'and' },
+              { label: '或者', value: 'or' }
+            ],
+            value: []
+          }
+        },
+        moreConditionFilterDataBak: [], // 高级过滤最初数据状态
+        headName: '', // 表头名
+        entityName: [], // 表体数组
+        activeEntity: null, // 显示的表体名
+        paging: {
+          current: 1, // 页码
+          size: 50, // 单页总数
+          total: 0
+        },
+        conditionFilterSuggest: {},
+        tableLoading: true, // 表格加载状态
+        tableSelectionData: [], // 表格选中数组
+        placeholderData: '', // 内容搜索提示
+        mulFilterField: [ // 导出功能默认值，不可删除
+          {
+            fieldName: '',
+            fieldType: '',
+            originTable: '',
+            secondMenuValue: '',
+            thirdMenuValue: ''
+          }
+        ]
+      },
+      refreshMethod: null, // 刷新防抖
+      DetermineWhetherTheTableidTasChanged: false// 判断传来的tableId是否与之前的tableId相同
+    }
+  },
+  computed: {
+
+  },
+  watch: {
+    // 监听高级过滤字段是否重复
+    'pageData.moreConditionFilterData': {
+      handler (newVal) {
+        const arr = newVal.name.value
+        const conditionArr = newVal.condition.value
+        const valueArr = newVal.value
+        const rep = []
+        arr.forEach((item, index) => {
+          if (arr.indexOf(item) !== index && item !== '') {
+            const obj = {}
+            obj.key = index
+            obj.value = item
+            rep.push(obj)
+          }
+        })
+        if (rep.length > 0) {
+          this.$message.warning('字段重复，请重新选择！')
+          rep.forEach((item, index) => {
+            arr[item.key] = ''
+            conditionArr[item.key] = ''
+            valueArr[item.key] = ''
+          })
+        }
+      },
+      deep: true
+    },
+    tableId: {
+      handler (newVal, oldVal) {
+        if (oldVal !== newVal && newVal) {
+          this.DetermineWhetherTheTableidTasChanged = true
+          this.pageData.tableId = newVal
+          this.initTable()
+        }
+      },
+      immediate: true
+    },
+    dialogVisible (newVal) {
+      if (!this.DetermineWhetherTheTableidTasChanged) {
+        return
+      }
+      this.pageData.commonTableData = []
+      this.judge(newVal)
+    }
+  },
+  created () {
+    // 定义防抖方法
+    this.refreshMethod = this.utils.debounce(this.refresh)
+    this.pageData.tableId = this.tableId
+    this.initTable()
+  },
+  methods: {
+    // 判断tableId和dialogVisible是否为true --- 结算需要
+    judge (newVal) {
+      if (newVal && this.DetermineWhetherTheTableidTasChanged) {
+        this.initTable()
+      }
+    },
+    logInfo () {
+
+    },
+
+    // 新增
+    addTableData () {
+      const randomNum = Math.floor(Math.random() * 1000000)
+      this.$router.push({
+        path: this.$route.path + '/' + randomNum
+      })
+    },
+
+    // 删除
+    deleteTableData () {
+      if (this.pageData.tableSelectionData.length === 0) {
+        this.$message.warning('请先选择要删除的数据！')
+        return
+      }
+      const ids = []
+      this.pageData.tableSelectionData.forEach((item, index) => {
+        if (ids.indexOf(item.head__id) === -1) {
+          ids.push(item.head__id)
+        }
+      })
+      const data = {
+        identification: this.pageData.headName,
+        ids: ids,
+        onlyDelEntity: false,
+        tableId: this.pageData.tableId
+      }
+      deleteCommonTableData(data).then(res => {
+        if (res.code === 0) {
+          this.$message.success('删除成功！')
+          this.refresh()
+        }
+      })
+    },
+
+    selectionChange (value) {
+      if (this.doubleSelect) {
+        this.pageData.tableSelectionData = value
+        this.$emit('rowSelect', value)
+        return
+      }
+      this.pageData.tableSelectionData = value
+      this.$emit('rowSelect', value)
+      // this.$emit('rowSelect', value[0])
+    },
+
+    // 初始化分组
+    initGroupFilter () {
+      const data = {
+        tableId: this.pageData.tableId
+      }
+
+      // 获取表格分组过滤数据
+      findTableGroup(data).then(res => {
+        if (res.code === 0) {
+          this.pageData.groupFilter.treeData = res.data
+        }
+      })
+    },
+
+    async initTable () {
+      const data = {
+        tableId: this.pageData.tableId
+      }
+      // this.getPageConfig()
+
+      // 获取切换表体的配置页面
+      await getSelectList(data).then(res => {
+        this.pageData.changeTableBodyData.headName = res.data.headName
+        if (res.data.entityName.length > 0) {
+          // this.pageData.activeEntity = res.data.entityName[0]
+          res.data.entityName.forEach((e, index) => {
+            this.pageData.changeTableBodyData.tableList.push({
+              value: res.data.entityName[index],
+              name: res.data.entityChineseName[index]
+            })
+          })
+          this.pageData.activeEntity = this.pageData.changeTableBodyData.tableList[0].value
+        }
+        this.pageData.headName = res.data.headName
+      })
+      // 获取快捷过滤字段信息
+      await new Promise(resolve => {
+        getCommonTableSearchCondition(data).then(res => {
+          if (res.code === 0) {
+            this.pageData.quickFilterData.filterArr = res.data
+            // this.pageData.quickFilterData.filterArr.forEach((item, index) => {
+            //   this.$set(this.pageData.quickFilterData, item.id, '')
+            // })
+            resolve()
+          } else {
+            this.$message.error('获取快捷过滤字段信息失败，请稍后重试！')
+          }
+        })
+      }).catch(() => {
+        this.$message.error('获取快捷过滤字段信息失败，请稍后重试！')
+      })
+      this.changeTableBody()
+
+      // 获取快捷过滤输入框搜索建议
+      if (this.pageData.quickFilterData.filterArr && this.pageData.quickFilterData.filterArr.length > 0) {
+        const data = {
+          fastSearchSuggestQueryDtos: []
+        }
+        this.pageData.quickFilterData.filterArr.forEach((item, index) => {
+          const obj = {
+            columnName: item.name,
+            tableName: item.tableName
+          }
+          data.fastSearchSuggestQueryDtos.push(obj)
+        })
+        getFastSearchSuggestionVos(data).then(res => {
+          if (res.code === 0) {
+            const data = res.data
+            data.forEach((item, index) => {
+              // 区分表头和表体字段
+              let headText = 'head__'
+              const findIndex = this.pageData.quickFilterData.filterArr.findIndex(d => d.name === item.columnName && d.tableName === item.tableName)
+              if (findIndex !== -1) {
+                if (item.tableName !== this.pageData.headName) {
+                  // 表体字段
+                  headText = 'entity__'
+                }
+              }
+              // 设置输入框初始值
+              this.$set(this.pageData.quickFilterData, headText + item.columnName, '')
+              // 设置备份数组
+              this.pageData.quickFilterData[headText + item.columnName + 'CheckedList_Bak'] = item.suggestions
+              // 搜索建议实时数组
+              this.pageData.quickFilterData[headText + item.columnName + 'CheckedList'] = item.suggestions
+              // 默认全选
+              this.$set(this.pageData.quickFilterData, headText + item.columnName + 'Checked', [...item.suggestions, '全选'])
+              // 用户选中值初始化（在表头点击确认才可生效)
+              this.$set(this.pageData.quickFilterData, headText + item.columnName + 'Checked_True', [])
+            })
+          }
+        })
+      }
+
+      const data2 = {
+        filterType: 0, // 为0代表快捷过滤，为1代表高级过滤
+        conditionValues: [],
+        pageAndTableInfo: {
+          existEntity: this.pageData.entityName.length !== 0,
+          headName: this.pageData.headName,
+          pageNum: this.pageData.paging.current,
+          pageSize: this.pageData.paging.size,
+          tableId: this.pageData.tableId
+        },
+        roleIds: ['1']
+      }
+
+      // 如果存在表体，传参需多传一个表体字段
+      if (this.pageData.entityName.length > 0) {
+        data2.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
+      }
+
+      // 获取表格数据与合计信息
+
+      // this.getTableDataAndSumByType(data2)
+
+      // 获取全内容搜索框
+      this.getDescriptionByTableIdData()
+
+      // 获取表格分组过滤数据
+      // this.initGroupFilter()
+    },
+
+    async getPageConfig () {
+      // const data = {
+      //   filterType: 1,
+      //   mulFilterField: [
+      //     {
+      //       fieldName: 'user_id',
+      //       fieldType: 'varchar(100)',
+      //       originTable: 'u_crud_filter_plan',
+      //       secondMenuValue: 'equal',
+      //       thirdMenuValue: this.userId
+      //     },
+      //     {
+      //       fieldName: 'table_id',
+      //       fieldType: 'varchar(100)',
+      //       originTable: 'u_crud_filter_plan',
+      //       secondMenuValue: 'equal',
+      //       thirdMenuValue: this.pageData.tableId
+      //     }
+      //   ],
+      //   pageAndTableInfo: {
+      //     existEntity: false,
+      //     headName: 'u_crud_filter_plan',
+      //     pageNum: 1,
+      //     pageSize: 1000,
+      //     tableId: '1621411430682',
+      //     oneEntityName: 'u_crud_filter_plan_entry'
+      //   },
+      //   rule: '(0)and(1)',
+      //   roleIds: [
+      //     '1'
+      //   ],
+      //   sorts: [
+      //     {
+      //       fieldName: 'default_plan',
+      //       sortType: 0,
+      //       tableName: 'u_crud_filter_plan'
+      //     }
+      //   ]
+      // }
+      // const res = await getFilterData(data)
+      // if (res.code !== 0) {
+      //   return this.$message.error(res.msg)
+      // }
+      // const planList = res.data.records
+      // this.pageData.filterList = []
+      // planList.forEach(element => {
+      //   this.pageData.filterList.push({
+      //     value: element.head__name,
+      //     label: element.head__name,
+      //     id: element.head__id,
+      //     code: element.head__code
+      //   })
+      //   this.pageData.configList[element.head__name] = {
+      //     mulFilterField: element.head__condition_json,
+      //     commonTableLayout: element.head__field_attr
+      //   }
+      // })
+    },
+
+    // 获取全内容搜索框
+    getDescriptionByTableIdData () {
+      this.pageData.placeholderData = ''
+      const data = {
+        tableId: this.pageData.tableId
+      }
+      getDescriptionByTableId(data).then(res => {
+        if (res.code === 0) {
+          this.pageData.placeholderData = res.data
+        } else {
+          this.$message.error('系统维护中~请稍后再试~')
+        }
+      }).catch(() => {
+        this.$message.error('系统维护中~请稍后再试~')
+      })
+    },
+
+    // 切换表体，及初始化表体方法
+    async changeTableBody (value) {
+      if (value === this.pageData.activeEntity) {
+        return
+      }
+      const data = {
+        existEntity: false,
+        headName: this.pageData.headName,
+        oneEntityName: this.pageData.activeEntity,
+        tableId: this.pageData.tableId
+      }
+
+      if (value) {
+        data.oneEntityName = value
+        this.pageData.activeEntity = value
+      }
+      (this.pageData.activeEntity !== null && this.pageData.activeEntity !== 'nothing') ? data.existEntity = true : data.existEntity = false
+
+      // 获取表格的表头字段信息
+      await getCommonTableLayout2(data).then(res => {
+        if (res.code === 0) {
+          const data = res.data
+          data.forEach((item, index) => {
+            item.align = 'center'
+            item.width = '100' // 切换
+            item.fixed = ''
+            item.hiddenFlag = false
+            item.sortTable = false
+            item.isQuick = false
+            // 添加表头表体字段标识
+            if (item.originTableName === this.pageData.headName) {
+              item.fieldName = 'head__' + item.fieldName
+            } else {
+              item.fieldName = 'entity__' + item.fieldName
+            }
+          })
+          // 快捷过滤字段添加标识
+          if (this.pageData.quickFilterData.filterArr && this.pageData.quickFilterData.filterArr.length > 0) {
+            this.pageData.quickFilterData.filterArr.forEach((item, index) => {
+              let fieldValue = ''
+              if (item.tableName === this.pageData.headName) {
+                fieldValue = 'head__' + item.name
+              } else {
+                fieldValue = 'entity__' + item.name
+              }
+
+              const findIndex = data.findIndex(d => d.fieldName === fieldValue)
+              if (findIndex !== -1) {
+                data[findIndex].isQuick = true
+              }
+            })
+          }
+          this.pageData.commonTableLayout = data
+        } else {
+          this.$message.error('获取或切换单据体失败')
+        }
+      })
+
+      let isClearFilterData = false
+      if (value) {
+        isClearFilterData = true
+      }
+
+      this.moreConditionSearch(isClearFilterData)
+      this.searchCondition()
+    },
+
+    // 查询高级过滤下拉框列表
+    searchCondition () {
+      const data = {
+        existEntity: false,
+        headName: this.pageData.headName,
+        oneEntityName: this.pageData.activeEntity,
+        tableId: this.pageData.tableId
+      }
+      this.pageData.activeEntity !== null && this.pageData.activeEntity !== 'nothing' ? data.existEntity = true : data.existEntity = false
+
+      getCommonTableHighSearchCondition(data).then(res => {
+        if (res.code === 0) {
+          const data = res.data
+          // 存储备份数据，以备与后台交互数据
+          this.pageData.moreConditionFilterDataBak = data
+          this.pageData.moreConditionFilterData.name.arr = []
+          data.forEach((item, index) => {
+            // 设置高级过滤字段数组
+            this.pageData.moreConditionFilterData.name.arr.push({ label: item.title, value: item.fieldName, type: item.fieldType })
+            const arr = []
+            for (const key in item.secondLevelMenu) {
+              arr.push({ value: key, label: item.secondLevelMenu[key] })
+            }
+            // 设置字段对应的条件数组，在字段改变时，修改对应的条件数组
+
+            this.pageData.moreConditionFilterMap.set(item.fieldName, arr)
+          })
+        }
+      })
+    },
+
+    // 监听分页数据改变
+    pageChange () {
+      // 如果是快捷过滤
+      if (this.pageData.isQuickFilter) {
+        // this.quickFilterStart()
+        this.quickSearch()
+      } else { // 如果是高级过滤
+        this.moreConditionSearch()
+      }
+    },
+
+    // 快捷过滤
+    quickFilterStart () {
+      const arr = []
+      this.pageData.quickFilterData.filterArr.forEach((item, index) => {
+        if (this.pageData.quickFilterData[item.id] !== null && this.pageData.quickFilterData[item.id] !== '') {
+          arr.push({ id: item.id, value: this.pageData.quickFilterData[item.id] })
+        }
+      })
+      const data = {
+        filterType: 0, // 为0代表快捷过滤，为1代表高级过滤
+        conditionValues: arr,
+        pageAndTableInfo: {
+          existEntity: this.pageData.entityName.length !== 0,
+          headName: this.pageData.headName,
+          pageNum: this.pageData.paging.current,
+          pageSize: this.pageData.paging.size,
+          tableId: this.pageData.tableId
+        },
+        roleIds: ['1']
+      }
+      // 如果存在表体，传参需多传一个表体字段
+      if (this.pageData.entityName.length > 0) {
+        data.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
+      }
+      if (this.limitShow === 1) {
+        data.examineFlag = 1
+      }
+      // 获取表格数据与合计信息
+      this.getTableDataAndSumByType(data)
+    },
+
+    // 快捷过滤重置
+    quickConditionClear () {
+      this.pageData.quickFilterData.filterArr.forEach((item, index) => {
+        this.pageData.quickFilterData[item.id] = ''
+      })
+      // this.$message.success('重置成功！')
+    },
+
+    // 高级过滤字段更新时，修改条件数组（子组件触发）
+    updateMoreCondition (val) {
+      // 获取字段类型
+      const typeObj = this.pageData.moreConditionFilterData.name.arr.find(d => d.value === val)
+      if (typeObj === undefined) {
+        this.$message.error('未找到字段类型，刷新重试')
+        return
+      }
+      const type = typeObj.type
+      // 更新value类型
+      const index = this.pageData.moreConditionFilterData.name.value.findIndex(d => d === val)
+      this.pageData.moreConditionFilterData.type[index] = type === 'datetime' ? 'datetime' : 'input'
+      // 更新条件数组
+      this.pageData.moreConditionFilterData.condition.arr[index] = this.pageData.moreConditionFilterMap.get(val)
+      // 更新条件值
+      // (如果varchar类型的条件数组存在“包含”，条件变为“包含”，
+      // 如果int类型的条件数组存在“等于”，条件变为“等于”，
+      // 如果datetime类型的条件数组存在“今天”，条件变为“今天”)
+      if (type.indexOf('varchar') !== -1) {
+        const includeObj = this.pageData.moreConditionFilterData.condition.arr[index].find(d => d.label === '包含')
+        this.pageData.moreConditionFilterData.condition.value[index] = includeObj ? includeObj.value : ''
+      } else if (type.indexOf('int') !== -1) {
+        const includeObj = this.pageData.moreConditionFilterData.condition.arr[index].find(d => d.label === '等于')
+        this.pageData.moreConditionFilterData.condition.value[index] = includeObj ? includeObj.value : ''
+      } else if (type.indexOf('datetime') !== -1) {
+        const includeObj = this.pageData.moreConditionFilterData.condition.arr[index].find(d => d.label === '今天')
+        this.pageData.moreConditionFilterData.condition.value[index] = includeObj ? includeObj.value : ''
+      }
+      // 更新value
+      // 判断是否字段重复，重复先不清空value值
+      const length = this.pageData.moreConditionFilterData.name.value.filter(d => d === val).length
+      if (length === 1) {
+        this.pageData.moreConditionFilterData.value[index] = ''
+      }
+    },
+
+    // 高级过滤的单行模式与多行模式切换（子组件触发）
+    changeRotate (value) {
+      this.pageData.rotate = value
+    },
+
+    // 校验高级过滤条件是否填写完整
+    checkMoreCondition () {
+      // 校验
+      let flag = false
+      this.pageData.moreConditionFilterData.name.value.forEach((item, index) => {
+        // 如果是单行，不需要判断左右括号,多行模式则需要
+        if (this.pageData.moreConditionFilterData.name.value.length === 1) {
+          // 如果选中了字段，代表需要过滤条件
+          if (this.pageData.moreConditionFilterData.name.value[0] !== '') {
+            if (!this.pageData.moreConditionFilterData.condition.value[index] ||
+                      !this.pageData.moreConditionFilterData.value[index]) {
+              flag = true
+            }
+          }
+        } else {
+          if (!this.pageData.moreConditionFilterData.leftBracket.value[index] ||
+                    !this.pageData.moreConditionFilterData.name.value[index] ||
+                    !this.pageData.moreConditionFilterData.condition.value[index] ||
+                    !this.pageData.moreConditionFilterData.value[index] ||
+                    !this.pageData.moreConditionFilterData.rightBracket.value[index]) {
+            flag = true
+          }
+        }
+      })
+      return flag
+    },
+
+    // 高级过滤搜索(子组件触发)
+    moreConditionSearch () {
+      // 校验
+      // if (this.checkMoreCondition()) {
+      //   this.$message.error('请完整填写！')
+      //   return false
+      // }
+      const arr = []
+      this.pageData.moreConditionFilterData.name.value.forEach((item, index) => {
+        const filterField = this.pageData.moreConditionFilterDataBak.find(d => d.fieldName === item)
+        if (filterField !== undefined) {
+          const obj = {
+            fieldName: filterField.fieldName,
+            fieldType: filterField.fieldType,
+            originTable: filterField.originTable,
+            secondMenuValue: this.pageData.moreConditionFilterData.condition.value[index],
+            thirdMenuValue: this.pageData.moreConditionFilterData.value[index]
+          }
+          arr.push(obj)
+        }
+      })
+      let rule = ''
+      this.pageData.moreConditionFilterData.name.value.forEach((item, index) => {
+        rule += this.pageData.moreConditionFilterData.leftBracket.value[index] +
+                  index + this.pageData.moreConditionFilterData.rightBracket.value[index]
+        // 不添加最后一行的关系数据
+        if (this.pageData.moreConditionFilterData.relatedCondition.value[index] !== undefined) {
+          rule += this.pageData.moreConditionFilterData.relatedCondition.value[index]
+        }
+      })
+      const data = {
+        filterType: 1,
+        mulFilterField: arr,
+        pageAndTableInfo: {
+          existEntity: this.pageData.entityName.length !== 0,
+          headName: this.pageData.headName,
+          pageNum: this.pageData.paging.current,
+          pageSize: this.pageData.paging.size,
+          tableId: this.pageData.tableId
+        },
+        rule: arr.length === 0 ? '' : arr.length === 1 ? '(0)' : rule,
+        roleIds: ['1'],
+        sorts: [
+          {
+            fieldName: 'create_time',
+            sortType: 1,
+            tableName: this.pageData.headName
+          }
+        ]
+      }
+      // 如果存在表体，传参需多传一个表体字段
+      if (this.pageData.entityName.length > 0) {
+        data.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
+      }
+      if (this.limitShow === 1) {
+        data.examineFlag = 1
+      }
+      // 获取表格数据与合计信息
+      this.getTableDataAndSumByType(data)
+    },
+
+    getTableDataAndSumByType (data) {
+      // 表格展示加载状态
+      this.pageData.tableLoading = true
+      // 获取表格数据
+      getFilterData(data).then(res => {
+        if (res.code === 0) {
+          this.pageData.paging.total = res.data.total
+          this.pageData.commonTableData = res.data.records
+          // this.$message.success('查询成功！')
+        } else {
+          this.$message.error('查询失败，请稍后重试')
+        }
+        // 解除表格加载状态
+        this.pageData.tableLoading = false
+      }).catch(() => {
+        this.$message.error('查询失败，请稍后重试')
+        // 解除表格加载状态
+        this.pageData.tableLoading = false
+      })
+
+      // 获取表格合计
+      getFilterDataSum(data).then(res => {
+        if (res.code === 0) {
+          const totalData = ['合计']
+          const data = res.data
+          for (const key in data) {
+            const index = this.pageData.commonTableLayout.findIndex(d => d.fieldName === key)
+            totalData[index + 1] = data[key]
+          }
+          this.pageData.totalData = totalData
+        }
+      })
+    },
+
+    // 子组件触发-快捷过滤
+    quickSearch () {
+      const arr = []
+      for (const key in this.pageData.quickFilterData) {
+        if (key.indexOf('__') !== -1 && key.indexOf('Visible') < 0 && key.indexOf('Checked') < 0 && key.indexOf('CheckedList') < 0 && key.indexOf('CheckedList_Bak') < 0 && key.indexOf('Checked_True') < 0) {
+          // 存在需要筛选的字段
+          if (this.pageData.quickFilterData[key + 'Checked_True'] && this.pageData.quickFilterData[key + 'Checked_True'].length > 0) {
+            arr.push({
+              key: key,
+              values: this.pageData.quickFilterData[key + 'Checked_True'].filter(item => { return item !== '全选' })
+            })
+          }
+        }
+      }
+      const filterArrBak = JSON.parse(JSON.stringify(this.pageData.quickFilterData.filterArr))
+      filterArrBak.forEach(item => {
+        if (item.tableName === this.pageData.headName) {
+          item.name = 'head__' + item.name
+        } else {
+          item.name = 'entity__' + item.name
+        }
+      })
+      arr.forEach(item => {
+        const index = filterArrBak.findIndex(d => d.name === item.key)
+        if (index !== -1) {
+          item.id = this.pageData.quickFilterData.filterArr[index].id
+        }
+      })
+      const data = {
+        filterType: 0, // 为0代表快捷过滤，为1代表高级过滤
+        conditionValues: arr,
+        pageAndTableInfo: {
+          existEntity: this.pageData.entityName.length !== 0,
+          headName: this.pageData.headName,
+          pageNum: this.pageData.paging.current,
+          pageSize: this.pageData.paging.size,
+          tableId: this.pageData.tableId
+        },
+        roleIds: ['1'],
+        sorts: [
+          {
+            fieldName: 'create_time',
+            sortType: 1,
+            tableName: this.pageData.headName
+          }
+        ]
+      }
+      if (this.limitShow === 1) {
+        data.examineFlag = 1
+      }
+      // 如果存在表体，传参需多传一个表体字段
+      if (this.pageData.entityName.length > 0) {
+        data.pageAndTableInfo.oneEntityName = this.pageData.activeEntity
+      }
+      this.pageData.advancedOrQuickFiltering = data
+      // 获取表格数据与合计信息
+      this.getTableDataAndSumByType(data)
+    },
+
+    // 高级过滤重置条件(子组件触发)
+    moreConditionClear () {
+      this.pageData.moreConditionFilterData.leftBracket.value = ['(']
+      this.pageData.moreConditionFilterData.name.value = ['']
+      this.pageData.moreConditionFilterData.condition.value = ['']
+      this.pageData.moreConditionFilterData.value = ['']
+      this.pageData.moreConditionFilterData.type = ['']
+      this.pageData.moreConditionFilterData.rightBracket.value = [')']
+      // this.$message.success('重置成功！')
+    },
+
+    // 高级筛选-多行筛选新增筛选行（子组件触发）
+    addMultipleLine () {
+      this.pageData.moreConditionFilterData.leftBracket.value.push('(')
+      this.pageData.moreConditionFilterData.name.value.push('')
+      this.pageData.moreConditionFilterData.condition.value.push('')
+      this.pageData.moreConditionFilterData.value.push('')
+      this.pageData.moreConditionFilterData.type.push('')
+      this.pageData.moreConditionFilterData.rightBracket.value.push(')')
+      this.pageData.moreConditionFilterData.relatedCondition.value.push('and')
+    },
+
+    // 高级筛选-多行筛选时除去当前行（子组件触发）
+    removeMultipleLine (index) {
+      this.pageData.moreConditionFilterData.leftBracket.value.splice(index, 1)
+      this.pageData.moreConditionFilterData.name.value.splice(index, 1)
+      this.pageData.moreConditionFilterData.condition.value.splice(index, 1)
+      this.pageData.moreConditionFilterData.value.splice(index, 1)
+      this.pageData.moreConditionFilterData.type.splice(index, 1)
+      this.pageData.moreConditionFilterData.rightBracket.value.splice(index, 1)
+      this.pageData.moreConditionFilterData.relatedCondition.value.splice(index, 1)
+    },
+
+    // 快捷过滤-高级过滤切换
+    changeIsQuickFilter (isQuickFilter) {
+      this.pageData.isQuickFilter = !isQuickFilter
+      if (this.pageData.isQuickFilter) {
+        // this.$message.success('已切换为快捷过滤！')
+      } else {
+        // this.$message.success('已切换为高级过滤！')
+      }
+    },
+
+    // 修改单列宽度属性
+    renderColumnWidth (value) {
+
+    },
+    // 表格组件注销前配置数据
+    tableBeforeDestroy (value) {
+      this.pageData.destroySettingInfo = value
+    },
+    updateFilterKey (value) {
+      this.pageData.filterKey = value
+    },
+
+    // 刷新表格数据
+    refresh () {
+      // 清空选中数据
+      this.pageData.tableSelectionData = []
+      this.$refs.commonTable.refreshTableData()
+    },
+
+    // 子组件触发，更新表格数据
+    updateParentTableData (newVal) {
+      this.pageData.commonTableData = newVal
+    },
+
+    // 更新分组过滤当前选中值-子组件触发
+    updateCurrentNodeKey (data) {
+      this.pageData.groupFilter.currentNodeKey = data
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .main-container{
+    height: 70vh;
+    margin: 0 1.3541vw 0 1.3541vw;
+    background: #FFFFFF;
+    border-radius: 10px;
+    .strength-data-header{
+      min-height: 3.2vh;
+      background: #FFFFFF;
+      border-radius: 4px 4px 0 0;
+      padding: 10px 0;
+      >div:nth-child(1){
+        display: flex;
+        justify-content: flex-start;
+      }
+      .header-input{
+        min-width: 2.5vw;
+        height: 2.222vh;
+        opacity: 1;
+        background: #0c4c8e;
+        border-color: #0c4c8e;
+        border-radius: 2px;
+        padding: 0;
+        margin-right: 0.4166vw;
+        ::v-deep span{
+          opacity: 1;
+          font-size: 0.625vw;
+          font-family: Source Han Sans SC, Source Han Sans SC-Regular;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
+      .strength-data-header-middle{
+        margin-top: 1vh;
+        margin-bottom: 1vh;
+        display: flex;
+        align-items: center;
+        .filter{
+          margin-left: auto;
+        }
+      }
+    }
+    .strength-data-body {
+      height: 60vh;
+      ::v-deep .elx-table--body-wrapper{
+        max-height: 50vh;
+      }
+      @media screen and (max-width: 1920px){
+        ::v-deep .elx-table--body-wrapper{
+          max-height: 46vh;
+        }
+      }
+    }
+    ::v-deep .common-table-pagination{
+      bottom: 4vh;
+      right: 1vw;
+      .el-pagination{
+        display: flex;
+        align-items: center;
+        .el-input__inner{
+          height: 28px !important;
+          border: 1px solid #dcdfe6 !important;
+          text-align: center !important;
+        }
+        .el-pagination__sizes{
+          height: 100%;
+          display: flex;
+          align-items: center;
+        }
+        .el-pagination__jump{
+          height: 100%;
+          display: flex;
+          align-items: center;
+        }
+        .el-pager{
+          display: flex;
+        }
+      }
+    }
+    @media screen and (max-width: 1500px){
+      ::v-deep .common-table-pagination{
+        bottom: 4vh;
+      }
+    }
+    ::v-deep .el-pagination__editor{
+      display: flex;
+      align-items: center;
+    }
+    // 基础资料左侧分组过滤样式修改
+    ::v-deep .group-filter-header{
+      overflow-y: hidden;
+    }
+  }
+
+</style>
+<style lang="less" scoped>
+  @theme-color: #1890FF;
+  @theme-font-color: #FFFFFF;
+
+  .strength-data-header {
+    /*按钮样式*/
+    ::v-deep .el-button--primary {
+      background: @theme-color;
+    }
+  }
+</style>