元数据挂载资产

src/model/assetmanage.js

@@ -330,3 +330,7 @@ export function* getPermission(payload) {
 export function* getTemplates() {
   return yield call(service.getTemplates)
 }
+
+export function* getMetadataTemplates(payload) {
+  return yield call(service.getMetadataTemplates, payload)
+}
\ No newline at end of file

src/service/dataassetmanager.js

@@ -315,3 +315,7 @@ export function getPermission(payload) {
 export function getTemplates() {
   return GetJSON("/dataassetmanager/elementTemplateApi/listSupportTemplates")
 }
+
+export function getMetadataTemplates(payload) {
+  return GetJSON("/dataassetmanager/elementTemplateApi/listSupportElementTemplatesByMetadataIdPath", payload)
+}
\ No newline at end of file

src/view/Manage/AssetManage/Component/AssetManageTree.jsx

@@ -81,6 +81,8 @@ const AssetManageTree = (props) => {
   useEffect(() => {
     if (reference === AssetManageReference) {
       getTemplates()
+    } else if (reference === AssetMountReference && (metadataIds??[]).length > 0) {
+      getMetadataTemplates()
     } else {
       getAllDirectoryAsTree(false)
     }
@@ -148,6 +150,28 @@ const AssetManageTree = (props) => {
     })
   }
 
+  const getMetadataTemplates = () => {
+    setLoadingTemplates(true)
+    dispatch({
+      type: 'assetmanage.getMetadataTemplates',
+      payload: {
+        metadataIdPath: metadataIds[0]
+      },
+      callback: data => {
+        setLoadingTemplates(false)
+        setTemplates(data)
+        if ((data??[]).length > 0) {
+          setTemplateType(data[0].type)
+          LocalStorage.set(`templateType-${appId}`, data[0].type)
+          getAllDirectoryAsTree(true)
+        }
+      },
+      error: () => {
+        setLoadingTemplates(false)
+      }
+    })
+  }
+
   const getDataAssetLocationThenGetTreeData = () => {
     setLoading(true);
     dispatch({
@@ -262,36 +286,15 @@ const AssetManageTree = (props) => {
       }
     }
     
-    if ((metadataIds??[]).length > 0) {   
-      dispatch({
-        type: 'assetmanage.queryDirectoryTreeByMetadataId',
-        payload: {
-          metadataIdPath: metadataIds[0]
-        },
-        callback: data => {
-          disposeData(data)
-        },
-        error: () => {
-          setLoading(false);
-        }
-      });
-    } else {
-      let url = '';
-      if (reference === AssetManageReference || reference === AssetMountReference) {
-        url = 'assetmanage.queryAllDirectoryAsTree';
-      }
-      
     dispatch({
-        type: url,
+      type: 'assetmanage.queryAllDirectoryAsTree',
       callback: data => {
         disposeData(data)
       },
       error: () => {
         setLoading(false);
       }
-      });
-    }
-    
+    })
   }
 
   const treeDirectoryChanged = (did) => {
@@ -785,7 +788,7 @@ const AssetManageTree = (props) => {
                 getAllDirectoryAsTree(true)
               }, 100)
             }}
-            style={{ width: 80 }}
+            style={{ width: 100 }}
           >
           {
             (templates??[]).map((item, index) => <Select.Option key={index} value={item.type}>{item.name}</Select.Option>)
@@ -811,10 +814,34 @@ const AssetManageTree = (props) => {
         </div>
       )}
       bordered={false} 
-      bodyStyle={{ padding: '10px 15px' }}
+      bodyStyle={{ padding: (reference===AssetMountReference)?0:'10px 15px' }}
       headStyle={{ padding: 0 }}
       style={{ width: '100%' }} 
     >
+      {
+        (metadataIds??[]).length>0 && <div className='mb-3'>
+          <Select 
+            loading={loadingTemplates}
+            size='small'
+            value={currentTemplateType}
+            onChange={(val) => {
+              setTemplateType(val)
+              LocalStorage.set(`templateType-${appId}`, val);
+              setCurrentDirId();
+              onSelect?.(null, null);
+              setTimeout(() => {
+                onSelect?.('', '');
+                getAllDirectoryAsTree(true)
+              }, 100)
+            }}
+            style={{ width: 100 }}
+          >
+          {
+            (templates??[]).map((item, index) => <Select.Option key={index} value={item.type}>{item.name}</Select.Option>)
+          }
+          </Select>
+        </div>
+      }
       <Spin spinning={loading}>
         <AutoComplete
           allowClear