aldehyde 0.2.479 → 0.2.481

package/src/aldehyde/table/act-table.tsx

@@ -1,1831 +1,1831 @@
-import React, { ReactNode } from "react";
-import {
-  Button, Card, Checkbox, Col, Divider, Popover, Row, Space, Drawer, Tooltip,
-  message, Layout, Table, Form as AntdForm, FormInstance, Modal, Input, Alert, Tabs, Radio, Typography
-} from "antd";
-import {
-  ExportOutlined, FundOutlined, LineChartOutlined,
-  PlusCircleOutlined, PlusOutlined, ReloadOutlined, RetweetOutlined, SearchOutlined,
-  TableOutlined, ImportOutlined
-} from "@ant-design/icons";
-import _ from "lodash";
-import "./index.css";
-import {
-  ActTableMode, ActTableViewModel, AggregateVO, ClassAddConfig, ColumnConfig,
-  CustomButton, CustomButtonConfig, DoEditParam, DtmplData, JumpConfig, LtmplConfig, QueryKey,
-  SelectedRow, ShowViewParam, TmplBaseProps,
-} from "../tmpl/interface";
-import HcserviceV3 from "../tmpl/hcservice-v3";
-import HCDataSource from "../tmpl/hc-data-source";
-import QueryTable from "./query-table";
-import CriteriaForm from "./../form/criteria-form";
-import ProgramConfig from "../units";
-import ColumnSelector from "./column/column-selector";
-import ExportFrame, { ExportType, ExportMode } from "../export/export-frame";
-import L2ActTable from "./l2-act-table";
-import Restat from "./stat/restat";
-import CollapseCard from "../controls/collapse-card";
-import ToolTipBar from "../detail/tooltipbar";
-import { LocaleContext } from "../locale/LocaleProvider";
-import BlockMenuTreeDrawer from "../module/block-menu-tree-drawer";
-import ModelSelectTable from "./../table/modal-select-table";
-import ColumnBuilder from "./column/column-builder";
-import ReportTable from "./report-table";
-import EntryControl from "../controls/entry-control";
-import DraggableModal from "../module/draggable-modal";
-import Icon from "../icon/aliIcon";
-import PageConfigButton from "./page-config-button";
-import { defPageSizeOptions } from "./pagination"; // 默认分页数
-
-const { Content, Sider } = Layout;
-const { Text } = Typography;
-
-type Level = "l1" | "l2";
-
-const enumTypes = ["select", "multiselect", "texttags", "checkbox", "radio", "steps"];
-
-
-const defaultDisabledColIds: string[] = ["20000", "10000"];
-
-interface ActTableProps extends TmplBaseProps {
-  criteriaData: object;
-  pageNo: number;
-  pageSize: number;
-  onChangePage: (pageNo: number, pageSize: number, pageSizeOptions?: number[]) => void;
-  ltmplConfig: LtmplConfig;
-  menuId?: string;
-  showView?: (showVievParam: ShowViewParam) => void;
-  doCreate?: (addtmplId: string, toCustomPage: boolean) => void;
-  customCreatable?: boolean;
-  doEdit?: (doEditParam: DoEditParam) => void;
-  customEditable?: boolean;
-  doDelete?: (code: string) => void;
-  doSearch?: (params: object) => void;
-  doRAction?: (ractionId: string, mainCode: string) => void;
-  level?: Level;
-  funcMode?: ActTableMode;
-  title?: ReactNode;
-  tip?: any;
-  collapsible?: boolean;
-  initCollapse?: boolean;
-  readOnly?: boolean;
-  tableType?: "common" | "report" | "select";
-  operatable?: boolean;
-  onSelectChange?: (val: { selectedRows: SelectedRow[], selectedDatas: DtmplData[] }) => void;
-  defShowType?: ActTableViewModel; // 默认视图
-  showPagination?: boolean; // 是否显示分页
-  showAggregates?: boolean; // 是否显示统计数据
-  userPageConfig?: { [key: string]: any }; // 用户页面配置本地缓存
-  setUserPageConfig?: (config: { [key: string]: any }) => void; // 更新用户页面配置本地缓存
-  resetUserPageConfig?: () => void; // 重置用户页面配置本地缓存
-  allowUserConfig?: boolean; // 是否可用户自定义配置
-  deleteCallback?: (val: object) => void; // 删除回调
-  onUpdatePageSizeOptions?: (val: number[]) => void; // 更新分页数数组
-  showEmpty?: boolean; // 空数据是否显示空状态，默认显示
-  loadDataCallback?: (val: object[]) => void; // 请求数据回调函数
-  doEdit2D?: (val: string) => void; // 2D图编辑
-  doView2D?: (val: string) => void; // 2D图查看
-}
-
-interface ActTableStat {
-  sortedColConfigs?: ColumnConfig[];
-  queryKey?: QueryKey;
-  loading?: boolean;
-  selectedRows?: SelectedRow[];
-  selectedDatas?: DtmplData[];
-  hiddenColIds?: string[];
-  drillingColIds?: string[];
-  disabledColIds?: string[];
-  hiddenRowCodes?: string[];
-  viewModels?: ActTableViewModel[];
-  showL2ActTable?: boolean;
-  showL2Chart?: boolean;
-  recordCode?: string;
-  record?: DtmplData;
-  blockMenuTreeDrawerOpen?: boolean;
-  showCustomCard?: boolean;
-  customButton?: CustomButton;
-  customButtonData?: DtmplData[];
-  showRatmplSelector?: boolean;
-  aggregateVO?: AggregateVO;
-  restatParams?: object;
-  pageInfo?: object;
-  ltreeData?: object;
-  userCriteriaData: object;
-  editings: string[]; // 行内编辑code
-  delModalOpen?: boolean; // 强删除弹窗是否打开
-  tabsOptions?: { key: string, value: string, label: React.ReactNode, title?: string, id?: string, ids?: string[] }[]; // tabs选项
-  tabActiveKey?: string; // Tabs选中项
-  pageSizeOptions?: number[]; // 设备分页数
-  customDrawerSize?: number | string; // 自定义页面抽屉宽度
-}
-let serial_number = new Date().getTime();
-let busyReminderTime = 0;
-class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
-  state = {
-    //tableColumns: undefined,
-    sortedColConfigs: undefined,
-    queryKey: undefined,
-    loading: true,
-    disableCols: undefined,
-    hiddenColIds: defaultDisabledColIds,
-    selectedRows: [],
-    selectedDatas: [],
-    hiddenRowCodes: [],
-    viewModels: [],
-    drillingColIds: undefined,
-    disabledColIds: undefined,
-    showL2ActTable: false,
-    showL2Chart: false,
-    recordCode: undefined,
-    record: undefined,
-    blockMenuTreeDrawerOpen: false,
-    showCustomCard: false,
-    customButtonData: undefined,
-    customButton: undefined,
-    showRatmplSelector: false,
-    aggregateVO: undefined,
-    restatParams: undefined,
-    pageInfo: { pageNo: 1, pageSize: 10 },
-    ltreeData: {},
-    userCriteriaData: undefined,
-    editings: [], // 行内编辑code
-    delModalOpen: false, // 强删除弹窗是否打开
-    tabsOptions: [],
-    tabActiveKey: "all",
-    pageSizeOptions: defPageSizeOptions,
-    customDrawerSize: undefined
-  };
-
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-  formRef = React.createRef<FormInstance>(); // 可编辑表格的form Ref
-
-  static defaultProps = {
-    criteriaData: {},
-    funcMode: "complete",
-    collapsible: false,
-    initCollapse: false,
-    readOnly: false,
-    operatable: true,
-    showPagination: true,
-    showAggregates: true,
-    showEmpty: true,
-  };
-
-  // 获取标签选项
-  getTabsOptions = async () => {
-    const { ltmplConfig, criteriaData, sourceId } = this.props;
-    const { translate } = this.context;
-    const { split2TabCriterias, showSplitTabDataCount } = ltmplConfig || {};
-    if (!split2TabCriterias) {
-      return;
-    }
-    const allIds = [];
-    let groupCount = [];
-    if (showSplitTabDataCount) {
-      groupCount = await HcserviceV3.getLtmplDataGroupCount(sourceId);
-    }
-    const options = split2TabCriterias.map(fieldConfig => {
-      const id = `c_${fieldConfig.id}`;
-      allIds.push(id);
-      if (enumTypes.includes(fieldConfig.controlType || fieldConfig.extControlType)) {
-        const items = HCDataSource.getEnums(fieldConfig.mstrucId);
-        const options = items.map((item) => {
-          const count = groupCount.find(r => r[0]?.fieldId === fieldConfig.id && r[0]?.value === item.title)?.[1]?.value;
-          const countVal = (count || count === 0) ? ` (${count})` : "";
-          return {
-            label: <span style={{ padding: "0 10px" }}>{translate("${" + item.title + "}")}{countVal}</span>,
-            key: item.value,
-            id,
-            title: translate("${" + item.title + "}") + countVal,
-            value: item.value
-          };
-        });
-        if (fieldConfig.relDeduplication && fieldConfig.exceptCodes?.length) {
-          return options.filter(item => !fieldConfig.exceptCodes.includes(item.key));
-        }
-        return options;
-      }
-      if ([fieldConfig.controlType, fieldConfig.extControlType].includes("single-checkbox")) {
-        const count = groupCount.find(r => r[0]?.fieldId === fieldConfig.id)?.[1]?.value;
-        const countVal = (count || count === 0) ? ` (${count})` : "";
-        return [{
-          label: <span style={{ padding: "0 10px" }}>{translate("${" + fieldConfig.title + "}")}{countVal}</span>,
-          key: "1",
-          id,
-          title: translate("${" + fieldConfig.title + "}") + countVal,
-          value: "1",
-        }];
-      }
-      return [];
-    })?.flat() || [];
-    const defOption = {
-      label: <span style={{ padding: "0 10px" }}>{translate("${全部}")}</span>,
-      key: "all",
-      ids: allIds,
-      title: translate("${全部}"),
-      value: "all"
-    };
-    const temId = Object.keys(criteriaData).find(r => allIds.includes(r));
-    const tabActiveKey = temId ? criteriaData[temId] : "all";
-    this.setState({ tabsOptions: [defOption, ...options], tabActiveKey });
-  }
-
-  loadData = async (
-    hiddenColIds: string[],
-    hiddenRowCodes: string[],
-    sortedColConfigs: ColumnConfig[]
-  ) => {
-    const {
-      sourceId, criteriaData, ltmplConfig,
-      mainCode, level, pageNo, pageSize, serverKey, defShowType, userPageConfig
-    } = this.props;
-
-    if (!this.isSameSourceQuery(sourceId, criteriaData)) {
-      return
-    }
-
-
-    if (!ltmplConfig) {
-      return;
-    }
-    // 处理菜单切换，查询条件清空，重置tab拆解条件选中项
-    const tabActiveKey = ltmplConfig.split2TabCriterias?.find(r => criteriaData[`c_${r.id}`])?.id;
-    this.setState({
-      loading: true,
-      userCriteriaData: criteriaData,
-      tabActiveKey: tabActiveKey ? criteriaData[`c_${tabActiveKey}`] : "all"
-    });
-    let disabledColIds: string[] = [];
-    let hiddenColIds_ = [...hiddenColIds];
-    if (criteriaData && criteriaData["drillingColIds"]) {
-      let dColIds = [...criteriaData["drillingColIds"]];
-      ltmplConfig.columns.forEach((item) => {
-        if (
-          item.statColType == "dimension" &&
-          !dColIds.includes(item.id) &&
-          !hiddenColIds_.includes(item.id)
-        ) {
-          hiddenColIds_.push(item.id);
-          disabledColIds.push(item.id);
-        }
-        if (
-          item.statColType == "dimension" &&
-          !dColIds.includes(item.id) &&
-          !disabledColIds.includes(item.id)
-        ) {
-          disabledColIds.push(item.id);
-        }
-      });
-      hiddenColIds_ = hiddenColIds_.filter((id) => {
-        return !dColIds.includes(id);
-      });
-    }
-    ltmplConfig.columns.forEach((item) => {
-      if (item.hidden) {
-        hiddenColIds_.push(item.id);
-      }
-    });
-    /** 构建column **/
-    const { defaultPageSize, showType } = ltmplConfig;
-
-    let pageInfo = {
-      pageNo: pageNo || 1,
-      pageSize: pageSize || defaultPageSize || 10,
-      virtualEndPageNo: undefined,
-    };
-    const viewModels = this.state.viewModels.length > 0 ? this.state.viewModels : (userPageConfig?.["viewModels"] || [defShowType || showType || "table"]);
-
-    /** 构建 dataSource **/
-    //构建过滤条件
-    const params = { ...criteriaData, ...pageInfo, mainCode };
-    let queryKey: QueryKey;
-    if (level && level === "l2") {
-      queryKey = await HcserviceV3.requestL2LtmplQueryKey(serverKey, sourceId, params);
-    } else {
-      if (viewModels.includes("ganttChart")) {
-        queryKey = await HcserviceV3.requestGttRootQueryKey(serverKey, sourceId, params);
-      } else {
-        queryKey = await HcserviceV3.requestLtmplQueryKey(serverKey, sourceId, params);
-      }
-    }
-
-    if (!queryKey.sourceId || queryKey.sourceId == this.props.sourceId) {
-      this.setState({
-        pageInfo,
-        disabledColIds, hiddenColIds: hiddenColIds_, hiddenRowCodes,
-        sortedColConfigs, queryKey, showL2Chart: false, selectedRows: [], selectedDatas: [],
-        viewModels
-      });
-    }
-    this.setState({
-      loading: false,
-    });
-  };
-
-  doCustomButton = async (customButton: CustomButton, records: DtmplData[]) => {
-    if (!this.buttonClickable()) {
-      return;
-    }
-    const { serverKey, sourceId } = this.props;
-    let doType = customButton.doType;
-    let config: CustomButtonConfig = ProgramConfig.getCustomButtonConfig(customButton.id);
-    if ("request_refresh" == doType) {
-      if (config && config.doAction) {
-        await config.doAction(customButton, records);
-      } else if (config && config.getRequestUrl) {
-        let url = await config.getRequestUrl(customButton, records);
-        await HcserviceV3.doPostRequest(serverKey, url);
-      } else if (customButton.path) {
-        let codes = [];
-        let res = undefined;
-        if (records != null) {
-          records.forEach(item => {
-            codes.push(item.code)
-          })
-        }
-        if (customButton.requestMethod === "get") {
-          res = await HcserviceV3.doGetRequest(serverKey, customButton.path, { codes });
-        } else {
-          res = await HcserviceV3.doPostRequest(serverKey, customButton.path, { codes });
-        }
-        if (res?.msg || res?.message) {
-          message.info(res.msg || res.message);
-        }
-      } else {
-        message.error("Button Config Error");
-        return;
-      }
-      this.doSearchDirect(null);
-    } else if ("show_window" == doType) {
-      this.setState({
-        showCustomCard: true,
-        customButton,
-        customButtonData: records,
-      });
-    } else {
-      message.error("Unsuport Button dotype " + doType);
-    }
-  };
-
-  renderAboveCustomPage = () => {
-    return this.renderCustomPage("above-table");
-  };
-
-  renderOhterCustomPage = () => {
-    return (
-      <>
-        {this.renderCustomPage("under-table")}
-        {this.renderCustomPage("modal-window")}
-        {this.renderCustomPage("left-drawer")}
-        {this.renderCustomPage("right-drawer")}
-      </>
-    );
-  };
-
-  renderCustomPage = (
-    windowPosition:
-      | "under-table"
-      | "above-table"
-      | "modal-window"
-      | "left-drawer"
-      | "right-drawer"
-  ) => {
-    const { translate } = this.context;
-    const { customButton, customButtonData, customDrawerSize } = this.state;
-
-    if (!customButton) {
-      return "";
-    }
-    if (windowPosition && windowPosition != customButton.windowPosition) {
-      return "";
-    }
-
-    let customProps = {
-      customButton: customButton, data: customButtonData,
-      onOk: () => { this.actTableDoSearch(null) }
-      , onclose: () => {
-        this.setState({ customButton: undefined });
-      }
-    };
-
-    let config: CustomButtonConfig = ProgramConfig.getCustomButtonConfig(customButton.id);
-    let page;
-    if (config && config.getCurrentPage) {
-      page = config.getCurrentPage(customButton, customButtonData);
-    }
-    if (!page) {
-      page = ProgramConfig.getCustomPage(customButton.id);
-    }
-
-    if (!page) {
-      message.error("Not found CustomButton Page");
-      this.setState({
-        customButton: undefined
-      })
-      return;
-    }
-
-    let customElement = React.createElement(page, customProps);
-    if (
-      customButton.windowPosition == "under-table" ||
-      customButton.windowPosition == "above-table"
-    ) {
-      return (
-        <Card
-          id={"CustomCard" + customButton.id}
-          size={"small"}
-          style={{ marginTop: "6px" }}
-          extra={
-            <Button
-              size={"small"}
-              danger={true}
-              onClick={() => {
-                this.setState({ customButton: undefined });
-              }}
-            >
-              {translate("${关闭}")}
-            </Button>
-          }
-        >
-          {customElement}
-        </Card>
-      );
-    } else if (
-      customButton.windowPosition == "left-drawer" ||
-      customButton.windowPosition == "right-drawer"
-    ) {
-      return (
-        <Drawer
-          open={true}
-          id={"CustomCard" + customButton.id}
-          placement={
-            customButton.windowPosition == "right-drawer" ? "right" : "left"
-          }
-          resizable={{ onResize: (newSize => this.setState({ customDrawerSize: newSize })) }}
-          size={customDrawerSize !== undefined ? customDrawerSize : customButton.windowWidth}
-          onClose={() => {
-            this.setState({ customButton: undefined });
-          }}
-          styles={{ body: { minWidth: customButton.windowWidth } }}
-        >
-          {customElement}
-        </Drawer>
-      );
-    } else if (customButton.windowPosition == "modal-window") {
-      return (
-        <DraggableModal
-          open={true}
-          closable={true}
-          width={customButton.windowWidth}
-          style={{ height: customButton.windowHeight }}
-          onCancel={() => {
-            this.setState({ customButton: undefined });
-          }}
-        >
-          {customElement}
-        </DraggableModal>
-      );
-    }
-  };
-
-
-  async componentDidMount() {
-    const { ltmplConfig, tableType, userPageConfig, defShowType, onUpdatePageSizeOptions, setUserPageConfig, pageSize } = this.props;
-    const { sortedColIds } = userPageConfig || {};
-    const { translate } = this.context;
-    let sortedColConfigs = undefined;
-    if (ltmplConfig) {
-      sortedColConfigs = tableType == 'report' ? ltmplConfig.columns : [
-        { id: "10000", title: translate("${排序}"), originalId: "10000" },
-        { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
-        ...ltmplConfig.columns,
-      ];
-      if (sortedColIds) { // 使用缓存的列排序
-        sortedColConfigs.sort((a, b) => sortedColIds.indexOf(a.id) - sortedColIds.indexOf(b.id));
-      }
-      const temViewModels = userPageConfig?.["viewModels"] || [defShowType || ltmplConfig?.showType || "table"];
-      this.setState({ viewModels: temViewModels });
-      if (onUpdatePageSizeOptions && temViewModels.includes("cardList")) { // 初始化是卡片视图，则更新父组件中分页数组
-        const temPageSizes = Array.from({ length: 7 }, (_, i) => ltmplConfig.rowCardCount * Math.pow(2, i));
-        onUpdatePageSizeOptions(temPageSizes);
-        if (setUserPageConfig && !(userPageConfig?.pageSize >= 0)) setUserPageConfig({ pageSize: 1 });
-        this.setState({ pageSizeOptions: temPageSizes, sortedColConfigs });
-      } else {
-        this.loadData(userPageConfig?.hiddenColIds || defaultDisabledColIds, [], sortedColConfigs);
-      }
-    }
-    this.getTabsOptions();
-  }
-
-  // 卡片列表-更新列表分页数
-  handleCardListPageSize(preViewModels, viewModels) {
-    const { ltmplConfig, onChangePage, pageSize, pageNo } = this.props;
-    const { defaultPageSize } = ltmplConfig || {};
-    const preIsCard = preViewModels.includes("cardList");
-    const isCard = viewModels.includes("cardList");
-    let temPageSizes = defPageSizeOptions;
-    let temPageSize = defaultPageSize;
-    if ((!preIsCard && !isCard) || (preIsCard && isCard)) {
-      return;
-    }
-    if (!preIsCard && isCard) { // 普通切换到Card
-      temPageSizes = Array.from({ length: 7 }, (_, i) => ltmplConfig.rowCardCount * Math.pow(2, i));
-      temPageSize = temPageSizes.includes(Number(pageSize)) ? pageSize : (temPageSizes.includes(Number(defaultPageSize)) ? defaultPageSize : temPageSizes[1]);
-    } else if (preIsCard && !isCard) { // card切换到普通
-      temPageSize = defPageSizeOptions.includes(Number(pageSize)) ? pageSize : (defPageSizeOptions.includes(Number(defaultPageSize)) ? defaultPageSize : defPageSizeOptions[1]);
-    }
-    this.setState({ pageSizeOptions: temPageSizes });
-    onChangePage(pageNo || 1, temPageSize, temPageSizes);
-  }
-
-  async componentDidUpdate(prevProps, prevState) {
-    const { sourceId, criteriaData, ltmplConfig, tableType, pageSize, pageNo, userPageConfig, defShowType } = this.props;
-    // const {userCriteriaData:preUserCriteriaData}=prevState;
-    const { userCriteriaData } = this.state;
-    const { translate } = this.context;
-    let {
-      ltmplConfig: preLtmplConfig,
-      criteriaData: preCriteriaData,
-      sourceId: preSourceId, pageSize: prePageSize, pageNo: prePageNo,
-      userPageConfig: preUserPageConfig
-    } = prevProps;
-    if (!this.isSameSourceQuery(sourceId, criteriaData)) {
-      return false;
-    }
-
-    if (prePageSize != pageSize || pageNo != prePageNo) {
-      this.setState({
-        pageInfo: { pageNo, pageSize },
-        userCriteriaData: criteriaData,
-      })
-    }
-    if (!preUserPageConfig && userPageConfig) {
-      this.setState({ viewModels: userPageConfig?.["viewModels"] || [defShowType || ltmplConfig?.showType || "table"] });
-    }
-    if (!_.isEqual(prevState.viewModels, this.state.viewModels)) { // 显示视图变化-更改卡片列表分页条数
-      this.handleCardListPageSize(prevState.viewModels, this.state.viewModels);
-    }
-    let { hiddenColIds, sortedColConfigs } = this.state;
-    let currentQueryParams = ProgramConfig.transQueryParamsToStr(criteriaData, false, [
-      "pageSize",
-      "pageNo",
-    ]);
-    let preCurrentQueryParams = ProgramConfig.transQueryParamsToStr(userCriteriaData, false, [
-      "pageSize",
-      "pageNo",
-    ]);
-    if ((sourceId && preSourceId != sourceId) ||
-      (ltmplConfig &&
-        (!preLtmplConfig || ltmplConfig.id != preLtmplConfig.id)) ||
-      ((currentQueryParams != preCurrentQueryParams) &&
-        (!criteriaData['menuId'] || preCriteriaData.menuId == criteriaData['menuId']))
-    ) {
-      //5秒后允许再次请求数据
-      //refresh=false;
-      if (preLtmplConfig && ltmplConfig.id == preLtmplConfig.id) {
-        await this.loadData(hiddenColIds, [], sortedColConfigs);
-      } else {
-        let sColConfigs = undefined;
-        const { sortedColIds } = userPageConfig || {};
-        if (ltmplConfig) {
-          sColConfigs = tableType == 'report' ? ltmplConfig.columns : [
-            { id: "10000", title: translate("${排序}"), originalId: "10000" },
-            { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
-            ...ltmplConfig.columns,
-          ];
-          if (sortedColIds) { // 使用缓存的列排序
-            sColConfigs.sort((a, b) => sortedColIds.indexOf(a.id) - sortedColIds.indexOf(b.id));
-          }
-        }
-        await this.loadData(userPageConfig?.hiddenColIds || defaultDisabledColIds, [], sColConfigs);
-      }
-
-    } else {
-      return false;
-    }
-  }
-
-  isSameSourceQuery = (sourceId, criteriaData) => {
-    if (sourceId && criteriaData && (criteriaData['sourceId'] && criteriaData['sourceId'] != sourceId)
-      || (criteriaData['menuId'] && criteriaData['menuId'] != sourceId)) {
-      return false;
-    } else {
-      return true;
-    }
-  };
-
-  handleShowChart = () => {
-    this.setState({
-      showL2Chart: !this.state.showL2Chart,
-    });
-  };
-
-  handleDataAnalysis = () => {
-    this.setState({
-      showL2ActTable: !this.state.showL2ActTable,
-    });
-  };
-
-  unHiden = () => {
-    const { ltmplConfig } = this.props;
-    const { hiddenColIds, sortedColConfigs } = this.state;
-    this.setState({
-      hiddenRowCodes: [],
-    });
-  };
-
-  onHide = (code: string) => {
-    const { hiddenRowCodes } = this.state;
-    let hiddenCodes = [...hiddenRowCodes, code];
-    this.setState({
-      hiddenRowCodes: hiddenCodes,
-    });
-  };
-
-  changeViewModel = (viewModels) => {
-    const { setUserPageConfig } = this.props;
-    const { hiddenColIds, hiddenRowCodes, sortedColConfigs, viewModels: oldViewModels } = this.state;
-    setUserPageConfig({ viewModels });
-    this.setState({ viewModels }, () => {
-      if (viewModels.length && viewModels.includes("ganttChart") !== oldViewModels.includes("ganttChart")) {
-        this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs); // 前后选择是否存在甘特图，刷新数据
-      }
-    });
-  };
-
-  changeHiddenColumns = (hiddenColIds: string[]) => {
-    const { setUserPageConfig } = this.props;
-    this.setState({ showL2Chart: false, hiddenColIds });
-    setUserPageConfig({ hiddenColIds });
-  };
-
-  doSelectedAction = async (actionId: string, codes, params: object) => {
-    const { selectedRows } = this.state;
-    this.doAction(actionId, selectedRows, params);
-  };
-
-  doAction = async (actionId: string, selectedRows: SelectedRow[], params) => {
-    const { serverKey } = this.props;
-    const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
-    this.setState({
-      loading: true,
-    });
-    let result: boolean = await HcserviceV3.postActions(
-      serverKey,
-      actionId,
-      selectedRows,
-      params
-    );
-    if (result) {
-      //重新加载数据
-      this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
-    } else {
-      this.setState({
-        loading: false,
-      });
-    }
-  };
-
-  doRowAction = async (actionId: string, codes: string[], params: object) => {
-    this.doAction(actionId, [{ title: undefined, code: codes[0] }], params);
-  };
-
-  doDelete = async () => {
-    const { sourceId, serverKey, mainCode } = this.props;
-    const {
-      selectedRows,
-      hiddenColIds,
-      hiddenRowCodes,
-      sortedColConfigs,
-    } = this.state;
-    this.setState({
-      loading: true,
-    });
-    let result: boolean = await HcserviceV3.deleteData(
-      serverKey,
-      sourceId,
-      selectedRows,
-      mainCode
-    );
-    if (result) {
-      //重新加载数据
-      this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
-    } else {
-      this.setState({
-        loading: false,
-      });
-    }
-  };
-
-  doDeleteByCode = async (record: DtmplData) => {
-    const { sourceId, serverKey, mainCode, doDelete, deleteCallback } = this.props;
-    const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
-    this.setState({
-      loading: true,
-    });
-    let result: boolean = await HcserviceV3.deleteByCode(
-      serverKey,
-      sourceId,
-      [record.code],
-      mainCode
-    );
-    if (result) {
-      //重新加载数据
-      this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
-      doDelete && doDelete(record.code);
-      deleteCallback && deleteCallback(record);
-      this.setState({ loading: false, delModalOpen: false, recordCode: undefined, record: undefined });
-    } else {
-      this.setState({ loading: false });
-    }
-  };
-
-  doSelectedCQuery = async (cqueryId: string) => { };
-
-  doJump = async (jump: JumpConfig, record_: DtmplData) => {
-    let record = record_.fieldMap ? record_.fieldMap : record_;
-    const version = localStorage.getItem("version") || "";
-
-    let url = null;
-    let path = jump.path;
-    if (!path) {
-      path = "/";
-    }
-    //是否以http开头
-    if (path?.indexOf("#") == 0 || url?.indexOf("/#") == 0) {
-      url = "";
-    } else if (
-      path.indexOf("http://") == 0 ||
-      path.indexOf("HTTP://") == 0 ||
-      path.indexOf("https://") == 0 ||
-      path.indexOf("HTTPS://") == 0
-    ) {
-      url = path.split("//")[0] + "//";
-      path = path.split("//")[1];
-    } else {
-      url = `/#/${version}`;
-    }
-
-    //处理路由参数
-    let paths = path.split("/");
-
-    let routeParamConfigs = jump.routeParams;
-    if (routeParamConfigs) {
-      for (let i = 0; i < paths.length; i++) {
-        if (paths[i].indexOf(":") == 0) {
-          let pa = paths[i].substring(1);
-          //根据参数名匹配参数
-          for (let p of routeParamConfigs) {
-            if (p && pa == p.title) {
-              //赋值替换
-              let v = record[p.id] ? record[p.id] : p.defaultValue;
-              paths[i] = v;
-              break;
-            }
-          }
-        }
-      }
-      url = ProgramConfig.joinPath(url, paths.join("/"));
-    } else {
-      url = ProgramConfig.joinPath(url, path);
-    }
-
-    //处理search 参数
-    let searchParamConfigs = jump.searchParams;
-    let searchs = [];
-    //放入token
-    if (jump.tokenName) {
-      searchs[0] = jump.tokenName + "=" + ProgramConfig.hydrocarbonToken();
-    }
-
-    if (searchParamConfigs) {
-      let initSearchLength = searchs.length;
-      for (let i = 0; i < searchParamConfigs.length; i++) {
-        let p = searchParamConfigs[i];
-        let v = record[p.id] ? record[p.id] : p.defaultValue;
-        if (!v && p.title == "code") {
-          v = record_.code;
-        }
-        searchs[initSearchLength + i] = p.title + "=" + v;
-      }
-    }
-    if (searchs.length > 0) {
-      if (url.indexOf("?") != url.length - 1) {
-        url = url + "?";
-      }
-      url = url + searchs.join("&");
-    }
-    if (jump.linkTarget == '_self') {
-      window.location.hash = url.substring(url.indexOf("#") + 1);
-    } else {
-      debugger
-      if (url.indexOf("/#") == 0) {
-        // url=window.location.href.split("#/")[0]+url;
-        url = window.location.href.split("#/")[0] + url.substring(url.indexOf("/#") + 1);
-      }
-      window.open(url);
-    }
-    // if (
-    //   url.indexOf("#") == 0 ||
-    //   url.indexOf("/#") == 0 ||
-    //   url.indexOf("//#") == 0
-    // ) {
-    //   window.location.hash = url.substring(url.indexOf("#") + 1);
-    // } else {
-    //   window.open(url);
-    // }
-  };
-
-  blockMenuTreeDrawerOpen = (record) => {
-    this.setState({
-      blockMenuTreeDrawerOpen: true,
-      recordCode: record.code,
-      record
-    })
-  }
-
-  doRowJump = async (jump: JumpConfig, record: DtmplData) => {
-    this.doJump(jump, record);
-  };
-
-  renderExportButton = (title, type: ExportType, sourceId?: string) => {
-    const { pageNo, pageSize, serverKey, ltmplConfig, tableType } = this.props;
-
-    //let buttons = ltmplConfig?.buttons;
-
-    const { queryKey } = this.state;
-    const { translate } = this.context;
-    let exportModes: ExportMode[] = tableType == "report" ?
-      ["all"] : ["current", "page", "all"];
-
-    return (
-      <Popover
-        content={
-          <ExportFrame //导出组件
-            currentPage={{
-              pageNo: pageNo ? pageNo : 1,
-              pageSize: pageSize ? pageSize : ltmplConfig.defaultPageSize,
-            }}
-            exportModes={exportModes}
-            type={type}
-            serverKey={serverKey}
-            queryKey={queryKey}
-            sourceId={sourceId}
-            title={translate(
-              "${" + ltmplConfig.title + "}" + "-" + "${" + title + "}"
-            )}
-          />
-        }
-        title={translate("${" + title + "}")}
-        placement="bottomRight"
-        trigger="click"
-      >
-        <Tooltip title={translate("${" + title + "}")}>
-          <Button
-            style={{
-              // marginLeft: "5px",
-            }}
-          //为了点击到没有导出模块，使组件不致销毁，丢失导出数据
-          >{type == "ltmpl-data-excel" ? <ExportOutlined /> : title}
-          </Button>
-        </Tooltip>
-      </Popover>
-    );
-  };
-
-  renderFileExportButton = () => {
-    const { ltmplConfig } = this.props;
-    let fileExports = ltmplConfig?.topFileExports;
-    if (fileExports) {
-      return fileExports.map((fileExport) => {
-        return this.renderExportButton(
-          fileExport.title,
-          "ltmpl-data-filedata",
-          fileExport.id
-        );
-      });
-    } else {
-      return <></>;
-    }
-  };
-
-  doSelectedJump = async (jump: JumpConfig) => {
-    const { selectedDatas } = this.state;
-    if (selectedDatas.length == 1) {
-      this.doJump(jump, selectedDatas[0]);
-    }
-  };
-
-  changeRowSelection = (
-    selectedRows: SelectedRow[],
-    selectedDatas: DtmplData[]
-  ) => {
-    const { onSelectChange } = this.props;
-    this.setState({ selectedRows, selectedDatas });
-    if (onSelectChange) {
-      onSelectChange({ selectedRows, selectedDatas });
-    }
-  };
-
-  onChangeColSort = (sortedColConfigs: ColumnConfig[]) => {
-    const { setUserPageConfig } = this.props;
-    this.setState({ sortedColConfigs });
-    const sortedColIds = sortedColConfigs.map(r => r.id);
-    setUserPageConfig({ sortedColIds });
-  };
-
-  // 更新本地缓存列宽度
-  onChangeResize = (colResize: { [key: string]: number }) => {
-    const { setUserPageConfig, userPageConfig } = this.props;
-    const oldColResize = userPageConfig?.colResize || {};
-    setUserPageConfig({ colResize: { ...oldColResize, ...colResize } });
-  }
-
-  getAddTmplButton = (classAddConfigs: ClassAddConfig[]) => {
-    const { translate } = this.context;
-    if (classAddConfigs && classAddConfigs.length < 1) {
-      return translate("${没有分类添加按钮}");
-    }
-    return classAddConfigs.map((config) => {
-      return (
-        <p>
-          <Button
-            size={"small"}
-            type={"text"}
-            onClick={() => this.props.doCreate(config.id, false)}
-          >
-            {config.title}
-          </Button>
-        </p>
-      );
-    });
-  };
-
-  // 重置当前页面配置
-  handleResetUserPageConfig = () => {
-    const { resetUserPageConfig, ltmplConfig, tableType, defShowType } = this.props;
-    const { translate } = this.context;
-    let sortedColConfigs = undefined;
-    if (ltmplConfig) {
-      sortedColConfigs = tableType === 'report' ? ltmplConfig.columns : [
-        { id: "10000", title: translate("${排序}"), originalId: "10000" },
-        { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
-        ...ltmplConfig.columns,
-      ];
-    }
-    this.setState({ viewModels: [defShowType || ltmplConfig.showType || "table"], hiddenColIds: defaultDisabledColIds, sortedColConfigs });
-    resetUserPageConfig();
-  }
-
-  // 更新当前页面配置
-  handleUpdateUserPageConfig = (val: { [key: string]: any }) => {
-    const { sortedColIds, hiddenColIds, viewModels, criteriaData } = val || {};
-    const { setUserPageConfig, ltmplConfig, tableType, defShowType, menuId } = this.props;
-    const { userCriteriaData } = this.state;
-    const { translate } = this.context;
-    let sortedColConfigs = undefined;
-    if (ltmplConfig) {
-      sortedColConfigs = tableType === 'report' ? ltmplConfig.columns : [
-        { id: "10000", title: translate("${排序}"), originalId: "10000" },
-        { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
-        ...ltmplConfig.columns,
-      ];
-    }
-    if (sortedColIds) { // 页面配置更新列排序
-      sortedColConfigs.sort((a, b) => sortedColIds.indexOf(a.id) - sortedColIds.indexOf(b.id));
-    }
-    // 旧过滤参数设置为空
-    const oldParms = Object.keys(userCriteriaData || {}).reduce((total, item) => { total[item] = ""; return total; }, {});
-    this.actTableDoSearch({ ...oldParms, ...(criteriaData || { menuId }) });
-    this.setState({ userCriteriaData: criteriaData, viewModels: viewModels || [defShowType || ltmplConfig.showType || "table"], hiddenColIds: hiddenColIds || defaultDisabledColIds, sortedColConfigs });
-    setUserPageConfig({ ...val, criteriaData: undefined });
-  }
-
-  renderHeaderButtons = () => {
-    let {
-      hiddenColIds, viewModels, sortedColConfigs, disabledColIds, showL2Chart,
-      showL2ActTable, restatParams, userCriteriaData
-    } = this.state;
-    const {
-      ltmplConfig, sourceId, doCreate, doSearch, menuId,
-      funcMode, customCreatable, serverKey, readOnly, userPageConfig, allowUserConfig
-    } = this.props;
-    const { translate } = this.context;
-    let { buttons } = ltmplConfig;
-    const version = localStorage.getItem("version") || "";
-
-    return (
-      <>
-        <Space>
-          {userPageConfig && allowUserConfig ? <PageConfigButton menuCode={menuId} handleResetUserPageConfig={this.handleResetUserPageConfig} handleUpdateUserPageConfig={this.handleUpdateUserPageConfig} userCriteriaData={userCriteriaData} /> : ""}
-          {funcMode == "common" && this.criteriaFormUseful() ? (
-            <Popover trigger="click" content={this.renderCriteriaForm()}>
-              <Button>
-                <SearchOutlined />
-              </Button>
-            </Popover>
-          ) : null}
-          {buttons.includes("ratmplSelect") && !readOnly ? (
-            <Button onClick={() => this.setState({ showRatmplSelector: true })}>
-              {translate("${选择}")}
-            </Button>
-          ) : (
-            ""
-          )}
-          {buttons.includes("dtmplAdd") && doCreate && !readOnly ? (
-            ltmplConfig.classAddConfigs &&
-              ltmplConfig.classAddConfigs.length > 0 ? (
-              <Popover
-                arrow={false}
-                content={this.getAddTmplButton(ltmplConfig.classAddConfigs)}
-                placement="bottomRight"
-              >
-                <Tooltip>
-                  <Button>
-                    <PlusOutlined />
-                  </Button>
-                </Tooltip>
-              </Popover>
-            ) : (
-              <Tooltip title={translate("${" + (ltmplConfig.createBtnTitle || "创建") + "}")}>
-                <Button onClick={() => doCreate(null, false)}>
-                  <PlusOutlined />
-                </Button>
-              </Tooltip>
-            )
-          ) : (
-            ""
-          )}
-          {(buttons.includes("dtmplCustomAdd") || customCreatable) &&
-            doCreate &&
-            !readOnly ? (
-            <Tooltip title={translate("${" + (ltmplConfig.createBtnTitle || "创建") + "}")}>
-              <Button onClick={() => doCreate(null, true)}>
-                <PlusCircleOutlined />
-              </Button>
-            </Tooltip>
-          ) : (
-            ""
-          )}
-          {buttons.includes("importLtmplExcel") && !readOnly ? (
-            <Tooltip title={translate("${导入}")}>
-              <Button
-                href={`#/${version}/${sourceId}/importer?menuId=${menuId}`}
-                target={"_blank"}
-              >
-                <ImportOutlined />
-              </Button>
-            </Tooltip>
-          ) : (
-            ""
-          )}
-          {buttons.includes("exportLtmplExcel") && !readOnly
-            ? this.renderExportButton("导出", "ltmpl-data-excel")
-            : ""}
-          {this.renderFileExportButton()}
-          {false
-            && buttons.includes("showChart") ? (
-            <Tooltip
-              title={
-                showL2Chart
-                  ? translate("${隐藏}${图表}")
-                  : translate("${展示}${图表}")
-              }
-            >
-              <Button onClick={this.handleShowChart}>
-                <LineChartOutlined />
-              </Button>
-            </Tooltip>
-          ) : (
-            ""
-          )}
-          {buttons.includes("analysis") ? (
-            <Tooltip
-              title={
-                showL2ActTable
-                  ? translate("${隐藏}${数据分析}")
-                  : translate("${展示}${数据分析}")
-              }
-            >
-              <Button onClick={this.handleDataAnalysis}>
-                <FundOutlined />
-              </Button>
-            </Tooltip>
-          ) : (
-            ""
-          )}
-          {buttons.includes("reStat") && !readOnly ? (
-            <Restat
-              value={restatParams}
-              serverKey={serverKey}
-              fields={ltmplConfig.reStatParams}
-              sourceId={sourceId}
-              onfinish={(restatParams) => {
-                this.actTableDoSearch(null);
-                this.setState({ restatParams: restatParams });
-              }
-              }
-            ></Restat>
-          ) : (
-            ""
-          )}
-          <Popover
-            content={
-              <Checkbox.Group
-                value={viewModels}
-                onChange={this.changeViewModel}
-              >
-                <Row style={{ width: "120px" }}>
-                  <Col span={24}>
-                    <Checkbox value={"table"}>{translate("${表格}")}</Checkbox>
-                  </Col>
-                  <Col span={24}>
-                    <Checkbox value={"verticalList"}>
-                      {translate("${纵向列表}")}
-                    </Checkbox>
-                  </Col>
-                  <Col span={24}>
-                    <Checkbox value="cardList">
-                      {translate("${卡片列表}")}
-                    </Checkbox>
-                  </Col>
-                  <Col span={24}>
-                    <Checkbox value="ganttChart">
-                      {translate("${甘特图}")}
-                    </Checkbox>
-                  </Col>
-                  <Col span={24}>
-                    <Checkbox value="calendar">
-                      {translate("${日历}")}
-                    </Checkbox>
-                  </Col>
-                  {/*<Col span={24}><Checkbox value={'horizontalList'}>横向列表</Checkbox></Col>*/}
-                </Row>
-              </Checkbox.Group>
-            }
-            title={translate("${视图}")}
-            placement="bottomRight"
-            trigger="click"
-          >
-            <Tooltip title={translate("${选择视图}")}>
-              <Button>
-                <RetweetOutlined />
-              </Button>
-            </Tooltip>
-          </Popover>
-          <Popover
-            content={
-              <ColumnSelector
-                columns={sortedColConfigs}
-                disabledColIds={disabledColIds}
-                hiddenColIds={hiddenColIds}
-                onChangeColSort={this.onChangeColSort}
-                onChangeHiddenCols={this.changeHiddenColumns}
-              />
-            }
-            title={translate("${排序和选择列}")}
-            placement="bottomRight"
-            trigger="click"
-          >
-            <Tooltip title={translate("${点击排序和选择列}")}>
-              <Button>
-                <TableOutlined />
-              </Button>
-            </Tooltip>
-          </Popover>
-          {doSearch ? (
-            <Button
-              className="hoverbig"
-              title={translate("${刷新}")}
-              onClick={() => {
-                this.actTableDoSearch(null);
-              }}
-            >
-              <ReloadOutlined />
-            </Button>
-          ) : (
-            ""
-          )}
-          {/*<Tooltip title={translate("${常用配置}")}>*/}
-          {/*  <Button*/}
-          {/*      className="hoverbig"*/}
-          {/*      onClick={() => {*/}
-          {/*        //doSearch(null);*/}
-          {/*      }}*/}
-          {/*  >*/}
-          {/*    <SettingOutlined  />*/}
-          {/*  </Button>*/}
-          {/*</Tooltip>*/}
-
-        </Space>
-      </>
-    );
-  };
-
-  criteriaFormUseful = () => {
-    const { ltmplConfig } = this.props;
-    let { buttons, criterias, updrillButtonConfigs } = ltmplConfig;
-    if (
-      ((buttons.includes("query") ||
-        (updrillButtonConfigs && updrillButtonConfigs.length > 0)) &&
-        ((criterias && criterias.length > 0) ||
-          buttons.includes("drilling"))) ||
-      this.checkBoxUseful() || buttons.includes("multiRowEdit")
-    ) {
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  checkBoxUseful = () => {
-    const { ltmplConfig } = this.props;
-    let { buttons, jumps, actions, fileExports, customButtons } = ltmplConfig;
-    if (
-      buttons.includes("batchDelete") ||
-      (actions && actions.length > 0) || (customButtons && customButtons.length > 0) ||
-      (jumps && jumps.length > 0) || (fileExports && fileExports.length > 0)
-    ) {
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  actTableDoSearch = (data: object) => {
-    const { ltreeData } = this.state;
-    this.doSearch_(data, ltreeData);
-  }
-
-  doSearch_ = async (criteriaData, ltreeData) => {
-    const { doSearch } = this.props;
-
-    let new_serial_number = new Date().getTime();
-    if (doSearch && new_serial_number - serial_number > 2000) {
-      serial_number = new_serial_number;
-      await doSearch({ ...criteriaData, serial_number, ...ltreeData });
-      //busyReminderTime=0;
-      // }else{
-      //   if(busyReminder){
-      //     if(busyReminderTime==1){
-      //       const { translate } = this.context;
-      //       message.warning(translate("${系统忙，请稍后再试}"));
-      //       busyReminderTime=0;
-      //     }else{
-      //       busyReminderTime=1;
-      //     }
-      //}
-    }
-  }
-
-  ltreeValueChange = async (v) => {
-    let ltreeEntitySelect = this.getLtreeEntitySelectCriteria();
-    const { ltreeData } = this.state;
-    const { criteriaData } = this.props;
-    if (ltreeData && ltreeData["c_" + ltreeEntitySelect.id] != v) {
-      let ltreeData_ = {};
-      ltreeData_["c_" + ltreeEntitySelect.id] = v;
-      await this.doSearch_(criteriaData, ltreeData_);
-      this.setState({ ltreeData: ltreeData_ });
-    }
-  }
-
-
-  doSearchDirect = (data: object) => {
-
-    let { doSearch } = this.props;
-    if (doSearch) {
-      doSearch({ ...data, serial_number });
-    }
-  }
-
-
-  buttonClickable = () => {
-    let new_serial_number = new Date().getTime();
-    if (new_serial_number - serial_number > 1500) {
-      serial_number = new_serial_number;
-      return true;
-    } else {
-      return false;
-    }
-  }
-
-  renderCriteriaForm = () => {
-    let { loading, selectedRows, selectedDatas, userCriteriaData, editings, tabActiveKey, tabsOptions } = this.state;
-    let { ltmplConfig, serverKey, sourceId } = this.props;
-    const tabCriteriaId = tabsOptions.find(r => r.key === tabActiveKey)?.id;
-    return (
-      <CriteriaForm
-        key={sourceId}
-        serverKey={serverKey}
-        loading={loading}
-        selectedDatas={selectedDatas}
-        selectedRows={selectedRows}
-        doCustomButton={this.doCustomButton}
-        ltmplConfig={ltmplConfig}
-        data={userCriteriaData}
-        doCQuery={this.doSelectedCQuery}
-        doAction={this.doSelectedAction}
-        doDelete={this.doDelete}
-        doJump={this.doSelectedJump}
-        doSearch={this.actTableDoSearch}
-        doMultiRowEdit={this.doMultiRowEdit}
-        multiRowEditDisabled={!editings.length}
-        tabCriteriaId={tabCriteriaId}
-      />
-    );
-  };
-  //暂时无用
-  // queryTotal = async () => {
-  //   const { queryKey} = this.state;
-  //   const { serverKey }=this.props;
-  //   let aggregateVO:AggregateVO = await HcserviceV3.requestQueryAggregates(serverKey, queryKey.key);
-  //   this.setState({
-  //     aggregateVO,
-  //   });
-  //   return aggregateVO;
-  // };
-
-  getLtreeEntitySelectCriteria = () => {
-    let { ltmplConfig } = this.props
-
-    if (ltmplConfig && ltmplConfig.criterias) {
-      for (let c of ltmplConfig.criterias) {
-        if (c?.extControlType == "ltree-entity-select" || c?.extControlType == "ltree-entity-select-value") {
-          return c;
-        }
-      }
-    }
-    return undefined;
-  }
-
-  // 行内编辑start
-  editRowEdit = (code: string) => {
-    this.setState({ editings: [...this.state.editings, code] });
-  }
-
-  cancelRowEdit = (code: string) => {
-    this.setState({ editings: this.state.editings.filter(r => r !== code) });
-  }
-
-  // 单独提交
-  postLtmplData = async (dtmplData) => {
-    const { serverKey, sourceId } = this.props;
-    let res = await HcserviceV3.postLtmplData(
-      serverKey,
-      sourceId,
-      dtmplData,
-      message
-    );
-    if (res.status === "success") {
-      this.cancelRowEdit(dtmplData["唯一编码"]);
-      this.actTableDoSearch(undefined);
-      this.formRef.current.resetFields([]);
-    }
-  };
-
-  // 批量提交
-  postLtmplMultiData = async (dtmplData) => {
-    const { serverKey, sourceId } = this.props;
-    let res = await HcserviceV3.postLtmplMultiData(
-      serverKey,
-      sourceId,
-      dtmplData,
-      message
-    );
-    if (res.status === "success") {
-      this.cancelRowEdit(dtmplData["唯一编码"]);
-      this.actTableDoSearch(undefined);
-      this.formRef.current.resetFields([]); // 重置表单数据
-      this.setState({ editings: [] });
-    }
-  };
-
-  saveRowData = async (data: DtmplData) => {
-    const { code } = data;
-    let currentForm = this.formRef.current;
-    let dtmplData = { "唯一编码": code };
-    await currentForm.validateFields().then((values) => {
-      for (let key in values) {
-        if (values.hasOwnProperty(key) && key.startsWith(code)) {
-          dtmplData[key.split("_")[1]] = values[key];
-        }
-      }
-      this.postLtmplData(dtmplData);
-    });
-  }
-
-  // 批量提交
-  doMultiRowEdit = async () => {
-    const { editings } = this.state;
-    if (!editings.length) {
-      return;
-    }
-    let currentForm = this.formRef.current;
-    let dtmplData = {};
-    await currentForm.validateFields().then((values) => {
-      for (let key in values) {
-        if (values.hasOwnProperty(key)) {
-          const code = key.split("_")[0];
-          if (editings.includes(code)) {
-            dtmplData[code] = { "唯一编码": code, ...(dtmplData[code] || {}), [key.split("_")[1]]: (values[key] || values[key] === 0) ? values[key] : null }
-          }
-        }
-      }
-      this.postLtmplMultiData({ data: JSON.stringify(Object.values(dtmplData)) });
-    });
-  }
-
-  // 批量编辑表单值更新
-  doRowEditFormChange = (data: { [key: string]: any }) => {
-    const { editings } = this.state;
-    const code = Object.keys(data)[0].split("_")[0];
-    if (!editings.includes(code)) {
-      this.setState({ editings: [...editings, code] });
-    }
-  }
-  // 行内编辑end
-
-  // 删除确认弹窗打开
-  doDelModalOpen = (record: DtmplData) => {
-    this.setState({ record, recordCode: record.code, delModalOpen: true });
-  };
-
-  // tab页切换查询
-  doTabSearch = (val: string) => {
-    const { tabsOptions, tabActiveKey } = this.state;
-    let new_serial_number = new Date().getTime();
-    if (new_serial_number - serial_number < 2000) return;
-    if (tabActiveKey === val) return;
-    const ids = tabsOptions.find(r => r.key === "all").ids || [];
-    const item = tabsOptions.find(r => r.key === val);
-    let params = ids?.reduce((total, cur) => {
-      total[cur] = (val === "all" || cur !== item.id) ? undefined : val;
-      return total;
-    }, {});
-    this.actTableDoSearch(params);
-    this.setState({ tabActiveKey: val });
-  }
-
-  renderAggregates() { // 统计数据渲染
-    const { aggregateVO } = this.state;
-    const { ltmplConfig } = this.props;
-    const aggregates = aggregateVO?.aggregates || [];
-    const columns = ltmplConfig?.columns || [];
-    return aggregates?.length ? <div className="aggregates">{aggregates.map(item => {
-      const column = columns.find(r => r.id === item.fieldId);
-      if (!column) {
-        return "";
-      }
-      const { dataUnit, themeColor, themeIcon } = column;
-      return <Card className="aggregate-card" hoverable styles={{ body: { padding: 20 } }}>
-        <div style={{ display: "flex", alignItems: "start", justifyContent: "space-between" }}>
-          <div style={{ width: "calc(100% - 40px)" }}>
-            <p className="title">{item.fieldTitle}</p>
-            <div className="value">
-              <Text
-                style={{ maxWidth: "100%" }}
-                ellipsis={{ tooltip: item.value }}
-              >
-                <span className="number">{item.value}</span>
-              </Text>
-              {dataUnit ? <span className="unit">{dataUnit}</span> : ""}
-            </div>
-          </div>
-          {themeIcon ?
-            <div className="icon" style={{ color: themeColor, background: `${themeColor}26` }}>
-              <Icon type={themeIcon} />
-            </div> :
-            ""}
-        </div>
-      </Card>
-    }).filter(Boolean)
-    }</div > : "";
-  }
-
-  renderContent = () => {
-    let {
-      queryKey, loading, selectedRows, hiddenRowCodes, viewModels, sortedColConfigs, hiddenColIds, showL2ActTable,
-      pageInfo, editings, userCriteriaData, tabsOptions, tabActiveKey, pageSizeOptions
-    } = this.state;
-    let {
-      mainCode, sourceId, ltmplConfig, funcMode, operatable,
-      title, collapsible,
-      onChangePage, serverKey, criteriaData, showEmpty, loadDataCallback,
-      showView, doEdit, doRAction, customEditable, readOnly, tableType, showPagination, showAggregates, userPageConfig,
-      doEdit2D, doView2D
-    } = this.props;
-    const { translate } = this.context;
-
-    if (!ltmplConfig || !sourceId) {
-      return (
-        <>
-          <Card loading={loading}></Card>
-          <Table loading={loading}></Table>
-        </>
-      );
-    }
-
-    let tableColumns = ColumnBuilder.buildTableColumns(
-      {
-        ltmplConfig, operatable,
-        hiddenColIds, hiddenRowCodes, sortedColConfigs, showView,
-        doEdit,
-        doRAction, customEditable,
-        serverKey, readOnly,
-        sourceId, translate, unHiden: this.unHiden,
-        onHide: this.onHide, doCustomButton: this.doCustomButton, doRowJump: this.doRowJump,
-        blockMenuTreeDrawerOpen: this.blockMenuTreeDrawerOpen,
-        doRowAction: this.doRowAction, doDeleteByCode: this.doDeleteByCode, sortColumns: criteriaData["sortColIds"],
-        editings, editRowEdit: this.editRowEdit, cancelRowEdit: this.cancelRowEdit, saveRowData: this.saveRowData,
-        doDelModalOpen: this.doDelModalOpen, mainCode, criteriaData: userCriteriaData, actTableDoSearch: this.actTableDoSearch,
-        columnResize: userPageConfig?.colResize, doEdit2D, doView2D
-      }
-    );
-
-    let { buttons, extDisplayConfig, rowCardCount, customViewPagePath, splitTabShowType } = ltmplConfig;
-    let { primaryColumn, primaryColumnLabel, secondColumn, secondColumnLabel, mainPicture, mainPictureLabel, labelColumn, cardShowCols } = extDisplayConfig;
-    let displayCriteriaCard: boolean = false;
-    if (funcMode == "simple" || funcMode == "common") {
-      displayCriteriaCard = false;
-    } else if (this.criteriaFormUseful()) {
-      displayCriteriaCard = true;
-    }
-
-    let columnConfigs = [];
-    if (sortedColConfigs) {
-      for (let colConfig of sortedColConfigs) {
-        if (!hiddenColIds.includes(colConfig.id)) {
-          columnConfigs.push(colConfig);
-        }
-      }
-    }
-
-    const sortColumnData = [];
-    if (Array.isArray(criteriaData["sortColIds"])) {
-      sortColumnData.push(...criteriaData["sortColIds"]);
-    }
-
-    let ltreeEntitySelect = this.getLtreeEntitySelectCriteria();
-
-    // actTable渲染
-    const renderActTable = loading ? (
-      <Table loading={loading}></Table>
-    ) : (tableType == "report" ? <ReportTable
-      tableProps={{ scrollY: ltmplConfig.scrollY, clickDisplayTotal: !ltmplConfig.directShowTotal }}
-      serverKey={serverKey} hiddenColIds={hiddenColIds}
-      maxSelectedRows={this.checkBoxUseful() ? 1000 : -1}
-      columns={tableColumns}
-      selectedRows={selectedRows} queryKey={queryKey}
-      onChangeRowSelection={this.changeRowSelection}
-      leftFixedCols={ltmplConfig.leftFixedCols}
-      onChangeResize={this.onChangeResize}
-      showEmpty={showEmpty}
-    /> :
-      <QueryTable key={"querytable" + sourceId} sourceId={sourceId}
-        // queryTotal={this.queryTotal}
-        tableProps={{ scrollY: ltmplConfig.scrollY, clickDisplayTotal: !ltmplConfig.directShowTotal }}
-        serverKey={serverKey}
-        onChangePage={onChangePage}
-        viewModels={viewModels}
-        primaryColumn={primaryColumn}
-        columnConfigs={columnConfigs} summaryConfigs={ltmplConfig.totalColumnConfigs}
-        maxSelectedRows={this.props?.tableType === "select" || this.checkBoxUseful() ? 10000 : -1}
-        selectedRows={selectedRows} columns={tableColumns}
-        hiddenRowCodes={hiddenRowCodes}
-        pageInfo={pageInfo}
-        queryKey={queryKey}
-        onChangeRowSelection={this.changeRowSelection}
-        subtotalXColumn={
-          ltmplConfig.subtotalXColumn == null ||
-            ltmplConfig.subtotalXColumn.length <= 0
-            ? null
-            : ltmplConfig.subtotalXColumn
-        }
-        groupIColumns={ltmplConfig.groupIColumns}
-        doSearch={this.actTableDoSearch}
-        sortColumnData={sortColumnData}
-        cardListConfig={{ primaryColumn, primaryColumnLabel, secondColumn, secondColumnLabel, mainPicture, mainPictureLabel, labelColumn, cardShowCols, rowCardCount, buttons, customViewPagePath, mainCode }}
-        ltmplConfig={ltmplConfig}
-        showView={showView}
-        showPagination={showPagination}
-        onChangeAggregateVO={(val) => this.setState({ aggregateVO: val })}
-        onChangeResize={this.onChangeResize}
-        pageSizeOptions={pageSizeOptions}
-        showEmpty={showEmpty}
-        loadDataCallback={loadDataCallback}
-      />);
-
-    // tab拆解条件渲染
-    const renderSplitTab = <>
-      {splitTabShowType === "tab" ? <Tabs tabBarGutter={12} size="small" activeKey={tabActiveKey} items={tabsOptions} onChange={this.doTabSearch} tabBarExtraContent={this.renderHeaderButtons()} /> : ""}
-      {splitTabShowType === "tag" ? <div className="split-tab" ><Space className="split-tab-left" >{tabsOptions.map(r => <Button style={{ height: "28px" }} size="small" onClick={() => this.doTabSearch(r.key)} shape="round" type={tabActiveKey === r.key ? "primary" : "default"}>{r.title}</Button>)}</Space><div className="split-tab-right">{this.renderHeaderButtons()}</div></div> : ""}
-      {splitTabShowType === "radio" ? <div className="split-tab" ><div className="split-tab-left"><Radio.Group onChange={(e) => this.doTabSearch(e.target.value)} value={tabActiveKey} options={tabsOptions} /></div><div className="split-tab-right">{this.renderHeaderButtons()}</div></div> : ""}
-    </>;
-
-    return (
-      <>
-        {buttons.includes("analysis") && showL2ActTable ? (
-          <div>
-            <L2ActTable
-              serverKey={serverKey}
-              innerQueryKey={queryKey.key}
-              sourceId={sourceId}
-            />
-            <Divider
-              dashed
-              style={{ borderTopColor: "#40a9ff" }}
-              plain
-            ></Divider>
-          </div>
-        ) : (
-          ""
-        )}
-        <div className="actTable">
-          <Row>
-            <Col span={24}>
-              {funcMode == "complete" || funcMode == "common" ? (
-                collapsible ? null : (
-                  <span>
-                    {ltmplConfig.header ? (
-                      <div
-                        style={{ padding: "6px" }}
-                        dangerouslySetInnerHTML={{ __html: ltmplConfig.header }}
-                      ></div>
-                    ) : null}
-                    {tabsOptions.length ? renderSplitTab :
-                      <>
-                        <h3 >
-                          <p className="act-table-title" style={{ position: "relative", float: "left", marginBottom: "4px" }}> {!title
-                            ? translate("${" + ltmplConfig.title + "}")
-                            : typeof title == "string"
-                              ? translate("${" + title + "}")
-                              : title}</p>
-                        </h3>
-                        <p className="fr" style={{ marginBottom: "4px" }}>{this.renderHeaderButtons()}</p>
-                      </>}
-                  </span>
-                )
-              ) : null}
-            </Col>
-          </Row>
-          {(<Row><Col span={24}><Layout hasSider style={{ backgroundColor: "#fff" }}>
-            <Sider
-              width={ltreeEntitySelect ? 260 : 0}
-              theme={"light"}
-              style={{
-                paddingRight: ltreeEntitySelect ? '10px' : "0px"
-              }}
-            >
-              {ltreeEntitySelect ?
-                <EntryControl style={{ width: "300px" }} onChange={this.ltreeValueChange} fieldConfig={ltreeEntitySelect}></EntryControl>
-                //     <NavigationTree fieldConfig={ltreeEntitySelect} />
-                : null}
-            </Sider>
-            <Layout style={{ backgroundColor: "#fff" }}>
-              <Content style={{ overflow: "initial" }}>
-                {showAggregates ? this.renderAggregates() : ""}
-                {displayCriteriaCard ? this.renderCriteriaForm() : null}
-                {buttons.includes("rowEdit") ? <AntdForm ref={this.formRef} component={false} onValuesChange={this.doRowEditFormChange}>{renderActTable}</AntdForm> : renderActTable}
-              </Content>
-            </Layout>
-          </Layout></Col></Row>
-          )}
-          {/*此处放页脚*/}
-          {ltmplConfig.footer ? (
-            <div
-              style={{ padding: "6px" }}
-              dangerouslySetInnerHTML={{ __html: ltmplConfig.footer }}
-            ></div>
-          ) : null}
-        </div>
-      </>
-    );
-  };
-
-  saveRatmplSelect = async (selectedRows: SelectedRow[]) => {
-    this.setState({
-      showRatmplSelector: false,
-    });
-    const { serverKey, sourceId, mainCode, doSearch } = this.props;
-    if (!selectedRows || selectedRows.length <= 0) {
-      return;
-    }
-
-    //查询
-    const codes: string[] = [];
-    for (let row of selectedRows) {
-      codes.push(row.code);
-    }
-    await HcserviceV3.saveRatmplSelectCodes(
-      serverKey,
-      sourceId,
-      mainCode,
-      codes
-    );
-    this.actTableDoSearch(null);
-  };
-
-  render() {
-    let { queryKey, loading, blockMenuTreeDrawerOpen, recordCode, record, showRatmplSelector, delModalOpen } = this.state;
-    let { sourceId, ltmplConfig, title, collapsible, initCollapse, tip, serverKey, mainCode } = this.props;
-    const { strongDeleteConfirmText } = ltmplConfig || {};
-    const { translate } = this.context;
-    const delFormRef = React.createRef<FormInstance>(); // 强删除表单的form Ref
-
-    if (!ltmplConfig || !sourceId) {
-      return (
-        <>
-          <Card loading={loading}></Card>
-          <Table loading={loading}></Table>
-        </>
-      );
-    }
-
-    return (
-      <>
-        {this.renderAboveCustomPage()}
-        {collapsible ? (
-          <CollapseCard
-            initCollapse={initCollapse}
-            title={
-              <>
-                {!title ? ltmplConfig.title : title}
-                <ToolTipBar
-                  content={tip ? tip : ltmplConfig ? ltmplConfig.tip : null}
-                />
-              </>
-            }
-            id={queryKey + ltmplConfig.id}
-            className={`hoverable`}
-            styles={{ header: { background: "#f2f4f5" }, body: { padding: "6px" } }}
-            loading={loading}
-            //暂时注释掉，后续要支持配置。
-            extra={this.renderHeaderButtons()}
-          >
-            {this.renderContent()}
-          </CollapseCard>
-        ) : (
-          <>{this.renderContent()}</>
-        )}
-        {this.renderOhterCustomPage()}
-        <BlockMenuTreeDrawer
-          onOk={() => {
-            this.setState({
-              blockMenuTreeDrawerOpen: false,
-            });
-          }}
-          onCancel={() => {
-            this.setState({
-              blockMenuTreeDrawerOpen: false,
-            });
-          }}
-          open={blockMenuTreeDrawerOpen}
-          roleCode={recordCode}
-        />
-        {showRatmplSelector ? (
-          <ModelSelectTable
-            serverKey={serverKey}
-            // defaultCriteriaValue={fieldGroupConfig.defaultCriteriaValue}
-            // maxSelectedRows={fieldGroupConfig.max}
-            open={showRatmplSelector}
-            onOK={this.saveRatmplSelect}
-            onCancel={() => {
-              this.setState({ showRatmplSelector: false });
-            }}
-            mainCode={mainCode}
-            sourceId={sourceId}
-            existRelation={"false"}
-          />
-        ) : ""}
-        {delModalOpen ?
-          <Modal
-            open={delModalOpen}
-            title={translate("${确定要[删除]此数据吗}?")}
-            onOk={() => delFormRef.current.validateFields().then(() => this.doDeleteByCode(record)).catch(() => { })}
-            onCancel={() => this.setState({ record: undefined, recordCode: undefined, delModalOpen: false })}
-          >
-            <AntdForm ref={delFormRef} layout="vertical">
-              <AntdForm.Item noStyle >
-                <Alert message={translate("${风险操作，此操作不可逆，是否继续操作}?")} type="warning" showIcon style={{ margin: "12px 0" }} />
-              </AntdForm.Item>
-              <AntdForm.Item
-                label={<div>{translate("${请手动输入}")}<span style={{ color: "#ff4d4f" }}> “ {translate("${" + strongDeleteConfirmText + "}")} ” </span>{translate("${完成验证}")}</div>}
-                name="rule"
-                rules={[
-                  { required: true, message: translate("${请输入}" + "${" + strongDeleteConfirmText + "}") },
-                  { validator: (_, value) => value && value !== translate("${" + strongDeleteConfirmText + "}") ? Promise.reject(new Error(translate("${请输入}" + "${" + strongDeleteConfirmText + "}"))) : Promise.resolve() }
-                ]}
-              >
-                <Input placeholder={translate("${" + strongDeleteConfirmText + "}")} />
-              </AntdForm.Item>
-            </AntdForm>
-          </Modal> : ""}
-      </>
-    );
-  }
-}
-
-export default ActTable;
+import React, { ReactNode } from "react";
+import {
+  Button, Card, Checkbox, Col, Divider, Popover, Row, Space, Drawer, Tooltip,
+  message, Layout, Table, Form as AntdForm, FormInstance, Modal, Input, Alert, Tabs, Radio, Typography
+} from "antd";
+import {
+  ExportOutlined, FundOutlined, LineChartOutlined,
+  PlusCircleOutlined, PlusOutlined, ReloadOutlined, RetweetOutlined, SearchOutlined,
+  TableOutlined, ImportOutlined
+} from "@ant-design/icons";
+import _ from "lodash";
+import "./index.css";
+import {
+  ActTableMode, ActTableViewModel, AggregateVO, ClassAddConfig, ColumnConfig,
+  CustomButton, CustomButtonConfig, DoEditParam, DtmplData, JumpConfig, LtmplConfig, QueryKey,
+  SelectedRow, ShowViewParam, TmplBaseProps,
+} from "../tmpl/interface";
+import HcserviceV3 from "../tmpl/hcservice-v3";
+import HCDataSource from "../tmpl/hc-data-source";
+import QueryTable from "./query-table";
+import CriteriaForm from "./../form/criteria-form";
+import ProgramConfig from "../units";
+import ColumnSelector from "./column/column-selector";
+import ExportFrame, { ExportType, ExportMode } from "../export/export-frame";
+import L2ActTable from "./l2-act-table";
+import Restat from "./stat/restat";
+import CollapseCard from "../controls/collapse-card";
+import ToolTipBar from "../detail/tooltipbar";
+import { LocaleContext } from "../locale/LocaleProvider";
+import BlockMenuTreeDrawer from "../module/block-menu-tree-drawer";
+import ModelSelectTable from "./../table/modal-select-table";
+import ColumnBuilder from "./column/column-builder";
+import ReportTable from "./report-table";
+import EntryControl from "../controls/entry-control";
+import DraggableModal from "../module/draggable-modal";
+import Icon from "../icon/aliIcon";
+import PageConfigButton from "./page-config-button";
+import { defPageSizeOptions } from "./pagination"; // 默认分页数
+
+const { Content, Sider } = Layout;
+const { Text } = Typography;
+
+type Level = "l1" | "l2";
+
+const enumTypes = ["select", "multiselect", "texttags", "checkbox", "radio", "steps"];
+
+
+const defaultDisabledColIds: string[] = ["20000", "10000"];
+
+interface ActTableProps extends TmplBaseProps {
+  criteriaData: object;
+  pageNo: number;
+  pageSize: number;
+  onChangePage: (pageNo: number, pageSize: number, pageSizeOptions?: number[]) => void;
+  ltmplConfig: LtmplConfig;
+  menuId?: string;
+  showView?: (showVievParam: ShowViewParam) => void;
+  doCreate?: (addtmplId: string, toCustomPage: boolean) => void;
+  customCreatable?: boolean;
+  doEdit?: (doEditParam: DoEditParam) => void;
+  customEditable?: boolean;
+  doDelete?: (code: string) => void;
+  doSearch?: (params: object) => void;
+  doRAction?: (ractionId: string, mainCode: string) => void;
+  level?: Level;
+  funcMode?: ActTableMode;
+  title?: ReactNode;
+  tip?: any;
+  collapsible?: boolean;
+  initCollapse?: boolean;
+  readOnly?: boolean;
+  tableType?: "common" | "report" | "select";
+  operatable?: boolean;
+  onSelectChange?: (val: { selectedRows: SelectedRow[], selectedDatas: DtmplData[] }) => void;
+  defShowType?: ActTableViewModel; // 默认视图
+  showPagination?: boolean; // 是否显示分页
+  showAggregates?: boolean; // 是否显示统计数据
+  userPageConfig?: { [key: string]: any }; // 用户页面配置本地缓存
+  setUserPageConfig?: (config: { [key: string]: any }) => void; // 更新用户页面配置本地缓存
+  resetUserPageConfig?: () => void; // 重置用户页面配置本地缓存
+  allowUserConfig?: boolean; // 是否可用户自定义配置
+  deleteCallback?: (val: object) => void; // 删除回调
+  onUpdatePageSizeOptions?: (val: number[]) => void; // 更新分页数数组
+  showEmpty?: boolean; // 空数据是否显示空状态，默认显示
+  loadDataCallback?: (val: object[]) => void; // 请求数据回调函数
+  doEdit2D?: (val: string) => void; // 2D图编辑
+  doView2D?: (val: string) => void; // 2D图查看
+}
+
+interface ActTableStat {
+  sortedColConfigs?: ColumnConfig[];
+  queryKey?: QueryKey;
+  loading?: boolean;
+  selectedRows?: SelectedRow[];
+  selectedDatas?: DtmplData[];
+  hiddenColIds?: string[];
+  drillingColIds?: string[];
+  disabledColIds?: string[];
+  hiddenRowCodes?: string[];
+  viewModels?: ActTableViewModel[];
+  showL2ActTable?: boolean;
+  showL2Chart?: boolean;
+  recordCode?: string;
+  record?: DtmplData;
+  blockMenuTreeDrawerOpen?: boolean;
+  showCustomCard?: boolean;
+  customButton?: CustomButton;
+  customButtonData?: DtmplData[];
+  showRatmplSelector?: boolean;
+  aggregateVO?: AggregateVO;
+  restatParams?: object;
+  pageInfo?: object;
+  ltreeData?: object;
+  userCriteriaData: object;
+  editings: string[]; // 行内编辑code
+  delModalOpen?: boolean; // 强删除弹窗是否打开
+  tabsOptions?: { key: string, value: string, label: React.ReactNode, title?: string, id?: string, ids?: string[] }[]; // tabs选项
+  tabActiveKey?: string; // Tabs选中项
+  pageSizeOptions?: number[]; // 设备分页数
+  customDrawerSize?: number | string; // 自定义页面抽屉宽度
+}
+let serial_number = new Date().getTime();
+let busyReminderTime = 0;
+class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
+  state = {
+    //tableColumns: undefined,
+    sortedColConfigs: undefined,
+    queryKey: undefined,
+    loading: true,
+    disableCols: undefined,
+    hiddenColIds: defaultDisabledColIds,
+    selectedRows: [],
+    selectedDatas: [],
+    hiddenRowCodes: [],
+    viewModels: [],
+    drillingColIds: undefined,
+    disabledColIds: undefined,
+    showL2ActTable: false,
+    showL2Chart: false,
+    recordCode: undefined,
+    record: undefined,
+    blockMenuTreeDrawerOpen: false,
+    showCustomCard: false,
+    customButtonData: undefined,
+    customButton: undefined,
+    showRatmplSelector: false,
+    aggregateVO: undefined,
+    restatParams: undefined,
+    pageInfo: { pageNo: 1, pageSize: 10 },
+    ltreeData: {},
+    userCriteriaData: undefined,
+    editings: [], // 行内编辑code
+    delModalOpen: false, // 强删除弹窗是否打开
+    tabsOptions: [],
+    tabActiveKey: "all",
+    pageSizeOptions: defPageSizeOptions,
+    customDrawerSize: undefined
+  };
+
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+  formRef = React.createRef<FormInstance>(); // 可编辑表格的form Ref
+
+  static defaultProps = {
+    criteriaData: {},
+    funcMode: "complete",
+    collapsible: false,
+    initCollapse: false,
+    readOnly: false,
+    operatable: true,
+    showPagination: true,
+    showAggregates: true,
+    showEmpty: true,
+  };
+
+  // 获取标签选项
+  getTabsOptions = async () => {
+    const { ltmplConfig, criteriaData, sourceId } = this.props;
+    const { translate } = this.context;
+    const { split2TabCriteria, showSplitTabDataCount } = ltmplConfig || {};
+    if (!split2TabCriteria) {
+      return;
+    }
+    const allIds = [];
+    let groupCount = [];
+    if (showSplitTabDataCount) {
+      groupCount = await HcserviceV3.getLtmplDataGroupCount(sourceId);
+    }
+    const options = split2TabCriteria.map(fieldConfig => {
+      const id = `c_${fieldConfig.id}`;
+      allIds.push(id);
+      if (enumTypes.includes(fieldConfig.controlType || fieldConfig.extControlType)) {
+        const items = HCDataSource.getEnums(fieldConfig.mstrucId);
+        const options = items.map((item) => {
+          const count = groupCount.find(r => r[0]?.fieldId === fieldConfig.id && r[0]?.value === item.title)?.[1]?.value;
+          const countVal = (count || count === 0) ? ` (${count})` : "";
+          return {
+            label: <span style={{ padding: "0 10px" }}>{translate("${" + item.title + "}")}{countVal}</span>,
+            key: item.value,
+            id,
+            title: translate("${" + item.title + "}") + countVal,
+            value: item.value
+          };
+        });
+        if (fieldConfig.relDeduplication && fieldConfig.exceptCodes?.length) {
+          return options.filter(item => !fieldConfig.exceptCodes.includes(item.key));
+        }
+        return options;
+      }
+      if ([fieldConfig.controlType, fieldConfig.extControlType].includes("single-checkbox")) {
+        const count = groupCount.find(r => r[0]?.fieldId === fieldConfig.id)?.[1]?.value;
+        const countVal = (count || count === 0) ? ` (${count})` : "";
+        return [{
+          label: <span style={{ padding: "0 10px" }}>{translate("${" + fieldConfig.title + "}")}{countVal}</span>,
+          key: "1",
+          id,
+          title: translate("${" + fieldConfig.title + "}") + countVal,
+          value: "1",
+        }];
+      }
+      return [];
+    })?.flat() || [];
+    const defOption = {
+      label: <span style={{ padding: "0 10px" }}>{translate("${全部}")}</span>,
+      key: "all",
+      ids: allIds,
+      title: translate("${全部}"),
+      value: "all"
+    };
+    const temId = Object.keys(criteriaData).find(r => allIds.includes(r));
+    const tabActiveKey = temId ? criteriaData[temId] : "all";
+    this.setState({ tabsOptions: [defOption, ...options], tabActiveKey });
+  }
+
+  loadData = async (
+    hiddenColIds: string[],
+    hiddenRowCodes: string[],
+    sortedColConfigs: ColumnConfig[]
+  ) => {
+    const {
+      sourceId, criteriaData, ltmplConfig,
+      mainCode, level, pageNo, pageSize, serverKey, defShowType, userPageConfig
+    } = this.props;
+
+    if (!this.isSameSourceQuery(sourceId, criteriaData)) {
+      return
+    }
+
+
+    if (!ltmplConfig) {
+      return;
+    }
+    // 处理菜单切换，查询条件清空，重置tab拆解条件选中项
+    const tabActiveKey = ltmplConfig.split2TabCriteria?.find(r => criteriaData[`c_${r.id}`])?.id;
+    this.setState({
+      loading: true,
+      userCriteriaData: criteriaData,
+      tabActiveKey: tabActiveKey ? criteriaData[`c_${tabActiveKey}`] : "all"
+    });
+    let disabledColIds: string[] = [];
+    let hiddenColIds_ = [...hiddenColIds];
+    if (criteriaData && criteriaData["drillingColIds"]) {
+      let dColIds = [...criteriaData["drillingColIds"]];
+      ltmplConfig.columns.forEach((item) => {
+        if (
+          item.statColType == "dimension" &&
+          !dColIds.includes(item.id) &&
+          !hiddenColIds_.includes(item.id)
+        ) {
+          hiddenColIds_.push(item.id);
+          disabledColIds.push(item.id);
+        }
+        if (
+          item.statColType == "dimension" &&
+          !dColIds.includes(item.id) &&
+          !disabledColIds.includes(item.id)
+        ) {
+          disabledColIds.push(item.id);
+        }
+      });
+      hiddenColIds_ = hiddenColIds_.filter((id) => {
+        return !dColIds.includes(id);
+      });
+    }
+    ltmplConfig.columns.forEach((item) => {
+      if (item.hidden) {
+        hiddenColIds_.push(item.id);
+      }
+    });
+    /** 构建column **/
+    const { defaultPageSize, showType } = ltmplConfig;
+
+    let pageInfo = {
+      pageNo: pageNo || 1,
+      pageSize: pageSize || defaultPageSize || 10,
+      virtualEndPageNo: undefined,
+    };
+    const viewModels = this.state.viewModels.length > 0 ? this.state.viewModels : (userPageConfig?.["viewModels"] || [defShowType || showType || "table"]);
+
+    /** 构建 dataSource **/
+    //构建过滤条件
+    const params = { ...criteriaData, ...pageInfo, mainCode };
+    let queryKey: QueryKey;
+    if (level && level === "l2") {
+      queryKey = await HcserviceV3.requestL2LtmplQueryKey(serverKey, sourceId, params);
+    } else {
+      if (viewModels.includes("ganttChart")) {
+        queryKey = await HcserviceV3.requestGttRootQueryKey(serverKey, sourceId, params);
+      } else {
+        queryKey = await HcserviceV3.requestLtmplQueryKey(serverKey, sourceId, params);
+      }
+    }
+
+    if (!queryKey.sourceId || queryKey.sourceId == this.props.sourceId) {
+      this.setState({
+        pageInfo,
+        disabledColIds, hiddenColIds: hiddenColIds_, hiddenRowCodes,
+        sortedColConfigs, queryKey, showL2Chart: false, selectedRows: [], selectedDatas: [],
+        viewModels
+      });
+    }
+    this.setState({
+      loading: false,
+    });
+  };
+
+  doCustomButton = async (customButton: CustomButton, records: DtmplData[]) => {
+    if (!this.buttonClickable()) {
+      return;
+    }
+    const { serverKey, sourceId } = this.props;
+    let doType = customButton.doType;
+    let config: CustomButtonConfig = ProgramConfig.getCustomButtonConfig(customButton.id);
+    if ("request_refresh" == doType) {
+      if (config && config.doAction) {
+        await config.doAction(customButton, records);
+      } else if (config && config.getRequestUrl) {
+        let url = await config.getRequestUrl(customButton, records);
+        await HcserviceV3.doPostRequest(serverKey, url);
+      } else if (customButton.path) {
+        let codes = [];
+        let res = undefined;
+        if (records != null) {
+          records.forEach(item => {
+            codes.push(item.code)
+          })
+        }
+        if (customButton.requestMethod === "get") {
+          res = await HcserviceV3.doGetRequest(serverKey, customButton.path, { codes });
+        } else {
+          res = await HcserviceV3.doPostRequest(serverKey, customButton.path, { codes });
+        }
+        if (res?.msg || res?.message) {
+          message.info(res.msg || res.message);
+        }
+      } else {
+        message.error("Button Config Error");
+        return;
+      }
+      this.doSearchDirect(null);
+    } else if ("show_window" == doType) {
+      this.setState({
+        showCustomCard: true,
+        customButton,
+        customButtonData: records,
+      });
+    } else {
+      message.error("Unsuport Button dotype " + doType);
+    }
+  };
+
+  renderAboveCustomPage = () => {
+    return this.renderCustomPage("above-table");
+  };
+
+  renderOhterCustomPage = () => {
+    return (
+      <>
+        {this.renderCustomPage("under-table")}
+        {this.renderCustomPage("modal-window")}
+        {this.renderCustomPage("left-drawer")}
+        {this.renderCustomPage("right-drawer")}
+      </>
+    );
+  };
+
+  renderCustomPage = (
+    windowPosition:
+      | "under-table"
+      | "above-table"
+      | "modal-window"
+      | "left-drawer"
+      | "right-drawer"
+  ) => {
+    const { translate } = this.context;
+    const { customButton, customButtonData, customDrawerSize } = this.state;
+
+    if (!customButton) {
+      return "";
+    }
+    if (windowPosition && windowPosition != customButton.windowPosition) {
+      return "";
+    }
+
+    let customProps = {
+      customButton: customButton, data: customButtonData,
+      onOk: () => { this.actTableDoSearch(null) }
+      , onclose: () => {
+        this.setState({ customButton: undefined });
+      }
+    };
+
+    let config: CustomButtonConfig = ProgramConfig.getCustomButtonConfig(customButton.id);
+    let page;
+    if (config && config.getCurrentPage) {
+      page = config.getCurrentPage(customButton, customButtonData);
+    }
+    if (!page) {
+      page = ProgramConfig.getCustomPage(customButton.id);
+    }
+
+    if (!page) {
+      message.error("Not found CustomButton Page");
+      this.setState({
+        customButton: undefined
+      })
+      return;
+    }
+
+    let customElement = React.createElement(page, customProps);
+    if (
+      customButton.windowPosition == "under-table" ||
+      customButton.windowPosition == "above-table"
+    ) {
+      return (
+        <Card
+          id={"CustomCard" + customButton.id}
+          size={"small"}
+          style={{ marginTop: "6px" }}
+          extra={
+            <Button
+              size={"small"}
+              danger={true}
+              onClick={() => {
+                this.setState({ customButton: undefined });
+              }}
+            >
+              {translate("${关闭}")}
+            </Button>
+          }
+        >
+          {customElement}
+        </Card>
+      );
+    } else if (
+      customButton.windowPosition == "left-drawer" ||
+      customButton.windowPosition == "right-drawer"
+    ) {
+      return (
+        <Drawer
+          open={true}
+          id={"CustomCard" + customButton.id}
+          placement={
+            customButton.windowPosition == "right-drawer" ? "right" : "left"
+          }
+          resizable={{ onResize: (newSize => this.setState({ customDrawerSize: newSize })) }}
+          size={customDrawerSize !== undefined ? customDrawerSize : customButton.windowWidth}
+          onClose={() => {
+            this.setState({ customButton: undefined });
+          }}
+          styles={{ body: { minWidth: customButton.windowWidth } }}
+        >
+          {customElement}
+        </Drawer>
+      );
+    } else if (customButton.windowPosition == "modal-window") {
+      return (
+        <DraggableModal
+          open={true}
+          closable={true}
+          width={customButton.windowWidth}
+          style={{ height: customButton.windowHeight }}
+          onCancel={() => {
+            this.setState({ customButton: undefined });
+          }}
+        >
+          {customElement}
+        </DraggableModal>
+      );
+    }
+  };
+
+
+  async componentDidMount() {
+    const { ltmplConfig, tableType, userPageConfig, defShowType, onUpdatePageSizeOptions, setUserPageConfig, pageSize } = this.props;
+    const { sortedColIds } = userPageConfig || {};
+    const { translate } = this.context;
+    let sortedColConfigs = undefined;
+    if (ltmplConfig) {
+      sortedColConfigs = tableType == 'report' ? ltmplConfig.columns : [
+        { id: "10000", title: translate("${排序}"), originalId: "10000" },
+        { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
+        ...ltmplConfig.columns,
+      ];
+      if (sortedColIds) { // 使用缓存的列排序
+        sortedColConfigs.sort((a, b) => sortedColIds.indexOf(a.id) - sortedColIds.indexOf(b.id));
+      }
+      const temViewModels = userPageConfig?.["viewModels"] || [defShowType || ltmplConfig?.showType || "table"];
+      this.setState({ viewModels: temViewModels });
+      if (onUpdatePageSizeOptions && temViewModels.includes("cardList")) { // 初始化是卡片视图，则更新父组件中分页数组
+        const temPageSizes = Array.from({ length: 7 }, (_, i) => ltmplConfig.rowCardCount * Math.pow(2, i));
+        onUpdatePageSizeOptions(temPageSizes);
+        if (setUserPageConfig && !(userPageConfig?.pageSize >= 0)) setUserPageConfig({ pageSize: 1 });
+        this.setState({ pageSizeOptions: temPageSizes, sortedColConfigs });
+      } else {
+        this.loadData(userPageConfig?.hiddenColIds || defaultDisabledColIds, [], sortedColConfigs);
+      }
+    }
+    this.getTabsOptions();
+  }
+
+  // 卡片列表-更新列表分页数
+  handleCardListPageSize(preViewModels, viewModels) {
+    const { ltmplConfig, onChangePage, pageSize, pageNo } = this.props;
+    const { defaultPageSize } = ltmplConfig || {};
+    const preIsCard = preViewModels.includes("cardList");
+    const isCard = viewModels.includes("cardList");
+    let temPageSizes = defPageSizeOptions;
+    let temPageSize = defaultPageSize;
+    if ((!preIsCard && !isCard) || (preIsCard && isCard)) {
+      return;
+    }
+    if (!preIsCard && isCard) { // 普通切换到Card
+      temPageSizes = Array.from({ length: 7 }, (_, i) => ltmplConfig.rowCardCount * Math.pow(2, i));
+      temPageSize = temPageSizes.includes(Number(pageSize)) ? pageSize : (temPageSizes.includes(Number(defaultPageSize)) ? defaultPageSize : temPageSizes[1]);
+    } else if (preIsCard && !isCard) { // card切换到普通
+      temPageSize = defPageSizeOptions.includes(Number(pageSize)) ? pageSize : (defPageSizeOptions.includes(Number(defaultPageSize)) ? defaultPageSize : defPageSizeOptions[1]);
+    }
+    this.setState({ pageSizeOptions: temPageSizes });
+    onChangePage(pageNo || 1, temPageSize, temPageSizes);
+  }
+
+  async componentDidUpdate(prevProps, prevState) {
+    const { sourceId, criteriaData, ltmplConfig, tableType, pageSize, pageNo, userPageConfig, defShowType } = this.props;
+    // const {userCriteriaData:preUserCriteriaData}=prevState;
+    const { userCriteriaData } = this.state;
+    const { translate } = this.context;
+    let {
+      ltmplConfig: preLtmplConfig,
+      criteriaData: preCriteriaData,
+      sourceId: preSourceId, pageSize: prePageSize, pageNo: prePageNo,
+      userPageConfig: preUserPageConfig
+    } = prevProps;
+    if (!this.isSameSourceQuery(sourceId, criteriaData)) {
+      return false;
+    }
+
+    if (prePageSize != pageSize || pageNo != prePageNo) {
+      this.setState({
+        pageInfo: { pageNo, pageSize },
+        userCriteriaData: criteriaData,
+      })
+    }
+    if (!preUserPageConfig && userPageConfig) {
+      this.setState({ viewModels: userPageConfig?.["viewModels"] || [defShowType || ltmplConfig?.showType || "table"] });
+    }
+    if (!_.isEqual(prevState.viewModels, this.state.viewModels)) { // 显示视图变化-更改卡片列表分页条数
+      this.handleCardListPageSize(prevState.viewModels, this.state.viewModels);
+    }
+    let { hiddenColIds, sortedColConfigs } = this.state;
+    let currentQueryParams = ProgramConfig.transQueryParamsToStr(criteriaData, false, [
+      "pageSize",
+      "pageNo",
+    ]);
+    let preCurrentQueryParams = ProgramConfig.transQueryParamsToStr(userCriteriaData, false, [
+      "pageSize",
+      "pageNo",
+    ]);
+    if ((sourceId && preSourceId != sourceId) ||
+      (ltmplConfig &&
+        (!preLtmplConfig || ltmplConfig.id != preLtmplConfig.id)) ||
+      ((currentQueryParams != preCurrentQueryParams) &&
+        (!criteriaData['menuId'] || preCriteriaData.menuId == criteriaData['menuId']))
+    ) {
+      //5秒后允许再次请求数据
+      //refresh=false;
+      if (preLtmplConfig && ltmplConfig.id == preLtmplConfig.id) {
+        await this.loadData(hiddenColIds, [], sortedColConfigs);
+      } else {
+        let sColConfigs = undefined;
+        const { sortedColIds } = userPageConfig || {};
+        if (ltmplConfig) {
+          sColConfigs = tableType == 'report' ? ltmplConfig.columns : [
+            { id: "10000", title: translate("${排序}"), originalId: "10000" },
+            { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
+            ...ltmplConfig.columns,
+          ];
+          if (sortedColIds) { // 使用缓存的列排序
+            sColConfigs.sort((a, b) => sortedColIds.indexOf(a.id) - sortedColIds.indexOf(b.id));
+          }
+        }
+        await this.loadData(userPageConfig?.hiddenColIds || defaultDisabledColIds, [], sColConfigs);
+      }
+
+    } else {
+      return false;
+    }
+  }
+
+  isSameSourceQuery = (sourceId, criteriaData) => {
+    if (sourceId && criteriaData && (criteriaData['sourceId'] && criteriaData['sourceId'] != sourceId)
+      || (criteriaData['menuId'] && criteriaData['menuId'] != sourceId)) {
+      return false;
+    } else {
+      return true;
+    }
+  };
+
+  handleShowChart = () => {
+    this.setState({
+      showL2Chart: !this.state.showL2Chart,
+    });
+  };
+
+  handleDataAnalysis = () => {
+    this.setState({
+      showL2ActTable: !this.state.showL2ActTable,
+    });
+  };
+
+  unHiden = () => {
+    const { ltmplConfig } = this.props;
+    const { hiddenColIds, sortedColConfigs } = this.state;
+    this.setState({
+      hiddenRowCodes: [],
+    });
+  };
+
+  onHide = (code: string) => {
+    const { hiddenRowCodes } = this.state;
+    let hiddenCodes = [...hiddenRowCodes, code];
+    this.setState({
+      hiddenRowCodes: hiddenCodes,
+    });
+  };
+
+  changeViewModel = (viewModels) => {
+    const { setUserPageConfig } = this.props;
+    const { hiddenColIds, hiddenRowCodes, sortedColConfigs, viewModels: oldViewModels } = this.state;
+    setUserPageConfig({ viewModels });
+    this.setState({ viewModels }, () => {
+      if (viewModels.length && viewModels.includes("ganttChart") !== oldViewModels.includes("ganttChart")) {
+        this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs); // 前后选择是否存在甘特图，刷新数据
+      }
+    });
+  };
+
+  changeHiddenColumns = (hiddenColIds: string[]) => {
+    const { setUserPageConfig } = this.props;
+    this.setState({ showL2Chart: false, hiddenColIds });
+    setUserPageConfig({ hiddenColIds });
+  };
+
+  doSelectedAction = async (actionId: string, codes, params: object) => {
+    const { selectedRows } = this.state;
+    this.doAction(actionId, selectedRows, params);
+  };
+
+  doAction = async (actionId: string, selectedRows: SelectedRow[], params) => {
+    const { serverKey } = this.props;
+    const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
+    this.setState({
+      loading: true,
+    });
+    let result: boolean = await HcserviceV3.postActions(
+      serverKey,
+      actionId,
+      selectedRows,
+      params
+    );
+    if (result) {
+      //重新加载数据
+      this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
+    } else {
+      this.setState({
+        loading: false,
+      });
+    }
+  };
+
+  doRowAction = async (actionId: string, codes: string[], params: object) => {
+    this.doAction(actionId, [{ title: undefined, code: codes[0] }], params);
+  };
+
+  doDelete = async () => {
+    const { sourceId, serverKey, mainCode } = this.props;
+    const {
+      selectedRows,
+      hiddenColIds,
+      hiddenRowCodes,
+      sortedColConfigs,
+    } = this.state;
+    this.setState({
+      loading: true,
+    });
+    let result: boolean = await HcserviceV3.deleteData(
+      serverKey,
+      sourceId,
+      selectedRows,
+      mainCode
+    );
+    if (result) {
+      //重新加载数据
+      this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
+    } else {
+      this.setState({
+        loading: false,
+      });
+    }
+  };
+
+  doDeleteByCode = async (record: DtmplData) => {
+    const { sourceId, serverKey, mainCode, doDelete, deleteCallback } = this.props;
+    const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
+    this.setState({
+      loading: true,
+    });
+    let result: boolean = await HcserviceV3.deleteByCode(
+      serverKey,
+      sourceId,
+      [record.code],
+      mainCode
+    );
+    if (result) {
+      //重新加载数据
+      this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
+      doDelete && doDelete(record.code);
+      deleteCallback && deleteCallback(record);
+      this.setState({ loading: false, delModalOpen: false, recordCode: undefined, record: undefined });
+    } else {
+      this.setState({ loading: false });
+    }
+  };
+
+  doSelectedCQuery = async (cqueryId: string) => { };
+
+  doJump = async (jump: JumpConfig, record_: DtmplData) => {
+    let record = record_.fieldMap ? record_.fieldMap : record_;
+    const version = localStorage.getItem("version") || "";
+
+    let url = null;
+    let path = jump.path;
+    if (!path) {
+      path = "/";
+    }
+    //是否以http开头
+    if (path?.indexOf("#") == 0 || url?.indexOf("/#") == 0) {
+      url = "";
+    } else if (
+      path.indexOf("http://") == 0 ||
+      path.indexOf("HTTP://") == 0 ||
+      path.indexOf("https://") == 0 ||
+      path.indexOf("HTTPS://") == 0
+    ) {
+      url = path.split("//")[0] + "//";
+      path = path.split("//")[1];
+    } else {
+      url = `/#/${version}`;
+    }
+
+    //处理路由参数
+    let paths = path.split("/");
+
+    let routeParamConfigs = jump.routeParams;
+    if (routeParamConfigs) {
+      for (let i = 0; i < paths.length; i++) {
+        if (paths[i].indexOf(":") == 0) {
+          let pa = paths[i].substring(1);
+          //根据参数名匹配参数
+          for (let p of routeParamConfigs) {
+            if (p && pa == p.title) {
+              //赋值替换
+              let v = record[p.id] ? record[p.id] : p.defaultValue;
+              paths[i] = v;
+              break;
+            }
+          }
+        }
+      }
+      url = ProgramConfig.joinPath(url, paths.join("/"));
+    } else {
+      url = ProgramConfig.joinPath(url, path);
+    }
+
+    //处理search 参数
+    let searchParamConfigs = jump.searchParams;
+    let searchs = [];
+    //放入token
+    if (jump.tokenName) {
+      searchs[0] = jump.tokenName + "=" + ProgramConfig.hydrocarbonToken();
+    }
+
+    if (searchParamConfigs) {
+      let initSearchLength = searchs.length;
+      for (let i = 0; i < searchParamConfigs.length; i++) {
+        let p = searchParamConfigs[i];
+        let v = record[p.id] ? record[p.id] : p.defaultValue;
+        if (!v && p.title == "code") {
+          v = record_.code;
+        }
+        searchs[initSearchLength + i] = p.title + "=" + v;
+      }
+    }
+    if (searchs.length > 0) {
+      if (url.indexOf("?") != url.length - 1) {
+        url = url + "?";
+      }
+      url = url + searchs.join("&");
+    }
+    if (jump.linkTarget == '_self') {
+      window.location.hash = url.substring(url.indexOf("#") + 1);
+    } else {
+      debugger
+      if (url.indexOf("/#") == 0) {
+        // url=window.location.href.split("#/")[0]+url;
+        url = window.location.href.split("#/")[0] + url.substring(url.indexOf("/#") + 1);
+      }
+      window.open(url);
+    }
+    // if (
+    //   url.indexOf("#") == 0 ||
+    //   url.indexOf("/#") == 0 ||
+    //   url.indexOf("//#") == 0
+    // ) {
+    //   window.location.hash = url.substring(url.indexOf("#") + 1);
+    // } else {
+    //   window.open(url);
+    // }
+  };
+
+  blockMenuTreeDrawerOpen = (record) => {
+    this.setState({
+      blockMenuTreeDrawerOpen: true,
+      recordCode: record.code,
+      record
+    })
+  }
+
+  doRowJump = async (jump: JumpConfig, record: DtmplData) => {
+    this.doJump(jump, record);
+  };
+
+  renderExportButton = (title, type: ExportType, sourceId?: string) => {
+    const { pageNo, pageSize, serverKey, ltmplConfig, tableType } = this.props;
+
+    //let buttons = ltmplConfig?.buttons;
+
+    const { queryKey } = this.state;
+    const { translate } = this.context;
+    let exportModes: ExportMode[] = tableType == "report" ?
+      ["all"] : ["current", "page", "all"];
+
+    return (
+      <Popover
+        content={
+          <ExportFrame //导出组件
+            currentPage={{
+              pageNo: pageNo ? pageNo : 1,
+              pageSize: pageSize ? pageSize : ltmplConfig.defaultPageSize,
+            }}
+            exportModes={exportModes}
+            type={type}
+            serverKey={serverKey}
+            queryKey={queryKey}
+            sourceId={sourceId}
+            title={translate(
+              "${" + ltmplConfig.title + "}" + "-" + "${" + title + "}"
+            )}
+          />
+        }
+        title={translate("${" + title + "}")}
+        placement="bottomRight"
+        trigger="click"
+      >
+        <Tooltip title={translate("${" + title + "}")}>
+          <Button
+            style={{
+              // marginLeft: "5px",
+            }}
+          //为了点击到没有导出模块，使组件不致销毁，丢失导出数据
+          >{type == "ltmpl-data-excel" ? <ExportOutlined /> : title}
+          </Button>
+        </Tooltip>
+      </Popover>
+    );
+  };
+
+  renderFileExportButton = () => {
+    const { ltmplConfig } = this.props;
+    let fileExports = ltmplConfig?.topFileExports;
+    if (fileExports) {
+      return fileExports.map((fileExport) => {
+        return this.renderExportButton(
+          fileExport.title,
+          "ltmpl-data-filedata",
+          fileExport.id
+        );
+      });
+    } else {
+      return <></>;
+    }
+  };
+
+  doSelectedJump = async (jump: JumpConfig) => {
+    const { selectedDatas } = this.state;
+    if (selectedDatas.length == 1) {
+      this.doJump(jump, selectedDatas[0]);
+    }
+  };
+
+  changeRowSelection = (
+    selectedRows: SelectedRow[],
+    selectedDatas: DtmplData[]
+  ) => {
+    const { onSelectChange } = this.props;
+    this.setState({ selectedRows, selectedDatas });
+    if (onSelectChange) {
+      onSelectChange({ selectedRows, selectedDatas });
+    }
+  };
+
+  onChangeColSort = (sortedColConfigs: ColumnConfig[]) => {
+    const { setUserPageConfig } = this.props;
+    this.setState({ sortedColConfigs });
+    const sortedColIds = sortedColConfigs.map(r => r.id);
+    setUserPageConfig({ sortedColIds });
+  };
+
+  // 更新本地缓存列宽度
+  onChangeResize = (colResize: { [key: string]: number }) => {
+    const { setUserPageConfig, userPageConfig } = this.props;
+    const oldColResize = userPageConfig?.colResize || {};
+    setUserPageConfig({ colResize: { ...oldColResize, ...colResize } });
+  }
+
+  getAddTmplButton = (classAddConfigs: ClassAddConfig[]) => {
+    const { translate } = this.context;
+    if (classAddConfigs && classAddConfigs.length < 1) {
+      return translate("${没有分类添加按钮}");
+    }
+    return classAddConfigs.map((config) => {
+      return (
+        <p>
+          <Button
+            size={"small"}
+            type={"text"}
+            onClick={() => this.props.doCreate(config.id, false)}
+          >
+            {config.title}
+          </Button>
+        </p>
+      );
+    });
+  };
+
+  // 重置当前页面配置
+  handleResetUserPageConfig = () => {
+    const { resetUserPageConfig, ltmplConfig, tableType, defShowType } = this.props;
+    const { translate } = this.context;
+    let sortedColConfigs = undefined;
+    if (ltmplConfig) {
+      sortedColConfigs = tableType === 'report' ? ltmplConfig.columns : [
+        { id: "10000", title: translate("${排序}"), originalId: "10000" },
+        { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
+        ...ltmplConfig.columns,
+      ];
+    }
+    this.setState({ viewModels: [defShowType || ltmplConfig.showType || "table"], hiddenColIds: defaultDisabledColIds, sortedColConfigs });
+    resetUserPageConfig();
+  }
+
+  // 更新当前页面配置
+  handleUpdateUserPageConfig = (val: { [key: string]: any }) => {
+    const { sortedColIds, hiddenColIds, viewModels, criteriaData } = val || {};
+    const { setUserPageConfig, ltmplConfig, tableType, defShowType, menuId } = this.props;
+    const { userCriteriaData } = this.state;
+    const { translate } = this.context;
+    let sortedColConfigs = undefined;
+    if (ltmplConfig) {
+      sortedColConfigs = tableType === 'report' ? ltmplConfig.columns : [
+        { id: "10000", title: translate("${排序}"), originalId: "10000" },
+        { id: "20000", title: translate("${隐藏}"), originalId: "20000" },
+        ...ltmplConfig.columns,
+      ];
+    }
+    if (sortedColIds) { // 页面配置更新列排序
+      sortedColConfigs.sort((a, b) => sortedColIds.indexOf(a.id) - sortedColIds.indexOf(b.id));
+    }
+    // 旧过滤参数设置为空
+    const oldParms = Object.keys(userCriteriaData || {}).reduce((total, item) => { total[item] = ""; return total; }, {});
+    this.actTableDoSearch({ ...oldParms, ...(criteriaData || { menuId }) });
+    this.setState({ userCriteriaData: criteriaData, viewModels: viewModels || [defShowType || ltmplConfig.showType || "table"], hiddenColIds: hiddenColIds || defaultDisabledColIds, sortedColConfigs });
+    setUserPageConfig({ ...val, criteriaData: undefined });
+  }
+
+  renderHeaderButtons = () => {
+    let {
+      hiddenColIds, viewModels, sortedColConfigs, disabledColIds, showL2Chart,
+      showL2ActTable, restatParams, userCriteriaData
+    } = this.state;
+    const {
+      ltmplConfig, sourceId, doCreate, doSearch, menuId,
+      funcMode, customCreatable, serverKey, readOnly, userPageConfig, allowUserConfig
+    } = this.props;
+    const { translate } = this.context;
+    let { buttons } = ltmplConfig;
+    const version = localStorage.getItem("version") || "";
+
+    return (
+      <>
+        <Space>
+          {userPageConfig && allowUserConfig ? <PageConfigButton menuCode={menuId} handleResetUserPageConfig={this.handleResetUserPageConfig} handleUpdateUserPageConfig={this.handleUpdateUserPageConfig} userCriteriaData={userCriteriaData} /> : ""}
+          {funcMode == "common" && this.criteriaFormUseful() ? (
+            <Popover trigger="click" content={this.renderCriteriaForm()}>
+              <Button>
+                <SearchOutlined />
+              </Button>
+            </Popover>
+          ) : null}
+          {buttons.includes("ratmplSelect") && !readOnly ? (
+            <Button onClick={() => this.setState({ showRatmplSelector: true })}>
+              {translate("${选择}")}
+            </Button>
+          ) : (
+            ""
+          )}
+          {buttons.includes("dtmplAdd") && doCreate && !readOnly ? (
+            ltmplConfig.classAddConfigs &&
+              ltmplConfig.classAddConfigs.length > 0 ? (
+              <Popover
+                arrow={false}
+                content={this.getAddTmplButton(ltmplConfig.classAddConfigs)}
+                placement="bottomRight"
+              >
+                <Tooltip>
+                  <Button>
+                    <PlusOutlined />
+                  </Button>
+                </Tooltip>
+              </Popover>
+            ) : (
+              <Tooltip title={translate("${" + (ltmplConfig.createBtnTitle || "创建") + "}")}>
+                <Button onClick={() => doCreate(null, false)}>
+                  <PlusOutlined />
+                </Button>
+              </Tooltip>
+            )
+          ) : (
+            ""
+          )}
+          {(buttons.includes("dtmplCustomAdd") || customCreatable) &&
+            doCreate &&
+            !readOnly ? (
+            <Tooltip title={translate("${" + (ltmplConfig.createBtnTitle || "创建") + "}")}>
+              <Button onClick={() => doCreate(null, true)}>
+                <PlusCircleOutlined />
+              </Button>
+            </Tooltip>
+          ) : (
+            ""
+          )}
+          {buttons.includes("importLtmplExcel") && !readOnly ? (
+            <Tooltip title={translate("${导入}")}>
+              <Button
+                href={`#/${version}/${sourceId}/importer?menuId=${menuId}`}
+                target={"_blank"}
+              >
+                <ImportOutlined />
+              </Button>
+            </Tooltip>
+          ) : (
+            ""
+          )}
+          {buttons.includes("exportLtmplExcel") && !readOnly
+            ? this.renderExportButton("导出", "ltmpl-data-excel")
+            : ""}
+          {this.renderFileExportButton()}
+          {false
+            && buttons.includes("showChart") ? (
+            <Tooltip
+              title={
+                showL2Chart
+                  ? translate("${隐藏}${图表}")
+                  : translate("${展示}${图表}")
+              }
+            >
+              <Button onClick={this.handleShowChart}>
+                <LineChartOutlined />
+              </Button>
+            </Tooltip>
+          ) : (
+            ""
+          )}
+          {buttons.includes("analysis") ? (
+            <Tooltip
+              title={
+                showL2ActTable
+                  ? translate("${隐藏}${数据分析}")
+                  : translate("${展示}${数据分析}")
+              }
+            >
+              <Button onClick={this.handleDataAnalysis}>
+                <FundOutlined />
+              </Button>
+            </Tooltip>
+          ) : (
+            ""
+          )}
+          {buttons.includes("reStat") && !readOnly ? (
+            <Restat
+              value={restatParams}
+              serverKey={serverKey}
+              fields={ltmplConfig.reStatParams}
+              sourceId={sourceId}
+              onfinish={(restatParams) => {
+                this.actTableDoSearch(null);
+                this.setState({ restatParams: restatParams });
+              }
+              }
+            ></Restat>
+          ) : (
+            ""
+          )}
+          <Popover
+            content={
+              <Checkbox.Group
+                value={viewModels}
+                onChange={this.changeViewModel}
+              >
+                <Row style={{ width: "120px" }}>
+                  <Col span={24}>
+                    <Checkbox value={"table"}>{translate("${表格}")}</Checkbox>
+                  </Col>
+                  <Col span={24}>
+                    <Checkbox value={"verticalList"}>
+                      {translate("${纵向列表}")}
+                    </Checkbox>
+                  </Col>
+                  <Col span={24}>
+                    <Checkbox value="cardList">
+                      {translate("${卡片列表}")}
+                    </Checkbox>
+                  </Col>
+                  <Col span={24}>
+                    <Checkbox value="ganttChart">
+                      {translate("${甘特图}")}
+                    </Checkbox>
+                  </Col>
+                  <Col span={24}>
+                    <Checkbox value="calendar">
+                      {translate("${日历}")}
+                    </Checkbox>
+                  </Col>
+                  {/*<Col span={24}><Checkbox value={'horizontalList'}>横向列表</Checkbox></Col>*/}
+                </Row>
+              </Checkbox.Group>
+            }
+            title={translate("${视图}")}
+            placement="bottomRight"
+            trigger="click"
+          >
+            <Tooltip title={translate("${选择视图}")}>
+              <Button>
+                <RetweetOutlined />
+              </Button>
+            </Tooltip>
+          </Popover>
+          <Popover
+            content={
+              <ColumnSelector
+                columns={sortedColConfigs}
+                disabledColIds={disabledColIds}
+                hiddenColIds={hiddenColIds}
+                onChangeColSort={this.onChangeColSort}
+                onChangeHiddenCols={this.changeHiddenColumns}
+              />
+            }
+            title={translate("${排序和选择列}")}
+            placement="bottomRight"
+            trigger="click"
+          >
+            <Tooltip title={translate("${点击排序和选择列}")}>
+              <Button>
+                <TableOutlined />
+              </Button>
+            </Tooltip>
+          </Popover>
+          {doSearch ? (
+            <Button
+              className="hoverbig"
+              title={translate("${刷新}")}
+              onClick={() => {
+                this.actTableDoSearch(null);
+              }}
+            >
+              <ReloadOutlined />
+            </Button>
+          ) : (
+            ""
+          )}
+          {/*<Tooltip title={translate("${常用配置}")}>*/}
+          {/*  <Button*/}
+          {/*      className="hoverbig"*/}
+          {/*      onClick={() => {*/}
+          {/*        //doSearch(null);*/}
+          {/*      }}*/}
+          {/*  >*/}
+          {/*    <SettingOutlined  />*/}
+          {/*  </Button>*/}
+          {/*</Tooltip>*/}
+
+        </Space>
+      </>
+    );
+  };
+
+  criteriaFormUseful = () => {
+    const { ltmplConfig } = this.props;
+    let { buttons, criteria, updrillButtonConfigs } = ltmplConfig;
+    if (
+      ((buttons.includes("query") ||
+        (updrillButtonConfigs && updrillButtonConfigs.length > 0)) &&
+        ((criteria && criteria.length > 0) ||
+          buttons.includes("drilling"))) ||
+      this.checkBoxUseful() || buttons.includes("multiRowEdit")
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  checkBoxUseful = () => {
+    const { ltmplConfig } = this.props;
+    let { buttons, jumps, actions, fileExports, customButtons } = ltmplConfig;
+    if (
+      buttons.includes("batchDelete") ||
+      (actions && actions.length > 0) || (customButtons && customButtons.length > 0) ||
+      (jumps && jumps.length > 0) || (fileExports && fileExports.length > 0)
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  actTableDoSearch = (data: object) => {
+    const { ltreeData } = this.state;
+    this.doSearch_(data, ltreeData);
+  }
+
+  doSearch_ = async (criteriaData, ltreeData) => {
+    const { doSearch } = this.props;
+
+    let new_serial_number = new Date().getTime();
+    if (doSearch && new_serial_number - serial_number > 2000) {
+      serial_number = new_serial_number;
+      await doSearch({ ...criteriaData, serial_number, ...ltreeData });
+      //busyReminderTime=0;
+      // }else{
+      //   if(busyReminder){
+      //     if(busyReminderTime==1){
+      //       const { translate } = this.context;
+      //       message.warning(translate("${系统忙，请稍后再试}"));
+      //       busyReminderTime=0;
+      //     }else{
+      //       busyReminderTime=1;
+      //     }
+      //}
+    }
+  }
+
+  ltreeValueChange = async (v) => {
+    let ltreeEntitySelect = this.getLtreeEntitySelectCriteria();
+    const { ltreeData } = this.state;
+    const { criteriaData } = this.props;
+    if (ltreeData && ltreeData["c_" + ltreeEntitySelect.id] != v) {
+      let ltreeData_ = {};
+      ltreeData_["c_" + ltreeEntitySelect.id] = v;
+      await this.doSearch_(criteriaData, ltreeData_);
+      this.setState({ ltreeData: ltreeData_ });
+    }
+  }
+
+
+  doSearchDirect = (data: object) => {
+
+    let { doSearch } = this.props;
+    if (doSearch) {
+      doSearch({ ...data, serial_number });
+    }
+  }
+
+
+  buttonClickable = () => {
+    let new_serial_number = new Date().getTime();
+    if (new_serial_number - serial_number > 1500) {
+      serial_number = new_serial_number;
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  renderCriteriaForm = () => {
+    let { loading, selectedRows, selectedDatas, userCriteriaData, editings, tabActiveKey, tabsOptions } = this.state;
+    let { ltmplConfig, serverKey, sourceId } = this.props;
+    const tabCriteriaId = tabsOptions.find(r => r.key === tabActiveKey)?.id;
+    return (
+      <CriteriaForm
+        key={sourceId}
+        serverKey={serverKey}
+        loading={loading}
+        selectedDatas={selectedDatas}
+        selectedRows={selectedRows}
+        doCustomButton={this.doCustomButton}
+        ltmplConfig={ltmplConfig}
+        data={userCriteriaData}
+        doCQuery={this.doSelectedCQuery}
+        doAction={this.doSelectedAction}
+        doDelete={this.doDelete}
+        doJump={this.doSelectedJump}
+        doSearch={this.actTableDoSearch}
+        doMultiRowEdit={this.doMultiRowEdit}
+        multiRowEditDisabled={!editings.length}
+        tabCriteriaId={tabCriteriaId}
+      />
+    );
+  };
+  //暂时无用
+  // queryTotal = async () => {
+  //   const { queryKey} = this.state;
+  //   const { serverKey }=this.props;
+  //   let aggregateVO:AggregateVO = await HcserviceV3.requestQueryAggregates(serverKey, queryKey.key);
+  //   this.setState({
+  //     aggregateVO,
+  //   });
+  //   return aggregateVO;
+  // };
+
+  getLtreeEntitySelectCriteria = () => {
+    let { ltmplConfig } = this.props
+
+    if (ltmplConfig && ltmplConfig.criteria) {
+      for (let c of ltmplConfig.criteria) {
+        if (c?.extControlType == "ltree-entity-select" || c?.extControlType == "ltree-entity-select-value") {
+          return c;
+        }
+      }
+    }
+    return undefined;
+  }
+
+  // 行内编辑start
+  editRowEdit = (code: string) => {
+    this.setState({ editings: [...this.state.editings, code] });
+  }
+
+  cancelRowEdit = (code: string) => {
+    this.setState({ editings: this.state.editings.filter(r => r !== code) });
+  }
+
+  // 单独提交
+  postLtmplData = async (dtmplData) => {
+    const { serverKey, sourceId } = this.props;
+    let res = await HcserviceV3.postLtmplData(
+      serverKey,
+      sourceId,
+      dtmplData,
+      message
+    );
+    if (res.status === "success") {
+      this.cancelRowEdit(dtmplData["唯一编码"]);
+      this.actTableDoSearch(undefined);
+      this.formRef.current.resetFields([]);
+    }
+  };
+
+  // 批量提交
+  postLtmplMultiData = async (dtmplData) => {
+    const { serverKey, sourceId } = this.props;
+    let res = await HcserviceV3.postLtmplMultiData(
+      serverKey,
+      sourceId,
+      dtmplData,
+      message
+    );
+    if (res.status === "success") {
+      this.cancelRowEdit(dtmplData["唯一编码"]);
+      this.actTableDoSearch(undefined);
+      this.formRef.current.resetFields([]); // 重置表单数据
+      this.setState({ editings: [] });
+    }
+  };
+
+  saveRowData = async (data: DtmplData) => {
+    const { code } = data;
+    let currentForm = this.formRef.current;
+    let dtmplData = { "唯一编码": code };
+    await currentForm.validateFields().then((values) => {
+      for (let key in values) {
+        if (values.hasOwnProperty(key) && key.startsWith(code)) {
+          dtmplData[key.split("_")[1]] = values[key];
+        }
+      }
+      this.postLtmplData(dtmplData);
+    });
+  }
+
+  // 批量提交
+  doMultiRowEdit = async () => {
+    const { editings } = this.state;
+    if (!editings.length) {
+      return;
+    }
+    let currentForm = this.formRef.current;
+    let dtmplData = {};
+    await currentForm.validateFields().then((values) => {
+      for (let key in values) {
+        if (values.hasOwnProperty(key)) {
+          const code = key.split("_")[0];
+          if (editings.includes(code)) {
+            dtmplData[code] = { "唯一编码": code, ...(dtmplData[code] || {}), [key.split("_")[1]]: (values[key] || values[key] === 0) ? values[key] : null }
+          }
+        }
+      }
+      this.postLtmplMultiData({ data: JSON.stringify(Object.values(dtmplData)) });
+    });
+  }
+
+  // 批量编辑表单值更新
+  doRowEditFormChange = (data: { [key: string]: any }) => {
+    const { editings } = this.state;
+    const code = Object.keys(data)[0].split("_")[0];
+    if (!editings.includes(code)) {
+      this.setState({ editings: [...editings, code] });
+    }
+  }
+  // 行内编辑end
+
+  // 删除确认弹窗打开
+  doDelModalOpen = (record: DtmplData) => {
+    this.setState({ record, recordCode: record.code, delModalOpen: true });
+  };
+
+  // tab页切换查询
+  doTabSearch = (val: string) => {
+    const { tabsOptions, tabActiveKey } = this.state;
+    let new_serial_number = new Date().getTime();
+    if (new_serial_number - serial_number < 2000) return;
+    if (tabActiveKey === val) return;
+    const ids = tabsOptions.find(r => r.key === "all").ids || [];
+    const item = tabsOptions.find(r => r.key === val);
+    let params = ids?.reduce((total, cur) => {
+      total[cur] = (val === "all" || cur !== item.id) ? undefined : val;
+      return total;
+    }, {});
+    this.actTableDoSearch(params);
+    this.setState({ tabActiveKey: val });
+  }
+
+  renderAggregates() { // 统计数据渲染
+    const { aggregateVO } = this.state;
+    const { ltmplConfig } = this.props;
+    const aggregates = aggregateVO?.aggregates || [];
+    const columns = ltmplConfig?.columns || [];
+    return aggregates?.length ? <div className="aggregates">{aggregates.map(item => {
+      const column = columns.find(r => r.id === item.fieldId);
+      if (!column) {
+        return "";
+      }
+      const { dataUnit, themeColor, themeIcon } = column;
+      return <Card className="aggregate-card" hoverable styles={{ body: { padding: 20 } }}>
+        <div style={{ display: "flex", alignItems: "start", justifyContent: "space-between" }}>
+          <div style={{ width: "calc(100% - 40px)" }}>
+            <p className="title">{item.fieldTitle}</p>
+            <div className="value">
+              <Text
+                style={{ maxWidth: "100%" }}
+                ellipsis={{ tooltip: item.value }}
+              >
+                <span className="number">{item.value}</span>
+              </Text>
+              {dataUnit ? <span className="unit">{dataUnit}</span> : ""}
+            </div>
+          </div>
+          {themeIcon ?
+            <div className="icon" style={{ color: themeColor, background: `${themeColor}26` }}>
+              <Icon type={themeIcon} />
+            </div> :
+            ""}
+        </div>
+      </Card>
+    }).filter(Boolean)
+    }</div > : "";
+  }
+
+  renderContent = () => {
+    let {
+      queryKey, loading, selectedRows, hiddenRowCodes, viewModels, sortedColConfigs, hiddenColIds, showL2ActTable,
+      pageInfo, editings, userCriteriaData, tabsOptions, tabActiveKey, pageSizeOptions
+    } = this.state;
+    let {
+      mainCode, sourceId, ltmplConfig, funcMode, operatable,
+      title, collapsible,
+      onChangePage, serverKey, criteriaData, showEmpty, loadDataCallback,
+      showView, doEdit, doRAction, customEditable, readOnly, tableType, showPagination, showAggregates, userPageConfig,
+      doEdit2D, doView2D
+    } = this.props;
+    const { translate } = this.context;
+
+    if (!ltmplConfig || !sourceId) {
+      return (
+        <>
+          <Card loading={loading}></Card>
+          <Table loading={loading}></Table>
+        </>
+      );
+    }
+
+    let tableColumns = ColumnBuilder.buildTableColumns(
+      {
+        ltmplConfig, operatable,
+        hiddenColIds, hiddenRowCodes, sortedColConfigs, showView,
+        doEdit,
+        doRAction, customEditable,
+        serverKey, readOnly,
+        sourceId, translate, unHiden: this.unHiden,
+        onHide: this.onHide, doCustomButton: this.doCustomButton, doRowJump: this.doRowJump,
+        blockMenuTreeDrawerOpen: this.blockMenuTreeDrawerOpen,
+        doRowAction: this.doRowAction, doDeleteByCode: this.doDeleteByCode, sortColumns: criteriaData["sortColIds"],
+        editings, editRowEdit: this.editRowEdit, cancelRowEdit: this.cancelRowEdit, saveRowData: this.saveRowData,
+        doDelModalOpen: this.doDelModalOpen, mainCode, criteriaData: userCriteriaData, actTableDoSearch: this.actTableDoSearch,
+        columnResize: userPageConfig?.colResize, doEdit2D, doView2D
+      }
+    );
+
+    let { buttons, extDisplayConfig, rowCardCount, customViewPagePath, splitTabShowType } = ltmplConfig;
+    let { primaryColumn, primaryColumnLabel, secondColumn, secondColumnLabel, mainPicture, mainPictureLabel, labelColumn, cardShowCols } = extDisplayConfig;
+    let displayCriteriaCard: boolean = false;
+    if (funcMode == "simple" || funcMode == "common") {
+      displayCriteriaCard = false;
+    } else if (this.criteriaFormUseful()) {
+      displayCriteriaCard = true;
+    }
+
+    let columnConfigs = [];
+    if (sortedColConfigs) {
+      for (let colConfig of sortedColConfigs) {
+        if (!hiddenColIds.includes(colConfig.id)) {
+          columnConfigs.push(colConfig);
+        }
+      }
+    }
+
+    const sortColumnData = [];
+    if (Array.isArray(criteriaData["sortColIds"])) {
+      sortColumnData.push(...criteriaData["sortColIds"]);
+    }
+
+    let ltreeEntitySelect = this.getLtreeEntitySelectCriteria();
+
+    // actTable渲染
+    const renderActTable = loading ? (
+      <Table loading={loading}></Table>
+    ) : (tableType == "report" ? <ReportTable
+      tableProps={{ scrollY: ltmplConfig.scrollY, clickDisplayTotal: !ltmplConfig.directShowTotal }}
+      serverKey={serverKey} hiddenColIds={hiddenColIds}
+      maxSelectedRows={this.checkBoxUseful() ? 1000 : -1}
+      columns={tableColumns}
+      selectedRows={selectedRows} queryKey={queryKey}
+      onChangeRowSelection={this.changeRowSelection}
+      leftFixedCols={ltmplConfig.leftFixedCols}
+      onChangeResize={this.onChangeResize}
+      showEmpty={showEmpty}
+    /> :
+      <QueryTable key={"querytable" + sourceId} sourceId={sourceId}
+        // queryTotal={this.queryTotal}
+        tableProps={{ scrollY: ltmplConfig.scrollY, clickDisplayTotal: !ltmplConfig.directShowTotal }}
+        serverKey={serverKey}
+        onChangePage={onChangePage}
+        viewModels={viewModels}
+        primaryColumn={primaryColumn}
+        columnConfigs={columnConfigs} summaryConfigs={ltmplConfig.totalColumnConfigs}
+        maxSelectedRows={this.props?.tableType === "select" || this.checkBoxUseful() ? 10000 : -1}
+        selectedRows={selectedRows} columns={tableColumns}
+        hiddenRowCodes={hiddenRowCodes}
+        pageInfo={pageInfo}
+        queryKey={queryKey}
+        onChangeRowSelection={this.changeRowSelection}
+        subtotalXColumn={
+          ltmplConfig.subtotalXColumn == null ||
+            ltmplConfig.subtotalXColumn.length <= 0
+            ? null
+            : ltmplConfig.subtotalXColumn
+        }
+        groupIColumns={ltmplConfig.groupIColumns}
+        doSearch={this.actTableDoSearch}
+        sortColumnData={sortColumnData}
+        cardListConfig={{ primaryColumn, primaryColumnLabel, secondColumn, secondColumnLabel, mainPicture, mainPictureLabel, labelColumn, cardShowCols, rowCardCount, buttons, customViewPagePath, mainCode }}
+        ltmplConfig={ltmplConfig}
+        showView={showView}
+        showPagination={showPagination}
+        onChangeAggregateVO={(val) => this.setState({ aggregateVO: val })}
+        onChangeResize={this.onChangeResize}
+        pageSizeOptions={pageSizeOptions}
+        showEmpty={showEmpty}
+        loadDataCallback={loadDataCallback}
+      />);
+
+    // tab拆解条件渲染
+    const renderSplitTab = <>
+      {splitTabShowType === "tab" ? <Tabs tabBarGutter={12} size="small" activeKey={tabActiveKey} items={tabsOptions} onChange={this.doTabSearch} tabBarExtraContent={this.renderHeaderButtons()} /> : ""}
+      {splitTabShowType === "tag" ? <div className="split-tab" ><Space className="split-tab-left" >{tabsOptions.map(r => <Button style={{ height: "28px" }} size="small" onClick={() => this.doTabSearch(r.key)} shape="round" type={tabActiveKey === r.key ? "primary" : "default"}>{r.title}</Button>)}</Space><div className="split-tab-right">{this.renderHeaderButtons()}</div></div> : ""}
+      {splitTabShowType === "radio" ? <div className="split-tab" ><div className="split-tab-left"><Radio.Group onChange={(e) => this.doTabSearch(e.target.value)} value={tabActiveKey} options={tabsOptions} /></div><div className="split-tab-right">{this.renderHeaderButtons()}</div></div> : ""}
+    </>;
+
+    return (
+      <>
+        {buttons.includes("analysis") && showL2ActTable ? (
+          <div>
+            <L2ActTable
+              serverKey={serverKey}
+              innerQueryKey={queryKey.key}
+              sourceId={sourceId}
+            />
+            <Divider
+              dashed
+              style={{ borderTopColor: "#40a9ff" }}
+              plain
+            ></Divider>
+          </div>
+        ) : (
+          ""
+        )}
+        <div className="actTable">
+          <Row>
+            <Col span={24}>
+              {funcMode == "complete" || funcMode == "common" ? (
+                collapsible ? null : (
+                  <span>
+                    {ltmplConfig.header ? (
+                      <div
+                        style={{ padding: "6px" }}
+                        dangerouslySetInnerHTML={{ __html: ltmplConfig.header }}
+                      ></div>
+                    ) : null}
+                    {tabsOptions.length ? renderSplitTab :
+                      <>
+                        <h3 >
+                          <p className="act-table-title" style={{ position: "relative", float: "left", marginBottom: "4px" }}> {!title
+                            ? translate("${" + ltmplConfig.title + "}")
+                            : typeof title == "string"
+                              ? translate("${" + title + "}")
+                              : title}</p>
+                        </h3>
+                        <p className="fr" style={{ marginBottom: "4px" }}>{this.renderHeaderButtons()}</p>
+                      </>}
+                  </span>
+                )
+              ) : null}
+            </Col>
+          </Row>
+          {(<Row><Col span={24}><Layout hasSider style={{ backgroundColor: "#fff" }}>
+            <Sider
+              width={ltreeEntitySelect ? 260 : 0}
+              theme={"light"}
+              style={{
+                paddingRight: ltreeEntitySelect ? '10px' : "0px"
+              }}
+            >
+              {ltreeEntitySelect ?
+                <EntryControl style={{ width: "300px" }} onChange={this.ltreeValueChange} fieldConfig={ltreeEntitySelect}></EntryControl>
+                //     <NavigationTree fieldConfig={ltreeEntitySelect} />
+                : null}
+            </Sider>
+            <Layout style={{ backgroundColor: "#fff" }}>
+              <Content style={{ overflow: "initial" }}>
+                {showAggregates ? this.renderAggregates() : ""}
+                {displayCriteriaCard ? this.renderCriteriaForm() : null}
+                {buttons.includes("rowEdit") ? <AntdForm ref={this.formRef} component={false} onValuesChange={this.doRowEditFormChange}>{renderActTable}</AntdForm> : renderActTable}
+              </Content>
+            </Layout>
+          </Layout></Col></Row>
+          )}
+          {/*此处放页脚*/}
+          {ltmplConfig.footer ? (
+            <div
+              style={{ padding: "6px" }}
+              dangerouslySetInnerHTML={{ __html: ltmplConfig.footer }}
+            ></div>
+          ) : null}
+        </div>
+      </>
+    );
+  };
+
+  saveRatmplSelect = async (selectedRows: SelectedRow[]) => {
+    this.setState({
+      showRatmplSelector: false,
+    });
+    const { serverKey, sourceId, mainCode, doSearch } = this.props;
+    if (!selectedRows || selectedRows.length <= 0) {
+      return;
+    }
+
+    //查询
+    const codes: string[] = [];
+    for (let row of selectedRows) {
+      codes.push(row.code);
+    }
+    await HcserviceV3.saveRatmplSelectCodes(
+      serverKey,
+      sourceId,
+      mainCode,
+      codes
+    );
+    this.actTableDoSearch(null);
+  };
+
+  render() {
+    let { queryKey, loading, blockMenuTreeDrawerOpen, recordCode, record, showRatmplSelector, delModalOpen } = this.state;
+    let { sourceId, ltmplConfig, title, collapsible, initCollapse, tip, serverKey, mainCode } = this.props;
+    const { strongDeleteConfirmText } = ltmplConfig || {};
+    const { translate } = this.context;
+    const delFormRef = React.createRef<FormInstance>(); // 强删除表单的form Ref
+
+    if (!ltmplConfig || !sourceId) {
+      return (
+        <>
+          <Card loading={loading}></Card>
+          <Table loading={loading}></Table>
+        </>
+      );
+    }
+
+    return (
+      <>
+        {this.renderAboveCustomPage()}
+        {collapsible ? (
+          <CollapseCard
+            initCollapse={initCollapse}
+            title={
+              <>
+                {!title ? ltmplConfig.title : title}
+                <ToolTipBar
+                  content={tip ? tip : ltmplConfig ? ltmplConfig.tip : null}
+                />
+              </>
+            }
+            id={queryKey + ltmplConfig.id}
+            className={`hoverable`}
+            styles={{ header: { background: "#f2f4f5" }, body: { padding: "6px" } }}
+            loading={loading}
+            //暂时注释掉，后续要支持配置。
+            extra={this.renderHeaderButtons()}
+          >
+            {this.renderContent()}
+          </CollapseCard>
+        ) : (
+          <>{this.renderContent()}</>
+        )}
+        {this.renderOhterCustomPage()}
+        <BlockMenuTreeDrawer
+          onOk={() => {
+            this.setState({
+              blockMenuTreeDrawerOpen: false,
+            });
+          }}
+          onCancel={() => {
+            this.setState({
+              blockMenuTreeDrawerOpen: false,
+            });
+          }}
+          open={blockMenuTreeDrawerOpen}
+          roleCode={recordCode}
+        />
+        {showRatmplSelector ? (
+          <ModelSelectTable
+            serverKey={serverKey}
+            // defaultCriteriaValue={fieldGroupConfig.defaultCriteriaValue}
+            // maxSelectedRows={fieldGroupConfig.max}
+            open={showRatmplSelector}
+            onOK={this.saveRatmplSelect}
+            onCancel={() => {
+              this.setState({ showRatmplSelector: false });
+            }}
+            mainCode={mainCode}
+            sourceId={sourceId}
+            existRelation={"false"}
+          />
+        ) : ""}
+        {delModalOpen ?
+          <Modal
+            open={delModalOpen}
+            title={translate("${确定要[删除]此数据吗}?")}
+            onOk={() => delFormRef.current.validateFields().then(() => this.doDeleteByCode(record)).catch(() => { })}
+            onCancel={() => this.setState({ record: undefined, recordCode: undefined, delModalOpen: false })}
+          >
+            <AntdForm ref={delFormRef} layout="vertical">
+              <AntdForm.Item noStyle >
+                <Alert message={translate("${风险操作，此操作不可逆，是否继续操作}?")} type="warning" showIcon style={{ margin: "12px 0" }} />
+              </AntdForm.Item>
+              <AntdForm.Item
+                label={<div>{translate("${请手动输入}")}<span style={{ color: "#ff4d4f" }}> “ {translate("${" + strongDeleteConfirmText + "}")} ” </span>{translate("${完成验证}")}</div>}
+                name="rule"
+                rules={[
+                  { required: true, message: translate("${请输入}" + "${" + strongDeleteConfirmText + "}") },
+                  { validator: (_, value) => value && value !== translate("${" + strongDeleteConfirmText + "}") ? Promise.reject(new Error(translate("${请输入}" + "${" + strongDeleteConfirmText + "}"))) : Promise.resolve() }
+                ]}
+              >
+                <Input placeholder={translate("${" + strongDeleteConfirmText + "}")} />
+              </AntdForm.Item>
+            </AntdForm>
+          </Modal> : ""}
+      </>
+    );
+  }
+}
+
+export default ActTable;