diff --git a/src/api/trials/reading.js b/src/api/trials/reading.js
index 1d99fb1d..cebb8312 100644
--- a/src/api/trials/reading.js
+++ b/src/api/trials/reading.js
@@ -436,9 +436,9 @@ export function addSubjectCancelDoctorNote(params) {
   })
 }
 
-export function getSubjectCancelDoctorHistoryList(SubjectId) {
+export function getSubjectCancelDoctorHistoryList(SubjectId, TrialReadingCriterionId) {
   return request({
-    url: `/TaskAllocationRule/getSubjectCancelDoctorHistoryList?SubjectId=${SubjectId}`,
+    url: `/TaskAllocationRule/getSubjectCancelDoctorHistoryList?SubjectId=${SubjectId}&&TrialReadingCriterionId=${TrialReadingCriterionId}`,
     method: 'get'
   })
 }
diff --git a/src/components/uploadImage/index.vue b/src/components/uploadImage/index.vue
index c1901df3..05e1a81e 100644
--- a/src/components/uploadImage/index.vue
+++ b/src/components/uploadImage/index.vue
@@ -5,6 +5,7 @@
     :close-on-click-modal="false"
     custom-class="upload-dialog"
     :before-close="beforeClose"
+    class="uploadImage"
   >
     <span slot="title">{{ title }}</span>
     <el-divider content-position="left">{{
@@ -263,4 +264,7 @@ export default {
     padding-top: 15px;
   }
 }
+.uploadImage {
+  background-color: #fff;
+}
 </style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index b2eae15e..70230303 100644
--- a/src/main.js
+++ b/src/main.js
@@ -232,7 +232,6 @@ async function VueInit() {
     try {
       let data = arr || d;
       type = type || 'value';
-      console.log(data,type,key,code)
       // code === 'YesOrNo' ? console.log(d) : ''
       return data[code].find(i => {
         return i[type] === v
diff --git a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue
index d17e693e..c891d2aa 100644
--- a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue
@@ -2,56 +2,50 @@
   <div class="dicom-viewer-wrapper">
     <div class="dicom-viewer-container">
       <div class="dicom-tools">
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:layout')}`" placement="bottom">
-          <div class="tool-wrapper" @click.stop="showPanel($event)" @mouseleave="handleMouseout">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:layout')}`"
+          placement="bottom"
+        >
+          <div
+            class="tool-wrapper"
+            @click.stop="showPanel($event)"
+            @mouseleave="handleMouseout"
+          >
             <div class="dropdown">
               <div class="icon">
                 <svg-icon icon-class="layout" class="svg-icon" />
-                <i class="el-icon-arrow-down" style="color:#fff;" />
+                <i class="el-icon-arrow-down" style="color: #fff" />
               </div>
               <!-- 布局 -->
               <!-- <div class="text">{{ $t('trials:reading:button:layout') }}<i class="el-icon-caret-bottom" /></div> -->
               <div class="dropdown-content layout-content">
-                <ul style="width:50px">
+                <ul style="width: 50px">
                   <li class="flex_row" @click.stop="changeLayout('A')">
-                    <div class="layout_box_1_1">
-                      A
-                    </div>
+                    <div class="layout_box_1_1">A</div>
                   </li>
                   <li class="flex_row" @click.stop="changeLayout('A|A')">
-                    <div class="layout_box_1_1">
-                      A
-                    </div>
-                    <div class="layout_box_1_1">
-                      A
-                    </div>
+                    <div class="layout_box_1_1">A</div>
+                    <div class="layout_box_1_1">A</div>
                   </li>
-                  <li v-if="isReadingTaskViewInOrder === 1" class="flex_row" @click.stop="changeLayout('A|B')">
-                    <div class="layout_box_1_1">
-                      A
-                    </div>
-                    <div class="layout_box_1_1">
-                      B
-                    </div>
+                  <li
+                    v-if="isReadingTaskViewInOrder === 1"
+                    class="flex_row"
+                    @click.stop="changeLayout('A|B')"
+                  >
+                    <div class="layout_box_1_1">A</div>
+                    <div class="layout_box_1_1">B</div>
                   </li>
 
                   <li class="flex_column" @click.stop="changeLayout('A|A|A|A')">
-
-                    <div style="flex:1;display: flex;width:100%;">
-                      <div class="layout_box_1_2">
-                        A
-                      </div>
-                      <div class="layout_box_1_2">
-                        A
-                      </div>
+                    <div style="flex: 1; display: flex; width: 100%">
+                      <div class="layout_box_1_2">A</div>
+                      <div class="layout_box_1_2">A</div>
                     </div>
-                    <div style="flex:1;display: flex;width:100%;">
-                      <div class="layout_box_1_2">
-                        A
-                      </div>
-                      <div class="layout_box_1_2">
-                        A
-                      </div>
+                    <div style="flex: 1; display: flex; width: 100%">
+                      <div class="layout_box_1_2">A</div>
+                      <div class="layout_box_1_2">A</div>
                     </div>
                   </li>
                 </ul>
@@ -60,31 +54,45 @@
           </div>
         </el-tooltip>
 
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:wwwc')}`" placement="bottom">
-          <div class="tool-wrapper" @click.stop="showPanel($event)" @mouseleave="handleMouseout">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:wwwc')}`"
+          placement="bottom"
+        >
+          <div
+            class="tool-wrapper"
+            @click.stop="showPanel($event)"
+            @mouseleave="handleMouseout"
+          >
             <div class="dropdown">
               <div
                 class="icon"
                 data-tool="Wwwc"
-                :class="[activeTool==='Wwwc'?'tool_active':'']"
-
-                @click.prevent="setToolActive('Wwwc',false)"
+                :class="[activeTool === 'Wwwc' ? 'tool_active' : '']"
+                @click.prevent="setToolActive('Wwwc', false)"
               >
                 <svg-icon icon-class="reverse" class="svg-icon" />
-                <i class="el-icon-arrow-down" style="color:#fff;" />
+                <i class="el-icon-arrow-down" style="color: #fff" />
               </div>
               <!-- 调窗 -->
               <!-- <div class="text">{{ $t('trials:reading:button:wwwc') }}<i class="el-icon-caret-bottom" /></div> -->
               <div class="dropdown-content">
-                <ul style="width:165px;padding: 0 10px;">
-
+                <ul style="width: 165px; padding: 0 10px">
                   <li v-for="item in wwwcArr" :key="item.label">
                     <a href="#" @click.prevent="setDicomCanvasWwwc(item)">
-                      <div v-if="item.wc" style="display:flex;flex-direction: row;justify-content: space-between;">
+                      <div
+                        v-if="item.wc"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          justify-content: space-between;
+                        "
+                      >
                         <div>{{ item.label }}</div>
                         <div>{{ item.ww }}/{{ item.wc }}</div>
                       </div>
-                      <div v-else style="text-align:left;">
+                      <div v-else style="text-align: left">
                         {{ item.label }}
                       </div>
                     </a>
@@ -94,9 +102,13 @@
                   >
                     W/L {{ $t('trials:reading:title:preset') }}
                   </div> -->
-                    <el-divider v-if="item.val === 1" class="divider" content-position="center">{{ ` ${$t('trials:reading:title:preset') }` }}</el-divider>
+                    <el-divider
+                      v-if="item.val === 1"
+                      class="divider"
+                      content-position="center"
+                      >{{ ` ${$t("trials:reading:title:preset")}` }}</el-divider
+                    >
                   </li>
-
                 </ul>
               </div>
             </div>
@@ -117,71 +129,103 @@
           <div class="text">区域调窗</div>
 
         </div> -->
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:reverseColor')}`" placement="bottom">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:reverseColor')}`"
+          placement="bottom"
+        >
           <div class="tool-wrapper">
-
             <div
               class="icon"
-              :class="[activeTool==='reversecolor'?'tool_active':'']"
-
+              :class="[activeTool === 'reversecolor' ? 'tool_active' : '']"
               @click.prevent="toggleInvert"
             >
               <svg-icon icon-class="reversecolor" class="svg-icon" />
             </div>
-          <!-- 反色 -->
-          <!-- <div class="text">{{ $t('trials:reading:button:reverseColor') }}</div> -->
-
+            <!-- 反色 -->
+            <!-- <div class="text">{{ $t('trials:reading:button:reverseColor') }}</div> -->
           </div>
         </el-tooltip>
 
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:zoom')}`" placement="bottom">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:zoom')}`"
+          placement="bottom"
+        >
           <div class="tool-wrapper">
             <div
               class="icon"
-              :class="[activeTool==='Zoom'?'tool_active':'']"
+              :class="[activeTool === 'Zoom' ? 'tool_active' : '']"
               data-tool="Zoom"
-              @click.prevent="setToolActive('Zoom',false)"
+              @click.prevent="setToolActive('Zoom', false)"
             >
               <svg-icon icon-class="magnifier" class="svg-icon" />
             </div>
             <!-- 缩放 -->
-            <div class="text">{{ $t('trials:reading:button:zoom') }}</div>
+            <div class="text">{{ $t("trials:reading:button:zoom") }}</div>
           </div>
         </el-tooltip>
 
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:move')}`" placement="bottom">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:move')}`"
+          placement="bottom"
+        >
           <div class="tool-wrapper">
             <div
               class="icon"
-              :class="[activeTool==='Pan'?'tool_active':'']"
+              :class="[activeTool === 'Pan' ? 'tool_active' : '']"
               data-tool="Pan"
-              @click.prevent="setToolActive('Pan',false)"
+              @click.prevent="setToolActive('Pan', false)"
             >
               <svg-icon icon-class="move" class="svg-icon" />
             </div>
             <!-- 移动 -->
-            <div class="text">{{ $t('trials:reading:button:move') }}</div>
+            <div class="text">{{ $t("trials:reading:button:move") }}</div>
           </div>
         </el-tooltip>
 
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:rotate')}`" placement="bottom">
-          <div class="tool-wrapper" @click.stop="showPanel($event)" @mouseleave="handleMouseout">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:rotate')}`"
+          placement="bottom"
+        >
+          <div
+            class="tool-wrapper"
+            @click.stop="showPanel($event)"
+            @mouseleave="handleMouseout"
+          >
             <!-- @click.prevent="setToolActive('Rotate',false)" -->
             <div class="dropdown">
               <div
                 class="icon"
                 data-tool="Rotate"
-                :class="[activeTool==='Rotate'?'tool_active':'']"
+                :class="[activeTool === 'Rotate' ? 'tool_active' : '']"
               >
                 <svg-icon icon-class="rotate" class="svg-icon" />
-                <i class="el-icon-arrow-down" style="color:#fff;" />
+                <i class="el-icon-arrow-down" style="color: #fff" />
               </div>
               <!-- 旋转 -->
-              <div class="text">{{ $t('trials:reading:button:rotate') }}<i class="el-icon-caret-bottom" /></div>
+              <div class="text">
+                {{ $t("trials:reading:button:rotate")
+                }}<i class="el-icon-caret-bottom" />
+              </div>
               <div class="dropdown-content">
-                <ul style="width:100px;padding:0 10px;">
-                  <li v-for="rotate in rotateArr" :key="rotate.label" style="text-align:left;">
-                    <a href="#" @click.prevent="setDicomCanvasRotate(rotate.val)">{{ rotate.label }}</a>
+                <ul style="width: 100px; padding: 0 10px">
+                  <li
+                    v-for="rotate in rotateArr"
+                    :key="rotate.label"
+                    style="text-align: left"
+                  >
+                    <a
+                      href="#"
+                      @click.prevent="setDicomCanvasRotate(rotate.val)"
+                      >{{ rotate.label }}</a
+                    >
                   </li>
                 </ul>
               </div>
@@ -189,31 +233,59 @@
           </div>
         </el-tooltip>
 
-        <el-tooltip class="item" effect="dark" :content="fitType===1?`${$t('trials:reading:button:fitWindow')}`:`${$t('trials:reading:button:fitImage')}`" placement="bottom">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="
+            fitType === 1
+              ? `${$t('trials:reading:button:fitWindow')}`
+              : `${$t('trials:reading:button:fitImage')}`
+          "
+          placement="bottom"
+        >
           <div class="tool-wrapper">
             <div
               class="icon"
-              @click.prevent="fitToType(fitType===1?'fitToWindow':'fitToImage')"
+              @click.prevent="
+                fitToType(fitType === 1 ? 'fitToWindow' : 'fitToImage')
+              "
             >
-              <svg-icon v-if="fitType===1" icon-class="fitToWindow" class="svg-icon" />
+              <svg-icon
+                v-if="fitType === 1"
+                icon-class="fitToWindow"
+                class="svg-icon"
+              />
               <svg-icon v-else icon-class="fitToImage" class="svg-icon" />
             </div>
-            <div class="text">{{ fitType===1?$t('trials:reading:button:fitWindow'):$t('trials:reading:button:fitImage') }}</div>
+            <div class="text">
+              {{
+                fitType === 1
+                  ? $t("trials:reading:button:fitWindow")
+                  : $t("trials:reading:button:fitImage")
+              }}
+            </div>
           </div>
         </el-tooltip>
 
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:imageIndexSync')}`" placement="bottom">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:imageIndexSync')}`"
+          placement="bottom"
+        >
           <div class="tool-wrapper">
             <div
               class="icon"
-              :class="[isScrollSync?'tool_active':'']"
+              :class="[isScrollSync ? 'tool_active' : '']"
               @click.prevent="setImageIndexSync"
             >
               <i v-if="isScrollSync" class="el-icon-lock svg-icon" />
               <i v-else class="el-icon-unlock svg-icon" />
             </div>
             <!-- 同步 -->
-            <div class="text">{{ $t('trials:reading:button:imageIndexSync') }}</div>
+            <div class="text">
+              {{ $t("trials:reading:button:imageIndexSync") }}
+            </div>
           </div>
         </el-tooltip>
         <!--
@@ -226,40 +298,38 @@
           </div>
           <div class="text">适应图像</div>
         </div> -->
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:reading:button:screenShot')}`" placement="bottom">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:reading:button:screenShot')}`"
+          placement="bottom"
+        >
           <div class="tool-wrapper">
-            <div
-              class="icon"
-              @click.prevent="saveImage"
-            >
+            <div class="icon" @click.prevent="saveImage">
               <svg-icon icon-class="image" class="svg-icon" />
             </div>
             <!-- 截屏 -->
-            <div class="text">{{ $t('trials:reading:button:screenShot') }}</div>
+            <div class="text">{{ $t("trials:reading:button:screenShot") }}</div>
           </div>
         </el-tooltip>
 
-        <div
-          v-for="tool in measuredTools"
-          :key="tool.toolName"
-        >
+        <div v-for="tool in measuredTools" :key="tool.toolName">
           <el-tooltip class="item" effect="dark" placement="bottom">
             <div slot="content">
               <div v-if="tool.disabledReason">
-                <h4 style="margin:0;padding-bottom:2px;">{{ tool.text }}</h4>
-                <br>{{ tool.disabledReason }}
+                <h4 style="margin: 0; padding-bottom: 2px">{{ tool.text }}</h4>
+                <br />{{ tool.disabledReason }}
               </div>
               <div v-else>{{ tool.text }}</div>
-
             </div>
             <div class="tool-wrapper">
               <div
                 class="icon"
-                :class="[activeTool===tool.toolName?'tool_active':'']"
-                :style="{cursor:tool.isDisabled?'not-allowed':'pointer'}"
+                :class="[activeTool === tool.toolName ? 'tool_active' : '']"
+                :style="{ cursor: tool.isDisabled ? 'not-allowed' : 'pointer' }"
                 :data-tool="tool.toolName"
-                @click.prevent="setToolActive(tool.toolName,true,$event)"
-                @mouseenter="enter($event,tool.toolName)"
+                @click.prevent="setToolActive(tool.toolName, true, $event)"
+                @mouseenter="enter($event, tool.toolName)"
               >
                 <svg-icon :icon-class="tool.icon" class="svg-icon" />
               </div>
@@ -280,37 +350,65 @@
             <div class="text">{{ tool.text }}</div>
           </div> -->
         </div>
-        
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:dicom-show:Eraser')}`" placement="bottom">
+
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="`${$t('trials:dicom-show:Eraser')}`"
+          placement="bottom"
+        >
           <div class="tool-wrapper">
             <div
               class="icon"
-              :class="[activeTool==='Eraser'?'tool_active':'']"
+              :class="[activeTool === 'Eraser' ? 'tool_active' : '']"
               data-tool="Zoom"
-              @click.prevent="setToolActive('Eraser',false)"
+              @click.prevent="setToolActive('Eraser', false)"
             >
               <svg-icon icon-class="clear" class="svg-icon" />
             </div>
             <!-- 缩放 -->
-            <div class="text">{{ $t('trials:dicom-show:Eraser') }}</div>
+            <div class="text">{{ $t("trials:dicom-show:Eraser") }}</div>
           </div>
         </el-tooltip>
         <div class="tool-frame">
           <!-- 第一帧 -->
-          <el-tooltip class="item" effect="dark" :content="$t('trials:dicom-show:firstframe')" placement="bottom">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t('trials:dicom-show:firstframe')"
+            placement="bottom"
+          >
             <div class="icon" @click.prevent="scrollPage(-99999)">
               <svg-icon icon-class="firstframe" class="svg-icon" />
             </div>
           </el-tooltip>
           <!-- 上一帧 -->
-          <el-tooltip class="item" effect="dark" :content="$t('trials:dicom-show:previousframe')" placement="bottom">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t('trials:dicom-show:previousframe')"
+            placement="bottom"
+          >
             <div class="icon" @click.prevent="scrollPage(-1)">
               <svg-icon icon-class="previousframe" class="svg-icon" />
             </div>
           </el-tooltip>
           <!-- 播放/暂停 -->
-          <el-tooltip class="item" effect="dark" :content="clipPlaying?$t('trials:dicom-show:stop'):$t('trials:dicom-show:play')" placement="bottom">
-            <div v-if="clipPlaying" class="icon" @click.prevent="toggleClipPlay(false)">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="
+              clipPlaying
+                ? $t('trials:dicom-show:stop')
+                : $t('trials:dicom-show:play')
+            "
+            placement="bottom"
+          >
+            <div
+              v-if="clipPlaying"
+              class="icon"
+              @click.prevent="toggleClipPlay(false)"
+            >
               <svg-icon icon-class="stop" class="svg-icon" />
             </div>
             <div v-else class="icon" @click.prevent="toggleClipPlay(true)">
@@ -318,22 +416,41 @@
             </div>
           </el-tooltip>
           <!-- 下一帧 -->
-          <el-tooltip class="item" effect="dark" :content="$t('trials:dicom-show:nextframe')" placement="bottom">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t('trials:dicom-show:nextframe')"
+            placement="bottom"
+          >
             <div class="icon" @click.prevent="scrollPage(1)">
               <svg-icon icon-class="nextframe" class="svg-icon" />
             </div>
           </el-tooltip>
           <!-- 最后一帧 -->
-          <el-tooltip class="item" effect="dark" :content="$t('trials:dicom-show:lastframe')" placement="bottom">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t('trials:dicom-show:lastframe')"
+            placement="bottom"
+          >
             <div class="icon" @click.prevent="scrollPage(99999)">
               <svg-icon icon-class="lastframe" class="svg-icon" />
             </div>
           </el-tooltip>
 
-          <el-tooltip class="item" effect="dark" :content="$t('trials:dicom-show:speed')" placement="bottom">
-            <select class="select-wrapper" :disabled="clipPlaying" @change="setDicomCanvasfps($event)">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t('trials:dicom-show:speed')"
+            placement="bottom"
+          >
+            <select
+              class="select-wrapper"
+              :disabled="clipPlaying"
+              @change="setDicomCanvasfps($event)"
+            >
               <!-- 默认值 -->
-              <option :value="5">{{ $t('trials:dicom-show:default') }}</option>
+              <option :value="5">{{ $t("trials:dicom-show:default") }}</option>
               <option :value="5">5</option>
               <option :value="10">10</option>
               <option :value="15">15</option>
@@ -343,48 +460,104 @@
             </select>
           </el-tooltip>
         </div>
-        <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:reset')" placement="bottom">
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="$t('trials:reading:button:reset')"
+          placement="bottom"
+        >
           <div class="tool-wrapper">
-            <div
-              class="icon"
-              @click.prevent="resetViewport"
-            >
+            <div class="icon" @click.prevent="resetViewport">
               <svg-icon icon-class="refresh" class="svg-icon" />
             </div>
-            <div class="text">{{ $t('trials:reading:button:reset') }}</div>
+            <div class="text">{{ $t("trials:reading:button:reset") }}</div>
+          </div>
+        </el-tooltip>
+        <el-tooltip
+          v-hasPermi="['role:ir']"
+          v-if="trialCriterion.ImageUploadEnum > 0"
+          class="item"
+          effect="dark"
+          :content="$t('trials:reading:button:upload')"
+          placement="bottom"
+        >
+          <div class="tool-wrapper">
+            <div class="icon" @click.prevent="openUploadImage('upload')">
+              <i class="el-icon-upload2 svg-icon"></i>
+            </div>
+            <div class="text">{{ $t("trials:reading:button:upload") }}</div>
+          </div>
+        </el-tooltip>
+        <el-tooltip
+          v-hasPermi="[
+            'role:ir',
+            'role:mim',
+            'role:mc',
+            'role:pm',
+            'role:apm',
+            'role:ea',
+            'role:qa',
+          ]"
+          class="item"
+          effect="dark"
+          :content="$t('trials:reading:button:download')"
+          placement="bottom"
+          v-if="trialCriterion.ImageDownloadEnum > 0"
+        >
+          <div class="tool-wrapper">
+            <div class="icon" @click.prevent="openUploadImage('download')">
+              <i class="el-icon-download svg-icon"></i>
+            </div>
+            <div class="text">{{ $t("trials:reading:button:download") }}</div>
           </div>
         </el-tooltip>
 
-        <div style="margin-left:auto;">
-          <div style="padding:5px">
-            <el-button v-if="isExistsManual" type="text" @click="previewManuals">{{$t('trials:reading:button:handbooks')}}</el-button>
+        <div style="margin-left: auto">
+          <div style="padding: 5px">
+            <el-button
+              v-if="isExistsManual"
+              type="text"
+              @click="previewManuals"
+              >{{ $t("trials:reading:button:handbooks") }}</el-button
+            >
             <!-- 临床数据 -->
-            <el-button v-if="isExistsClinicalData" type="text" @click="previewCD">{{ $t('trials:reading:button:clinicalData') }}</el-button>
+            <el-button
+              v-if="isExistsClinicalData"
+              type="text"
+              @click="previewCD"
+              >{{ $t("trials:reading:button:clinicalData") }}</el-button
+            >
             <!-- <el-button v-if="isExistsNoDicomFile" type="text" @click="previewNoneDicoms">非Dicom文件</el-button> -->
 
-            <el-button type="text" @click="previewConfig">{{$t('trials:reading:button:customCfg')}}</el-button>
-
-
+            <el-button type="text" @click="previewConfig">{{
+              $t("trials:reading:button:customCfg")
+            }}</el-button>
           </div>
-
         </div>
       </div>
       <div class="dicom-viewers">
-        <div ref="container" class="viewer-container" :class="['box', `box_${layoutRow}_${layoutCol}`]">
+        <div
+          ref="container"
+          class="viewer-container"
+          :class="['box', `box_${layoutRow}_${layoutCol}`]"
+        >
           <div
             v-for="i in maxCanvas"
             :key="i"
-            :class="['item', i-1===currentDicomCanvasIndex?'item_active':'']"
-            :data-index="i-1"
-            :style="i-1===currentDicomCanvasIndex ? cornerstoneStyle : {}"
-            @click="activateDicomCanvas(i-1)"
+            :class="[
+              'item',
+              i - 1 === currentDicomCanvasIndex ? 'item_active' : '',
+            ]"
+            :data-index="i - 1"
+            :style="i - 1 === currentDicomCanvasIndex ? cornerstoneStyle : {}"
+            @click="activateDicomCanvas(i - 1)"
           >
             <dicom-canvas
               v-if="canvasW"
-              :ref="`dicomCanvas${i-1}`"
-              :style="{width:canvasW,height: canvasH}"
-              :canvas-index="i-1"
-              :is-active="i-1===currentDicomCanvasIndex"
+              :ref="`dicomCanvas${i - 1}`"
+              :style="{ width: canvasW, height: canvasH }"
+              :canvas-index="i - 1"
+              :is-active="i - 1 === currentDicomCanvasIndex"
               :is-scroll-sync="isScrollSync"
               :is-reading-show-subject-info="isReadingShowSubjectInfo"
               :is-reading-task-view-in-order="isReadingTaskViewInOrder"
@@ -394,7 +567,7 @@
               @modifyMeasureData="modifyMeasureData"
               @scrollSync="scrollSync"
               @selectViewCanvas="selectViewCanvas"
-              @setCornerstoneStyle="setCornerstoneStyle(i-1)"
+              @setCornerstoneStyle="setCornerstoneStyle(i - 1)"
               @moveMeasureData="moveMeasureData"
             />
           </div>
@@ -406,7 +579,6 @@
             :isReadingShowSubjectInfo="isReadingShowSubjectInfo"
             ref="measurementList"
           />
-
         </div>
       </div>
     </div>
@@ -431,7 +603,11 @@
     >
       <el-tabs v-model="activeName" class="personal_config">
         <el-tab-pane :label="$t('trials:reading:tab:hotkeys')" name="1">
-          <Hotkeys v-if="activeName === '1'" :reading-tool="0" @reset="resetHotkeyList" />
+          <Hotkeys
+            v-if="activeName === '1'"
+            :reading-tool="0"
+            @reset="resetHotkeyList"
+          />
         </el-tab-pane>
         <el-tab-pane :label="$t('trials:reading:tab:wlTemplate')" name="2">
           <WL v-if="activeName === '2'" @getWwcTpl="getWwcTpl" />
@@ -440,55 +616,75 @@
           <Others v-if="activeName === '3'" />
         </el-tab-pane>
       </el-tabs>
-
     </el-dialog>
     <el-dialog
       v-if="manualsDialog.visible"
       :visible.sync="manualsDialog.visible"
-      :custom-class="isFullscreen?'manuals-full-dialog-container':'manuals-dialog-container'"
+      :custom-class="
+        isFullscreen
+          ? 'manuals-full-dialog-container'
+          : 'manuals-dialog-container'
+      "
       :show-close="false"
       :close-on-click-modal="false"
       :fullscreen="isFullscreen"
     >
       <span slot="title" class="dialog-footer">
-        <span>{{$t('trials:reading:button:handbooks')}}</span>
-        <span style="position: absolute;right: 20px;font-size: 20px;">
-          <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" style="margin-right:10px;cursor: pointer;" @click="isFullscreen=!isFullscreen" />
-          <svg-icon icon-class="close" style="cursor: pointer;" @click="manualsDialog.visible = false" />
+        <span>{{ $t("trials:reading:button:handbooks") }}</span>
+        <span style="position: absolute; right: 20px; font-size: 20px">
+          <svg-icon
+            :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+            style="margin-right: 10px; cursor: pointer"
+            @click="isFullscreen = !isFullscreen"
+          />
+          <svg-icon
+            icon-class="close"
+            style="cursor: pointer"
+            @click="manualsDialog.visible = false"
+          />
         </span>
       </span>
-      <div style="height: 100%;margin:0;">
+      <div style="height: 100%; margin: 0">
         <Manuals :trial-id="trialId" />
       </div>
     </el-dialog>
-<!--    <button :title="$t('trials:dicom-show:Eraser')" class="btn-link" data-tool="Eraser" @click="setToolActive($event,'Eraser')">-->
-<!--      <svg-icon icon-class="clear" style="font-size:20px;" />-->
-<!--    </button>-->
+    <!--    <button :title="$t('trials:dicom-show:Eraser')" class="btn-link" data-tool="Eraser" @click="setToolActive($event,'Eraser')">-->
+    <!--      <svg-icon icon-class="clear" style="font-size:20px;" />-->
+    <!--    </button>-->
+    <upload-image
+      v-if="uploadImageVisible"
+      :visible.sync="uploadImageVisible"
+      :SubjectId="subjectId"
+      :Criterion="trialCriterion"
+      :status="uploadStatus"
+    />
   </div>
 </template>
 <script>
-import * as cornerstone from 'cornerstone-core'
-import * as cornerstoneMath from 'cornerstone-math'
-import * as cornerstoneTools from 'cornerstone-tools'
-import Hammer from 'hammerjs'
-cornerstoneTools.external.cornerstone = cornerstone
-cornerstoneTools.external.Hammer = Hammer
-cornerstoneTools.external.cornerstoneMath = cornerstoneMath
+import * as cornerstone from "cornerstone-core";
+import * as cornerstoneMath from "cornerstone-math";
+import * as cornerstoneTools from "cornerstone-tools";
+import Hammer from "hammerjs";
+cornerstoneTools.external.cornerstone = cornerstone;
+cornerstoneTools.external.Hammer = Hammer;
+cornerstoneTools.external.cornerstoneMath = cornerstoneMath;
 
 // import DicomCanvas from './DicomCanvas'
-import DicomCanvas from '@/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomCanvas.vue'
-import MeasurementList from './CustomizeMeasurementList'
-import CustomWwwcForm from './CustomWwwcForm'
-import Manuals from './Manuals'
-import Hotkeys from './Hotkeys'
-import WL from './WL'
-import Others from './Others'
-import DicomEvent from './../components/DicomEvent'
-import { mapGetters } from 'vuex'
-import store from '@/store'
-import { getDoctorShortcutKey,getUserWLTemplateList } from '@/api/user'
+import DicomCanvas from "@/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomCanvas.vue";
+import MeasurementList from "./CustomizeMeasurementList";
+import CustomWwwcForm from "./CustomWwwcForm";
+import Manuals from "./Manuals";
+import Hotkeys from "./Hotkeys";
+import WL from "./WL";
+import Others from "./Others";
+import DicomEvent from "./../components/DicomEvent";
+import { mapGetters } from "vuex";
+import store from "@/store";
+import { getDoctorShortcutKey, getUserWLTemplateList } from "@/api/user";
+import uploadImage from "@/components/uploadImage";
+import { getCriterionReadingInfo } from "@/api/trials";
 export default {
-  name: 'DicomViewer',
+  name: "DicomViewer",
   components: {
     DicomCanvas,
     CustomWwwcForm,
@@ -496,50 +692,67 @@ export default {
     WL,
     Others,
     Manuals,
-    MeasurementList},
+    MeasurementList,
+    "upload-image": uploadImage,
+  },
   props: {
     isExistsClinicalData: {
       type: Boolean,
-      default: false
+      default: false,
     },
     isExistsNoDicomFile: {
       type: Boolean,
-      default: false
+      default: false,
     },
     isExistsManual: {
       type: Boolean,
-      required: true
+      required: true,
     },
     isReadingShowSubjectInfo: {
       type: Boolean,
-      required: true
+      required: true,
     },
     isReadingTaskViewInOrder: {
       type: Number,
-      required: true
+      required: true,
     },
     IseCRFShowInDicomReading: {
       type: Boolean,
-      required: true
-    }
+      required: true,
+    },
+    subjectId: {
+      type: String,
+      required: true,
+      default: "",
+    },
+    trialReadingCriterionId: {
+      type: String,
+      required: true,
+      default: "",
+    },
+    trialId: {
+      type: String,
+      required: true,
+      default: "",
+    },
   },
   data() {
     return {
       cornerstoneStyle: {},
       layouts: [
-        { index: 0, row: 1, col: 1, name: 'A' },
-        { index: 1, row: 1, col: 2, name: 'A|A' },
-        { index: 2, row: 1, col: 2, name: 'A|B' },
-        { index: 3, row: 2, col: 2, name: 'A|A|A|A' }
+        { index: 0, row: 1, col: 1, name: "A" },
+        { index: 1, row: 1, col: 2, name: "A|A" },
+        { index: 2, row: 1, col: 2, name: "A|B" },
+        { index: 3, row: 2, col: 2, name: "A|A|A|A" },
         // { index: 2, row: 2, col: 1 },
         // { index: 3, row: 2, col: 2 }
       ],
       rotateArr: [
-        { label: this.$t('trials:reading:button:rotateDefault'), val: 1 }, // 默认值
-        { label: this.$t('trials:reading:button:rotateVertical'), val: 2 }, // 垂直翻转
-        { label: this.$t('trials:reading:button:rotateHorizontal'), val: 3 }, // 水平翻转
-        { label: this.$t('trials:reading:button:rotateTurnLeft'), val: 4 }, // 左转90度
-        { label: this.$t('trials:reading:button:rotateTurnRight'), val: 5 }// 右转90度
+        { label: this.$t("trials:reading:button:rotateDefault"), val: 1 }, // 默认值
+        { label: this.$t("trials:reading:button:rotateVertical"), val: 2 }, // 垂直翻转
+        { label: this.$t("trials:reading:button:rotateHorizontal"), val: 3 }, // 水平翻转
+        { label: this.$t("trials:reading:button:rotateTurnLeft"), val: 4 }, // 左转90度
+        { label: this.$t("trials:reading:button:rotateTurnRight"), val: 5 }, // 右转90度
       ],
       maxCanvas: 1,
       layoutRow: 1,
@@ -547,8 +760,8 @@ export default {
       currentDicomCanvasIndex: 0,
       currentDicomCanvas: {
         toolState: {
-          clipPlaying: false
-        }
+          clipPlaying: false,
+        },
       },
       colormapsList: [],
       rotateList: [],
@@ -556,17 +769,41 @@ export default {
       wwwcList: [],
       canvasW: null,
       canvasH: null,
-      activeTool: '',
+      activeTool: "",
       CriterionType: 0,
       measuredTools: [
         // 直径测量
-        { toolName: 'Length', text: this.$t('trials:reading:button:length'), icon: 'length', isDisabled: false, disabledReason: '' },
+        {
+          toolName: "Length",
+          text: this.$t("trials:reading:button:length"),
+          icon: "length",
+          isDisabled: false,
+          disabledReason: "",
+        },
         // 长短径测量
-        { toolName: 'Bidirectional', text: this.$t('trials:reading:button:bidirectional'), icon: 'bidirection', isDisabled: false, disabledReason: '' },
+        {
+          toolName: "Bidirectional",
+          text: this.$t("trials:reading:button:bidirectional"),
+          icon: "bidirection",
+          isDisabled: false,
+          disabledReason: "",
+        },
         // 矩形工具
-        { toolName: 'RectangleRoi', text: this.$t('trials:reading:button:rectangle'), icon: 'rectangle', isDisabled: false, disabledReason: '' },
+        {
+          toolName: "RectangleRoi",
+          text: this.$t("trials:reading:button:rectangle"),
+          icon: "rectangle",
+          isDisabled: false,
+          disabledReason: "",
+        },
         // 箭头工具
-        { toolName: 'ArrowAnnotate', text: this.$t('trials:reading:button:arrowAnnotate'), icon: 'arrow', isDisabled: false, disabledReason: '' },
+        {
+          toolName: "ArrowAnnotate",
+          text: this.$t("trials:reading:button:arrowAnnotate"),
+          icon: "arrow",
+          isDisabled: false,
+          disabledReason: "",
+        },
       ],
 
       fitType: 0,
@@ -574,173 +811,303 @@ export default {
       canvasObj: {},
       wwwcArr: [],
       defaultWwwc: [
-        { label: this.$t('trials:reading:button:wwwcDefault'), val: -1, ww: null, wc: null }, // 默认值
-        { label: this.$t('trials:reading:button:wwwcCustom'), val: 0, ww: null, wc: null }, // 自定义
-        { label: this.$t('trials:reading:button:wwwcRegion'), val: 1, ww: null, wc: null }, // 区域窗宽
-        { label: 'CT Brain', wc: 40, ww: 80 },
-        { label: 'CT Lungs', wc: -400, ww: 1500 },
-        { label: 'CT Abdomen', wc: 60, ww: 400 },
-        { label: 'CT Liver', wc: 40, ww: 400 },
-        { label: 'CT Bone', wc: 300, ww: 1500 }
-
+        {
+          label: this.$t("trials:reading:button:wwwcDefault"),
+          val: -1,
+          ww: null,
+          wc: null,
+        }, // 默认值
+        {
+          label: this.$t("trials:reading:button:wwwcCustom"),
+          val: 0,
+          ww: null,
+          wc: null,
+        }, // 自定义
+        {
+          label: this.$t("trials:reading:button:wwwcRegion"),
+          val: 1,
+          ww: null,
+          wc: null,
+        }, // 区域窗宽
+        { label: "CT Brain", wc: 40, ww: 80 },
+        { label: "CT Lungs", wc: -400, ww: 1500 },
+        { label: "CT Abdomen", wc: 60, ww: 400 },
+        { label: "CT Liver", wc: 40, ww: 400 },
+        { label: "CT Bone", wc: 300, ww: 1500 },
       ],
       activeSeries: {},
       seriesStack: [],
-      trialId: '',
+      trialId: "",
       isScrollSync: false,
       imageIndexSync: {
-        sourceCanvas: '',
-        targetCanvas: []
+        sourceCanvas: "",
+        targetCanvas: [],
       },
       isFirstRender: false,
       customWwc: { visible: false, title: null }, // 自定义调窗
-      personalConfigDialog: { visible: false, title: this.$t('trials:reading:button:customCfg') }, // 个性化配置
-      layout: '',
+      personalConfigDialog: {
+        visible: false,
+        title: this.$t("trials:reading:button:customCfg"),
+      }, // 个性化配置
+      layout: "",
       isFirstNotLinked: false,
       hotKeyList: [],
-      activeName: '1',
+      activeName: "1",
       customWwcTpl: [],
       isFullscreen: false,
       manualsDialog: { visible: false },
-      clipPlaying: false
-    }
+      clipPlaying: false,
+
+      // 上传
+      uploadImageVisible: false,
+      trialCriterion: {},
+      uploadStatus: "upload",
+    };
   },
 
   computed: {
-    ...mapGetters(['visitTaskList', 'currentReadingTaskState'])
+    ...mapGetters(["visitTaskList", "currentReadingTaskState"]),
   },
   watch: {
     currentReadingTaskState: {
       immediate: true,
       handler(val) {
-        if (val && this.currentDicomCanvasIndex && this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`]) {
-          this.canvasObj[this.currentDicomCanvasIndex].readingTaskState = val
+        if (
+          val &&
+          this.currentDicomCanvasIndex &&
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`]
+        ) {
+          this.canvasObj[this.currentDicomCanvasIndex].readingTaskState = val;
           if (this.activeTool) {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(this.activeTool)
-            this.activeTool = ''
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolEnabled(this.activeTool);
+            this.activeTool = "";
           }
         }
-      }
+      },
     },
     currentDicomCanvasIndex: {
       immediate: true,
       handler(v) {
-        if (this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`] && this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]) {
-          this.clipPlaying = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].toolState.clipPlaying
+        if (
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`] &&
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+        ) {
+          this.clipPlaying =
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].toolState.clipPlaying;
         } else {
-          this.clipPlaying = false
+          this.clipPlaying = false;
         }
-      }
-    }
+      },
+    },
   },
   mounted() {
-    this.getHotKeys()
-    this.getWwcTpl()
+    this.getTrialCriterion();
+    this.getHotKeys();
+    this.getWwcTpl();
     // cornerstone.imageCache.setMaximumSizeBytes(0)
 
-    const maximumSizeInBytes = 1024 * 1024 * 1024 // 1 GB
+    const maximumSizeInBytes = 1024 * 1024 * 1024; // 1 GB
     // const maximumSizeInBytes = 1024 * 1024 * 500
-    cornerstone.imageCache.setMaximumSizeBytes(maximumSizeInBytes)
-    this.customWwc = { visible: false, title: this.$t('trials:reading:dagTitle:wwwcCustom') }
-    this.CriterionType = parseInt(localStorage.getItem('CriterionType'))
+    cornerstone.imageCache.setMaximumSizeBytes(maximumSizeInBytes);
+    this.customWwc = {
+      visible: false,
+      title: this.$t("trials:reading:dagTitle:wwwcCustom"),
+    };
+    this.CriterionType = parseInt(localStorage.getItem("CriterionType"));
     if (this.CriterionType === 10) {
-      this.measuredTools = [{ toolName: 'ArrowAnnotate', text: this.$t('trials:reading:button:arrowAnnotate'), icon: 'arrow', isDisabled: false, disabledReason: '' }, { toolName: 'RectangleRoi', text: this.$t('trials:reading:button:rectangle'), icon: 'rectangle', isDisabled: false, disabledReason: '' }]
+      this.measuredTools = [
+        {
+          toolName: "ArrowAnnotate",
+          text: this.$t("trials:reading:button:arrowAnnotate"),
+          icon: "arrow",
+          isDisabled: false,
+          disabledReason: "",
+        },
+        {
+          toolName: "RectangleRoi",
+          text: this.$t("trials:reading:button:rectangle"),
+          icon: "rectangle",
+          isDisabled: false,
+          disabledReason: "",
+        },
+      ];
     } else if (this.CriterionType === 17) {
-      this.measuredTools = [{ toolName: 'Length', text: this.$t('trials:reading:button:length'), icon: 'length', isDisabled: false, disabledReason: '' }, { toolName: 'RectangleRoi', text: this.$t('trials:reading:button:rectangle'), icon: 'rectangle', isDisabled: false, disabledReason: '' }, { toolName: 'ArrowAnnotate', text: this.$t('trials:reading:button:arrowAnnotate'), icon: 'arrow', isDisabled: false, disabledReason: '' }]
+      this.measuredTools = [
+        {
+          toolName: "Length",
+          text: this.$t("trials:reading:button:length"),
+          icon: "length",
+          isDisabled: false,
+          disabledReason: "",
+        },
+        {
+          toolName: "RectangleRoi",
+          text: this.$t("trials:reading:button:rectangle"),
+          icon: "rectangle",
+          isDisabled: false,
+          disabledReason: "",
+        },
+        {
+          toolName: "ArrowAnnotate",
+          text: this.$t("trials:reading:button:arrowAnnotate"),
+          icon: "arrow",
+          isDisabled: false,
+          disabledReason: "",
+        },
+      ];
     }
-    this.rotateList[0] = '1'
-    this.colorList[0] = ''
-    this.wwwcList[0] = '1'
-    this.colormapsList = cornerstone.colors.getColormapsList()
-    this.currentDicomCanvas = this.$refs['dicomCanvas0'] ? this.$refs['dicomCanvas0'][0] : ''
-    this.trialId = this.$router.currentRoute.query.trialId
-    this.setCanvasStyle()
-    window.addEventListener('resize', this.setCanvasStyle)
+    this.rotateList[0] = "1";
+    this.colorList[0] = "";
+    this.wwwcList[0] = "1";
+    this.colormapsList = cornerstone.colors.getColormapsList();
+    this.currentDicomCanvas = this.$refs["dicomCanvas0"]
+      ? this.$refs["dicomCanvas0"][0]
+      : "";
+    this.trialId = this.$router.currentRoute.query.trialId;
+    this.setCanvasStyle();
+    window.addEventListener("resize", this.setCanvasStyle);
 
-    DicomEvent.$on('updateImage', (instanceId) => {
+    DicomEvent.$on("updateImage", (instanceId) => {
       for (let i = 0; i < this.maxCanvas; i++) {
-        var stack = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack
+        var stack =
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack;
         if (stack.studyId) {
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].updateImage(instanceId)
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].updateImage(instanceId);
         }
       }
-    })
-    DicomEvent.$on('getMeasureData', () => {
+    });
+    DicomEvent.$on("getMeasureData", () => {
       for (let i = 0; i < this.maxCanvas; i++) {
-        var stack = this.$refs[`dicomCanvas${i}`][0].stack
+        var stack = this.$refs[`dicomCanvas${i}`][0].stack;
         if (stack.visitTaskId) {
-          this.$refs[`dicomCanvas${i}`][0].getMeasureData()
+          this.$refs[`dicomCanvas${i}`][0].getMeasureData();
         }
       }
-      console.log('getMeasureData')
-    })
-    DicomEvent.$on('getScreenshots', (callback) => {
-      var base64Str = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].getScreenshots()
-      callback(base64Str)
-      console.log('getScreenshots')
-    })
-    DicomEvent.$on('imageLocation', measuredData => {
-      if (!measuredData) return
-      this.imageLocation(measuredData)
-      console.log('imageLocation')
-    })
-    DicomEvent.$on('setReadingState', readingTaskState => {
-      this.canvasObj[this.currentDicomCanvasIndex].readingTaskState = readingTaskState
+      console.log("getMeasureData");
+    });
+    DicomEvent.$on("getScreenshots", (callback) => {
+      var base64Str =
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].getScreenshots();
+      callback(base64Str);
+      console.log("getScreenshots");
+    });
+    DicomEvent.$on("imageLocation", (measuredData) => {
+      if (!measuredData) return;
+      this.imageLocation(measuredData);
+      console.log("imageLocation");
+    });
+    DicomEvent.$on("setReadingState", (readingTaskState) => {
+      this.canvasObj[this.currentDicomCanvasIndex].readingTaskState =
+        readingTaskState;
       if (this.activeTool) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(this.activeTool)
-        this.activeTool = ''
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].setToolEnabled(this.activeTool);
+        this.activeTool = "";
       }
-    })
-    DicomEvent.$on('PGWC3Active', res => {
-      this.setToolActive('ArrowAnnotate', true, null, 'open')
-    })
-    DicomEvent.$on('loadImageStacks', seriesList => {
-      this.loadImageStacks(seriesList)
-      console.log('loadImageStacks')
-    })
-    DicomEvent.$on('loadLinkedImageStack', seriesInfo => {
-      this.loadLinkedImageStack(seriesInfo)
-      console.log('loadLinkedImageStack')
-    })
+    });
+    DicomEvent.$on("PGWC3Active", (res) => {
+      this.setToolActive("ArrowAnnotate", true, null, "open");
+    });
+    DicomEvent.$on("loadImageStacks", (seriesList) => {
+      this.loadImageStacks(seriesList);
+      console.log("loadImageStacks");
+    });
+    DicomEvent.$on("loadLinkedImageStack", (seriesInfo) => {
+      this.loadLinkedImageStack(seriesInfo);
+      console.log("loadLinkedImageStack");
+    });
   },
   beforeDestroy() {
-    DicomEvent.$off('updateImage')
-    DicomEvent.$off('getMeasureData')
-    DicomEvent.$off('imageLocation')
-    DicomEvent.$off('setReadingState')
-    DicomEvent.$off('loadImageStacks')
-    DicomEvent.$off('loadLinkedImageStack')
+    DicomEvent.$off("updateImage");
+    DicomEvent.$off("getMeasureData");
+    DicomEvent.$off("imageLocation");
+    DicomEvent.$off("setReadingState");
+    DicomEvent.$off("loadImageStacks");
+    DicomEvent.$off("loadLinkedImageStack");
   },
   methods: {
-    getWwcTpl() {
-      const loading = this.$loading({ fullscreen: true })
-      getUserWLTemplateList().then(res => {
-        this.customWwcTpl = []
-        res.Result.map(i => {
-          this.customWwcTpl.push({ label: i.TemplateName, wc: i.WL, ww: i.WW })
+    getTrialCriterion() {
+      getCriterionReadingInfo({
+        TrialId: this.trialId,
+        TrialReadingCriterionId: this.trialReadingCriterionId,
+      })
+        .then((res) => {
+          this.trialCriterion = res.Result;
         })
-        this.wwwcArr = [...this.defaultWwwc, ...this.customWwcTpl]
-        loading.close()
-      }).catch(() => { loading.close() })
+        .catch(() => {});
+    },
+    openUploadImage(status) {
+      this.uploadStatus = status;
+      this.uploadImageVisible = true;
+    },
+    getWwcTpl() {
+      const loading = this.$loading({ fullscreen: true });
+      getUserWLTemplateList()
+        .then((res) => {
+          this.customWwcTpl = [];
+          res.Result.map((i) => {
+            this.customWwcTpl.push({
+              label: i.TemplateName,
+              wc: i.WL,
+              ww: i.WW,
+            });
+          });
+          this.wwwcArr = [...this.defaultWwwc, ...this.customWwcTpl];
+          loading.close();
+        })
+        .catch(() => {
+          loading.close();
+        });
     },
     getHotKeys() {
-      const loading = this.$loading({ fullscreen: true })
-      getDoctorShortcutKey({ imageToolType: 0 }).then(res => {
-        res.Result.map(item => {
-          this.hotKeyList.push({ id: item.Id, altKey: item.AltKey, ctrlKey: item.CtrlKey, shiftKey: item.ShiftKey, metaKey: item.MetaKey, key: item.Keyboardkey, code: item.Code, text: item.Text, shortcutKeyEnum: item.ShortcutKeyEnum })
+      const loading = this.$loading({ fullscreen: true });
+      getDoctorShortcutKey({ imageToolType: 0 })
+        .then((res) => {
+          res.Result.map((item) => {
+            this.hotKeyList.push({
+              id: item.Id,
+              altKey: item.AltKey,
+              ctrlKey: item.CtrlKey,
+              shiftKey: item.ShiftKey,
+              metaKey: item.MetaKey,
+              key: item.Keyboardkey,
+              code: item.Code,
+              text: item.Text,
+              shortcutKeyEnum: item.ShortcutKeyEnum,
+            });
+          });
+          this.bindHotKey();
+          loading.close();
         })
-        this.bindHotKey()
-        loading.close()
-      }).catch(() => {
-        loading.close()
-      })
+        .catch(() => {
+          loading.close();
+        });
     },
     resetHotkeyList(arr) {
-      this.hotKeyList = []
+      this.hotKeyList = [];
 
-      arr.map(item => {
-        this.hotKeyList.push({ id: item.id, altKey: item.keys.controlKey.altKey, ctrlKey: item.keys.controlKey.ctrlKey, shiftKey: item.keys.controlKey.shiftKey, metaKey: item.keys.controlKey.metaKey, key: item.keys.controlKey.key, code: item.keys.controlKey.code, text: item.keys.text, shortcutKeyEnum: item.label })
-      })
+      arr.map((item) => {
+        this.hotKeyList.push({
+          id: item.id,
+          altKey: item.keys.controlKey.altKey,
+          ctrlKey: item.keys.controlKey.ctrlKey,
+          shiftKey: item.keys.controlKey.shiftKey,
+          metaKey: item.keys.controlKey.metaKey,
+          key: item.keys.controlKey.key,
+          code: item.keys.controlKey.code,
+          text: item.keys.text,
+          shortcutKeyEnum: item.label,
+        });
+      });
 
       // const loading = this.$loading({ fullscreen: true })
       // getDoctorShortcutKey({ imageToolType: 0 }).then(res => {
@@ -753,441 +1120,625 @@ export default {
       // })
     },
     bindHotKey() {
-      var container = this.$refs['container']
+      var container = this.$refs["container"];
       // window.addEventListener
-      container.addEventListener('keydown', event => {
-        console.log(event)
-        event.preventDefault()
-        var idx = this.hotKeyList.findIndex(i => i.code === event.code && i.ctrlKey === event.ctrlKey && i.shiftKey === event.shiftKey && i.altKey === event.altKey)
-        if (idx === -1) return
-        var shortcutKeyEnum = this.hotKeyList[idx].shortcutKeyEnum
-        console.log(shortcutKeyEnum)
+      container.addEventListener("keydown", (event) => {
+        console.log(event);
+        event.preventDefault();
+        var idx = this.hotKeyList.findIndex(
+          (i) =>
+            i.code === event.code &&
+            i.ctrlKey === event.ctrlKey &&
+            i.shiftKey === event.shiftKey &&
+            i.altKey === event.altKey
+        );
+        if (idx === -1) return;
+        var shortcutKeyEnum = this.hotKeyList[idx].shortcutKeyEnum;
+        console.log(shortcutKeyEnum);
         if (shortcutKeyEnum === 1) {
-        // 前一图像视口
-          this.selectViewCanvas(-1)
+          // 前一图像视口
+          this.selectViewCanvas(-1);
         } else if (shortcutKeyEnum === 2) {
-        // 后一图像视口
-          this.selectViewCanvas(1)
+          // 后一图像视口
+          this.selectViewCanvas(1);
         } else if (shortcutKeyEnum === 3) {
-        // 上一个序列
-          const series = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].series
-          DicomEvent.$emit('selectSeries', { seriesId: series.seriesId, studyId: series.studyId, offset: -1 })
+          // 上一个序列
+          const series =
+            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].series;
+          DicomEvent.$emit("selectSeries", {
+            seriesId: series.seriesId,
+            studyId: series.studyId,
+            offset: -1,
+          });
         } else if (shortcutKeyEnum === 4) {
-        // 下一个序列
-          const series = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].series
-          DicomEvent.$emit('selectSeries', { seriesId: series.seriesId, studyId: series.studyId, offset: 1 })
+          // 下一个序列
+          const series =
+            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].series;
+          DicomEvent.$emit("selectSeries", {
+            seriesId: series.seriesId,
+            studyId: series.studyId,
+            offset: 1,
+          });
         } else if (shortcutKeyEnum === 5) {
-        // 上一张图像
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].scrollPage(-1)
+          // 上一张图像
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].scrollPage(-1);
         } else if (shortcutKeyEnum === 6) {
-        // 下一张图像
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].scrollPage(1)
+          // 下一张图像
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].scrollPage(1);
         } else if (shortcutKeyEnum === 7) {
-        // 向左旋转
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(false, false, -90, 4)
+          // 向左旋转
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+            false,
+            false,
+            -90,
+            4
+          );
         } else if (shortcutKeyEnum === 8) {
-        // 向右旋转
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(false, false, 90, 5)
+          // 向右旋转
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+            false,
+            false,
+            90,
+            5
+          );
         } else if (shortcutKeyEnum === 9) {
-        // 水平翻转
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(true, false, 0, 3)
+          // 水平翻转
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+            true,
+            false,
+            0,
+            3
+          );
         } else if (shortcutKeyEnum === 10) {
-        // 垂直翻转
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(false, true, 0, 2)
+          // 垂直翻转
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+            false,
+            true,
+            0,
+            2
+          );
         } else if (shortcutKeyEnum === 11) {
-        // 放大
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setZoomScale(1)
+          // 放大
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].setZoomScale(1);
         } else if (shortcutKeyEnum === 12) {
-        // 缩小
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setZoomScale(0)
+          // 缩小
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].setZoomScale(0);
         } else if (shortcutKeyEnum === 13) {
-        // 适应图像
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].fitToImage()
+          // 适应图像
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].fitToImage();
         } else if (shortcutKeyEnum === 14) {
-        // 适应窗口
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].fitToWindow()
+          // 适应窗口
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].fitToWindow();
         } else if (shortcutKeyEnum === 15) {
-        // 截图
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].saveImage()
+          // 截图
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].saveImage();
         } else if (shortcutKeyEnum === 16) {
-        // 反色
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].toggleInvert()
+          // 反色
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].toggleInvert();
         } else if (shortcutKeyEnum === 17) {
           // 窗宽/窗位
-          var wwwcArrIdx = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].wwwcArrIdx
-          var wwwcArr = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].wwwcArr
+          var wwwcArrIdx =
+            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+              .wwwcArrIdx;
+          var wwwcArr =
+            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].wwwcArr;
           if (wwwcArrIdx + 1 === wwwcArr.length) {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].wwwcArrIdx = 0
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].wwwcArrIdx = 0;
           } else {
-            ++this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].wwwcArrIdx
+            ++this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+              .wwwcArrIdx;
           }
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setWwwc(wwwcArr[wwwcArrIdx].ww, wwwcArr[wwwcArrIdx].wc)
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setWwwc(
+            wwwcArr[wwwcArrIdx].ww,
+            wwwcArr[wwwcArrIdx].wc
+          );
         } else if (shortcutKeyEnum === 18) {
           // 重置
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].resetViewport()
-        }else if (shortcutKeyEnum === 19) {
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].resetViewport();
+        } else if (shortcutKeyEnum === 19) {
           // 显示或隐藏标记
-          if (this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].readingTaskState < 2) {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setMeasureDataVisible()
+          if (
+            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+              .readingTaskState < 2
+          ) {
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setMeasureDataVisible();
           }
         }
-      })
+      });
     },
     resetViewport() {
-      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].resetViewport()
+      this.$refs[
+        `dicomCanvas${this.currentDicomCanvasIndex}`
+      ][0].resetViewport();
     },
     previewConfig() {
-      this.activeName = '1'
-      this.personalConfigDialog.visible = true
+      this.activeName = "1";
+      this.personalConfigDialog.visible = true;
     },
     setCornerstoneStyle(i) {
       if (this.cornerstoneStyle.position) {
-        this.cornerstoneStyle = {}
-        this.setCanvasStyle()
+        this.cornerstoneStyle = {};
+        this.setCanvasStyle();
       } else {
         this.cornerstoneStyle = {
-          position: 'absolute',
-          top: '72px',
-          left: '205px',
-          right: '350px',
-          zIndex: 10
-        }
-        this.canvasW = window.innerWidth - 570 + 'px'
-        this.canvasH = window.innerHeight - 130 + 'px'
+          position: "absolute",
+          top: "72px",
+          left: "205px",
+          right: "350px",
+          zIndex: 10,
+        };
+        this.canvasW = window.innerWidth - 570 + "px";
+        this.canvasH = window.innerHeight - 130 + "px";
       }
       this.$nextTick(() => {
         // this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].reloadCanvas()
         for (var i = 0; i < this.maxCanvas; i++) {
-          this.$refs[`dicomCanvas${i}`][0].reloadCanvas()
+          this.$refs[`dicomCanvas${i}`][0].reloadCanvas();
         }
-      })
+      });
     },
     loadImageStacks(seriesList) {
       if (seriesList.length === 0) {
-        const idx = this.visitTaskList.findIndex(i => i.IsCurrentTask)
+        const idx = this.visitTaskList.findIndex((i) => i.IsCurrentTask);
         if (idx > -1) {
-          store.dispatch('reading/setLastCanvasTaskId', this.visitTaskList[idx].VisitTaskId)
+          store.dispatch(
+            "reading/setLastCanvasTaskId",
+            this.visitTaskList[idx].VisitTaskId
+          );
         }
 
-        return
+        return;
       }
-      var l = seriesList.length > 1 ? 'A|B' : 'A'
-      this.layout = l
-      var i = this.layouts.findIndex(i => i.name === l)
-      var layout = this.layouts[i]
-      this.layoutRow = layout.row
-      this.layoutCol = layout.col
-      this.setCanvasStyle()
-      this.maxCanvas = layout.row * layout.col
+      var l = seriesList.length > 1 ? "A|B" : "A";
+      this.layout = l;
+      var i = this.layouts.findIndex((i) => i.name === l);
+      var layout = this.layouts[i];
+      this.layoutRow = layout.row;
+      this.layoutCol = layout.col;
+      this.setCanvasStyle();
+      this.maxCanvas = layout.row * layout.col;
       this.$nextTick(() => {
-        const elements = document.querySelectorAll('.cornerstone-element')
+        const elements = document.querySelectorAll(".cornerstone-element");
         Array.from(elements).forEach((element) => {
-          cornerstone.enable(element)
-          cornerstone.resize(element)
-        })
+          cornerstone.enable(element);
+          cornerstone.resize(element);
+        });
         seriesList.map((series, index) => {
-          this.canvasObj[index] = series
+          this.canvasObj[index] = series;
           if (series.isCurrentTask) {
-            this.currentDicomCanvasIndex = index
-            this.activeSeries = series
+            this.currentDicomCanvasIndex = index;
+            this.activeSeries = series;
 
             // this.$refs['measurementList'].initPage(series)
-            store.dispatch('reading/setActiveSeries', series)
-            store.dispatch('reading/setLastCanvasTaskId', series.visitTaskId)
+            store.dispatch("reading/setActiveSeries", series);
+            store.dispatch("reading/setLastCanvasTaskId", series.visitTaskId);
           }
-          this.$refs[`dicomCanvas${index}`][0].loadImageStack(series)
+          this.$refs[`dicomCanvas${index}`][0].loadImageStack(series);
 
           if (this.activeTool) {
             if (series.isCurrentTask && series.readingTaskState < 2) {
               this.$nextTick(() => {
-                this.$refs[`dicomCanvas${index}`][0].setToolPassive(this.activeTool)
-              })
+                this.$refs[`dicomCanvas${index}`][0].setToolPassive(
+                  this.activeTool
+                );
+              });
             } else {
               this.$nextTick(() => {
-                this.$refs[`dicomCanvas${index}`][0].setToolEnabled(this.activeTool)
-              })
+                this.$refs[`dicomCanvas${index}`][0].setToolEnabled(
+                  this.activeTool
+                );
+              });
             }
-            this.activeTool = ''
+            this.activeTool = "";
           }
-        })
-      })
+        });
+      });
     },
     loadImageStack(dicomSeries) {
-      this.clipPlaying = false
-      this.canvasObj[this.currentDicomCanvasIndex] = dicomSeries
+      this.clipPlaying = false;
+      this.canvasObj[this.currentDicomCanvasIndex] = dicomSeries;
       if (this.activeTool) {
         if (dicomSeries.isCurrentTask && dicomSeries.readingTaskState < 2) {
           this.$nextTick(() => {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolPassive(this.activeTool)
-          })
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolPassive(this.activeTool);
+          });
         } else {
           this.$nextTick(() => {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(this.activeTool)
-          })
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolEnabled(this.activeTool);
+          });
         }
-        this.activeTool = ''
+        this.activeTool = "";
       }
       this.$nextTick(() => {
-        this.activeSeries = dicomSeries
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].loadImageStack(dicomSeries)
+        this.activeSeries = dicomSeries;
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].loadImageStack(dicomSeries);
         // this.$refs['measurementList'].initPage(dicomSeries)
-        store.dispatch('reading/setActiveSeries', dicomSeries)
+        store.dispatch("reading/setActiveSeries", dicomSeries);
         if (this.currentDicomCanvasIndex === this.maxCanvas - 1) {
-          store.dispatch('reading/setLastCanvasTaskId', dicomSeries.visitTaskId)
+          store.dispatch(
+            "reading/setLastCanvasTaskId",
+            dicomSeries.visitTaskId
+          );
         }
-      })
+      });
     },
     loadLinkedImageStack(dicomSeries) {
-      this.currentDicomCanvasIndex = dicomSeries.canvasIndex
-      var canvasIndex = dicomSeries.canvasIndex
-      this.canvasObj[canvasIndex] = dicomSeries
+      this.currentDicomCanvasIndex = dicomSeries.canvasIndex;
+      var canvasIndex = dicomSeries.canvasIndex;
+      this.canvasObj[canvasIndex] = dicomSeries;
       if (this.activeTool) {
         if (dicomSeries.isCurrentTask && dicomSeries.readingTaskState < 2) {
           this.$nextTick(() => {
-            this.$refs[`dicomCanvas${canvasIndex}`][0].setToolPassive(this.activeTool)
-          })
+            this.$refs[`dicomCanvas${canvasIndex}`][0].setToolPassive(
+              this.activeTool
+            );
+          });
         } else {
           this.$nextTick(() => {
-            this.$refs[`dicomCanvas${canvasIndex}`][0].setToolEnabled(this.activeTool)
-          })
+            this.$refs[`dicomCanvas${canvasIndex}`][0].setToolEnabled(
+              this.activeTool
+            );
+          });
         }
-        this.activeTool = ''
+        this.activeTool = "";
       }
       this.$nextTick(() => {
-        this.activeSeries = dicomSeries
-        this.$refs[`dicomCanvas${canvasIndex}`][0].loadImageStack(dicomSeries)
+        this.activeSeries = dicomSeries;
+        this.$refs[`dicomCanvas${canvasIndex}`][0].loadImageStack(dicomSeries);
 
-        store.dispatch('reading/setActiveSeries', dicomSeries)
+        store.dispatch("reading/setActiveSeries", dicomSeries);
         if (this.currentDicomCanvasIndex === this.maxCanvas - 1) {
-          store.dispatch('reading/setLastCanvasTaskId', dicomSeries.visitTaskId)
+          store.dispatch(
+            "reading/setLastCanvasTaskId",
+            dicomSeries.visitTaskId
+          );
         }
-      })
+      });
     },
     // 给显示的画布设置显示的序列信息
     async getSeriesShowInCanvas(layout) {
-      var activeSeries = Object.assign({}, this.activeSeries)
-      const loading = this.$loading({ fullscreen: true })
-      if (layout.name === 'A') {
+      var activeSeries = Object.assign({}, this.activeSeries);
+      const loading = this.$loading({ fullscreen: true });
+      if (layout.name === "A") {
         // 判断当前激活窗口是否有序列信息
         if (activeSeries) {
-          this.seriesStack = [activeSeries]
-          this.currentDicomCanvasIndex = 0
-          store.dispatch('reading/setLastCanvasTaskId', activeSeries.visitTaskId)
-          await this.setCanvas(this.seriesStack)
-          loading.close()
+          this.seriesStack = [activeSeries];
+          this.currentDicomCanvasIndex = 0;
+          store.dispatch(
+            "reading/setLastCanvasTaskId",
+            activeSeries.visitTaskId
+          );
+          await this.setCanvas(this.seriesStack);
+          loading.close();
         }
-      } else if (layout.name === 'A|A') {
+      } else if (layout.name === "A|A") {
         if (activeSeries) {
-          this.seriesStack = [activeSeries, activeSeries]
-          this.currentDicomCanvasIndex = 1
-          store.dispatch('reading/setLastCanvasTaskId', activeSeries.visitTaskId)
-          await this.setCanvas(this.seriesStack)
-          loading.close()
+          this.seriesStack = [activeSeries, activeSeries];
+          this.currentDicomCanvasIndex = 1;
+          store.dispatch(
+            "reading/setLastCanvasTaskId",
+            activeSeries.visitTaskId
+          );
+          await this.setCanvas(this.seriesStack);
+          loading.close();
         }
-      } else if (layout.name === 'A|B') {
+      } else if (layout.name === "A|B") {
         if (activeSeries) {
-          const idx = this.visitTaskList.findIndex(i => i.VisitTaskId === activeSeries.visitTaskId)
-          const visitTaskNum = idx > -1 ? this.visitTaskList[idx].VisitTaskNum : -1
+          const idx = this.visitTaskList.findIndex(
+            (i) => i.VisitTaskId === activeSeries.visitTaskId
+          );
+          const visitTaskNum =
+            idx > -1 ? this.visitTaskList[idx].VisitTaskNum : -1;
           if (visitTaskNum > 0 && this.visitTaskList.length > 1) {
-            var visitTaskId = ''
+            var visitTaskId = "";
             if (this.CriterionType === 10) {
-              const i = this.visitTaskList.findIndex(i => i.VisitTaskNum === visitTaskNum - 1)
-              visitTaskId = this.visitTaskList[i].VisitTaskId
+              const i = this.visitTaskList.findIndex(
+                (i) => i.VisitTaskNum === visitTaskNum - 1
+              );
+              visitTaskId = this.visitTaskList[i].VisitTaskId;
             } else {
-              const i = this.visitTaskList.findIndex(i => i.IsBaseLineTask)
-              visitTaskId = this.visitTaskList[i].VisitTaskId
+              const i = this.visitTaskList.findIndex((i) => i.IsBaseLineTask);
+              visitTaskId = this.visitTaskList[i].VisitTaskId;
             }
-            this.getFirstSeries(activeSeries, visitTaskId).then(async baseSerires => {
-              this.seriesStack = [baseSerires, activeSeries]
-              this.currentDicomCanvasIndex = 1
-              store.dispatch('reading/setLastCanvasTaskId', activeSeries.visitTaskId)
-              await this.setCanvas(this.seriesStack)
-              loading.close()
-            })
+            this.getFirstSeries(activeSeries, visitTaskId).then(
+              async (baseSerires) => {
+                this.seriesStack = [baseSerires, activeSeries];
+                this.currentDicomCanvasIndex = 1;
+                store.dispatch(
+                  "reading/setLastCanvasTaskId",
+                  activeSeries.visitTaskId
+                );
+                await this.setCanvas(this.seriesStack);
+                loading.close();
+              }
+            );
           } else {
-            this.seriesStack = [activeSeries, activeSeries]
-            this.currentDicomCanvasIndex = 1
-            store.dispatch('reading/setLastCanvasTaskId', activeSeries.visitTaskId)
-            await this.setCanvas(this.seriesStack)
-            loading.close()
+            this.seriesStack = [activeSeries, activeSeries];
+            this.currentDicomCanvasIndex = 1;
+            store.dispatch(
+              "reading/setLastCanvasTaskId",
+              activeSeries.visitTaskId
+            );
+            await this.setCanvas(this.seriesStack);
+            loading.close();
           }
         }
-      } else if (layout.name === 'A|A|A|A') {
+      } else if (layout.name === "A|A|A|A") {
         if (activeSeries) {
-          this.seriesStack = [activeSeries, activeSeries, activeSeries, activeSeries]
-          this.currentDicomCanvasIndex = 3
-          store.dispatch('reading/setLastCanvasTaskId', activeSeries.visitTaskId)
-          await this.setCanvas(this.seriesStack)
-          loading.close()
+          this.seriesStack = [
+            activeSeries,
+            activeSeries,
+            activeSeries,
+            activeSeries,
+          ];
+          this.currentDicomCanvasIndex = 3;
+          store.dispatch(
+            "reading/setLastCanvasTaskId",
+            activeSeries.visitTaskId
+          );
+          await this.setCanvas(this.seriesStack);
+          loading.close();
         }
       }
     },
     // 设置画布序列信息
     setCanvas(seriesStack) {
-      return new Promise(resolve => {
-        var promiseArr = []
+      return new Promise((resolve) => {
+        var promiseArr = [];
         for (let i = 0; i < this.maxCanvas && i < seriesStack.length; i++) {
-          this.canvasObj[i] = seriesStack[i]
-          promiseArr.push(this.$refs[`dicomCanvas${i}`][0].loadImageStack(seriesStack[i]))
+          this.canvasObj[i] = seriesStack[i];
+          promiseArr.push(
+            this.$refs[`dicomCanvas${i}`][0].loadImageStack(seriesStack[i])
+          );
         }
-        Promise.all(promiseArr).then(() => {
-          // this.activateDicomCanvas(this.currentDicomCanvasIndex)
-          resolve()
-        }).catch(() => { resolve() })
-      })
+        Promise.all(promiseArr)
+          .then(() => {
+            // this.activateDicomCanvas(this.currentDicomCanvasIndex)
+            resolve();
+          })
+          .catch(() => {
+            resolve();
+          });
+      });
     },
     // 根据病灶标识定位图像
 
     // 最后一个窗口显示当前访视下病灶所在的影像序列
     // 其他窗口显示该病灶第一次出现的序列信息
     async imageLocation(obj) {
-      var loading = null
-      var loadImagePromises = []
-      var isScrollSync = this.isScrollSync
+      var loading = null;
+      var loadImagePromises = [];
+      var isScrollSync = this.isScrollSync;
       if (this.isScrollSync) {
         // 取消滚动同步
-        this.isScrollSync = false
+        this.isScrollSync = false;
       }
 
-      var activeCanvasTaskId = obj.visitTaskId
+      var activeCanvasTaskId = obj.visitTaskId;
 
-      var index = this.visitTaskList.findIndex(i => i.VisitTaskId === activeCanvasTaskId)
-      if (index === -1) return
+      var index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === activeCanvasTaskId
+      );
+      if (index === -1) return;
 
-      var firstAddSeries = null
-      var currentAddSeries = null
+      var firstAddSeries = null;
+      var currentAddSeries = null;
       if (this.isReadingTaskViewInOrder === 1) {
         // 有序
         // 获取病灶第一次出现的访视序列
-        var firstAddVisitTaskId = null
-        var idx = this.visitTaskList[index].MeasureData.findIndex(item => {
-          return item.OrderMarkName === obj.lesionName
-        })
+        var firstAddVisitTaskId = null;
+        var idx = this.visitTaskList[index].MeasureData.findIndex((item) => {
+          return item.OrderMarkName === obj.lesionName;
+        });
         if (idx > -1) {
-          firstAddVisitTaskId = this.visitTaskList[index].MeasureData[idx].FristAddTaskId
+          firstAddVisitTaskId =
+            this.visitTaskList[index].MeasureData[idx].FristAddTaskId;
         }
         if (firstAddVisitTaskId) {
-          var taskIdx = this.visitTaskList.findIndex(i => i.VisitTaskId === firstAddVisitTaskId)
+          var taskIdx = this.visitTaskList.findIndex(
+            (i) => i.VisitTaskId === firstAddVisitTaskId
+          );
           if (taskIdx > -1 && !this.visitTaskList[taskIdx].IsInit) {
-            loading = this.$loading({ fullscreen: true })
+            loading = this.$loading({ fullscreen: true });
             if (!this.visitTaskList[taskIdx].measureDataInit) {
-              await store.dispatch('reading/getMeasuredData', this.visitTaskList[taskIdx].VisitTaskId)
+              await store.dispatch(
+                "reading/getMeasuredData",
+                this.visitTaskList[taskIdx].VisitTaskId
+              );
             }
             if (!this.visitTaskList[taskIdx].studyListInit) {
-              await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[taskIdx].VisitId, visitTaskId: this.visitTaskList[taskIdx].VisitTaskId, taskBlindName: this.visitTaskList[taskIdx].TaskBlindName })
+              await store.dispatch("reading/getStudyInfo", {
+                trialId: this.trialId,
+                subjectVisitId: this.visitTaskList[taskIdx].VisitId,
+                visitTaskId: this.visitTaskList[taskIdx].VisitTaskId,
+                taskBlindName: this.visitTaskList[taskIdx].TaskBlindName,
+              });
             }
             if (!this.visitTaskList[taskIdx].readingQuestionsInit) {
-              await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[taskIdx].VisitTaskId })
+              await store.dispatch("reading/getReadingQuestionAndAnswer", {
+                trialId: this.trialId,
+                visitTaskId: this.visitTaskList[taskIdx].VisitTaskId,
+              });
             }
             if (!this.visitTaskList[taskIdx].questionsInit) {
-              await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[taskIdx].VisitTaskId })
+              await store.dispatch("reading/getDicomReadingQuestionAnswer", {
+                trialId: this.trialId,
+                visitTaskId: this.visitTaskList[taskIdx].VisitTaskId,
+              });
             }
 
-            await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[taskIdx].VisitTaskId })
+            await store.dispatch("reading/setStatus", {
+              visitTaskId: this.visitTaskList[taskIdx].VisitTaskId,
+            });
           }
-          firstAddSeries = this.getSeriesInfoByMark(firstAddVisitTaskId, obj)
+          firstAddSeries = this.getSeriesInfoByMark(firstAddVisitTaskId, obj);
         }
 
         // 获取当前访视病灶所在的序列
-        currentAddSeries = this.getSeriesInfoByMark(activeCanvasTaskId, obj)
+        currentAddSeries = this.getSeriesInfoByMark(activeCanvasTaskId, obj);
         if (!firstAddSeries && currentAddSeries) {
-        // 存在首次出现的病灶及当前病灶
-          firstAddSeries = currentAddSeries
+          // 存在首次出现的病灶及当前病灶
+          firstAddSeries = currentAddSeries;
         } else if (!firstAddSeries && !currentAddSeries) {
-        // 当前新病灶，且未画标记则显示当前的序列信息，不做处理
-        loading && loading.close()
-          return
+          // 当前新病灶，且未画标记则显示当前的序列信息，不做处理
+          loading && loading.close();
+          return;
         } else if (firstAddSeries && !currentAddSeries) {
-        // 当前访视序列与首次出现病灶的序列对齐
-          currentAddSeries = this.getLinkedSeries(firstAddSeries, activeCanvasTaskId)
+          // 当前访视序列与首次出现病灶的序列对齐
+          currentAddSeries = this.getLinkedSeries(
+            firstAddSeries,
+            activeCanvasTaskId
+          );
           if (!currentAddSeries) {
-          // 未找到对齐的，则就显示当前最后一个窗口现实的序列信息
-            currentAddSeries = this.$refs[`dicomCanvas${this.maxCanvas - 1}`][0].series
+            // 未找到对齐的，则就显示当前最后一个窗口现实的序列信息
+            currentAddSeries =
+              this.$refs[`dicomCanvas${this.maxCanvas - 1}`][0].series;
           }
         }
       } else {
         // 无序
-        currentAddSeries = this.getSeriesInfoByMark(activeCanvasTaskId, obj)
+        currentAddSeries = this.getSeriesInfoByMark(activeCanvasTaskId, obj);
         if (!currentAddSeries) {
           // 未找到对齐的，则就显示当前最后一个窗口现实的序列信息
-          currentAddSeries = this.$refs[`dicomCanvas${this.maxCanvas - 1}`][0].series
+          currentAddSeries =
+            this.$refs[`dicomCanvas${this.maxCanvas - 1}`][0].series;
         }
-        firstAddSeries = currentAddSeries
+        firstAddSeries = currentAddSeries;
       }
 
       for (let i = 0; i < this.maxCanvas; i++) {
         if (i === this.maxCanvas - 1) {
-          loadImagePromises.push(this.$refs[`dicomCanvas${i}`][0].loadImageStack(currentAddSeries))
-          this.currentDicomCanvasIndex = i
-          this.activeSeries = currentAddSeries
-          store.dispatch('reading/setActiveSeries', currentAddSeries)
+          loadImagePromises.push(
+            this.$refs[`dicomCanvas${i}`][0].loadImageStack(currentAddSeries)
+          );
+          this.currentDicomCanvasIndex = i;
+          this.activeSeries = currentAddSeries;
+          store.dispatch("reading/setActiveSeries", currentAddSeries);
         } else {
-          loadImagePromises.push(this.$refs[`dicomCanvas${i}`][0].loadImageStack(firstAddSeries))
+          loadImagePromises.push(
+            this.$refs[`dicomCanvas${i}`][0].loadImageStack(firstAddSeries)
+          );
         }
       }
-      Promise.all(loadImagePromises)
-        .then(() => {
-          this.isScrollSync = isScrollSync
-        })
+      Promise.all(loadImagePromises).then(() => {
+        this.isScrollSync = isScrollSync;
+      });
       if (loading) {
-        loading.close()
+        loading.close();
       }
     },
     selectViewCanvas(offset) {
-      var canvasIndex = this.currentDicomCanvasIndex + offset
-      if (canvasIndex < 0 || canvasIndex >= this.maxCanvas) return
-      this.activateDicomCanvas(canvasIndex)
+      var canvasIndex = this.currentDicomCanvasIndex + offset;
+      if (canvasIndex < 0 || canvasIndex >= this.maxCanvas) return;
+      this.activateDicomCanvas(canvasIndex);
     },
     // 根据标记获取标记所在的序列信息
     getSeriesInfoByMark(visitTaskId, obj) {
-      var seriesInfo = null
+      var seriesInfo = null;
       // 根据任务ID测量病灶信息
-      var index = this.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskId)
+      var index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === visitTaskId
+      );
 
       if (index > -1) {
-        var idx = -1
+        var idx = -1;
         if (this.CriterionType === 10) {
-          idx = this.visitTaskList[index].MeasureData.findIndex(item => item.OrderMarkName === obj.lesionName)
+          idx = this.visitTaskList[index].MeasureData.findIndex(
+            (item) => item.OrderMarkName === obj.lesionName
+          );
         } else {
-          idx = this.visitTaskList[index].MeasureData.findIndex(item => item.QuestionId === obj.questionId && item.RowIndex === obj.rowIndex)
+          idx = this.visitTaskList[index].MeasureData.findIndex(
+            (item) =>
+              item.QuestionId === obj.questionId &&
+              item.RowIndex === obj.rowIndex
+          );
         }
-        if (idx > -1 && this.visitTaskList[index].MeasureData[idx].MeasureData) {
-          var studyList = this.visitTaskList[index].StudyList
-          var studyId = this.visitTaskList[index].MeasureData[idx].StudyId
-          var seriesId = this.visitTaskList[index].MeasureData[idx].SeriesId
-          var instanceId = this.visitTaskList[index].MeasureData[idx].InstanceId
-          var studyIdx = studyList.findIndex(study => study.StudyId === studyId)
+        if (
+          idx > -1 &&
+          this.visitTaskList[index].MeasureData[idx].MeasureData
+        ) {
+          var studyList = this.visitTaskList[index].StudyList;
+          var studyId = this.visitTaskList[index].MeasureData[idx].StudyId;
+          var seriesId = this.visitTaskList[index].MeasureData[idx].SeriesId;
+          var instanceId =
+            this.visitTaskList[index].MeasureData[idx].InstanceId;
+          var studyIdx = studyList.findIndex(
+            (study) => study.StudyId === studyId
+          );
           if (studyIdx > -1) {
-            var seriesIdx = studyList[studyIdx].SeriesList.findIndex(s => s.seriesId === seriesId)
+            var seriesIdx = studyList[studyIdx].SeriesList.findIndex(
+              (s) => s.seriesId === seriesId
+            );
             if (seriesIdx > -1) {
-              var series = studyList[studyIdx].SeriesList[seriesIdx]
-              var instanceIdx = series.instanceList.findIndex(imageId => !!~imageId.indexOf(instanceId))
+              var series = studyList[studyIdx].SeriesList[seriesIdx];
+              var instanceIdx = series.instanceList.findIndex(
+                (imageId) => !!~imageId.indexOf(instanceId)
+              );
               if (instanceIdx > -1) {
-                series.imageIdIndex = instanceIdx
-                seriesInfo = series
+                series.imageIdIndex = instanceIdx;
+                seriesInfo = series;
               }
             }
           }
         }
       }
-      return seriesInfo
+      return seriesInfo;
     },
     getLinkedSeries(baseSeries, visitTaskId) {
-      var index = this.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskId)
-      var visitTaskInfo = this.visitTaskList[index]
-      var obj = null
-      var studyList = visitTaskInfo.StudyList
+      var index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === visitTaskId
+      );
+      var visitTaskInfo = this.visitTaskList[index];
+      var obj = null;
+      var studyList = visitTaskInfo.StudyList;
       // 查找筛选描述一致
-      var seriesList = studyList.map(s => s.SeriesList).flat()
+      var seriesList = studyList.map((s) => s.SeriesList).flat();
       var similarArr = seriesList.map((i, index) => {
-        return { similar: this.strSimilarity2Percent(i.description, baseSeries.description), index }
-      })
+        return {
+          similar: this.strSimilarity2Percent(
+            i.description,
+            baseSeries.description
+          ),
+          index,
+        };
+      });
       similarArr = similarArr.sort((a, b) => {
-        return b.similar - a.similar
-      })
-      const i = similarArr[0] && similarArr[0].similar > 0.85 ? similarArr[0].index : -1
+        return b.similar - a.similar;
+      });
+      const i =
+        similarArr[0] && similarArr[0].similar > 0.85
+          ? similarArr[0].index
+          : -1;
       if (i > -1) {
-        obj = seriesList[i]
+        obj = seriesList[i];
       }
       // if (!obj) {
       //   // 描述不一致,则筛选层厚一致
@@ -1201,68 +1752,96 @@ export default {
       // }
 
       if (obj) {
-        let index = Math.floor(obj.imageIds.length * ((baseSeries.imageIdIndex+1) / baseSeries.instanceCount))
-        obj.imageIdIndex = index > 0 ? index - 1 : 0
+        let index = Math.floor(
+          obj.imageIds.length *
+            ((baseSeries.imageIdIndex + 1) / baseSeries.instanceCount)
+        );
+        obj.imageIdIndex = index > 0 ? index - 1 : 0;
       }
-      return obj
+      return obj;
     },
     strSimilarity2Number(s, t) {
-      var n = s.length; var m = t.length; var d = []
-      var i, j, s_i, t_j, cost
-      if (n === 0) return m
-      if (m === 0) return n
+      var n = s.length;
+      var m = t.length;
+      var d = [];
+      var i, j, s_i, t_j, cost;
+      if (n === 0) return m;
+      if (m === 0) return n;
       for (i = 0; i <= n; i++) {
-        d[i] = []
-        d[i][0] = i
+        d[i] = [];
+        d[i][0] = i;
       }
       for (j = 0; j <= m; j++) {
-        d[0][j] = j
+        d[0][j] = j;
       }
       for (i = 1; i <= n; i++) {
-        s_i = s.charAt(i - 1)
+        s_i = s.charAt(i - 1);
         for (j = 1; j <= m; j++) {
-          t_j = t.charAt(j - 1)
+          t_j = t.charAt(j - 1);
           if (s_i === t_j) {
-            cost = 0
+            cost = 0;
           } else {
-            cost = 1
+            cost = 1;
           }
-          d[i][j] = this.Minimum(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + cost)
+          d[i][j] = this.Minimum(
+            d[i - 1][j] + 1,
+            d[i][j - 1] + 1,
+            d[i - 1][j - 1] + cost
+          );
         }
       }
-      return d[n][m]
+      return d[n][m];
     },
     // 两个字符串的相似程度，并返回相似度百分比
     strSimilarity2Percent(s, t) {
-      var l = s.length > t.length ? s.length : t.length
-      var d = this.strSimilarity2Number(s, t)
-      return Number((1 - d / l).toFixed(4))
+      var l = s.length > t.length ? s.length : t.length;
+      var d = this.strSimilarity2Number(s, t);
+      return Number((1 - d / l).toFixed(4));
     },
     Minimum(a, b, c) {
-      return a < b ? (a < c ? a : c) : (b < c ? b : c)
+      return a < b ? (a < c ? a : c) : b < c ? b : c;
     },
     // 获取某个任务下可对齐的序列信息
     async getFirstSeries(baseSeries, visitTaskId) {
-      var index = this.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskId)
+      var index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === visitTaskId
+      );
       if (!this.visitTaskList[index].studyListInit) {
-        await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName })
+        await store.dispatch("reading/getStudyInfo", {
+          trialId: this.trialId,
+          subjectVisitId: this.visitTaskList[index].VisitId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+          taskBlindName: this.visitTaskList[index].TaskBlindName,
+        });
 
-        await store.dispatch('reading/getMeasuredData', this.visitTaskList[index].VisitTaskId)
+        await store.dispatch(
+          "reading/getMeasuredData",
+          this.visitTaskList[index].VisitTaskId
+        );
       }
-      var visitTaskInfo = this.visitTaskList[index]
-      var obj = null
-      var studyList = visitTaskInfo.StudyList
+      var visitTaskInfo = this.visitTaskList[index];
+      var obj = null;
+      var studyList = visitTaskInfo.StudyList;
       // 查找筛选描述一致
-      var seriesList = studyList.map(s => s.SeriesList).flat()
+      var seriesList = studyList.map((s) => s.SeriesList).flat();
       var similarArr = seriesList.map((i, index) => {
-        return { similar: this.strSimilarity2Percent(i.description, baseSeries.description), index }
-      })
+        return {
+          similar: this.strSimilarity2Percent(
+            i.description,
+            baseSeries.description
+          ),
+          index,
+        };
+      });
       similarArr = similarArr.sort((a, b) => {
-        return b.similar - a.similar
-      })
-      const i = similarArr[0] && similarArr[0].similar > 0.85 ? similarArr[0].index : -1
+        return b.similar - a.similar;
+      });
+      const i =
+        similarArr[0] && similarArr[0].similar > 0.85
+          ? similarArr[0].index
+          : -1;
       if (i > -1) {
-        obj = seriesList[i]
+        obj = seriesList[i];
       }
       // if (!obj) {
       //   // 描述不一致,则筛选层厚一致
@@ -1276,327 +1855,435 @@ export default {
       // }
       if (!obj) {
         // 都不符合要求， 判断是否存在层厚为5的序列，否则显示第一个检查的第一个序列
-        const idx = seriesList.findIndex(series => series.isDicom && parseInt(series.instanceCount) === 5)
-        idx > -1 ? obj = seriesList[idx] : obj = seriesList[0]
+        const idx = seriesList.findIndex(
+          (series) => series.isDicom && parseInt(series.instanceCount) === 5
+        );
+        idx > -1 ? (obj = seriesList[idx]) : (obj = seriesList[0]);
       }
 
       if (obj) {
-        let index = Math.floor(obj.imageIds.length * ((baseSeries.imageIdIndex + 1) / baseSeries.instanceCount))
-        obj.imageIdIndex = index > 0 ? index - 1 : 0
+        let index = Math.floor(
+          obj.imageIds.length *
+            ((baseSeries.imageIdIndex + 1) / baseSeries.instanceCount)
+        );
+        obj.imageIdIndex = index > 0 ? index - 1 : 0;
       }
-      return obj
+      return obj;
     },
 
     // 设置画布大小
     setCanvasStyle() {
-      this.canvasW = (window.innerWidth - 570) / this.layoutCol + 'px'
-      this.canvasH = (window.innerHeight - 130) / this.layoutRow + 'px'
+      this.canvasW = (window.innerWidth - 570) / this.layoutCol + "px";
+      this.canvasH = (window.innerHeight - 130) / this.layoutRow + "px";
     },
     // 切换布局
     changeLayout(name) {
       if (this.activeTool) {
-        if (this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].isCurrentTask && this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].readingTaskState < 2) {
+        if (
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+            .isCurrentTask &&
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+            .readingTaskState < 2
+        ) {
           this.$nextTick(() => {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolPassive(this.activeTool)
-          })
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolPassive(this.activeTool);
+          });
         } else {
           this.$nextTick(() => {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(this.activeTool)
-          })
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolEnabled(this.activeTool);
+          });
         }
-        this.activeTool = ''
+        this.activeTool = "";
       }
-      this.isScrollSync = false
-      this.activeSeries = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack
-      this.layout = name
-      var i = this.layouts.findIndex(i => i.name === name)
-      var layout = this.layouts[i]
-      this.layoutRow = layout.row
-      this.layoutCol = layout.col
-      this.setCanvasStyle()
-      this.maxCanvas = layout.row * layout.col
+      this.isScrollSync = false;
+      this.activeSeries =
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack;
+      this.layout = name;
+      var i = this.layouts.findIndex((i) => i.name === name);
+      var layout = this.layouts[i];
+      this.layoutRow = layout.row;
+      this.layoutCol = layout.col;
+      this.setCanvasStyle();
+      this.maxCanvas = layout.row * layout.col;
       this.$nextTick(() => {
-        const elements = document.querySelectorAll('.cornerstone-element')
+        const elements = document.querySelectorAll(".cornerstone-element");
         Array.from(elements).forEach((element) => {
-          cornerstone.enable(element)
-          cornerstone.resize(element)
-        })
-        this.getSeriesShowInCanvas(layout)
-        this.cornerstoneStyle = {}
-        this.setCanvasStyle()
-      })
+          cornerstone.enable(element);
+          cornerstone.resize(element);
+        });
+        this.getSeriesShowInCanvas(layout);
+        this.cornerstoneStyle = {};
+        this.setCanvasStyle();
+      });
     },
     // 更新画布
     updateCanvas(measureData) {
       for (let i = 0; i < this.maxCanvas; i++) {
-        var stack = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack
+        var stack =
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack;
         if (stack.studyId) {
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].removeToolState(measureData)
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].removeToolState(measureData);
         }
       }
     },
     // 旋转
     setDicomCanvasRotate(value) {
-      const type = parseInt(value)
+      const type = parseInt(value);
       if (type === 1) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].resetRotate()
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].resetRotate();
       } else if (type === 2) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(false, true, 0, type)
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+          false,
+          true,
+          0,
+          type
+        );
       } else if (type === 3) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(true, false, 0, type)
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+          true,
+          false,
+          0,
+          type
+        );
       } else if (type === 4) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(false, false, -90, type)
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+          false,
+          false,
+          -90,
+          type
+        );
       } else if (type === 5) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(false, false, 90, type)
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setRotate(
+          false,
+          false,
+          90,
+          type
+        );
       }
     },
     // 激活画布
     activateDicomCanvas(index) {
-      console.log('激活画布')
+      console.log("激活画布");
 
       if (index !== this.currentDicomCanvasIndex) {
-        this.currentDicomCanvasIndex = index
+        this.currentDicomCanvasIndex = index;
         // var dicomSeries = this.canvasObj[this.currentDicomCanvasIndex]
-        var dicomSeries = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack
-        this.activeSeries = dicomSeries
+        var dicomSeries =
+          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack;
+        this.activeSeries = dicomSeries;
         for (let i = 0; i < this.maxCanvas; i++) {
           if (this.activeTool) {
-            var series = this.$refs[`dicomCanvas${i}`][0].stack
+            var series = this.$refs[`dicomCanvas${i}`][0].stack;
             if (series.isCurrentTask && series.readingTaskState < 2) {
-              this.$refs[`dicomCanvas${i}`][0].setToolPassive(this.activeTool)
+              this.$refs[`dicomCanvas${i}`][0].setToolPassive(this.activeTool);
             } else {
-              this.$refs[`dicomCanvas${i}`][0].setToolEnabled(this.activeTool)
+              this.$refs[`dicomCanvas${i}`][0].setToolEnabled(this.activeTool);
             }
           }
         }
-        this.activeTool = ''
-        this.isScrollSync = false
-        this.currentDicomCanvasIndex = index
-        this.currentDicomCanvas = this.$refs[`dicomCanvas${index}`]
-        this.currentDicomCanvas.tabIndex = 0
+        this.activeTool = "";
+        this.isScrollSync = false;
+        this.currentDicomCanvasIndex = index;
+        this.currentDicomCanvas = this.$refs[`dicomCanvas${index}`];
+        this.currentDicomCanvas.tabIndex = 0;
         if (!this.rotateList[this.currentDicomCanvasIndex]) {
-          this.rotateList[this.currentDicomCanvasIndex] = '1'
+          this.rotateList[this.currentDicomCanvasIndex] = "1";
         }
         if (!this.colorList[this.currentDicomCanvasIndex]) {
-          this.colorList[this.currentDicomCanvasIndex] = ''
+          this.colorList[this.currentDicomCanvasIndex] = "";
         }
         if (!this.wwwcList[this.currentDicomCanvasIndex]) {
-          this.wwwcList[this.currentDicomCanvasIndex] = '1'
+          this.wwwcList[this.currentDicomCanvasIndex] = "1";
         }
         // var stack = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].stack
-        this.$refs['container'].focus()
+        this.$refs["container"].focus();
         // if (stack.studyId) {
         //   DicomEvent.$emit('toggleVisitList', stack)
         // }
-        store.dispatch('reading/setActiveSeries', dicomSeries)
+        store.dispatch("reading/setActiveSeries", dicomSeries);
       }
     },
     // 鼠标移入测量工具时，判断工具是否可激活
     enter(e, toolName) {
-      var i = this.measuredTools.findIndex(item => item.toolName === toolName)
-      if (i === -1) return
-      var isCurrentTask = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].isCurrentTask
-      var readingTaskState = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].readingTaskState
+      var i = this.measuredTools.findIndex(
+        (item) => item.toolName === toolName
+      );
+      if (i === -1) return;
+      var isCurrentTask =
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+          .isCurrentTask;
+      var readingTaskState =
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0]
+          .readingTaskState;
       if (!isCurrentTask || readingTaskState >= 2) {
-        this.measuredTools[i].isDisabled = true
-        e.target.style.cursor = 'not-allowed'
+        this.measuredTools[i].isDisabled = true;
+        e.target.style.cursor = "not-allowed";
         if (this.activeTool) {
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(toolName)
-          this.activeTool = ''
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].setToolEnabled(toolName);
+          this.activeTool = "";
         }
       } else {
-        this.measuredTools[i].isDisabled = false
-        e.target.style.cursor = 'pointer'
+        this.measuredTools[i].isDisabled = false;
+        e.target.style.cursor = "pointer";
       }
     },
     // 设置测量工具启用(不会对输入作出反应)
     setToolActive(toolName, isMeasuredTool, e, type) {
-      console.log('setToolActive', toolName)
+      console.log("setToolActive", toolName);
       if (isMeasuredTool) {
         // var i = this.measuredTools.findIndex(item => item.toolName === toolName)
         // if (i === -1 && this.measuredTools[i].isDisabled) return
 
-        var toolObj = this.measuredTools.find(i => i.toolName === toolName)
-        if (!toolObj || toolObj.isDisabled) return
-        var dicomSeries = this.canvasObj[this.currentDicomCanvasIndex]
-        if (dicomSeries.isCurrentTask && isMeasuredTool && dicomSeries.readingTaskState < 2) {
+        var toolObj = this.measuredTools.find((i) => i.toolName === toolName);
+        if (!toolObj || toolObj.isDisabled) return;
+        var dicomSeries = this.canvasObj[this.currentDicomCanvasIndex];
+        if (
+          dicomSeries.isCurrentTask &&
+          isMeasuredTool &&
+          dicomSeries.readingTaskState < 2
+        ) {
           if (this.activeTool && !type) {
-            console.log(1111122222)
-            this.measuredTools.forEach(item => {
-              this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolPassive(item.toolName)
-            })
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolPassive(toolName)
+            console.log(1111122222);
+            this.measuredTools.forEach((item) => {
+              this.$refs[
+                `dicomCanvas${this.currentDicomCanvasIndex}`
+              ][0].setToolPassive(item.toolName);
+            });
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolPassive(toolName);
             // this.activeTool = ''
-            this.activeTool = toolName
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolActive(toolName)
+            this.activeTool = toolName;
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolActive(toolName);
           } else {
-            console.log(222233333)
-            this.measuredTools.forEach(item => {
-              this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolPassive(item.toolName)
-            })
-            this.activeTool = toolName
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolActive(toolName)
+            console.log(222233333);
+            this.measuredTools.forEach((item) => {
+              this.$refs[
+                `dicomCanvas${this.currentDicomCanvasIndex}`
+              ][0].setToolPassive(item.toolName);
+            });
+            this.activeTool = toolName;
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolActive(toolName);
           }
         } else {
-          console.log(3333344444)
-          if (!this.activeTool) return
-          this.measuredTools.forEach(item => {
-            this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(item.toolName)
-          })
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(toolName)
-          this.activeTool = ''
+          console.log(3333344444);
+          if (!this.activeTool) return;
+          this.measuredTools.forEach((item) => {
+            this.$refs[
+              `dicomCanvas${this.currentDicomCanvasIndex}`
+            ][0].setToolEnabled(item.toolName);
+          });
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].setToolEnabled(toolName);
+          this.activeTool = "";
         }
       } else {
-        console.log(44445555)
+        console.log(44445555);
         if (this.activeTool === toolName) {
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(toolName)
-          this.activeTool = ''
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].setToolEnabled(toolName);
+          this.activeTool = "";
         } else {
-          this.activeTool = toolName
-          this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolActive(toolName)
+          this.activeTool = toolName;
+          this.$refs[
+            `dicomCanvas${this.currentDicomCanvasIndex}`
+          ][0].setToolActive(toolName);
         }
       }
     },
     // 设置测量工具禁用(不会对输入作出反应)
     setToolEnabled() {
-      var dicomSeries = this.canvasObj[this.currentDicomCanvasIndex]
+      var dicomSeries = this.canvasObj[this.currentDicomCanvasIndex];
       if (!dicomSeries.isCurrentTask) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(this.activeTool)
-        this.activeTool = ''
-        return
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].setToolEnabled(this.activeTool);
+        this.activeTool = "";
+        return;
       }
       if (this.activeTool) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolEnabled(this.activeTool)
-        this.activeTool = ''
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].setToolEnabled(this.activeTool);
+        this.activeTool = "";
       }
     },
     // 影像适应图像/适应窗口
     fitToType(toolName) {
-      if (this.activeTool !== 'fitToWindow' && this.activeTool !== 'fitToImage') {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolPassive(this.activeTool)
+      if (
+        this.activeTool !== "fitToWindow" &&
+        this.activeTool !== "fitToImage"
+      ) {
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].setToolPassive(this.activeTool);
       }
-      if (toolName === 'fitToWindow') {
-        this.fitType = 0
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].fitToWindow()
-      } else if (toolName === 'fitToImage') {
-        this.fitType = 1
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].fitToImage()
+      if (toolName === "fitToWindow") {
+        this.fitType = 0;
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].fitToWindow();
+      } else if (toolName === "fitToImage") {
+        this.fitType = 1;
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].fitToImage();
       }
-      this.activeTool = toolName
+      this.activeTool = toolName;
     },
     // 切换帧
     scrollPage(i) {
       // 获取影像是否下载完成
-      const isLoaded = this.getSeriesLoadStatus()
-      if (!isLoaded) return
-      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].scrollPage(i)
+      const isLoaded = this.getSeriesLoadStatus();
+      if (!isLoaded) return;
+      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].scrollPage(i);
     },
     // 播放/暂停
     toggleClipPlay(isPlay) {
       // 获取影像是否下载完成
-      const isLoaded = this.getSeriesLoadStatus()
-      if (!isLoaded) return
-      this.clipPlaying = isPlay
-      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].toggleClipPlay(isPlay)
+      const isLoaded = this.getSeriesLoadStatus();
+      if (!isLoaded) return;
+      this.clipPlaying = isPlay;
+      this.$refs[
+        `dicomCanvas${this.currentDicomCanvasIndex}`
+      ][0].toggleClipPlay(isPlay);
     },
     getSeriesLoadStatus() {
-      const index = this.visitTaskList.findIndex(i => i.VisitTaskId === this.activeSeries.visitTaskId)
-      if (index === -1) return false
-      const loadStatus = this.visitTaskList[index].StudyList[this.activeSeries.studyIndex].SeriesList[this.activeSeries.seriesIndex].loadStatus
-      return loadStatus
+      const index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === this.activeSeries.visitTaskId
+      );
+      if (index === -1) return false;
+      const loadStatus =
+        this.visitTaskList[index].StudyList[this.activeSeries.studyIndex]
+          .SeriesList[this.activeSeries.seriesIndex].loadStatus;
+      return loadStatus;
     },
     setDicomCanvasfps(event) {
-      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setFps(event.target.value)
+      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setFps(
+        event.target.value
+      );
     },
     // 添加标记
     setMeasureData(data) {
-      this.$refs['measurementList'].setMeasuredData(data)
-      this.activeTool = ''
+      this.$refs["measurementList"].setMeasuredData(data);
+      this.activeTool = "";
     },
     // 修改标记
     modifyMeasureData(data) {
-      this.$refs['measurementList'].modifyMeasuredData(data)
-      this.activeTool = ''
+      this.$refs["measurementList"].modifyMeasuredData(data);
+      this.activeTool = "";
     },
     // 删除标记
     moveMeasureData(data) {
-      this.$confirm(this.$t('trials:trials-list:table:isDeleted') + data.questionInfo.MeasureData.data.remark + '?').then(() => {
-        this.$refs['measurementList'].moveMeasureData(data)
-      })
+      this.$confirm(
+        this.$t("trials:trials-list:table:isDeleted") +
+          data.questionInfo.MeasureData.data.remark +
+          "?"
+      ).then(() => {
+        this.$refs["measurementList"].moveMeasureData(data);
+      });
     },
     saveImage() {
-      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].saveImage()
+      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].saveImage();
     },
     // 设置窗宽/窗位
     setDicomCanvasWwwc(v) {
       if (v.val === -1) {
         // 默认值
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].resetWwwc()
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].resetWwwc();
       } else if (v.val === 0) {
         // 自定义
-        this.setCustomWwwc()
+        this.setCustomWwwc();
       } else if (v.val === 1) {
         // 区域窗宽
         // this.setToolActive('WwwcRegion', false)
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setToolActive('WwwcRegion')
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].setToolActive("WwwcRegion");
       } else if (v.val === 8) {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].toggleInvert()
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].toggleInvert();
       } else {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setWwwc(v.ww, v.wc)
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setWwwc(
+          v.ww,
+          v.wc
+        );
       }
     },
     setCustomWwwc() {
-      this.customWwc.visible = true
+      this.customWwc.visible = true;
     },
     setWwwc(v) {
-      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setWwwc(v.ww, v.wc)
-      this.customWwc.visible = false
+      this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].setWwwc(
+        v.ww,
+        v.wc
+      );
+      this.customWwc.visible = false;
     },
     toggleInvert() {
-      if (this.activeTool === 'reversecolor') {
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].resetWwwc()
-        this.activeTool = ''
+      if (this.activeTool === "reversecolor") {
+        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].resetWwwc();
+        this.activeTool = "";
       } else {
-        this.activeTool = 'reversecolor'
-        this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].toggleInvert()
+        this.activeTool = "reversecolor";
+        this.$refs[
+          `dicomCanvas${this.currentDicomCanvasIndex}`
+        ][0].toggleInvert();
       }
     },
     setImageIndexSync() {
-      this.isScrollSync = !this.isScrollSync
+      this.isScrollSync = !this.isScrollSync;
     },
     scrollSync(obj) {
       for (var i = 0; i < this.maxCanvas; i++) {
         if (i !== this.currentDicomCanvasIndex) {
-          this.$refs[`dicomCanvas${i}`][0].scrollPage(obj.offset)
+          this.$refs[`dicomCanvas${i}`][0].scrollPage(obj.offset);
         }
       }
     },
     showPanel(e) {
-      e.currentTarget.firstChild.lastChild.style.display = 'block'
+      e.currentTarget.firstChild.lastChild.style.display = "block";
     },
     handleMouseout(e) {
-      e.currentTarget.firstChild.lastChild.style.display = 'none'
+      e.currentTarget.firstChild.lastChild.style.display = "none";
     },
     // 预览临床数据
     previewCD() {
-      this.$emit('previewCD')
+      this.$emit("previewCD");
     },
     previewNoneDicoms() {
-      this.$emit('previewNoneDicoms')
+      this.$emit("previewNoneDicoms");
     },
     previewManuals() {
-      this.isFullscreen = false
-      this.manualsDialog.visible = true
-    }
-  }
-}
+      this.isFullscreen = false;
+      this.manualsDialog.visible = true;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-.dicom-viewer-wrapper{
+.dicom-viewer-wrapper {
   height: 100%;
   padding: 5px 0px 5px 5px;
   box-sizing: border-box;
-  .divider{
+  .divider {
     display: block;
     height: 1px;
     width: 100%;
@@ -1605,15 +2292,15 @@ export default {
     // color: #fff;
     // background-color: #DCDFE6;
   }
-  .el-divider__text{
+  .el-divider__text {
     padding: 0 10px;
     color: #fff;
     background-color: #383838;
     font-size: 12px;
     width: 80px;
   }
-  .dicom-viewer-container{
-    display:flex;
+  .dicom-viewer-container {
+    display: flex;
     flex-direction: column;
     height: 100%;
   }
@@ -1625,7 +2312,7 @@ export default {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  .dicom-tools{
+  .dicom-tools {
     box-sizing: border-box;
     width: 100%;
     height: 80px;
@@ -1635,23 +2322,23 @@ export default {
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
-    .tool-wrapper{
+    .tool-wrapper {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       margin-right: 20px;
-      .icon{
+      .icon {
         padding: 5px;
         border: 1px solid #404040;
         cursor: pointer;
         text-align: center;
-        .svg-icon{
-          font-size:20px;
-          color:#ddd;
+        .svg-icon {
+          font-size: 20px;
+          color: #ddd;
         }
       }
-      .text{
+      .text {
         position: relative;
         font-size: 12px;
         margin-top: 5px;
@@ -1659,24 +2346,24 @@ export default {
         display: none;
       }
     }
-    .tool-frame{
+    .tool-frame {
       display: flex;
       flex-direction: row;
       justify-content: flex-start;
       align-items: center;
       margin-right: 20px;
       border: 1px solid #404040;
-      .icon{
+      .icon {
         padding: 5px;
         border-right: 1px solid #404040;
         cursor: pointer;
         text-align: center;
-        .svg-icon{
-          font-size:20px;
-          color:#ddd;
+        .svg-icon {
+          font-size: 20px;
+          color: #ddd;
         }
       }
-      .select-wrapper{
+      .select-wrapper {
         width: 60px;
         background-color: black;
         color: #ddd;
@@ -1684,7 +2371,7 @@ export default {
         font-size: 13px;
         outline: none;
       }
-      .text{
+      .text {
         position: relative;
         font-size: 12px;
         margin-top: 5px;
@@ -1692,19 +2379,19 @@ export default {
         display: none;
       }
     }
-    .tool_active{
+    .tool_active {
       background-color: #607d8b;
     }
-    .tool_disabled{
-      cursor:not-allowed
+    .tool_disabled {
+      cursor: not-allowed;
     }
-    .icon:hover{
+    .icon:hover {
       background-color: #607d8b;
     }
     .dropdown {
       position: relative;
       display: inline-block;
-      .text{
+      .text {
         text-align: center;
       }
     }
@@ -1714,22 +2401,22 @@ export default {
       position: absolute;
       background-color: #383838;
       color: #fff;
-      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
       z-index: 9999;
       font-size: 12px;
-      ul{
+      ul {
         list-style: none;
         margin: 0;
         padding: 0;
         text-align: center;
-        li{
-          a{
+        li {
+          a {
             display: block;
             padding: 5px 0px;
           }
         }
       }
-      ul li:hover a{
+      ul li:hover a {
         background-color: #727272;
       }
     }
@@ -1738,11 +2425,11 @@ export default {
     //   display: block;
 
     // }
-    .layout-content ul li{
-      border-top:1px solid #ddd;
-      border-left:1px solid #ddd;
+    .layout-content ul li {
+      border-top: 1px solid #ddd;
+      border-left: 1px solid #ddd;
     }
-    .layout-content ul  .flex_row{
+    .layout-content ul .flex_row {
       // border: 1px solid #ddd;
       display: flex;
       justify-content: space-between;
@@ -1751,34 +2438,34 @@ export default {
       // padding: 2px;
       margin-bottom: 2px;
     }
-    .layout-content ul .flex_column{
+    .layout-content ul .flex_column {
       display: flex;
       justify-content: space-between;
       flex-direction: column;
       align-items: center;
       margin-bottom: 2px;
     }
-    .layout_box_1_1{
-      flex:1;
+    .layout_box_1_1 {
+      flex: 1;
       // border: 1px solid #ddd;
       line-height: 30px;
       font-size: 12px;
       text-align: center;
-      border-bottom:1px solid #ddd;
-      border-right:1px solid #ddd;
+      border-bottom: 1px solid #ddd;
+      border-right: 1px solid #ddd;
       // padding: 0 5px;
     }
-    .layout_box_1_2{
-      flex:1;
+    .layout_box_1_2 {
+      flex: 1;
       // border: 1px solid #ddd;
       line-height: 15px;
       font-size: 10px;
       text-align: center;
-      border-bottom:1px solid #ddd;
-      border-right:1px solid #ddd;
+      border-bottom: 1px solid #ddd;
+      border-right: 1px solid #ddd;
       // padding: 0 5px;
     }
-    .layout-content li .layout_box_1_1 :last-child{
+    .layout-content li .layout_box_1_1 :last-child {
       color: red;
     }
     // .layout_li:last-child{
@@ -1790,9 +2477,8 @@ export default {
       cursor: pointer;
       background-color: #727272;
     }
-
   }
-  .dicom-viewers{
+  .dicom-viewers {
     box-sizing: border-box;
     flex: 1;
     // width: 100%;
@@ -1801,54 +2487,53 @@ export default {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
-    .form-container{
+    .form-container {
       // box-sizing: border-box;
       width: 350px;
       height: 100%;
       border: 1px solid #727272;
       // overflow-y: auto;
     }
-    .viewer-container{
+    .viewer-container {
       box-sizing: border-box;
       flex: 1;
       height: 100%;
       border: 1px solid #727272;
     }
 
-    .measurement-container{
+    .measurement-container {
       // height: 100%;
       overflow-y: auto;
     }
-    .box{
+    .box {
       display: grid;
       box-sizing: border-box;
       height: 100%;
       padding: 0;
-      .item{
+      .item {
         box-sizing: border-box;
         position: relative;
         border: 1px solid rgba(255, 255, 255, 0.21);
         position: relative;
-        &_active{
+        &_active {
           // border: 2px solid #ffeb3b;
           border: 1px dashed #428bca;
-
         }
       }
     }
-    .box_1_1{
+    .box_1_1 {
       grid-template-columns: repeat(1, 100%); //1列，占100%
       grid-template-rows: repeat(1, 100%); //1行，占100%
     }
-    .box_1_2{
+    .box_1_2 {
       grid-template-columns: repeat(2, 50%); //1列，占50%
       grid-template-rows: repeat(1, 100%); //1行，占100%
     }
-    .box_2_1{
+    .box_2_1 {
       grid-template-columns: repeat(1, 100%); //1列，占100%
       grid-template-rows: repeat(2, 50%); //1行，占50%
     }
-    .box_2_2{
+    .box_2_2 {
       grid-template-columns: repeat(2, 50%); //1列，占50%
       grid-template-rows: repeat(2, 50%); //1行，占50%
     }
@@ -1865,32 +2550,31 @@ export default {
     //   grid-template-columns: repeat(3, 33.33%); //1列，占100%
     //   grid-template-rows: repeat(3, 33.33%); //1行，占100%
     // }
-
   }
   .personal_config {
-    /deep/ .el-tabs__content{
+    /deep/ .el-tabs__content {
       height: 450px;
       overflow-y: auto;
     }
   }
-  /deep/ .manuals-dialog-container{
+  /deep/ .manuals-dialog-container {
     margin-top: 50px !important;
-    width:75%;
-    height:80%;
-    .el-dialog__body{
+    width: 75%;
+    height: 80%;
+    .el-dialog__body {
       padding: 10px;
       height: calc(100% - 50px) !important;
     }
-    .el-dialog__header{
+    .el-dialog__header {
       position: relative;
     }
   }
-  /deep/ .manuals-full-dialog-container{
-    .el-dialog__body{
+  /deep/ .manuals-full-dialog-container {
+    .el-dialog__body {
       padding: 10px;
       height: calc(100% - 50px) !important;
     }
-    .el-dialog__header{
+    .el-dialog__header {
       position: relative;
     }
   }
diff --git a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeReadPage.vue b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeReadPage.vue
index 786d6a07..7fb2f8ba 100644
--- a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeReadPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeReadPage.vue
@@ -5,21 +5,23 @@
         <div class="related-study-wrapper">
           <div class="left">
             <div class="visit-name-wrapper">
-
-              <div v-if="(visitTaskList.length > 0)" style="display: flex;flex-direction: row;">
+              <div
+                v-if="visitTaskList.length > 0"
+                style="display: flex; flex-direction: row"
+              >
                 <div
                   v-for="s in visitTaskList"
                   :key="s.VisitTaskId"
                   class="visit-item"
-                  :class="{'visit-item-active': activeTaskVisitId==s.VisitTaskId}"
-
+                  :class="{
+                    'visit-item-active': activeTaskVisitId == s.VisitTaskId,
+                  }"
                   @click.prevent="handleClick(s)"
-                >{{ s.TaskBlindName }}</div>
-
+                >
+                  {{ s.TaskBlindName }}
+                </div>
               </div>
-
             </div>
-
           </div>
           <div class="right">
             <div
@@ -49,6 +51,9 @@
         <DicomViewer
           v-if="activeTaskVisitId"
           ref="dicomViewer"
+          :trial-id="trialId"
+          :trial-reading-criterion-id="trialReadingCriterionId"
+          :subject-id="subjectId"
           :is-show="isShow"
           :is-exists-clinical-data="isExistsClinicalData"
           :is-exists-no-dicom-file="isExistsNoDicomFile"
@@ -59,241 +64,325 @@
           @previewCD="previewCD"
         />
       </div>
-
     </div>
   </div>
 </template>
 <script>
-import StudyList from './CustomizeStudyList'
-import DicomViewer from './CustomizeDicomViewer'
-import DicomEvent from './../components/DicomEvent'
-import store from '@/store'
-import { getToken } from '@/utils/auth'
-import { mapGetters } from 'vuex'
+import StudyList from "./CustomizeStudyList";
+import DicomViewer from "./CustomizeDicomViewer";
+import DicomEvent from "./../components/DicomEvent";
+import store from "@/store";
+import { getToken } from "@/utils/auth";
+import { mapGetters } from "vuex";
 export default {
-  name: 'CustomizeReadPage',
+  name: "CustomizeReadPage",
   components: {
     DicomViewer,
-    StudyList
+    StudyList,
   },
   props: {
     isReadingShowSubjectInfo: {
       type: Boolean,
-      required: true
+      required: true,
     },
     trialId: {
       type: String,
-      required: true
+      required: true,
+    },
+    trialReadingCriterionId: {
+      type: String,
+      required: true,
     },
     subjectId: {
       type: String,
-      required: true
+      required: true,
     },
     subjectCode: {
       type: String,
-      required: true
+      required: true,
     },
     visitTaskId: {
       type: String,
-      required: true
+      required: true,
     },
     isShow: {
       type: Boolean,
-      required: true
+      required: true,
     },
     isExistsClinicalData: {
       type: Boolean,
-      required: true
+      required: true,
     },
     isExistsManual: {
       type: Boolean,
-      required: true
+      required: true,
     },
     isExistsNoDicomFile: {
       type: Boolean,
-      required: true
+      required: true,
     },
     IseCRFShowInDicomReading: {
       type: Boolean,
-      required: true
+      required: true,
     },
     isReadingTaskViewInOrder: {
       type: Number,
-      required: true
+      required: true,
     },
-
   },
   data() {
     return {
-      activeName: 'relation-study',
-      tabs: ['relation-study'],
+      activeName: "relation-study",
+      tabs: ["relation-study"],
       taskList: [],
       loading: false,
       selectArr: [],
       activeTaskIndex: -1,
-      activeTaskVisitId: '',
+      activeTaskVisitId: "",
       measureData: [],
       activeTaskIsCurrentTask: false,
       activeTaskIsBaseline: false,
       activeTaskReadingTaskState: 2,
       readingTaskState: 2,
-      open: null
-    }
+      open: null,
+    };
   },
   computed: {
-    ...mapGetters(['visitTaskList','activeSeries'])
+    ...mapGetters(["visitTaskList", "activeSeries"]),
   },
   watch: {
-    'activeSeries': {
+    activeSeries: {
       immediate: true,
       handler(v) {
-        if (this.visitTaskList.length === 0) return
-        var index = this.visitTaskList.findIndex(i => i.VisitTaskId === v.visitTaskId)
-        if (index === -1) return
-        this.activeTaskVisitId = v.visitTaskId
-        this.activeTaskIndex = index
-        this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask
-        this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask
-        this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState
+        if (this.visitTaskList.length === 0) return;
+        var index = this.visitTaskList.findIndex(
+          (i) => i.VisitTaskId === v.visitTaskId
+        );
+        if (index === -1) return;
+        this.activeTaskVisitId = v.visitTaskId;
+        this.activeTaskIndex = index;
+        this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
+        this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
+        this.activeTaskReadingTaskState =
+          this.visitTaskList[index].ReadingTaskState;
         if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) {
-          this.selectArr.push(this.visitTaskList[index].VisitTaskId)
+          this.selectArr.push(this.visitTaskList[index].VisitTaskId);
         }
-        this.$refs[this.activeTaskVisitId]
+        this.$refs[this.activeTaskVisitId];
         this.$nextTick(() => {
-          this.$refs[this.activeTaskVisitId][0].setSeriesActive(v)
-        })
-      }
-    }
+          this.$refs[this.activeTaskVisitId][0].setSeriesActive(v);
+        });
+      },
+    },
   },
   mounted() {
-    this.getVisitInfo()
-    DicomEvent.$on('getNextVisitInfo', () => {
-      this.getNextVisitInfo()
-    })
-    DicomEvent.$on('toggleSeries', async data => {
-      console.log(data)
-      var index = this.visitTaskList.findIndex(i => i.VisitTaskId === data.series.visitTaskId)
-      if (index === -1) return
-      var alignedVisitTaskId = ''
-      var i = -1
+    this.getVisitInfo();
+    DicomEvent.$on("getNextVisitInfo", () => {
+      this.getNextVisitInfo();
+    });
+    DicomEvent.$on("toggleSeries", async (data) => {
+      console.log(data);
+      var index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === data.series.visitTaskId
+      );
+      if (index === -1) return;
+      var alignedVisitTaskId = "";
+      var i = -1;
       if (data.type > 0) {
         // 显示下一访视对齐的序列
-        i = index + 1
+        i = index + 1;
       } else {
         // 显示上一访视对齐的序列
-        i = index - 1
+        i = index - 1;
       }
       if (i > -1 && i < this.visitTaskList.length) {
-        alignedVisitTaskId = this.visitTaskList[i].VisitTaskId
-        this.getAlignedSeries(data.series, alignedVisitTaskId, data.measureData, i, data.canvasIndex)
+        alignedVisitTaskId = this.visitTaskList[i].VisitTaskId;
+        this.getAlignedSeries(
+          data.series,
+          alignedVisitTaskId,
+          data.measureData,
+          i,
+          data.canvasIndex
+        );
       }
-    })
-    DicomEvent.$on('isCanActiveNoneDicomTool', data => {
-      this.open.postMessage({ type: 'isCanActiveNoneDicomTool', data: data }, window.location)
-    })
-    DicomEvent.$on('removeNoneDicomMeasureData', data => {
-      this.open.postMessage({ type: 'removeNoneDicomMeasureData', data: data }, window.location)
-    })
-    DicomEvent.$on('addNoneDicomMeasureData', data => {
-      this.open.postMessage({ type: 'addNoneDicomMeasureData', data: data }, window.location)
-    })
-    DicomEvent.$on('selectSeries', data => {
+    });
+    DicomEvent.$on("isCanActiveNoneDicomTool", (data) => {
+      this.open.postMessage(
+        { type: "isCanActiveNoneDicomTool", data: data },
+        window.location
+      );
+    });
+    DicomEvent.$on("removeNoneDicomMeasureData", (data) => {
+      this.open.postMessage(
+        { type: "removeNoneDicomMeasureData", data: data },
+        window.location
+      );
+    });
+    DicomEvent.$on("addNoneDicomMeasureData", (data) => {
+      this.open.postMessage(
+        { type: "addNoneDicomMeasureData", data: data },
+        window.location
+      );
+    });
+    DicomEvent.$on("selectSeries", (data) => {
       this.$nextTick(() => {
-        this.$refs[this.activeTaskVisitId][0].selectSeries(data)
-      })
-    })
+        this.$refs[this.activeTaskVisitId][0].selectSeries(data);
+      });
+    });
   },
   beforeDestroy() {
-    DicomEvent.$off('getNextVisitInfo')
-    DicomEvent.$off('toggleSeries')
-    DicomEvent.$off('isCanActiveNoneDicomTool')
-    DicomEvent.$off('removeNoneDicomMeasureData')
-    DicomEvent.$off('addNoneDicomMeasureData')
-    DicomEvent.$off('selectSeries')
+    DicomEvent.$off("getNextVisitInfo");
+    DicomEvent.$off("toggleSeries");
+    DicomEvent.$off("isCanActiveNoneDicomTool");
+    DicomEvent.$off("removeNoneDicomMeasureData");
+    DicomEvent.$off("addNoneDicomMeasureData");
+    DicomEvent.$off("selectSeries");
   },
   methods: {
     async getVisitInfo() {
-      const loading = this.$loading({ fullscreen: true })
+      const loading = this.$loading({ fullscreen: true });
 
-      await store.dispatch('reading/getOrganInfo', this.visitTaskId)
-      await store.dispatch('reading/getVisitTasks', this.visitTaskId)
-      var index = this.visitTaskList.findIndex(i => i.IsCurrentTask)
+      await store.dispatch("reading/getOrganInfo", this.visitTaskId);
+      await store.dispatch("reading/getVisitTasks", this.visitTaskId);
+      var index = this.visitTaskList.findIndex((i) => i.IsCurrentTask);
       if (index > -1) {
-        await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId)
-        await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName })
-        await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
-        await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
+        await store.dispatch(
+          "reading/getCustomizeMeasuredData",
+          this.visitTaskList[index].VisitTaskId
+        );
+        await store.dispatch("reading/getStudyInfo", {
+          trialId: this.trialId,
+          subjectVisitId: this.visitTaskList[index].VisitId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+          taskBlindName: this.visitTaskList[index].TaskBlindName,
+        });
+        await store.dispatch("reading/getReadingQuestionAndAnswer", {
+          trialId: this.trialId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
+        await store.dispatch("reading/getDicomReadingQuestionAnswer", {
+          trialId: this.trialId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
 
-        await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId })
-        this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId
-        this.activeTaskIndex = index
-        this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask
-        this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask
-        this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState
-        this.selectArr.push(this.visitTaskList[index].VisitTaskId)
+        await store.dispatch("reading/setStatus", {
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
+        this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId;
+        this.activeTaskIndex = index;
+        this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
+        this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
+        this.activeTaskReadingTaskState =
+          this.visitTaskList[index].ReadingTaskState;
+        this.selectArr.push(this.visitTaskList[index].VisitTaskId);
         this.$nextTick(() => {
-          this.$refs[this.activeTaskVisitId][0].initStudyInfo()
-        })
+          this.$refs[this.activeTaskVisitId][0].initStudyInfo();
+        });
       }
-      loading.close()
+      loading.close();
     },
     async getNextVisitInfo() {
-      const loading = this.$loading({ fullscreen: true })
-      var i = this.visitTaskList.length - 1
-      await store.dispatch('reading/getMasterSeries', { trialId: this.trialId, visitTaskId: this.visitTaskList[i].VisitTaskId, visitId: this.visitTaskList[i].VisitId })
-      await store.dispatch('reading/refreshCustomizeMeasuredData', this.visitTaskList[i].VisitTaskId)
+      const loading = this.$loading({ fullscreen: true });
+      var i = this.visitTaskList.length - 1;
+      await store.dispatch("reading/getMasterSeries", {
+        trialId: this.trialId,
+        visitTaskId: this.visitTaskList[i].VisitTaskId,
+        visitId: this.visitTaskList[i].VisitId,
+      });
+      await store.dispatch(
+        "reading/refreshCustomizeMeasuredData",
+        this.visitTaskList[i].VisitTaskId
+      );
 
-      await store.dispatch('reading/getNextVisitTask', { visitTaskId: this.visitTaskId })
-      var index = this.visitTaskList.findIndex(i => i.IsCurrentTask)
+      await store.dispatch("reading/getNextVisitTask", {
+        visitTaskId: this.visitTaskId,
+      });
+      var index = this.visitTaskList.findIndex((i) => i.IsCurrentTask);
       if (index > -1) {
-        await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId)
-        await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName })
-        await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
-        await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
+        await store.dispatch(
+          "reading/getCustomizeMeasuredData",
+          this.visitTaskList[index].VisitTaskId
+        );
+        await store.dispatch("reading/getStudyInfo", {
+          trialId: this.trialId,
+          subjectVisitId: this.visitTaskList[index].VisitId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+          taskBlindName: this.visitTaskList[index].TaskBlindName,
+        });
+        await store.dispatch("reading/getReadingQuestionAndAnswer", {
+          trialId: this.trialId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
+        await store.dispatch("reading/getDicomReadingQuestionAnswer", {
+          trialId: this.trialId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
 
-        await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId })
-        this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId
-        this.activeTaskIndex = index
-        this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask
-        this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask
-        this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState
-        this.selectArr.push(this.visitTaskList[index].VisitTaskId)
+        await store.dispatch("reading/setStatus", {
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
+        this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId;
+        this.activeTaskIndex = index;
+        this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
+        this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
+        this.activeTaskReadingTaskState =
+          this.visitTaskList[index].ReadingTaskState;
+        this.selectArr.push(this.visitTaskList[index].VisitTaskId);
         this.$nextTick(() => {
-          this.$refs[this.activeTaskVisitId][0].initStudyInfo()
-        })
+          this.$refs[this.activeTaskVisitId][0].initStudyInfo();
+        });
       }
-      loading.close()
+      loading.close();
     },
     async handleClick(visitTaskInfo) {
-      if (this.activeTaskVisitId === visitTaskInfo.VisitTaskId) return
+      if (this.activeTaskVisitId === visitTaskInfo.VisitTaskId) return;
 
-      var index = this.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskInfo.VisitTaskId)
+      var index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === visitTaskInfo.VisitTaskId
+      );
       if (!this.visitTaskList[index].IsInit) {
-        const loading = this.$loading({ fullscreen: true })
-        await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId)
-        await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName })
-        await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
-        await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
-        await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId })
-        loading.close()
+        const loading = this.$loading({ fullscreen: true });
+        await store.dispatch(
+          "reading/getCustomizeMeasuredData",
+          this.visitTaskList[index].VisitTaskId
+        );
+        await store.dispatch("reading/getStudyInfo", {
+          trialId: this.trialId,
+          subjectVisitId: this.visitTaskList[index].VisitId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+          taskBlindName: this.visitTaskList[index].TaskBlindName,
+        });
+        await store.dispatch("reading/getReadingQuestionAndAnswer", {
+          trialId: this.trialId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
+        await store.dispatch("reading/getDicomReadingQuestionAnswer", {
+          trialId: this.trialId,
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
+        await store.dispatch("reading/setStatus", {
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
+        loading.close();
       }
 
-      this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId
-      this.activeTaskIndex = index
-      this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask
-      this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask
-      this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState
+      this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId;
+      this.activeTaskIndex = index;
+      this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
+      this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
+      this.activeTaskReadingTaskState =
+        this.visitTaskList[index].ReadingTaskState;
       if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) {
-        this.selectArr.push(this.visitTaskList[index].VisitTaskId)
+        this.selectArr.push(this.visitTaskList[index].VisitTaskId);
       }
       this.$nextTick(() => {
-        this.$refs[this.activeTaskVisitId][0].getStudyList()
-      })
+        this.$refs[this.activeTaskVisitId][0].getStudyList();
+      });
     },
     loadImageStack(seriesInfo) {
       this.$nextTick(() => {
-        this.$refs.dicomViewer.loadImageStack(seriesInfo)
-      })
+        this.$refs.dicomViewer.loadImageStack(seriesInfo);
+      });
     },
     previewCD() {
       // var token = getToken()
@@ -301,75 +390,116 @@ export default {
       //   path: `/clinicalData?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${this.visitTaskId}&TokenKey=${token}`
       // })
       // window.open(routeData.href, '_blank')
-      this.$emit('previewCD')
+      this.$emit("previewCD");
     },
     previewNoneDicoms(obj) {
-      var index = this.visitTaskList.findIndex(i => i.VisitTaskId === obj.visitTaskId)
-      var taskBlindName = this.visitTaskList[index].TaskBlindName
-      var token = getToken()
+      var index = this.visitTaskList.findIndex(
+        (i) => i.VisitTaskId === obj.visitTaskId
+      );
+      var taskBlindName = this.visitTaskList[index].TaskBlindName;
+      var token = getToken();
       const routeData = this.$router.resolve({
-        path: `/nonedicoms?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${obj.visitTaskId}&taskBlindName=${taskBlindName}&readingTaskState=${this.visitTaskList[index].ReadingTaskState}&TokenKey=${token}`
-      })
-      this.open = window.open(routeData.href, '_blank')
+        path: `/nonedicoms?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${obj.visitTaskId}&taskBlindName=${taskBlindName}&readingTaskState=${this.visitTaskList[index].ReadingTaskState}&TokenKey=${token}`,
+      });
+      this.open = window.open(routeData.href, "_blank");
     },
-    async getAlignedSeries(baseSeries, visitTaskId, measureData, visitTaskIdx, canvasIndex) {
-      var loading = ''
-      var index = visitTaskIdx
+    async getAlignedSeries(
+      baseSeries,
+      visitTaskId,
+      measureData,
+      visitTaskIdx,
+      canvasIndex
+    ) {
+      var loading = "";
+      var index = visitTaskIdx;
       if (!this.visitTaskList[index].IsInit) {
-        loading = this.$loading({ fullscreen: true })
+        loading = this.$loading({ fullscreen: true });
         if (!this.visitTaskList[index].measureDataInit) {
-          await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId)
+          await store.dispatch(
+            "reading/getCustomizeMeasuredData",
+            this.visitTaskList[index].VisitTaskId
+          );
         }
         if (!this.visitTaskList[index].studyListInit) {
-          await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName })
+          await store.dispatch("reading/getStudyInfo", {
+            trialId: this.trialId,
+            subjectVisitId: this.visitTaskList[index].VisitId,
+            visitTaskId: this.visitTaskList[index].VisitTaskId,
+            taskBlindName: this.visitTaskList[index].TaskBlindName,
+          });
         }
         if (!this.visitTaskList[index].readingQuestionsInit) {
-          await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
+          await store.dispatch("reading/getReadingQuestionAndAnswer", {
+            trialId: this.trialId,
+            visitTaskId: this.visitTaskList[index].VisitTaskId,
+          });
         }
         if (!this.visitTaskList[index].questionsInit) {
-          await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId })
+          await store.dispatch("reading/getDicomReadingQuestionAnswer", {
+            trialId: this.trialId,
+            visitTaskId: this.visitTaskList[index].VisitTaskId,
+          });
         }
 
-        await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId })
+        await store.dispatch("reading/setStatus", {
+          visitTaskId: this.visitTaskList[index].VisitTaskId,
+        });
       }
-      this.activeTaskVisitId = visitTaskId
-      this.activeTaskIndex = index
-      this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask
-      this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask
-      this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState
+      this.activeTaskVisitId = visitTaskId;
+      this.activeTaskIndex = index;
+      this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
+      this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
+      this.activeTaskReadingTaskState =
+        this.visitTaskList[index].ReadingTaskState;
       if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) {
-        this.selectArr.push(this.visitTaskList[index].VisitTaskId)
+        this.selectArr.push(this.visitTaskList[index].VisitTaskId);
       }
-      var linkedSeries = this.getSeriesInfoByMark(baseSeries, visitTaskId, measureData, visitTaskIdx)
+      var linkedSeries = this.getSeriesInfoByMark(
+        baseSeries,
+        visitTaskId,
+        measureData,
+        visitTaskIdx
+      );
 
       if (linkedSeries) {
         this.$nextTick(() => {
-          linkedSeries.canvasIndex = canvasIndex
-          DicomEvent.$emit('loadLinkedImageStack', linkedSeries)
-          this.$refs[this.activeTaskVisitId][0].handleActiveSeries(linkedSeries)
-        })
+          linkedSeries.canvasIndex = canvasIndex;
+          DicomEvent.$emit("loadLinkedImageStack", linkedSeries);
+          this.$refs[this.activeTaskVisitId][0].handleActiveSeries(
+            linkedSeries
+          );
+        });
       }
       if (loading) {
-        loading.close()
+        loading.close();
       }
     },
     getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx) {
-      var index = visitTaskIdx
-      if (index === -1) return
-      var visitTaskInfo = this.visitTaskList[index]
-      var obj = null
-      var studyList = visitTaskInfo.StudyList
+      var index = visitTaskIdx;
+      if (index === -1) return;
+      var visitTaskInfo = this.visitTaskList[index];
+      var obj = null;
+      var studyList = visitTaskInfo.StudyList;
       // 查找筛选描述一致
-      var seriesList = studyList.map(s => s.SeriesList).flat()
+      var seriesList = studyList.map((s) => s.SeriesList).flat();
       var similarArr = seriesList.map((i, index) => {
-        return { similar: this.strSimilarity2Percent(i.description, baseSeries.description), index }
-      })
+        return {
+          similar: this.strSimilarity2Percent(
+            i.description,
+            baseSeries.description
+          ),
+          index,
+        };
+      });
       similarArr = similarArr.sort((a, b) => {
-        return b.similar - a.similar
-      })
-      const i = similarArr[0] && similarArr[0].similar > 0.85 ? similarArr[0].index : -1
+        return b.similar - a.similar;
+      });
+      const i =
+        similarArr[0] && similarArr[0].similar > 0.85
+          ? similarArr[0].index
+          : -1;
       if (i > -1) {
-        obj = seriesList[i]
+        obj = seriesList[i];
       }
       // const idx = seriesList.findIndex(series => series.description === baseSeries.description)
       // idx > -1 ? obj = seriesList[idx] : ''
@@ -385,101 +515,139 @@ export default {
       //   idx > -1 ? obj = seriesList[idx] : ''
       // }
       if (!obj) {
-        const idx = seriesList.findIndex(series => series.isDicom && series.instanceCount > 0)
-        idx > -1 ? obj = seriesList[idx] : ''
+        const idx = seriesList.findIndex(
+          (series) => series.isDicom && series.instanceCount > 0
+        );
+        idx > -1 ? (obj = seriesList[idx]) : "";
       }
       if (obj) {
-        let index = Math.floor(obj.imageIds.length * ((baseSeries.imageIdIndex+1) / baseSeries.instanceCount))
-        obj.imageIdIndex = index > 0 ? index - 1 : 0
+        let index = Math.floor(
+          obj.imageIds.length *
+            ((baseSeries.imageIdIndex + 1) / baseSeries.instanceCount)
+        );
+        obj.imageIdIndex = index > 0 ? index - 1 : 0;
       }
-      return obj
+      return obj;
     },
     strSimilarity2Number(s, t) {
-      var n = s.length; var m = t.length; var d = []
-      var i, j, s_i, t_j, cost
-      if (n === 0) return m
-      if (m === 0) return n
+      var n = s.length;
+      var m = t.length;
+      var d = [];
+      var i, j, s_i, t_j, cost;
+      if (n === 0) return m;
+      if (m === 0) return n;
       for (i = 0; i <= n; i++) {
-        d[i] = []
-        d[i][0] = i
+        d[i] = [];
+        d[i][0] = i;
       }
       for (j = 0; j <= m; j++) {
-        d[0][j] = j
+        d[0][j] = j;
       }
       for (i = 1; i <= n; i++) {
-        s_i = s.charAt(i - 1)
+        s_i = s.charAt(i - 1);
         for (j = 1; j <= m; j++) {
-          t_j = t.charAt(j - 1)
+          t_j = t.charAt(j - 1);
           if (s_i === t_j) {
-            cost = 0
+            cost = 0;
           } else {
-            cost = 1
+            cost = 1;
           }
-          d[i][j] = this.Minimum(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + cost)
+          d[i][j] = this.Minimum(
+            d[i - 1][j] + 1,
+            d[i][j - 1] + 1,
+            d[i - 1][j - 1] + cost
+          );
         }
       }
-      return d[n][m]
+      return d[n][m];
     },
     // 两个字符串的相似程度，并返回相似度百分比
     strSimilarity2Percent(s, t) {
-      var l = s.length > t.length ? s.length : t.length
-      var d = this.strSimilarity2Number(s, t)
-      return Number((1 - d / l).toFixed(4))
+      var l = s.length > t.length ? s.length : t.length;
+      var d = this.strSimilarity2Number(s, t);
+      return Number((1 - d / l).toFixed(4));
     },
     Minimum(a, b, c) {
-      return a < b ? (a < c ? a : c) : (b < c ? b : c)
+      return a < b ? (a < c ? a : c) : b < c ? b : c;
     },
     // 根据标记获取标记所在的序列信息
     getSeriesInfoByMark(baseSeries, visitTaskId, obj, visitTaskIdx) {
-      var seriesInfo = null
+      var seriesInfo = null;
       if (obj) {
-      // 根据任务ID测量病灶信息
-        var index = visitTaskIdx
+        // 根据任务ID测量病灶信息
+        var index = visitTaskIdx;
         if (index > -1) {
-          var idx = -1
+          var idx = -1;
           if (this.CriterionType === 10) {
-            idx = this.visitTaskList[index].MeasureData.findIndex(item => item.OrderMarkName === obj.OrderMarkName)
+            idx = this.visitTaskList[index].MeasureData.findIndex(
+              (item) => item.OrderMarkName === obj.OrderMarkName
+            );
           } else {
-            idx = this.visitTaskList[index].MeasureData.findIndex(item => item.QuestionId === obj.QuestionId && item.RowIndex === obj.RowIndex)
+            idx = this.visitTaskList[index].MeasureData.findIndex(
+              (item) =>
+                item.QuestionId === obj.QuestionId &&
+                item.RowIndex === obj.RowIndex
+            );
           }
-          if (idx > -1 && this.visitTaskList[index].MeasureData[idx].MeasureData) {
-            var studyList = this.visitTaskList[index].StudyList
-            var studyId = this.visitTaskList[index].MeasureData[idx].StudyId
-            var seriesId = this.visitTaskList[index].MeasureData[idx].SeriesId
-            var instanceId = this.visitTaskList[index].MeasureData[idx].InstanceId
-            var studyIdx = studyList.findIndex(study => study.StudyId === studyId)
+          if (
+            idx > -1 &&
+            this.visitTaskList[index].MeasureData[idx].MeasureData
+          ) {
+            var studyList = this.visitTaskList[index].StudyList;
+            var studyId = this.visitTaskList[index].MeasureData[idx].StudyId;
+            var seriesId = this.visitTaskList[index].MeasureData[idx].SeriesId;
+            var instanceId =
+              this.visitTaskList[index].MeasureData[idx].InstanceId;
+            var studyIdx = studyList.findIndex(
+              (study) => study.StudyId === studyId
+            );
             if (studyIdx > -1) {
-              var seriesIdx = studyList[studyIdx].SeriesList.findIndex(s => s.seriesId === seriesId)
+              var seriesIdx = studyList[studyIdx].SeriesList.findIndex(
+                (s) => s.seriesId === seriesId
+              );
               if (seriesIdx > -1) {
-                var series = studyList[studyIdx].SeriesList[seriesIdx]
-                var instanceIdx = series.instanceList.findIndex(imageId => !!~imageId.indexOf(instanceId))
+                var series = studyList[studyIdx].SeriesList[seriesIdx];
+                var instanceIdx = series.instanceList.findIndex(
+                  (imageId) => !!~imageId.indexOf(instanceId)
+                );
                 if (instanceIdx > -1) {
-                  series.imageIdIndex = instanceIdx
+                  series.imageIdIndex = instanceIdx;
                   // series.studyIndex = studyIdx
                   // series.seriesIndex = seriesIdx
                   // series.visitTaskId = visitTaskId
                   // series.studyId = studyId
-                  seriesInfo = series
+                  seriesInfo = series;
                 }
               }
             } else {
-              seriesInfo = this.getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx)
+              seriesInfo = this.getLinkedSeries(
+                baseSeries,
+                visitTaskId,
+                visitTaskIdx
+              );
             }
           } else {
-            seriesInfo = this.getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx)
+            seriesInfo = this.getLinkedSeries(
+              baseSeries,
+              visitTaskId,
+              visitTaskIdx
+            );
           }
         }
       } else {
-        seriesInfo = this.getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx)
+        seriesInfo = this.getLinkedSeries(
+          baseSeries,
+          visitTaskId,
+          visitTaskIdx
+        );
       }
-      return seriesInfo
-    }
-  }
-}
+      return seriesInfo;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-.dicom-container{
-
+.dicom-container {
   height: 100%;
   // background-color: #fff;
   background-color: #000;
@@ -491,39 +659,41 @@ export default {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  .report-header{
+  .report-header {
     display: flex;
   }
-  .el-card{
+  .el-card {
     background-color: #000;
     color: #ffffff;
-    border:none;
-  }
-  /deep/ .el-table, .el-table__expanded-cell {
-    background-color: #000;
-    color: #fff;
-    border-color:#444444;
-  }
-
-  /deep/ .el-table th, .el-table tr {
-    background-color: #000;
-    color: #fff;
-    border-color:#444444;
-  }
-  /deep/ .el-table__body tr > td{
-    background-color:#000 !important;
-    color: #fff;
-    border-color:#444444;
-  }
-  /deep/ .el-table__body tr:hover > td{
-    background-color:#858282 !important;
-    color: #fff;
-    border-color:#444444;
-  }
-  /deep/ .el-table--border th.gutter:last-of-type{
     border: none;
   }
-  /deep/ .el-card__header{
+  /deep/ .el-table,
+  .el-table__expanded-cell {
+    background-color: #000;
+    color: #fff;
+    border-color: #444444;
+  }
+
+  /deep/ .el-table th,
+  .el-table tr {
+    background-color: #000;
+    color: #fff;
+    border-color: #444444;
+  }
+  /deep/ .el-table__body tr > td {
+    background-color: #000 !important;
+    color: #fff;
+    border-color: #444444;
+  }
+  /deep/ .el-table__body tr:hover > td {
+    background-color: #858282 !important;
+    color: #fff;
+    border-color: #444444;
+  }
+  /deep/ .el-table--border th.gutter:last-of-type {
+    border: none;
+  }
+  /deep/ .el-card__header {
     border: none;
     padding: 10px;
   }
@@ -544,31 +714,30 @@ export default {
     background: #d0d0d0;
   }
 
-  .dicom-viewer{
+  .dicom-viewer {
     flex: 1;
     width: 100%;
     box-sizing: border-box;
 
-    .container{
+    .container {
       width: 100%;
       height: 100%;
       box-sizing: border-box;
     }
   }
-  .dicom-list{
-     width: 200px;
-     padding: 5px 0px;
+  .dicom-list {
+    width: 200px;
+    padding: 5px 0px;
     box-sizing: border-box;
 
-    .container{
+    .container {
       width: 100%;
       height: 100%;
       box-sizing: border-box;
       border: 1px solid #727272;
       // border: 1px solid #ccc;
-
     }
-    .el-tabs{
+    .el-tabs {
       box-sizing: border-box;
       padding: 0 5px;
       height: 100%;
@@ -576,26 +745,25 @@ export default {
       flex-direction: column;
       // justify-content: flex-start;
       border: 1px solid #727272;
-      .el-tabs__item{
+      .el-tabs__item {
         color: #fff;
       }
-      /deep/ .el-tabs__header{
+      /deep/ .el-tabs__header {
         height: 55px;
-        margin:0px;
+        margin: 0px;
         box-sizing: border-box;
       }
-      /deep/ .el-tabs__content{
+      /deep/ .el-tabs__content {
         flex: 1;
-        margin:0px;
+        margin: 0px;
         overflow-y: auto;
         box-sizing: border-box;
       }
-      /deep/ .el-tabs__item{
+      /deep/ .el-tabs__item {
         color: #fff;
       }
-
     }
-    .dicom-desc{
+    .dicom-desc {
       font-weight: bold;
       font-size: 13px;
       text-align: center;
@@ -608,14 +776,14 @@ export default {
       touch-action: auto;
     }
     .series-active {
-      background-color: #607d8b!important;
-      border: 1px solid #607d8b!important;
+      background-color: #607d8b !important;
+      border: 1px solid #607d8b !important;
     }
-    /deep/ .el-progress__text{
+    /deep/ .el-progress__text {
       color: #ccc;
       font-size: 12px;
     }
-    .series{
+    .series {
       width: 100%;
       display: flex;
       flex-direction: column;
@@ -632,11 +800,11 @@ export default {
         border-radius: 2px;
         border: 1px solid #404040;
         background-color: #3a3a3a;
-        .el-progress__text{
+        .el-progress__text {
           display: none;
         }
-        .el-progress-bar{
-          padding-right:0px;
+        .el-progress-bar {
+          padding-right: 0px;
         }
 
         .image-preview {
@@ -647,7 +815,7 @@ export default {
         }
         .image-desc {
           vertical-align: top;
-          p{
+          p {
             width: 100px;
             white-space: nowrap;
             overflow: hidden;
@@ -660,7 +828,7 @@ export default {
         }
       }
     }
-    .related-study-wrapper{
+    .related-study-wrapper {
       box-sizing: border-box;
       height: 100%;
       padding-bottom: 5px;
@@ -668,14 +836,14 @@ export default {
       flex-direction: row;
       justify-content: space-between;
 
-      .left{
+      .left {
         position: relative;
         width: 25px;
         height: 100%;
         overflow-x: hidden;
         overflow-y: auto;
         box-sizing: border-box;
-        .visit-name-wrapper{
+        .visit-name-wrapper {
           position: absolute;
           top: 5px;
 
@@ -690,30 +858,30 @@ export default {
           // flex-direction: row;
           // align-content: flex-start;
         }
-        .visit-item{
+        .visit-item {
           margin-left: 10px;
           white-space: nowrap;
-          padding: 0px  4px;
+          padding: 0px 4px;
           border: 1px solid #999999;
-          border-bottom:none ;
+          border-bottom: none;
           text-align: center;
           background-color: #4e4e4e;
           color: #d5d5d5;
           cursor: pointer;
           // margin-left: 10px;
         }
-        .visit-item-active{
+        .visit-item-active {
           background-color: #607d8b;
           border: 1px solid #607d8b;
         }
       }
-      .right{
-        width:170px;
-        flex:1;
+      .right {
+        width: 170px;
+        flex: 1;
         height: 100%;
         border-left: 1px solid #4a4a4a;
         color: #d5d5d5;
-        .study-wrapper{
+        .study-wrapper {
           width: 100%;
           height: 100%;
         }
diff --git a/src/views/trials/trials-panel/reading/dicoms/index.vue b/src/views/trials/trials-panel/reading/dicoms/index.vue
index 4dd7ebd7..e0062d53 100644
--- a/src/views/trials/trials-panel/reading/dicoms/index.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/index.vue
@@ -35,6 +35,7 @@
           <CustomizeReadPage
             v-if="tabs.includes('read')"
             :trial-id="trialId"
+            :trial-reading-criterion-id="TrialReadingCriterionId"
             :visit-task-id="visitTaskId"
             :subject-id="subjectId"
             :subject-code="subjectCode"
diff --git a/src/views/trials/trials-panel/reading/read-task-allocation/index.vue b/src/views/trials/trials-panel/reading/read-task-allocation/index.vue
index d07f0954..5ecbff18 100644
--- a/src/views/trials/trials-panel/reading/read-task-allocation/index.vue
+++ b/src/views/trials/trials-panel/reading/read-task-allocation/index.vue
@@ -626,7 +626,7 @@ export default {
       }).catch(() => {})
     },
     openSubjectCancelDoctorHistoryList(row) {
-      getSubjectCancelDoctorHistoryList(row.SubjectId).then((res) => {
+      getSubjectCancelDoctorHistoryList(row.SubjectId,this.TrialReadingCriterionId).then((res) => {
         this.SubjectCancelDoctorHistoryVisible = true
         this.SubjectCancelDoctorHistoryList = res.Result
       })
diff --git a/src/views/trials/trials-panel/reading/reading-task/index.vue b/src/views/trials/trials-panel/reading/reading-task/index.vue
index 1808b7da..a77842ee 100644
--- a/src/views/trials/trials-panel/reading/reading-task/index.vue
+++ b/src/views/trials/trials-panel/reading/reading-task/index.vue
@@ -121,27 +121,6 @@
                   >
                 </template>
               </el-table-column>
-              <!--              &lt;!&ndash; 未读任务数量 &ndash;&gt;-->
-              <!--              <el-table-column-->
-              <!--                prop="UnReadTaskCount"-->
-              <!--                min-width="100"-->
-              <!--                label="未读任务数量"-->
-              <!--                show-overflow-tooltip-->
-              <!--              />-->
-              <!--              &lt;!&ndash; 可读任务量 &ndash;&gt;-->
-              <!--              <el-table-column-->
-              <!--                prop="UnReadCanReadTaskCount"-->
-              <!--                min-width="100"-->
-              <!--                label="可读任务量"-->
-              <!--                show-overflow-tooltip-->
-              <!--              />-->
-              <!--              &lt;!&ndash; 已签名任务量 &ndash;&gt;-->
-              <!--              <el-table-column-->
-              <!--                prop="HaveReadTaskCount"-->
-              <!--                min-width="100"-->
-              <!--                label="已签名任务量"-->
-              <!--                show-overflow-tooltip-->
-              <!--              />-->
               <!-- 建议完成时间 -->
               <el-table-column
                 prop="SuggesteFinishedTime"
@@ -179,7 +158,11 @@
                   <!-- 上传 -->
                   <el-button
                     v-hasPermi="['role:ir']"
-                    v-if="item.CriterionType === 0 && item.ImageUploadEnum > 0"
+                    v-if="
+                      item.CriterionType === 0 &&
+                      item.ImageUploadEnum > 0 &&
+                      item.IsReadingTaskViewInOrder > 0
+                    "
                     circle
                     icon="el-icon-upload2"
                     :title="$t('trials:pendingReadingTasks:button:upload')"
@@ -189,7 +172,9 @@
                   <el-button
                     v-hasPermi="['role:ir']"
                     v-if="
-                      item.CriterionType === 0 && item.ImageDownloadEnum > 0
+                      item.CriterionType === 0 &&
+                      item.ImageDownloadEnum === 1 &&
+                      item.IsReadingTaskViewInOrder > 0
                     "
                     circle
                     icon="el-icon-download"
@@ -274,36 +259,6 @@
             </el-descriptions-item>
           </el-descriptions>
         </div>
-        <!-- <template v-else-if="!isReadingTaskViewInOrder && isRender">
-          <el-tabs v-model="TrialReadingCriterionId" type="border-card">
-            <el-tab-pane v-for="i of trialCriterionList" :key="i.TrialReadingCriterionName" :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId">
-              <el-descriptions :column="2" border style="width:800px">
-                <el-descriptions-item label="剩余任务量" :label-style="{'width':'200px'}">
-                  <el-tag size="small" type="danger">{{ randomReadInfo.UnReadTaskCount }}</el-tag>
-                </el-descriptions-item>
-                <el-descriptions-item label="剩余裁判量" :label-style="{'width':'200px'}">
-                  <el-tag size="small" type="danger">{{ randomReadInfo.UnReadJudgeTaskCount }}</el-tag>
-                </el-descriptions-item>
-                <el-descriptions-item label="已完成任务量" :label-style="{'width':'200px'}">
-                  <el-tag size="small">{{ randomReadInfo.FinishTaskCount }}</el-tag>
-                </el-descriptions-item>
-                <el-descriptions-item label="已完成裁判量" :label-style="{'width':'200px'}">
-                  <el-tag size="small">{{ randomReadInfo.FinishJudgeTaskCount }}</el-tag>
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <el-button
-                    type="primary"
-                    size="small"
-                    :disabled="randomReadInfo.UnReadTaskCount+randomReadInfo.UnReadJudgeTaskCount ===0"
-                    @click="handleOutOfOrderReading"
-                  >
-                    开始随机阅片
-                  </el-button>
-                </el-descriptions-item>
-              </el-descriptions>
-            </el-tab-pane>
-          </el-tabs>
-        </template> -->
       </el-tab-pane>
     </el-tabs>
     <upload-image