[Improvement][Resource Center] Display brief file name in file-details page (#15137) (#15175)

dolphinscheduler-ui/src/views/resource/components/resource/edit/index.tsx

@@ -37,6 +37,7 @@ export default defineComponent({
     // fullname is now the id of resources
     const fullName = String(router.currentRoute.value.query.prefix || '')
     const tenantCode = String(router.currentRoute.value.query.tenantCode || '')
+    const alias = String(router.currentRoute.value.query.alias || '')
 
     const { state } = useForm()
     const { getResourceView, handleUpdateContent } = useEdit(state)
@@ -61,6 +62,7 @@ export default defineComponent({
     return {
       componentName,
       resourceViewRef,
+      alias,
       handleReturn,
       handleFileContent,
       ...toRefs(state)
@@ -73,7 +75,7 @@ export default defineComponent({
         {this.resourceViewRef.isReady.value ? (
           <div class={styles['file-edit-content']}>
             <h2>
-              <span>{this.resourceViewRef.state.value.alias}</span>
+              <span>{this.alias}</span>
             </h2>
             <NForm
               rules={this.rules}

dolphinscheduler-ui/src/views/resource/components/resource/table/table-action.tsx

@@ -67,10 +67,18 @@ export default defineComponent({
       return !(flag && size < 1000000)
     }
 
-    const handleEditFile = (item: { fullName: string; user_name: string }) => {
+    const handleEditFile = (item: {
+      fullName: string
+      user_name: string
+      alias: string
+    }) => {
       router.push({
         name: 'resource-file-edit',
-        query: { prefix: item.fullName, tenantCode: item.user_name }
+        query: {
+          prefix: item.fullName,
+          tenantCode: item.user_name,
+          alias: item.alias
+        }
       })
     }
 
@@ -126,7 +134,8 @@ export default defineComponent({
                   onClick={() => {
                     this.handleEditFile({
                       fullName: this.row.fullName,
-                      user_name: this.row.user_name
+                      user_name: this.row.user_name,
+                      alias: this.row.alias
                     })
                   }}
                   style={{ marginRight: '-5px' }}

dolphinscheduler-ui/src/views/resource/components/resource/types.ts

@@ -23,6 +23,7 @@ export interface ResourceFileTableData {
   user_name: string
   directory: string
   file_name: string
+  alias: string
   description: string
   size: number
   type: ResourceType