标签增加类型

src/view/Manage/Tag/Component/AddTagModal.jsx

 import React, { useState, useEffect } from 'react';
-import { Modal, Button, AutoComplete, Input, Avatar, TreeSelect, Form } from 'antd';
+import { Modal, Button, AutoComplete, Input, Avatar, TreeSelect, Form, Select } from 'antd';
 
 import { dispatch } from '../../../../model';
 import { showMessage } from '../../../../util';
 
 import './AddTagModal.less';
 
+const { Option } = Select;
+
 const AddTagModal = (props) => {
   const { visible, onCancel, id, type, creator } = props;
 
@@ -148,7 +150,12 @@ const AddTagModal = (props) => {
 
       const newTagForm = JSON.parse(JSON.stringify(tagForm));
       (newTagForm?.targetParameters||[]).forEach(param => {
-        param.value = row[param.name];
+
+        if (param.selectMode === 'multiSelect') {
+          param.value = row[param.name].join(',');
+        } else {
+          param.value = row[param.name];
+        }
       })
 
       setConfirmLoading(true);
@@ -314,6 +321,38 @@ const AddTagModal = (props) => {
 
           if (param.name === 'usable') return null;
 
+          let itemComponent = (
+            <Input disabled={param.name==='name'} />
+          );
+          
+          if (param.selectMode==='singleSelect') {
+            itemComponent = (
+              <TreeSelect 
+                style={{ width: '100%' }}
+                dropdownStyle={{ maxHeight: 400, overflow: 'auto' }} 
+                treeData={loop(param?.tagCatalogNode?.children||[])}
+                treeDefaultExpandAll 
+                allowClear
+              />
+            );
+          } else if (param.selectMode==='multiSelect') {
+            itemComponent = (
+              <Select
+                mode="multiple"
+                allowClear
+                style={{ width: '100%' }}
+              >
+              {
+                (param?.tagClassifyNodes||[]).map((item, index) => {
+                  return (
+                    <Option key={item.id}>{item.cnName||''}</Option>
+                  );
+                })
+              }
+              </Select>
+            );
+          }
+
           return (
             <Form.Item
               key={index}
@@ -321,15 +360,7 @@ const AddTagModal = (props) => {
               name={param.name||''}
               rules={[{ required: param.required, message: `请选择${param.cnName}!` }]}
             >
-            {
-              (param.selectMode==='singleSelect') ? <TreeSelect 
-                style={{ width: '100%' }}
-                dropdownStyle={{ maxHeight: 400, overflow: 'auto' }} 
-                treeData={loop(param?.tagCatalogNode?.children||[])}
-                treeDefaultExpandAll 
-                allowClear
-              /> : <Input disabled={param.name==='name'} />
-            }
+            { itemComponent }
             </Form.Item>
           );
         })