From 86f026f493ae32b38bf5d449dc199da3a1c6b8c2 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 2 Dec 2025 14:10:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(container):=20=E6=9B=B4=E6=96=B0=E5=AE=B9?=
 =?UTF-8?q?=E5=99=A8=E9=85=8D=E7=BD=AE=E6=A8=A1=E6=80=81=E6=A1=86=E6=9D=83?=
 =?UTF-8?q?=E9=99=90=E9=80=89=E6=8B=A9=E5=92=8C=E5=AD=97=E6=AE=B5=E6=98=A0?=
 =?UTF-8?q?=E5=B0=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componentEnv/containerModal.tsx           | 68 +++++--------------
 1 file changed, 17 insertions(+), 51 deletions(-)

diff --git a/src/pages/componentDevelopment/componentEnv/containerModal.tsx b/src/pages/componentDevelopment/componentEnv/containerModal.tsx
index 196225f..1569fbf 100644
--- a/src/pages/componentDevelopment/componentEnv/containerModal.tsx
+++ b/src/pages/componentDevelopment/componentEnv/containerModal.tsx
@@ -7,17 +7,6 @@ import { getNetworkMode } from '@/api/componentDeploy';
 const FormItem = Form.Item;
 const Option = Select.Option;
 
-const runTypes = [
-  {
-    label: '本地运行',
-    value: 'local'
-  },
-  {
-    label: '线上运行',
-    value: 'online'
-  }
-];
-
 const netType = [
   {
     label: '桥接模式',
@@ -102,7 +91,19 @@ const deviceColumns = [
   {
     title: '权限',
     dataIndex: 'permissions',
-    editable: true
+    editable: true,
+    renderEdit: ({ value, onChange }) => (
+      <Select
+        value={value}
+        onChange={onChange}
+        placeholder="请选择权限"
+        style={{ width: '100%' }}
+      >
+        <Option value="rwm">rwm (读写+mknod)</Option>
+        <Option value="rw">rw (读写)</Option>
+        <Option value="r">r (只读)</Option>
+      </Select>
+    )
   },
   {
     title: '备注',
@@ -113,7 +114,6 @@ const deviceColumns = [
 
 const ContainerModal = ({ addItem, visible, envType, setVisible, onSuccess }) => {
   const [form] = Form.useForm();
-  const [currentRunType, setCurrentRunType] = useState('local');
   const [envTypeOptions, setEnvTypeOptions] = useState([]);
   const [portMappingData, setPortMappingData] = useState([]); // 端口映射数据
   const [directoryMountData, setDirectoryMountData] = useState([]); // 目录挂载数据
@@ -128,7 +128,6 @@ const ContainerModal = ({ addItem, visible, envType, setVisible, onSuccess }) =>
   // 处理取消
   const handleCancel = () => {
     form.resetFields();
-    setCurrentRunType('local');
     setPortMappingData([]);
     setDirectoryMountData([]);
     setDeviceMountData([]);
@@ -164,9 +163,9 @@ const ContainerModal = ({ addItem, visible, envType, setVisible, onSuccess }) =>
       const submitData = {
         ...values,
         deployEnvId: addItem.id,
-        portMapping: portMappingData, // 端口映射
-        directoryMount: directoryMountData, // 目录挂载
-        deviceMount: deviceMountData, // 设备挂载
+        ports: portMappingData, // 端口映射
+        volumes: directoryMountData, // 目录挂载
+        devices: deviceMountData, // 设备挂载
         // 下面是暂时写死的数据,
         'restartPolicy': 'always',
         'env': [
@@ -174,7 +173,7 @@ const ContainerModal = ({ addItem, visible, envType, setVisible, onSuccess }) =>
           'GIT_USER_EMAIL=componentl@component.com',
           'GIT_USERNAME=component',
           'GIT_PASSWORD=component',
-          'GIT_URL=192.168.5.119:30000'
+          'GIT_URL=192.168.5.158:30000'
         ]
       };
 
@@ -213,7 +212,6 @@ const ContainerModal = ({ addItem, visible, envType, setVisible, onSuccess }) =>
     else {
       // 关闭时重置表单和数据
       form.resetFields();
-      setCurrentRunType('local');
       setPortMappingData([]);
       setDirectoryMountData([]);
       setDeviceMountData([]);
@@ -224,10 +222,6 @@ const ContainerModal = ({ addItem, visible, envType, setVisible, onSuccess }) =>
     }
   }, [visible]);
 
-  useEffect(() => {
-    console.log('selectedNetworkType:', selectedNetworkType);
-  }, [selectedNetworkType]);
-
   return (
     <Modal
       title="容器配置"
@@ -260,34 +254,6 @@ const ContainerModal = ({ addItem, visible, envType, setVisible, onSuccess }) =>
                 </Select>
               </FormItem>
             </Grid.Col>
-            {/*<Grid.Col span={12}>*/}
-            {/*  <FormItem*/}
-            {/*    label="主机："*/}
-            {/*    field="deployEnvId"*/}
-            {/*    rules={[{ required: true, message: '请选择主机' }]}*/}
-            {/*  >*/}
-            {/*    <Select*/}
-            {/*      placeholder="请选择主机"*/}
-            {/*      style={{ width: '90%' }}*/}
-            {/*      onChange={(value) => {*/}
-            {/*        // 选择主机后自动设置网络模式为第一个选项（桥接模式）*/}
-            {/*        if (value && netType.length > 0) {*/}
-            {/*          form.setFieldValue('networkMode', netType[0].value);*/}
-            {/*          fetchNetworkMode(netType[0].value, value);*/}
-            {/*        }*/}
-            {/*      }}*/}
-            {/*    >*/}
-            {/*      {hostOptions.map((option, index) => (*/}
-            {/*        <Option key={option.ip} value={option.id}>*/}
-            {/*          <div style={{ display: 'flex', justifyContent: 'space-between' }}>*/}
-            {/*            <span>{option.name}</span>*/}
-            {/*            <span style={{ color: '#999', fontSize: 12 }}>{option.ip}</span>*/}
-            {/*          </div>*/}
-            {/*        </Option>*/}
-            {/*      ))}*/}
-            {/*    </Select>*/}
-            {/*  </FormItem>*/}
-            {/*</Grid.Col>*/}
           </Grid.Row>
           <Grid.Row gutter={8}>
             <Grid.Col span={12}>