保存进度!
This commit is contained in:
parent
365815735e
commit
8e5dc6e617
|
@ -2,7 +2,7 @@
|
|||
* @Author: Kane
|
||||
* @Date: 2023-02-02 22:19:12
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-08 16:45:11
|
||||
* @LastEditTime: 2023-02-08 17:38:23
|
||||
* @FilePath: /IT工具综合平台/src/views/requirement/RequirementManager.vue
|
||||
* @Description:
|
||||
*
|
||||
|
@ -127,7 +127,6 @@
|
|||
@close="closeRequirementDetail">
|
||||
<el-tabs v-loading="ui.dialogRequirementDetailLoadingVisible" v-model="ui.activeTabName">
|
||||
<el-tab-pane name="requirement-detail" label="基本信息">
|
||||
<el-scrollbar height="400px">
|
||||
<div class="requirement-detail-wrapper">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="2">
|
||||
|
@ -193,17 +192,23 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div style="border: 1px solid #eee">
|
||||
<div class="detailEditorWrapper" style="border: 1px solid #eee">
|
||||
<div class="wangeditor_toolbar">
|
||||
<div style="display:block;">
|
||||
<Toolbar style="border-bottom: 1px solid #eee" :editor="detailEditorRef"
|
||||
:defaultConfig="detailToolbarConfig" :mode="mode" />
|
||||
<Editor readonly style="height: 200px; overflow-y: hidden;" v-model="valueHtml"
|
||||
:defaultConfig="detailEditorConfig" :mode="mode"
|
||||
@onCreated="handleDetailEditorCreated" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="wangeditor_editor">
|
||||
<div style="display:block;">
|
||||
<Editor readonly v-model="valueHtml" :defaultConfig="detailEditorConfig"
|
||||
:mode="mode" @onCreated="handleDetailEditorCreated" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="requirement-content" label="申请材料">
|
||||
<el-scrollbar height="400px"></el-scrollbar>
|
||||
|
@ -219,11 +224,16 @@
|
|||
</el-scrollbar>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="comment" label="备注">
|
||||
<div style="border: 1px solid #eee; height: 400px;">
|
||||
<div class="commentEditorWrapper" style="border: 1px solid #eee; height: 400px;">
|
||||
<div class="wangeditor_toolbar">
|
||||
<Toolbar style="border-bottom: 1px solid #eee" :editor="commentEditorRef"
|
||||
:defaultConfig="commentToolbarConfig" :mode="mode" />
|
||||
<Editor readonly style="height: 300px; overflow-y: hidden;" v-model="valueHtml"
|
||||
:defaultConfig="commentEditorConfig" :mode="mode" @onCreated="handleCommentEditorCreated" />
|
||||
</div>
|
||||
<div class="wangeditor_editor">
|
||||
<Editor readonly style="height: 100%; overflow-y: hidden;" v-model="valueHtml"
|
||||
:defaultConfig="commentEditorConfig" :mode="mode"
|
||||
@onCreated="handleCommentEditorCreated" />
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
@ -586,12 +596,7 @@ export default {
|
|||
height: 600px;
|
||||
}
|
||||
|
||||
.requirement-detail-dialog .el-row {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
|
||||
|
||||
.requirement-detail-dialog .el-row+.el-row {
|
||||
margin-top: 10px;
|
||||
|
@ -599,6 +604,33 @@ export default {
|
|||
|
||||
.requirement-detail-wrapper {
|
||||
padding: 0px 10px;
|
||||
height: 400px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.requirement-detail-wrapper .el-row {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
flex-grow: 0;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
|
||||
.requirement-detail-wrapper .el-row:last-child {
|
||||
flex-grow: 1;
|
||||
display: block;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.requirement-detail-wrapper .el-row:last-child .el-col {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.requirement-detail-wrapper span {
|
||||
|
@ -606,6 +638,33 @@ export default {
|
|||
text-align: right;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.detailEditorWrapper {
|
||||
/* margin-top: 15px 10px 15px 10px !important; */
|
||||
margin: 0px;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.commentEditorWrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.commentEditorWrapper .wangeditor_toolbar {
|
||||
flex-grow: 0;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.commentEditorWrapper .wangeditor_editor {
|
||||
flex-grow: 1;
|
||||
margin: 0px;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.requirement-detail-dialog .el-dialog__body {
|
||||
|
|
Loading…
Reference in New Issue