Merge branch 'v2-220418' of…

src/pages/contract/manage/add/components/Fromtable.tsx

@@ -44,7 +44,7 @@ const FormList = (props: any) => {
       render: (_, item, index) => {
         return (
           <Select
-            style={{ width: 200 }}
+            style={{ width: 100 }}
             defaultValue={item.payNum}
             options={options}
             key='1'
@@ -58,12 +58,12 @@ const FormList = (props: any) => {
     },
     {
       title: intl.formatMessage({ id: 'contract.fukuanjieduan' }), dataIndex: 'payStage', align: 'left',
-      render: (_, item, index) => <TextArea maxLength={150} rows={1} onChange={(e) => onSelectChange(e, 'payStage', index)} />
+      render: (_, item, index) => <TextArea style={{width: 200}} maxLength={150} rows={1} onChange={(e) => onSelectChange(e, 'payStage', index)} />
     },
     {
       title: intl.formatMessage({ id: 'contract.yujifukuanshijian' }), dataIndex: 'expectPayTime', align: 'left',
       render: (_, item, index) => <DatePicker
-        style={{ width: '100%' }}
+        style={{ width: 150 }}
         format="YYYY-MM-DD"
         onChange={(e) => onSelectChange(e, 'expectPayTime', index)}
       />
@@ -74,7 +74,7 @@ const FormList = (props: any) => {
         <div className={styles.flex}>
           <Input
             style={{
-              width: 150,
+              width: 50,
             }}
             value={item.payRatio}
             placeholder=""
@@ -91,7 +91,7 @@ const FormList = (props: any) => {
           <span>{intl.formatMessage({id: 'commodity.products.directChannel.columns.currency'})}</span>
           <Input
             style={{
-              width: 130,
+              width: 100,
             }}
             placeholder=""
             value={text}
@@ -131,7 +131,7 @@ const FormList = (props: any) => {
       dataIndex: '',
       align: 'left',
       key: 'x',
-      render: (_, item, index) => <a onClick={() => Delete(item, index)}>{intl.formatMessage({id: 'contract.shanchu'})}</a>,
+      render: (_, item, index) => <a style={{width: 80}} onClick={() => Delete(item, index)}>{intl.formatMessage({id: 'contract.shanchu'})}</a>,
     },
   ];
 
@@ -249,14 +249,16 @@ const FormList = (props: any) => {
   })
 
   return (
-    <div className="table">
+    <div style={{width: '100%', overflow: 'auto'}}>
       <Table
         columns={tabcolumns}
         dataSource={PlanList}
         rowKey="rowId"
         style={{
-          width: "100%"
+          minWidth: 1200,
+          overflow: 'auto'
         }}
+        scroll={{ x: true }}
         pagination={false}
       />
       <div style={{ background: '#F4F5F7' }} onClick={() => addtable()} >