vue2-client 1.10.35 → 1.11.2

package/src/base-client/components/common/XTable/XTable.vue

@@ -2,7 +2,7 @@
   <div v-show="tableColumns.length > 0">
     <a-row :gutter="48">
       <a-col v-show="showLeftOperaBtn">
-        <span :style="{ float: 'left', overflow: 'hidden', marginBottom: '8px' }">
+        <span :style="{ float: 'left', marginBottom: '8px' }">
           <a-space>
             <!--            <a-button v-if="eventState.customDelete" type="primary" @click="custom('customDelete')">-->
             <!--              <a-icon type="delete"/>删除-->
@@ -97,6 +97,17 @@
               :type="isTableMode ? '' : 'primary'">
               看板模式
             </a-button>
+            <a-badge
+              v-if="selectRowMode === 'listView'"
+              :count="selectedRows.length"
+              :number-style="{ backgroundColor:theme.color }"
+            >
+              <a-button
+                type="dashed"
+                @click="showTempData">
+                <a-icon :style="iconStyle" type="monitor"/>已选择
+              </a-button>
+            </a-badge>
             <!-- 头部附加栅格 -->
             <x-report
               v-if="attachGrid"
@@ -138,124 +149,7 @@
     </a-row>
     <!--  如果当前是表格模式  -->
     <template v-if="isTableMode">
-      <s-table
-        ref="table"
-        :id="uniqueId"
-        :alert="true"
-        :columns="tableColumns"
-        :data="loadData"
-        :rowKey="rowKey"
-        :showSummary="showSummary"
-        :rowSelection="rowSelection"
-        :scroll="{ x: scrollXWidth, y: scrollYHeight }"
-        :showPagination="showPagination"
-        :hidePagination="simpleMode"
-        :showSelected="!simpleMode"
-        :pageSize="simpleMode ? 1000 : undefined"
-        :setScrollYHeight="setScrollYHeight"
-        size="default"
-      >
-        <template
-          v-for="(item, c_index) in tableColumns"
-          :slot="item.dataIndex"
-          slot-scope="text, record, index">
-          <template v-if="isEditMode && getFromItem(item.dataIndex,text, record, index)">
-            <x-form-item
-              class="innerTable"
-              :style="{ paddingTop: 0, paddingBottom: 0, paddingLeft: 0, paddingRight: 0 }"
-              :form="record"
-              :attr="getFromItem(item.dataIndex,text, record, index)"
-              :service-name="serviceName"
-              mode="新增/修改"
-              :env="env"
-              :setForm="(obj)=>setForm(record,obj)"
-              @rowChoose="(row, attr, callback) => rowChoose(row, attr, callback, record)"
-              :showLabel="false"
-              :key="'editRow-' + c_index"
-            />
-          </template>
-          <!--    序号列      -->
-          <span v-else-if="item.slotType === 'index'" :key="'index-' + c_index">
-            {{ index + 1 }}
-          </span>
-          <CustomFuncCel
-            :text="text"
-            :record="text"
-            :index="index"
-            :item="item"
-            :localDataSource=" $refs.table.localDataSource"
-            v-else-if="item.slotCustomFunction"
-            :key="'customJs-' + c_index"></CustomFuncCel>
-          <!--    行链接      -->
-          <span v-else-if="item.slotType === 'link'" :key="'link-' + c_index">
-            <a @click="columnClick(item.dataIndex,text,record)">{{ text }}</a>
-          </span>
-          <!--    跳转用户详情      -->
-          <span v-else-if="item.slotType === 'gotoUserDetail'" :key="'gotoUserDetail-' + c_index">
-            <a @click="gotoUserDetail(item.dataIndex,text,record)">{{ text }}</a>
-          </span>
-          <!-- 文本溢出省略(ellipsis) -->
-          <span v-else-if="item.slotType === 'ellipsis'" :key="'ellipsis-' + c_index">
-            <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
-          </span>
-          <!-- 徽标(badge) -->
-          <span v-else-if="item.slotType === 'badge'" :key="'badge-' + c_index">
-            <x-badge
-              :service-name="serviceName"
-              :env="env"
-              v-if="text !== null && text !== undefined"
-              :badge-key="item.slotKeyMap"
-              :value="text"/>
-          </span>
-          <!-- 日期(date) -->
-          <span v-else-if="item.slotType === 'date'" :key="'date-' + c_index">
-            {{ format(text, 'yyyy-MM-dd') }}
-          </span>
-          <!-- 日期时间(datetime) -->
-          <span v-else-if="item.slotType === 'dateTime'" :key="'dateTime-' + c_index">
-            {{ format(text, 'yyyy-MM-dd hh:mm:ss') }}
-          </span>
-          <!-- 两位小数 -->
-          <span v-else-if="item.slotType === 'towDecimal'" :key="'towDecimal-' + c_index">
-            {{ numberFormat(text, 2) }}
-          </span>
-          <!-- 四位小数 -->
-          <span v-else-if="item.slotType === 'fourDecimal'" :key="'fourDecimal-' + c_index">
-            {{ numberFormat(text, 4) }}
-          </span>
-          <!-- 整数 -->
-          <span v-else-if="item.slotType === 'int'" :key="'int-' + c_index">
-            {{ numberFormat(text, 0) }}
-          </span>
-          <!-- 操作列(action) -->
-          <span v-else-if="item.slotType === 'action'" :key="'action-' + c_index">
-            <template v-if="item.actionArr && item.actionArr.length > 0">
-              <a-dropdown>
-                <a class="ant-dropdown-link" @click="e => e.preventDefault()">
-                  {{ item.scopedSlots?.customRender || item.slotValue }} <a-icon type="down"/>
-                </a>
-                <a-menu slot="overlay" style="min-width: 60px">
-                  <a-menu-item
-                    v-for="(action_item, actionIndex) in item.actionArr"
-                    :key="actionIndex"
-                    v-show="!action_item.customFunction || customFunctionShow(action_item.customFunction,record,c_index)">
-                    <a
-                      style="text-align: center"
-                      @click="action(record, item.dataIndex, action_item.func)"
-                    >{{ action_item.text }}</a>
-                  </a-menu-item>
-                </a-menu>
-              </a-dropdown>
-            </template>
-            <template v-if="!item.actionArr || item.actionArr.length === 0">
-              <a @click="action(record, item.dataIndex,'action', index)">{{ item.slotValue }}</a>
-            </template>
-          </span>
-        </template>
-        <template slot="footer">
-          <slot name="footer" :selectedRowKeys="selectedRowKeys" :selectedRows="selectedRows"></slot>
-        </template>
-      </s-table>
+      <x-table-wrapper ref="table"></x-table-wrapper>
     </template>
     <!--  如果当前是看板模式  -->
     <template v-else>
@@ -334,15 +228,16 @@
     <ExportExcel
       ref="exportExcel"
     />
+    <a-modal @cancel="$refs.table.refresh()" v-model="selectedRowModalVisible" width="80vw" title="已选中数据" :footer="null">
+      <x-table-wrapper ref="selectedDataTable" :load-selected-data="true"></x-table-wrapper>
+    </a-modal>
   </div>
 </template>
 <script>
-import { Ellipsis, STable } from '@vue2-client/components'
-import { formatDate, getChangedData, setDataByRealKey } from '@vue2-client/utils/util'
+import { STable } from '@vue2-client/components'
+import { getChangedData, setDataByRealKey } from '@vue2-client/utils/util'
 import * as util from '@vue2-client/utils/util'
-import XBadge from '@vue2-client/base-client/components/common/XBadge'
 import TableSetting from '@vue2-client/components/TableSetting/TableSetting'
-import XFormItem from '@vue2-client/base-client/components/common/XForm/XFormItem'
 import {
   query,
   querySummary,
@@ -364,6 +259,7 @@ import CustomFuncCel from '@vue2-client/base-client/components/common/XTable/Cus
 import ExportExcel from '@vue2-client/base-client/components/common/XTable/ExportExcel.vue'
 import g2Charts from '@vue2-client/components/g2Charts/index.vue'
 import moment from 'moment/moment'
+import XTableWrapper from './XTableWrapper.vue'
 
 export default {
   name: 'XTable',
@@ -373,13 +269,11 @@ export default {
     XDataCard,
     TableSetting,
     STable,
-    Ellipsis,
-    XBadge,
     XImportExcel,
-    XFormItem,
     g2Charts,
     XReport: () => import('@vue2-client/base-client/components/common/XReportGrid/XReport.vue'),
-    ReportTableHome
+    ReportTableHome,
+    XTableWrapper
   },
   inject: ['getSelf'],
   provide () {
@@ -452,6 +346,10 @@ export default {
       selectedRowKeys: [],
       // 表格选择Row集合
       selectedRows: [],
+      // 表格选择列Key集合
+      innerSelectedRowKeys: [],
+      // 表格选择Row集合
+      innerSelectedRows: [],
       // 禁止表格选择Row集合
       selectedDisableRows: [],
       // 业务标题
@@ -522,7 +420,11 @@ export default {
       totalCount: 0,
       user: {},
       chartsConfigArray: [],
-      summaryDrawerWidth: 35
+      summaryDrawerWidth: 35,
+      // 行选择模式
+      selectRowMode: 'default',
+      clearSelectRowAfterQuery: false,
+      selectedRowModalVisible: false
     }
   },
   props: {
@@ -562,17 +464,20 @@ export default {
       type: Boolean,
       default: false
     },
-    // 自适应底部编剧
+    // 自适应底部边距
     extraHeight: {
       type: Number,
       default: 80
     }
   },
   computed: {
+    ...mapState('setting', ['theme']),
     rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
+      return this.selectRowMode === 'disabled' ? undefined : {
+        selectedRowKeys: this.innerSelectedRowKeys,
         onChange: this.onSelectChange,
+        onSelect: this.selectRowMode === 'listView' ? this.onSelect : undefined,
+        onSelectAll: this.selectRowMode === 'listView' ? this.onSelectAll : undefined,
         getCheckboxProps: record => ({
           props: {
             disabled: this.selectedDisableRows.includes(record[this.rowKey]), // Column configuration not to be checked
@@ -595,6 +500,13 @@ export default {
     window.removeEventListener('resize', this.handleResize)
   },
   methods: {
+    showTempData () {
+      this.selectedRowModalVisible = true
+      this.$nextTick(() => {
+        this.$refs.selectedDataTable.refresh(true)
+        this.$refs.selectedDataTable.updateSelect(this.selectedRowKeys, this.selectedRows)
+      })
+    },
     customFunctionShow (customFunction, record, cIndex) {
       return executeStrFunctionByContext(this, customFunction, [record, cIndex])
     },
@@ -607,42 +519,6 @@ export default {
     gotoUserDetail (key, value, record) {
       this.$emit('gotoUserDetail', key, value, record)
     },
-    getFromItem (model, text, record, index) {
-      const aa = this.formItems.reduce((acc, item) => {
-        if (item.type === 'group') {
-          const foundItem = item.groupItems.find(_item => _item.model === model && _item.editRow)
-          if (foundItem) {
-            acc = foundItem
-          }
-        } else if (item.model === model && item.editRow) {
-          acc = item
-        }
-        return acc
-      }, null)
-      if (aa) {
-        const tempConfig = JSON.parse(JSON.stringify(aa))
-        // 如果找到了字段
-        const ColumnIndex = this.tableColumns.findIndex(item => item.dataIndex === model)
-        // 并且表单项是日期框
-        if (ColumnIndex !== -1 && ['yearPicker', 'monthPicker', 'datePicker', 'rangePicker'].includes(tempConfig.type)) {
-          // 修改他的列宽
-          this.tableColumns[ColumnIndex].width = 220
-        }
-        // 如果有检验规则检验是数字
-        if (ColumnIndex !== -1 && ['number', 'integer', 'float'].includes(tempConfig?.rule?.type)) {
-          // 修改他的列宽
-          tempConfig.numberInput = true
-        }
-        if (tempConfig.editRowShowFunc) {
-          if (executeStrFunctionByContext(this, tempConfig.editRowShowFunc, [text, record, index, tempConfig])) {
-            return tempConfig
-          }
-        } else {
-          return tempConfig
-        }
-      }
-      return false
-    },
     // 打开行编辑
     openEditMode () {
       this.isEditMode = true
@@ -776,6 +652,8 @@ export default {
         summaryDrawerWidth = 35,
         chartsConfigArray = [],
         printTemplate = 'DEFAULT_CRUD_PRINT_TEMPLATE',
+        selectRowMode = 'default',
+        clearSelectRowAfterQuery = false
       } = params
       this.showSummary = Object.keys(tableSummaryMap).length > 0
       if (this.showSummary) {
@@ -824,6 +702,8 @@ export default {
       this.printTemplate = printTemplate
       this.summaryDrawerWidth = summaryDrawerWidth
       this.chartsConfigArray = chartsConfigArray
+      this.selectRowMode = selectRowMode
+      this.clearSelectRowAfterQuery = clearSelectRowAfterQuery
       if (this.chartsConfigArray.length > 0) {
         // 循环chartsConfigArray，将每个配置的数据请求参数赋值给requestParameters
         this.chartsConfigArray.forEach(item => {
@@ -950,7 +830,10 @@ export default {
           this.totalCount = res.totalCount || 0
         })
       }
-      if (this.isTableMode && !this.simpleMode) {
+
+      if (this.selectRowMode === 'listView' && !this.clearSelectRowAfterQuery) {
+        this.$refs.table.updateSelect(this.selectedRowKeys, this.selectedRows)
+      } else if (this.isTableMode && !this.simpleMode) {
         this.clearRowKeys()
       }
       this.$emit('afterQuery', result, requestParameters.conditionParams)
@@ -971,16 +854,73 @@ export default {
       this.action(data, undefined, eventName)
     },
     /**
-     * 选择列事件
+     * 选择列勾选改变事件
+     * @param record 被选择的列数据
+     * @param selected 是否选中
+     * @param selectedRows 被选择的列集合
+     * @param nativeEvent 原生事件
+     */
+    onSelect (record, selected, selectedRows, nativeEvent) {
+      if (this.selectRowMode === 'listView') {
+        // 获取主键数据
+        const primaryData = record[this.primaryKey]
+        // 取消勾选时
+        if (!selected) {
+          this.selectedRowKeys = this.selectedRowKeys.filter(item => item !== primaryData)
+          this.selectedRows = this.selectedRows.filter(item => item[this.primaryKey] !== primaryData)
+        }
+      }
+    },
+    /**
+     * 选择列全选事件
+     * @param selected 是否选中
+     * @param selectedRows 被选择的列集合
+     * @param changeRows 改变的行集合
+     */
+    onSelectAll (selected, selectedRows, changeRows) {
+      console.log('onSelectAll', selected, selectedRows, changeRows)
+      if (this.selectRowMode === 'listView') {
+        if (!selected) {
+          // 获取所有改变的key
+          const changeKeys = changeRows.map(item => item[this.primaryKey])
+          this.selectedRowKeys = this.selectedRowKeys.filter(item => !changeKeys.includes(item))
+          this.selectedRows = this.selectedRows.filter(item => !changeKeys.includes(item[this.primaryKey]))
+        }
+      }
+    },
+    /**
+     * 选择列数据改变事件
      * @param selectedRowKeys 被选择的列Key集合
      * @param selectedRows 被选择的列集合
      */
     onSelectChange (selectedRowKeys, selectedRows) {
-      this.selectedRowKeys = selectedRowKeys
-      this.selectedRows = selectedRows
-      this.isModify = this.selectedRowKeys.length === 1
-      this.isDelete = this.selectedRowKeys.length > 0
-      this.isChoose = this.allowSelectRowNum === 0 ? this.selectedRowKeys.length > 0 : this.selectedRowKeys.length === this.allowSelectRowNum
+      this.innerSelectedRowKeys = selectedRowKeys
+      this.innerSelectedRows = selectedRows
+      if (this.selectRowMode === 'listView' && !this.clearSelectRowAfterQuery) {
+        if (this.primaryKey) {
+          // 使用主键去重合并选中的行
+          const uniqueKeys = [...new Set([...this.selectedRowKeys, ...this.innerSelectedRowKeys])]
+          this.selectedRowKeys = uniqueKeys
+          // 使用主键去重合并选中的行数据
+          const uniqueRows = [...this.selectedRows, ...this.innerSelectedRows].reduce((acc, current) => {
+            const x = acc.find(item => item[this.primaryKey] === current[this.primaryKey])
+            if (!x) {
+              return acc.concat([current])
+            }
+            return acc
+          }, [])
+          this.selectedRows = uniqueRows
+        } else {
+          this.selectedRowKeys = this.selectedRowKeys.concat(this.innerSelectedRowKeys)
+          this.selectedRows = this.selectedRows.concat(this.innerSelectedRows)
+        }
+      } else {
+        this.selectedRowKeys = this.innerSelectedRowKeys
+        this.selectedRows = this.innerSelectedRows
+      }
+      this.isModify = this.innerSelectedRowKeys.length === 1
+      this.isDelete = this.innerSelectedRowKeys.length > 0
+      this.isChoose = this.allowSelectRowNum === 0 ? this.innerSelectedRowKeys.length > 0 : this.innerSelectedRowKeys.length === this.allowSelectRowNum
       this.$emit('selectRow', selectedRowKeys, selectedRows)
     },
     /**
@@ -1061,27 +1001,6 @@ export default {
         }, 60)
       })
     },
-    /**
-     * 格式化日期
-     * @param date 日期字符串
-     * @param format 格式化方式
-     */
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    /**
-     * 格式化数字
-     * @param number string 或者 number
-     * @param decimalPlaces 小数位数
-     */
-    numberFormat (number, decimalPlaces = 2) {
-      const value = parseFloat(number)
-      if (!isNaN(value)) {
-        return value.toFixed(decimalPlaces)
-      } else {
-        return ''
-      }
-    },
     /**
      * 获取主键列名称
      */

package/src/base-client/components/common/XTable/XTableWrapper.vue

@@ -0,0 +1,240 @@
+<template>
+  <s-table
+    ref="table"
+    :id="tableContext.uniqueId"
+    :alert="true"
+    :columns="tableContext.tableColumns"
+    :data="loadData()"
+    :rowKey="tableContext.rowKey"
+    :showSummary="tableContext.showSummary"
+    :rowSelection="tableContext.rowSelection"
+    :scroll="{ x: tableContext.scrollXWidth, y: tableContext.scrollYHeight }"
+    :showPagination="tableContext.showPagination"
+    :hidePagination="tableContext.simpleMode"
+    :showSelected="!tableContext.simpleMode"
+    :pageSize="tableContext.simpleMode ? 1000 : undefined"
+    :setScrollYHeight="tableContext.setScrollYHeight"
+    :selectRowMode="tableContext.selectRowMode"
+    size="default"
+  >
+    <template
+      v-for="(item, c_index) in tableContext.tableColumns"
+      :slot="item.dataIndex"
+      slot-scope="text, record, index">
+      <template v-if="tableContext.isEditMode && getFromItem(item.dataIndex,text, record, index)">
+        <x-form-item
+          class="innerTable"
+          :style="{ paddingTop: 0, paddingBottom: 0, paddingLeft: 0, paddingRight: 0 }"
+          :form="record"
+          :attr="getFromItem(item.dataIndex,text, record, index)"
+          :service-name="tableContext.serviceName"
+          mode="新增/修改"
+          :env="tableContext.env"
+          :setForm="(obj)=>tableContext.setForm(record,obj)"
+          @rowChoose="(row, attr, callback) => tableContext.rowChoose(row, attr, callback, record)"
+          :showLabel="false"
+          :key="'editRow-' + c_index"
+        />
+      </template>
+      <span v-else-if="item.slotType === 'index'" :key="'index-' + c_index">
+        {{ index + 1 }}
+      </span>
+      <CustomFuncCel
+        :text="text"
+        :record="text"
+        :index="index"
+        :item="item"
+        :localDataSource="$refs.table.localDataSource"
+        v-else-if="item.slotCustomFunction"
+        :key="'customJs-' + c_index"></CustomFuncCel>
+      <span v-else-if="item.slotType === 'link'" :key="'link-' + c_index">
+        <a @click="tableContext.columnClick(item.dataIndex,text,record)">{{ text }}</a>
+      </span>
+      <span v-else-if="item.slotType === 'gotoUserDetail'" :key="'gotoUserDetail-' + c_index">
+        <a @click="tableContext.gotoUserDetail(item.dataIndex,text,record)">{{ text }}</a>
+      </span>
+      <span v-else-if="item.slotType === 'ellipsis'" :key="'ellipsis-' + c_index">
+        <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
+      </span>
+      <span v-else-if="item.slotType === 'badge'" :key="'badge-' + c_index">
+        <x-badge
+          :service-name="tableContext.serviceName"
+          :env="tableContext.env"
+          v-if="text !== null && text !== undefined"
+          :badge-key="item.slotKeyMap"
+          :value="text"/>
+      </span>
+      <span v-else-if="item.slotType === 'date'" :key="'date-' + c_index">
+        {{ format(text, 'yyyy-MM-dd') }}
+      </span>
+      <span v-else-if="item.slotType === 'dateTime'" :key="'dateTime-' + c_index">
+        {{ format(text, 'yyyy-MM-dd hh:mm:ss') }}
+      </span>
+      <span v-else-if="item.slotType === 'towDecimal'" :key="'towDecimal-' + c_index">
+        {{ numberFormat(text, 2) }}
+      </span>
+      <span v-else-if="item.slotType === 'fourDecimal'" :key="'fourDecimal-' + c_index">
+        {{ numberFormat(text, 4) }}
+      </span>
+      <span v-else-if="item.slotType === 'int'" :key="'int-' + c_index">
+        {{ numberFormat(text, 0) }}
+      </span>
+      <span v-else-if="item.slotType === 'action'" :key="'action-' + c_index">
+        <template v-if="item.actionArr && item.actionArr.length > 0">
+          <a-dropdown>
+            <a class="ant-dropdown-link" @click="e => e.preventDefault()">
+              {{ item.scopedSlots?.customRender || item.slotValue }} <a-icon type="down"/>
+            </a>
+            <a-menu slot="overlay" style="min-width: 60px">
+              <a-menu-item
+                v-for="(action_item, actionIndex) in item.actionArr"
+                :key="actionIndex"
+                v-show="!action_item.customFunction || tableContext.customFunctionShow(action_item.customFunction,record,c_index)">
+                <a
+                  style="text-align: center"
+                  @click="tableContext.action(record, item.dataIndex, action_item.func)"
+                >{{ action_item.text }}</a>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </template>
+        <template v-if="!item.actionArr || item.actionArr.length === 0">
+          <a @click="tableContext.action(record, item.dataIndex,'action', index)">{{ item.slotValue }}</a>
+        </template>
+      </span>
+    </template>
+    <template slot="footer">
+      <slot name="footer" :selectedRowKeys="tableContext.selectedRowKeys" :selectedRows="tableContext.selectedRows"></slot>
+    </template>
+  </s-table>
+</template>
+
+<script>
+import { Ellipsis, STable } from '@vue2-client/components'
+import { formatDate } from '@vue2-client/utils/util'
+import XBadge from '@vue2-client/base-client/components/common/XBadge'
+import XFormItem from '@vue2-client/base-client/components/common/XForm/XFormItem'
+import CustomFuncCel from '@vue2-client/base-client/components/common/XTable/CustomFuncCel.vue'
+import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
+
+export default {
+  name: 'XTableWrapper',
+  components: {
+    Ellipsis,
+    STable,
+    XBadge,
+    XFormItem,
+    CustomFuncCel
+  },
+  computed: {
+    localDataSource () {
+      return this.$refs?.table?.localDataSource
+    }
+  },
+  props: {
+    loadSelectedData: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  inject: ['tableContext'],
+  methods: {
+    loadData () {
+      if (this.loadSelectedData) {
+        return this.loadSelectedDataGen
+      } else {
+        return this.tableContext.loadData
+      }
+    },
+    loadSelectedDataGen (requestParameters) {
+      console.log('loadSelectedDataGen', {
+        pageNo: requestParameters?.pageNo,
+        pageSize: requestParameters?.pageSize
+      })
+
+      const { pageNo = 1, pageSize = 10 } = requestParameters || {}
+      const startIndex = (pageNo - 1) * pageSize
+      const endIndex = startIndex + pageSize
+      const paginatedData = this.tableContext.selectedRows.slice(startIndex, endIndex)
+
+      return new Promise((resolve) => {
+        resolve({
+          data: paginatedData,
+          pageNo,
+          pageSize,
+          totalPage: Math.ceil(this.tableContext.selectedRows.length / pageSize),
+          totalCount: this.tableContext.selectedRows.length
+        })
+      })
+    },
+    updateSelect (selectedRowKeys, selectedRows) {
+      this.$refs.table.updateSelect(selectedRowKeys, selectedRows)
+    },
+    clearSelected () {
+      this.$refs.table.clearSelected()
+    },
+    refresh (bool) {
+      this.$refs.table.refresh(bool)
+    },
+
+    /**
+     * 格式化日期
+     * @param date 日期字符串
+     * @param format 格式化方式
+     */
+    format (date, format) {
+      return formatDate(date, format)
+    },
+    /**
+     * 格式化数字
+     * @param number string 或者 number
+     * @param decimalPlaces 小数位数
+     */
+    numberFormat (number, decimalPlaces = 2) {
+      const value = parseFloat(number)
+      if (!isNaN(value)) {
+        return value.toFixed(decimalPlaces)
+      } else {
+        return ''
+      }
+    },
+    getFromItem (model, text, record, index) {
+      const aa = this.tableContext.formItems.reduce((acc, item) => {
+        if (item.type === 'group') {
+          const foundItem = item.groupItems.find(_item => _item.model === model && _item.editRow)
+          if (foundItem) {
+            acc = foundItem
+          }
+        } else if (item.model === model && item.editRow) {
+          acc = item
+        }
+        return acc
+      }, null)
+      if (aa) {
+        const tempConfig = JSON.parse(JSON.stringify(aa))
+        // 如果找到了字段
+        const ColumnIndex = this.tableContext.tableColumns.findIndex(item => item.dataIndex === model)
+        // 并且表单项是日期框
+        if (ColumnIndex !== -1 && ['yearPicker', 'monthPicker', 'datePicker', 'rangePicker'].includes(tempConfig.type)) {
+          // 修改他的列宽
+          this.tableContext.tableColumns[ColumnIndex].width = 220
+        }
+        // 如果有检验规则检验是数字
+        if (ColumnIndex !== -1 && ['number', 'integer', 'float'].includes(tempConfig?.rule?.type)) {
+          // 修改他的列宽
+          tempConfig.numberInput = true
+        }
+        if (tempConfig.editRowShowFunc) {
+          if (executeStrFunctionByContext(this.tableContext, tempConfig.editRowShowFunc, [text, record, index, tempConfig])) {
+            return tempConfig
+          }
+        } else {
+          return tempConfig
+        }
+      }
+      return false
+    },
+  }
+}
+</script>