Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
apache
DolphinScheduler
提交
788e3343
DolphinScheduler
项目概览
apache
/
DolphinScheduler
上一次同步 1 年多
通知
704
Star
9572
Fork
3514
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
DolphinScheduler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
788e3343
编写于
6月 15, 2022
作者:
A
Amy0104
提交者:
devosend
6月 18, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
[Fix][UI] Add loading before file modification data is returned. (#10450)
(cherry picked from commit
d516369e
)
上级
4d608a7d
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
46 addition
and
40 deletion
+46
-40
dolphinscheduler-ui/src/views/resource/file/edit/index.tsx
dolphinscheduler-ui/src/views/resource/file/edit/index.tsx
+45
-38
dolphinscheduler-ui/src/views/resource/file/edit/use-edit.ts
dolphinscheduler-ui/src/views/resource/file/edit/use-edit.ts
+1
-2
未找到文件。
dolphinscheduler-ui/src/views/resource/file/edit/index.tsx
浏览文件 @
788e3343
...
...
@@ -17,7 +17,7 @@
import
{
useRoute
,
useRouter
}
from
'
vue-router
'
import
{
defineComponent
,
toRefs
,
watch
}
from
'
vue
'
import
{
NButton
,
NForm
,
NFormItem
,
NSpace
}
from
'
naive-ui
'
import
{
NButton
,
NForm
,
NFormItem
,
NSpace
,
NSpin
}
from
'
naive-ui
'
import
{
useI18n
}
from
'
vue-i18n
'
import
{
useForm
}
from
'
./use-form
'
import
{
useEdit
}
from
'
./use-edit
'
...
...
@@ -38,7 +38,7 @@ export default defineComponent({
const
{
getResourceView
,
handleUpdateContent
}
=
useEdit
(
state
)
const
handleFileContent
=
()
=>
{
state
.
fileForm
.
content
=
resourceViewRef
.
value
.
content
state
.
fileForm
.
content
=
resourceViewRef
.
state
.
value
.
content
handleUpdateContent
(
fileId
)
}
...
...
@@ -47,10 +47,9 @@ export default defineComponent({
}
const
resourceViewRef
=
getResourceView
(
fileId
)
watch
(
()
=>
resourceViewRef
.
value
.
content
,
()
=>
(
state
.
fileForm
.
content
=
resourceViewRef
.
value
.
content
)
()
=>
resourceViewRef
.
state
.
value
.
content
,
()
=>
(
state
.
fileForm
.
content
=
resourceViewRef
.
state
.
value
.
content
)
)
return
{
...
...
@@ -65,44 +64,52 @@ export default defineComponent({
const
{
t
}
=
useI18n
()
return
(
<
Card
title
=
{
t
(
'
resource.file.file_details
'
)
}
>
<
div
class
=
{
styles
[
'
file-edit-content
'
]
}
>
<
h2
>
<
span
>
{
this
.
resourceViewRef
.
alias
}
</
span
>
</
h2
>
<
NForm
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
>
<
NSpace
>
<
NButton
type
=
'info'
size
=
'small'
text
style
=
{
{
marginRight
:
'
15px
'
}
}
onClick
=
{
this
.
handleReturn
}
class
=
'btn-cancel'
>
{
t
(
'
resource.file.return
'
)
}
</
NButton
>
{
this
.
componentName
===
'
resource-file-edit
'
&&
(
{
this
.
resourceViewRef
.
isReady
.
value
?
(
<
div
class
=
{
styles
[
'
file-edit-content
'
]
}
>
<
h2
>
<
span
>
{
this
.
resourceViewRef
.
state
.
value
.
alias
}
</
span
>
</
h2
>
<
NForm
rules
=
{
this
.
rules
}
ref
=
'fileFormRef'
class
=
{
styles
[
'
form-content
'
]
}
disabled
=
{
this
.
componentName
!==
'
resource-file-edit
'
}
>
<
NFormItem
path
=
'content'
>
<
MonacoEditor
v
-
model
=
{
[
this
.
resourceViewRef
.
state
.
value
.
content
,
'
value
'
]
}
/>
</
NFormItem
>
<
NSpace
>
<
NButton
type
=
'info'
size
=
'small'
round
onClick
=
{
()
=>
this
.
handleFileContent
()
}
class
=
'btn-submit'
text
style
=
{
{
marginRight
:
'
15px
'
}
}
onClick
=
{
this
.
handleReturn
}
class
=
'btn-cancel'
>
{
t
(
'
resource.file.
save
'
)
}
{
t
(
'
resource.file.
return
'
)
}
</
NButton
>
)
}
</
NSpace
>
</
NForm
>
</
div
>
{
this
.
componentName
===
'
resource-file-edit
'
&&
(
<
NButton
type
=
'info'
size
=
'small'
round
onClick
=
{
()
=>
this
.
handleFileContent
()
}
class
=
'btn-submit'
>
{
t
(
'
resource.file.save
'
)
}
</
NButton
>
)
}
</
NSpace
>
</
NForm
>
</
div
>
)
:
(
<
NSpace
justify
=
'center'
>
<
NSpin
show
=
{
true
}
/>
</
NSpace
>
)
}
</
Card
>
)
}
...
...
dolphinscheduler-ui/src/views/resource/file/edit/use-edit.ts
浏览文件 @
788e3343
...
...
@@ -33,11 +33,10 @@ export function useEdit(state: any) {
skipLineNum
:
0
,
limit
:
3000
}
const
{
state
}
=
useAsyncState
(
viewResource
(
params
,
id
),
{
return
useAsyncState
(
viewResource
(
params
,
id
),
{
alias
:
''
,
content
:
''
})
return
state
}
const
handleUpdateContent
=
(
id
:
number
)
=>
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录