master-薪资核算表格适配详情页查看

src/pages/calcTable/customTableTitle.tsx

@@ -17,12 +17,13 @@ interface OwnProps {
   onHandleFormulatd?: any;
   i18n?: any;
   pattern?: number;
+  calcDetail?: boolean; //查看详情页面
 }
 
 type Props = OwnProps;
 
 const customTableTitle: FunctionComponent<Props> = (props) => {
-  const { dataIndex, title, lockStatus, onHandleFormulatd, i18n = {}, pattern, dataType } = props;
+  const { dataIndex, title, lockStatus, onHandleFormulatd, i18n = {}, pattern, dataType, calcDetail } = props;
 
   const handleToggleSalaryItemVal = (salaryItemId: string, type: string, updateParams: any = {}) => {
     window.parent.postMessage(
@@ -38,7 +39,7 @@ const customTableTitle: FunctionComponent<Props> = (props) => {
     <div className={classnames(styles["expand-th"])}>
       <div className={styles["title-text"]} title={title} onClick={() => onHandleFormulatd(dataIndex)}>{title}</div>
       {
-        !!lockStatus &&
+        !!lockStatus && !calcDetail &&
         <div className={styles["toogle-lock-tool"]}>
           <Icon type="icon-piliangsuoding" title={i18n["点击锁定所有解锁的项目值"]}
                 onClick={() => handleToggleSalaryItemVal(dataIndex as string, "LOCK")}/>

src/pages/calcTable/index.tsx

@@ -29,6 +29,7 @@ const index: FunctionComponent<Props> = (props) => {
   const [pageInfo, setPageInfo] = useState<Partial<PaginationData>>({});
   const [i18n, setI18n] = useState<any>({});
   const [showTotalCell, setShowTotalCell] = useState<boolean>(false);
+  const [isDetailTable, setIsDetailTable] = useState<boolean>(false);
   const [sumRowlistUrl, setSumRowlistUrl] = useState<string>("");
   const [payload, setPayload] = useState<string>("");
 
@@ -44,10 +45,11 @@ const index: FunctionComponent<Props> = (props) => {
     if (!_.isEmpty(data)) {
       const {
         columns, dataSource, pageInfo, selectedRowKeys, i18n: i18nRes = {},
-        showTotalCell = false, sumRowlistUrl = "", payload = {}
+        showTotalCell = false, sumRowlistUrl = "", payload = {}, calcDetail
       } = data;
       setSumRowlistUrl(sumRowlistUrl);
       setShowTotalCell(showTotalCell);
+      setIsDetailTable(calcDetail);
       setI18n(i18nRes);
       setPayload(payload);
       setPageInfo(pageInfo);
@@ -128,9 +130,10 @@ const index: FunctionComponent<Props> = (props) => {
   };
   return (<Table
     rowKey="id" size="small" bordered className={styles.tableWrapper}
-    columns={columns} dataSource={dataSource} rowSelection={rowSelection}
+    dataSource={dataSource} rowSelection={rowSelection}
     scroll={{ x: 1200, y: `calc(100vh - ${!showTotalCell ? 165 : 200}px)` }}
-    footer={() => <CalcExplainFooter i18n={i18n}/>}
+    columns={!isDetailTable ? columns : _.filter(columns, o => o.dataIndex !== "operate")}
+    footer={() => !isDetailTable ? <CalcExplainFooter i18n={i18n}/> : null}
     pagination={{
       ...paginationFun(pageInfo, sizeChange, onChange, i18n),
       size: "default"