From 8e5dc6e6173a557f7376fe175ffce9e1ce52c945 Mon Sep 17 00:00:00 2001
From: Kane Wang <wangkane@qq.com>
Date: Wed, 8 Feb 2023 17:54:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=BF=9B=E5=BA=A6=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/requirement/RequirementManager.vue  | 235 +++++++++++-------
 1 file changed, 147 insertions(+), 88 deletions(-)

diff --git a/code/web/IT工具综合平台/src/views/requirement/RequirementManager.vue b/code/web/IT工具综合平台/src/views/requirement/RequirementManager.vue
index a2fb3d9..c34aacb 100644
--- a/code/web/IT工具综合平台/src/views/requirement/RequirementManager.vue
+++ b/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,83 +127,88 @@
             @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">
-                                    <span>标题1</span>
-                                </el-col>
-                                <el-col :span="22">
-                                    <el-input readonly></el-input>
-                                </el-col>
-                            </el-row>
-                            <el-row :gutter="10">
-                                <el-col :span="2">
-                                    <span>需求编号</span>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-input v-model="query_param.serial_no" readonly></el-input>
-                                </el-col>
-                                <el-col :span="2">
-                                    <span>主系统</span>
-                                </el-col>
-                                <el-col :span="14">
-                                    <el-input readonly></el-input>
-                                </el-col>
-                            </el-row>
-                            <el-row :gutter="10">
-                                <el-col :span="2">
-                                    <span>需求分类</span>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-input readonly v-model="query_param.request_people"></el-input>
-                                </el-col>
-                                <el-col :span="2">
-                                    <span>状态</span>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-input readonly v-model="query_param.select_status"></el-input>
-                                </el-col>
-                                <el-col :span="2">
-                                    <span>当前处理人</span>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-input readonly v-model="query_param.select_status"></el-input>
-                                </el-col>
-                            </el-row>
-                            <el-row :gutter="10">
-                                <el-col :span="2">
-                                    <span>联系人</span>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-input readonly v-model="query_param.select_status"></el-input>
-                                </el-col>
-                                <el-col :span="2">
-                                    <span>联系方式</span>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-input readonly v-model="query_param.select_status"></el-input>
-                                </el-col>
-                                <el-col :span="2">
-                                    <span>提交日期</span>
-                                </el-col>
-                                <el-col :span="6">
-                                    <el-input readonly v-model="query_param.select_status"></el-input>
-                                </el-col>
-                            </el-row>
-                            <el-row>
-                                <el-col :span="24">
-                                    <div style="border: 1px solid #eee">
-                                        <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 class="requirement-detail-wrapper">
+                        <el-row :gutter="10">
+                            <el-col :span="2">
+                                <span>标题1</span>
+                            </el-col>
+                            <el-col :span="22">
+                                <el-input readonly></el-input>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="10">
+                            <el-col :span="2">
+                                <span>需求编号</span>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-input v-model="query_param.serial_no" readonly></el-input>
+                            </el-col>
+                            <el-col :span="2">
+                                <span>主系统</span>
+                            </el-col>
+                            <el-col :span="14">
+                                <el-input readonly></el-input>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="10">
+                            <el-col :span="2">
+                                <span>需求分类</span>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-input readonly v-model="query_param.request_people"></el-input>
+                            </el-col>
+                            <el-col :span="2">
+                                <span>状态</span>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-input readonly v-model="query_param.select_status"></el-input>
+                            </el-col>
+                            <el-col :span="2">
+                                <span>当前处理人</span>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-input readonly v-model="query_param.select_status"></el-input>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="10">
+                            <el-col :span="2">
+                                <span>联系人</span>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-input readonly v-model="query_param.select_status"></el-input>
+                            </el-col>
+                            <el-col :span="2">
+                                <span>联系方式</span>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-input readonly v-model="query_param.select_status"></el-input>
+                            </el-col>
+                            <el-col :span="2">
+                                <span>提交日期</span>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-input readonly v-model="query_param.select_status"></el-input>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="24">
+                                <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" />
+                                        </div>
                                     </div>
-                                </el-col>
-                            </el-row>
-                        </div>
-                    </el-scrollbar>
+                                    <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-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;">
-                        <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 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" />
+                        </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 {