保存进度！

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

@@ -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"
+                                        </div>
-                                            :defaultConfig="detailEditorConfig" :mode="mode"
+                                    </div>
-                                            @onCreated="handleDetailEditorCreated" />
+                                    <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"
+                        </div>
-                            :defaultConfig="commentEditorConfig" :mode="mode" @onCreated="handleCommentEditorCreated" />
+                        <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 {