pref：参数设计器部分样式修改

邱嘉伟
1 parent cdc672d8
Showing 1 changed file with 14 additions and 14 deletions
src/qx-parameter-setting/ParameterModal.tsx
--- a/src/qx-parameter-setting/ParameterModal.tsx
View file @2f8b38f
+++ b/src/qx-parameter-setting/ParameterModal.tsx
View file @2f8b38f
@@ -18,7 +18,6 @@ import {
   Divider,
   message,
 } from 'antd';
-import type { FormInstance } from 'antd/es/form';
 import React, {
   useCallback,
   useEffect,
@@ -86,7 +85,6 @@ interface ParameterSettingProps {
   nodeType?: string | 'START' | 'END';
   appId?: string; // 当前应用ID
 }
-const EditableContext = React.createContext<FormInstance<any> | null>(null);
 const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
   console.log('onChange', e);
@@ -178,7 +176,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
         </div>
       ),
       dataIndex: 'code',
-      width: '12%',
+      width: '150px',
       key: 'code',
       render: (text, record) => (
         < Form.Item
@@ -201,7 +199,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
         </div>
       ),
       dataIndex: 'title',
-      width: '12%',
+      width: '112px',
       key: 'title',
       render: (text, record) => (
         <Form.Item
@@ -224,7 +222,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
         </div>
       ),
       dataIndex: 'type',
-      width: '8%',
+      width: '102px',
       key: 'type',
       render: (text, record) =>
         <Form.Item
@@ -248,7 +246,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
     {
       title: '默认值',
       dataIndex: 'valueMapping',
-      width: '13%',
+      width: '116px',
       key: 'valueMapping',
       render: (text, record) =>
         <div className="editable-cell ">
@@ -273,6 +271,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
       title: '参数说明',
       dataIndex: 'description',
       key: 'description',
+      width: '102px',
       render: (text, record) => (
         <Form.Item
           name={'description' + record.id}
@@ -290,7 +289,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
     {
       title: '操作',
       key: 'action',
-      width: '8%',
+      width: '96px',
       render: (text, record) => {
         const isShowAdd = (record && checkShowAdd(record));
         const isShowTree = (record && checkShowTree(record));
@@ -333,6 +332,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
     title: '取值范围',
     dataIndex: 'qxProps',
     editable: true,
+    width: '314px',
     key: 'qxProps',
     render: (qxProps: any, record: any) => {
       switch (record.type) {
@@ -388,7 +388,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
                     size='small'
                     defaultValue={qxProps.min}
                     onBlur={(e) => handleChange(e, record, 'qxProps-min')}
-                    style={{ width: '110px' }}
+                    // style={{ width: '110px' }}
                     placeholder="最小值"
                   />
                 </Form.Item>
@@ -403,7 +403,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
                     precision={qxProps.precision || 0}
                     defaultValue={qxProps.max}
                     onBlur={(e) => handleChange(e, record, 'qxProps-max')}
-                    style={{ width: '110px' }}
+                    // style={{ width: '110px' }}
                     placeholder="最大值"
                   />
                 </Form.Item>
@@ -444,7 +444,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
                       : undefined
                   }
                   format={formatEnum[qxProps?.format]}
-                  style={{ width: '110px' }}
+                  // style={{ width: '110px' }}
                   showTime
                   onChange={(e) => handleChange(e, record, 'qxProps-min')}
                   placeholder="开始日期"
@@ -459,7 +459,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
                       : undefined
                   }
                   format={formatEnum[qxProps?.format]}
-                  style={{ width: '110px' }}
+                  // style={{ width: '110px' }}
                   showTime
                   onChange={(e) => handleChange(e, record, 'qxProps-max')}
                   placeholder="结束日期"
@@ -469,7 +469,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
               <div className='range-cell'>
                 <Select
                   size='small'
-                  style={{ width: '90px' }}
+                  // style={{ width: '90px' }}
                   bordered={false}
                   placeholder="格式"
                   popupMatchSelectWidth={false}
@@ -524,7 +524,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
     dataIndex: 'required',
     editable: true,
     key: 'required',
-    width: '5%',
+    width: '76px',
     render: (text, record) => (
       <Form.Item
         name={'required' + record.id}
@@ -804,7 +804,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
                 childrenColumnName: 'child'
               }}
               onRow={() => onRow()}
-              scroll={{ x: 960 }}
+              scroll={{ x: 960, y: 432 }}
               // rowClassName={() => 'editable-row'}
               bordered
               pagination={false}