feat: css样式修复

src/global.less

@@ -5,7 +5,7 @@ body,
 #root {
   width: 100%;
   height: 100%;
-  background-image: url('../src/assets/background21.png') !important;
+  background-image: url('../src/assets/background22.png') !important;
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -173,16 +173,16 @@ body,
 }
 
 //输入框的样式
-.ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  background: rgba(17, 62, 104, 0.25) !important;
-  border: 0 !important;
-  border-radius: 0 0 0 0;
-  box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+// .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+//   background: rgba(17, 62, 104, 0.25) !important;
+//   border: 0 !important;
+//   border-radius: 0 0 0 0;
+//   box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
 
-  .ant-select-selection-item {
-    color: whitesmoke;
-  }
-}
+//   .ant-select-selection-item {
+//     color: whitesmoke;
+//   }
+// }
 
 .ant-select-arrow {
   color: whitesmoke;

src/pages/Component/DataQuery/index.css

@@ -66,4 +66,15 @@
 
 .inputNumber :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/Component/Detail/BushingDataT/TestResult/index.css

@@ -1,3 +1,15 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/Component/Detail/ShockAbsorberDebuggingT/TestResult/index.css

@@ -0,0 +1,19 @@
+.formSelect {
+    width: 300px;
+}
+
+.formSelect :global(.ant-form-item-label>label) {
+    color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
+}

src/pages/Component/Detail/ShockAbsorberDebuggingT/TestResult/index.tsx

@@ -13,11 +13,16 @@ import {
 } from 'antd';
 import { useEffect, useState } from 'react';
 import { Scrollbars } from 'react-custom-scrollbars';
-import { getDamperDataFileDetail, getSelectData, getDamperChartDataList, updateDamperDataFileDetail } from './api';
+import {
+  getDamperDataFileDetail,
+  getSelectData,
+  getDamperChartDataList,
+  updateDamperDataFileDetail,
+} from './api';
 import EChart from '@/components/EChart';
 import drawHelp from '@/components/EChart/drawHelp';
 import type { ColumnsType } from 'antd/es/table';
-import styles from '../index.css';
+import styles from './index.css';
 
 //评价曲线
 const DamperChart: React.FC<{
@@ -56,7 +61,6 @@ const DamperDataDatail: React.FC<{
   pagination: any; // 分页信息
   infoUpdate: any; // 刷新函数
 }> = ({ dataSource, pagination, infoUpdate }) => {
-
   const [open, setOpen] = useState<boolean>(false);
   const [loading, setLoading] = useState<boolean>(false);
   const [damperId, setDamperId] = useState<number>();
@@ -94,7 +98,7 @@ const DamperDataDatail: React.FC<{
       message.error(res.msg);
     }
     infoUpdate();
-    setOpen(false)
+    setOpen(false);
     setLoading(false);
   };
 
@@ -114,7 +118,7 @@ const DamperDataDatail: React.FC<{
           align: 'center',
           dataIndex: 'frequency',
         },
-      ]
+      ],
     },
     {
       title: '位移(amplitude)',
@@ -125,7 +129,7 @@ const DamperDataDatail: React.FC<{
           align: 'center',
           dataIndex: 'amplitude',
         },
-      ]
+      ],
     },
     {
       title: '复原速度(reboundVel)',
@@ -136,7 +140,7 @@ const DamperDataDatail: React.FC<{
           align: 'center',
           dataIndex: 'reboundVel',
         },
-      ]
+      ],
     },
     {
       title: '复原(rebound)',
@@ -147,7 +151,7 @@ const DamperDataDatail: React.FC<{
           align: 'center',
           dataIndex: 'rebound',
         },
-      ]
+      ],
     },
     {
       title: '压缩速度(compressionVel)',
@@ -158,7 +162,7 @@ const DamperDataDatail: React.FC<{
           align: 'center',
           dataIndex: 'compressionVel',
         },
-      ]
+      ],
     },
     {
       title: '压缩(compression)',
@@ -169,7 +173,7 @@ const DamperDataDatail: React.FC<{
           align: 'center',
           dataIndex: 'compression',
         },
-      ]
+      ],
     },
     {
       title: '操作',
@@ -177,7 +181,13 @@ const DamperDataDatail: React.FC<{
       align: 'center',
       render: (_: any, record: any) => (
         <Space size="middle">
-          <a onClick={() => { updateHandle(record) }}>编辑</a>
+          <a
+            onClick={() => {
+              updateHandle(record);
+            }}
+          >
+            编辑
+          </a>
         </Space>
       ),
     },
@@ -196,75 +206,48 @@ const DamperDataDatail: React.FC<{
       <Modal
         open={open}
         title="修改用户信息"
-        onCancel={() => { setOpen(false) }}
+        onCancel={() => {
+          setOpen(false);
+        }}
         onOk={onFinish}
-        afterClose={() => { form.resetFields() }}
+        afterClose={() => {
+          form.resetFields();
+        }}
       >
         <Spin spinning={loading}>
-          <Form
-            {...formItemLayout}
-            form={form}
-            name="baseForm"
-          >
-            <Form.Item
-              name="speed"
-              label="speed"
-              className={styles.formSelect}
-            >
+          <Form {...formItemLayout} form={form} name="baseForm">
+            <Form.Item name="speed" label="speed" className={styles.formSelect}>
               <Input />
             </Form.Item>
-            <Form.Item
-              name="amplitude"
-              label="amplitude"
-              className={styles.formSelect}
-            >
+            <Form.Item name="amplitude" label="amplitude" className={styles.formSelect}>
               <Input />
             </Form.Item>
-            <Form.Item
-              name="reboundVel"
-              label="reboundVel"
-              className={styles.formSelect}
-            >
+            <Form.Item name="reboundVel" label="reboundVel" className={styles.formSelect}>
               <Input />
             </Form.Item>
-            <Form.Item
-              name="rebound"
-              label="rebound"
-              className={styles.formSelect}
-            >
+            <Form.Item name="rebound" label="rebound" className={styles.formSelect}>
               <Input />
             </Form.Item>
-            <Form.Item
-              name="compressionVel"
-              label="compressionVel"
-              className={styles.formSelect}
-            >
+            <Form.Item name="compressionVel" label="compressionVel" className={styles.formSelect}>
               <Input />
             </Form.Item>
-            <Form.Item
-              name="compression"
-              label="compression"
-              className={styles.formSelect}
-            >
+            <Form.Item name="compression" label="compression" className={styles.formSelect}>
               <Input />
             </Form.Item>
-            <Form.Item
-              name="work"
-              label="work"
-              className={styles.formSelect}
-            >
+            <Form.Item name="work" label="work" className={styles.formSelect}>
               <Input />
             </Form.Item>
           </Form>
         </Spin>
       </Modal>
-    </div >
+    </div>
   );
 };
 
 const TestResult: React.FC<{
   idNumber: number;
 }> = ({ idNumber }) => {
+  const [form] = Form.useForm();
   const [frontPage, setFrontPage] = useState<number>(1);
   const [frontPageSize, setFrontPageSize] = useState<number>(5);
   const [rearpage, setRearPage] = useState<number>(1);
@@ -274,7 +257,9 @@ const TestResult: React.FC<{
   const [loading, setLoading] = useState<boolean>(false);
   const [selectData, setSelectData] = useState<{ label: string; value: number }[]>([]);
   const [selectType, setSelectType] = useState<number>();
-  const [frontChartDataList, setFrontChartDataList] = useState<ShockDataType.damperDetailParam[]>([]);
+  const [frontChartDataList, setFrontChartDataList] = useState<ShockDataType.damperDetailParam[]>(
+    [],
+  );
   const [rearChartDataList, setRearChartDataList] = useState<ShockDataType.damperDetailParam[]>([]);
   const [damperChartDataList, setDamperChartDataList] = useState<ShockDataType.curveDataType[]>([]);
 
@@ -283,14 +268,14 @@ const TestResult: React.FC<{
     setLoading(true);
     if (selectType != null) {
       const value: any = {
-        attachId: selectType
+        attachId: selectType,
       };
       const res = await getDamperDataFileDetail(value);
       if (res.code === 0) {
         setFrontChartDataList(res.result.frontDamperDataList);
         setRearChartDataList(res.result.rearDamperDataList);
-        setFrontTotal(frontChartDataList.length)
-        setRearTotal(rearChartDataList.length)
+        setFrontTotal(frontChartDataList.length);
+        setRearTotal(rearChartDataList.length);
       }
     }
     setLoading(false);
@@ -384,6 +369,14 @@ const TestResult: React.FC<{
     },
   };
 
+  //查询表单提交
+  const onQueryFinish = async () => {
+    form.validateFields().then(async (values) => {
+      setSelectType(values.selectType);
+      getDamperDataList();
+    });
+  };
+
   return (
     <Scrollbars
       autoHide
@@ -399,26 +392,30 @@ const TestResult: React.FC<{
       <div>
         <div>
           <Spin spinning={loading}>
-            <Space>
-              <div>
-                <span>数据文件: </span>
-                <Select
-                  value={selectType}
-                  placeholder="请选择数据文件"
-                  style={{ width: 200 }}
-                  options={selectData.map((item) => ({
-                    value: item.value,
-                    label: item.label,
-                  }))}
-                  onChange={(e: any) => {
-                    setSelectType(e);
-                  }}
-                />
-              </div>
-              <Button type="dashed" onClick={getDamperDataList} style={{ marginLeft: '50%' }}>
-                查询
-              </Button>
-            </Space>
+            <Form form={form} onFinish={onQueryFinish} layout="inline">
+              <Form.Item
+                label="文件名称"
+                colon={false}
+                className={styles.formSelect}
+                name={'selectType'}
+              >
+                <Select placeholder="请选择文件">
+                  {selectData.map((option) => (
+                    <Select.Option key={option.label} value={option.value}>
+                      {option.label}
+                    </Select.Option>
+                  ))}
+                </Select>
+              </Form.Item>
+
+              <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+                <Space>
+                  <Button htmlType="submit" type="dashed">
+                    查询
+                  </Button>
+                </Space>
+              </Form.Item>
+            </Form>
           </Spin>
         </div>
         <Typography.Title level={4} style={{ color: 'rgb(34,147,202)', marginTop: '1%' }}>
@@ -449,7 +446,9 @@ const TestResult: React.FC<{
           试验曲线
         </Typography.Title>
         <div style={{ marginTop: 10 }}>
-          {damperChartDataList.length !== 0 ? <DamperChart chartDataList={damperChartDataList} /> : null}
+          {damperChartDataList.length !== 0 ? (
+            <DamperChart chartDataList={damperChartDataList} />
+          ) : null}
         </div>
       </div>
     </Scrollbars>

src/pages/Component/Detail/index.tsx

@@ -16,9 +16,9 @@ const Index: React.FC = () => {
 
   const getTabs = (newIdNumber: number, newTypeKey: string) => {
     switch (newTypeKey) {
-      case '1':
+      case '1': // 衬套
         return BushingDataT(newIdNumber);
-      case '2':
+      case '2': //减振器
         return ShockAbsorberDebuggingT(newIdNumber);
       case '3':
         return TireDataT(newIdNumber);

src/pages/DrivingPerformance/DataQuery/index.css

@@ -13,6 +13,17 @@
     margin-top: 20px;
 }
 
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
+}
+
 .formSelect {
     width: 85%;
     margin-top: 10px !important;

src/pages/DrivingPerformance/Detail/BrakingPerformanceT/TestData/index.css

@@ -1,3 +1,14 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/BrakingPerformanceT/TestReport/index copy.css

@@ -1,3 +0,0 @@
-.formSelect :global(.ant-form-item-label>label) {
-    color: white;
-}

src/pages/DrivingPerformance/Detail/BrakingPerformanceT/TestReport/index.css

@@ -1,3 +1,14 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/BrakingPerformanceT/TestResult/index.css

@@ -1,3 +1,15 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/BrakingPerformanceT/index.tsx

@@ -2,6 +2,7 @@ import TestData from './TestData/index';
 import TestResult from './TestResult/index';
 import TestReport from './TestReport';
 
+// 制动性
 const BushingDataT = (idNumber: number) => {
   return [
     {

src/pages/DrivingPerformance/Detail/CenterOfMassT/TestData/index.css

@@ -33,4 +33,16 @@
 
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/CenterOfMassT/TestResult/index.css

@@ -0,0 +1,18 @@
+.formSelect {
+    width: 300px;
+}
+
+.formSelect :global(.ant-form-item-label>label) {
+    color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
+}

src/pages/DrivingPerformance/Detail/CenterOfMassT/TestResult/index.tsx

@@ -18,6 +18,7 @@ import { useEffect, useState } from 'react';
 import type MassType from './type';
 import Title from 'antd/lib/typography/Title';
 import { getFitDataList, getSelectList, getTestDataList, updataSelectList } from './api';
+import styles from './index.css';
 
 interface EditableCellProps<T> extends React.HTMLAttributes<HTMLElement> {
   editing: boolean;
@@ -212,15 +213,15 @@ const Result: React.FC<{
     col.title === '操作' || col.title === '编号'
       ? col
       : {
-        ...col,
-        onCell: (record: MassType.DataType) => ({
-          record,
-          inputType: col.key === 'average' || col.key === 's30' ? 'number' : 'string',
-          dataIndex: col.key,
-          title: col.title,
-          editing: isEditing(record),
-        }),
-      },
+          ...col,
+          onCell: (record: MassType.DataType) => ({
+            record,
+            inputType: col.key === 'average' || col.key === 's30' ? 'number' : 'string',
+            dataIndex: col.key,
+            title: col.title,
+            editing: isEditing(record),
+          }),
+        },
   );
 
   return (
@@ -252,6 +253,7 @@ const CenterOfMass: React.FC<{
   const [resultData, setResultData] = useState<any[]>([]);
   const [selectName, setSelectName] = useState<number>();
   const [expNameList, setExpNameList] = useState<any[]>([]);
+  const [form] = Form.useForm();
 
   //选择框内容
   const selectList = async () => {
@@ -306,6 +308,15 @@ const CenterOfMass: React.FC<{
     getResult(selectName as number);
     // update(selectName);
   };
+
+  //查询表单提交
+  const onQueryFinish = async () => {
+    form.validateFields().then(async (values) => {
+      setSelectName(values.selectName);
+      selectHandle();
+    });
+  };
+
   return (
     <div>
       <Title level={3} style={{ color: 'rgb(34,147,202)' }}>
@@ -313,26 +324,30 @@ const CenterOfMass: React.FC<{
       </Title>
       <Divider />
       <Spin spinning={loading1}>
-        <Space>
-          <div>
-            <span>文件名称: </span>
-            <Select
-              value={selectName}
-              placeholder="请选择文件名称"
-              style={{ width: 200 }}
-              options={expNameList.map((item) => ({
-                value: item.id,
-                label: item.fileName,
-              }))}
-              onChange={(e: any) => {
-                setSelectName(e);
-              }}
-            />
-          </div>
-          <Button type="dashed" onClick={selectHandle}>
-            查询
-          </Button>
-        </Space>
+        <Form form={form} onFinish={onQueryFinish} layout="inline">
+          <Form.Item
+            label="文件名称"
+            colon={false}
+            className={styles.formSelect}
+            name={'selectName'}
+          >
+            <Select placeholder="请选择文件">
+              {expNameList.map((option) => (
+                <Select.Option key={option.fileName} value={option.id}>
+                  {option.fileName}
+                </Select.Option>
+              ))}
+            </Select>
+          </Form.Item>
+
+          <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+            <Space>
+              <Button htmlType="submit" type="dashed">
+                查询
+              </Button>
+            </Space>
+          </Form.Item>
+        </Form>
         <Result
           dataList={dataList}
           setLoading={setLoading1}

src/pages/DrivingPerformance/Detail/CenterOfMassT/index.tsx

@@ -1,37 +1,6 @@
-import React, { useState } from 'react';
-import { Tabs } from 'antd';
-import type { TabsProps } from 'antd';
 import TestData from './TestData/index';
 import TestResult from './TestResult/index';
 
-// const CenterOfMassT: React.FC<{
-//   idNumber: number;
-// }> = ({ idNumber }) => {
-//   const [which, setWhich] = useState<string>('1');
-
-//   const items: TabsProps['items'] = [
-//     {
-//       key: '1',
-//       label: '试验数据',
-//       children: <TestData idNumber={idNumber} />,
-//     },
-//     {
-//       key: '2',
-//       label: '试验结果',
-//       children: <TestResult idNumber={idNumber} />,
-//     },
-//   ];
-
-//   return (
-//     <Tabs
-//       activeKey={which}
-//       items={items}
-//       onChange={(item) => setWhich(item)}
-//       destroyInactiveTabPane
-//     />
-//   );
-// };
-
 const CenterOfMassT = (idNumber: number) => {
   return [
     {

src/pages/DrivingPerformance/Detail/OperationalStabilityT/ResourceData/index.css

@@ -23,4 +23,27 @@
 
 .inputForm :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
+}
+
+.inputForm :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/OperationalStabilityT/TestResult/index.css

@@ -10,4 +10,16 @@
 
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/RideT/ResourceData/index.css

@@ -10,4 +10,16 @@
 
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/RideT/TestReport/index.css

@@ -1,3 +1,15 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/RideT/TestResult/index.css

@@ -43,4 +43,15 @@
 
 .form :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/RideT/TestResult/tableForm/tableForm.tsx

@@ -24,7 +24,7 @@ const TableForm: React.FC<{
         className={styles.form}
         onFinish={onFinish}
       >
-        <Form.Item label="试验工况" name="conditionId">
+        <Form.Item label="试验工况" className={styles.formSelect}>
           <Select
             allowClear
             style={{ width: 200 }}

src/pages/DrivingPerformance/Detail/RideT/index.tsx

@@ -2,6 +2,7 @@ import TestResult from './TestResult/index';
 import TestReport from './TestReport';
 import ResourceData from './ResourceData/index';
 
+// 平顺性
 const RideT = (idNumber: number) => {
   return [
     {

src/pages/DrivingPerformance/Detail/SlideT/TestData/index.css

@@ -1,3 +1,14 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/SlideT/TestReport/index.css

@@ -1,3 +1,14 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/SwerveT/TestData/index.css

@@ -1,3 +1,14 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/SwerveT/TestReport/index.css

@@ -1,3 +1,14 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/DrivingPerformance/Detail/SwerveT/TestResult/index.css

@@ -1,3 +1,18 @@
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
+}
+
+.formSelect {
+    width: 300px;
 }

src/pages/DrivingPerformance/Detail/SwerveT/TestResult/index.tsx

@@ -138,9 +138,9 @@ const TestResult: React.FC<{
   //获取图像数据
   const getChartDataList = async () => {
     setLoading(true);
-    if (selectType != null) {
+    form.validateFields().then(async (values) => {
       const value: any = {
-        attachId: selectType,
+        attachId: values.selectType,
       };
       const res = await getChartDatat(value);
       if (res.code == 0) {
@@ -150,8 +150,8 @@ const TestResult: React.FC<{
         }));
         setChartDataList(chartData);
       }
-    }
-    setLoading(false);
+      setLoading(false);
+    });
   };
 
   useEffect(() => {
@@ -309,6 +309,11 @@ const TestResult: React.FC<{
     setOpen(false);
   };
 
+  //查询表单提交
+  const onQueryFinish = async () => {
+    getChartDataList();
+  };
+
   useEffect(() => {
     getData();
   }, [page, pageSize]);
@@ -416,26 +421,30 @@ const TestResult: React.FC<{
           </Typography.Title>
           <div>
             <Spin spinning={loading}>
-              <Space>
-                <div>
-                  <span>数据文件: </span>
-                  <Select
-                    value={selectType}
-                    placeholder="请选择数据文件"
-                    style={{ width: 200 }}
-                    options={selectData.map((item) => ({
-                      value: item.value,
-                      label: item.label,
-                    }))}
-                    onChange={(e: any) => {
-                      setSelectType(e);
-                    }}
-                  />
-                </div>
-                <Button type="dashed" onClick={getChartDataList}>
-                  查询
-                </Button>
-              </Space>
+              <Form form={form} onFinish={onQueryFinish} layout="inline">
+                <Form.Item
+                  label="文件名称"
+                  colon={false}
+                  className={styles.formSelect}
+                  name={'selectType'}
+                >
+                  <Select placeholder="请选择文件">
+                    {selectData.map((option) => (
+                      <Select.Option key={option.label} value={option.value}>
+                        {option.label}
+                      </Select.Option>
+                    ))}
+                  </Select>
+                </Form.Item>
+
+                <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+                  <Space>
+                    <Button htmlType="submit" type="dashed">
+                      查询
+                    </Button>
+                  </Space>
+                </Form.Item>
+              </Form>
             </Spin>
           </div>
           <div style={{ marginTop: 10 }}>

src/pages/DrivingPerformance/Detail/SwerveT/index.tsx

@@ -2,6 +2,7 @@ import TestResult from './TestResult/index';
 import TestReport from './TestReport/index';
 import TestData from './TestData/index';
 
+// 转向
 const SwerveT = (idNumber: number) => {
   return [
     {

src/pages/DrivingPerformance/Detail/index.tsx

@@ -30,7 +30,7 @@ const Index: React.FC = () => {
         return SlideT(newIdNumber);
       case '6':
         return SwerveT(newIdNumber);
-      default:
+      default: // 质心及转动惯量
         return CenterOfMassT(newIdNumber);
     }
   };

src/pages/K&C/DataQuery/index.css

@@ -20,6 +20,17 @@
   margin-left: 20px !important;
 }
 
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+  background: rgba(17, 62, 104, 0.25) !important;
+  border: 0 !important;
+  border-radius: 0 0 0 0;
+  box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+  .ant-select-selection-item {
+    color: whitesmoke;
+  }
+}
+
 .inputNumber {
   width: 85%;
   margin-top: 10px !important;

src/pages/K&C/Detail/KeyIndicators/index.css

@@ -43,4 +43,23 @@
     background-color: #f7f7ff;
     line-height: 50px;
     opacity: 0.7;
+}
+
+.formSelect {
+    width: 300px;
+}
+
+.formSelect :global(.ant-form-item-label>label) {
+    color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/K&C/Detail/KeyIndicators/index.tsx

@@ -1,6 +1,17 @@
 import React, { useEffect, useState } from 'react';
 import { Scrollbars } from 'react-custom-scrollbars';
-import { Row, Col, Table, Button, Spin, message, TableColumnsType, Space, Select } from 'antd';
+import {
+  Row,
+  Col,
+  Table,
+  Button,
+  Spin,
+  message,
+  TableColumnsType,
+  Space,
+  Select,
+  Form,
+} from 'antd';
 import styles from './index.css';
 import { getConditionFileList, getExperimentCondition, getKeyIndexList } from './api';
 import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
@@ -17,6 +28,7 @@ const TestCurve: React.FC<{
   const [loading1, setLoading1] = useState<boolean>(false);
   const [conditionFiles, setConditionFiles] = useState<any[]>([]);
   const [selectId, setSelectId] = useState<number>();
+  const [form] = Form.useForm();
 
   //获取关键指标列表
   const getList = async (id: any) => {
@@ -66,6 +78,12 @@ const TestCurve: React.FC<{
     }
   };
 
+  //查询表单提交
+  const onQueryFinish = async () => {
+    const values = form.getFieldsValue();
+    setSelectId(values);
+  };
+
   useEffect(() => {
     getConditionFile();
   }, []);
@@ -133,33 +151,30 @@ const TestCurve: React.FC<{
     <>
       <div>
         <Spin spinning={loading1}>
-          <Space>
-            <div>
-              <span>文件名称: </span>
-              <Select
-                style={{ width: 200 }}
-                placeholder="请选择工况"
-                value={selectId}
-                onChange={(value) => {
-                  setSelectId(value);
-                }}
-                options={conditionFiles.map((item) => ({
-                  label: item.name,
-                  value: item.id,
-                }))}
-              />
-            </div>
-            <Button
-              type="dashed"
-              onClick={() => {
-                if (selectId) {
-                  getParam(selectId);
-                }
-              }}
+          <Form form={form} onFinish={onQueryFinish} layout="inline">
+            <Form.Item
+              label="文件名称"
+              colon={false}
+              className={styles.formSelect}
+              name={'testConditions'}
             >
-              查询
-            </Button>
-          </Space>
+              <Select placeholder="请选择文件">
+                {conditionFiles.map((option) => (
+                  <Select.Option key={option.id} value={option.conditionCode}>
+                    {option.conditionName}
+                  </Select.Option>
+                ))}
+              </Select>
+            </Form.Item>
+
+            <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+              <Space>
+                <Button htmlType="submit" type="dashed">
+                  查询
+                </Button>
+              </Space>
+            </Form.Item>
+          </Form>
         </Spin>
       </div>
       <Scrollbars

src/pages/K&C/Detail/TestCurve/index.css

@@ -42,4 +42,23 @@
 .blankBox {
     width: 100%;
     height: 120px;
+}
+
+.formSelect {
+    width: 300px;
+}
+
+.formSelect :global(.ant-form-item-label>label) {
+    color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/K&C/Detail/TestCurve/index.tsx

@@ -165,6 +165,13 @@ const TestCurve: React.FC<{
     }
   };
 
+  //查询表单提交
+  const onQueryFinish = async () => {
+    form.validateFields().then(async (values) => {
+      getParam(values.selectType);
+    });
+  };
+
   //重置参数
   const resetHandle = () => {
     setXYData({});
@@ -181,33 +188,30 @@ const TestCurve: React.FC<{
     <>
       <div>
         <Spin spinning={loading1}>
-          <Space>
-            <div>
-              <span>文件名称: </span>
-              <Select
-                style={{ width: 200 }}
-                placeholder="请选择文件"
-                value={selectId}
-                onChange={(value) => {
-                  setSelectId(value);
-                }}
-                options={conditionFiles.map((item) => ({
-                  label: item.name,
-                  value: item.id,
-                }))}
-              />
-            </div>
-            <Button
-              type="dashed"
-              onClick={() => {
-                if (selectId) {
-                  getParam(selectId);
-                }
-              }}
+          <Form form={form} onFinish={onQueryFinish} layout="inline">
+            <Form.Item
+              label="文件名称"
+              colon={false}
+              className={styles.formSelect}
+              name={'selectId'}
             >
-              查询
-            </Button>
-          </Space>
+              <Select placeholder="请选择文件">
+                {conditionFiles.map((option) => (
+                  <Select.Option key={option.name} value={option.id}>
+                    {option.name}
+                  </Select.Option>
+                ))}
+              </Select>
+            </Form.Item>
+
+            <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+              <Space>
+                <Button htmlType="submit" type="dashed">
+                  查询
+                </Button>
+              </Space>
+            </Form.Item>
+          </Form>
         </Spin>
       </div>
       <Scrollbars

src/pages/K&C/Detail/TestData/index.css

@@ -59,4 +59,16 @@
 
 .formSelect :global(.ant-form-item-label>label) {
     color: white;
+}
+
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+    color: white;
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
 }

src/pages/K&C/Detail/TestData/tableForm/index.css

@@ -1,3 +0,0 @@
-.formSelect :global(.ant-form-item-label>label) {
-    color: white;
-}

src/pages/NVH/DataQuery/index.css

@@ -13,6 +13,17 @@
     margin-top: 20px;
 }
 
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
+}
+
 .formSelect {
     width: 85%;
     margin-top: 10px !important;

src/pages/SubjectiveAssessment/DataQuery/index.css

@@ -16,6 +16,17 @@
     margin-left: 20px !important;
 }
 
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+    background: rgba(17, 62, 104, 0.25) !important;
+    border: 0 !important;
+    border-radius: 0 0 0 0;
+    box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+    .ant-select-selection-item {
+        color: whitesmoke;
+    }
+}
+
 .inputNumber {
     width: 85%;
     margin-top: 10px !important;

src/pages/SystemSettings/ModuleManagement/index.css

@@ -1,8 +1,3 @@
-.formSelected {
-  margin-bottom: 10px;
-  margin-left: 10px;
-}
-
 .form {
   margin-bottom: 10px;
 }
@@ -52,14 +47,6 @@
   margin-right: 10px;
 }
 
-.formSelect :global(.ant-form-item-label>label) {
-  color: black;
-}
-
-.formSelected :global(.ant-form-item-label>label) {
-  color: white;
-}
-
 .formSelect :global(.ant-form-item-control-input-content, .ant-input) {
   box-sizing: border-box;
   margin: 0;
@@ -82,30 +69,23 @@
   box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.2);
 }
 
-.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
-  box-sizing: border-box;
-  margin: 0;
-  font-variant: tabular-nums;
-  list-style: none;
-  font-feature-settings: 'tnum', "tnum";
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  min-width: 0;
-  padding: 4px 11px;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  line-height: 1.5715;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  transition: all 0.3s;
-  box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.2);
+.formSelected {
+  margin-bottom: 10px;
+  margin-left: 10px;
+  width: 300px;
 }
 
+.formSelected :global(.ant-form-item-label>label) {
+  color: white;
+}
 
+.formSelected :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+  background: rgba(17, 62, 104, 0.25) !important;
+  border: 0 !important;
+  border-radius: 0 0 0 0;
+  box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
 
-.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item) {
-  color: rgba(0, 0, 0, 0.85);
+  .ant-select-selection-item {
+    color: whitesmoke;
+  }
 }

src/pages/SystemSettings/ModuleManagement/index.tsx

@@ -3,7 +3,6 @@ import type { TableProps } from 'antd';
 import { FlieInfo } from '../type';
 import { Scrollbars } from 'react-custom-scrollbars';
 import type { ColumnsType } from 'antd/es/table';
-import allStyle from '../../../global.less';
 import {
   Form,
   Button,
@@ -368,7 +367,7 @@ const MyTable: React.FC<{
                     onChange={(value) => form.setFieldsValue({ businessType: value })}
                   >
                     {optionsArray.map((option) => (
-                      <Select.Option key={option?.id} value={option?.id} >
+                      <Select.Option key={option?.id} value={option?.id}>
                         {option?.businessName}
                       </Select.Option>
                     ))}

src/pages/VehicleInfo/DataQuery/index.css

@@ -20,6 +20,17 @@
   color: white;
 }
 
+.formSelect :global(.ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+  background: rgba(17, 62, 104, 0.25) !important;
+  border: 0 !important;
+  border-radius: 0 0 0 0;
+  box-shadow: inset 0 0 20px 0 rgba(6, 165, 254, 0.2);
+
+  .ant-select-selection-item {
+    color: whitesmoke;
+  }
+}
+
 .inputNumber {
   width: 85%;
   margin-top: 10px !important;