sohelp-eleplus 1.1.27 → 1.1.28

package/sohelp-grid/index.vue

@@ -1,2210 +1,2217 @@
-<script setup>
-import { Filter, Search, Sort, SortDown, SortUp,Setting,Memo,Menu,Tickets,Postcard, Files, Grid, Refresh} from "@element-plus/icons-vue";
-import { useMobile } from "@/utils/use-mobile";
-import { usePermission } from "@/utils/use-permission";
-import DefaultProps from "./js/DefaultProps";
-import { computed, nextTick, reactive, ref, watch } from "vue";
-import DefaultGridOptions from "./js/DefaultGridOptions";
-import { calcSummary, switchGridValue } from "./js/SohelpGridConfig";
-import { EleMessage } from "@/components/ele-admin-plus/components";
-import { ElMessageBox } from "element-plus/es";
-import { useFormData } from "@/utils/use-form-data";
-import { resetCommonConfig, updateCommonConfig } from "../http/ModuleHttp.js";
-import CrudHttp from "../http/CrudHttp.js";
-import {merge, cloneDeep } from "lodash-es";
-import { uuid } from "../utils/core.js"
-
-import ApprovalModal from "../sohelp-workflow-drawer/components/approval-modal.vue";
-import WorkflowDrawer from "../sohelp-workflow-drawer/index.vue";
-
-import SohelpTextareaInput from "../sohelp-textarea-input/index.vue";
-import SohelpPower from "../sohelp-power/index.vue";
-import FilterConditionItem from "./components/filter-condition-item.vue";
-import { useSohelpGridConfig } from "./js/useSohelpGridConfig.js";
-import { useI18n } from "vue-i18n";
-import SohelpEntityForm from "../sohelp-entity-form/index.vue";
-import * as ElementPlusIcons from '@element-plus/icons-vue';
-import * as EleAdminPlusIcons from '@/components/icons';
-import { moduleCache } from "../cache/ModuleCache.js";
-import SohelpModal from "../sohelp-modal/index.vue";
-import SohelpImport from "../sohelp-import/index.vue";
-import { useUserStore } from '@/store/modules/user';
-import { Alert } from "vxe-pc-ui";
-const { initial, isConfigDone } = useSohelpGridConfig();
-const { t } = useI18n();
-const { mobile } = useMobile();
-const permission = usePermission();
-const props = defineProps({ ...JSON.parse(JSON.stringify(DefaultProps)) });
-const emit = defineEmits(["resetFilter", "checkboxAll", "checkboxChange","radioChange", "toolbarButtonClick", "operationButtonClick", "menuRightClick", "showFilter", "editClosed", "currentColumnChange"]);
-const drawerKey = ref(0);
-const todoDrawerRef = ref(null);
-const drawerVisible = ref(false);
-const drawerData = ref(null);
-const current = ref(null);
-const isPage = ref(false);
-const approvalModalVisible = ref(false);
-const approvalData = ref({});
-const userStore = useUserStore();
-
-//报表打印
-const currentReportValue = ref(null);
-const visibleReport = ref(false);
-const reportData = ref([]);
-const currentRow = ref(null);
-
-/** 自动生成ID */
-const getId = () => {
-  return 'sohelp-grid-' + uuid();
-}
-
-/** 对齐方式映射 */
-const getAlign = (align) => {
-  const alignMap = {
-    'left': 'flex-start',
-    'center': 'center',
-    'right': 'flex-end',
-    '': 'flex-start'
-  };
-  return alignMap[align] || 'flex-start';
-}
-
-const loadReport = () => {
-  SohelpHttp.get("/engine/web/report/list", { refid: props.refid }).then(res => {
-    if (res.meta.success) {
-      reportData.value = res.data.map(item => ({
-        value: item.refid,
-        refid: item.refid,
-        name: item.name,
-        createDate: item.createDate
-      }));
-      if (reportData.value.length > 0) {
-        currentReportValue.value = reportData.value[0].refid;
-      }
-    } else {
-      EleMessage.error(res.meta.message);
-    }
-  });
-};
-
-const designReport = () => {
-  if (!currentReportValue.value || !currentRow?.value?.id) {
-    EleMessage.error("请选择报表模板或报表数据!");
-    return;
-  }
-  const baseURl = SohelpHttp.getBaseUrl();
-  const url = baseURl.endsWith("/") ? baseURl : baseURl + "/";
-  window.open(url + `ureport/designer?_u=${currentReportValue.value}&id=${currentRow?.value?.id}&refid=${currentReportValue?.value}`);
-};
-const openReport = () => {
-  if (!currentReportValue.value || !currentRow?.value?.id) {
-    EleMessage.error("请选择报表模板或报表数据!");
-    return;
-  }
-  const baseURl = SohelpHttp.getBaseUrl();
-  const url = baseURl.endsWith("/") ? baseURl : baseURl + "/";
-  window.open(url + `ureport/preview?_u=${currentReportValue.value}&id=${currentRow?.value?.id}&refid=${currentReportValue?.value}`);
-};
-const closeReport = () => {
-  visibleReport.value = false;
-};
-
-// 操作栏按钮配置
-const operationsButtons = reactive({});
-
-const loading = ref(false);
-//显示实体表单
-const visibleEntityForm = ref(false);
-//当前工具栏配置信息
-const toolbarButtonParams = ref({});
-const entityFormRef = ref(null);
-const entityFormData = ref({});
-const entityFormValue = ref({});
-const entityFormConfig = ref({});
-const closeEntityForm = () => {
-  visibleEntityForm.value = false;
-};
-
-/**
- * 保存实体表单
- */
-const saveEntityForm = async () => {
-  const v = await entityFormRef.value.validate();
-  if(v){
-    loading.value = true;
-      entityFormRef.value.save(props.saveParams, (res) => {
-        loading.value = false;
-        if (res.meta.success) {
-          refresh();
-          visibleEntityForm.value = false;
-        } else {
-          EleMessage.error(res.meta.message);
-        }
-      });
-  }
-};
-
-//配置加载状态
-// Grid配置
-const sohelpConfig = defineModel("config");
-// 过滤条件数据
-const filterValue = defineModel("filterValue", {
-  type: Object,
-  default: () => ({
-    keywords: "",
-    power: 0,
-    filter: [],
-    scheme: "",
-    sort: "",
-    order: ""
-  })
-});
-
-// 属性映射
-const propertiesMap = defineModel("propertiesMap");
-
-// Grid实例
-const sohelpVxeGridRef = ref(null);
-// GridOptions配置
-const gridOptions = reactive(cloneDeep(DefaultGridOptions));
-const batchButtonsIndex = ref(2);
-const sortValue = ref("");
-/**
- * 缓存网格列表数据
- * @type {UnwrapNestedRefs<*[]>}
- */
-const gridData = reactive([]);
-/**
- * 记忆原始过虑条件数据
- * @type {Ref<UnwrapRef<string>>}
- */
-const originFilterValue = ref("");
-
-/**
- * 选中数据庥
- * @type {Ref<UnwrapRef<*[]>>}
- */
-const selections = ref([]);
-/**
- * 网格列表底部数据
- * @type {UnwrapNestedRefs<*[]>}
- */
-const footerData = reactive([]);
-/**
- * 定义计算公式
- * @type {UnwrapNestedRefs<{}>}
- */
-const formulaMap = reactive({});
-/**
- * 定义合计数据
- * @type {UnwrapNestedRefs<{}>}
- */
-const summaryData = reactive({});
-
-/**
- * 查看范围
- * @type 类型
- * @users 用户列表
- */
-const changePower = (type, users) => {
-  filterValue.value.power = type;
-  if (type == 9) {
-    filterValue.value.powerUsers = users;
-  }
-  filter();
-};
-
-
-const getCellValue = (rowIndex, name) => {
-  return (gridData[rowIndex] && gridData[rowIndex][name]) ? gridData[rowIndex][name] : "";
-};
-
-/**
- * 获取行原始数据
- */
-const getRowDataByField = (column, row) => {
-  if(column.type === 'SohelpTableSelect'){
-    const {field} = column;
-    return gridData.find(item => item[field].id === row[field]) || row;
-  } else{
-    return row;
-  }
-}
-
-/**
- * 获取关键字描述
- */
-const getKeywordsPlaceholder = computed(() => {
-  if (sohelpConfig.value?.filter?.keywords?.length) {
-    return t("grid.toolbar.keywords") + " [" + sohelpConfig.value.filter?.keywords?.filter(key => propertiesMap.value[key]).map(key => t(propertiesMap.value[key].i18n) || propertiesMap.value[key].label).join(",") + "]";
-  }
-  return t("grid.toolbar.keywords");
-});
-
-
-/**
- * SohelpTextareaInput弹窗标题
- */
-const getCurrentFieldLabel = computed(() => {
-  return (propertiesMap.value[textareaState["field"]]?.label || "") + "修改";
-});
-
-const importVisible = ref(false);
-const importAuthority = computed(() => {
-    const prefix = (props.refid || '').split('!')[0] || '';
-    const authorityKey = prefix + ':batch.import';
-    return sohelpConfig.value?.importConfig?.enabled && permission.hasPermission(authorityKey);
-});
-const exportAuthority = computed(() => {
-    const prefix = (props.refid || '').split('!')[0] || '';
-    const authorityKey = prefix + ':batch.export';
-    return sohelpConfig.value?.exportConfig?.enabled && permission.hasPermission(authorityKey);
-});
-
-const openImport = () => {
-  try {
-    if (!props.refid) {
-      EleMessage.error('列表地址缺失，无法打开导入');
-      return;
-    }
-    importVisible.value = true;
-  } catch (e) {
-    EleMessage.error(typeof e === 'string' ? e : e?.message || '打开导入失败');
-  }
-};
-const closeImport = () => {
-  importVisible.value = false;
-};
-const exportData = async (dataRange) => {
-  if (dataRange === 0) {
-    const $grid = sohelpVxeGridRef.value;
-    const selected = $grid?.getCheckboxRecords() || [];
-    if (!selected.length) {
-      EleMessage.error("请先勾选需要导出的记录");
-      return;
-    }
-    const ids = selected.map((item) => item.id).filter((id) => id !== undefined && id !== null);
-    if (!ids.length) {
-      EleMessage.error("选中记录未包含可导出的ID");
-      return;
-    }
-    let last = 0;
-    let loadingTip = EleMessage.loading("导出中 0%");
-    try {
-      await SohelpHttp.download("/engine/web/export/download", {
-        refid: props.refid,
-        exportRange: dataRange,
-       ...filterValue.value,
-        ids: ids
-      }, "导出数据.xlsx", (loaded, total) => {
-        if (total > 0) {
-          const p = Math.floor((loaded / total) * 100);
-          if (p - last >= 5) {
-            loadingTip.close();
-            loadingTip = EleMessage.loading(`导出中 ${p}%`);
-            last = p;
-          }
-        }
-      });
-    } catch (e) {
-      EleMessage.error(typeof e === "string" ? e : e?.message || "导出失败");
-    } finally {
-      loadingTip.close();
-    }
-    return;
-  }
-  let last = 0;
-  let loadingTip = EleMessage.loading("导出中 0%");
-  try {
-    await SohelpHttp.download("/engine/web/export/download", {
-      refid: props.refid,
-      exportRange: dataRange,
-      filterValue: JSON.stringify(filterValue.value)
-    }, "导出数据.xlsx", (loaded, total) => {
-      if (total > 0) {
-        const p = Math.floor((loaded / total) * 100);
-        if (p - last >= 5) {
-          loadingTip.close();
-          loadingTip = EleMessage.loading(`导出中 ${p}%`);
-          last = p;
-        }
-      }
-    });
-  } catch (e) {
-    EleMessage.error(typeof e === "string" ? e : e?.message || "导出失败");
-  } finally {
-    loadingTip.close();
-  }
-};
-const keywordsChange = (val) => {
-  filterValue.value = {
-    ...filterValue.value,
-    keywords: val
-  };
-};
-
-/**
- * 获取当前筛选
- * @param field
- */
-const getCurrentFilter = (field) => {
-  return computed({
-    get: () => {
-      return filterValue.value.filter?.find(f => f.name === field);
-    },
-    set: (newValue) => {
-      const newFilters = [...(filterValue.value.filter || [])];
-      const index = newFilters.findIndex(f => f.name === field);
-      if (index >= 0) {
-        newFilters[index] = { ...newFilters[index], ...newValue };
-      }
-      filterValue.value = { ...filterValue.value, filter: newFilters };
-    }
-  });
-};
-
-/**
- *获取外键标签
- */
-const getTableSelectLabel = (val, index, field, column) => {
-  if (!gridData[index] || !gridData[index][field]) {
-    return "";
-  }
-  let obj = gridData[index][field];
-  if (obj && typeof obj === "object") {
-    if (!Array.isArray(obj)) {
-      obj = [obj];
-    }
-    const { labelField = "label", valueField = "id" } = column.editRender;
-    const arr = Array.isArray(val) ? val : [val];
-    return obj.filter(item => arr.includes(item.id))?.map(row => row[labelField]).filter(Boolean).join(",");
-
-  } else {
-    return "";
-  }
-};
-
-/**
- * 获取排序数据
- */
-const sortList = computed(() => {
-  return sohelpConfig.value.filter?.sort?.map((field) => {
-    let p = propertiesMap.value[field];
-    return {
-      title: p?.label || field,
-      field: field
-    };
-  });
-});
-
-/**
- * 排序点击事件
- */
-const sortCommand = (field, order) => {
-  if (sohelpVxeGridRef.value) {
-    sohelpVxeGridRef.value.setSort({ field, order });
-  }
-  closeSortDropCard();
-};
-
-const isActiveSort = computed(() => {
-  return (field, order) => {
-    return sortValue.value === field + "!" + order ? "primary" : "";
-  };
-});
-
-/**
- *
- * @param val 监听高级筛选值变化
- */
-const filterValueChange = (val) => {
-  //console.log('v', val);
-};
-
-/**
- * 初始化数据
- */
-const loadConfig = (param = {}) => {
-  initial(!props.isEntityGrid, props.refid)
-    .then((config) => {
-      /**配置刷新功能 */
-      config.gridOptions = {
-        ...config.gridOptions,
-        params: gridOptions.params ?? {},
-        toolbarConfig: {
-          ...config.gridOptions?.toolbarConfig,
-          refresh: true,
-          zoom: true
-        },
-        proxyConfig: {
-          autoLoad: false,
-          ajax: {
-            query: () => refresh()
-          }
-        }
-      };
-
-
-      //工具栏按钮权限
-      Object.assign(formulaMap, config.formulaMap);
-      Object.assign(gridOptions, config.gridOptions);
-
-
-      // 过滤位置
-      config.sohelpConfig.filter.config._visibleFilter = config.sohelpConfig?.filter.config.visibleFilter || false;
-      sohelpConfig.value = { ...config.sohelpConfig };
-
-      Object.assign(propertiesMap.value, config.propertiesMap);
-
-      Object.assign(footerData, config.footerData);
-      batchButtonsIndex.value = config.batchButtonsIndex;
-      sohelpConfig.value.list = config.sohelpConfig.list;
-
-
-
-      Object.assign(operationsButtons, config.operationsButtons);
-
-      if (!filterValue.value.filter) {
-        filterValue.value.filter = [];
-      }
-
-      Object.assign(filterValue.value.filter, config.sohelpConfig.filter?.field || []);
-      //存储原始查询数据，用于重置
-      originFilterValue.value = JSON.stringify(filterValue.value);
-
-      nextTick(() => {
-        if (sohelpVxeGridRef.value && props.autoLoad === true) {
-          sohelpVxeGridRef.value.commitProxy("query");
-        }
-      });
-    })
-    .catch((e) => {
-      console.error("Initial Configuration Error:", e);
-      EleMessage.error(e.message);
-    });
-};
-
-
-const gridValue = ref();
-
-
-const load = async (params = {}, callback) => {
-  //清空选中
-  selections.value = [];
-  gridOptions.loading = true;
-  gridOptions.params = params;
-  await isConfigDone();
-  const $grid = sohelpVxeGridRef.value;
-
-  if ($grid) {
-    const url = props.url || sohelpConfig.value.requestValue;
-    if (sohelpConfig.value.requestType != "crud" && !url) {
-      gridOptions.loading = false;
-      return { results: [], total: 0 };
-    }
-
-
-    let pageConfig = {};
-    // 是否分页
-    if (gridOptions.pagerConfig?.enabled) {
-      pageConfig.page = gridOptions.pagerConfig?.currentPage ?? 1;
-      pageConfig.limit = gridOptions.pagerConfig?.pageSize ?? 50;
-    }
-
-    //过滤条件筛选
-    params["filter"] = filterValue.value.filter?.filter(item => (item.comparison === "EMPTY" || item.comparison === "NOT_EMPTY") || item.value?.length > 0);
-    const res = await SohelpHttp.get(url, {
-      refid: props.refid,
-      ...filterValue.value,
-      ...params,
-      ...pageConfig
-    });
-
-
-
-    if (res?.meta?.success) {
-      if (res.data) {
-        gridOptions.pagerConfig.total = Number(res.data?.total);
-
-        const _data = res.data?.results || res.data || [];
-        Object.assign(gridData, JSON.parse(JSON.stringify(_data)));
-        gridValue.value = switchGridValue(_data);
-        $grid.loadData(gridValue.value);
-        Object.assign(summaryData, res.data?.summary || {});
-        updateColumnsFilter();
-        gridOptions.loading = false;
-        //统计
-        if (footerData.length > 0) {
-          gridOptions.footerData = updateSummary(res.data.results, res.data?.summary || {});
-          $grid?.refreshColumn();
-        }
-      }
-    } else {
-      EleMessage.error(res.meta.message);
-    }
-    gridOptions.loading = false;
-    //回调方法
-    if (callback && typeof callback === "function") {
-      callback(res);
-    }
-  }
-
-  emit('pageChange', gridOptions.pagerConfig);
-};
-
-/**
- * 重新加载数据
- */
-const reload = async (params = {}) => {
-  Object.assign(gridOptions.params, params);
-  await load(gridOptions.params);
-};
-
-
-/**
- * 单元格点击更新 表尾统计
- */
-const cellClick = () => {
-  const data = sohelpVxeGridRef.value?.getFullData();
-  gridOptions.footerData = updateSummary(data, summaryData);
-};
-
-/**
- * 统计
- */
-const updateSummary = (data, summaryMap = {}) => {
-  const arr = footerData.map(item => {
-    const field = data.map(f => {
-      let val = Number(f[item.field]);
-      return isNaN(val) ? 0 : val;
-    });
-
-    let value = calcSummary(field, item.type);
-    if (item.type === "remotesum") {
-      value = summaryMap[item.field] || "";
-    }
-
-    if (item.summaryRender) {
-      try {
-        const func = new Function("return " + item.summaryRender)();
-        value = func.call(sohelpVxeGridRef, value);
-      } catch (e) {
-        console.error("函数执行错误:", e);
-      }
-    }
-
-    return {
-      [item.field]: value
-    };
-  });
-
-  arr.unshift({ _seq: "统计" });
-  return [Object.assign({}, ...arr)];
-};
-
-
-/**
- * 分页事件
- */
-const pageChangeEvent = async (page) => {
-  isPage.value = true;
-  gridOptions.pagerConfig.currentPage = page.currentPage;
-  gridOptions.pagerConfig.pageSize = page.pageSize;
-  await reload();
-  emit('pageChange',gridOptions.pagerConfig)
-};
-
-
-/**
- * 获取Common类型操作栏 并根据flw_id判断是否显示
- * @param row
- */
-const getOperationButtonsByType = computed(() => {
-  return (row, column, type = "common") => {
-    const $grid = sohelpVxeGridRef.value;
-    let common = operationsButtons?.[type] || [];
-    if (common.length > 0) {
-      if (row.hasOwnProperty("flw_id")) {
-        const field = row.flw_id === "0" ? "workflow.view" : "workflow.submit";
-        common = common.filter(f => f.code != field);
-      } else {
-        common = common.filter(f => (f.code != "workflow.submit" || f.code != "workflow.view"));
-      }
-      return common.map((button) => {
-        // 创建新对象，避免修改原按钮配置
-        const newButton = { ...button };
-        if(newButton.render && newButton.render?.length > 0) {
-          const func = new Function("$row","$button","$column","$grid", `return (async () => { ${newButton.render} })()`);
-          func.call(undefined, row, newButton, column, $grid);
-        }
-        return newButton;
-      });
-    }
-    return [];
-  };
-})
-
-/**
- * 行操作栏点击事件
- * @param row
- * @param item
- */
-const operationHandler = ({ button, row, $grid }) => {
-
-
-  //操作栏事件执行
-  $grid.reload = reload;
-  $grid.refresh = refresh;
-  if (button.handler && typeof button.handler === "string") {
-    try {
-      const func = new Function("$row", "$grid", `return (async () => { ${button.handler} })()`);
-      (async () => {
-        const context = {
-          $message: EleMessage,
-          $SohelpModule: window.$SohelpModule,
-          $SohelpHttp: window.$SohelpHttp,
-          $confirm: (title, callback) => {
-            ElMessageBox.confirm(title, "提示", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              type: "warning"
-            }).then(() => {
-              callback && callback();
-            }).catch(() => {
-            });
-          }
-        };
-        await func.call(context, row, $grid); // 显式传递所有参数
-      })();
-    } catch (e) {
-      EleMessage.error(`操作栏事件出错:${e.message}`);
-    }
-  } else if (button.refid) {
-    if (button.openType === "tab") {
-      window.$SohelpModule.openTab(button.refid, { id: row.id }, button.params || {});
-    } else if (button.openType === "drawer") {
-      window.$SohelpModule.openDrawer(button.refid, { id: row.id }, button.params || {});
-    } else {
-      window.$SohelpModule.openModal(button.refid, { id: row.id }, button.params || {});
-    }
-  } else {
-    switch (button.code) {
-      case "row.delete":
-        $grid?.remove(row)
-        break;
-      case "crud.edit":
-        visibleEntityForm.value = true;
-        toolbarButtonParams.value = button.params || {};
-        if (!toolbarButtonParams.value["title"]) {
-          toolbarButtonParams.value["title"] = t("grid.toolbar.edit");
-        }
-        loading.value = true;
-        CrudHttp.detail(props.refid, { id: row.id }).then(res => {
-          if (res.meta.success) {
-            setTimeout(() => {
-              entityFormRef.value.setFormData({...res.data});
-            }, 10);
-          } else {
-            EleMessage.error(res.meta.message);
-          }
-          loading.value = false;
-        }).catch(e => {
-          loading.value = false;
-        });
-
-        break;
-      case "crud.view":
-        visibleEntityForm.value = true;
-        toolbarButtonParams.value = button.params || {};
-        if (!toolbarButtonParams.value["title"]) {
-          toolbarButtonParams.value["title"] = t("grid.toolbar.view");
-        }
-        toolbarButtonParams.value["readonly"] = true;
-        CrudHttp.detail(props.refid, { id: row.id }, (res) => {
-          if (res.meta.success) {
-            setTimeout(() => {
-              entityFormRef.value.setFormData(res.data);
-            }, 10);
-          } else {
-            EleMessage.error(res.meta.message);
-          }
-        });
-        break;
-      case "crud.delete" :
-        remove({ id: [row.id] });
-        break;
-      case "row.pre-delete":
-        $grid?.setPendingRow(row, true);
-        break;
-      case "workflow.submit":
-        submitWorkflow({ id: [row.id] });
-        break;
-      case "workflow.view" :
-        viewWorkflow(row.id);
-        break;
-      case "report.print" :
-        visibleReport.value = true;
-        currentRow.value = row;
-        loadReport();
-        break;
-      default:
-        break;
-    }
-  }
-  emit("operationButtonClick", { button, row, $grid });
-};
-
-
-/**
- * 获取表格数据
- */
-const getTableData = () => {
-  return sohelpVxeGridRef.value?.getTableData();
-};
-
-/**
- * 获取处理过的数据
- */
-const getData = () => {
-  const { tableData } = getTableData();
-  return tableData;
-};
-
-/**
- * 更新
- */
-const updateValue = () => {
-  emit("update:modelValue", getData());
-  emit("change", getData());
-};
-/**
- * 指定index位置插入数据
- * @param data
- * @param index
- */
-const insertField = (data, index = -1) => {
-  if (sohelpVxeGridRef.value) {
-    sohelpVxeGridRef.value.insertAt(data, index);
-    sohelpVxeGridRef.value.clearEdit();
-  }
-  updateValue();
-};
-
-
-/**
- * 刷新列表
- */
-const refresh = () => {
-  //取消选中
-  selections.value = [];
-  sohelpVxeGridRef.value?.clearCheckboxRow();
-
-  if (!isPage.value) {
-    if (gridOptions.pagerConfig && gridOptions.pagerConfig.enabled) {
-      gridOptions.pagerConfig.currentPage = 1;
-    }
-    emit("refresh");
-  }
-  isPage.value = false;
-  reload({ ...gridOptions.params });
-};
-
-/**
- * 列表头右键菜单事件
- * @param column
- */
-const headerCellMenu = ({ column }) => {
-  if (column.editRender?.edit && gridOptions.menuConfig.header.options.length > 0) {
-    // 只对特定类型的列显示菜单项
-    const visible = column && (column.type === "SohelpSwitch" || column.type === "SohelpCheckbox");
-    // 设置每个菜单项的可见性
-    gridOptions.menuConfig.header.options[0].forEach(item => {
-      item.visible = visible;
-    });
-  }
-};
-
-/**
- * 右键菜单点击事件
- * @param menu 菜单项
- * @param row 行数据
- * @param column 列配置
- * @param rowIndex 行索引
- */
-const menuRightClick = async ({ menu, row, column, rowIndex }) => {
-  const $grid = sohelpVxeGridRef.value;
-  if ($grid) {
-    $grid.setCurrentRow(row);
-    const { fullData } = $grid.getTableData();
-    switch (menu.code) {
-      case "insert":
-        await $grid.insertAt({ role_name: "sales user" }, rowIndex);
-        break;
-      case "all-select":
-        fullData.forEach(row => {
-          row[column.field] = ["0", 0, "1", 1].includes(row[column.field]) ? 1 : true;
-        });
-        break;
-      case "revert-select":
-        fullData.forEach(row => {
-          if (["0", 0, "1", 1].includes(row[column.field])) {
-            row[column.field] = 1 - row[column.field];
-          } else {
-            row[column.field] = !row[column.field];
-          }
-        });
-        break;
-      default:
-        break;
-    }
-  }
-
-  // 执行右击事件
-  emit("menuRightClick", { menu, row, column, rowIndex });
-};
-
-const sohelpSortRef = ref(null);
-const closeSortDropCard = () => {
-  if (sohelpSortRef.value) {
-    sohelpSortRef.value.close();
-  }
-};
-
-/**
- * 获取用户数据源
- */
-const userDatasource = computed(async () => {
-  return await SohelpHttp.get("/engine/web/user/list")
-    .then((res) => {
-      if (res.data) {
-        return [...res.data];
-      }
-    })
-    .catch((err) => {
-      EleMessage.error(err.message || "error");
-    });
-});
-
-/**
- * SohelpTextareaInput 弹窗
- */
-const [textareaState, resetTextareaState, setTextareaState] = useFormData({
-  visible: false,
-  value: "",
-  row: null,
-  field: ""
-});
-
-/**
- * 显示 SohelpTextareaInput 弹窗
- */
-const showTextareaModal = (column, field, row) => {
-  if (column?.editRender?.enabled) {
-    setTextareaState({
-      visible: true,
-      value: row[field],
-      row,
-      field
-    });
-  }
-};
-
-/**
- * 取消 SohelpTextareaInput 弹窗
- */
-const textareaCancel = () => {
-  resetTextareaState();
-};
-
-/**
- * checkbox复选框
- */
-const onCheckboxChange = (checked, type) => {
-  selections.value = sohelpVxeGridRef.value?.getCheckboxRecords() || [];
-  emit("checkbox-change", selections.value, checked, type);
-};
-
-/**
- *
- */
-const radioChange = (config) => {
-  emit('radio-change', config)
-}
-
-
-/**
- * 确定 SohelpTextareaInput 弹窗
- */
-const textareaConfirm = () => {
-  const $grid = sohelpVxeGridRef.value;
-  if ($grid) {
-    $grid.setRow(textareaState.row, {
-      ...textareaState.row,
-      [textareaState.field]: textareaState.value
-    });
-  }
-  textareaCancel();
-};
-
-/**
- * 获取组织数据源
- */
-const orgDatasource = computed(async () => {
-  return await SohelpHttp.get("/engine/web/org/list")
-    .then((res) => {
-      if (res.data) {
-        return [...res.data];
-      }
-    })
-    .catch((err) => {
-      EleMessage.error(err.message || "error");
-    });
-});
-/**
- * 根据引擎表格获取更新数据
- * @returns {{inserted: {}, deleted: {}, updated: {}}}
- */
-const getCrudUpdater = () => {
-  const $grid = sohelpVxeGridRef.value;
-  const _delete = [...$grid?.getRemoveRecords()?.map(item => item.id),...$grid?.getPendingRecords()?.map(item => item.id)];
-  return {
-    "inserted": $grid?.getInsertRecords().map(item => {
-      return { ...item };
-    }) || [],
-    "updated": $grid?.getUpdateRecords(),
-    "deleted": _delete
-  };
-};
-
-/**
- * 删除记录
- */
-const remove = (params) => {
-  ElMessageBox.confirm("确定要删除吗？", "提示").then(() => {
-    CrudHttp.delete(props.refid, params, (res) => {
-      if (res.meta.success) {
-        EleMessage.success(res.meta.message);
-        refresh();
-      } else {
-        EleMessage.error(res.meta.message);
-      }
-    });
-  }).catch(() => {
-  });
-};
-
-/**
- *
- * @param handler
- */
-const executeToolbarCustomHandler = (button) => {
-  const $grid = sohelpVxeGridRef.value;
-  $grid.refresh = refresh;
-  $grid.reload = reload;
-  try {
-    let isRows = button.buttonType === 'batch';
-    const func = new Function(isRows ? "rows" : "row", "$grid", `return (async () => { ${button.handler} })()`);
-    (async () => {
-      const context = {
-        $message: EleMessage,
-        $SohelpModule: window.$SohelpModule,
-        $SohelpHttp: window.$SohelpHttp,
-        $confirm: (title, callback) => {
-          ElMessageBox.confirm(title, "提示", {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning"
-          }).then(() => {
-            callback && callback();
-          }).catch(() => {
-          });
-        },
-        $grid: $grid,
-        getCrudUpdater: getCrudUpdater
-      };
-      $grid.refresh = refresh;
-      await func.call(context, isRows ? selections.value : current, $grid); // 显式传递所有参数
-    })();
-  } catch (e) {
-    EleMessage.error(`${e.message}`);
-  }
-};
-/**
- * 工具栏点击事件
- * @param param0
- */
-const toolbarClick = async ({ button }) => {
-  const $grid = sohelpVxeGridRef.value;
-  let rowIndex = -1;
-  const row = {};
-
-  const current = $grid?.getCurrentRecord();
-  if (current) {
-    rowIndex = $grid?.getVTRowIndex(current);
-  }
-
-  //工具栏事件执行
-  if (button?.handler) {
-    executeToolbarCustomHandler(button);
-  } else if (button.refid) {
-    if (button.openType === "tab") {
-      window.$SohelpModule.openTab(button.refid, {}, button.params || {});
-    } else if (button.openType === "drawer") {
-      window.$SohelpModule.openDrawer(button.refid, {}, button.params || {});
-    } else {
-      window.$SohelpModule.openModal(button.refid, {}, button.params || {});
-    }
-  } else {
-    switch (button.code) {
-      case "row.add":
-        insertField(row, -1);
-        break;
-      case "row.copy":
-        if (current) {
-          Object.assign(row, { ...current });
-          if (row?.name) {
-            row.name = "";
-          }
-          delete row._X_ROW_KEY;
-        }
-        break;
-      case "row.insert":
-        rowIndex = getData()?.length > 0 ? rowIndex : -1;
-        insertField(row, rowIndex);
-        break;
-      case "row.delete":
-        $grid.removeCheckboxRow();
-        break;
-      case "crud.create":
-        visibleEntityForm.value = true;
-        toolbarButtonParams.value = button.params || {};
-        if (!toolbarButtonParams.value["title"]) {
-          toolbarButtonParams.value["title"] = t("grid.toolbar.create");
-        }
-
-        const {title, ...params} = button.params;
-
-        CrudHttp.initial(props.refid, { id: row.id }, (res) => {
-          if (res.meta.success) {
-            setTimeout(() => {
-              entityFormRef.value.setFormData({...res.data}, params);
-            }, 10);
-          } else {
-            EleMessage.error(res.meta.message);
-          }
-        });
-        break;
-      case "crud.save":
-        CrudHttp.save(props.refid, { "default": getCrudUpdater() }, (res) => {
-          if (res.meta.success) {
-            EleMessage.success(res.meta.message);
-            refresh();
-          } else {
-            EleMessage.error(res.meta.message);
-          }
-        });
-        break;
-      case "crud.view":
-        break;
-      case "crud.delete":
-        remove({ id: selections.value.map(item => item.id) });
-        break;
-      case "workflow.submit":
-        submitWorkflow({ id: selections.value.map(item => item.id) });
-        break;
-      case "report.print":
-        break;
-      case "batch.import":
-        break;
-      case "batch.delete":
-        break;
-      case "batch.export":
-        break;
-      case "batch.print":
-        break;
-      default:
-        break;
-    }
-
-  }
-};
-
-/**
- * grid事件
- * 排序
- */
-const gridEvents = {
-  sortChange({ field = "", order = "" }) {
-    if (!order) {
-      field = order = "";
-    }
-    sortValue.value = field + "!" + order;
-    filterValue.value.sort = field;
-    filterValue.value.order = order;
-    filter({});
-  },
-
-  toolbarButtonClick(config) {
-    toolbarClick(config);
-    emit("toolbarButtonClick", config, selections.value);
-  },
-};
-
-/**
- * 查询
- * param type：'filter' | 'column', default(filter) 区分是高级筛选，还是列筛选
- */
-const filter = (param = {}) => {
-  gridOptions.pagerConfig.currentPage = 1;
-  reload();
-};
-
-
-/**
- * 重置
- */
-const resetFilter = () => {
-  filterValue.value = JSON.parse(originFilterValue.value);
-  //重置列筛选
-  if (sohelpVxeGridRef.value) {
-    sohelpVxeGridRef.value.clearFilter();
-  }
-  filter();
-};
-
-/**
- * 筛选弹窗
- */
-const showFilter = () => {
-  if (sohelpConfig.value.filter?.config.filterPosition === "NONE") {
-    sohelpConfig.value.filter.config.filterPosition = "TOP";
-    sohelpConfig.value.filter.config.visibleFilter = false;
-  }
-  emit("showFilter", sohelpConfig.value.filter.config.filterPosition);
-};
-
-
-/**
- * 打开提交工作流界面
- */
-const submitWorkflow = (ids) => {
-  approvalData.value = {
-    refid: props.refid,
-    ...ids
-  };
-  approvalModalVisible.value = true;
-};
-
-/**
- * 查看工作流
- * @param row
- */
-const viewWorkflow = (id) => {
-  drawerData.value = {
-    id: id,
-    refid: props.refid
-  };
-  drawerVisible.value = true;
-};
-
-/**
- *  筛选
- */
-const changeNameFilter = (option, val, column) => {
-  const $grid = sohelpVxeGridRef.value;
-  if ($grid) {
-    $grid.setFilter(column.field, [{
-      data: val?.value || "",
-      value: val.value || "",
-      checked: true
-    }]);
-    $grid.updateFilterOptionStatus(option, true);
-  }
-};
-
-const filterVisible = ({ column, field, visible }) => {
-  if (visible) {
-    const hasField = filterValue.value.filter?.find(f => f.name === field);
-    if (!hasField) {
-      filterValue.value.filter = [...filterValue.value.filter, {
-        comparison: "LIKE",
-        name: field,
-        value: ""
-      }];
-    }
-    const $grid = sohelpVxeGridRef.value;
-    if ($grid) {
-      $grid.setFilter(field, [{
-        data: "",
-        value: "",
-        checked: true
-      }]);
-    }
-
-  }
-};
-
-/**
- *列筛选
- */
-const handleFilterChange = ({ field, datas }) => {
-  filter();
-  //重置功能 重置要清空filterValue.filter对象的项
-  if (!datas?.length) {
-    const map = new Map(filterValue.value.filter?.map(item => [item.name, item]));
-    if (map.get(field)) {
-      map.get(field).value = "";
-    }
-  }
-};
-
-/**
- * 过滤掉对象中_开头的属性 _sqe、_checkbox、_operation
- * @param obj
- */
-const filterUnderscoreProps = (obj = {}) => {
-  if (typeof obj !== "object" || obj === null || Array.isArray(obj)) {
-    return {};
-  }
-  return Object.entries(obj).reduce((acc, [key, value]) => {
-    const filterKey = ["_checkbox", "_seq"];
-    if (!filterKey.includes(key)) {
-      acc[key] = typeof value === "object" ? filterUnderscoreProps(value) : value;
-    }
-    return acc;
-  }, {});
-};
-
-
-/**
- * 根据 obj 对象的值修改 properties 数组中对应项的指定属性
- * @param {Object} obj
- * @param {Array} properties
- * @param {string} key
- */
-const updateProperties = (obj, properties, key, propertiesMap) => {
-  if (!obj || Object.keys(obj).length === 0) return;
-  const map = propertiesMap || new Map(properties.map((item, index) => [item.name, index]));
-  Object.entries(obj).forEach(([name, value]) => {
-    const index = map.get(name);
-    if (index !== undefined && properties[index]) {
-      properties[index][key] = value;
-      //fixed
-      if (key === "lockAlign") {
-        properties[index]["lock"] = value ? true : false;
-      }
-    }
-  });
-};
-
-
-/**
- * 属性根据sortData排序
- * @param {Array} properties
- * @param {Object} sortData
- */
-const sortPropertiesInPlace = (properties, sortData) => {
-  const sortOrder = {};
-  Object.entries(sortData || {})
-    .sort((a, b) => a[1] - b[1])
-    .forEach(([key], index) => {
-      sortOrder[key] = index;
-    });
-
-  properties.sort((a, b) => {
-    const aOrder = sortOrder[a.name];
-    const bOrder = sortOrder[b.name];
-
-    if (aOrder !== undefined && bOrder !== undefined) {
-      return aOrder - bOrder;
-    }
-    if (aOrder !== undefined) return -1;
-    if (bOrder !== undefined) return 1;
-    return 0;
-  });
-};
-
-/**
- * 列设置操作
- */
-const handleCustom = async ({ type, $grid }) => {
-  // 恢复默认
-  if (type === "reset") {
-    const loading = EleMessage.loading("恢复默认中..");
-    const message = await resetCommonConfig({ refid: props.refid }).catch(err => {
-      EleMessage.error(err.message);
-      loading.close();
-    });
-    if (message) {
-      EleMessage.success(message);
-    }
-    loading.close();
-  }
-
-  //确认
-  if (type === "confirm") {
-    //获取当前列配置
-    const { sortData, ...columnsData } = filterUnderscoreProps($grid?.getCustomStoreData());
-
-    const properties = JSON.parse(JSON.stringify([...sohelpConfig.value.properties])).map(item => {
-      return {
-        ...item,
-        list: sohelpConfig.value.list.includes(item.name)
-      };
-    });
-
-    const propertiesMap = new Map(properties.map((item, index) => [item.name, index]));
-
-
-    //修改对应的field
-    const fieldMapping = {
-      fixedData: "lockAlign",
-      resizableData: "width",
-      visibleData: "list"
-    };
-    // 修改属性
-    Object.entries(columnsData).forEach(([key, value]) => {
-      updateProperties(value, properties, fieldMapping[key], propertiesMap);
-    });
-    //根据sortData排序
-    sortPropertiesInPlace(properties, sortData);
-    const loading = EleMessage.loading("保存配置中..");
-
-    const message = await updateCommonConfig({
-      refid: props.refid,
-      properties: properties.map(item => {
-        return {
-          name: item.name,
-          width: item.width,
-          list: item.list,
-          lockAlign: item.lockAlign,
-          lock: item.lock
-        };
-      })
-    }).catch(err => {
-      EleMessage.error(err.message);
-      loading.close();
-    });
-    if (message) {
-      EleMessage.success(message);
-    }
-
-    //清除缓存
-    moduleCache?.clear();
-    loadConfig();
-
-    localStorage.setItem("VXE_CUSTOM_STORE", "");
-    loading.close();
-  }
-};
-
-
-/**
- * 更新columns过滤状态
- */
-const updateColumnsFilter = () => {
-  const $grid = sohelpVxeGridRef.value;
-  if ($grid && filterValue.value.filter?.length) {
-    filterValue.value.filter?.forEach((item) => {
-      $grid.setFilter(item.name, [
-        {
-          checked: item.value?.length > 0
-        }
-      ]);
-    });
-  }
-};
-
-
-/**
- * 计算公式
- * @param row
- * @param column
- */
-const editClosed = (props) => {
-  const { row, column } = props;
-  Object.entries(formulaMap).forEach(([key, value]) => {
-    try {
-      const formulaValue = formulaMap[key]["formulaValue"];
-      if (formulaValue.indexOf(column.field) > 0) {
-        const str = formulaValue.replace(/\s+/g, "")
-          .replace(/\${/g, "row.")
-          .replace(/}/g, "");
-        const v = new Function("row", `return ${str}`)(row);
-        if (!Number.isNaN(v)) {
-          row[key] = v;
-        }
-      }
-    } catch (e) {
-      console.error("计算公式错误：", e);
-      EleMessage.error("计算公式错误：", e.message);
-    }
-    nextTick(() => {
-      if (row[column.property] && row[column.property].toString().trim() !== "") {
-        sohelpVxeGridRef.value?.clearValidate([column.property]);
-      }
-    });
-  });
-  emit("editClosed", props);
-};
-
-const validate = async () => {
-  const $grid = sohelpVxeGridRef.value;
-  if ($grid) {
-    const errMap = await $grid.fullValidate(true);
-    return errMap || false;
-  }
-};
-
-const currentColumnChange = (props) => {
-  emit("currentColumnChange", props);
-};
-
-const columnCheckbox = ref(false);
-const toggleAllEvent = () => {
-  const $grid = sohelpVxeGridRef.value
-  if ($grid) {
-    $grid.toggleCustomAllCheckbox()
-  }
-}
-
-const settingClick = (command) => {
-  const baseUrl = SohelpHttp.getBaseUrl();
-  const { refid,extendEntity,name } = sohelpConfig.value;
-  if(refid && name){
-    const url = {
-      form: baseUrl + `/dev/index.html#/dev/form?datasource=default&name=${extendEntity}&refid=${refid}`,
-      entity: baseUrl + `/dev/index.html#/dev/module/entity?datasource=default&name=${extendEntity}`,
-      workflow: baseUrl + `/dev/index.html#/dev/form?datasource=default&name=${extendEntity}&refid=${refid}&tab=workflow`,
-      grid: baseUrl + `/dev/index.html#/dev/module/grid?refid=${refid}`,
-      module: baseUrl+`/dev/index.html#/dev/module?name=${refid}`,
-    }
-    if(command === 'module' && !extendEntity){
-      url.module = baseUrl+`/dev/index.html#/dev/module?name=${name}`;
-    }
-    window.open(url[command],'_blank');
-  }
-}
-/**
- * 设置复选框行键
- * @param row 行数据
- * @param checked 是否选中
- */
-const setCheckboxRowKey = (row, checked) => {
-  nextTick(() => {
-    sohelpVxeGridRef.value?.setCheckboxRowKey(row, checked);
-  })
-}
-
-
-const setRadioRowKey = (key, checked) => {
-  nextTick(() => {
-    sohelpVxeGridRef.value?.setRadioRowKey(key, checked);
-  })
-}
-
-/**
- * 获取选中的记录
- */
-const getCheckboxRecords = () => {
-  return sohelpVxeGridRef.value?.getCheckboxRecords();
-};
-/**
- * 获取保留的记录
- */
-const getCheckboxReserveRecords  = (isFull="false") => {
-  return sohelpVxeGridRef.value?.getCheckboxReserveRecords(isFull);
-}
-
-
-
-
-/**
- * 监听是否被选中，更新工具栏批量操作
- */
-watch(
-  () => selections.value,
-  (val) => {
-    const isDisabled = val.length < 1;
-    if (batchButtonsIndex.value?.length > 0) {
-      batchButtonsIndex.value.forEach(idx => {
-        gridOptions.toolbarConfig.buttons[idx].disabled = isDisabled;
-      });
-    }
-  }
-);
-
-watch(
-  () => props.refid, (refid) => {
-    //加载列表配置
-    loadConfig();
-  }, {
-    immediate: true
-  });
-
-
-
-defineExpose({
-  getData,
-  getCrudUpdater,
-  resetFilter,
-  refresh,
-  loadConfig,
-  reload,
-  load,
-  validate,
-  setCheckboxRowKey,
-  getCheckboxRecords,
-  getCheckboxReserveRecords,
-  setRadioRowKey,
-  selections
-});
-</script>
-
-<template>
-  <vxe-grid
-    v-bind="gridOptions"
-    ref="sohelpVxeGridRef"
-    @menuClick="menuRightClick"
-
-    @checkboxChange="({checked}) => onCheckboxChange(checked,'row')"
-    @checkboxAll="({checked}) => onCheckboxChange(checked,'all')"
-    @radioChange="radioChange"
-
-    class="sohelp-grid-view"
-    :id="getId()"
-    v-on="gridEvents"
-    @filter-change="handleFilterChange"
-    @custom="handleCustom"
-    @cellClick="cellClick"
-    @editClosed="editClosed"
-    @header-cell-menu="headerCellMenu"
-    :key="sohelpConfig.uuid"
-    :keep-source="true"
-    @currentColumnChange="currentColumnChange"
-    @filter-visible="filterVisible"
-  >
-
-    <!--  自定义列设置 -->
-    <template #setting>
-      <div class="column-setting">
-        <vxe-checkbox @change="toggleAllEvent" v-model="columnCheckbox">全选</vxe-checkbox>
-        <vxe-pulldown  trigger="click" :transfer="true"  :show-popup-shadow="true" v-if="userStore.info.is_developer">
-          <template #default>
-            <el-link :icon="Setting" :underline="false"/>
-          </template>
-          <template #dropdown>
-            <ele-card shadow="always">
-              <el-space direction="vertical" :size="5" alignment="flex-start">
-                <el-link :title="sohelpConfig?.refid" :icon="Memo" @click="settingClick('grid')" :underline="false" style="font-size:12px;"><span style="padding:0 5px;">列表配置</span></el-link>
-                <el-link :title="sohelpConfig?.extendEntity" :icon="Menu" @click="settingClick('entity')" :underline="false" style="font-size: 12px;"  v-if="sohelpConfig.extendEntity"><span style="padding:0 5px;">实体配置</span></el-link>
-                <el-link :title="sohelpConfig?.refid" :icon="Grid" @click="settingClick('module')" :underline="false" style="font-size: 12px;"><span style="padding:0 5px;">模块配置</span></el-link>
-              </el-space>
-            </ele-card>
-          </template>
-        </vxe-pulldown>
-      </div>
-    </template>
-
-    <!--定义国际化I18n-->
-    <template
-      v-for="item in sohelpConfig?.properties?.map(item => item)"
-      #[`header_${item.name}`]="{ column, rowIndex }"
-      :key="item.name"
-    >
-      {{ item.i18n ? t(item.i18n) : item.label }}
-    </template>
-
-    <!--自定义定义分页--->
-    <template #pager>
-      <vxe-pager
-        v-if="gridOptions.pagerConfig.enabled"
-        v-model:currentPage="gridOptions.pagerConfig.currentPage"
-        v-model:pageSize="gridOptions.pagerConfig.pageSize"
-        :total="gridOptions.pagerConfig.total"
-        @page-change="pageChangeEvent"/>
-    </template>
-
-    <!-- 高级筛选 -->
-    <template
-v-for="field in Object.values(propertiesMap).filter(item => item.query)" :key="field.name"
-              #[`filter_${field.name}`]="{ column }">
-      <div v-for="(option, index) in column.filters" :key="index" class="condition-box">
-        <filter-condition-item
-          :key="field.name"
-          v-model="getCurrentFilter(field.name).value"
-          :properties="propertiesMap[field.name]"
-          :teleported="false"
-        />
-      </div>
-    </template>
-
-    <!-- 工具栏 -->
-    <template #toolbarTools>
-      <div class="toolbar-box">
-        <!-- 查看范围 -->
-        <div class="power-box">
-          <sohelp-power @change="changePower" v-if="sohelpConfig?.filter?.config?.visibleDataRange"/>
-        </div>
-
-        <div class="search-box" v-if="sohelpConfig?.filter?.config?.visibleKeywords && sohelpConfig?.filter?.keywords.length>0 ">
-          <!-- 关键字 -->
-          <ele-tooltip :content="getKeywordsPlaceholder" placement="top" :offset="3">
-            <sohelp-input
-:model-value="filterValue.keywords" @update:model-value="keywordsChange"
-                          :placeholder="getKeywordsPlaceholder" clearable
-                          @keyup.enter="filter" size="small" style="width: 160px;">
-              <template #append>
-                <el-button :icon="Search" @click="filter" size="small" />
-              </template>
-            </sohelp-input>
-          </ele-tooltip>
-          <el-button size="small" :icon="Refresh" @click="resetFilter">{{ t("grid.toolbar.reset") }}</el-button>
-        </div>
-
-        <div class="tools-btns">
-          <sohelp-drop-card
-:title="t('grid.toolbar.sort')" :icon="Sort" ref="sohelpSortRef"
-                            v-if="sohelpConfig?.filter?.config?.visibleSort && sortList.length > 0">
-            <div class="sort-list">
-              <ele-card
-v-for="item in sortList" :key="item.title" :header="item.title"
-                        :bodyStyle="{padding: '0'}"
-                        :headerStyle="{fontSize: '14px', fontWeight: 'normal', padding: '5px 0'}">
-                <template #extra>
-                  <ele-text
-:icon="SortUp" style="cursor: pointer;" :underline="false" size="sm"
-                            @click="sortCommand(item.field,'asc')" plain :type="isActiveSort(item.field,'asc')">
-                    {{ t("grid.toolbar.asc") }}
-                  </ele-text>
-                  <ele-text
-:icon="SortDown" style="cursor: pointer;margin-left:5px!important" :underline="false"
-                            size="sm" @click="sortCommand(item.field,'desc')" plain
-                            :type="isActiveSort(item.field,'desc')">{{t("grid.toolbar.desc")}}
-                  </ele-text>
-                </template>
-              </ele-card>
-            </div>
-          </sohelp-drop-card>
-          <el-button :icon="Filter" size="small"
-                     @click="showFilter()"
-                     plain
-                     :type="(sohelpConfig?.filter?.config?.visibleFilter && sohelpConfig?.filter?.config?.filterPosition !== 'NONE')?'primary':''"
-                     v-if="sohelpConfig?.filter?.config?._visibleFilter"/>
-          <ele-tooltip v-if="importAuthority" :content="'批量导入数据'" placement="top" :offset="3">
-            <el-button size="small" plain :icon="ElementPlusIcons.Upload" @click="openImport" />
-          </ele-tooltip>
-          <ele-tooltip v-if="exportAuthority" :content="'批量导出数据'" placement="top" :offset="3">
-            <el-dropdown @command="exportData">
-              <el-button size="small" plain :icon="ElementPlusIcons.Download"/>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item :command="0" :disabled="!selections || selections.length === 0">
-                    <el-icon><Memo /></el-icon>
-                    <span style="margin-left:6px;">导出选中数据</span>
-                  </el-dropdown-item>
-                  <el-dropdown-item :command="1">
-                    <el-icon><Files /></el-icon>
-                    <span style="margin-left:6px;">当前页数据</span>
-                  </el-dropdown-item>
-                  <el-dropdown-item :command="2">
-                    <el-icon><Grid /></el-icon>
-                    <span style="margin-left:6px;">全部记录数据</span>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </ele-tooltip>
-        </div>
-      </div>
-    </template>
-
-
-    <!-- 未编辑状态 -->
-    <template
-      v-for="name in sohelpConfig?.properties?.map(item => item.name)"
-      #[`default_${name}`]="{ row, column, rowIndex }"
-      :key="name"
-    >
-      <div style=" display: flex; justify-content: right;" :style="{ justifyContent: getAlign(propertiesMap[name].align)}">
-
-        <!-- 字典 -->
-        <sohelp-dict
-          type="text"
-          v-model="row[name]"
-          v-if="column.type === 'SohelpDict'"
-          v-bind="column.editRender"
-        />
-        <!-- 图片 -->
-        <sohelp-image-upload
-          v-else-if="column.type === 'SohelpImageUpload'"
-          v-model="row[name]"
-          v-bind="column.editRender"
-          :data="getCellValue(rowIndex,name)"
-          :readonly="!column.editRender.edit"
-        />
-        <!-- 附件 -->
-        <sohelp-file-upload
-          v-else-if="column.type === 'SohelpFileUpload'"
-          v-model="row[name]"
-          v-bind="column.editRender"
-          :data="getCellValue(rowIndex,name)"
-          :readonly="!column.editRender.edit"
-        />
-
-        <!-- 下拉选择表格 -->
-        <div v-else-if="column.type === 'SohelpTableSelect' || column.type === 'ORG' || column.type ==='USER'">
-          <span>{{ getTableSelectLabel(row[name], rowIndex, name, column) }}</span>
-        </div>
-
-        <!-- 评分 -->
-        <sohelp-rate
-          v-else-if="column.type==='SohelpRate'"
-          v-model="row[name]"
-          v-bind="column.editRender"
-          :disabled="!column.editRender.edit"
-          show-score
-          score-template="{value} 分"
-          style="min-width: 150px"
-        />
-
-        <!-- 进度 -->
-        <sohelp-process
-          v-else-if="column.type==='SohelpProcess'"
-          v-model="row[name]"
-          v-bind="column.editRender"
-          style="width: 100%"
-          :readonly="!column.editRender.edit"
-        />
-
-
-        <!-- 下拉用户选择 -->
-        <div v-else-if="column.type === 'SohelpUserSelect'">
-          {{ gridData[rowIndex][name]?.["user_name"] }}
-        </div>
-
-        <!-- 下拉组织选择 -->
-        <div v-else-if="column.type === 'SohelpOrgTreeSelect'">
-          {{ gridData[rowIndex][name]?.["org_name"] }}
-        </div>
-
-        <!-- 开关 -->
-        <div v-else-if="column.type==='SohelpSwitch' || column.type === 'SohelpCheckbox'">
-          <span v-if="!column.editRender.edit">
-            {{ !!row[name] ? "V" : "" }}
-          </span>
-          <sohelp-switch
-            v-model="row[name]"
-            v-bind="column.editRender"
-            style="width: 100%;"
-            v-else
-            :activeValue="1"
-            :inactiveValue="0"
-          />
-        </div>
-
-        <!-- 文本域 -->
-        <p
-          style="margin: 0;"
-          class="textarea-reference"
-          @click="showTextareaModal(column, name, row)"
-          v-bind="column.editRender"
-          v-else-if="column.type === 'SohelpTextarea'"
-        >{{ row[name] }}
-        </p>
-
-        <!-- 外键关联 -->
-        <div v-else-if="column.type === 'RELATION' || column.type === 'SohelpTableSelect'">
-          {{ gridData[rowIndex][name]?.[column?.editRender?.labelField] || "" }}
-        </div>
-
-        <!-- 富文本 -->
-        <div v-else-if="column.type === 'SohelpRichText'" v-html="row[name]"></div>
-
-        <div v-else>
-          {{ row[name] }}
-        </div>
-      </div>
-    </template>
-
-    <!-- 可编辑状态 -->
-    <template
-      v-for="name in sohelpConfig?.properties?.map(item => item.name)"
-      #[`edit_${name}`]="{ row, column, rowIndex }"
-      :key="name"
-    >
-      <div v-if="column.editRender.enabled">
-        <!-- 字典 -->
-        <sohelp-dict
-          v-model="row[name]"
-          :code="column.dict"
-          v-if="column.type === 'SohelpDict'"
-          v-bind="column.editRender"
-          style="width: 100%;"
-          :visible="true"
-        />
-
-
-        <!-- 下拉用户选择 -->
-        <sohelp-number-input
-          v-model="row[name]"
-          v-else-if="column.type==='SohelpInputNumber'"
-          v-bind="column.editRender"
-          style="width: 100%;"
-        />
-
-        <!-- 日期、日期时间 -->
-        <sohelp-datetime
-          v-model="row[name]"
-          v-else-if="column.type==='SohelpDatetime' || column.type==='SohelpDate'"
-          v-bind="column.editRender"
-          style="width: 100%;"
-          :focus="true"
-        />
-
-        <!-- 下拉用户选择 -->
-        <sohelp-user-select
-          v-else-if="column.type==='SohelpUserSelect'"
-          v-model="row[name]"
-          v-bind="column.editRender"
-          :datasource="userDatasource"
-        />
-
-        <!-- 下拉组织机构 -->
-        <sohelp-org-tree-select
-          v-else-if="column.type==='SohelpOrgTreeSelect'"
-          v-model="row[name]"
-          v-bind="column.editRender"
-          :datasource="orgDatasource"
-        />
-
-<!-- 外键关联 -->
-        <sohelp-table-select v-else-if="column.type==='SohelpTableSelect'"
-          v-model="row[name]"
-          v-model:data="gridData[rowIndex][name]"
-          v-bind="column.editRender"
-        />
-
-        <!-- 数值 -->
-        <sohelp-number-input
-          v-model="row[name]"
-          v-else-if="column.type==='SohelpNumberInput'"
-          v-bind="column.editRender"
-          style="width: 100%;"
-          :autoFocus="true"
-        />
-
-        <!-- 其他 -->
-        <sohelp-input
-          v-model="row[name]"
-          v-bind="column.editRender"
-          :autoFocus="true"
-          v-else
-          style="width: 100%;"
-          :show-word-limit="false"
-        />
-      </div>
-    </template>
-
-    <!-- 操作栏 -->
-    <template #_operation="{ row, column }">
-      <el-space :size="10">
-        <el-link
-          v-for="(item) in getOperationButtonsByType(row, column)"
-          :key="item.code"
-          :type="item.code === 'crud.delete' ? 'danger' : 'primary'"
-          v-bind="item.params"
-          @click="operationHandler({button:item, row:row,$grid:sohelpVxeGridRef})"
-        >
-          <el-icon v-if="item.icon" style="margin-right: 5px;">
-            <component :is="ElementPlusIcons[item.icon]" v-if="ElementPlusIcons[item.icon]" />
-            <component :is="EleAdminPlusIcons[item.icon]" v-else-if="EleAdminPlusIcons[item.icon]" />
-            <span :class="item.icon" v-else></span>
-          </el-icon>
-          {{ item.title }}
-        </el-link>
-        <!-- 更多 -->
-        <el-dropdown v-if="getOperationButtonsByType(row, column,'more')?.length > 0">
-          <el-link :underline="false">
-            <span>更多</span>
-            <el-icon style="margin-left: 4px;">
-              <arrow-down />
-            </el-icon>
-          </el-link>
-          <template #dropdown>
-            <el-dropdown-menu>
-              <el-dropdown-item
-v-for="item in getOperationButtonsByType(row, column, 'more')" :key="item.code"
-                                @click.stop="operationHandler({button:item, row:row,$grid:sohelpVxeGridRef})"
-                                v-bind="item.props">
-                <el-icon v-if="item.icon">
-                  <component :is="ElementPlusIcons[item.icon]" v-if="ElementPlusIcons[item.icon]" />
-                  <component :is="EleAdminPlusIcons[item.icon]" v-else-if="EleAdminPlusIcons[item.icon]" />
-                  <span :class="item.icon" v-else></span>
-                </el-icon>
-                {{ item.title }}
-              </el-dropdown-item>
-            </el-dropdown-menu>
-          </template>
-        </el-dropdown>
-        <slot name="_operation" :row="row"></slot>
-      </el-space>
-    </template>
-
-    <!-- 统计 -->
-    <template
-      v-for="field in footerData"
-      #[`footer_${field["field"]}`]="{ row, column,rowIndex}"
-    :key="field['field']"
-    >
-    <div v-html="row[column.field]"></div>
-</template>
-
-<!-- 验证 -->
-<template #valid_slot="{content}">
-  {{ content }}
-</template>
-
-
-<template v-for="(_,name) in $slots" #[name]="{row, column}">
-    <slot :name="name" :row="getRowDataByField(column,row)" :column="column"></slot>
-  </template>
-
-</vxe-grid>
-
-<!-- workflow -->
-<workflow-drawer
-  :data="drawerData"
-  v-model="drawerVisible"
-  :showOpera="false"
-  ref="todoDrawerRef"
-  :key="drawerKey"
-/>
-
-<!-- 提交审批 -->
-<approval-modal
-  v-model="approvalModalVisible"
-  type="submit"
-  :data="approvalData"
-  @confirm="reload"
-/>
-
-<!-- SohelpTextareaInput 编辑弹窗 -->
-<ele-modal :width="460" v-model="textareaState['visible']" :title="getCurrentFieldLabel">
-<sohelp-textarea-input v-model="textareaState['value']" :rows="6"/>
-<template #footer>
-  <el-button @click="textareaCancel">{{ t("common.cancel") }}</el-button>
-  <el-button type="primary" @click="textareaConfirm(row, column)">{{ t("common.save") }}</el-button>
-</template>
-    </ele-modal>
-
-    <!--实体表单-->
-    <sohelp-modal
-               :title="toolbarButtonParams?.title || ''"
-               :width="toolbarButtonParams?.width || 860"
-               :draggable="false"
-               v-model="visibleEntityForm" v-loading="loading">
-               <template #setting v-if="userStore.info.is_developer">
-                <ele-dropdown
-                  :items="[
-                      { title: '表单配置', command: 'form' , icon:Postcard},
-                      { title: '实体配置', command: 'entity', icon:Tickets},
-                      { title: '流程配置', command: 'workflow', icon:Files },
-                       { title: '模块配置', command: 'module', icon:Grid }
-                  ]"
-                  @command="settingClick"
-                >
-                  <el-link :icon="Setting" :underline="false"/>
-                </ele-dropdown>
-              </template>
-
-
-      <sohelp-entity-form ref="entityFormRef" :refid="props.refid.split('!')[0]" v-model="entityFormValue"
-      :data="entityFormData" :config="entityFormConfig" :readonly="toolbarButtonParams?.readonly" :saveParams="saveParams" />
-      <template #footer v-if="!toolbarButtonParams?.readonly">
-        <el-button @click="closeEntityForm()">{{ t("common.close") }}</el-button>
-        <el-button type="primary" @click="saveEntityForm()" v-loading="loading">{{ t("common.save") }}</el-button>
-      </template>
-    </sohelp-modal>
-    <!--打印报表-->
-    <ele-modal
-:title="toolbarButtonParams?.title|| t('grid.report.title')" :width="toolbarButtonParams?.width|| 600"
-               v-model="visibleReport">
-
-    <ele-check-card v-model="currentReportValue" :items="reportData" :row="{ gutter: 2 }">
-      <template #item="{ item }">
-        <ele-text size="md" style="padding:10px;">{{ item.name }}</ele-text>
-      </template>
-    </ele-check-card>
-
-    <template #footer>
-      <el-button @click="closeReport()">{{ t("common.close") }}</el-button>
-      <el-button @click="designReport()" v-if="reportData && reportData.length>0">{{ t("common.design") }}</el-button>
-      <el-button type="primary" @click="openReport()" v-if="reportData && reportData.length>0">{{ t("common.print") }}
-      </el-button>
-    </template>
-    </ele-modal>
-    <!--数据导入-->
-    <sohelp-import
-      :model-value="importVisible"
-      :refid="props.refid"
-      :fields="sohelpConfig?.properties || []"
-      @update:modelValue="(v) => importVisible = v"
-      @close="closeImport"
-    />
-  </template>
-
-<style scoped lang="scss">
-.sohelp-grid-view {
-  padding: 0px;
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-
-  :deep(.vxe-grid--table-wrapper) {
-    .vxe-table {
-      height: 100%;
-    }
-  }
-
-
-  .toolbar-box {
-    display: flex;
-    gap: 10px;
-    flex-wrap: wrap;
-
-    .tools-btns {
-      display: flex;
-      gap: 10px;
-      margin-right: 10px;
-
-      :deep(.el-button) {
-        margin-left: 0 !important;
-      }
-    }
-  }
-
-  .ele-split-panel {
-    :deep(.ele-split-panel-side) {
-      border: none !important;
-    }
-  }
-
-  .vxe-grid {
-    height: 100%;
-
-    :deep(.vxe-grid--layout-body-content-wrapper) {
-      display: flex;
-      flex-direction: column;
-
-      .vxe-grid--table-container {
-        flex: 1;
-      }
-    }
-
-    :deep(.col--SohelpImageUpload) {
-      .vxe-cell--wrapper {
-        overflow: initial !important;
-      }
-    }
-
-    :deep(.vxe-table--render-default) {
-      .vxe-body--row.row--stripe > .vxe-body--column {
-        // background-color: transparent;
-      }
-    }
-
-  }
-}
-
-.sort-list :deep(.el-button:focus),
-.sort-list :deep(.el-button:hover) {
-  background-color: #e8f1ff !important;
-  color: #1677ff !important;
-}
-
-.filter-header {
-  border-bottom: 1px solid #ddd;
-  display: flex;
-  width: 100%;
-  height: 35px;
-  line-height: 40px;
-  box-sizing: border-box;
-  margin: 0 0 0 10px;
-}
-
-.sohelp-grid-view.right {
-  .ele-split-panel {
-    :deep(.ele-split-panel-side) {
-      height: 100% !important;
-      border: 0;
-      display: flex;
-      flex-direction: column;
-      border-left: 1px solid #ddd !important;
-    }
-  }
-}
-
-:deep(.tooltip-btn) {
-  margin-left: 5px;
-  height: 22px;
-  line-height: 22px;
-  margin-top: 2px;
-  padding: 0px 5px !important;
-}
-
-:deep(.vxe-cell--wrapper) {
-  height: 100%;
-}
-
-.textarea-reference {
-  display: flex;
-  height: 100%;
-}
-
-:deep(.ele-split-panel.is-vertical) {
-  .ele-split-panel-wrap > .ele-split-panel-space .ele-split-resize-line::after {
-    background: #eee;
-  }
-}
-
-.condition-box {
-  padding: 10px;
-}
-
-.sohelp-filter-card.right {
-  height: 100%;
-  overflow: hidden;
-
-  :deep(.ele-card-header) {
-    min-width: 230px;
-  }
-
-  :deep(.ele-card-body) {
-    height: 100% !important;
-  }
-}
-
-.column-setting{
-  padding: 5px 10px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-
-
-.vxe-grid{
-  :deep(.vxe-grid--toolbar-wrapper){
-   .vxe-button--dropdown{
-    .vxe-button--dropdown-panel{
-      .vxe-button{
-        padding-left: 5px!important;
-        text-align: left;
-      }
-    }
-
-   }
-  }
-}
-
-</style>
+<script>
+  export default {
+    name: "SohelpGrid"
+  }
+</script>
+<script setup>
+import { Filter, Search, Sort, SortDown, SortUp,Setting,Memo,Menu,Tickets,Postcard, Files, Grid, Refresh} from "@element-plus/icons-vue";
+import { useMobile } from "@/utils/use-mobile";
+import { usePermission } from "@/utils/use-permission";
+import DefaultProps from "./js/DefaultProps";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import DefaultGridOptions from "./js/DefaultGridOptions";
+import { calcSummary, switchGridValue } from "./js/SohelpGridConfig";
+import { EleMessage } from "@/components/ele-admin-plus/components";
+import { ElMessageBox } from "element-plus/es";
+import { safeEval, safeFunctionExec } from '../utils/safe-eval.js';
+import { useFormData } from "@/utils/use-form-data";
+import { sanitizeHtml } from "@/utils/sanitize-html";
+import { resetCommonConfig, updateCommonConfig } from "../http/ModuleHttp.js";
+import CrudHttp from "../http/CrudHttp.js";
+import {merge, cloneDeep } from "lodash-es";
+import { uuid } from "../utils/core.js"
+
+import ApprovalModal from "../sohelp-workflow-drawer/components/approval-modal.vue";
+import WorkflowDrawer from "../sohelp-workflow-drawer/index.vue";
+
+import SohelpTextareaInput from "../sohelp-textarea-input/index.vue";
+import SohelpPower from "../sohelp-power/index.vue";
+import FilterConditionItem from "./components/filter-condition-item.vue";
+import { useSohelpGridConfig } from "./js/useSohelpGridConfig.js";
+import { useI18n } from "vue-i18n";
+import SohelpEntityForm from "../sohelp-entity-form/index.vue";
+import * as ElementPlusIcons from '@element-plus/icons-vue';
+import * as EleAdminPlusIcons from '@/components/icons';
+import { moduleCache } from "../cache/ModuleCache.js";
+import SohelpModal from "../sohelp-modal/index.vue";
+import SohelpImport from "../sohelp-import/index.vue";
+import { useUserStore } from '@/store/modules/user';
+import { Alert } from "vxe-pc-ui";
+const { initial, isConfigDone } = useSohelpGridConfig();
+const { t } = useI18n();
+const { mobile } = useMobile();
+const permission = usePermission();
+const props = defineProps({ ...JSON.parse(JSON.stringify(DefaultProps)) });
+const emit = defineEmits(["resetFilter", "checkboxAll", "checkboxChange","radioChange", "toolbarButtonClick", "operationButtonClick", "menuRightClick", "showFilter", "editClosed", "currentColumnChange"]);
+const drawerKey = ref(0);
+const todoDrawerRef = ref(null);
+const drawerVisible = ref(false);
+const drawerData = ref(null);
+const current = ref(null);
+const isPage = ref(false);
+const approvalModalVisible = ref(false);
+const approvalData = ref({});
+const userStore = useUserStore();
+
+//报表打印
+const currentReportValue = ref(null);
+const visibleReport = ref(false);
+const reportData = ref([]);
+const currentRow = ref(null);
+
+/** 自动生成ID */
+const getId = () => {
+  return 'sohelp-grid-' + uuid();
+}
+
+/** 对齐方式映射 */
+const getAlign = (align) => {
+  const alignMap = {
+    'left': 'flex-start',
+    'center': 'center',
+    'right': 'flex-end',
+    '': 'flex-start'
+  };
+  return alignMap[align] || 'flex-start';
+}
+
+const loadReport = () => {
+  SohelpHttp.get("/engine/web/report/list", { refid: props.refid }).then(res => {
+    if (res.meta.success) {
+      reportData.value = res.data.map(item => ({
+        value: item.refid,
+        refid: item.refid,
+        name: item.name,
+        createDate: item.createDate
+      }));
+      if (reportData.value.length > 0) {
+        currentReportValue.value = reportData.value[0].refid;
+      }
+    } else {
+      EleMessage.error(res.meta.message);
+    }
+  });
+};
+
+const designReport = () => {
+  if (!currentReportValue.value || !currentRow?.value?.id) {
+    EleMessage.error("请选择报表模板或报表数据!");
+    return;
+  }
+  const baseURl = SohelpHttp.getBaseUrl();
+  const url = baseURl.endsWith("/") ? baseURl : baseURl + "/";
+  window.open(url + `ureport/designer?_u=${currentReportValue.value}&id=${currentRow?.value?.id}&refid=${currentReportValue?.value}`);
+};
+const openReport = () => {
+  if (!currentReportValue.value || !currentRow?.value?.id) {
+    EleMessage.error("请选择报表模板或报表数据!");
+    return;
+  }
+  const baseURl = SohelpHttp.getBaseUrl();
+  const url = baseURl.endsWith("/") ? baseURl : baseURl + "/";
+  window.open(url + `ureport/preview?_u=${currentReportValue.value}&id=${currentRow?.value?.id}&refid=${currentReportValue?.value}`);
+};
+const closeReport = () => {
+  visibleReport.value = false;
+};
+
+// 操作栏按钮配置
+const operationsButtons = reactive({});
+
+const loading = ref(false);
+//显示实体表单
+const visibleEntityForm = ref(false);
+//当前工具栏配置信息
+const toolbarButtonParams = ref({});
+const entityFormRef = ref(null);
+const entityFormData = ref({});
+const entityFormValue = ref({});
+const entityFormConfig = ref({});
+const closeEntityForm = () => {
+  visibleEntityForm.value = false;
+};
+
+/**
+ * 保存实体表单
+ */
+const saveEntityForm = async () => {
+  const v = await entityFormRef.value.validate();
+  if(v){
+    loading.value = true;
+      entityFormRef.value.save(props.saveParams, (res) => {
+        loading.value = false;
+        if (res.meta.success) {
+          refresh();
+          visibleEntityForm.value = false;
+        } else {
+          EleMessage.error(res.meta.message);
+        }
+      });
+  }
+};
+
+//配置加载状态
+// Grid配置
+const sohelpConfig = defineModel("config");
+// 过滤条件数据
+const filterValue = defineModel("filterValue", {
+  type: Object,
+  default: () => ({
+    keywords: "",
+    power: 0,
+    filter: [],
+    scheme: "",
+    sort: "",
+    order: ""
+  })
+});
+
+// 属性映射
+const propertiesMap = defineModel("propertiesMap");
+
+// Grid实例
+const sohelpVxeGridRef = ref(null);
+// GridOptions配置
+const gridOptions = reactive(cloneDeep(DefaultGridOptions));
+const batchButtonsIndex = ref(2);
+const sortValue = ref("");
+/**
+ * 缓存网格列表数据
+ * @type {UnwrapNestedRefs<*[]>}
+ */
+const gridData = reactive([]);
+/**
+ * 记忆原始过虑条件数据
+ * @type {Ref<UnwrapRef<string>>}
+ */
+const originFilterValue = ref("");
+
+/**
+ * 选中数据庥
+ * @type {Ref<UnwrapRef<*[]>>}
+ */
+const selections = ref([]);
+/**
+ * 网格列表底部数据
+ * @type {UnwrapNestedRefs<*[]>}
+ */
+const footerData = reactive([]);
+/**
+ * 定义计算公式
+ * @type {UnwrapNestedRefs<{}>}
+ */
+const formulaMap = reactive({});
+/**
+ * 定义合计数据
+ * @type {UnwrapNestedRefs<{}>}
+ */
+const summaryData = reactive({});
+
+/**
+ * 查看范围
+ * @type 类型
+ * @users 用户列表
+ */
+const changePower = (type, users) => {
+  filterValue.value.power = type;
+  if (type == 9) {
+    filterValue.value.powerUsers = users;
+  }
+  filter();
+};
+
+
+const getCellValue = (rowIndex, name) => {
+  return (gridData[rowIndex] && gridData[rowIndex][name]) ? gridData[rowIndex][name] : "";
+};
+
+/**
+ * 获取行原始数据
+ */
+const getRowDataByField = (column, row) => {
+  if(column.type === 'SohelpTableSelect'){
+    const {field} = column;
+    return gridData.find(item => item[field].id === row[field]) || row;
+  } else{
+    return row;
+  }
+}
+
+/**
+ * 获取关键字描述
+ */
+const getKeywordsPlaceholder = computed(() => {
+  if (sohelpConfig.value?.filter?.keywords?.length) {
+    return t("grid.toolbar.keywords") + " [" + sohelpConfig.value.filter?.keywords?.filter(key => propertiesMap.value[key]).map(key => t(propertiesMap.value[key].i18n) || propertiesMap.value[key].label).join(",") + "]";
+  }
+  return t("grid.toolbar.keywords");
+});
+
+
+/**
+ * SohelpTextareaInput弹窗标题
+ */
+const getCurrentFieldLabel = computed(() => {
+  return (propertiesMap.value?.[textareaState["field"]]?.label || "") + "修改";
+});
+
+const importVisible = ref(false);
+const importAuthority = computed(() => {
+    const prefix = (props.refid || '').split('!')[0] || '';
+    const authorityKey = prefix + ':batch.import';
+    return sohelpConfig.value?.importConfig?.enabled && permission.hasPermission(authorityKey);
+});
+const exportAuthority = computed(() => {
+    const prefix = (props.refid || '').split('!')[0] || '';
+    const authorityKey = prefix + ':batch.export';
+    return sohelpConfig.value?.exportConfig?.enabled && permission.hasPermission(authorityKey);
+});
+
+const openImport = () => {
+  try {
+    if (!props.refid) {
+      EleMessage.error('列表地址缺失，无法打开导入');
+      return;
+    }
+    importVisible.value = true;
+  } catch (e) {
+    EleMessage.error(typeof e === 'string' ? e : e?.message || '打开导入失败');
+  }
+};
+const closeImport = () => {
+  importVisible.value = false;
+};
+const exportData = async (dataRange) => {
+  if (dataRange === 0) {
+    const $grid = sohelpVxeGridRef.value;
+    const selected = $grid?.getCheckboxRecords() || [];
+    if (!selected.length) {
+      EleMessage.error("请先勾选需要导出的记录");
+      return;
+    }
+    const ids = selected.map((item) => item.id).filter((id) => id !== undefined && id !== null);
+    if (!ids.length) {
+      EleMessage.error("选中记录未包含可导出的ID");
+      return;
+    }
+    let last = 0;
+    let loadingTip = EleMessage.loading("导出中 0%");
+    try {
+      await SohelpHttp.download("/engine/web/export/download", {
+        refid: props.refid,
+        exportRange: dataRange,
+       ...filterValue.value,
+        ids: ids
+      }, "导出数据.xlsx", (loaded, total) => {
+        if (total > 0) {
+          const p = Math.floor((loaded / total) * 100);
+          if (p - last >= 5) {
+            loadingTip.close();
+            loadingTip = EleMessage.loading(`导出中 ${p}%`);
+            last = p;
+          }
+        }
+      });
+    } catch (e) {
+      EleMessage.error(typeof e === "string" ? e : e?.message || "导出失败");
+    } finally {
+      loadingTip.close();
+    }
+    return;
+  }
+  let last = 0;
+  let loadingTip = EleMessage.loading("导出中 0%");
+  try {
+    await SohelpHttp.download("/engine/web/export/download", {
+      refid: props.refid,
+      exportRange: dataRange,
+      filterValue: JSON.stringify(filterValue.value)
+    }, "导出数据.xlsx", (loaded, total) => {
+      if (total > 0) {
+        const p = Math.floor((loaded / total) * 100);
+        if (p - last >= 5) {
+          loadingTip.close();
+          loadingTip = EleMessage.loading(`导出中 ${p}%`);
+          last = p;
+        }
+      }
+    });
+  } catch (e) {
+    EleMessage.error(typeof e === "string" ? e : e?.message || "导出失败");
+  } finally {
+    loadingTip.close();
+  }
+};
+const keywordsChange = (val) => {
+  filterValue.value = {
+    ...filterValue.value,
+    keywords: val
+  };
+};
+
+/**
+ * 获取当前筛选
+ * @param field
+ */
+const getCurrentFilter = (field) => {
+  return computed({
+    get: () => {
+      return filterValue.value.filter?.find(f => f.name === field);
+    },
+    set: (newValue) => {
+      const newFilters = [...(filterValue.value.filter || [])];
+      const index = newFilters.findIndex(f => f.name === field);
+      if (index >= 0) {
+        newFilters[index] = { ...newFilters[index], ...newValue };
+      }
+      filterValue.value = { ...filterValue.value, filter: newFilters };
+    }
+  });
+};
+
+/**
+ *获取外键标签
+ */
+const getTableSelectLabel = (val, index, field, column) => {
+  if (!gridData[index] || !gridData[index][field]) {
+    return "";
+  }
+  let obj = gridData[index][field];
+  if (obj && typeof obj === "object") {
+    if (!Array.isArray(obj)) {
+      obj = [obj];
+    }
+    const { labelField = "label", valueField = "id" } = column.editRender;
+    const arr = Array.isArray(val) ? val : [val];
+    return obj.filter(item => arr.includes(item.id))?.map(row => row[labelField]).filter(Boolean).join(",");
+
+  } else {
+    return "";
+  }
+};
+
+/**
+ * 获取排序数据
+ */
+const sortList = computed(() => {
+  return sohelpConfig.value.filter?.sort?.map((field) => {
+    let p = propertiesMap.value[field];
+    return {
+      title: p?.label || field,
+      field: field
+    };
+  });
+});
+
+/**
+ * 排序点击事件
+ */
+const sortCommand = (field, order) => {
+  if (sohelpVxeGridRef.value) {
+    sohelpVxeGridRef.value.setSort({ field, order });
+  }
+  closeSortDropCard();
+};
+
+const isActiveSort = computed(() => {
+  return (field, order) => {
+    return sortValue.value === field + "!" + order ? "primary" : "";
+  };
+});
+
+/**
+ *
+ * @param val 监听高级筛选值变化
+ */
+const filterValueChange = (val) => {
+  //console.log('v', val);
+};
+
+/**
+ * 初始化数据
+ */
+const loadConfig = (param = {}) => {
+  initial(!props.isEntityGrid, props.refid)
+    .then((config) => {
+      /**配置刷新功能 */
+      config.gridOptions = {
+        ...config.gridOptions,
+        params: gridOptions.params ?? {},
+        toolbarConfig: {
+          ...config.gridOptions?.toolbarConfig,
+          refresh: true,
+          zoom: true
+        },
+        proxyConfig: {
+          autoLoad: false,
+          ajax: {
+            query: () => refresh()
+          }
+        }
+      };
+
+
+
+      //工具栏按钮权限
+      Object.assign(formulaMap, config.formulaMap);
+      Object.assign(gridOptions, config.gridOptions);
+
+
+      // 过滤位置
+      config.sohelpConfig.filter.config._visibleFilter = config.sohelpConfig?.filter.config.visibleFilter || false;
+      sohelpConfig.value = { ...config.sohelpConfig };
+
+      if (propertiesMap.value) {
+        Object.assign(propertiesMap.value, config.propertiesMap);
+      } else {
+        propertiesMap.value = config.propertiesMap;
+      }
+
+      Object.assign(footerData, config.footerData);
+      batchButtonsIndex.value = config.batchButtonsIndex;
+      sohelpConfig.value.list = config.sohelpConfig.list;
+
+
+
+      Object.assign(operationsButtons, config.operationsButtons);
+
+      if (!filterValue.value.filter) {
+        filterValue.value.filter = [];
+      }
+
+      Object.assign(filterValue.value.filter, config.sohelpConfig.filter?.field || []);
+      //存储原始查询数据，用于重置
+      originFilterValue.value = JSON.stringify(filterValue.value);
+
+      nextTick(() => {
+        if (sohelpVxeGridRef.value && props.autoLoad === true) {
+          sohelpVxeGridRef.value.commitProxy("query");
+        }
+      });
+    })
+    .catch((e) => {
+      console.error("Initial Configuration Error:", e);
+      EleMessage.error(e.message);
+    });
+};
+
+
+const gridValue = ref();
+
+
+const load = async (params = {}, callback) => {
+  //清空选中
+  selections.value = [];
+  gridOptions.loading = true;
+  gridOptions.params = params;
+  await isConfigDone();
+  const $grid = sohelpVxeGridRef.value;
+
+  if ($grid) {
+    const url = props.url || sohelpConfig.value.requestValue;
+    if (sohelpConfig.value.requestType != "crud" && !url) {
+      gridOptions.loading = false;
+      return { results: [], total: 0 };
+    }
+
+
+    let pageConfig = {};
+    // 是否分页
+    if (gridOptions.pagerConfig?.enabled) {
+      pageConfig.page = gridOptions.pagerConfig?.currentPage ?? 1;
+      pageConfig.limit = gridOptions.pagerConfig?.pageSize ?? 50;
+    }
+
+    //过滤条件筛选
+    params["filter"] = filterValue.value.filter?.filter(item => (item.comparison === "EMPTY" || item.comparison === "NOT_EMPTY") || item.value?.length > 0);
+    const res = await SohelpHttp.get(url, {
+      refid: props.refid,
+      ...filterValue.value,
+      ...params,
+      ...pageConfig
+    });
+
+
+
+    if (res?.meta?.success) {
+      if (res.data) {
+        gridOptions.pagerConfig.total = Number(res.data?.total);
+
+        const _data = res.data?.results || res.data || [];
+        Object.assign(gridData, JSON.parse(JSON.stringify(_data)));
+        gridValue.value = switchGridValue(_data);
+        $grid.loadData(gridValue.value);
+        Object.assign(summaryData, res.data?.summary || {});
+        updateColumnsFilter();
+        gridOptions.loading = false;
+        //统计
+        if (footerData.length > 0) {
+          gridOptions.footerData = updateSummary(res.data.results, res.data?.summary || {});
+          $grid?.refreshColumn();
+        }
+      }
+    } else {
+      EleMessage.error(res.meta.message);
+    }
+    gridOptions.loading = false;
+    //回调方法
+    if (callback && typeof callback === "function") {
+      callback(res);
+    }
+  }
+
+  emit('pageChange', gridOptions.pagerConfig);
+};
+
+/**
+ * 重新加载数据
+ */
+const reload = async (params = {}) => {
+  Object.assign(gridOptions.params, params);
+  await load(gridOptions.params);
+};
+
+
+/**
+ * 单元格点击更新 表尾统计
+ */
+const cellClick = () => {
+  const data = sohelpVxeGridRef.value?.getFullData();
+  gridOptions.footerData = updateSummary(data, summaryData);
+};
+
+/**
+ * 统计
+ */
+const updateSummary = (data, summaryMap = {}) => {
+  const arr = footerData.map(item => {
+    const field = data.map(f => {
+      let val = Number(f[item.field]);
+      return isNaN(val) ? 0 : val;
+    });
+
+    let value = calcSummary(field, item.type);
+    if (item.type === "remotesum") {
+      value = summaryMap[item.field] || "";
+    }
+
+    if (item.summaryRender) {
+      try {
+        value = safeEval(item.summaryRender, { value, $grid: sohelpVxeGridRef });
+      } catch (e) {
+        console.error("函数执行错误:", e);
+      }
+    }
+
+    return {
+      [item.field]: value
+    };
+  });
+
+  arr.unshift({ _seq: "统计" });
+  return [Object.assign({}, ...arr)];
+};
+
+
+/**
+ * 分页事件
+ */
+const pageChangeEvent = async (page) => {
+  isPage.value = true;
+  gridOptions.pagerConfig.currentPage = page.currentPage;
+  gridOptions.pagerConfig.pageSize = page.pageSize;
+  await reload();
+  emit('pageChange',gridOptions.pagerConfig)
+};
+
+
+/**
+ * 获取Common类型操作栏 并根据flw_id判断是否显示
+ * @param row
+ */
+const getOperationButtonsByType = computed(() => {
+  return (row, column, type = "common") => {
+    const $grid = sohelpVxeGridRef.value;
+    let common = operationsButtons?.[type] || [];
+    if (common.length > 0) {
+      if (Object.prototype.hasOwnProperty.call(row, "flw_id")) {
+        const field = row.flw_id === "0" ? "workflow.view" : "workflow.submit";
+        common = common.filter(f => f.code != field);
+      } else {
+        common = common.filter(f => !["workflow.submit", "workflow.view"].includes(f.code));
+      }
+      return common.map((button) => {
+        // 创建新对象，避免修改原按钮配置
+        const newButton = { ...button };
+        if(newButton.render && newButton.render?.length > 0) {
+          safeFunctionExec(newButton.render, ["$row","$button","$column","$grid"], [row, newButton, column, $grid]);
+        }
+        return newButton;
+      });
+    }
+    return [];
+  };
+})
+
+/**
+ * 行操作栏点击事件
+ * @param row
+ * @param item
+ */
+const operationHandler = ({ button, row, $grid }) => {
+
+
+  //操作栏事件执行
+  $grid.reload = reload;
+  $grid.refresh = refresh;
+  if (button.handler && typeof button.handler === "string") {
+    try {
+      (async () => {
+        const context = {
+          $message: EleMessage,
+          $SohelpModule: window.$SohelpModule,
+          $SohelpHttp: window.$SohelpHttp,
+          $confirm: (title, callback) => {
+            ElMessageBox.confirm(title, "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning"
+            }).then(() => {
+              callback && callback();
+            }).catch(() => {
+            });
+          }
+        };
+        await safeFunctionExec(button.handler, ["$row", "$grid"], [row, $grid], context);
+      })();
+    } catch (e) {
+      EleMessage.error(`操作栏事件出错:${e.message}`);
+    }
+  } else if (button.refid) {
+    if (button.openType === "tab") {
+      window.$SohelpModule.openTab(button.refid, { id: row.id }, button.params || {});
+    } else if (button.openType === "drawer") {
+      window.$SohelpModule.openDrawer(button.refid, { id: row.id }, button.params || {});
+    } else {
+      window.$SohelpModule.openModal(button.refid, { id: row.id }, button.params || {});
+    }
+  } else {
+    switch (button.code) {
+      case "row.delete":
+        $grid?.remove(row)
+        break;
+      case "crud.edit":
+        visibleEntityForm.value = true;
+        toolbarButtonParams.value = button.params || {};
+        if (!toolbarButtonParams.value["title"]) {
+          toolbarButtonParams.value["title"] = t("grid.toolbar.edit");
+        }
+        loading.value = true;
+        CrudHttp.detail(props.refid, { id: row.id }).then(res => {
+          if (res.meta.success) {
+            setTimeout(() => {
+              entityFormRef.value.setFormData({...res.data});
+            }, 10);
+          } else {
+            EleMessage.error(res.meta.message);
+          }
+          loading.value = false;
+        }).catch(e => {
+          loading.value = false;
+        });
+
+        break;
+      case "crud.view":
+        visibleEntityForm.value = true;
+        toolbarButtonParams.value = button.params || {};
+        if (!toolbarButtonParams.value["title"]) {
+          toolbarButtonParams.value["title"] = t("grid.toolbar.view");
+        }
+        toolbarButtonParams.value["readonly"] = true;
+        CrudHttp.detail(props.refid, { id: row.id }, (res) => {
+          if (res.meta.success) {
+            setTimeout(() => {
+              entityFormRef.value.setFormData(res.data);
+            }, 10);
+          } else {
+            EleMessage.error(res.meta.message);
+          }
+        });
+        break;
+      case "crud.delete" :
+        remove({ id: [row.id] });
+        break;
+      case "row.pre-delete":
+        $grid?.setPendingRow(row, true);
+        break;
+      case "workflow.submit":
+        submitWorkflow({ id: [row.id] });
+        break;
+      case "workflow.view" :
+        viewWorkflow(row.id);
+        break;
+      case "report.print" :
+        visibleReport.value = true;
+        currentRow.value = row;
+        loadReport();
+        break;
+      default:
+        break;
+    }
+  }
+  emit("operationButtonClick", { button, row, $grid });
+};
+
+
+/**
+ * 获取表格数据
+ */
+const getTableData = () => {
+  return sohelpVxeGridRef.value?.getTableData();
+};
+
+/**
+ * 获取处理过的数据
+ */
+const getData = () => {
+  const { tableData } = getTableData();
+  return tableData;
+};
+
+/**
+ * 更新
+ */
+const updateValue = () => {
+  emit("update:modelValue", getData());
+  emit("change", getData());
+};
+/**
+ * 指定index位置插入数据
+ * @param data
+ * @param index
+ */
+const insertField = (data, index = -1) => {
+  if (sohelpVxeGridRef.value) {
+    sohelpVxeGridRef.value.insertAt(data, index);
+    sohelpVxeGridRef.value.clearEdit();
+  }
+  updateValue();
+};
+
+
+/**
+ * 刷新列表
+ */
+const refresh = () => {
+  //取消选中
+  selections.value = [];
+  sohelpVxeGridRef.value?.clearCheckboxRow();
+
+  if (!isPage.value) {
+    if (gridOptions.pagerConfig && gridOptions.pagerConfig.enabled) {
+      gridOptions.pagerConfig.currentPage = 1;
+    }
+    emit("refresh");
+  }
+  isPage.value = false;
+  reload({ ...gridOptions.params });
+};
+
+/**
+ * 列表头右键菜单事件
+ * @param column
+ */
+const headerCellMenu = ({ column }) => {
+  if (column.editRender?.edit && gridOptions.menuConfig.header.options.length > 0) {
+    // 只对特定类型的列显示菜单项
+    const visible = column && (column.type === "SohelpSwitch" || column.type === "SohelpCheckbox");
+    // 设置每个菜单项的可见性
+    gridOptions.menuConfig.header.options[0].forEach(item => {
+      item.visible = visible;
+    });
+  }
+};
+
+/**
+ * 右键菜单点击事件
+ * @param menu 菜单项
+ * @param row 行数据
+ * @param column 列配置
+ * @param rowIndex 行索引
+ */
+const menuRightClick = async ({ menu, row, column, rowIndex }) => {
+  const $grid = sohelpVxeGridRef.value;
+  if ($grid) {
+    $grid.setCurrentRow(row);
+    const { fullData } = $grid.getTableData();
+    switch (menu.code) {
+      case "insert":
+        await $grid.insertAt({ role_name: "sales user" }, rowIndex);
+        break;
+      case "all-select":
+        fullData.forEach(row => {
+          row[column.field] = ["0", 0, "1", 1].includes(row[column.field]) ? 1 : true;
+        });
+        break;
+      case "revert-select":
+        fullData.forEach(row => {
+          if (["0", 0, "1", 1].includes(row[column.field])) {
+            row[column.field] = 1 - row[column.field];
+          } else {
+            row[column.field] = !row[column.field];
+          }
+        });
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 执行右击事件
+  emit("menuRightClick", { menu, row, column, rowIndex });
+};
+
+const sohelpSortRef = ref(null);
+const closeSortDropCard = () => {
+  if (sohelpSortRef.value) {
+    sohelpSortRef.value.close();
+  }
+};
+
+/**
+ * 获取用户数据源
+ */
+const userDatasource = computed(async () => {
+  return await SohelpHttp.get("/engine/web/user/list")
+    .then((res) => {
+      if (res.data) {
+        return [...res.data];
+      }
+    })
+    .catch((err) => {
+      EleMessage.error(err.message || "error");
+    });
+});
+
+/**
+ * SohelpTextareaInput 弹窗
+ */
+const [textareaState, resetTextareaState, setTextareaState] = useFormData({
+  visible: false,
+  value: "",
+  row: null,
+  field: ""
+});
+
+/**
+ * 显示 SohelpTextareaInput 弹窗
+ */
+const showTextareaModal = (column, field, row) => {
+  if (column?.editRender?.enabled) {
+    setTextareaState({
+      visible: true,
+      value: row[field],
+      row,
+      field
+    });
+  }
+};
+
+/**
+ * 取消 SohelpTextareaInput 弹窗
+ */
+const textareaCancel = () => {
+  resetTextareaState();
+};
+
+/**
+ * checkbox复选框
+ */
+const onCheckboxChange = (checked, type) => {
+  selections.value = sohelpVxeGridRef.value?.getCheckboxRecords() || [];
+  emit("checkbox-change", selections.value, checked, type);
+};
+
+/**
+ *
+ */
+const radioChange = (config) => {
+  emit('radio-change', config)
+}
+
+
+/**
+ * 确定 SohelpTextareaInput 弹窗
+ */
+const textareaConfirm = () => {
+  const $grid = sohelpVxeGridRef.value;
+  if ($grid) {
+    $grid.setRow(textareaState.row, {
+      ...textareaState.row,
+      [textareaState.field]: textareaState.value
+    });
+  }
+  textareaCancel();
+};
+
+/**
+ * 获取组织数据源
+ */
+const orgDatasource = computed(async () => {
+  return await SohelpHttp.get("/engine/web/org/list")
+    .then((res) => {
+      if (res.data) {
+        return [...res.data];
+      }
+    })
+    .catch((err) => {
+      EleMessage.error(err.message || "error");
+    });
+});
+/**
+ * 根据引擎表格获取更新数据
+ * @returns {{inserted: {}, deleted: {}, updated: {}}}
+ */
+const getCrudUpdater = () => {
+  const $grid = sohelpVxeGridRef.value;
+  const _delete = [...$grid?.getRemoveRecords()?.map(item => item.id),...$grid?.getPendingRecords()?.map(item => item.id)];
+  return {
+    "inserted": $grid?.getInsertRecords().map(item => {
+      return { ...item };
+    }) || [],
+    "updated": $grid?.getUpdateRecords(),
+    "deleted": _delete
+  };
+};
+
+/**
+ * 删除记录
+ */
+const remove = (params) => {
+  ElMessageBox.confirm("确定要删除吗？", "提示").then(() => {
+    CrudHttp.delete(props.refid, params, (res) => {
+      if (res.meta.success) {
+        EleMessage.success(res.meta.message);
+        refresh();
+      } else {
+        EleMessage.error(res.meta.message);
+      }
+    });
+  }).catch(() => {
+  });
+};
+
+/**
+ *
+ * @param handler
+ */
+const executeToolbarCustomHandler = (button) => {
+  const $grid = sohelpVxeGridRef.value;
+  $grid.refresh = refresh;
+  $grid.reload = reload;
+  try {
+    let isRows = button.buttonType === 'batch';
+    (async () => {
+      const context = {
+        $message: EleMessage,
+        $SohelpModule: window.$SohelpModule,
+        $SohelpHttp: window.$SohelpHttp,
+        $confirm: (title, callback) => {
+          ElMessageBox.confirm(title, "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning"
+          }).then(() => {
+            callback && callback();
+          }).catch(() => {
+          });
+        },
+        $grid: $grid,
+        getCrudUpdater: getCrudUpdater
+      };
+      $grid.refresh = refresh;
+      await safeFunctionExec(button.handler, [isRows ? "rows" : "row", "$grid"], [isRows ? selections.value : current, $grid], context);
+    })();
+  } catch (e) {
+    EleMessage.error(`${e.message}`);
+  }
+};
+/**
+ * 工具栏点击事件
+ * @param param0
+ */
+const toolbarClick = async ({ button }) => {
+  const $grid = sohelpVxeGridRef.value;
+  let rowIndex = -1;
+  const row = {};
+
+  const current = $grid?.getCurrentRecord();
+  if (current) {
+    rowIndex = $grid?.getVTRowIndex(current);
+  }
+
+  //工具栏事件执行
+  if (button?.handler) {
+    executeToolbarCustomHandler(button);
+  } else if (button.refid) {
+    if (button.openType === "tab") {
+      window.$SohelpModule.openTab(button.refid, {}, button.params || {});
+    } else if (button.openType === "drawer") {
+      window.$SohelpModule.openDrawer(button.refid, {}, button.params || {});
+    } else {
+      window.$SohelpModule.openModal(button.refid, {}, button.params || {});
+    }
+  } else {
+    switch (button.code) {
+      case "row.add":
+        insertField(row, -1);
+        break;
+      case "row.copy":
+        if (current) {
+          Object.assign(row, { ...current });
+          if (row?.name) {
+            row.name = "";
+          }
+          delete row._X_ROW_KEY;
+        }
+        break;
+      case "row.insert":
+        rowIndex = getData()?.length > 0 ? rowIndex : -1;
+        insertField(row, rowIndex);
+        break;
+      case "row.delete":
+        $grid.removeCheckboxRow();
+        break;
+      case "crud.create":
+        visibleEntityForm.value = true;
+        toolbarButtonParams.value = button.params || {};
+        if (!toolbarButtonParams.value["title"]) {
+          toolbarButtonParams.value["title"] = t("grid.toolbar.create");
+        }
+
+        const {title, ...params} = button.params;
+
+        CrudHttp.initial(props.refid, { id: row.id }, (res) => {
+          if (res.meta.success) {
+            setTimeout(() => {
+              entityFormRef.value.setFormData({...res.data}, params);
+            }, 10);
+          } else {
+            EleMessage.error(res.meta.message);
+          }
+        });
+        break;
+      case "crud.save":
+        CrudHttp.save(props.refid, { "default": getCrudUpdater() }, (res) => {
+          if (res.meta.success) {
+            EleMessage.success(res.meta.message);
+            refresh();
+          } else {
+            EleMessage.error(res.meta.message);
+          }
+        });
+        break;
+      case "crud.view":
+        break;
+      case "crud.delete":
+        remove({ id: selections.value.map(item => item.id) });
+        break;
+      case "workflow.submit":
+        submitWorkflow({ id: selections.value.map(item => item.id) });
+        break;
+      case "report.print":
+        break;
+      case "batch.import":
+        break;
+      case "batch.delete":
+        break;
+      case "batch.export":
+        break;
+      case "batch.print":
+        break;
+      default:
+        break;
+    }
+
+  }
+};
+
+/**
+ * grid事件
+ * 排序
+ */
+const gridEvents = {
+  sortChange({ field = "", order = "" }) {
+    if (!order) {
+      field = order = "";
+    }
+    sortValue.value = field + "!" + order;
+    filterValue.value.sort = field;
+    filterValue.value.order = order;
+    filter({});
+  },
+
+  toolbarButtonClick(config) {
+    toolbarClick(config);
+    emit("toolbarButtonClick", config, selections.value);
+  },
+};
+
+/**
+ * 查询
+ * param type：'filter' | 'column', default(filter) 区分是高级筛选，还是列筛选
+ */
+const filter = (param = {}) => {
+  gridOptions.pagerConfig.currentPage = 1;
+  reload();
+};
+
+
+/**
+ * 重置
+ */
+const resetFilter = () => {
+  filterValue.value = JSON.parse(originFilterValue.value);
+  //重置列筛选
+  if (sohelpVxeGridRef.value) {
+    sohelpVxeGridRef.value.clearFilter();
+  }
+  filter();
+};
+
+/**
+ * 筛选弹窗
+ */
+const showFilter = () => {
+  if (sohelpConfig.value.filter?.config.filterPosition === "NONE") {
+    sohelpConfig.value.filter.config.filterPosition = "TOP";
+    sohelpConfig.value.filter.config.visibleFilter = false;
+  }
+  emit("showFilter", sohelpConfig.value.filter.config.filterPosition);
+};
+
+
+/**
+ * 打开提交工作流界面
+ */
+const submitWorkflow = (ids) => {
+  approvalData.value = {
+    refid: props.refid,
+    ...ids
+  };
+  approvalModalVisible.value = true;
+};
+
+/**
+ * 查看工作流
+ * @param row
+ */
+const viewWorkflow = (id) => {
+  drawerData.value = {
+    id: id,
+    refid: props.refid
+  };
+  drawerVisible.value = true;
+};
+
+/**
+ *  筛选
+ */
+const changeNameFilter = (option, val, column) => {
+  const $grid = sohelpVxeGridRef.value;
+  if ($grid) {
+    $grid.setFilter(column.field, [{
+      data: val?.value || "",
+      value: val.value || "",
+      checked: true
+    }]);
+    $grid.updateFilterOptionStatus(option, true);
+  }
+};
+
+const filterVisible = ({ column, field, visible }) => {
+  if (visible) {
+    const hasField = filterValue.value.filter?.find(f => f.name === field);
+    if (!hasField) {
+      filterValue.value.filter = [...filterValue.value.filter, {
+        comparison: "LIKE",
+        name: field,
+        value: ""
+      }];
+    }
+    const $grid = sohelpVxeGridRef.value;
+    if ($grid) {
+      $grid.setFilter(field, [{
+        data: "",
+        value: "",
+        checked: true
+      }]);
+    }
+
+  }
+};
+
+/**
+ *列筛选
+ */
+const handleFilterChange = ({ field, datas }) => {
+  filter();
+  //重置功能 重置要清空filterValue.filter对象的项
+  if (!datas?.length) {
+    const map = new Map(filterValue.value.filter?.map(item => [item.name, item]));
+    if (map.get(field)) {
+      map.get(field).value = "";
+    }
+  }
+};
+
+/**
+ * 过滤掉对象中_开头的属性 _sqe、_checkbox、_operation
+ * @param obj
+ */
+const filterUnderscoreProps = (obj = {}) => {
+  if (typeof obj !== "object" || obj === null || Array.isArray(obj)) {
+    return {};
+  }
+  return Object.entries(obj).reduce((acc, [key, value]) => {
+    const filterKey = ["_checkbox", "_seq"];
+    if (!filterKey.includes(key)) {
+      acc[key] = typeof value === "object" ? filterUnderscoreProps(value) : value;
+    }
+    return acc;
+  }, {});
+};
+
+
+/**
+ * 根据 obj 对象的值修改 properties 数组中对应项的指定属性
+ * @param {Object} obj
+ * @param {Array} properties
+ * @param {string} key
+ */
+const updateProperties = (obj, properties, key, propertiesMap) => {
+  if (!obj || Object.keys(obj).length === 0) return;
+  const map = propertiesMap || new Map(properties.map((item, index) => [item.name, index]));
+  Object.entries(obj).forEach(([name, value]) => {
+    const index = map.get(name);
+    if (index !== undefined && properties[index]) {
+      properties[index][key] = value;
+      //fixed
+      if (key === "lockAlign") {
+        properties[index]["lock"] = value ? true : false;
+      }
+    }
+  });
+};
+
+
+/**
+ * 属性根据sortData排序
+ * @param {Array} properties
+ * @param {Object} sortData
+ */
+const sortPropertiesInPlace = (properties, sortData) => {
+  const sortOrder = {};
+  Object.entries(sortData || {})
+    .sort((a, b) => a[1] - b[1])
+    .forEach(([key], index) => {
+      sortOrder[key] = index;
+    });
+
+  properties.sort((a, b) => {
+    const aOrder = sortOrder[a.name];
+    const bOrder = sortOrder[b.name];
+
+    if (aOrder !== undefined && bOrder !== undefined) {
+      return aOrder - bOrder;
+    }
+    if (aOrder !== undefined) return -1;
+    if (bOrder !== undefined) return 1;
+    return 0;
+  });
+};
+
+/**
+ * 列设置操作
+ */
+const handleCustom = async ({ type, $grid }) => {
+  // 恢复默认
+  if (type === "reset") {
+    const loading = EleMessage.loading("恢复默认中..");
+    const message = await resetCommonConfig({ refid: props.refid }).catch(err => {
+      EleMessage.error(err.message);
+      loading.close();
+    });
+    if (message) {
+      EleMessage.success(message);
+    }
+    loading.close();
+  }
+
+  //确认
+  if (type === "confirm") {
+    //获取当前列配置
+    const { sortData, ...columnsData } = filterUnderscoreProps($grid?.getCustomStoreData());
+
+    const properties = JSON.parse(JSON.stringify([...sohelpConfig.value.properties])).map(item => {
+      return {
+        ...item,
+        list: sohelpConfig.value.list.includes(item.name)
+      };
+    });
+
+    const propertiesMap = new Map(properties.map((item, index) => [item.name, index]));
+
+
+    //修改对应的field
+    const fieldMapping = {
+      fixedData: "lockAlign",
+      resizableData: "width",
+      visibleData: "list"
+    };
+    // 修改属性
+    Object.entries(columnsData).forEach(([key, value]) => {
+      updateProperties(value, properties, fieldMapping[key], propertiesMap);
+    });
+    //根据sortData排序
+    sortPropertiesInPlace(properties, sortData);
+    const loading = EleMessage.loading("保存配置中..");
+
+    const message = await updateCommonConfig({
+      refid: props.refid,
+      properties: properties.map(item => {
+        return {
+          name: item.name,
+          width: item.width,
+          list: item.list,
+          lockAlign: item.lockAlign,
+          lock: item.lock
+        };
+      })
+    }).catch(err => {
+      EleMessage.error(err.message);
+      loading.close();
+    });
+    if (message) {
+      EleMessage.success(message);
+    }
+
+    //清除缓存
+    moduleCache?.clear();
+    loadConfig();
+
+    localStorage.setItem("VXE_CUSTOM_STORE", "");
+    loading.close();
+  }
+};
+
+
+/**
+ * 更新columns过滤状态
+ */
+const updateColumnsFilter = () => {
+  const $grid = sohelpVxeGridRef.value;
+  if ($grid && filterValue.value.filter?.length) {
+    filterValue.value.filter?.forEach((item) => {
+      $grid.setFilter(item.name, [
+        {
+          checked: item.value?.length > 0
+        }
+      ]);
+    });
+  }
+};
+
+
+/**
+ * 计算公式
+ * @param row
+ * @param column
+ */
+const editClosed = (props) => {
+  const { row, column } = props;
+  Object.entries(formulaMap).forEach(([key, value]) => {
+    try {
+      const formulaValue = formulaMap[key]["formulaValue"];
+      if (formulaValue.indexOf(column.field) > 0) {
+        const str = formulaValue.replace(/\s+/g, "")
+          .replace(/\${/g, "row.")
+          .replace(/}/g, "");
+        const v = safeEval(str, { row });
+        if (!Number.isNaN(v)) {
+          row[key] = v;
+        }
+      }
+    } catch (e) {
+      console.error("计算公式错误：", e);
+      EleMessage.error("计算公式错误：" + e.message);
+    }
+    nextTick(() => {
+      if (row[column.property] && row[column.property].toString().trim() !== "") {
+        sohelpVxeGridRef.value?.clearValidate([column.property]);
+      }
+    });
+  });
+  emit("editClosed", props);
+};
+
+const validate = async () => {
+  const $grid = sohelpVxeGridRef.value;
+  if ($grid) {
+    const errMap = await $grid.fullValidate(true);
+    return errMap || false;
+  }
+};
+
+const currentColumnChange = (props) => {
+  emit("currentColumnChange", props);
+};
+
+const columnCheckbox = ref(false);
+const toggleAllEvent = () => {
+  const $grid = sohelpVxeGridRef.value
+  if ($grid) {
+    $grid.toggleCustomAllCheckbox()
+  }
+}
+
+const settingClick = (command) => {
+  const baseUrl = SohelpHttp.getBaseUrl();
+  const { refid,extendEntity,name } = sohelpConfig.value;
+  if(refid && name){
+    const url = {
+      form: baseUrl + `/dev/index.html#/dev/form?datasource=default&name=${extendEntity}&refid=${refid}`,
+      entity: baseUrl + `/dev/index.html#/dev/module/entity?datasource=default&name=${extendEntity}`,
+      workflow: baseUrl + `/dev/index.html#/dev/form?datasource=default&name=${extendEntity}&refid=${refid}&tab=workflow`,
+      grid: baseUrl + `/dev/index.html#/dev/module/grid?refid=${refid}`,
+      module: baseUrl+`/dev/index.html#/dev/module?name=${refid}`,
+    }
+    if(command === 'module' && !extendEntity){
+      url.module = baseUrl+`/dev/index.html#/dev/module?name=${name}`;
+    }
+    window.open(url[command],'_blank');
+  }
+}
+/**
+ * 设置复选框行键
+ * @param row 行数据
+ * @param checked 是否选中
+ */
+const setCheckboxRowKey = (row, checked) => {
+  nextTick(() => {
+    sohelpVxeGridRef.value?.setCheckboxRowKey(row, checked);
+  })
+}
+
+
+const setRadioRowKey = (key, checked) => {
+  nextTick(() => {
+    sohelpVxeGridRef.value?.setRadioRowKey(key, checked);
+  })
+}
+
+/**
+ * 获取选中的记录
+ */
+const getCheckboxRecords = () => {
+  return sohelpVxeGridRef.value?.getCheckboxRecords();
+};
+/**
+ * 获取保留的记录
+ */
+const getCheckboxReserveRecords  = (isFull = false) => {
+  return sohelpVxeGridRef.value?.getCheckboxReserveRecords(isFull);
+}
+
+
+
+
+/**
+ * 监听是否被选中，更新工具栏批量操作
+ */
+watch(
+  () => selections.value,
+  (val) => {
+    const isDisabled = val.length < 1;
+    if (batchButtonsIndex.value?.length > 0) {
+      batchButtonsIndex.value.forEach(idx => {
+        gridOptions.toolbarConfig.buttons[idx].disabled = isDisabled;
+      });
+    }
+  }
+);
+
+watch(
+  () => props.refid, (refid) => {
+    //加载列表配置
+    loadConfig();
+  }, {
+    immediate: true
+  });
+
+
+
+defineExpose({
+  getData,
+  getCrudUpdater,
+  resetFilter,
+  refresh,
+  loadConfig,
+  reload,
+  load,
+  validate,
+  setCheckboxRowKey,
+  getCheckboxRecords,
+  getCheckboxReserveRecords,
+  setRadioRowKey,
+  selections
+});
+</script>
+
+<template>
+  <vxe-grid
+    v-bind="gridOptions"
+    ref="sohelpVxeGridRef"
+    @menuClick="menuRightClick"
+
+    @checkboxChange="({checked}) => onCheckboxChange(checked,'row')"
+    @checkboxAll="({checked}) => onCheckboxChange(checked,'all')"
+    @radioChange="radioChange"
+
+    class="sohelp-grid-view"
+    :id="getId()"
+    v-on="gridEvents"
+    @filter-change="handleFilterChange"
+    @custom="handleCustom"
+    @cellClick="cellClick"
+    @editClosed="editClosed"
+    @header-cell-menu="headerCellMenu"
+    :key="sohelpConfig?.uuid || getId()"
+    :keep-source="true"
+    @currentColumnChange="currentColumnChange"
+    @filter-visible="filterVisible"
+  >
+
+    <!--  自定义列设置 -->
+    <template #setting>
+      <div class="column-setting">
+        <vxe-checkbox @change="toggleAllEvent" v-model="columnCheckbox">全选</vxe-checkbox>
+        <vxe-pulldown  trigger="click" :transfer="true"  :show-popup-shadow="true" v-if="userStore.info.is_developer">
+          <template #default>
+            <el-link :icon="Setting" :underline="false"/>
+          </template>
+          <template #dropdown>
+            <ele-card shadow="always">
+              <el-space direction="vertical" :size="5" alignment="flex-start">
+                <el-link :title="sohelpConfig?.refid" :icon="Memo" @click="settingClick('grid')" :underline="false" style="font-size:12px;"><span style="padding:0 5px;">列表配置</span></el-link>
+                <el-link :title="sohelpConfig?.extendEntity" :icon="Menu" @click="settingClick('entity')" :underline="false" style="font-size: 12px;"  v-if="sohelpConfig.extendEntity"><span style="padding:0 5px;">实体配置</span></el-link>
+                <el-link :title="sohelpConfig?.refid" :icon="Grid" @click="settingClick('module')" :underline="false" style="font-size: 12px;"><span style="padding:0 5px;">模块配置</span></el-link>
+              </el-space>
+            </ele-card>
+          </template>
+        </vxe-pulldown>
+      </div>
+    </template>
+
+    <!--定义国际化I18n-->
+    <template
+      v-for="item in sohelpConfig?.properties?.map(item => item)"
+      #[`header_${item.name}`]="{ column, rowIndex }"
+      :key="item.name"
+    >
+      {{ item.i18n ? t(item.i18n) : item.label }}
+    </template>
+
+    <!--自定义定义分页--->
+    <template #pager>
+      <vxe-pager
+        v-if="gridOptions.pagerConfig.enabled"
+        v-model:currentPage="gridOptions.pagerConfig.currentPage"
+        v-model:pageSize="gridOptions.pagerConfig.pageSize"
+        :total="gridOptions.pagerConfig.total"
+        @page-change="pageChangeEvent"/>
+    </template>
+
+    <!-- 高级筛选 -->
+    <template
+v-for="field in propertiesMap ? Object.values(propertiesMap)?.filter(item => item.query) : []" :key="field?.name"
+              #[`filter_${field?.name}`]="{ column }">
+      <div v-for="(option, index) in column.filters" :key="index" class="condition-box">
+        <filter-condition-item
+          :key="field.name"
+          v-model="getCurrentFilter(field.name).value"
+          :properties="propertiesMap[field.name]"
+          :teleported="false"
+        />
+      </div>
+    </template>
+
+    <!-- 工具栏 -->
+    <template #toolbarTools>
+      <div class="toolbar-box">
+        <!-- 查看范围 -->
+        <div class="power-box">
+          <sohelp-power @change="changePower" v-if="sohelpConfig?.filter?.config?.visibleDataRange"/>
+        </div>
+
+        <div class="search-box" v-if="sohelpConfig?.filter?.config?.visibleKeywords && sohelpConfig?.filter?.keywords.length>0 ">
+          <!-- 关键字 -->
+          <ele-tooltip :content="getKeywordsPlaceholder" placement="top" :offset="3">
+            <sohelp-input
+:model-value="filterValue.keywords" @update:model-value="keywordsChange"
+                          :placeholder="getKeywordsPlaceholder" clearable
+                          @keyup.enter="filter" size="small" style="width: 160px;">
+              <template #append>
+                <el-button :icon="Search" @click="filter" size="small" />
+              </template>
+            </sohelp-input>
+          </ele-tooltip>
+          <el-button size="small" :icon="Refresh" @click="resetFilter">{{ t("grid.toolbar.reset") }}</el-button>
+        </div>
+
+        <div class="tools-btns">
+          <sohelp-drop-card
+:title="t('grid.toolbar.sort')" :icon="Sort" ref="sohelpSortRef"
+                            v-if="sohelpConfig?.filter?.config?.visibleSort && sortList.length > 0">
+            <div class="sort-list">
+              <ele-card
+v-for="item in sortList" :key="item.title" :header="item.title"
+                        :bodyStyle="{padding: '0'}"
+                        :headerStyle="{fontSize: '14px', fontWeight: 'normal', padding: '5px 0'}">
+                <template #extra>
+                  <ele-text
+:icon="SortUp" style="cursor: pointer;" :underline="false" size="sm"
+                            @click="sortCommand(item.field,'asc')" plain :type="isActiveSort(item.field,'asc')">
+                    {{ t("grid.toolbar.asc") }}
+                  </ele-text>
+                  <ele-text
+:icon="SortDown" style="cursor: pointer;margin-left:5px!important" :underline="false"
+                            size="sm" @click="sortCommand(item.field,'desc')" plain
+                            :type="isActiveSort(item.field,'desc')">{{t("grid.toolbar.desc")}}
+                  </ele-text>
+                </template>
+              </ele-card>
+            </div>
+          </sohelp-drop-card>
+          <el-button :icon="Filter" size="small"
+                     @click="showFilter()"
+                     plain
+                     :type="(sohelpConfig?.filter?.config?.visibleFilter && sohelpConfig?.filter?.config?.filterPosition !== 'NONE')?'primary':''"
+                     v-if="sohelpConfig?.filter?.config?._visibleFilter"/>
+          <ele-tooltip v-if="importAuthority" :content="'批量导入数据'" placement="top" :offset="3">
+            <el-button size="small" plain :icon="ElementPlusIcons.Upload" @click="openImport" />
+          </ele-tooltip>
+          <ele-tooltip v-if="exportAuthority" :content="'批量导出数据'" placement="top" :offset="3">
+            <el-dropdown @command="exportData">
+              <el-button size="small" plain :icon="ElementPlusIcons.Download"/>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item :command="0" :disabled="!selections || selections.length === 0">
+                    <el-icon><Memo /></el-icon>
+                    <span style="margin-left:6px;">导出选中数据</span>
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="1">
+                    <el-icon><Files /></el-icon>
+                    <span style="margin-left:6px;">当前页数据</span>
+                  </el-dropdown-item>
+                  <el-dropdown-item :command="2">
+                    <el-icon><Grid /></el-icon>
+                    <span style="margin-left:6px;">全部记录数据</span>
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </ele-tooltip>
+        </div>
+      </div>
+    </template>
+
+
+    <!-- 未编辑状态 -->
+    <template
+      v-for="name in sohelpConfig?.properties?.map(item => item.name)"
+      #[`default_${name}`]="{ row, column, rowIndex }"
+      :key="name"
+    >
+      <div style=" display: flex; justify-content: right;" :style="{ justifyContent: getAlign(propertiesMap[name].align)}">
+
+        <!-- 字典 -->
+        <sohelp-dict
+          type="text"
+          v-model="row[name]"
+          v-if="column.type === 'SohelpDict'"
+          v-bind="column.editRender"
+        />
+        <!-- 图片 -->
+        <sohelp-image-upload
+          v-else-if="column.type === 'SohelpImageUpload'"
+          v-model="row[name]"
+          v-bind="column.editRender"
+          :data="getCellValue(rowIndex,name)"
+          :readonly="!column.editRender.edit"
+        />
+        <!-- 附件 -->
+        <sohelp-file-upload
+          v-else-if="column.type === 'SohelpFileUpload'"
+          v-model="row[name]"
+          v-bind="column.editRender"
+          :data="getCellValue(rowIndex,name)"
+          :readonly="!column.editRender.edit"
+        />
+
+        <!-- 下拉选择表格 -->
+        <div v-else-if="column.type === 'SohelpTableSelect' || column.type === 'ORG' || column.type ==='USER'">
+          <span>{{ getTableSelectLabel(row[name], rowIndex, name, column) }}</span>
+        </div>
+
+        <!-- 评分 -->
+        <sohelp-rate
+          v-else-if="column.type==='SohelpRate'"
+          v-model="row[name]"
+          v-bind="column.editRender"
+          :disabled="!column.editRender.edit"
+          show-score
+          score-template="{value} 分"
+          style="min-width: 150px"
+        />
+
+        <!-- 进度 -->
+        <sohelp-process
+          v-else-if="column.type==='SohelpProcess'"
+          v-model="row[name]"
+          v-bind="column.editRender"
+          style="width: 100%"
+          :readonly="!column.editRender.edit"
+        />
+
+
+        <!-- 下拉用户选择 -->
+        <div v-else-if="column.type === 'SohelpUserSelect'">
+          {{ gridData[rowIndex][name]?.["user_name"] }}
+        </div>
+
+        <!-- 下拉组织选择 -->
+        <div v-else-if="column.type === 'SohelpOrgTreeSelect'">
+          {{ gridData[rowIndex][name]?.["org_name"] }}
+        </div>
+
+        <!-- 开关 -->
+        <div v-else-if="column.type==='SohelpSwitch' || column.type === 'SohelpCheckbox'">
+          <span v-if="!column.editRender.edit">
+            {{ !!row[name] ? "V" : "" }}
+          </span>
+          <sohelp-switch
+            v-model="row[name]"
+            v-bind="column.editRender"
+            style="width: 100%;"
+            v-else
+            :activeValue="1"
+            :inactiveValue="0"
+          />
+        </div>
+
+        <!-- 文本域 -->
+        <p
+          style="margin: 0;"
+          class="textarea-reference"
+          @click="showTextareaModal(column, name, row)"
+          v-bind="column.editRender"
+          v-else-if="column.type === 'SohelpTextarea'"
+        >{{ row[name] }}
+        </p>
+
+        <!-- 外键关联 -->
+        <div v-else-if="column.type === 'RELATION' || column.type === 'SohelpTableSelect'">
+          {{ gridData[rowIndex][name]?.[column?.editRender?.labelField] || "" }}
+        </div>
+
+        <!-- 富文本 -->
+        <div v-else-if="column.type === 'SohelpRichText'" v-html="sanitizeHtml(row[name])"></div>
+
+        <div v-else>
+          {{ row[name] }}
+        </div>
+      </div>
+    </template>
+
+    <!-- 可编辑状态 -->
+    <template
+      v-for="name in sohelpConfig?.properties?.map(item => item.name)"
+      #[`edit_${name}`]="{ row, column, rowIndex }"
+      :key="name"
+    >
+      <div v-if="column.editRender.enabled">
+        <!-- 字典 -->
+        <sohelp-dict
+          v-model="row[name]"
+          :code="column.dict"
+          v-if="column.type === 'SohelpDict'"
+          v-bind="column.editRender"
+          style="width: 100%;"
+          :visible="true"
+        />
+
+
+        <!-- 下拉用户选择 -->
+        <sohelp-number-input
+          v-model="row[name]"
+          v-else-if="column.type==='SohelpInputNumber'"
+          v-bind="column.editRender"
+          style="width: 100%;"
+        />
+
+        <!-- 日期、日期时间 -->
+        <sohelp-datetime
+          v-model="row[name]"
+          v-else-if="column.type==='SohelpDatetime' || column.type==='SohelpDate'"
+          v-bind="column.editRender"
+          style="width: 100%;"
+          :focus="true"
+        />
+
+        <!-- 下拉用户选择 -->
+        <sohelp-user-select
+          v-else-if="column.type==='SohelpUserSelect'"
+          v-model="row[name]"
+          v-bind="column.editRender"
+          :datasource="userDatasource"
+        />
+
+        <!-- 下拉组织机构 -->
+        <sohelp-org-tree-select
+          v-else-if="column.type==='SohelpOrgTreeSelect'"
+          v-model="row[name]"
+          v-bind="column.editRender"
+          :datasource="orgDatasource"
+        />
+
+<!-- 外键关联 -->
+        <sohelp-table-select v-else-if="column.type==='SohelpTableSelect'"
+          v-model="row[name]"
+          v-model:data="gridData[rowIndex][name]"
+          v-bind="column.editRender"
+        />
+
+        <!-- 数值 -->
+        <sohelp-number-input
+          v-model="row[name]"
+          v-else-if="column.type==='SohelpNumberInput'"
+          v-bind="column.editRender"
+          style="width: 100%;"
+          :autoFocus="true"
+        />
+
+        <!-- 其他 -->
+        <sohelp-input
+          v-model="row[name]"
+          v-bind="column.editRender"
+          :autoFocus="true"
+          v-else
+          style="width: 100%;"
+          :show-word-limit="false"
+        />
+      </div>
+    </template>
+
+    <!-- 操作栏 -->
+    <template #_operation="{ row, column }">
+      <el-space :size="10">
+        <el-link
+          v-for="(item) in getOperationButtonsByType(row, column)"
+          :key="item.code"
+          :type="item.code === 'crud.delete' ? 'danger' : 'primary'"
+          v-bind="item.params"
+          @click="operationHandler({button:item, row:row,$grid:sohelpVxeGridRef})"
+        >
+          <el-icon v-if="item.icon" style="margin-right: 5px;">
+            <component :is="ElementPlusIcons[item.icon]" v-if="ElementPlusIcons[item.icon]" />
+            <component :is="EleAdminPlusIcons[item.icon]" v-else-if="EleAdminPlusIcons[item.icon]" />
+            <span :class="item.icon" v-else></span>
+          </el-icon>
+          {{ item.title }}
+        </el-link>
+        <!-- 更多 -->
+        <el-dropdown v-if="getOperationButtonsByType(row, column,'more')?.length > 0">
+          <el-link :underline="false">
+            <span>更多</span>
+            <el-icon style="margin-left: 4px;">
+              <arrow-down />
+            </el-icon>
+          </el-link>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item
+v-for="item in getOperationButtonsByType(row, column, 'more')" :key="item.code"
+                                @click.stop="operationHandler({button:item, row:row,$grid:sohelpVxeGridRef})"
+                                v-bind="item.props">
+                <el-icon v-if="item.icon">
+                  <component :is="ElementPlusIcons[item.icon]" v-if="ElementPlusIcons[item.icon]" />
+                  <component :is="EleAdminPlusIcons[item.icon]" v-else-if="EleAdminPlusIcons[item.icon]" />
+                  <span :class="item.icon" v-else></span>
+                </el-icon>
+                {{ item.title }}
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+        <slot name="_operation" :row="row"></slot>
+      </el-space>
+    </template>
+
+    <!-- 统计 -->
+    <template
+      v-for="field in footerData"
+      #[`footer_${field["field"]}`]="{ row, column,rowIndex}"
+    :key="field['field']"
+    >
+    <div v-html="sanitizeHtml(row[column.field])"></div>
+</template>
+
+<!-- 验证 -->
+<template #valid_slot="{content}">
+  {{ content }}
+</template>
+
+
+<template v-for="(_,name) in $slots" #[name]="{row, column}">
+    <slot :name="name" :row="getRowDataByField(column,row)" :column="column"></slot>
+  </template>
+
+</vxe-grid>
+
+<!-- workflow -->
+<workflow-drawer
+  :data="drawerData"
+  v-model="drawerVisible"
+  ref="todoDrawerRef"
+  :key="drawerKey"
+/>
+
+<!-- 提交审批 -->
+<approval-modal
+  v-model="approvalModalVisible"
+  type="submit"
+  :data="approvalData"
+  @confirm="reload"
+/>
+
+<!-- SohelpTextareaInput 编辑弹窗 -->
+<ele-modal :width="460" v-model="textareaState['visible']" :title="getCurrentFieldLabel">
+<sohelp-textarea-input v-model="textareaState['value']" :rows="6"/>
+<template #footer>
+  <el-button @click="textareaCancel">{{ t("common.cancel") }}</el-button>
+  <el-button type="primary" @click="textareaConfirm(row, column)">{{ t("common.save") }}</el-button>
+</template>
+    </ele-modal>
+
+    <!--实体表单-->
+    <sohelp-modal
+               :title="toolbarButtonParams?.title || ''"
+               :width="toolbarButtonParams?.width || 860"
+               :draggable="false"
+               v-model="visibleEntityForm" v-loading="loading">
+               <template #setting v-if="userStore.info.is_developer">
+                <ele-dropdown
+                  :items="[
+                      { title: '表单配置', command: 'form' , icon:Postcard},
+                      { title: '实体配置', command: 'entity', icon:Tickets},
+                      { title: '流程配置', command: 'workflow', icon:Files },
+                       { title: '模块配置', command: 'module', icon:Grid }
+                  ]"
+                  @command="settingClick"
+                >
+                  <el-link :icon="Setting" :underline="false"/>
+                </ele-dropdown>
+              </template>
+
+
+      <sohelp-entity-form ref="entityFormRef" :refid="props.refid.split('!')[0]" v-model="entityFormValue"
+      :data="entityFormData" :config="entityFormConfig" :readonly="toolbarButtonParams?.readonly" :saveParams="saveParams" />
+      <template #footer v-if="!toolbarButtonParams?.readonly">
+        <el-button @click="closeEntityForm()">{{ t("common.close") }}</el-button>
+        <el-button type="primary" @click="saveEntityForm()" v-loading="loading">{{ t("common.save") }}</el-button>
+      </template>
+    </sohelp-modal>
+    <!--打印报表-->
+    <ele-modal
+:title="toolbarButtonParams?.title|| t('grid.report.title')" :width="toolbarButtonParams?.width|| 600"
+               v-model="visibleReport">
+
+    <ele-check-card v-model="currentReportValue" :items="reportData" :row="{ gutter: 2 }">
+      <template #item="{ item }">
+        <ele-text size="md" style="padding:10px;">{{ item.name }}</ele-text>
+      </template>
+    </ele-check-card>
+
+    <template #footer>
+      <el-button @click="closeReport()">{{ t("common.close") }}</el-button>
+      <el-button @click="designReport()" v-if="reportData && reportData.length>0">{{ t("common.design") }}</el-button>
+      <el-button type="primary" @click="openReport()" v-if="reportData && reportData.length>0">{{ t("common.print") }}
+      </el-button>
+    </template>
+    </ele-modal>
+    <!--数据导入-->
+    <sohelp-import
+      :model-value="importVisible"
+      :refid="props.refid"
+      :fields="sohelpConfig?.properties || []"
+      @update:modelValue="(v) => importVisible = v"
+      @close="closeImport"
+    />
+  </template>
+
+<style scoped lang="scss">
+.sohelp-grid-view {
+  padding: 0px;
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+
+  :deep(.vxe-grid--table-wrapper) {
+    .vxe-table {
+      height: 100%;
+    }
+  }
+
+
+  .toolbar-box {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+
+    .tools-btns {
+      display: flex;
+      gap: 10px;
+      margin-right: 10px;
+
+      :deep(.el-button) {
+        margin-left: 0 !important;
+      }
+    }
+  }
+
+  .ele-split-panel {
+    :deep(.ele-split-panel-side) {
+      border: none !important;
+    }
+  }
+
+  .vxe-grid {
+    height: 100%;
+
+    :deep(.vxe-grid--layout-body-content-wrapper) {
+      display: flex;
+      flex-direction: column;
+
+      .vxe-grid--table-container {
+        flex: 1;
+      }
+    }
+
+    :deep(.col--SohelpImageUpload) {
+      .vxe-cell--wrapper {
+        overflow: initial !important;
+      }
+    }
+
+    :deep(.vxe-table--render-default) {
+      .vxe-body--row.row--stripe > .vxe-body--column {
+        // background-color: transparent;
+      }
+    }
+
+  }
+}
+
+.sort-list :deep(.el-button:focus),
+.sort-list :deep(.el-button:hover) {
+  background-color: #e8f1ff !important;
+  color: #1677ff !important;
+}
+
+.filter-header {
+  border-bottom: 1px solid #ddd;
+  display: flex;
+  width: 100%;
+  height: 35px;
+  line-height: 40px;
+  box-sizing: border-box;
+  margin: 0 0 0 10px;
+}
+
+.sohelp-grid-view.right {
+  .ele-split-panel {
+    :deep(.ele-split-panel-side) {
+      height: 100% !important;
+      border: 0;
+      display: flex;
+      flex-direction: column;
+      border-left: 1px solid #ddd !important;
+    }
+  }
+}
+
+:deep(.tooltip-btn) {
+  margin-left: 5px;
+  height: 22px;
+  line-height: 22px;
+  margin-top: 2px;
+  padding: 0px 5px !important;
+}
+
+:deep(.vxe-cell--wrapper) {
+  height: 100%;
+}
+
+.textarea-reference {
+  display: flex;
+  height: 100%;
+}
+
+:deep(.ele-split-panel.is-vertical) {
+  .ele-split-panel-wrap > .ele-split-panel-space .ele-split-resize-line::after {
+    background: #eee;
+  }
+}
+
+.condition-box {
+  padding: 10px;
+}
+
+.sohelp-filter-card.right {
+  height: 100%;
+  overflow: hidden;
+
+  :deep(.ele-card-header) {
+    min-width: 230px;
+  }
+
+  :deep(.ele-card-body) {
+    height: 100% !important;
+  }
+}
+
+.column-setting{
+  padding: 5px 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+
+.vxe-grid{
+  :deep(.vxe-grid--toolbar-wrapper){
+   .vxe-button--dropdown{
+    .vxe-button--dropdown-panel{
+      .vxe-button{
+        padding-left: 5px!important;
+        text-align: left;
+      }
+    }
+
+   }
+  }
+}
+
+</style>