CPICXIM
/
it-console
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

保存进度！

This commit is contained in:
Kane Wang 2023-02-08 17:54:32 +08:00
parent 365815735e
commit 8e5dc6e617
1 changed files with 147 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
code/web/IT工具综合平台/src/views/requirement/RequirementManager.vue
View File

@ -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 {