编写结论页面修改

src/views/transfer/report-detail.vue

@@ -0,0 +1,117 @@
+<!--  -->
+<template>
+    <hc-new-card>
+        <template #header>
+            <div class="header_box">
+                <HcCardItem title="前言">
+                    <div style="height: 100%;">
+                        <el-input
+                            v-model="textarea"
+                            placeholder="请输入"
+                            show-word-limit
+                            type="textarea"
+                            class="inputbox"
+                        />
+                    </div>
+                </HcCardItem>
+            </div>
+        </template>
+        <el-container class="hc-table-layout">
+            <el-container id="hc_table_container" class="hc-table-container">
+                <HcCardItem id="hc_table_data" title="项目概况">
+                    <div style="height: 100%;">
+                        <el-input
+                            v-model="textarea"
+                            placeholder="请输入"
+                            show-word-limit
+                            type="textarea"
+                            class="inputbox"
+                        />
+                    </div>
+                </HcCardItem>
+                <HcCardItem id="hc_table_score" title="项目档案管理情况">
+                    <div style="height: 100%;">
+                        <el-input
+                            v-model="textarea"
+                            placeholder="请输入"
+                            show-word-limit
+                            type="textarea"
+                            class="inputbox"
+                        />
+                    </div>
+                </HcCardItem>
+            </el-container>
+            <el-aside id="hc_table_aside" class="hc-table-aside">
+                <HcCardItem title="存在问题及建议">
+                    <div style="height: 100%;">
+                        <el-input
+                            v-model="textarea"
+                            placeholder="请输入"
+                            show-word-limit
+                            type="textarea"
+                            class="inputbox"
+                        />
+                    </div>
+                </HcCardItem>
+            </el-aside>
+        </el-container>
+    </hc-new-card>
+</template>
+
+<script setup>
+import { onMounted, ref, watch } from 'vue'
+const textarea = ref('')
+//渲染完成
+onMounted(() => {
+    setSplitRef()
+})
+
+//初始化设置拖动分割线
+const setSplitRef = () => {
+    //配置参考： https://split.js.org/#/?direction=vertical&snapOffset=0
+    setTimeout(() => {
+        window.$split(['#hc_table_container', '#hc_table_aside'], {
+            sizes: [50, 50],
+            snapOffset: 0,
+            minSize: [400, 600],
+        })
+        window.$split(['#hc_table_data', '#hc_table_score'], {
+            direction: 'vertical',
+            snapOffset: 0,
+            minSize: 200,
+        })
+    }, 800)
+}
+</script>
+
+<style lang='scss' scoped>
+.header_box{
+    width: 100%;
+    height: 200px;
+}
+.hc-table-layout {
+    position: relative;
+    height: 100%;
+    .hc-table-aside {
+        position: relative;
+        height: 100%;
+    }
+    .hc-table-container {
+        position: relative;
+        display: block;
+        height: 100%;
+        .hc-card-item-box {
+            height: 50%;
+        }
+    }
+}
+</style>
+
+<style lang="scss">
+.inputbox.el-textarea{
+    height: 100%;
+}
+.inputbox .el-textarea__inner{
+    height: 100%;
+}
+</style>

src/views/transfer/write-report.vue

@@ -20,11 +20,12 @@
                 <el-button hc-btn @click="previousStep">上一步</el-button>
                 <el-button hc-btn @click="toBackClick">返回主页</el-button>
             </template>
-            <HcOnlineOffice
+            <!-- <HcOnlineOffice
                 ref="officeRef" :key1="dataKey" :src="docxUrl" title="测试的文档.docx"
                 :url="saveUrl" :project-id="projectId" :token="token" :user-info="userInfo"
                 @download="officeDownload"
-            />
+            /> -->
+            <reportDetail />
         </hc-new-card>
 
         <!-- 短信认证 -->
@@ -62,6 +63,7 @@ import { useAppStore } from '~src/store'
 import { useRouter } from 'vue-router'
 import initialgApi from '~api/initial/initial'
 import { getToken } from '~src/api/util/auth'
+import reportDetail from './report-detail.vue'
 
 //变量
 const router = useRouter()