阅片检查列表优化

src/views/trials/trials-panel/reading/dicoms/components/StudyList.vue

@@ -49,22 +49,32 @@
                 />
                 <div class="image-desc">
                   <div class="flex-div">
-                    <div style="display: flex;justify-content: space-between;width:100%;">
+                    <div style="width: 40px;display: flex;flex-direction: row;justify-content: space-between;">
-                      <div v-if="!study.IsCriticalSequence">#{{ series.seriesNumber }} </div>
+                      <div v-if="!study.IsCriticalSequence">#{{ series.seriesNumber }}</div>
-                      <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
+                      <div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount && series.modality!== 'SR'">
-                        <el-popover
+                        <!-- 下载 -->
-                          placement="right"
+                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                          trigger="hover"
+                          <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                          popper-class="instance_frame_wrapper"
+                        </el-tooltip>
+                      </div>
+                      <el-tooltip v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+                        <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
+                      </el-tooltip>
+                    </div>
+                    <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
+                      <el-popover
+                        placement="right"
+                        trigger="hover"
+                        popper-class="instance_frame_wrapper"
+                      >
+                        <div
+                          v-for="(instance, idx) in series.instanceInfoList"
+                          :key="instance.Id"
+                          class="frame_content"
+                          :style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
+                          @click.stop="showMultiFrames(index,series, i, instance)"
                         >
-                          <div
+                          <!-- <div>
-                            v-for="(instance, idx) in series.instanceInfoList"
-                            :key="instance.Id"
-                            class="frame_content"
-                            :style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
-                            @click.stop="showMultiFrames(index,series, i, instance)"
-                          >
-                            <!-- <div>
                                         <img
                                           class="image-preview"
                                           :src="series.previewImageUrl"
@@ -74,30 +84,15 @@
                                           fit="fill"
                                         >
                                       </div> -->
-                            <div>
+                          <div>
-                              <div>{{ instance.InstanceNumber }}</div>
+                            <div>{{ instance.InstanceNumber }}</div>
-                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
+                            <div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
-                            </div>
-
                           </div>
-                          <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" />
-                        </el-popover>
-                      </div>
-                    </div>
 
-                    <div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount && series.modality!== 'SR'">
+                        </div>
-                      <!-- 下载 -->
+                        <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
-                      <el-tooltip v-if="!series.isLoading" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+                      </el-popover>
-                        <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                      </el-tooltip>
-                      <!-- 暂停 -->
-                      <!-- <el-tooltip v-else class="item" effect="dark" :content="$t('trials:reading:button:pause')" placement="bottom">
-                        <i class="el-icon-video-pause" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="stopLoadSeries(series,index,i)" />
-                      </el-tooltip> -->
                     </div>
-                    <el-tooltip v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                      <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                    </el-tooltip>
                   </div>
                   <p v-show="series.description">
                     <el-tooltip class="item" effect="dark" :content="series.description" placement="right">

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue

@@ -280,6 +280,21 @@
             <div class="text">{{ tool.text }}</div>
           </div> -->
         </div>
+        
+        <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':'']"
+              data-tool="Zoom"
+              @click.prevent="setToolActive('Eraser',false)"
+            >
+              <svg-icon icon-class="clear" class="svg-icon" />
+            </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">
@@ -325,21 +340,7 @@
             </select>
           </el-tooltip>
         </div>
-        <el-tooltip class="item" effect="dark" :content="`${$t('trials:dicom-show:Eraser')}`" placement="bottom">
+        <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:reset')" placement="bottom">
-          <div class="tool-wrapper">
-            <div
-              class="icon"
-              :class="[activeTool==='Eraser'?'tool_active':'']"
-              data-tool="Zoom"
-              @click.prevent="setToolActive('Eraser',false)"
-            >
-              <svg-icon icon-class="clear" class="svg-icon" />
-            </div>
-            <!-- 缩放 -->
-            <div class="text">{{ $t('trials:dicom-show:Eraser') }}</div>
-          </div>
-        </el-tooltip>
-        <!-- <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:reset')" placement="bottom">
           <div class="tool-wrapper">
             <div
               class="icon"
@@ -349,7 +350,7 @@
             </div>
             <div class="text">{{ $t('trials:reading:button:reset') }}</div>
           </div>
-        </el-tooltip> -->
+        </el-tooltip>
 
         <div style="margin-left:auto;">
           <div style="padding:5px">

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeStudyList.vue

@@ -49,22 +49,32 @@
                 />
                 <div class="image-desc">
                   <div class="flex-div">
-                    <div style="display: flex;justify-content: space-between;width:100%;">
+                    <div style="width: 40px;display: flex;flex-direction: row;justify-content: space-between;">
-                      <div v-if="!study.IsCriticalSequence">#{{ series.seriesNumber }} </div>
+                      <div v-if="!study.IsCriticalSequence">#{{ series.seriesNumber }}</div>
-                      <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
+                      <div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount && series.modality!== 'SR'">
-                        <el-popover
+                        <!-- 下载 -->
-                          placement="right"
+                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                          trigger="hover"
+                          <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                          popper-class="instance_frame_wrapper"
+                        </el-tooltip>
+                      </div>
+                      <el-tooltip v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+                        <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
+                      </el-tooltip>
+                    </div>
+                    <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
+                      <el-popover
+                        placement="right"
+                        trigger="hover"
+                        popper-class="instance_frame_wrapper"
+                      >
+                        <div
+                          v-for="(instance, idx) in series.instanceInfoList"
+                          :key="instance.Id"
+                          class="frame_content"
+                          :style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
+                          @click.stop="showMultiFrames(index,series, i, instance)"
                         >
-                          <div
+                          <!-- <div>
-                            v-for="(instance, idx) in series.instanceInfoList"
-                            :key="instance.Id"
-                            class="frame_content"
-                            :style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
-                            @click.stop="showMultiFrames(index,series, i, instance)"
-                          >
-                            <!-- <div>
                                         <img
                                           class="image-preview"
                                           :src="series.previewImageUrl"
@@ -74,30 +84,15 @@
                                           fit="fill"
                                         >
                                       </div> -->
-                            <div>
+                          <div>
-                              <div>{{ instance.InstanceNumber }}</div>
+                            <div>{{ instance.InstanceNumber }}</div>
-                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
+                            <div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
-                            </div>
-
                           </div>
-                          <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" />
-                        </el-popover>
-                      </div>
-                    </div>
 
-                    <div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount && series.modality!== 'SR'">
+                        </div>
-                      <!-- 下载 -->
+                        <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
-                      <el-tooltip v-if="!series.isLoading" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+                      </el-popover>
-                        <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                      </el-tooltip>
-                      <!-- 暂停 -->
-                      <!-- <el-tooltip v-else class="item" effect="dark" :content="$t('trials:reading:button:pause')" placement="bottom">
-                        <i class="el-icon-video-pause" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="stopLoadSeries(series,index,i)" />
-                      </el-tooltip> -->
                     </div>
-                    <el-tooltip v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                      <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                    </el-tooltip>
                   </div>
                   <p v-show="series.description">
                     <el-tooltip class="item" effect="dark" :content="series.description" placement="right">