未分类资产批量挂载

src/view/Manage/AssetRecycle/Component/AssetMount.jsx

@@ -7,16 +7,16 @@ import { showMessage } from '../../../../util';
 
 const AssetMount = (props) => {
   
-  const { onCancel, visible, id } = props;
-  const [ ids, setIds ] = useState([]);
+  const { onCancel, visible, id, recycleIds, refrence = 'asset-manage' } = props;
+  const [ dirIds, setDirIds ] = useState([]);
   const [ confirmLoading, setConfirmLoading ] = useState(false);
 
   const onCheck = (values) => {
-    setIds(values||[]);
+    setDirIds(values||[]);
   }
 
   const onOk = () => {
-    if ((ids||[]).length === 0) {
+    if ((dirIds||[]).length === 0) {
       showMessage('warn', '请先选择资产目录');
       return;
     }
@@ -26,9 +26,9 @@ const AssetMount = (props) => {
       type: 'assetmanage.loadDataAssets',
       payload: {
         params: {
-          dirId: ids.join(","),
+          dirId: dirIds.join(","),
         },
-        data: [id||'']
+        data: (refrence==='asset-recycle') ? recycleIds : [id||'']
       },
       callback: data => {
         setConfirmLoading(false);
@@ -44,7 +44,7 @@ const AssetMount = (props) => {
 
   const reset = () => {
     setConfirmLoading(false);
-    setIds([]);
+    setDirIds([]);
   }
 
   return(
@@ -64,7 +64,7 @@ const AssetMount = (props) => {
           readOnly={true} 
           checkable={true}
           onCheck={onCheck}
-          tableId={id}
+          tableId={refrence==='asset-manage'?id:''}
           {...props} 
         /> 
       }

src/view/Manage/AssetRecycle/index.jsx

@@ -19,6 +19,7 @@ const AssetRecycle = (props) => {
   const [ assetDetailVisible, setAssetDetailVisible ] = useState(false);
   const [ assetMountVisible, setAssetMountVisible ] = useState(false);
   const [ selectedRowKeys, setSelectedRowKeys ] = useState([]);
+  const [ batchMount, setBatchMount ] = useState(false);
 
   const { pageNum, pageSize } = pagination;
 
@@ -119,10 +120,16 @@ const AssetRecycle = (props) => {
   }
 
   const mountItem = (record) => {
+    setBatchMount(false);
     setCurrentAssetId(record.id);
     setAssetMountVisible(true);
   }
 
+  const mountItems = () => {
+    setBatchMount(true);
+    setAssetMountVisible(true);
+  }
+
   const deleteItems = () => {
     if ((selectedRowKeys||[]).length === 0) {
       showMessage('warn', '请先选择资产');
@@ -193,7 +200,8 @@ const AssetRecycle = (props) => {
           borderBottom: '1px solid #EFEFEF',
         }}
       >
-        <Button type="danger" onClick={deleteItems} style={{ marginLeft: 'auto' }} >删除</Button>
+        <Button type="primary" onClick={mountItems} style={{ marginLeft: 'auto' }} >挂载</Button>
+        <Button type="danger" onClick={deleteItems} style={{ marginLeft: '5px' }} >删除</Button>
       </div>
       <div className='list p-3'>
         <Table
@@ -228,8 +236,9 @@ const AssetRecycle = (props) => {
         onCancel={ onAssetDetailCancel }
       />
       <AssetMount
+        refrence='asset-recycle'
         visible={ assetMountVisible }
-        id={ currentAssetId }
+        recycleIds={ batchMount ? selectedRowKeys : [ currentAssetId ] }
         onCancel={ onAssetMountCancel }
         {...props}
       />