Showing
1 changed file
with
14 additions
and
14 deletions
| ... | ... | @@ -18,7 +18,6 @@ import { |
| 18 | 18 | Divider, |
| 19 | 19 | message, |
| 20 | 20 | } from 'antd'; |
| 21 | -import type { FormInstance } from 'antd/es/form'; | |
| 22 | 21 | import React, { |
| 23 | 22 | useCallback, |
| 24 | 23 | useEffect, |
| ... | ... | @@ -86,7 +85,6 @@ interface ParameterSettingProps { |
| 86 | 85 | nodeType?: string | 'START' | 'END'; |
| 87 | 86 | appId?: string; // 当前应用ID |
| 88 | 87 | } |
| 89 | -const EditableContext = React.createContext<FormInstance<any> | null>(null); | |
| 90 | 88 | |
| 91 | 89 | const onChange = (e: React.ChangeEvent<HTMLInputElement>) => { |
| 92 | 90 | console.log('onChange', e); |
| ... | ... | @@ -178,7 +176,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 178 | 176 | </div> |
| 179 | 177 | ), |
| 180 | 178 | dataIndex: 'code', |
| 181 | - width: '12%', | |
| 179 | + width: '150px', | |
| 182 | 180 | key: 'code', |
| 183 | 181 | render: (text, record) => ( |
| 184 | 182 | < Form.Item |
| ... | ... | @@ -201,7 +199,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 201 | 199 | </div> |
| 202 | 200 | ), |
| 203 | 201 | dataIndex: 'title', |
| 204 | - width: '12%', | |
| 202 | + width: '112px', | |
| 205 | 203 | key: 'title', |
| 206 | 204 | render: (text, record) => ( |
| 207 | 205 | <Form.Item |
| ... | ... | @@ -224,7 +222,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 224 | 222 | </div> |
| 225 | 223 | ), |
| 226 | 224 | dataIndex: 'type', |
| 227 | - width: '8%', | |
| 225 | + width: '102px', | |
| 228 | 226 | key: 'type', |
| 229 | 227 | render: (text, record) => |
| 230 | 228 | <Form.Item |
| ... | ... | @@ -248,7 +246,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 248 | 246 | { |
| 249 | 247 | title: '默认值', |
| 250 | 248 | dataIndex: 'valueMapping', |
| 251 | - width: '13%', | |
| 249 | + width: '116px', | |
| 252 | 250 | key: 'valueMapping', |
| 253 | 251 | render: (text, record) => |
| 254 | 252 | <div className="editable-cell "> |
| ... | ... | @@ -273,6 +271,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 273 | 271 | title: '参数说明', |
| 274 | 272 | dataIndex: 'description', |
| 275 | 273 | key: 'description', |
| 274 | + width: '102px', | |
| 276 | 275 | render: (text, record) => ( |
| 277 | 276 | <Form.Item |
| 278 | 277 | name={'description' + record.id} |
| ... | ... | @@ -290,7 +289,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 290 | 289 | { |
| 291 | 290 | title: '操作', |
| 292 | 291 | key: 'action', |
| 293 | - width: '8%', | |
| 292 | + width: '96px', | |
| 294 | 293 | render: (text, record) => { |
| 295 | 294 | const isShowAdd = (record && checkShowAdd(record)); |
| 296 | 295 | const isShowTree = (record && checkShowTree(record)); |
| ... | ... | @@ -333,6 +332,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 333 | 332 | title: '取值范围', |
| 334 | 333 | dataIndex: 'qxProps', |
| 335 | 334 | editable: true, |
| 335 | + width: '314px', | |
| 336 | 336 | key: 'qxProps', |
| 337 | 337 | render: (qxProps: any, record: any) => { |
| 338 | 338 | switch (record.type) { |
| ... | ... | @@ -388,7 +388,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 388 | 388 | size='small' |
| 389 | 389 | defaultValue={qxProps.min} |
| 390 | 390 | onBlur={(e) => handleChange(e, record, 'qxProps-min')} |
| 391 | - style={{ width: '110px' }} | |
| 391 | + // style={{ width: '110px' }} | |
| 392 | 392 | placeholder="最小值" |
| 393 | 393 | /> |
| 394 | 394 | </Form.Item> |
| ... | ... | @@ -403,7 +403,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 403 | 403 | precision={qxProps.precision || 0} |
| 404 | 404 | defaultValue={qxProps.max} |
| 405 | 405 | onBlur={(e) => handleChange(e, record, 'qxProps-max')} |
| 406 | - style={{ width: '110px' }} | |
| 406 | + // style={{ width: '110px' }} | |
| 407 | 407 | placeholder="最大值" |
| 408 | 408 | /> |
| 409 | 409 | </Form.Item> |
| ... | ... | @@ -444,7 +444,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 444 | 444 | : undefined |
| 445 | 445 | } |
| 446 | 446 | format={formatEnum[qxProps?.format]} |
| 447 | - style={{ width: '110px' }} | |
| 447 | + // style={{ width: '110px' }} | |
| 448 | 448 | showTime |
| 449 | 449 | onChange={(e) => handleChange(e, record, 'qxProps-min')} |
| 450 | 450 | placeholder="开始日期" |
| ... | ... | @@ -459,7 +459,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 459 | 459 | : undefined |
| 460 | 460 | } |
| 461 | 461 | format={formatEnum[qxProps?.format]} |
| 462 | - style={{ width: '110px' }} | |
| 462 | + // style={{ width: '110px' }} | |
| 463 | 463 | showTime |
| 464 | 464 | onChange={(e) => handleChange(e, record, 'qxProps-max')} |
| 465 | 465 | placeholder="结束日期" |
| ... | ... | @@ -469,7 +469,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 469 | 469 | <div className='range-cell'> |
| 470 | 470 | <Select |
| 471 | 471 | size='small' |
| 472 | - style={{ width: '90px' }} | |
| 472 | + // style={{ width: '90px' }} | |
| 473 | 473 | bordered={false} |
| 474 | 474 | placeholder="格式" |
| 475 | 475 | popupMatchSelectWidth={false} |
| ... | ... | @@ -524,7 +524,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 524 | 524 | dataIndex: 'required', |
| 525 | 525 | editable: true, |
| 526 | 526 | key: 'required', |
| 527 | - width: '5%', | |
| 527 | + width: '76px', | |
| 528 | 528 | render: (text, record) => ( |
| 529 | 529 | <Form.Item |
| 530 | 530 | name={'required' + record.id} |
| ... | ... | @@ -804,7 +804,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => { |
| 804 | 804 | childrenColumnName: 'child' |
| 805 | 805 | }} |
| 806 | 806 | onRow={() => onRow()} |
| 807 | - scroll={{ x: 960 }} | |
| 807 | + scroll={{ x: 960, y: 432 }} | |
| 808 | 808 | // rowClassName={() => 'editable-row'} |
| 809 | 809 | bordered |
| 810 | 810 | pagination={false} | ... | ... |