feat: update 开票管理列表

zhongnanhuang
1 parent c158e9de
Showing 1 changed file with 43 additions and 6 deletions
src/pages/Invoice/index.tsx
@@ -15,9 +15,26 @@ import { INVOCING_STATUS, PAYEE_OPTIONS } from &#39;../Order/constant&#39;;
 import './index.less';
  
 const userInfo = getUserInfo();
-// const
+
+const BreakWordDiv = ({ text = '暂无内容' }) => {
+  return <div className="overflow-wrap-break-word">{text}</div>;
+};
+
+const getTableCellText = (target: any) => {
+  if (!target) {
+    return '';
+  }
+
+  if (target.props) {
+    return target.props.text;
+  }
+
+  return target;
+};
+
 const InvoicePage = () => {
   const actionRef = useRef<ActionType>();
+
   return (
     <>
       <PageContainer
@@ -61,19 +78,39 @@ const InvoicePage = () =&gt; {
             let newItem = { ...item };
             if (item.dataIndex === 'invoiceStatus') {
               newItem.render = (text) => {
-                return enumValueToLabel(text.props.text, INVOCING_STATUS);
+                return (
+                  <BreakWordDiv
+                    text={enumValueToLabel(
+                      getTableCellText(text),
+                      INVOCING_STATUS,
+                    )}
+                  />
+                );
               };
             }
-
             if (item.dataIndex === 'status') {
               newItem.render = (text) => {
-                return enumValueToLabel(text, INVOICE_STATUS);
+                console.log(text);
+                return (
+                  <BreakWordDiv
+                    text={enumValueToLabel(
+                      getTableCellText(text),
+                      INVOICE_STATUS,
+                    )}
+                  />
+                );
               };
             }
-
             if (item.dataIndex === 'payee') {
               newItem.render = (text) => {
-                return enumValueToLabel(text, PAYEE_OPTIONS);
+                return (
+                  <BreakWordDiv
+                    text={enumValueToLabel(
+                      getTableCellText(text),
+                      PAYEE_OPTIONS,
+                    )}
+                  />
+                );
               };
             }
             return newItem;