字段过长显示

src/components/FieldProblem/index.js

@@ -106,11 +106,11 @@ function FieldProblem() {
             ...data,
             ...value,
         }
-        setDate({solveTimeStart:value.solveTimeStart,solveTimeEnd:value.solveTimeEnd})
+        setDate({ solveTimeStart: value.solveTimeStart, solveTimeEnd: value.solveTimeEnd })
         setCurrent(1)
         setParams(param)
         getColumnResultPage(param);
-        getColumnResultNumber({solveTimeStart:value.solveTimeStart,solveTimeEnd:value.solveTimeEnd})
+        getColumnResultNumber({ solveTimeStart: value.solveTimeStart, solveTimeEnd: value.solveTimeEnd })
     };
     const onReset = () => {
         setCurrent(1)
@@ -138,7 +138,11 @@ function FieldProblem() {
         { title: '字段名称（中文）', dataIndex: 'columnCname', key: 'columnCname' },
         { title: '字段名称（英文）', dataIndex: 'columnEname', key: 'columnEname' },
         { title: '上传字段值', dataIndex: 'tableVal', key: 'tableVal' },
-        { title: '备注', dataIndex: 'description', key: 'description' },
+        {
+            title: '备注', dataIndex: 'description', key: 'description', render: (text, record) => {
+                return record.description.length > 20 ? <span title={record.description}>{record.description.substring(0, 20) + '...'}</span> : record.description;
+            }
+        },
         {
             title: '问题类型', dataIndex: 'type', render: (text, record) => {
                 return record.type == 1 ? "数据缺失" : record.type == 2 ? "非标准值" : "正则校验失败";
@@ -147,7 +151,7 @@ function FieldProblem() {
         { title: '更新时间', dataIndex: 'auditTime', key: 'auditTime' },
         {
             title: '状态', dataIndex: 'isRequired', key: 'isRequired', render: (text, record) => {
-                return record.isSolved == 1 ? "已解决" : record.isSolved == 0 ? "未解决" :"-";
+                return record.isSolved == 1 ? "已解决" : record.isSolved == 0 ? "未解决" : "-";
             }
         },
         {
@@ -181,22 +185,22 @@ function FieldProblem() {
                         </Col>
                         <Col span={5} key={1}>
                             <Form.Item label="住院序号" name="behospitalCode">
-                                <Input placeholder="住院序号" autoComplete='off' maxLength='30'/>
+                                <Input placeholder="住院序号" autoComplete='off' maxLength='30' />
                             </Form.Item>
                         </Col>
                         <Col span={5} key={2}>
                             <Form.Item label="文书编号" name="recId">
-                                <Input placeholder="文书编号" autoComplete='off' maxLength='30'/>
+                                <Input placeholder="文书编号" autoComplete='off' maxLength='30' />
                             </Form.Item>
                         </Col>
                         <Col span={5} key={3}>
                             <Form.Item label="文书标题" name="recTitle">
-                                <Input placeholder="文书标题" autoComplete='off' maxLength='30'/>
+                                <Input placeholder="文书标题" autoComplete='off' maxLength='30' />
                             </Form.Item>
                         </Col>
                         <Col span={5} key={4}>
                             <Form.Item label="质控模块名称" name="modeName">
-                                <Input placeholder="质控模块名称" autoComplete='off' maxLength='30'/>
+                                <Input placeholder="质控模块名称" autoComplete='off' maxLength='30' />
                             </Form.Item>
                         </Col>
                         <Col span={5} key={5}>

src/components/FieldRules/index.js

@@ -222,13 +222,21 @@ function FieldRules() {
                 return record.isRequired == 1 ? "是" : record.isRequired == 0 ? "否" : '';
             }
         },
-        { title: '标准值维护', dataIndex: 'standardvalue', key: 'standardvalue', width: 110 },
+        {
+            title: '标准值维护', dataIndex: 'standardvalue', key: 'standardvalue', width: 110, render: (text, record) => {
+                return record.standardvalue.length > 10 ? <span title={record.standardvalue}>{record.standardvalue.substring(0, 10) + '...'}</span> : record.standardvalue;
+            }
+        },
         {
             title: '正则式名称', dataIndex: 'regular', key: 'regular', width: 110, render: (text, record) => {
                 return record.regular || '-';
             }
         },
-        { title: '说明', dataIndex: 'description', key: 'description' },
+        {
+            title: '说明', dataIndex: 'description', key: 'description', render: (text, record) => {
+                return record.description.length > 20 ? <span title={record.description}>{record.description.substring(0, 20) + '...'}</span> : record.description;
+            }
+        },
         {
             title: '操作', dataIndex: 'key', render: (text, record) => (
                 <Space size="middle">

src/components/RegularManage/addRegular.js

@@ -55,7 +55,7 @@ function EditBlock(props) {
                 initialValues={initialValues}
             >
                 <Form.Item label="正则式名称" name="name" rules={[{ required: true }]}>
-                    <Input placeholder="请输入" autoComplete='off' />
+                    <Input placeholder="请输入" autoComplete='off' maxLength='30'/>
                 </Form.Item>
                 <Form.Item label="正则式值" name="val" rules={[{ required: true }]}>
                     <TextArea

src/components/RegularManage/index.js

@@ -134,8 +134,16 @@ function RegularManage() {
     const columns = [
         { title: '序号', dataIndex: 'index', render: (text, record, index) => (current - 1) * params.size + index + 1 },
         { title: '正则式名称', dataIndex: 'name', key: 'name' },
-        { title: '正则式值', dataIndex: 'val', key: 'val' },
-        { title: '说明', dataIndex: 'description', key: 'description' },
+        {
+            title: '正则式值', dataIndex: 'val', key: 'val', render: (text, record) => {
+                return record.val.length > 20 ? <span title={record.val}>{record.val.substring(0, 20)+'...'}</span>: record.val;
+            }
+        },
+        {
+            title: '说明', dataIndex: 'description', key: 'description', render: (text, record) => {
+                return record.description.length > 20 ? <span title={record.description}>{record.description.substring(0, 20)+'...'}</span> : record.description;
+            }
+        },
         {
             title: '操作', dataIndex: 'key', render: (text, record) => (
                 <Space size="middle">
@@ -156,7 +164,7 @@ function RegularManage() {
                     <Row gutter={24}>
                         <Col span={5} key={0}>
                             <Form.Item label="正则式名称" name="name">
-                                <Input placeholder="正则式名称" autoComplete='off' />
+                                <Input placeholder="正则式名称" autoComplete='off' maxLength='30' />
                             </Form.Item>
                         </Col>
 
@@ -214,7 +222,7 @@ function RegularManage() {
                     footer={null}
                     forceRender={true}
                 >
-                    <RegularContext.Provider value={{ regularDetail, type,flag }}>
+                    <RegularContext.Provider value={{ regularDetail, type, flag }}>
                         <AddRegular userChange={userChange} cancel={cancel} />
                     </RegularContext.Provider>