From 81297954d31107bdd088d10a2b6a291782e60db0 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Wed, 22 Apr 2026 11:01:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E5=8E=86=E5=8F=B2=E8=AE=BF?=
 =?UTF-8?q?=E8=A7=86=E9=BB=91=E5=B1=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dicoms3D/components/ReportPage.vue        | 637 +++++++++++++-----
 .../components/customize/ReportPage.vue       | 632 +++++++++++------
 2 files changed, 863 insertions(+), 406 deletions(-)

diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
index bcc5c0ab..a5e9b79a 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
@@ -5,11 +5,19 @@
         <!-- 电子影像病例报告表（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 type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
-            @click="openAssessment">
+          <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
+            type="primary"
+            size="small"
+            v-if="isBaseline && assessmentQuestions.length > 0"
+            @click="openAssessment"
+          >
             <!-- 附加评估 -->
             {{ $t('trials:readingReport:button:assessment') }}
           </el-button>
@@ -17,12 +25,21 @@
             <!-- 跳过 -->
             {{ $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 v-if="readingTaskState < 2 && criterionType !== 10" type="primary" size="small"
-            @click="handleSave(true)">
+          <el-button
+            v-if="readingTaskState < 2 && criterionType !== 10"
+            type="primary"
+            size="small"
+            @click="handleSave(true)"
+          >
             <!-- 保存 -->
             {{ $t('common:button:save') }}
           </el-button>
@@ -33,17 +50,30 @@
         </div>
       </div>
       <div ref="tableWrapper" style="height:100%;overflow-y: auto;">
-        <el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
-          :expand-row-keys="expandedRows" :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
+          :expand-row-keys="expandedRows"
+          :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
+                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 }}
                 <svg-icon
                   v-if="scope.row.ShowChartTypeEnum > 0 || (scope.row.LesionType === 0 && scope.row.ReportLayType === 1) || (scope.row.LesionType === 4 && scope.row.ReportLayType === 1)"
-                  icon-class="readingChart" class="svg-icon svg-readingChart-mini" @click.stop="(e) => handleReadingChart({
+                  icon-class="readingChart"
+                  class="svg-icon svg-readingChart-mini"
+                  @click.stop="(e) => handleReadingChart({
                     e,
                     data: {
                       QuestionId: scope.row.RowIndex ? null : scope.row.QuestionId,
@@ -52,20 +82,25 @@
                       ReportChartTypeEnum: (scope.row.LesionType === 0 && scope.row.ReportLayType === 1) ? 0 : (scope.row.LesionType === 4 && scope.row.ReportLayType === 1) ? 1 : null,
                       QuestionName: 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>
+              <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>
-                  {{ task.BlindName }}
-                </div>
+                <div>{{ task.BlindName }}</div>
               </div>
               <div v-else>
                 <div>
@@ -78,126 +113,190 @@
             </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]}`) || scope.row.IsHighlightObj[task.VisitTaskId] ? '#f66' : '#fff' }">
+                :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]}`) || scope.row.IsHighlightObj[task.VisitTaskId] ? '#f66' : '#fff' }"
+              >
                 <template
-                  v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
+                  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" />
+                    <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">
+                    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>
                   <!-- <template v-else-if="task.IsBaseLine && scope.row.QuestionType=== 13">
                     {{ $fd(scope.row.DictionaryCode, currentEvaluateResult) }}
-                  </template> -->
+                  </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"
+                      <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') }}
+                        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>
                       <span>{{ currentTaskReason }}</span>
-                    </template> -->
-
-                  </template>
-                  <template v-else-if="scope.row.DictionaryCode">
-                    {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
-                  </template>
-                  <template v-else>
-                    {{ scope.row.Answers[task.VisitTaskId] }}
+                    </template>-->
                   </template>
+                  <template
+                    v-else-if="scope.row.DictionaryCode"
+                  >{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</template>
+                  <template v-else>{{ scope.row.Answers[task.VisitTaskId] }}</template>
                 </template>
 
                 <template v-else-if="scope.row.QuestionType === 15">
-                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
+                  <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>
+                    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>
+                  <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')"
+                <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>
+                    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>
+                  <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] === '-2' ? "NA" : scope.row.Answers[task.VisitTaskId] === '-1'
-                    ?
-                    $t('trials:readingReport:title:unknow') :
-                    scope.row.Answers[task.VisitTaskId] }}
+                  ?
+                  $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="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">
+                <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>
+                    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] }}
-                </template>
+                <template
+                  v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)"
+                >{{ scope.row.Answers[task.VisitTaskId] }}</template>
               </span>
             </template>
           </el-table-column>
@@ -205,18 +304,35 @@
       </div>
     </el-card>
     <!-- 附加评估 -->
-    <el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
-      :close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
-      <additional-assessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
-        :readingTaskState="readingTaskState" :additionalAssessmentsType="additionalAssessmentsType"
-        @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"
+    >
+      <additional-assessment
+        :questions="assessmentQuestions"
+        :visit-task-id="visitTaskId"
+        :readingTaskState="readingTaskState"
+        :additionalAssessmentsType="additionalAssessmentsType"
+        @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>
@@ -224,7 +340,13 @@
   </div>
 </template>
 <script>
-import { getReadingReportEvaluation, changeDicomReadingQuestionAnswer, submitDicomVisitTask, verifyVisitTaskQuestions, getTaskAdditionalQuestion } from '@/api/trials'
+import {
+  getReadingReportEvaluation,
+  changeDicomReadingQuestionAnswer,
+  submitDicomVisitTask,
+  verifyVisitTaskQuestions,
+  getTaskAdditionalQuestion,
+} from '@/api/trials'
 import { setSkipReadingCache } from '@/api/reading'
 import { getAutoCutNextTask } from '@/api/user'
 import const_ from '@/const/sign-code'
@@ -234,7 +356,7 @@ import { getToken } from '@/utils/auth'
 import { mapGetters } from 'vuex'
 import { changeURLStatic } from '@/utils/history.js'
 import AdditionalAssessment from '@/views/trials/trials-panel/reading/dicoms/components/AdditionalAssessment'
-import { openWindow } from "@/utils/splitScreen";
+import { openWindow } from '@/utils/splitScreen'
 import readingChart from '@/components/readingChart'
 export default {
   name: 'ReportPage',
@@ -259,7 +381,12 @@ export default {
       isShowDetail: false,
       criterionType: 0,
       height: 0,
-      additionalAssessmentsDig: { visible: false, title: this.$t('trials:trials-panel:setting:reading-unit:TrialCriterionAdditionalAssessmentTypeList') },
+      additionalAssessmentsDig: {
+        visible: false,
+        title: this.$t(
+          'trials:trials-panel:setting:reading-unit:TrialCriterionAdditionalAssessmentTypeList'
+        ),
+      },
       additionalAssessmentsType: 'edit',
       assessmentQuestions: [],
       tLesionCount: null,
@@ -268,15 +395,17 @@ export default {
       expandedRows: [],
       taskInfo: {},
       visitTaskId: '',
-      isBaselineTask: false
+      isBaselineTask: false,
     }
   },
   computed: {
     ...mapGetters(['language']),
     isBaseline() {
-      var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
+      var i = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === this.visitTaskId
+      )
       return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
-    }
+    },
   },
   watch: {
     taskQuestions() {
@@ -285,9 +414,11 @@ export default {
         this.$refs.reportList && this.$refs.reportList.doLayout()
         this.setScrollTop()
       })
-    }
+    },
+  },
+  created() {
+    this.getTableHeight()
   },
-  created() { this.getTableHeight() },
   mounted() {
     this.taskInfo = JSON.parse(sessionStorage.getItem('taskInfo'))
     this.criterionType = this.taskInfo.CriterionType
@@ -298,7 +429,7 @@ export default {
       this.setScrollTop()
     })
     this.getReportInfo()
-    document.addEventListener("click", this.foo);
+    document.addEventListener('click', this.foo)
   },
   beforeDestroy() {
     if (this.openWindow) {
@@ -323,22 +454,24 @@ export default {
       this.$refs.readingChart_report.foo()
     },
     myConfirm(msg) {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         this.$confirm(msg, {
           type: 'warning',
-          showCancelButton: true
-        }).then(() => {
-          resolve(true)
-        }).catch(() => {
-          resolve(false)
+          showCancelButton: true,
         })
+          .then(() => {
+            resolve(true)
+          })
+          .catch(() => {
+            resolve(false)
+          })
       })
     },
     async beforeLeave() {
       this.handleConfirm()
     },
     getAnswerInfo(answerArr, visitTaskId, prop) {
-      var i = answerArr.findIndex(i => i.VisitTaskId === visitTaskId)
+      var i = answerArr.findIndex((i) => i.VisitTaskId === visitTaskId)
       if (i === -1) return ''
       var val = answerArr[i][prop]
       return isNaN(parseInt(val)) ? val : parseInt(val)
@@ -352,24 +485,41 @@ export default {
         var params = {
           visitTaskId: this.visitTaskId,
           trialId: this.$router.currentRoute.query.trialId,
-          IsCalculate: IsCalculate !== false
+          IsCalculate: IsCalculate !== false,
         }
         const res = await getReadingReportEvaluation(params)
         if (res.IsSuccess) {
           this.readingTaskState = res.Result.ReadingTaskState
-          this.tumorEvaluate = res.Result.CalculateResult && res.Result.CalculateResult.TumorEvaluate ? parseInt(res.Result.CalculateResult.TumorEvaluate) : null
-          this.isExistDisease = res.Result.CalculateResult && res.Result.CalculateResult.IsExistDisease ? parseInt(res.Result.CalculateResult.IsExistDisease) : null
+          this.tumorEvaluate =
+            res.Result.CalculateResult &&
+            res.Result.CalculateResult.TumorEvaluate
+              ? parseInt(res.Result.CalculateResult.TumorEvaluate)
+              : null
+          this.isExistDisease =
+            res.Result.CalculateResult &&
+            res.Result.CalculateResult.IsExistDisease
+              ? parseInt(res.Result.CalculateResult.IsExistDisease)
+              : null
           this.answerArr = []
           this.questions = res.Result.TaskQuestions.concat()
           this.visitTaskList = res.Result.VisitTaskList
-          var taskQuestions = this.getQuestions(res.Result.TaskQuestions, !this.isShowDetail, null, null)
+          var taskQuestions = this.getQuestions(
+            res.Result.TaskQuestions,
+            !this.isShowDetail,
+            null,
+            null
+          )
           this.taskQuestions = []
-          taskQuestions.forEach(item => {
+          taskQuestions.forEach((item) => {
             this.$set(this.taskQuestions, this.taskQuestions.length, item)
           })
-          const tLesion = res.Result.LesionCountList.find(i => i.LesionType === 0)
+          const tLesion = res.Result.LesionCountList.find(
+            (i) => i.LesionType === 0
+          )
           this.tLesionCount = tLesion ? tLesion.Count : 0
-          const ntLesion = res.Result.LesionCountList.find(i => i.LesionType === 1)
+          const ntLesion = res.Result.LesionCountList.find(
+            (i) => i.LesionType === 1
+          )
           this.ntLesionCount = ntLesion ? ntLesion.Count : 0
           this.setScrollTop()
         }
@@ -385,7 +535,8 @@ export default {
         this.$nextTick(() => {
           if (this.$refs.reportList) {
             this.getTableHeight()
-            this.$refs.reportList.bodyWrapper.scrollTop = this.$refs.reportList.bodyWrapper.scrollHeight
+            this.$refs.reportList.bodyWrapper.scrollTop =
+              this.$refs.reportList.bodyWrapper.scrollHeight
           }
         })
       }, 50)
@@ -415,30 +566,51 @@ export default {
           // 1：非靶病灶、2：新病灶、6：新非靶病灶、7：其它既往新病灶、8：触发irecisit后的新病灶
           // 0：长径，1：短径，2：是否淋巴结，3：自增ID，4：病灶名称，5：所在器官，6：所在位置，7：状态，8：所在部位，10：部位描述
           // 1105：是否可测量，1106：肝脏分段
-          if ((item.LesionType === 1 || item.LesionType === 2 || item.LesionType === 6 || item.LesionType === 7 || item.LesionType === 8) && isNTFilterLength) {
+          if (
+            (item.LesionType === 1 ||
+              item.LesionType === 2 ||
+              item.LesionType === 6 ||
+              item.LesionType === 7 ||
+              item.LesionType === 8) &&
+            isNTFilterLength
+          ) {
             filterArr = [0, 1, 3, 4, 5, 6, 2, 8, 10, 7, 1105]
           } else {
             filterArr = [3, 4, 5, 6, 2, 8, 10, 7, 1106, 1105]
           }
-          if ((lesionType === 0 || lesionType === 5) && isLymphNodes === 0 && !this.isShowDetail && (this.criterionType === 1 || this.criterionType === 3 || this.criterionType === 7 || this.criterionType === 17)) {
+          if (
+            (lesionType === 0 || lesionType === 5) &&
+            isLymphNodes === 0 &&
+            !this.isShowDetail &&
+            (this.criterionType === 1 ||
+              this.criterionType === 3 ||
+              this.criterionType === 7 ||
+              this.criterionType === 17)
+          ) {
             filterArr.push(1)
           }
 
           if (isLymphNodes === 0) {
             filterArr.push(1)
           }
-          if (!(filterArr.includes(item.QuestionMark))) {
+          if (!filterArr.includes(item.QuestionMark)) {
             const obj = item
             obj.Answers = {}
             obj.IsHighlightObj = {}
             if (item.RowIndex > 0) {
               try {
-                var idx = item.Childrens.findIndex(i => i.QuestionMark === 8)
-                var idxLoc = item.Childrens.findIndex(i => i.QuestionMark === 10)
-                var state = item.Childrens.findIndex(i => i.QuestionMark === 7)
+                var idx = item.Childrens.findIndex((i) => i.QuestionMark === 8)
+                var idxLoc = item.Childrens.findIndex(
+                  (i) => i.QuestionMark === 10
+                )
+                var state = item.Childrens.findIndex(
+                  (i) => i.QuestionMark === 7
+                )
                 if (idx > -1) {
                   if (item.Childrens[idx].Answer.length > 0) {
-                    var k = item.Childrens[idx].Answer.findIndex(v => v.Answer !== '')
+                    var k = item.Childrens[idx].Answer.findIndex(
+                      (v) => v.Answer !== ''
+                    )
                     var part = ''
                     if (obj.IsCanEditPosition) {
                       part = `${item.Childrens[idx].Answer[k].Answer}--${item.Childrens[idxLoc].Answer[k].Answer}`
@@ -450,12 +622,15 @@ export default {
                       obj.QuestionName = `${obj.QuestionName} --${part}`
                       var Answers = {}
                       if (state >= 0) {
-                        this.visitTaskList.forEach(v => {
-                          const o = item.Childrens[state].Answer.find(v1 => {
+                        this.visitTaskList.forEach((v) => {
+                          const o = item.Childrens[state].Answer.find((v1) => {
                             return v1.VisitTaskId === v.VisitTaskId
                           })
                           if (o) {
-                            Answers[o.VisitTaskId] = this.$fd(item.Childrens[state].DictionaryCode, parseInt(o.Answer))
+                            Answers[o.VisitTaskId] = this.$fd(
+                              item.Childrens[state].DictionaryCode,
+                              parseInt(o.Answer)
+                            )
                           }
                         })
                       }
@@ -465,12 +640,15 @@ export default {
                       obj.QuestionName = `${obj.QuestionName}--${part}`
                       const Answers = {}
                       if (state >= 0) {
-                        this.visitTaskList.forEach(v => {
-                          const o = item.Childrens[state].Answer.find(v1 => {
+                        this.visitTaskList.forEach((v) => {
+                          const o = item.Childrens[state].Answer.find((v1) => {
                             return v1.VisitTaskId === v.VisitTaskId
                           })
                           if (o) {
-                            Answers[o.VisitTaskId] = this.$fd(item.Childrens[state].DictionaryCode, parseInt(o.Answer))
+                            Answers[o.VisitTaskId] = this.$fd(
+                              item.Childrens[state].DictionaryCode,
+                              parseInt(o.Answer)
+                            )
                           }
                         })
                       }
@@ -483,11 +661,23 @@ export default {
                       obj.QuestionName = `${obj.QuestionName} (${item.ReportMark})`
                     }
 
-                    if (this.criterionType === 1 || this.criterionType === 3 || this.criterionType === 7 || this.criterionType === 17) {
-                      var idxLymphNode = item.Childrens.findIndex(i => i.QuestionMark === 2)
+                    if (
+                      this.criterionType === 1 ||
+                      this.criterionType === 3 ||
+                      this.criterionType === 7 ||
+                      this.criterionType === 17
+                    ) {
+                      var idxLymphNode = item.Childrens.findIndex(
+                        (i) => i.QuestionMark === 2
+                      )
                       if (idxLymphNode > -1) {
-                        isLymphNodes = item.Childrens[idxLymphNode].Answer[k].Answer ? parseInt(item.Childrens[idxLymphNode].Answer[k].Answer) : null
-                        item.Childrens.forEach(v => {
+                        isLymphNodes = item.Childrens[idxLymphNode].Answer[k]
+                          .Answer
+                          ? parseInt(
+                              item.Childrens[idxLymphNode].Answer[k].Answer
+                            )
+                          : null
+                        item.Childrens.forEach((v) => {
                           this.$set(v, 'isLymphNodes', isLymphNodes)
                         })
                       }
@@ -495,20 +685,29 @@ export default {
                   }
                 }
                 if (this.criterionType === 21) {
-                  var liverSegmentIdx = item.Childrens.findIndex(i => i.QuestionMark === 1106)
+                  var liverSegmentIdx = item.Childrens.findIndex(
+                    (i) => i.QuestionMark === 1106
+                  )
                   if (liverSegmentIdx > -1) {
                     if (item.Childrens[liverSegmentIdx].Answer.length > 0) {
                       const v = item.Childrens[liverSegmentIdx].Answer[0].Answer
-                      obj.QuestionName = this.$fd(item.Childrens[liverSegmentIdx].DictionaryCode, parseInt(v))
+                      obj.QuestionName = this.$fd(
+                        item.Childrens[liverSegmentIdx].DictionaryCode,
+                        parseInt(v)
+                      )
                       const Answers = {}
-                      const mean = item.Childrens.findIndex(i => i.QuestionMark === 1104)
+                      const mean = item.Childrens.findIndex(
+                        (i) => i.QuestionMark === 1104
+                      )
                       if (mean > -1) {
-                        this.visitTaskList.forEach(v => {
-                          const o = item.Childrens[mean].Answer.find(v1 => {
+                        this.visitTaskList.forEach((v) => {
+                          const o = item.Childrens[mean].Answer.find((v1) => {
                             return v1.VisitTaskId === v.VisitTaskId
                           })
                           if (o) {
-                            Answers[o.VisitTaskId] = isNaN(parseFloat(o.Answer)) ? o.Answer : `${o.Answer}%`
+                            Answers[o.VisitTaskId] = isNaN(parseFloat(o.Answer))
+                              ? o.Answer
+                              : `${o.Answer}%`
                           }
                         })
                       }
@@ -520,9 +719,11 @@ export default {
                 console.log(e)
               }
             }
-            item.Answer.forEach(i => {
+            item.Answer.forEach((i) => {
               if (item.DictionaryCode) {
-                obj.Answers[i.VisitTaskId] = i.Answer ? parseInt(i.Answer) : null
+                obj.Answers[i.VisitTaskId] = i.Answer
+                  ? parseInt(i.Answer)
+                  : null
               } else {
                 obj.Answers[i.VisitTaskId] = i.Answer
               }
@@ -530,18 +731,35 @@ export default {
             })
             if (item.QuestionType === 15) {
               this.currentExistDisease = obj.Answers[this.visitTaskId]
-              this.answerArr.push({ id: item.QuestionId, answer: obj.Answers[this.visitTaskId], questionType: 15 })
+              this.answerArr.push({
+                id: item.QuestionId,
+                answer: obj.Answers[this.visitTaskId],
+                questionType: 15,
+              })
             }
             if (item.QuestionType === 13 || item.QuestionType === 42) {
               this.currentEvaluateResult = obj.Answers[this.visitTaskId]
-              this.answerArr.push({ id: item.QuestionId, answer: obj.Answers[this.visitTaskId], questionType: item.QuestionType })
+              this.answerArr.push({
+                id: item.QuestionId,
+                answer: obj.Answers[this.visitTaskId],
+                questionType: item.QuestionType,
+              })
             }
             if (item.QuestionType === 14) {
               this.currentTaskReason = obj.Answers[this.visitTaskId]
-              this.answerArr.push({ id: item.QuestionId, answer: obj.Answers[this.visitTaskId], questionType: 14 })
+              this.answerArr.push({
+                id: item.QuestionId,
+                answer: obj.Answers[this.visitTaskId],
+                questionType: 14,
+              })
             }
             if (item.Childrens.length >= 1) {
-              obj.Childrens = this.getQuestions(item.Childrens, isNTFilterLength, lesionType, isLymphNodes)
+              obj.Childrens = this.getQuestions(
+                item.Childrens,
+                isNTFilterLength,
+                lesionType,
+                isLymphNodes
+              )
             }
             arr.push(obj)
           }
@@ -555,26 +773,34 @@ export default {
     },
     handleExistDiseaseChange(val) {
       // this.currentExistDisease = parseInt(val)
-      if (val === this.isExistDisease && this.tumorEvaluate === this.currentEvaluateResult) {
+      if (
+        val === this.isExistDisease &&
+        this.tumorEvaluate === this.currentEvaluateResult
+      ) {
         this.currentTaskReason = ''
         this.evaluateReasonChange('')
       }
       this.currentTaskReason = ''
       this.evaluateReasonChange('')
-      var idx = this.answerArr.findIndex(i => i.questionType === 15)
+      var idx = this.answerArr.findIndex((i) => i.questionType === 15)
       if (idx > -1) {
         this.answerArr[idx].answer = val
       }
     },
     handleEvaluateResultChange(val) {
       // this.currentEvaluateResult = parseInt(val)
-      if (val === this.tumorEvaluate && this.isExistDisease === this.currentExistDisease) {
+      if (
+        val === this.tumorEvaluate &&
+        this.isExistDisease === this.currentExistDisease
+      ) {
         this.currentTaskReason = ''
         this.evaluateReasonChange('')
       }
       this.currentTaskReason = ''
       this.evaluateReasonChange('')
-      var idx = this.answerArr.findIndex(i => i.questionType === 13 || i.questionType === 42)
+      var idx = this.answerArr.findIndex(
+        (i) => i.questionType === 13 || i.questionType === 42
+      )
       if (idx > -1) {
         this.answerArr[idx].answer = val
       }
@@ -582,14 +808,16 @@ export default {
     },
 
     evaluateReasonChange(val) {
-      var idx = this.answerArr.findIndex(i => i.questionType === 14)
+      var idx = this.answerArr.findIndex((i) => i.questionType === 14)
       if (idx > -1) {
         this.answerArr[idx].answer = val
       }
     },
     async getTaskAdditionalQuestion() {
       try {
-        const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
+        const res = await getTaskAdditionalQuestion({
+          visitTaskId: this.visitTaskId,
+        })
         this.assessmentQuestions = res.Result
       } catch (err) {
         console.log(err)
@@ -613,17 +841,22 @@ export default {
         let r = await this.handleSave(false)
         if (!r) return
         await verifyVisitTaskQuestions({ visitTaskId: this.visitTaskId })
-        var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
+        var i = this.visitTaskList.findIndex(
+          (i) => i.VisitTaskId === this.visitTaskId
+        )
         var isBaseline = this.visitTaskList[i].IsBaseLine
         if (isBaseline) {
-          const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
+          const res = await getTaskAdditionalQuestion({
+            visitTaskId: this.visitTaskId,
+          })
           this.assessmentQuestions = res.Result
           if (this.assessmentQuestions.length > 0) {
             // 打开附加评估框
             this.additionalAssessmentsDig.visible = true
             this.additionalAssessmentsType = 'sign'
           } else {
-            const { ImageAssessmentReportConfirmation } = const_.processSignature
+            const { ImageAssessmentReportConfirmation } =
+              const_.processSignature
             this.signCode = ImageAssessmentReportConfirmation
             this.signVisible = true
           }
@@ -665,9 +898,9 @@ export default {
       try {
         var params = {
           data: {
-            visitTaskId: this.visitTaskId
+            visitTaskId: this.visitTaskId,
           },
-          signInfo: signInfo
+          signInfo: signInfo,
         }
         const res = await submitDicomVisitTask(params)
         if (res.IsSuccess) {
@@ -691,12 +924,12 @@ export default {
             // '当前阅片任务已完成，是否进入下一个阅片任务？'
             this.$confirm(this.$t('trials:readingReport:message:msg4'), {
               type: 'warning',
-              distinguishCancelAndClose: true
+              distinguishCancelAndClose: true,
             })
               .then(() => {
                 window.location.reload()
               })
-              .catch(action => {
+              .catch((action) => {
                 changeURLStatic('visitTaskId', this.visitTaskId)
               })
           }
@@ -716,16 +949,26 @@ export default {
         this.openWindow.close()
       }
       var token = getToken()
-      var trialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
+      var trialReadingCriterionId =
+        this.$router.currentRoute.query.TrialReadingCriterionId
       // var subjectCode = this.$router.currentRoute.query.subjectCode
       var subjectCode = localStorage.getItem('subjectCode')
       var subjectId = this.$router.currentRoute.query.subjectId
       var trialId = this.$router.currentRoute.query.trialId
-      var isReadingTaskViewInOrder = this.$router.currentRoute.query.isReadingTaskViewInOrder
+      var isReadingTaskViewInOrder =
+        this.$router.currentRoute.query.isReadingTaskViewInOrder
       var criterionType = this.$router.currentRoute.query.criterionType
       var readingTool = this.$router.currentRoute.query.readingTool
       var path = `/readingDicoms?TrialReadingCriterionId=${trialReadingCriterionId}&trialId=${trialId}&subjectCode=${subjectCode}&subjectId=${subjectId}&visitTaskId=${task.VisitTaskId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&readingTool=${readingTool}&TokenKey=${token}`
       const routeData = this.$router.resolve({ path })
+      let a = document.createElement('a')
+      a.href = routeData.href
+      a.target = '_blank'
+      a.rel = 'noopener noreferrer'
+      document.body.appendChild(a)
+      a.click()
+      document.body.removeChild(a)
+      return false
       const res = await getAutoCutNextTask()
       let IsDoubleScreen = false
       if (res.IsSuccess) {
@@ -734,10 +977,16 @@ export default {
       if (IsDoubleScreen) {
         this.openWindow = await openWindow(routeData.href)
         if (!this.openWindow) {
-          let html = `<div><span>${this.$t("trials:reading:tip:MultiScreen2")}</span><a style="color:#409EFF"
+          let html = `<div><span>${this.$t(
+            'trials:reading:tip:MultiScreen2'
+          )}</span><a style="color:#409EFF"
               href="/screen.pdf"
-              target="blank">${this.$t("trials:reading:tip:openFile")}</a></div>`
-          let confirm = await this.$confirm(html, '', { dangerouslyUseHTMLString: true })
+              target="blank">${this.$t(
+                'trials:reading:tip:openFile'
+              )}</a></div>`
+          let confirm = await this.$confirm(html, '', {
+            dangerouslyUseHTMLString: true,
+          })
           if (!confirm) return false
           this.openWindow = await openWindow(routeData.href, '', true)
         }
@@ -753,7 +1002,7 @@ export default {
         var evaluateAjustReason = ''
         this.answers = []
         var isExistEvaluateResult = false
-        this.answerArr.map(item => {
+        this.answerArr.map((item) => {
           if (item.questionType === 13 || item.questionType === 42) {
             evaluateResult = item.answer
             isExistEvaluateResult = true
@@ -766,32 +1015,48 @@ export default {
           }
           this.answers.push({ id: item.id, answer: item.answer })
         })
-        console.log(this.currentExistDisease, this.isExistDisease, evaluateAjustReason, isBeill)
-        if (this.currentExistDisease !== this.isExistDisease && !evaluateAjustReason) {
+        console.log(
+          this.currentExistDisease,
+          this.isExistDisease,
+          evaluateAjustReason,
+          isBeill
+        )
+        if (
+          this.currentExistDisease !== this.isExistDisease &&
+          !evaluateAjustReason
+        ) {
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => { }
+            callback: (action) => {},
           })
           resolve(false)
           return
         }
-        if (isExistEvaluateResult && (evaluateResult === null && !this.isBaselineTask)) {
+        if (
+          isExistEvaluateResult &&
+          evaluateResult === null &&
+          !this.isBaselineTask
+        ) {
           // 请将疗效评估信息填写完整
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => { }
+            callback: (action) => {},
           })
           resolve(false)
           return
         }
-        if (isExistEvaluateResult && (evaluateResult !== this.tumorEvaluate) && !evaluateAjustReason) {
+        if (
+          isExistEvaluateResult &&
+          evaluateResult !== this.tumorEvaluate &&
+          !evaluateAjustReason
+        ) {
           // 请填写整体评估调整原因
           this.$confirm(this.$t('trials:readingReport:message:msg3'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => { }
+            callback: (action) => {},
           })
           resolve(false)
           return
@@ -800,7 +1065,7 @@ export default {
         try {
           var params = {
             visitTaskId: this.visitTaskId,
-            answers: this.answers
+            answers: this.answers,
           }
           const res = await changeDicomReadingQuestionAnswer(params)
           if (res.IsSuccess && isPrompt) {
@@ -819,7 +1084,10 @@ export default {
       var curRes = ''
       if (this.CriterionType === 2) {
         sysRes = this.$fd('ImagingOverallAssessment_Lugano', this.tumorEvaluate)
-        curRes = this.$fd('ImagingOverallAssessment_Lugano', this.currentEvaluateResult)
+        curRes = this.$fd(
+          'ImagingOverallAssessment_Lugano',
+          this.currentEvaluateResult
+        )
       } else {
         sysRes = this.$fd('OverallAssessment', this.tumorEvaluate)
         curRes = this.$fd('OverallAssessment', this.currentEvaluateResult)
@@ -827,7 +1095,9 @@ export default {
       if (!curRes) {
         return ''
       }
-      const msg = this.$t('trials:readingReport:message:msg9').replace('xxx', '<font color="red">' + sysRes + '</font>').replace('yyy', '<font color="red">' + curRes + '</font>')
+      const msg = this.$t('trials:readingReport:message:msg9')
+        .replace('xxx', '<font color="red">' + sysRes + '</font>')
+        .replace('yyy', '<font color="red">' + curRes + '</font>')
       return msg
     },
     async skipTask() {
@@ -837,7 +1107,7 @@ export default {
           this.$t('trials:readingReport:message:skipConfirm'),
           {
             type: 'warning',
-            distinguishCancelAndClose: true
+            distinguishCancelAndClose: true,
           }
         )
         if (confirm !== 'confirm') return
@@ -851,13 +1121,12 @@ export default {
         this.loading = false
         console.log(e)
       }
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
 .report-wrapper {
-
   height: 100%;
   padding: 10px 0px;
   // background-color: #fff;
@@ -917,13 +1186,13 @@ export default {
     border-color: #444444;
   }
 
-  ::v-deep .el-table__body tr>td {
+  ::v-deep .el-table__body tr > td {
     background-color: #000 !important;
     color: #fff;
     border-color: #444444;
   }
 
-  ::v-deep .el-table__body tr:hover>td {
+  ::v-deep .el-table__body tr:hover > td {
     background-color: #858282 !important;
     color: #fff;
     border-color: #444444;
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/customize/ReportPage.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/customize/ReportPage.vue
index cd506e56..c4279c76 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/customize/ReportPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/customize/ReportPage.vue
@@ -8,25 +8,48 @@
             <!-- 跳过 -->
             {{ $t('trials:readingReport:button:skip') }}
           </el-button>
-          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo">{{
-            $t('trials:readingReport:button:refresh') }}</el-button>
-          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="handleSave(true)">{{
-            $t('common:button:save') }}</el-button>
-          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="handleConfirm">{{
-            $t('common:button:submit') }}</el-button>
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo">
+            {{
+            $t('trials:readingReport:button:refresh') }}
+          </el-button>
+          <el-button
+            v-if="readingTaskState < 2"
+            type="primary"
+            size="small"
+            @click="handleSave(true)"
+          >
+            {{
+            $t('common:button:save') }}
+          </el-button>
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="handleConfirm">
+            {{
+            $t('common:button:submit') }}
+          </el-button>
         </div>
       </div>
       <div style="flex: 1">
-        <el-table v-if="taskQuestions.length > 0" ref="reportList" v-adaptive="{ bottomOffset: 0 }"
-          :data="taskQuestions" row-key="Id" border default-expand-all height="100"
-          :tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
-          <el-table-column prop="" label="" show-overflow-tooltip width="350px">
+        <el-table
+          v-if="taskQuestions.length > 0"
+          ref="reportList"
+          v-adaptive="{ bottomOffset: 0 }"
+          :data="taskQuestions"
+          row-key="Id"
+          border
+          default-expand-all
+          height="100"
+          :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">{{ scope.row.BlindName ? scope.row.QuestionName :
+              <span v-if="scope.row.QuestionName">
+                {{ scope.row.BlindName ? scope.row.QuestionName :
                 scope.row.QuestionName }}
                 <svg-icon
                   v-if="scope.row.ShowChartTypeEnum > 0 || (scope.row.LesionType === 0 && scope.row.ReportLayType === 1)"
-                  icon-class="readingChart" class="svg-icon svg-readingChart-mini" @click.stop="(e) => handleReadingChart({
+                  icon-class="readingChart"
+                  class="svg-icon svg-readingChart-mini"
+                  @click.stop="(e) => handleReadingChart({
                     e,
                     data: {
                       QuestionId: scope.row.RowIndex ? null : scope.row.QuestionId,
@@ -35,19 +58,24 @@
                       ReportChartTypeEnum: scope.row.LesionType === 0 && scope.row.ReportLayType === 1 ? 0 : null,
                       QuestionName: scope.row.QuestionName
                     }
-                  })" />
-              </span>
-              <span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
-                {{ scope.row.GroupName }}
+                  })"
+                />
               </span>
+              <span
+                v-else
+                style="font-weight: bold;font-size: 16px;color: #f44336;"
+              >{{ 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="200px">
+          <el-table-column
+            v-for="task in visitTaskList"
+            :key="task.VisitTaskId"
+            prop="date"
+            show-overflow-tooltip
+            width="200px"
+          >
             <template slot="header">
-              <div v-if="task.IsCurrentTask">
-                {{ task.BlindName }}
-              </div>
+              <div v-if="task.IsCurrentTask">{{ task.BlindName }}</div>
               <div v-else>
                 <div>
                   {{ task.BlindName }}
@@ -59,157 +87,201 @@
             </template>
             <template slot-scope="scope">
               <template
-                v-if="readingTaskState < 2 && task.VisitTaskId === visitTaskId && (scope.row.Type === 'input' || scope.row.Type === 'number' || scope.row.Type === 'select' || scope.row.Type === 'textarea' || scope.row.Type === 'radio')">
+                v-if="readingTaskState < 2 && task.VisitTaskId === visitTaskId && (scope.row.Type === 'input' || scope.row.Type === 'number' || scope.row.Type === 'select' || scope.row.Type === 'textarea' || scope.row.Type === 'radio')"
+              >
                 <!-- 输入框 -->
                 <div>
                   <template
-                    v-if="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)" />
+                    v-if="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
+                  />
                   <el-input
                     v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'input' || scope.row.Type === 'textarea') && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
                     v-model="questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]"
-                    size="mini" />
+                    size="mini"
+                  />
                   <span
-                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'input' || scope.row.Type === 'textarea')">
-                    {{ questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] }}
-                  </span>
+                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'input' || scope.row.Type === 'textarea')"
+                  >{{ questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] }}</span>
                   <el-input
                     v-else-if="(scope.row.Type === 'input' || scope.row.Type === 'textarea') && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
-                    v-model="questionForm[scope.row.QuestionId]" size="mini" />
-                  <span v-else-if="scope.row.Type === 'input' || scope.row.Type === 'textarea'">
-                    {{ questionForm[scope.row.QuestionId] }}
-                  </span>
+                    v-model="questionForm[scope.row.QuestionId]"
+                    size="mini"
+                  />
+                  <span
+                    v-else-if="scope.row.Type === 'input' || scope.row.Type === 'textarea'"
+                  >{{ questionForm[scope.row.QuestionId] }}</span>
                   <el-select
                     v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'select' || scope.row.Type === 'radio') && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
                     v-model="questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]"
-                    size="mini" clearable :multiple="scope.row.OptionTypeEnum === 1">
+                    size="mini"
+                    clearable
+                    :multiple="scope.row.OptionTypeEnum === 1"
+                  >
                     <template>
-                      <el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
+                      <el-option
+                        v-for="val in scope.row.TypeValue.split('|')"
+                        :key="val"
+                        :label="val"
+                        :value="val"
+                      />
                     </template>
                   </el-select>
                   <span
-                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && questionForm[scope.row.QuestionId][scope.row.xfIndex] && (scope.row.Type === 'select' || scope.row.Type === 'radio')">
+                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && questionForm[scope.row.QuestionId][scope.row.xfIndex] && (scope.row.Type === 'select' || scope.row.Type === 'radio')"
+                  >
                     {{
-
-                      Array.isArray(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId])
-                        ?
-                        questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId].join(',') :
-                        questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]
+                    Array.isArray(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId])
+                    ?
+                    questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId].join(',') :
+                    questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]
                     }}
                   </span>
                   <el-select
                     v-else-if="(scope.row.Type === 'select' || scope.row.Type === 'radio') && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
-                    v-model="questionForm[scope.row.QuestionId]" size="mini" clearable
-                    :multiple="scope.row.OptionTypeEnum === 1">
+                    v-model="questionForm[scope.row.QuestionId]"
+                    size="mini"
+                    clearable
+                    :multiple="scope.row.OptionTypeEnum === 1"
+                  >
                     <template>
-                      <el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
+                      <el-option
+                        v-for="val in scope.row.TypeValue.split('|')"
+                        :key="val"
+                        :label="val"
+                        :value="val"
+                      />
                     </template>
                   </el-select>
                   <span v-else-if="scope.row.Type === 'select' || scope.row.Type === 'radio'">
                     {{
-                      questionForm[scope.row.QuestionId] && Array.isArray(questionForm[scope.row.QuestionId]) ?
-                        questionForm[scope.row.QuestionId].join(',') :
-                        questionForm[scope.row.QuestionId]
+                    questionForm[scope.row.QuestionId] && Array.isArray(questionForm[scope.row.QuestionId]) ?
+                    questionForm[scope.row.QuestionId].join(',') :
+                    questionForm[scope.row.QuestionId]
                     }}
                   </span>
                   <el-input
                     v-else-if="scope.row.DataSource !== 1 && questionForm[scope.row.QuestionId] instanceof Array && scope.row.Type === 'number' && (scope.row.xfIndex || scope.row.xfIndex === 0) && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
                     v-model="questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]"
-                    :disabled="scope.row.DataSource === 1" size="mini"
+                    :disabled="scope.row.DataSource === 1"
+                    size="mini"
                     @blur="limitBlur(questionForm[scope.row.QuestionId][scope.row.xfIndex], scope.row.TableQuestionId, scope.row.ValueType)"
-                    @focus="() => { questionId = scope.row.QuestionId }">
-                    <template v-if="scope.row.Unit !== 0" slot="append">{{ scope.row.Unit !== 4 ? $fd('ValueUnit',
-                      scope.row.Unit) : scope.row.CustomUnit }}</template>
+                    @focus="() => { questionId = scope.row.QuestionId }"
+                  >
+                    <template v-if="scope.row.Unit !== 0" slot="append">
+                      {{ scope.row.Unit !== 4 ? $fd('ValueUnit',
+                      scope.row.Unit) : scope.row.CustomUnit }}
+                    </template>
                     <template v-else-if="scope.row.ValueType === 2" slot="append">%</template>
                   </el-input>
                   <span
-                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && scope.row.Type === 'number' && (scope.row.xfIndex || scope.row.xfIndex === 0)">
-                    <template v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
+                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && scope.row.Type === 'number' && (scope.row.xfIndex || scope.row.xfIndex === 0)"
+                  >
+                    <template
+                      v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit"
+                    >
                       {{
-                        isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
-                          ?
-                          questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
-                          `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
+                      isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
+                      ?
+                      questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
+                      `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
                       ${scope.row.Unit !== 4 ? $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
                     </template>
                     <template v-else-if="scope.row.ValueType === 2">
                       {{
-                        isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
-                          ?
-                          questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
-                          `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
+                      isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
+                      ?
+                      questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
+                      `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
                       %` }}
                     </template>
                     <template v-else>
                       {{
-                        isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
-                          ?
-                          questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
-                          `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}`
+                      isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
+                      ?
+                      questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
+                      `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}`
                       }}
                     </template>
                   </span>
                   <el-input
                     v-else-if="scope.row.DataSource !== 1 && scope.row.Type === 'number' && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
-                    v-model="questionForm[scope.row.QuestionId]" :disabled="scope.row.DataSource === 1" size="mini"
+                    v-model="questionForm[scope.row.QuestionId]"
+                    :disabled="scope.row.DataSource === 1"
+                    size="mini"
                     @blur="limitBlur(questionForm, scope.row.QuestionId, scope.row.ValueType)"
-                    @focus="() => { questionId = scope.row.QuestionId }">
-                    <template v-if="scope.row.Unit !== 0" slot="append">{{ scope.row.Unit !== 4 ? $fd('ValueUnit',
-                      scope.row.Unit) : scope.row.CustomUnit }}</template>
+                    @focus="() => { questionId = scope.row.QuestionId }"
+                  >
+                    <template v-if="scope.row.Unit !== 0" slot="append">
+                      {{ scope.row.Unit !== 4 ? $fd('ValueUnit',
+                      scope.row.Unit) : scope.row.CustomUnit }}
+                    </template>
                     <template v-else-if="scope.row.ValueType === 2" slot="append">%</template>
                   </el-input>
                   <span v-else-if="scope.row.Type === 'number'">
-                    <template v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
+                    <template
+                      v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit"
+                    >
                       {{ isNaN(parseInt(questionForm[scope.row.QuestionId])) ?
-                        questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} ${scope.row.Unit !== 4
-                          ?
-                          $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
+                      questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} ${scope.row.Unit !== 4
+                      ?
+                      $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
                     </template>
                     <template v-else-if="scope.row.ValueType === 2">
                       {{ isNaN(parseInt(questionForm[scope.row.QuestionId])) ?
-                        questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} %` }}
+                      questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} %` }}
                     </template>
                     <template v-else>
                       {{ isNaN(parseInt(questionForm[scope.row.QuestionId])) ? questionForm[scope.row.QuestionId] :
-                        questionForm[scope.row.QuestionId] }}
+                      questionForm[scope.row.QuestionId] }}
                     </template>
                   </span>
                 </div>
               </template>
-              <template v-else-if="scope.row.Type === 'upload' && scope.row.Answers[task.VisitTaskId]">
-                <span v-for="(url, index) in scope.row.Answers[task.VisitTaskId].split('|')" :key="url"
-                  style="margin-left: 5px;">
-                  <el-button v-if="scope.row.Answers[task.VisitTaskId]" type="text" @click="preview(url)">
-                    {{ `${$t('trials:noneDicom:title:attachment')}${index + 1}` }}
-                  </el-button>
+              <template
+                v-else-if="scope.row.Type === 'upload' && scope.row.Answers[task.VisitTaskId]"
+              >
+                <span
+                  v-for="(url, index) in scope.row.Answers[task.VisitTaskId].split('|')"
+                  :key="url"
+                  style="margin-left: 5px;"
+                >
+                  <el-button
+                    v-if="scope.row.Answers[task.VisitTaskId]"
+                    type="text"
+                    @click="preview(url)"
+                  >{{ `${$t('trials:noneDicom:title:attachment')}${index + 1}` }}</el-button>
                 </span>
               </template>
               <template v-else-if="scope.row.DictionaryCode">
                 {{scope.row.Answers[task.VisitTaskId] instanceof Array
-                  ? scope.row.Answers[task.VisitTaskId].map(item => $fd(scope.row.DictionaryCode,
-                    item)).join(",") : $fd(scope.row.DictionaryCode,
-                      scope.row.Answers[task.VisitTaskId])}}
+                ? scope.row.Answers[task.VisitTaskId].map(item => $fd(scope.row.DictionaryCode,
+                item)).join(",") : $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="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)" />
-              <template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
+                v-else-if="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
+              />
+              <template
+                v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit"
+              >
                 {{
-                  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]}
                 ${scope.row.Unit !== 4 ? $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
               </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]} %` }}
-              </template>
-              <template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
-                {{ 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] }}</template>
             </template>
           </el-table-column>
         </el-table>
@@ -217,33 +289,49 @@
     </el-card>
 
     <!-- 签名框 -->
-    <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>
 
     <!-- 预览文件 -->
-    <viewer ref="picture_perview_customizeReportPage" style="margin: 0 10px"
+    <viewer
+      ref="picture_perview_customizeReportPage"
+      style="margin: 0 10px"
       v-if="currentType && ['png', 'jpg', 'jpeg'].includes(currentType.toLowerCase())"
-      :images="[`${OSSclientConfig.basePath}${currentPath}`]" :options="viewerOptions">
-
+      :images="[`${OSSclientConfig.basePath}${currentPath}`]"
+      :options="viewerOptions"
+    >
       <img v-show="false" :src="`${OSSclientConfig.basePath}${currentPath}`" alt="Image" />
     </viewer>
     <readingChart ref="readingChart_report" />
   </div>
 </template>
 <script>
-import { changeCalculationAnswer, getReadingReportEvaluation, submitDicomVisitTask, verifyVisitTaskQuestions, getQuestionCalculateRelation } from '@/api/trials'
+import {
+  changeCalculationAnswer,
+  getReadingReportEvaluation,
+  submitDicomVisitTask,
+  verifyVisitTaskQuestions,
+  getQuestionCalculateRelation,
+} from '@/api/trials'
 import { setSkipReadingCache } from '@/api/reading'
 import { getAutoCutNextTask } from '@/api/user'
 import const_ from '@/const/sign-code'
 import SignForm from '@/views/trials/components/newSignForm'
 import { getToken } from '@/utils/auth'
-import { openWindow } from "@/utils/splitScreen";
+import { openWindow } from '@/utils/splitScreen'
 import readingChart from '@/components/readingChart'
 export default {
   name: 'CustomizeReportPage',
@@ -275,7 +363,6 @@ export default {
       currentPath: '',
       currentType: '',
 
-
       viewerOptions: {
         toolbar: {
           zoomIn: true,
@@ -287,8 +374,8 @@ export default {
           rotateRight: true,
           flipHorizontal: true,
           flipVertical: true,
-        }
-      }
+        },
+      },
     }
   },
   watch: {
@@ -298,11 +385,10 @@ export default {
       handler(v, oldv) {
         try {
           if (!v[this.questionId] || !oldv[this.questionId]) return
-        } catch (e) {
-        }
+        } catch (e) {}
         this.formItemNumberChange(this.questionId, false)
-      }
-    }
+      },
+    },
   },
   async mounted() {
     this.taskInfo = JSON.parse(sessionStorage.getItem('taskInfo'))
@@ -318,7 +404,7 @@ export default {
     })
     await this.getQuestionCalculateRelation()
     this.getReportInfo()
-    document.addEventListener("click", this.foo);
+    document.addEventListener('click', this.foo)
   },
   methods: {
     handleReadingChart(row) {
@@ -359,7 +445,7 @@ export default {
       }
     },
     getTagterAnswers(list, questionId) {
-      list.forEach(v => {
+      list.forEach((v) => {
         if (v.QuestionId === questionId) {
           return Object.assign({}, v.Answers)
         } else if (v.Childrens.length > 0) {
@@ -370,7 +456,7 @@ export default {
     formItemNumberChange(questionId, isTable) {
       if (isTable) {
         this.CalculationList.forEach((v, i) => {
-          var find = v.CalculateQuestionList.filter(o => {
+          var find = v.CalculateQuestionList.filter((o) => {
             return o.QuestionId === questionId
           })
           // find的自动计算值number
@@ -383,8 +469,8 @@ export default {
           }
         })
       } else {
-        this.CalculationList.forEach(v => {
-          var find = v.CalculateQuestionList.filter(o => {
+        this.CalculationList.forEach((v) => {
+          var find = v.CalculateQuestionList.filter((o) => {
             return o.TableQuestionId === questionId
           })
           // find的自动计算值number
@@ -415,9 +501,26 @@ export default {
     },
     InitVisitTaskQuestionForm() {
       this.taskQuestions.map((v, i) => {
-        if (v.Type === 'group' && v.Childrens.length === 0 && v.Type !== 'table' && v.Type !== 'basicTable') return
-        if (!v.IsPage && v.Type !== 'group' && v.Type !== 'summary' && v.Type !== 'table' && v.Type !== 'basicTable' && v.Type !== 'number') {
-          this.$set(this.questionForm, v.QuestionId, v.Answers[this.visitTaskId])
+        if (
+          v.Type === 'group' &&
+          v.Childrens.length === 0 &&
+          v.Type !== 'table' &&
+          v.Type !== 'basicTable'
+        )
+          return
+        if (
+          !v.IsPage &&
+          v.Type !== 'group' &&
+          v.Type !== 'summary' &&
+          v.Type !== 'table' &&
+          v.Type !== 'basicTable' &&
+          v.Type !== 'number'
+        ) {
+          this.$set(
+            this.questionForm,
+            v.QuestionId,
+            v.Answers[this.visitTaskId]
+          )
         }
         if (v.Type === 'table' || v.Type === 'basicTable') {
           var tableAnswers = this.getTableAnswers(v.QuestionId, v.Childrens, i)
@@ -427,11 +530,16 @@ export default {
         if (v.Type === 'number') {
           let val = null
           if (v.ValueType === 0) {
-            val = isNaN(parseFloat(v.Answers[this.visitTaskId])) ? v.Answers[this.visitTaskId] : parseInt(v.Answers[this.visitTaskId])
+            val = isNaN(parseFloat(v.Answers[this.visitTaskId]))
+              ? v.Answers[this.visitTaskId]
+              : parseInt(v.Answers[this.visitTaskId])
           } else if (v.ValueType === 3) {
             val = v.Answers[this.visitTaskId]
           } else {
-            val = v.Answers[this.visitTaskId] === '' ? null : v.Answers[this.visitTaskId]
+            val =
+              v.Answers[this.visitTaskId] === ''
+                ? null
+                : v.Answers[this.visitTaskId]
           }
           this.$set(this.questionForm, v.QuestionId, val)
         }
@@ -443,41 +551,66 @@ export default {
     },
     setChild(obj) {
       obj.forEach((i, index) => {
-        if (i.Type !== 'group' && i.Type !== 'summary' && i.Id && i.Type !== 'table' && i.Type !== 'basicTable') {
-          this.$set(this.questionForm, i.QuestionId, i.Answers[this.visitTaskId])
+        if (
+          i.Type !== 'group' &&
+          i.Type !== 'summary' &&
+          i.Id &&
+          i.Type !== 'table' &&
+          i.Type !== 'basicTable'
+        ) {
+          this.$set(
+            this.questionForm,
+            i.QuestionId,
+            i.Answers[this.visitTaskId]
+          )
         }
         if (i.Type === 'table' || i.Type === 'basicTable') {
-          var tableAnswers = this.getTableAnswers(i.QuestionId, i.Childrens, index)
+          var tableAnswers = this.getTableAnswers(
+            i.QuestionId,
+            i.Childrens,
+            index
+          )
           this.$set(this.questionForm, i.QuestionId, tableAnswers)
         }
         if (i.Type === 'number') {
           let val = null
           if (i.ValueType === 0) {
-            val = isNaN(parseFloat(i.Answers[this.visitTaskId])) ? i.Answers[this.visitTaskId] : parseInt(i.Answers[this.visitTaskId])
+            val = isNaN(parseFloat(i.Answers[this.visitTaskId]))
+              ? i.Answers[this.visitTaskId]
+              : parseInt(i.Answers[this.visitTaskId])
           } else if (i.ValueType === 3) {
             val = i.Answers[this.visitTaskId]
           } else {
-            val = i.Answers[this.visitTaskId] === '' ? null : i.Answers[this.visitTaskId]
+            val =
+              i.Answers[this.visitTaskId] === ''
+                ? null
+                : i.Answers[this.visitTaskId]
           }
           this.$set(this.questionForm, i.QuestionId, val)
         }
-        if (i.Childrens && i.Childrens.length > 0 && i.Type !== 'table' && i.Type !== 'basicTable') {
+        if (
+          i.Childrens &&
+          i.Childrens.length > 0 &&
+          i.Type !== 'table' &&
+          i.Type !== 'basicTable'
+        ) {
           this.setChild(i.Childrens)
         }
       })
     },
     getQuestionCalculateRelation() {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         getQuestionCalculateRelation({
-          TrialReadingCriterionId: this.TrialReadingCriterionId
-        }).then(res => {
+          TrialReadingCriterionId: this.TrialReadingCriterionId,
+        }).then((res) => {
           this.CalculationList = res.Result
           resolve()
         })
       })
     },
     logic(rules, num = 0) {
-      let isNE = false, isNAN = false
+      let isNE = false,
+        isNAN = false
       try {
         if (rules.CalculateQuestionList.length === 0) {
           return false
@@ -511,9 +644,13 @@ export default {
                   this.questionForm[o.QuestionId].forEach((q, qi) => {
                     if (!isNaN(parseFloat(q[o.TableQuestionId]))) {
                       if (qi === 0) {
-                        num = isNaN(parseFloat(q[o.TableQuestionId])) ? null : parseFloat(q[o.TableQuestionId])
+                        num = isNaN(parseFloat(q[o.TableQuestionId]))
+                          ? null
+                          : parseFloat(q[o.TableQuestionId])
                       } else {
-                        num += isNaN(parseFloat(q[o.TableQuestionId])) ? null : parseFloat(q[o.TableQuestionId])
+                        num += isNaN(parseFloat(q[o.TableQuestionId]))
+                          ? null
+                          : parseFloat(q[o.TableQuestionId])
                       }
                     } else {
                       isNAN = true
@@ -538,11 +675,14 @@ export default {
                       isNE = true
                     }
                   })
-                  num = this.questionForm[o.QuestionId].length === 0 ? 0 : num / this.questionForm[o.QuestionId].length
+                  num =
+                    this.questionForm[o.QuestionId].length === 0
+                      ? 0
+                      : num / this.questionForm[o.QuestionId].length
                   break
                 case 8:
                   const arr = []
-                  this.questionForm[o.QuestionId].forEach(q => {
+                  this.questionForm[o.QuestionId].forEach((q) => {
                     if (!isNaN(parseFloat(q[o.TableQuestionId]))) {
                       arr.push(q[o.TableQuestionId])
                     } else {
@@ -557,7 +697,7 @@ export default {
                   break
                 case 9:
                   const arr1 = []
-                  this.questionForm[o.QuestionId].forEach(q => {
+                  this.questionForm[o.QuestionId].forEach((q) => {
                     if (!isNaN(parseFloat(q[o.TableQuestionId]))) {
                       arr.push(q[o.TableQuestionId])
                     } else {
@@ -568,15 +708,16 @@ export default {
                     }
                   })
                   num = arr1.length === 0 ? 0 : Math.min(...arr1)
-                  break;
+                  break
                 case 15:
-                  if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
+                  if (
+                    !isNaN(parseFloat(this.questionForm[o.TableQuestionId]))
+                  ) {
                     num = Math.abs(this.questionForm[o.TableQuestionId])
-                  }
-                  else {
+                  } else {
                     isNAN = true
                   }
-                  break;
+                  break
               }
             } else {
               if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
@@ -584,7 +725,6 @@ export default {
               } else {
                 isNAN = true
               }
-
             }
           } else {
             switch (rules.CustomCalculateMark) {
@@ -627,47 +767,60 @@ export default {
                 } else {
                   isNAN = true
                 }
-                num = dataArr.length === 0 ? 0 : dataArr.reduce((acc, curr) => {
-                  return acc + (typeof curr === "number" ? curr : 0);
-                }, 0) / dataArr.length;
-                break;
+                num =
+                  dataArr.length === 0
+                    ? 0
+                    : dataArr.reduce((acc, curr) => {
+                        return acc + (typeof curr === 'number' ? curr : 0)
+                      }, 0) / dataArr.length
+                break
               case 11:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
                   dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
                 } else {
                   isNAN = true
                 }
-                num = Math.max(...dataArr);
-                break;
+                num = Math.max(...dataArr)
+                break
               case 12:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
                   dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
                 } else {
                   isNAN = true
                 }
-                num = Math.min(...dataArr);
-                break;
+                num = Math.min(...dataArr)
+                break
               case 13:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
                   dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
                 } else {
                   isNAN = true
                 }
-                num = dataArr.length === 0 ? 0 : dataArr.reduce((acc, curr) => acc && curr) ? 1 : 0
-                break;
+                num =
+                  dataArr.length === 0
+                    ? 0
+                    : dataArr.reduce((acc, curr) => acc && curr)
+                    ? 1
+                    : 0
+                break
               case 14:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
                   dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
                 } else {
                   isNAN = true
                 }
-                num = dataArr.length === 0 ? 0 : dataArr.reduce((acc, curr) => acc || curr, 0) ? 1 : 0;
-                break;
+                num =
+                  dataArr.length === 0
+                    ? 0
+                    : dataArr.reduce((acc, curr) => acc || curr, 0)
+                    ? 1
+                    : 0
+                break
               case 15:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
                   num = Math.abs(this.questionForm[o.TableQuestionId])
                 }
-                break;
+                break
             }
           }
         })
@@ -683,28 +836,36 @@ export default {
       if (rules.ValueType === 2) {
         num = num * 100
       }
-      return isNaN(num) ? '' : isFinite(num) ? num.toFixed(this.digitPlaces) : '∞'
+      return isNaN(num)
+        ? ''
+        : isFinite(num)
+        ? num.toFixed(this.digitPlaces)
+        : '∞'
     },
     getReportInfo() {
       this.loading = true
       var params = {
         visitTaskId: this.visitTaskId,
-        trialId: this.trialId
+        trialId: this.trialId,
       }
       this.taskQuestions = []
-      getReadingReportEvaluation(params).then(res => {
-        this.readingTaskState = res.Result.ReadingTaskState
-        this.answerArr = []
-        this.questions = res.Result.TaskQuestions.concat()
-        var taskQuestions = this.getQuestions(res.Result.TaskQuestions)
-        taskQuestions.forEach(item => {
-          this.$set(this.taskQuestions, this.taskQuestions.length, item)
+      getReadingReportEvaluation(params)
+        .then((res) => {
+          this.readingTaskState = res.Result.ReadingTaskState
+          this.answerArr = []
+          this.questions = res.Result.TaskQuestions.concat()
+          var taskQuestions = this.getQuestions(res.Result.TaskQuestions)
+          taskQuestions.forEach((item) => {
+            this.$set(this.taskQuestions, this.taskQuestions.length, item)
+          })
+          this.visitTaskList = res.Result.VisitTaskList
+          this.InitVisitTaskQuestionForm()
+          this.handleResize()
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
         })
-        this.visitTaskList = res.Result.VisitTaskList
-        this.InitVisitTaskQuestionForm()
-        this.handleResize()
-        this.loading = false
-      }).catch(() => { this.loading = false })
     },
     getQuestions(questions) {
       try {
@@ -713,29 +874,39 @@ export default {
           questions.forEach((item) => {
             const obj = item
             this.$set(obj, 'Answers', {})
-            item.Answer.forEach(i => {
+            item.Answer.forEach((i) => {
               if (item.DictionaryCode) {
                 if (item.Type === 'select' && item.OptionTypeEnum === 1) {
                   let val = i.Answer ? JSON.parse(i.Answer) : []
                   this.$set(obj.Answers, i.VisitTaskId, val)
                 } else {
-                  this.$set(obj.Answers, i.VisitTaskId, i.Answer ? parseInt(i.Answer) : null)
+                  this.$set(
+                    obj.Answers,
+                    i.VisitTaskId,
+                    i.Answer ? parseInt(i.Answer) : null
+                  )
                 }
 
-
                 // obj.Answers[i.VisitTaskId] = i.Answer ? parseInt(i.Answer) : null
               } else {
                 if (item.Type === 'number') {
                   let val = null
                   if (item.ValueType === 0) {
-                    val = isNaN(parseFloat(i.Answer)) ? i.Answer : parseInt(i.Answer)
+                    val = isNaN(parseFloat(i.Answer))
+                      ? i.Answer
+                      : parseInt(i.Answer)
                   } else if (item.ValueType === 3) {
                     val = i.Answer
                   } else {
-                    val = isNaN(parseFloat(i.Answer)) ? i.Answer : parseFloat(i.Answer).toFixed(this.digitPlaces)
+                    val = isNaN(parseFloat(i.Answer))
+                      ? i.Answer
+                      : parseFloat(i.Answer).toFixed(this.digitPlaces)
                   }
                   this.$set(obj.Answers, i.VisitTaskId, val)
-                } else if (item.Type === 'select' && item.OptionTypeEnum === 1) {
+                } else if (
+                  item.Type === 'select' &&
+                  item.OptionTypeEnum === 1
+                ) {
                   let val = i.Answer ? JSON.parse(i.Answer) : []
                   this.$set(obj.Answers, i.VisitTaskId, val)
                 } else {
@@ -754,7 +925,6 @@ export default {
       } catch (err) {
         console.log(err)
       }
-
     },
     handleShowDetail(val) {
       this.getReportInfo()
@@ -770,13 +940,15 @@ export default {
     verifyVisitTaskQuestions() {
       return new Promise((resolve, reject) => {
         this.loading = true
-        verifyVisitTaskQuestions({ visitTaskId: this.visitTaskId }).then(res => {
-          this.loading = false
-          resolve()
-        }).catch(() => {
-          this.loading = false
-          reject()
-        })
+        verifyVisitTaskQuestions({ visitTaskId: this.visitTaskId })
+          .then((res) => {
+            this.loading = false
+            resolve()
+          })
+          .catch(() => {
+            this.loading = false
+            reject()
+          })
       })
     },
     handleResize() {
@@ -798,9 +970,9 @@ export default {
       try {
         var params = {
           data: {
-            visitTaskId: this.visitTaskId
+            visitTaskId: this.visitTaskId,
           },
-          signInfo: signInfo
+          signInfo: signInfo,
         }
         const res = await submitDicomVisitTask(params)
         if (res.IsSuccess) {
@@ -823,12 +995,12 @@ export default {
             // '当前阅片任务已完成，是否进入下一个阅片任务？'
             this.$confirm(this.$t('trials:readingReport:message:msg4'), {
               type: 'warning',
-              distinguishCancelAndClose: true
+              distinguishCancelAndClose: true,
             })
               .then(() => {
                 window.location.reload()
               })
-              .catch(action => {
+              .catch((action) => {
                 // changeURLStatic('visitTaskId', this.visitTaskId)
               })
           }
@@ -847,16 +1019,26 @@ export default {
         this.openWindow.close()
       }
       var token = getToken()
-      var trialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
+      var trialReadingCriterionId =
+        this.$router.currentRoute.query.TrialReadingCriterionId
       // var subjectCode = this.$router.currentRoute.query.subjectCode
       var subjectCode = localStorage.getItem('subjectCode')
       var subjectId = this.$router.currentRoute.query.subjectId
       var trialId = this.$router.currentRoute.query.trialId
-      var isReadingTaskViewInOrder = this.$router.currentRoute.query.isReadingTaskViewInOrder
+      var isReadingTaskViewInOrder =
+        this.$router.currentRoute.query.isReadingTaskViewInOrder
       var criterionType = this.$router.currentRoute.query.criterionType
       var readingTool = this.$router.currentRoute.query.readingTool
       var path = `/readingDicoms?TrialReadingCriterionId=${trialReadingCriterionId}&trialId=${trialId}&subjectCode=${subjectCode}&subjectId=${subjectId}&visitTaskId=${task.VisitTaskId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&readingTool=${readingTool}&TokenKey=${token}`
       const routeData = this.$router.resolve({ path })
+      let a = document.createElement('a')
+      a.href = routeData.href
+      a.target = '_blank'
+      a.rel = 'noopener noreferrer'
+      document.body.appendChild(a)
+      a.click()
+      document.body.removeChild(a)
+      return false
       const res = await getAutoCutNextTask()
       let IsDoubleScreen = false
       if (res.IsSuccess) {
@@ -865,17 +1047,23 @@ export default {
       if (IsDoubleScreen) {
         this.openWindow = await openWindow(routeData.href)
         if (!this.openWindow) {
-          let html = `<div><span>${this.$t("trials:reading:tip:MultiScreen2")}</span><a style="color:#409EFF"
+          let html = `<div><span>${this.$t(
+            'trials:reading:tip:MultiScreen2'
+          )}</span><a style="color:#409EFF"
               href="/screen.pdf"
-              target="blank">${this.$t("trials:reading:tip:openFile")}</a></div>`
-          let confirm = await this.$confirm(html, '', { dangerouslyUseHTMLString: true })
+              target="blank">${this.$t(
+                'trials:reading:tip:openFile'
+              )}</a></div>`
+          let confirm = await this.$confirm(html, '', {
+            dangerouslyUseHTMLString: true,
+          })
           if (!confirm) return false
           this.openWindow = await openWindow(routeData.href, '', true)
         }
       } else {
-        this.openWindow = await openWindow(routeData.href, '', true, true)
+        // this.openWindow = await openWindow(routeData.href, '', true, true)
+        // this.openWindow = window.open(routeData.href, '_blank')
       }
-      // this.openWindow = window.open(routeData.href, '_blank')
     },
     handleSave(isPrompt) {
       return new Promise((resolve, reject) => {
@@ -885,13 +1073,13 @@ export default {
         for (const k in this.questionForm) {
           if (this.questionForm[k] instanceof Array) {
             this.questionForm[k].forEach((v, i) => {
-              Object.keys(v).forEach(o => {
+              Object.keys(v).forEach((o) => {
                 if (o.indexOf('_RowId') === -1) {
                   tableQuestionAnswer.push({
                     questionId: k,
                     answer: v[o],
                     tableQuestionId: o,
-                    rowId: v[o + '_RowId']
+                    rowId: v[o + '_RowId'],
                   })
                 }
               })
@@ -904,19 +1092,21 @@ export default {
         var params = {
           visitTaskId: this.visitTaskId,
           questionAnswer: answers,
-          tableQuestionAnswer: tableQuestionAnswer
+          tableQuestionAnswer: tableQuestionAnswer,
         }
-        changeCalculationAnswer(params).then(res => {
-          if (isPrompt) {
-            this.$message.success(this.$t('common:message:savedSuccessfully'))
-          }
-          // DicomEvent.$emit('refreshQuestionAnswer')
-          this.loading = false
-          resolve()
-        }).catch(() => {
-          this.loading = false
-          reject()
-        })
+        changeCalculationAnswer(params)
+          .then((res) => {
+            if (isPrompt) {
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
+            }
+            // DicomEvent.$emit('refreshQuestionAnswer')
+            this.loading = false
+            resolve()
+          })
+          .catch(() => {
+            this.loading = false
+            reject()
+          })
       })
     },
     async skipTask() {
@@ -926,7 +1116,7 @@ export default {
           this.$t('trials:readingReport:message:skipConfirm'),
           {
             type: 'warning',
-            distinguishCancelAndClose: true
+            distinguishCancelAndClose: true,
           }
         )
         if (confirm !== 'confirm') return
@@ -947,21 +1137,20 @@ export default {
       const arr = path.split('.')
       this.currentType = arr[arr.length - 1]
       // this.previewVisible = true
-      if (['.ppt',
-        '.pptx',
-        '.doc',
-        '.docx',
-        '.xls',
-        '.xlsx'].includes(`.${this.currentType.toLowerCase()}`)) {
+      if (
+        ['.ppt', '.pptx', '.doc', '.docx', '.xls', '.xlsx'].includes(
+          `.${this.currentType.toLowerCase()}`
+        )
+      ) {
         this.$onlyOffice({
           path: path,
           type: this.currentType,
-          title: this.$t('trials:readingReport:title:preview')
+          title: this.$t('trials:readingReport:title:preview'),
         })
       }
-      if (['.jpg',
-        '.jpeg',
-        '.png'].includes(`.${this.currentType.toLowerCase()}`)) {
+      if (
+        ['.jpg', '.jpeg', '.png'].includes(`.${this.currentType.toLowerCase()}`)
+      ) {
         this.$nextTick(() => {
           this.$refs['picture_perview_customizeReportPage'].$viewer.show()
         })
@@ -970,16 +1159,15 @@ export default {
         this.$preview({
           path: path,
           type: 'pdf',
-          title: this.$t('trials:readingReport:title:preview')
+          title: this.$t('trials:readingReport:title:preview'),
         })
       }
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
 .report-wrapper {
-
   height: 100%;
   // background-color: #fff;
   background-color: #000;
@@ -1022,13 +1210,13 @@ export default {
     border-color: #444444;
   }
 
-  ::v-deep .el-table__body tr>td {
+  ::v-deep .el-table__body tr > td {
     background-color: #000 !important;
     color: #fff;
     border-color: #444444;
   }
 
-  ::v-deep .el-table__body tr:hover>td {
+  ::v-deep .el-table__body tr:hover > td {
     background-color: #858282 !important;
     color: #fff;
     border-color: #444444;
@@ -1074,7 +1262,7 @@ export default {
     }
 
     .el-form-item__label {
-      color: #dfdfdf
+      color: #dfdfdf;
     }
   }
 }