From 898fcbc6880ee5fd965ef93b102bd8b002a700a9 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Fri, 6 Jun 2025 09:22:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E5=87=BA=E6=8A=A5=E5=91=8A=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../reading/dicoms/components/ReportPage.vue  | 340 ++++++++----------
 1 file changed, 146 insertions(+), 194 deletions(-)

diff --git a/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue b/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
index 5b24268..42780b4 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
@@ -5,89 +5,47 @@
         <!-- 电子影像病例报告表（eICRF） -->
         <h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
         <div style="margin-left:auto">
-          <el-switch
-            v-model="isShowDetail"
-            :active-text="$t('trials:readingReport:title:expandDetails')"
-            :inactive-text="$t('trials:readingReport:title:collapseDetails')"
-            style="margin-right:5px;"
-            @change="handleShowDetail"
-          />
-          <el-button
-            v-if="readingTaskState<2"
-            type="primary"
-            size="small"
-            @click="skipTask"
-          >
+          <el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
+            :inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
+            @change="handleShowDetail" />
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
             <!-- 跳过 -->
             {{ $t('trials:readingReport:button:skip') }}
           </el-button>
-          <el-button
-            v-if="readingTaskState<2"
-            type="primary"
-            size="small"
-            @click="getReportInfo(false)"
-          >
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
             <!-- 刷新 -->
             {{ $t('trials:readingReport:button:refresh') }}
           </el-button>
-           <el-button :loading="reportBtnLoading" v-if="readingTaskState>=2" type="primary" size="small" @click="showReport('evaluate')">{{$t('trials:dicoms:button:evaluationReport')}}</el-button>
-           <el-button :loading="reportBtnLoading" v-if="readingTaskState>=2" type="primary" size="small" @click="showReport('tumor')">{{$t('trials:dicoms:button:tumorReport')}}</el-button>
-           <el-button
-            v-if="readingTaskState<2 && CriterionType !== 10"
-            type="primary"
-            size="small"
-            @click="handleSave(true)"
-          >
+          <el-button :loading="reportBtnLoading" v-if="readingTaskState >= 2" type="primary" size="small"
+            @click="showReport('evaluate')">{{ $t('trials:dicoms:button:evaluationReport') }}</el-button>
+          <el-button :loading="reportBtnLoading" v-if="readingTaskState >= 2" type="primary" size="small"
+            @click="showReport('tumor')">{{ $t('trials:dicoms:button:tumorReport') }}</el-button>
+          <el-button v-if="readingTaskState < 2 && CriterionType !== 10" type="primary" size="small"
+            @click="handleSave(true)">
             <!-- 保存 -->
             {{ $t('common:button:save') }}
           </el-button>
-          <el-button
-            v-if="readingTaskState<2"
-            type="primary"
-            size="small"
-            @click="beforeLeave"
-          >
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
             <!-- 提交 -->
             {{ $t('common:button:submit') }}
           </el-button>
         </div>
       </div>
       <div ref="tableWrapper" style="height:100%;overflow-y: auto;">
-        <el-table
-          v-if="height"
-          ref="reportList"
-          :data="taskQuestions"
-          row-key="Id"
-          border
-          default-expand-all
-          :height="height"
-          :tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
-          size="mini"
-        >
-          <el-table-column
-            prop=""
-            label=""
-            show-overflow-tooltip
-            width="350px"
-          >
+        <el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border default-expand-all
+          :height="height" :tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
+          <el-table-column prop="" label="" show-overflow-tooltip width="350px">
             <template slot-scope="scope">
-              <span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
-              <span
-                v-else
-                style="font-weight: bold;font-size: 16px;color: #f44336;"
-              >
-                {{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
+              <span v-if="scope.row.QuestionName"
+                :style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
+                  scope.row.QuestionName }}</span>
+              <span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
+                {{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
               </span>
             </template>
           </el-table-column>
-          <el-table-column
-            v-for="task in visitTaskList"
-            :key="task.VisitTaskId"
-            prop="date"
-
-            show-overflow-tooltip
-            width="150px"
-          >
+          <el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
+            width="150px">
             <template slot="header">
               <div v-if="task.IsCurrentTask">
                 <div>
@@ -104,58 +62,37 @@
               </div>
             </template>
             <template slot-scope="scope">
-              <span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
-                <template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
+              <span
+                :style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
+                <template
+                  v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
                   <!-- 是否存在疾病（基线时可修改） -->
-                  <template v-if="task.IsBaseLine && scope.row.QuestionType=== 15">
-                    <el-select
-                      v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
-                      v-model="currentExistDisease"
-                      size="mini"
-                      @change="handleExistDiseaseChange"
-                    >
-                      <el-option
-                        v-for="item of $d[ scope.row.DictionaryCode]"
-                        :key="item.id"
-                        :value="item.value"
-                        :label="item.label"
-                      />
+                  <template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
+                    <el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
+                      v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
+                      <el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
+                        :label="item.label" />
                     </el-select>
                   </template>
                   <!-- 整体肿瘤评估（非基线可修改） -->
-                  <template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
-                    <el-select
-                      v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
-                      v-model="currentEvaluateResult"
-                      size="mini"
-                      @change="handleEvaluateResultChange"
-                    >
+                  <template
+                    v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
+                    <el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
+                      v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
                       <template v-if="CriterionType === 1 && tLesionCount">
-                        <el-option
-                          v-for="item of $d[ scope.row.DictionaryCode]"
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
-                          :key="item.id"
-                          :value="item.value"
-                          :label="item.label"
-                        />
+                          :key="item.id" :value="item.value" :label="item.label" />
                       </template>
                       <template v-else-if="CriterionType === 1 && ntLesionCount">
-                        <el-option
-                          v-for="item of $d[ scope.row.DictionaryCode]"
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
-                          :key="item.id"
-                          :value="item.value"
-                          :label="item.label"
-                        />
+                          :key="item.id" :value="item.value" :label="item.label" />
                       </template>
                       <template v-else>
-                        <el-option
-                          v-for="item of $d[ scope.row.DictionaryCode]"
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
-                          :key="item.id"
-                          :value="item.value"
-                          :label="item.label"
-                        />
+                          :key="item.id" :value="item.value" :label="item.label" />
                       </template>
                     </el-select>
                   </template>
@@ -164,27 +101,23 @@
                   </template> -->
                   <!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） -->
                   <!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
-                  <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 ">
+                  <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
                     <!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
                     <template>
                       <!-- 输入框 -->
-                      <el-input
-                        v-if="scope.row.Type==='input'"
-                        v-model="currentTaskReason"
-                        size="mini"
-                        @change="evaluateReasonChange"
-                      />
-                      <el-input
-                        v-else-if="scope.row.Type==='textarea'"
-                        v-model="currentTaskReason"
-                        :autosize="{ minRows: 2, maxRows: 4}"
-                        size="mini"
-                        maxlength="500"
-                        @change="evaluateReasonChange"
-                      />
+                      <el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
+                        @change="evaluateReasonChange" />
+                      <el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
+                        :autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
+                        @change="evaluateReasonChange" />
                       <!-- 系统评估结果为：xxx,与当前调整的结果不一致，请填写调整原因 -->
-                      <p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
-                      <p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
+                      <p v-if="currentEvaluateResult !== tumorEvaluate"
+                        style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
+                        v-html="getWarningText()" />
+                      <p v-else-if="currentExistDisease !== isExistDisease"
+                        style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
+                        {{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
+                          $fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
                       </p>
                     </template>
                     <!-- <template v-else>
@@ -200,35 +133,50 @@
                   </template>
                 </template>
 
-                <template v-else-if="scope.row.QuestionType=== 15">
-                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
-                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
+                <template v-else-if="scope.row.QuestionType === 15">
+                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
+                    :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
+                    placement="top" effect="light">
+                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
+                    }}</span>
                   </el-tooltip>
                   <span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
                 </template>
 
-                <template v-else-if="scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42">
-                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
-                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
+                <template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
+                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
+                    :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
+                    placement="top" effect="light">
+                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
+                    }}</span>
                   </el-tooltip>
                   <span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
                 </template>
-                <template v-else-if="scope.row.QuestionType=== 22">
-                  {{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
+                <template v-else-if="scope.row.QuestionType === 22">
+                  {{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
+                    scope.row.Answers[task.VisitTaskId] }}
                 </template>
 
                 <template v-else-if="scope.row.DictionaryCode">
                   {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
                 </template>
                 <template v-else-if="CriterionType === 10">
-                  {{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}` }}
+                  {{
+                    isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                      `${scope.row.Answers[task.VisitTaskId]}`
+                  }}
                 </template>
                 <template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
                   {{ `${scope.row.Answers[task.VisitTaskId]}` }}
-                  <span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
+                  <span
+                    v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
+                      `${$fd('ValueUnit', scope.row.Unit)}` }}</span>
                 </template>
                 <template v-else-if="scope.row.ValueType === 2">
-                  {{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}%` }}
+                  {{
+                    isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                      `${scope.row.Answers[task.VisitTaskId]}%`
+                  }}
                 </template>
                 <template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
                   {{ scope.row.Answers[task.VisitTaskId] }}
@@ -240,39 +188,22 @@
       </div>
     </el-card>
     <!-- 附加评估 -->
-    <el-dialog
-      v-if="additionalAssessmentsDig.visible"
-      :visible.sync="additionalAssessmentsDig.visible"
-      :close-on-click-modal="false"
-      :title="additionalAssessmentsDig.title"
-      width="600px"
-    >
-      <AdditionalAssessment
-        :questions="assessmentQuestions"
-        :visit-task-id="visitTaskId"
-        @close="additionalAssessmentsDig.visible = false"
-        @sign="sign"
-      />
+    <el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
+      :close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
+      <AdditionalAssessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
+        @close="additionalAssessmentsDig.visible = false" @sign="sign" />
     </el-dialog>
     <!-- 签名框 -->
-    <el-dialog
-      v-if="signVisible"
-      :visible.sync="signVisible"
-      :close-on-click-modal="false"
-      width="600px"
-      custom-class="base-dialog-wrapper"
-    >
+    <el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
+      custom-class="base-dialog-wrapper">
       <div slot="title">
         <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
-        <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
+        <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
       </div>
       <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
     </el-dialog>
     <!--评估报告-->
-    <PreviewFileDialog
-      :visible.sync="previewFileVisible"
-      :fileData="fileData"
-    />
+    <PreviewFileDialog :visible.sync="previewFileVisible" :fileData="fileData" />
   </div>
 </template>
 <script>
@@ -287,7 +218,7 @@ import store from '@/store'
 import { mapGetters } from 'vuex'
 import { changeURLStatic } from '@/utils/history.js'
 import AdditionalAssessment from './AdditionalAssessment'
-import { showReadReport,showTumorReport } from "@/api/export";
+import { showReadReport, showTumorReport } from "@/api/export";
 import PreviewFileDialog from "@/components/PreviewFileDialog/PreviewFileDialog";
 export default {
   name: 'ReportPage',
@@ -372,30 +303,35 @@ export default {
   },
   methods: {
     // 评估报告
-    async showReport(key){
-      if(this.reportBtnLoading) return;
+    async showReport(key) {
+      if (this.reportBtnLoading) return;
       let data = {
         VisitTaskId: this.visitTaskId,
       };
       try {
         this.reportBtnLoading = true;
         let res = null;
-        if(key === 'evaluate'){
+        if (key === 'evaluate') {
           res = await showReadReport(data);
-        }else{
+        } else {
           res = await showTumorReport(data);
         }
         // let urlPdf  = window.URL.createObjectURL(new Blob([res]))
-        if(res.IsSuccess){
+        if (res.IsSuccess) {
           this.viewVisible = true;
           let href = this.OSSclientConfig.basePath + res.Result;
-          
+
           // let fileName =
           //   res.Result.split("/")[res.Result.split("/").length - 1];
-          let fileName = `${this.$t('trials:dicoms:button:evaluationReport')}.pdf`;
+          let fileName = null
+          if (key === 'evaluate') {
+            fileName = `${this.$t('trials:dicoms:button:evaluationReport')}.pdf`;
+          } else {
+            fileName = `${this.$t('trials:dicoms:button:tumorReport')}.pdf`;
+          }
           this.fileData = {
-            path:href,
-            name:fileName
+            path: href,
+            name: fileName
           };
         }
         this.reportBtnLoading = false;
@@ -668,7 +604,7 @@ export default {
           const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
           this.assessmentQuestions = res.Result
           if (this.assessmentQuestions.length > 0) {
-          // 打开附加评估框
+            // 打开附加评估框
             this.additionalAssessmentsDig.visible = true
           } else {
             const { ImageAssessmentReportConfirmation } = const_.processSignature
@@ -782,7 +718,7 @@ export default {
       this.openWindow = window.open(routeData.href, '_blank')
     },
     handleSave(isPrompt) {
-      return new Promise(async(resolve, reject) => {
+      return new Promise(async (resolve, reject) => {
         var isBeill
         var evaluateResult = ''
         var evaluateAjustReason = ''
@@ -806,7 +742,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           reject()
           return
@@ -816,7 +752,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           reject()
           return
@@ -826,7 +762,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg3'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           reject()
           return
@@ -888,29 +824,36 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.report-wrapper{
+.report-wrapper {
 
   height: 100%;
   padding: 10px 0px;
   // background-color: #fff;
   background-color: #000;
+
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  .report-header{
+
+  .report-header {
     display: flex;
   }
-  .el-card{
-    display:flex;flex-direction: column;height: 100%;
+
+  .el-card {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
     background-color: #000;
     color: #ffffff;
-    border:none;
-    /deep/ .el-card__body{
+    border: none;
+
+    /deep/ .el-card__body {
       flex: 1;
     }
   }
@@ -928,42 +871,51 @@ export default {
   //   color: #ffffff;
   // }
 
-  /deep/ .el-table, .el-table__expanded-cell {
+  /deep/ .el-table,
+  .el-table__expanded-cell {
     background-color: #000;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
 
-  /deep/ .el-table th, .el-table tr {
+  /deep/ .el-table th,
+  .el-table tr {
     background-color: #000;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  /deep/ .el-table__body tr > td{
-    background-color:#000 !important;
+
+  /deep/ .el-table__body tr>td {
+    background-color: #000 !important;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  /deep/ .el-table__body tr:hover > td{
-    background-color:#858282 !important;
+
+  /deep/ .el-table__body tr:hover>td {
+    background-color: #858282 !important;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  /deep/ .el-table--border th.gutter:last-of-type{
+
+  /deep/ .el-table--border th.gutter:last-of-type {
     border: none;
   }
-  /deep/ .el-card__header{
+
+  /deep/ .el-card__header {
     border: none;
     padding: 10px;
   }
 }
-/deep/ .el-switch__label{
-  color:#fff;
+
+/deep/ .el-switch__label {
+  color: #fff;
 }
-/deep/ .el-switch__label.is-active{
+
+/deep/ .el-switch__label.is-active {
   color: #428bca;
 }
-.colorOfRed{
+
+.colorOfRed {
   color: #f66;
 }
 </style>