[Feture-3327][ui]Add the function of re-uploading files in the resour…

…ce center (#3394)

* Before creating a workflow, clear the canvas

* [Fix-3256][ui] herry pick commit from dev for Fix admin user info update error (#3306)

* [Feture-3327][ui]Add the function of re-uploading files in the resource center

Co-authored-by: wuchunfu <319355703@qq.com>

dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/_source/list.vue

@@ -98,6 +98,7 @@
                     data-toggle="tooltip"
                     :title="$t('View log')"
                     icon="ans-icon-log"
+                    :disabled="item.taskType==='SUB_PROCESS'? true: false"
                     @click="_refreshLog(item)">
             </x-button>
           </td>

dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/list/_source/list.vue

@@ -40,7 +40,7 @@
           <th scope="col" width="140">
             <span>{{$t('Update Time')}}</span>
           </th>
-          <th scope="col" width="140">
+          <th scope="col" width="160">
             <span>{{$t('Operation')}}</span>
           </th>
         </tr>
@@ -79,6 +79,18 @@
                     @click="_edit(item,$index)"
                     icon="ans-icon-edit">
             </x-button>
+
+            <x-button
+                    type="info"
+                    shape="circle"
+                    size="xsmall"
+                    data-toggle="tooltip"
+                    :title="$t('ReUpload File')"
+                    :disabled="item.directory? true: false"
+                    @click="_reUpload(item)"
+                    icon="ans-icon-upload">
+            </x-button>
+
             <x-button
                     type="info"
                     shape="circle"
@@ -132,6 +144,7 @@
   import { mapActions } from 'vuex'
   import { filtTypeArr } from '../../_source/common'
   import { bytesToSize } from '@/module/util/util'
+  import { findComponentDownward } from '@/module/util'
   import { downloadFile } from '@/module/download'
   import localStore from '@/module/util/localStorage'
   export default {
@@ -161,6 +174,9 @@
           this.$router.push({ path: `/resource/file/list/${item.id}` })
         }
       },
+      _reUpload (item) {
+        findComponentDownward(this.$root, 'roof-nav')._fileReUpload('FILE',item)
+      },
       _downloadFile (item) {
         downloadFile('/dolphinscheduler/resources/download', {
           id: item.id

dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/file/pages/subdirectory/_source/list.vue

@@ -40,7 +40,7 @@
           <th scope="col" width="140">
             <span>{{$t('Update Time')}}</span>
           </th>
-          <th scope="col" width="140">
+          <th scope="col" width="160">
             <span>{{$t('Operation')}}</span>
           </th>
         </tr>
@@ -79,6 +79,18 @@
                     @click="_edit(item,$index)"
                     icon="ans-icon-edit">
             </x-button>
+
+            <x-button
+                    type="info"
+                    shape="circle"
+                    size="xsmall"
+                    data-toggle="tooltip"
+                    :title="$t('ReUpload File')"
+                    :disabled="item.directory? true: false"
+                    @click="_childReUpload(item)"
+                    icon="ans-icon-upload">
+            </x-button>
+
             <x-button
                     type="info"
                     shape="circle"
@@ -132,6 +144,7 @@
   import { mapActions } from 'vuex'
   import { filtTypeArr } from '../../_source/common'
   import { bytesToSize } from '@/module/util/util'
+  import { findComponentDownward } from '@/module/util'
   import { downloadFile } from '@/module/download'
   import localStore from '@/module/util/localStorage'
 
@@ -162,6 +175,9 @@
           this.$router.push({ path: `/resource/file/list/${item.id}` })
         }
       },
+      _childReUpload (item) {
+        findComponentDownward(this.$root, 'roof-nav')._fileChildReUpload('FILE',item,this.$route.params.id)
+      },
       _downloadFile (item) {
         downloadFile('/dolphinscheduler/resources/download', {
           id: item.id

dolphinscheduler-ui/src/js/conf/home/pages/resource/pages/udf/pages/resource/_source/list.vue

@@ -43,7 +43,7 @@
           <th scope="col" width="140">
             <span>{{$t('Update Time')}}</span>
           </th>
-          <th scope="col" width="110">
+          <th scope="col" width="130">
             <span>{{$t('Operation')}}</span>
           </th>
         </tr>
@@ -76,6 +76,16 @@
             <span v-else>-</span>
           </td>
           <td>
+            <x-button
+                    type="info"
+                    shape="circle"
+                    size="xsmall"
+                    data-toggle="tooltip"
+                    :title="$t('ReUpload File')"
+                    :disabled="item.directory? true: false"
+                    @click="_reUpload(item)"
+                    icon="ans-icon-upload">
+            </x-button>
             <x-button
                     type="info"
                     shape="circle"
@@ -127,6 +137,7 @@
   import mRename from './rename'
   import { downloadFile } from '@/module/download'
   import { bytesToSize } from '@/module/util/util'
+  import { findComponentDownward } from '@/module/util'
   import localStore from '@/module/util/localStorage'
   export default {
     name: 'udf-manage-list',
@@ -154,6 +165,12 @@
           this.$router.push({ path: `/resource/udf/subUdfDirectory/${item.id}` })
         }
       },
+      /**
+       * File Upload
+       */
+      _reUpload (item) {
+        findComponentDownward(this.$root, 'roof-nav')._fileReUpload('UDF', item)
+      },
       _rtSize (val) {
         return bytesToSize(parseInt(val))
       },