[Fix][UI Next][V1.0.0-Beta] Add a return button and set the form to disabled on the file detail page. (#9802)

dolphinscheduler-ui-next/src/views/resource/file/edit/index.tsx

@@ -73,22 +73,23 @@ export default defineComponent({
             rules={this.rules}
             ref='fileFormRef'
             class={styles['form-content']}
+            disabled={this.componentName !== 'resource-file-edit'}
           >
             <NFormItem path='content'>
               <MonacoEditor v-model={[this.resourceViewRef.content, 'value']} />
             </NFormItem>
-            {this.componentName === 'resource-file-edit' && (
+            <NSpace>
-              <NSpace>
+              <NButton
-                <NButton
+                type='info'
-                  type='info'
+                size='small'
-                  size='small'
+                text
-                  text
+                style={{ marginRight: '15px' }}
-                  style={{ marginRight: '15px' }}
+                onClick={this.handleReturn}
-                  onClick={this.handleReturn}
+                class='btn-cancel'
-                  class='btn-cancel'
+              >
-                >
+                {t('resource.file.return')}
-                  {t('resource.file.return')}
+              </NButton>
-                </NButton>
+              {this.componentName === 'resource-file-edit' && (
                 <NButton
                   type='info'
                   size='small'
@@ -98,8 +99,8 @@ export default defineComponent({
                 >
                   {t('resource.file.save')}
                 </NButton>
-              </NSpace>
+              )}
-            )}
+            </NSpace>
           </NForm>
         </div>
       </Card>