From 3f2576186ef48dfc444c6fc58358dc9d2ccb5edd Mon Sep 17 00:00:00 2001
From: e <2432808546@qq.com>
Date: Wed, 15 Dec 2021 19:08:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E5=87=BA=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E5=A4=AA=E5=B0=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/record/show/index.vue | 215 +++++++++++++++++---------------
 src/styles/common.scss          |   1 -
 2 files changed, 113 insertions(+), 103 deletions(-)

diff --git a/src/pages/record/show/index.vue b/src/pages/record/show/index.vue
index 24a3a36..f823c7e 100644
--- a/src/pages/record/show/index.vue
+++ b/src/pages/record/show/index.vue
@@ -9,111 +9,115 @@
                 </div>
             </div>
         </div>
-        <div class="report-wrap" :class="{loading}" id="pdfDom">
-            <div style="position: relative;">
-                <h6 style="text-align: center;font-size: 20px">标准实验报告</h6>
-                <el-button v-if="!loading" style="position: absolute;top: 0;right: 0;" size="mini" @click="editReport">
-                    {{ editing ? "保存" : "编辑" }}
-                </el-button>
-            </div>
-            <div class="flex-center m-b-20 user_header">
-                <p class="addhr_tag"></p>
-                <span style="font-size: 18px">基本信息</span>
-            </div>
-            <div>
-                <el-table :data="infoData" class="info-table" stripe header-align="center">
-                    <el-table-column prop="userName" label="学生姓名" align="center"></el-table-column>
-                    <el-table-column prop="workNumber" label="学生学号" align="center"></el-table-column>
-                    <el-table-column prop="className" label="学生班级" align="center">
-                        <template slot-scope="scope">
-                            <template v-if="editing">
-                                <el-input v-model="form.className"></el-input>
-                            </template>
-                            <template v-else>{{ form.className }}</template>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="instructor" label="指导老师" align="center">
-                        <template slot-scope="scope">
-                            <template v-if="editing">
-                                <el-input v-model="form.instructor"></el-input>
-                            </template>
-                            <template v-else>{{ form.instructor }}</template>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="period" label="实验学时" align="center">
-                        <template slot-scope="scope">
-                            <template v-if="editing">
-                                <el-input v-model="form.period"></el-input>
-                            </template>
-                            <template v-else>{{ form.period }}</template>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="submitTime" label="实验时间" align="center"></el-table-column>
-                    <el-table-column prop="score" label="实验成绩" align="center">
-                    </el-table-column>
-                </el-table>
-            </div>
-            <div class="m-b-20">
-                <div class="meta-title-wrap">
-                    <p class="meta-title"><img src="@/assets/img/cup.png" alt=""> 实验项目名称</p>
-                </div>
-                <el-input class='textAreaFont' v-model="form.projectName" type="textarea" :disabled="!editing" rows="5"></el-input>
-            </div>
-            <div class="m-b-20">
-                <div class="meta-title-wrap">
-                    <p class="meta-title">实验目的</p>
-                </div>
-                <div class="pre-wrap" v-html="form.purpose"></div>
-            </div>
-            <div class="m-b-20">
-                <div class="meta-title-wrap">
-                    <p class="meta-title">实验数据</p>
-                </div>
-                <el-table :data="expData" class="table" border stripe header-align="center">
-                    <el-table-column type="index" width="100" label="序号" align="center">
-                        <template slot-scope="scope">
-                            {{ scope.$index + 1 }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="judgmentName" label="任务名称"></el-table-column>
-                    <el-table-column prop="judgmentName" label="考核点">
-                        <template slot-scope="scope">
-                            <div v-for="(item, index) in scope.row.lcRuleRecords">
+        <div style='width: 1125.25px;background: #fff;box-shadow: 0px 2px 25px 2px #D1D1D1;margin:10px auto;height: calc(100vh - 0px);'>
+            <div class="report-wrap" :class="{loading}" id="pdfDom">
+                <div style='padding: 30px 100px;overflow: hidden;width:100%'>
+                    <div style="position: relative;">
+                        <h6 style="text-align: center;font-size: 20px">标准实验报告</h6>
+                        <el-button v-if="!loading" style="position: absolute;top: 0;right: 0;" size="mini" @click="editReport">
+                            {{ editing ? "保存" : "编辑" }}
+                        </el-button>
+                    </div>
+                    <div class="flex-center m-b-20 user_header">
+                        <p class="addhr_tag"></p>
+                        <span style="font-size: 18px">基本信息</span>
+                    </div>
+                    <div>
+                        <el-table :data="infoData" class="info-table" stripe header-align="center">
+                            <el-table-column prop="userName" label="学生姓名" align="center"></el-table-column>
+                            <el-table-column prop="workNumber" label="学生学号" align="center"></el-table-column>
+                            <el-table-column prop="className" label="学生班级" align="center">
+                                <template slot-scope="scope">
+                                    <template v-if="editing">
+                                        <el-input v-model="form.className"></el-input>
+                                    </template>
+                                    <template v-else>{{ form.className }}</template>
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="instructor" label="指导老师" align="center">
+                                <template slot-scope="scope">
+                                    <template v-if="editing">
+                                        <el-input v-model="form.instructor"></el-input>
+                                    </template>
+                                    <template v-else>{{ form.instructor }}</template>
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="period" label="实验学时" align="center">
+                                <template slot-scope="scope">
+                                    <template v-if="editing">
+                                        <el-input v-model="form.period"></el-input>
+                                    </template>
+                                    <template v-else>{{ form.period }}</template>
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="submitTime" label="实验时间" align="center"></el-table-column>
+                            <el-table-column prop="score" label="实验成绩" align="center">
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                    <div class="m-b-20">
+                        <div class="meta-title-wrap">
+                            <p class="meta-title"><img src="@/assets/img/cup.png" alt=""> 实验项目名称</p>
+                        </div>
+                        <el-input class='textAreaFont' v-model="form.projectName" type="textarea" :disabled="!editing" rows="5"></el-input>
+                    </div>
+                    <div class="m-b-20">
+                        <div class="meta-title-wrap">
+                            <p class="meta-title">实验目的</p>
+                        </div>
+                        <div class="pre-wrap" v-html="form.purpose"></div>
+                    </div>
+                    <div class="m-b-20">
+                        <div class="meta-title-wrap">
+                            <p class="meta-title">实验数据</p>
+                        </div>
+                        <el-table :data="expData" class="table" border stripe header-align="center">
+                            <el-table-column type="index" width="100" label="序号" align="center">
+                                <template slot-scope="scope">
+                                    {{ scope.$index + 1 }}
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="judgmentName" label="任务名称"></el-table-column>
+                            <el-table-column prop="judgmentName" label="考核点">
+                                <template slot-scope="scope">
+                                    <div v-for="(item, index) in scope.row.lcRuleRecords">
                                 <span>
                                     <span>{{index+1}}. </span>{{item.name}}
                                 </span>
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="ruleAnswer" label="参考答案">
-                        <template slot-scope="scope">
-                            <div v-for="(item, index) in scope.row.lcRuleRecords">
+                                    </div>
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="ruleAnswer" label="参考答案">
+                                <template slot-scope="scope">
+                                    <div v-for="(item, index) in scope.row.lcRuleRecords">
                                 <span>
                                     <span>{{index+1}}. </span>{{item.ruleAnswer}}
                                 </span>
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="userAnswer" label="学生答案">
-                        <template slot-scope="scope">
-                            <div v-for="(item, index) in scope.row.lcRuleRecords">
+                                    </div>
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="userAnswer" label="学生答案">
+                                <template slot-scope="scope">
+                                    <div v-for="(item, index) in scope.row.lcRuleRecords">
                                 <span v-if='item.userAnswer'>
                                     <span>{{index+1}}. </span>{{item.userAnswer}}
                                 </span>
-                                <span v-else>
+                                        <span v-else>
                                     <span>{{index+1}}. </span>未填写
                                 </span>
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="score" label="得分" align="center" width="100"></el-table-column>
-                </el-table>
-            </div>
-            <div class="m-b-20">
-                <div class="meta-title-wrap">
-                    <p class="meta-title">实验总结与体会</p>
+                                    </div>
+                                </template>
+                            </el-table-column>
+                            <el-table-column prop="score" label="得分" align="center" width="100"></el-table-column>
+                        </el-table>
+                    </div>
+                    <div class="m-b-20">
+                        <div class="meta-title-wrap">
+                            <p class="meta-title">实验总结与体会</p>
+                        </div>
+                        <el-input type="textarea" v-model="form.summarize" rows="5" :disabled="!editing"></el-input>
+                    </div>
                 </div>
-                <el-input type="textarea" v-model="form.summarize" rows="5" :disabled="!editing"></el-input>
             </div>
         </div>
     </div>
@@ -172,7 +176,7 @@ export default {
             document.querySelector("body").setAttribute("style", "overflow: visible");
             this.loading = true;
             this.loadIns = Loading.service({
-                background: "rgba(255,255,255,.6)"
+                background: "#fff"
             });
             document.querySelector("#pdfDom").scrollTop = 0;
             var title = this.title;
@@ -231,15 +235,19 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-    background-color: #fff;
+    //background-color: #EAEAEA;
+    background: #fff;
     font-size: 18px;
+    overflow: hidden;
+    //overflow: auto;
 }
 
 .exp-header {
-    padding: 20px 100px;
-    box-shadow: 0px 0px 25px 2px rgba(48, 115, 248, 0.14);
+    background: #fff;
+    box-shadow: 0px 2px 25px 2px rgba(48, 115, 248, 0.14);
     z-index: 999;
-    margin-top: 2px;
+    padding: 20px 100px;
+    margin: 2px auto;
 }
 
 /deep/ .el-textarea.is-disabled .el-textarea__inner {
@@ -248,11 +256,11 @@ export default {
 }
 
 #pdfDom {
-    height: calc(100vh - 170px);
-    overflow: auto;
-    padding: 30px 100px;
+    width: 100%;
+    height: calc(100vh - 100px);
+    background: #fff;
     box-sizing: border-box;
-
+    //box-shadow: 0px 2px 25px 2px #D1D1D1;
     &.loading {
         height: auto;
         overflow: visible;
@@ -266,6 +274,7 @@ export default {
             background-color: #fff !important;
 
             .cell {
+                line-height: 35px;
                 color: #444;
             }
         }
@@ -301,6 +310,7 @@ export default {
         background-color: #e1eaff !important;
 
         .cell {
+            line-height: 35px;
             color: #555555;
         }
     }
@@ -315,6 +325,7 @@ export default {
 
 /deep/ .cell {
     font-size: 16px;
+    line-height: 35px;
 }
 
 // /deep/.el-row{
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 33eb16b..52d4212 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -156,7 +156,6 @@
       color: #fff;
       font-size: 14px;
       font-weight: normal;
-
       .el-checkbox {
         &:before {
           opacity: 1;