检查部位修改

src/views/none-dicom-show/index.vue

@@ -7,78 +7,47 @@
       <div class="left-content">
         <!-- 检查层级 -->
         <el-collapse v-model="activeNames" @change="handleChange">
-          <el-collapse-item
+          <el-collapse-item v-for="(study, i) in studyList" :key="study.CodeView" :name="study.CodeView"><template
-            v-for="(study, i) in studyList"
+              slot="title">
-            :key="study.CodeView"
-            :name="study.CodeView"
-            ><template slot="title">
               <div class="study-desc">
                 <span>{{ study.CodeView }}</span>
                 <span v-if="OtherInfo.IsShowStudyName" style="margin-left: 5px">
                   {{ study.StudyName }}
                 </span>
                 <span style="margin: 0 5px">{{ study.Modality }}</span>
-                <span>{{ getBodyPart(study.BodyPart) }}</span>
+                <span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
               </div>
             </template>
             <!-- 文件层级 -->
-            <div
+            <div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
-              v-if="study.NoneDicomStudyFileList.length === 0"
-              class="empty-text"
-            >
               <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
             </div>
             <div v-else id="imgList" style="height: 100%; overflow: hidden">
               <template v-for="(item, j) in study.NoneDicomStudyFileList">
-                <div
+                <div :id="`img${item.Id}`" :key="item.Id" :class="{
-                  :id="`img${item.Id}`"
+                  'is-boxActive': item.Id === currentFileId,
-                  :key="item.Id"
+                }" class="img-box" @click="selected(item, i, j, true)">
-                  :class="{
-                    'is-boxActive': item.Id === currentFileId,
-                  }"
-                  class="img-box"
-                  @click="selected(item, i, j, true)"
-                >
                   <div class="file-image">
-                    <el-image
+                    <el-image v-if="
-                      v-if="
+                      [
-                        [
+                        'image/jpeg',
-                          'image/jpeg',
+                        'image/jpg',
-                          'image/jpg',
+                        'image/png',
-                          'image/png',
+                        'image/bmp',
-                          'image/bmp',
+                      ].includes(item.FileType)
-                        ].includes(item.FileType)
+                    " style="width: 100%; height: 100%"
-                      "
-                      style="width: 100%; height: 100%"
                       :src="`${OSSclientConfig.basePath}${item.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
-                      fit="contain"
+                      fit="contain" crossorigin="anonymous" />
-                      crossorigin="anonymous"
+                    <el-image v-else-if="item.FileType === 'application/pdf'" style="width: 100%; height: 100%"
-                    />
+                      :src="pdf" fit="contain" crossorigin="anonymous" />
-                    <el-image
+                    <el-image v-else-if="
-                      v-else-if="item.FileType === 'application/pdf'"
+                      item.FileType === 'application/x-zip-compressed'
-                      style="width: 100%; height: 100%"
+                    " style="width: 100%; height: 100%" :src="zip" fit="contain" crossorigin="anonymous" />
-                      :src="pdf"
-                      fit="contain"
-                      crossorigin="anonymous"
-                    />
-                    <el-image
-                      v-else-if="
-                        item.FileType === 'application/x-zip-compressed'
-                      "
-                      style="width: 100%; height: 100%"
-                      :src="zip"
-                      fit="contain"
-                      crossorigin="anonymous"
-                    />
                   </div>
                   <div v-if="item.FileName.length < 15" class="img-text">
                     {{ `${j + 1}. ${item.FileName}` }}
                   </div>
-                  <el-tooltip
+                  <el-tooltip v-else :content="item.FileName" placement="bottom">
-                    v-else
-                    :content="item.FileName"
-                    placement="bottom"
-                  >
                     <div class="img-text">
                       {{ `${j + 1}. ${item.FileName}` }}
                     </div>
@@ -86,23 +55,15 @@
                   <div v-if="isQcCheck" class="switchBox">
                     <div class="item">
                       <span>{{ $t('trials:audit:table:isReading') }}</span>
-                      <el-switch
+                      <el-switch v-model="item.IsReading" :disabled="item.IsDeleted || isAudit"
-                        v-model="item.IsReading"
+                        @change="changeReadingStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
-                        :disabled="item.IsDeleted || isAudit"
+                        :inactive-text="$fd('YesOrNo', false)" />
-                        @change="changeReadingStatus($event, study, item)"
-                        :active-text="$fd('YesOrNo', true)"
-                        :inactive-text="$fd('YesOrNo', false)"
-                      />
                     </div>
                     <div class="item">
                       <span>{{ $t('trials:audit:table:isDelete') }}</span>
-                      <el-switch
+                      <el-switch v-model="item.IsDeleted" :disabled="isAudit"
-                        v-model="item.IsDeleted"
+                        @change="changeDeleteStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
-                        :disabled="isAudit"
+                        :inactive-text="$fd('YesOrNo', false)" />
-                        @change="changeDeleteStatus($event, study, item)"
-                        :active-text="$fd('YesOrNo', true)"
-                        :inactive-text="$fd('YesOrNo', false)"
-                      />
                     </div>
                   </div>
                 </div>
@@ -115,14 +76,8 @@
     <!-- 预览图像 -->
     <el-card class="box-card right">
       <div style="width: 100%; height: 100%" v-if="!showPDF">
-        <Preview
+        <Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width: 100%"
-          v-if="previewImage.imgList.length > 0"
+          :preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
-          ref="previewImage"
-          style="width: 100%"
-          :preview-image="previewImage"
-          :value="currentStudyFileIndex"
-          @selectedImg="selectedImg"
-        />
       </div>
       <div style="width: 100%; height: 100%" v-else>
         <PreviewFile :file-path="pdfFile.path" :file-type="pdfFile.type" />
@@ -174,7 +129,7 @@ export default {
       subjectVisitId: '',
       sudyId: '',
       loading: false,
-      bp: [],
+      BodyPart: {},
       OtherInfo: {},
       showPDF: false,
       pdfFile: {
@@ -188,7 +143,7 @@ export default {
     }
   },
   async created() {
-    this.bp = await this.$getBodyPart(this.$route.query.trialId)
+    this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
     this.isQcCheck = !!this.$route.query.isQcCheck
   },
   async mounted() {
@@ -202,7 +157,7 @@ export default {
     // 默认选择第一个文件
   },
   methods: {
-    handleChange() {},
+    handleChange() { },
     changeReadingStatus(callback, row, file) {
       let statusStr = ''
       if (callback) {
@@ -245,7 +200,7 @@ export default {
               this.loading = false
             })
         })
-        .catch(() => {})
+        .catch(() => { })
     },
     changeDeleteStatus(callback, row, file) {
       let statusStr = ''
@@ -295,8 +250,8 @@ export default {
           // file.IsDeleted = !file.IsDeleted
         })
     },
-    getBodyPart(bodyPart) {
+    getBodyPart(bodyPart, other) {
-      if (!bodyPart) return ''
+      if (!bodyPart && !other) return ''
       var separator = ','
       if (bodyPart.indexOf('|') > -1) {
         separator = '|'
@@ -307,14 +262,12 @@ export default {
       }
       var arr = bodyPart.split(separator)
       var newArr = arr.map((i) => {
-        return this.$fd(
+        return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
-          'Bodypart',
-          i.trim(),
-          'Code',
-          { Bodypart: this.bp },
-          'Name'
-        )
       })
+      if (other) {
+        newArr.push(other)
+      }
+      newArr = newArr.filter(Boolean)
       return newArr.join(' | ')
     },
     // 获取非Dicom检查信息
@@ -406,24 +359,29 @@ export default {
   height: 100%;
   padding: 10px;
   display: flex;
+
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
+
   ::v-deep .el-card__body {
     padding: 0px;
   }
 }
+
 .study-desc {
   padding: 10px 5px;
   line-height: 20px;
   background-color: #d5d5d5;
   font-weight: 500;
 }
+
 .left {
   width: 220px;
   height: 100%;
@@ -434,6 +392,7 @@ export default {
     display: flex;
     flex-direction: column;
   }
+
   .title {
     height: 40px;
     line-height: 40px;
@@ -443,6 +402,7 @@ export default {
     background-color: #4e4e4e;
     color: #ffffff;
   }
+
   .left-content {
     flex: 1;
     overflow-y: auto;
@@ -474,6 +434,7 @@ export default {
     // margin-bottom: 5px;
     padding-left: 5px;
   }
+
   .img-text {
     display: inline-block;
     width: calc(100% - 60px);
@@ -481,33 +442,41 @@ export default {
     height: 50px;
     line-height: 50px;
     overflow: hidden;
-    text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
+    text-overflow: ellipsis;
+    /* 用省略号表示溢出的文本 */
     white-space: nowrap;
   }
+
   .img-box:nth-last-child(1) {
     margin-bottom: 0px;
   }
+
   .is-boxActive {
     // border-color: #409eff;
     color: #409eff;
   }
+
   .is-boxActiv:after {
     opacity: 0;
   }
 }
+
 .right {
   flex: 1;
   height: 100%;
   margin-left: 10px;
+
   ::v-deep .el-card__body {
     height: 100%;
     width: 100%;
   }
 }
+
 .switchBox {
   width: 100%;
   margin: 5px 0;
   color: #4e4e4e;
+
   .item {
     display: flex;
     align-items: center;
@@ -515,17 +484,21 @@ export default {
     margin-bottom: 5px;
   }
 }
+
 .file-image {
   width: 50px;
   height: 50px;
 }
+
 ::v-deep .el-collapse-item__header {
   background-color: #d5d5d5;
 }
+
 ::v-deep .el-collapse-item__header {
   min-height: 48px;
   height: auto;
 }
+
 ::v-deep .el-collapse-item__content {
   padding-bottom: 0;
 }

src/views/trials/trials-panel/reading/dicoms/none-dicoms.vue

@@ -7,33 +7,26 @@
       </div>
       <div style="height: 100%;" class="left-content">
         <!-- 检查层级 -->
-        <div v-for="(study,i) in studyList" :key="study.CodeView">
+        <div v-for="(study, i) in studyList" :key="study.CodeView">
           <div class="study-desc">
             <span>{{ study.CodeView }}</span>
             <span style="margin:0 5px">{{ study.Modality }}</span>
-            <span>{{ getBodyPart(study.BodyPart) }}</span>
+            <span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
           </div>
           <!-- 文件层级 -->
           <div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
             <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
           </div>
           <div v-else id="imgList" style="height:100%;">
-            <div
+            <div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
-              v-for="(item,j) in study.NoneDicomStudyFileList"
+              'is-boxActive': item.Id === currentFileId
-              :id="`img${item.Id}`"
+            }" class="img-box" @click="selected(item, i, j, true)">
-              :key="item.Id"
-              :class="{
-                'is-boxActive': item.Id === currentFileId
-              }"
-              class="img-box"
-              @click="selected(item,i,j,true)"
-            >
               <div v-if="item.FileName.length < 15" class="img-text">
-                {{ `${j+1}. ${item.FileName}` }}
+                {{ `${j + 1}. ${item.FileName}` }}
               </div>
               <el-tooltip v-else :content="item.FileName" placement="bottom">
                 <div class="img-text">
-                  {{ `${j+1}. ${item.FileName}` }}
+                  {{ `${j + 1}. ${item.FileName}` }}
                 </div>
               </el-tooltip>
             </div>
@@ -46,15 +39,9 @@
     <!-- 预览图像 -->
     <el-card class="box-card right">
       <div style="width:100%;height: 100%;">
-        <NoneDicomsViewer
+        <NoneDicomsViewer v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
-          v-if="previewImage.imgList.length > 0"
+          :preview-image="previewImage" :value="currentStudyFileIndex" :reading-task-state="readingTaskState"
-          ref="previewImage"
+          @selectedImg="selectedImg" />
-          style="width:100%;"
-          :preview-image="previewImage"
-          :value="currentStudyFileIndex"
-          :reading-task-state="readingTaskState"
-          @selectedImg="selectedImg"
-        />
       </div>
 
     </el-card>
@@ -103,11 +90,11 @@ export default {
       visistTaskId: '',
       taskBlindName: '',
       readingTaskState: 2,
-      bp: []
+      BodyPart: {}
     }
   },
   async mounted() {
-    this.bp = await this.$getBodyPart(this.$route.query.trialId)
+    this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
     if (this.$router.currentRoute.query.TokenKey) {
       store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
       changeURLStatic('TokenKey', '')
@@ -183,8 +170,8 @@ export default {
     preview() {
       this.previewVisible = true
     },
-    getBodyPart(bodyPart) {
+    getBodyPart(bodyPart, other) {
-      if (!bodyPart) return ''
+      if (!bodyPart && !other) return ''
       var separator = ','
       if (bodyPart.indexOf('|') > -1) {
         separator = '|'
@@ -194,51 +181,61 @@ export default {
         separator = '，'
       }
       var arr = bodyPart.split(separator)
-      var newArr = arr.map(i => {
+      var newArr = arr.map((i) => {
-        return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
+        return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
       })
+      if (other) {
+        newArr.push(other)
+      }
+      newArr = newArr.filter(Boolean)
       return newArr.join(' | ')
-    }
+    },
   }
 }
 </script>
 
 <style lang="scss" scoped>
-.img-container{
+.img-container {
   flex: 1;
   width: 100%;
   height: 100%;
   padding: 10px;
   display: flex;
+
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  ::v-deep .el-card__body{
+
+  ::v-deep .el-card__body {
     padding: 0px;
   }
 }
-.study-desc{
+
+.study-desc {
   padding: 10px 5px;
   line-height: 1;
   background-color: #ebebeb;
   font-weight: 500;
 }
-.left{
+
-  width:240px;
+.left {
+  width: 240px;
   height: 100%;
 
-  ::v-deep .el-card__body{
+  ::v-deep .el-card__body {
     height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
   }
-  .title{
+
+  .title {
     height: 40px;
     line-height: 40px;
     border: 1ppx solid;
@@ -247,27 +244,32 @@ export default {
     background-color: #4e4e4e;
     color: #ffffff;
   }
-  .left-content{
+
+  .left-content {
     flex: 1;
     overflow-y: auto;
   }
-::v-deep .el-tabs{
+
+  ::v-deep .el-tabs {
     height: 100%;
-    display:flex;
+    display: flex;
 
     flex-direction: column;
   }
-  ::v-deep .el-tabs__header{
+
+  ::v-deep .el-tabs__header {
     height: 40px;
     padding: 0 5px;
     margin-bottom: 5px;
   }
-  ::v-deep .el-tabs__content{
+
+  ::v-deep .el-tabs__content {
     flex: 1;
     overflow-y: auto;
     padding: 0 5px;
   }
-  .img-box{
+
+  .img-box {
     // position: relative;
     display: inline-block;
     box-sizing: border-box;
@@ -276,34 +278,40 @@ export default {
     // margin-bottom: 5px;
     padding-left: 5px;
   }
-  .img-text{
+
+  .img-text {
     display: inline-block;
     width: 200px;
     height: 50px;
     line-height: 50px;
     overflow: hidden;
-    text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
+    text-overflow: ellipsis;
+    /* 用省略号表示溢出的文本 */
     white-space: nowrap;
   }
-  .img-box:nth-last-child(1){
+
+  .img-box:nth-last-child(1) {
     margin-bottom: 0px;
   }
+
   .is-boxActive {
     // border-color: #409eff;
     color: #409eff;
   }
+
   .is-boxActiv:after {
     opacity: 0;
   }
 }
-.right{
+
+.right {
   flex: 1;
   height: 100%;
   margin-left: 10px;
-  ::v-deep .el-card__body{
+
+  ::v-deep .el-card__body {
     height: 100%;
     width: 100%;
   }
 }
-
 </style>

src/views/trials/trials-panel/reading/none-dicoms/components/VisitReview.vue

@@ -9,33 +9,26 @@
         <el-tab-pane :label="$t('trials:clinicaldara:title:currentTask')" name="first" class="left-content">
           <div>
             <!-- 检查层级 -->
-            <div v-for="(study,i) in studyList" :key="study.CodeView">
+            <div v-for="(study, i) in studyList" :key="study.CodeView">
               <div class="study-desc">
                 <span>{{ study.CodeView }}</span>
                 <span style="margin:0 5px">{{ study.Modality }}</span>
-                <span>{{ getBodyPart(study.BodyPart) }}</span>
+                <span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
               </div>
               <!-- 文件层级 -->
               <div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
                 <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
               </div>
               <div v-else id="imgList" style="height:100%;">
-                <div
+                <div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
-                  v-for="(item,j) in study.NoneDicomStudyFileList"
+                  'is-boxActive': item.Id === currentFileId
-                  :id="`img${item.Id}`"
+                }" class="img-box" @click="selected(item, i, j, true)">
-                  :key="item.Id"
-                  :class="{
-                    'is-boxActive': item.Id === currentFileId
-                  }"
-                  class="img-box"
-                  @click="selected(item,i,j,true)"
-                >
                   <div v-if="item.FileName.length < 15" class="img-text">
-                    {{ `${j+1}. ${item.FileName}` }}
+                    {{ `${j + 1}. ${item.FileName}` }}
                   </div>
                   <el-tooltip v-else :content="item.FileName" placement="bottom">
                     <div class="img-text">
-                      {{ `${j+1}. ${item.FileName}` }}
+                      {{ `${j + 1}. ${item.FileName}` }}
                     </div>
                   </el-tooltip>
                 </div>
@@ -51,21 +44,15 @@
               <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
             </div>
             <div v-else>
-              <div
+              <div v-for="(task, j) in associatedList" :key="task.VisitTaskId" :class="{
-                v-for="(task,j) in associatedList"
+                'is-boxActive': task.VisitTaskId === currentTaskId
-                :key="task.VisitTaskId"
+              }" class="img-box" @click="handleImageRead(task)">
-                :class="{
-                  'is-boxActive': task.VisitTaskId === currentTaskId
-                }"
-                class="img-box"
-                @click="handleImageRead(task)"
-              >
                 <div v-if="task.TaskBlindName.length < 15" class="img-text">
-                  {{ `${j+1}. ${task.TaskBlindName}` }}
+                  {{ `${j + 1}. ${task.TaskBlindName}` }}
                 </div>
                 <el-tooltip v-else :content="task.TaskBlindName" placement="bottom">
                   <div class="img-text">
-                    {{ `${j+1}. ${task.TaskBlindName}` }}
+                    {{ `${j + 1}. ${task.TaskBlindName}` }}
                   </div>
                 </el-tooltip>
               </div>
@@ -78,14 +65,8 @@
     <!-- 预览图像 -->
     <el-card v-loading="loading" class="box-card right">
       <div style="width:100%;height: 100%;">
-        <Preview
+        <Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
-          v-if="previewImage.imgList.length > 0"
+          :preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
-          ref="previewImage"
-          style="width:100%;"
-          :preview-image="previewImage"
-          :value="currentStudyFileIndex"
-          @selectedImg="selectedImg"
-        />
       </div>
 
     </el-card>
@@ -101,18 +82,12 @@
         </el-button>
       </div> -->
       <Criterions
-        v-if="otherInfo && visitTaskId!== '' && subjectId!== '' && readingCategory!==null && readingCategory!==4"
+        v-if="otherInfo && visitTaskId !== '' && subjectId !== '' && readingCategory !== null && readingCategory !== 4"
-        :trial-id="trialId"
+        :trial-id="trialId" :subject-id="subjectId" :visit-task-id="visitTaskId"
-        :subject-id="subjectId"
+        :criterion-id="otherInfo.TrialCriterionId" :subject-code="subjectCode" :task-blind-name="taskBlindName"
-        :visit-task-id="visitTaskId"
-        :criterion-id="otherInfo.TrialCriterionId"
-        :subject-code="subjectCode"
-        :task-blind-name="taskBlindName"
         :is-reading-show-subject-info="isReadingShowSubjectInfo"
-        :ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading"
+        :ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading" :isExistsClinicalData="isExistsClinicalData"
-        :isExistsClinicalData="isExistsClinicalData"
+        @previewCD="previewCD" />
-        @previewCD="previewCD"
-      />
     </el-card>
   </div>
 
@@ -203,7 +178,7 @@ export default {
       currentTaskId: '',
       otherInfo: null,
       isReadingShowPreviousResults: false,
-      bp: [],
+      BodyPart: {},
       openWindow: null
     }
   },
@@ -213,7 +188,7 @@ export default {
     }
   },
   async mounted() {
-    this.bp = await this.$getBodyPart(this.$route.query.trialId)
+    this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
     this.isReadingShowPreviousResults = this.$router.currentRoute.query.isReadingShowPreviousResults !== undefined ? this.$router.currentRoute.query.isReadingShowPreviousResults : true
 
     this.getNoneDicomList(this.isReadingShowPreviousResults)
@@ -327,8 +302,8 @@ export default {
       // window.open(routeData.href, '_blank')
       this.$emit('previewCD', this.visitTaskId)
     },
-    getBodyPart(bodyPart) {
+    getBodyPart(bodyPart, other) {
-      if (!bodyPart) return ''
+      if (!bodyPart && !other) return ''
       var separator = ','
       if (bodyPart.indexOf('|') > -1) {
         separator = '|'
@@ -338,51 +313,61 @@ export default {
         separator = '，'
       }
       var arr = bodyPart.split(separator)
-      var newArr = arr.map(i => {
+      var newArr = arr.map((i) => {
-        return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
+        return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
       })
+      if (other) {
+        newArr.push(other)
+      }
+      newArr = newArr.filter(Boolean)
       return newArr.join(' | ')
-    }
+    },
   }
 }
 </script>
 
 <style lang="scss" scoped>
-.img-container{
+.img-container {
   flex: 1;
   width: 100%;
   height: 100%;
   padding-bottom: 10px;
   display: flex;
+
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  ::v-deep .el-card__body{
+
+  ::v-deep .el-card__body {
     padding: 0px;
   }
 }
-.study-desc{
+
+.study-desc {
   padding: 10px 5px;
   line-height: 1;
   background-color: #ebebeb;
   font-weight: 500;
 }
-.left{
+
-  width:240px;
+.left {
+  width: 240px;
   height: 100%;
 
-  ::v-deep .el-card__body{
+  ::v-deep .el-card__body {
     height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
   }
-  .title{
+
+  .title {
     // height: 40px;
     // line-height: 40px;
     border: 1ppx solid;
@@ -390,34 +375,40 @@ export default {
     // padding-left: 10px;
     background-color: #4e4e4e;
     color: #ffffff;
-    h4{
+
+    h4 {
       padding: 5px 0px;
       margin: 0;
       text-align: center;
       background-color: #4c4c4c;
     }
   }
-  .left-content{
+
+  .left-content {
     flex: 1;
     overflow-y: auto;
   }
-::v-deep .el-tabs{
+
+  ::v-deep .el-tabs {
     height: 100%;
-    display:flex;
+    display: flex;
 
     flex-direction: column;
   }
-  ::v-deep .el-tabs__header{
+
+  ::v-deep .el-tabs__header {
     height: 40px;
     padding: 0 5px;
     margin-bottom: 5px;
   }
-  ::v-deep .el-tabs__content{
+
+  ::v-deep .el-tabs__content {
     flex: 1;
     overflow-y: auto;
     padding: 0 5px;
   }
-  .img-box{
+
+  .img-box {
     // position: relative;
     display: inline-block;
     box-sizing: border-box;
@@ -426,34 +417,40 @@ export default {
     // margin-bottom: 5px;
     padding-left: 5px;
   }
-  .img-text{
+
+  .img-text {
     display: inline-block;
     width: 200px;
     height: 50px;
     line-height: 50px;
     overflow: hidden;
-    text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
+    text-overflow: ellipsis;
+    /* 用省略号表示溢出的文本 */
     white-space: nowrap;
   }
-  .img-box:nth-last-child(1){
+
+  .img-box:nth-last-child(1) {
     margin-bottom: 0px;
   }
+
   .is-boxActive {
     // border-color: #409eff;
     color: #409eff;
   }
+
   .is-boxActiv:after {
     opacity: 0;
   }
 }
-.right{
+
+.right {
   flex: 1;
   height: 100%;
   margin-left: 10px;
-  ::v-deep .el-card__body{
+
+  ::v-deep .el-card__body {
     height: 100%;
     width: 100%;
   }
 }
-
 </style>

src/views/trials/trials-panel/subject/brain-metastasis/components/subjectStudy.vue

@@ -1,164 +1,85 @@
 <template>
   <div>
     <el-divider content-position="left">{{ $t('trials:readingPeriod:title:study') }}</el-divider>
-    <el-table
+    <el-table v-loading="btnLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
-    v-loading="btnLoading"
+      max-height="250">
-    :data="studyList"
+      <!-- 检查编号 -->
-    style="width: 100%"
+      <el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
-    :row-class-name="tableRowClassName"
+        show-overflow-tooltip />
-    max-height="250"
+      <!-- 检查类型 -->
-    >
+      <el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
-    <!-- 检查编号 -->
+      <!-- 检查设备 -->
-    <el-table-column
+      <el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
-      prop="StudyCode"
+      <!-- 检查部位 -->
-      :label="$t('trials:uploadedDicoms:table:studyId')"
+      <el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
-      min-width="80"
+        show-overflow-tooltip>
-      show-overflow-tooltip
+        <template slot-scope="scope">
-    />
+          {{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
-    <!-- 检查类型 -->
+        </template>
-    <el-table-column
+      </el-table-column>
-      prop="ModalityForEdit"
+      <!-- 序列数量 -->
-      :label="$t('trials:audit:table:modality')"
+      <el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
-    />
+        show-overflow-tooltip />
-    <!-- 检查设备 -->
+      <!-- 图像数量 -->
-    <el-table-column
+      <el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
-      prop="Modalities"
+        show-overflow-tooltip />
-      :label="$t('trials:audit:table:modality1')"
+      <!-- 检查日期 -->
-    />
+      <el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
-    <!-- 检查部位 -->
+        show-overflow-tooltip>
-    <el-table-column
+        <!--      <template slot-scope="scope">-->
-      prop="BodyPartForEdit"
+        <!--        {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
-      :label="$t('trials:uploadedDicoms:table:bodyPart')"
+        <!--      </template>-->
-      min-width="100"
+      </el-table-column>
-      show-overflow-tooltip
+      <!-- 上传时间 -->
-    >
+      <el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
-      <template slot-scope="scope">
+        show-overflow-tooltip />
-        {{ getBodyPart(scope.row.BodyPartForEdit)}}
+      <el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
-      </template>
+        <template slot-scope="scope">
-    </el-table-column>
+          <!-- 预览 -->
-    <!-- 序列数量 -->
+          <el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
-    <el-table-column
+            :title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
-      prop="SeriesCount"
+        </template>
-      :label="$t('trials:uploadedDicoms:table:seriesCount')"
+      </el-table-column>
-      min-width="100"
-      show-overflow-tooltip
-    />
-    <!-- 图像数量 -->
-    <el-table-column
-      prop="InstanceCount"
-      :label="$t('trials:uploadedDicoms:table:instanceCount')"
-      min-width="100"
-      show-overflow-tooltip
-    />
-    <!-- 检查日期 -->
-    <el-table-column
-      prop="StudyTime"
-      :label="$t('trials:uploadedDicoms:table:studyDate')"
-      min-width="120"
-      show-overflow-tooltip
-    >
-<!--      <template slot-scope="scope">-->
-<!--        {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
-<!--      </template>-->
-    </el-table-column>
-    <!-- 上传时间 -->
-    <el-table-column
-      prop="UploadedTime"
-      :label="$t('trials:uploadedDicoms:table:uploadedTime')"
-      min-width="80"
-      show-overflow-tooltip
-    />
-    <el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
-      <template slot-scope="scope">
-        <!-- 预览 -->
-        <el-button
-          icon="el-icon-view"
-          :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
-          :title="$t('trials:uploadedDicoms:action:preview')"
-          circle
-          @click="handleViewStudy(scope.row)"
-        />
-      </template>
-    </el-table-column>
     </el-table>
     <el-divider content-position="left">{{ $t('trials:readingPeriod:title:series') }}</el-divider>
-    <el-table
+    <el-table :data="seriesList" v-loading="btnLoading" :row-class-name="tableRowClassName">
-      :data="seriesList"
-      v-loading="btnLoading"
-      :row-class-name="tableRowClassName"
-    >
       <!-- 序列号 -->
-      <el-table-column
+      <el-table-column prop="SeriesNumber" :label="$t('trials:audit:table:seriesId')" />
-        prop="SeriesNumber"
-        :label="$t('trials:audit:table:seriesId')"
-      />
       <!-- 检查编号 -->
-      <el-table-column
+      <el-table-column prop="StudyCode" :label="$t('trials:audit:table:seriesOfStudyId')" />
-        prop="StudyCode"
-        :label="$t('trials:audit:table:seriesOfStudyId')"
-      />
       <!-- 检查类型 -->
-      <el-table-column
+      <el-table-column prop="Modality" :label="$t('trials:audit:table:seriesModality')" show-overflow-tooltip />
-        prop="Modality"
-        :label="$t('trials:audit:table:seriesModality')"
-
-        show-overflow-tooltip
-      />
       <!-- 检查部位 -->
-      <el-table-column
+      <el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
-        prop="BodyPartForEdit"
+        show-overflow-tooltip>
-        :label="$t('trials:uploadedDicoms:table:bodyPart')"
-        min-width="100"
-        show-overflow-tooltip
-      >
         <template slot-scope="scope">
-          {{ getBodyPart(scope.row.BodyPartForEdit)}}
+          {{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
         </template>
       </el-table-column>
       <!-- 图像数量 -->
-      <el-table-column
+      <el-table-column prop="InstanceCount" :label="$t('trials:audit:table:seriesOfInstanceCount')" />
-        prop="InstanceCount"
-        :label="$t('trials:audit:table:seriesOfInstanceCount')"
-      />
       <!-- 检查日期 -->
-      <el-table-column
+      <el-table-column prop="SeriesTime" :label="$t('trials:audit:table:seriesOfStudyDate')" show-overflow-tooltip>
-        prop="SeriesTime"
-        :label="$t('trials:audit:table:seriesOfStudyDate')"
-
-        show-overflow-tooltip
-      >
         <template slot-scope="scope">
           {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
         </template>
       </el-table-column>
       <!-- 是否阅片 -->
-      <el-table-column
+      <el-table-column prop="IsReading" :label="$t('trials:audit:table:isReading')">
-        prop="IsReading"
-        :label="$t('trials:audit:table:isReading')"
-      >
         <template slot-scope="scope">
-          <el-switch
+          <el-switch :disabled="scope.row.IsConfirmed" v-model="scope.row.IsReading" />
-            :disabled="scope.row.IsConfirmed"
-            v-model="scope.row.IsReading"
-          />
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column :label="$t('common:action:action')">
-        :label="$t('common:action:action')"
-      >
         <template slot-scope="scope">
           <!-- 预览 -->
-          <el-button
+          <el-button icon="el-icon-view" :title="$t('trials:audit:action:seriesPreview')" circle
-            icon="el-icon-view"
+            :disabled="scope.row.IsDeleted" @click="handlePreviewInstance(scope.row)" />
-            :title="$t('trials:audit:action:seriesPreview')"
-            circle
-            :disabled="scope.row.IsDeleted"
-            @click="handlePreviewInstance(scope.row)"
-          />
         </template>
       </el-table-column>
     </el-table>
-    <div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)" style="text-align: right;margin-top: 20px">
+    <div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)"
+      style="text-align: right;margin-top: 20px">
       <el-button :disabled="btnLoading" size="small" type="primary" @click="save(false)">
         {{ $t('common:button:save') }}
       </el-button>
@@ -179,7 +100,7 @@ export default {
   props: {
     data: {
       type: Object,
-      default: () => {}
+      default: () => { }
     }
   },
   data() {
@@ -190,11 +111,11 @@ export default {
       seriesList: [],
       moment,
       trialId: this.$route.query.trialId,
-      bp:[]
+      BodyPart: {}
     }
   },
   async mounted() {
-    this.bp = await this.$getBodyPart(this.$route.query.trialId)
+    this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
     this.getList()
   },
   methods: {
@@ -216,7 +137,7 @@ export default {
           this.$message.success(this.$t('common:message:savedSuccessfully'))
           this.getList()
           this.btnLoading = false
-        }).catch(() => {this.btnLoading = false})
+        }).catch(() => { this.btnLoading = false })
       } else {
         this.$confirm(this.$t('trials:readingPeriod:confirm:Images')).then(() => {
           this.btnLoading = true
@@ -226,7 +147,7 @@ export default {
             this.btnLoading = false
             this.$emit('getList')
             this.$emit('close')
-          }).catch(() => {this.btnLoading = false})
+          }).catch(() => { this.btnLoading = false })
         })
       }
     },
@@ -237,8 +158,8 @@ export default {
       })
       this.open = window.open(routeData.href, '_blank')
     },
-    getBodyPart(bodyPart) {
+    getBodyPart(bodyPart, other) {
-      if (!bodyPart) return ''
+      if (!bodyPart && !other) return ''
       var separator = ','
       if (bodyPart.indexOf('|') > -1) {
         separator = '|'
@@ -248,9 +169,13 @@ export default {
         separator = '，'
       }
       var arr = bodyPart.split(separator)
-      var newArr = arr.map(i => {
+      var newArr = arr.map((i) => {
-        return this.$fd('Bodypart', i.trim(),'Code',{Bodypart:this.bp},'Name')
+        return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
       })
+      if (other) {
+        newArr.push(other)
+      }
+      newArr = newArr.filter(Boolean)
       return newArr.join(' | ')
     },
     getList() {
@@ -265,7 +190,7 @@ export default {
         this.seriesList = res.Result.SeriesList
         this.btnLoading = false
         console.log(res.Result)
-      }).catch(() => {  this.btnLoading = false })
+      }).catch(() => { this.btnLoading = false })
     },
     // 设置已删除序列行样式
     tableRowClassName({ row, rowIndex }) {
@@ -295,6 +220,4 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped></style>
-
-</style>

src/views/trials/trials-panel/visit/crc-upload/components/uploadDicomFiles.vue

@@ -3,125 +3,61 @@
     <!-- 已上传的dicom影像记录 -->
     <div class="functions" style="text-align:right">
       <!-- //批量删除已上传的影像 -->
-      <el-button
+      <el-button :disabled="deleteArr.length === 0" type="primary" size="small" icon="el-icon-delete"
-        :disabled="deleteArr.length === 0"
+        @click="handleBatchDelete">
-        type="primary"
-        size="small"
-        icon="el-icon-delete"
-        @click="handleBatchDelete"
-      >
         {{ $t('trials:uploadedDicoms:action:delete') }}
       </el-button>
       <!-- 预览 -->
-      <el-button
+      <el-button type="primary" icon="el-icon-view" size="small" :disabled="studyList.length === 0"
-        type="primary"
+        @click="handlePreviewAllFiles">
-        icon="el-icon-view"
-        size="small"
-        :disabled="studyList.length === 0"
-        @click="handlePreviewAllFiles"
-      >
         {{ $t('trials:uploadedDicoms:action:preview') }}
       </el-button>
     </div>
-    <el-table
+    <el-table v-loading="studyLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
-      v-loading="studyLoading"
+      max-height="250" @selection-change="handleUploadedSelectionChange">
-      :data="studyList"
+      <el-table-column type="selection" width="55" />
-      style="width: 100%"
-      :row-class-name="tableRowClassName"
-      max-height="250"
-      @selection-change="handleUploadedSelectionChange"
-    >
-      <el-table-column
-        type="selection"
-        width="55"
-      />
       <!-- 检查编号 -->
-      <el-table-column
+      <el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
-        prop="StudyCode"
+        show-overflow-tooltip />
-        :label="$t('trials:uploadedDicoms:table:studyId')"
-        min-width="80"
-        show-overflow-tooltip
-      />
       <!-- 检查类型 -->
-      <el-table-column
+      <el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
-        prop="ModalityForEdit"
-        :label="$t('trials:audit:table:modality')"
-      />
       <!-- 检查设备 -->
-      <el-table-column
+      <el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
-        prop="Modalities"
-        :label="$t('trials:audit:table:modality1')"
-      />
       <!-- 检查部位 -->
-      <el-table-column
+      <el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
-        prop="BodyPartForEdit"
+        show-overflow-tooltip>
-        :label="$t('trials:uploadedDicoms:table:bodyPart')"
-        min-width="100"
-        show-overflow-tooltip
-      >
         <template slot-scope="scope">
-          {{ getBodyPart(scope.row.BodyPartForEdit)}}
+          {{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
         </template>
       </el-table-column>
       <!-- 序列数量 -->
-      <el-table-column
+      <el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
-        prop="SeriesCount"
+        show-overflow-tooltip />
-        :label="$t('trials:uploadedDicoms:table:seriesCount')"
-        min-width="100"
-        show-overflow-tooltip
-      />
       <!-- 图像数量 -->
-      <el-table-column
+      <el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
-        prop="InstanceCount"
+        show-overflow-tooltip />
-        :label="$t('trials:uploadedDicoms:table:instanceCount')"
-        min-width="100"
-        show-overflow-tooltip
-      />
       <!-- 检查日期 -->
-      <el-table-column
+      <el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
-        prop="StudyTime"
+        show-overflow-tooltip>
-        :label="$t('trials:uploadedDicoms:table:studyDate')"
-        min-width="120"
-        show-overflow-tooltip
-      >
         <template slot-scope="scope">
-          {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}
+          {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
         </template>
       </el-table-column>
       <!-- 上传时间 -->
-      <el-table-column
+      <el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
-        prop="UploadedTime"
+        show-overflow-tooltip />
-        :label="$t('trials:uploadedDicoms:table:uploadedTime')"
-        min-width="80"
-        show-overflow-tooltip
-      />
       <el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
         <template slot-scope="scope">
           <!-- 预览 -->
-          <el-button
+          <el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
-            icon="el-icon-view"
+            :title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
-            :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
-            :title="$t('trials:uploadedDicoms:action:preview')"
-            circle
-            @click="handleViewStudy(scope.row)"
-          />
           <!-- 编辑 -->
-          <el-button
+          <el-button icon="el-icon-edit-outline" v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
-            icon="el-icon-edit-outline"
+            :title="$t('common:button:edit')" circle :disabled="scope.row.IsDeleted"
-            v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
+            @click="handleEditStudy(scope.row)" />
-            :title="$t('common:button:edit')"
-            circle
-            :disabled="scope.row.IsDeleted"
-            @click="handleEditStudy(scope.row)"
-          />
           <!-- 删除 -->
-          <el-button
+          <el-button icon="el-icon-delete" :disabled="scope.row.IsDeleted"
-            icon="el-icon-delete"
+            :title="$t('trials:uploadedDicoms:action:delete')" circle @click="handleDeleteStudy(scope.row)" />
-            :disabled="scope.row.IsDeleted"
-            :title="$t('trials:uploadedDicoms:action:delete')"
-            circle
-            @click="handleDeleteStudy(scope.row)"
-          />
         </template>
       </el-table-column>
     </el-table>
@@ -132,33 +68,16 @@
       <div class="form-group">
         <div id="directoryInputWrapper" class="btn btn-link file-input">
           <el-button type="primary" size="small">{{ $t('trials:uploadedDicomsicom:button:selectFolder') }}</el-button>
-          <input
+          <input type="file" name="file" webkitdirectory multiple @change="beginScanFiles($event)">
-            type="file"
-            name="file"
-            webkitdirectory
-            multiple
-            @change="beginScanFiles($event)"
-          >
         </div>
       </div>
     </form>
 
     <!-- 文件列表 -->
-    <el-table
+    <el-table ref="dicomFilesTable" :data="uploadQueues" class="dicomFiles-table"
-      ref="dicomFilesTable"
+      @selection-change="handleSelectionChange">
-      :data="uploadQueues"
+      <el-table-column type="selection" width="55" :selectable="handleSelectable" />
-      class="dicomFiles-table"
+      <el-table-column type="index" width="40" />
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column
-        type="selection"
-        width="55"
-        :selectable="handleSelectable"
-      />
-      <el-table-column
-        type="index"
-        width="40"
-      />
       <el-table-column min-width="200" show-overflow-tooltip>
         <template slot="header">
           <el-tooltip placement="top">
@@ -174,11 +93,13 @@
           <div style="line-height:15px;">
             <div>
               <div>
-                <span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{ scope.row.dicomInfo.accNumber }}</span>
+                <span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{
+                  scope.row.dicomInfo.accNumber }}</span>
                 <span v-else style="color:#f44336;">N/A</span>
               </div>
               <div style="display: inline-block;margin-right:2px">
-                <span v-if="scope.row.dicomInfo.modality.length>0"> {{ scope.row.dicomInfo.modality.join('、') }},</span>
+                <span v-if="scope.row.dicomInfo.modality.length > 0"> {{ scope.row.dicomInfo.modality.join('、')
+                  }},</span>
                 <span v-else style="color:#f44336;">N/A,</span>
               </div>
               <div style="display: inline-block;margin-right:2px">
@@ -225,25 +146,26 @@
         <template slot-scope="scope">
           <div style="line-height:15px;">
             <div>
-              <span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{ scope.row.dicomInfo.patientId }}</span>
+              <span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{
+                scope.row.dicomInfo.patientId }}</span>
               <span v-else style="color:#f44336;">N/A</span>
             </div>
             <div>
-              <span :class="[scope.row.dicomInfo.patientName?'':'colorOfRed']">
+              <span :class="[scope.row.dicomInfo.patientName ? '' : 'colorOfRed']">
-                {{ scope.row.dicomInfo.patientName?scope.row.dicomInfo.patientName:'N/A' }}
+                {{ scope.row.dicomInfo.patientName ? scope.row.dicomInfo.patientName : 'N/A' }}
               </span>
             </div>
             <div>
-              <span :class="[scope.row.dicomInfo.patientSex?'':'colorOfRed']">
+              <span :class="[scope.row.dicomInfo.patientSex ? '' : 'colorOfRed']">
-                {{ scope.row.dicomInfo.patientSex?scope.row.dicomInfo.patientSex:'N/A' }},
+                {{ scope.row.dicomInfo.patientSex ? scope.row.dicomInfo.patientSex : 'N/A' }},
               </span>
 
-              <span :class="[scope.row.dicomInfo.patientAge?'':'colorOfRed']">
+              <span :class="[scope.row.dicomInfo.patientAge ? '' : 'colorOfRed']">
-                {{ scope.row.dicomInfo.patientAge?scope.row.dicomInfo.patientAge:'N/A' }},
+                {{ scope.row.dicomInfo.patientAge ? scope.row.dicomInfo.patientAge : 'N/A' }},
               </span>
 
-              <span :class="[scope.row.dicomInfo.patientBirthDate?'':'colorOfRed']">
+              <span :class="[scope.row.dicomInfo.patientBirthDate ? '' : 'colorOfRed']">
-                {{ scope.row.dicomInfo.patientBirthDate?scope.row.dicomInfo.patientBirthDate:'N/A' }}
+                {{ scope.row.dicomInfo.patientBirthDate ? scope.row.dicomInfo.patientBirthDate : 'N/A' }}
               </span>
             </div>
           </div>
@@ -251,11 +173,13 @@
       </el-table-column>
       <el-table-column :label="$t('trials:uploadDicomList:table:status')" min-width="120" show-overflow-tooltip>
         <template slot-scope="scope">
-<!--          <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
+          <!--          <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
           <el-progress v-show="scope.row.uploadState.stateText" :percentage="scope.row.uploadState.progressValue" />
-<!--          <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
+          <!--          <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
-          <el-progress v-show="scope.row.uploadState.stateText" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
+          <el-progress v-show="scope.row.uploadState.stateText" color="#409eff"
-          <el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark" :content="scope.row.uploadState.errorMessage" placement="bottom">
+            :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
+          <el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark"
+            :content="scope.row.uploadState.errorMessage" placement="bottom">
             <span>{{ scope.row.uploadState.stateText }}</span>
           </el-tooltip>
 
@@ -263,31 +187,20 @@
         </template>
       </el-table-column>
 
-      <el-table-column
+      <el-table-column :label="$t('trials:uploadDicomList:table:stats')" min-width="140" show-overflow-tooltip>
-        :label="$t('trials:uploadDicomList:table:stats')"
-        min-width="140"
-        show-overflow-tooltip
-      >
         <template slot-scope="scope">
           <div style="display: flex;justify-content: flex-start;align-items: center">
-            <div
+            <div v-if="scope.row.uploadState.totalCount" style="text-align: center">
-              v-if="scope.row.uploadState.totalCount"
-              style="text-align: center"
-            >
               {{
                 scope.row.uploadState.totalCount +
-                  ' / ' +
+                ' / ' +
-                  scope.row.uploadState.successCount +
+                scope.row.uploadState.successCount +
-                  ' / ' +
+                ' / ' +
-                  scope.row.uploadState.failedCount
+                scope.row.uploadState.failedCount
               }}
             </div>
             <div v-if="scope.row.uploadState.failedCount > 0">
-              <el-button
+              <el-button type="primary" size="small" @click="exportFailedFiles(scope.row.uploadState.ErrorFiles)">
-                type="primary"
-                size="small"
-                @click="exportFailedFiles(scope.row.uploadState.ErrorFiles)"
-              >
                 {{ $t('trials:uploadDicomList:button:exportFailed') }}
               </el-button>
             </div>
@@ -298,22 +211,11 @@
       <el-table-column v-show="isScan" :label="$t('common:action:action')" width="200">
         <template slot-scope="scope">
           <!-- 预览 -->
-          <el-button
+          <el-button icon="el-icon-view" circle :title="$t('trials:uploadedDicoms:action:preview')" size="small"
-            icon="el-icon-view"
+            @click="handlePreview(scope.row.dicomInfo.studyUid)" />
-            circle
-            :title="$t('trials:uploadedDicoms:action:preview')"
-            size="small"
-            @click="handlePreview(scope.row.dicomInfo.studyUid)"
-          />
           <!-- 移除 -->
-          <el-button
+          <el-button icon="el-icon-delete" circle :title="$t('trials:uploadedDicoms:action:delete')" size="small"
-            icon="el-icon-delete"
+            :disabled="scope.row.uploadState.stateCode !== ''" @click="handleDelete(scope.$index, scope.row)" />
-            circle
-            :title="$t('trials:uploadedDicoms:action:delete')"
-            size="small"
-            :disabled="scope.row.uploadState.stateCode !== ''"
-            @click="handleDelete(scope.$index, scope.row)"
-          />
         </template>
       </el-table-column>
     </el-table>
@@ -323,46 +225,29 @@
         {{ $t('trials:uploadDicomList:button:close') }}
       </el-button> -->
       <!-- 上传 -->
-      <el-button
+      <el-button size="small" type="primary" :disabled="selectArr.length == 0 || !isScan"
-        size="small"
+        :loading="btnLoading || uploadCount !== uploadedCount" @click="beginUploadQueues">
-        type="primary"
-        :disabled="selectArr.length == 0 || !isScan"
-        :loading="btnLoading || uploadCount !== uploadedCount"
-        @click="beginUploadQueues"
-      >
         {{ $t('trials:uploadDicomList:button:upload') }}
       </el-button>
     </div>
 
     <!-- 预览影像模态框 -->
-    <el-dialog
+    <el-dialog v-if="previewVisible" :fullscreen="true" :show-close="true" :visible.sync="previewVisible"
-      v-if="previewVisible"
+      append-to-body>
-      :fullscreen="true"
-      :show-close="true"
-      :visible.sync="previewVisible"
-      append-to-body
-    >
       <DicomPreview :uid="uid" />
     </el-dialog>
 
     <!-- 校验警告信息模态框 -->
-    <el-dialog
+    <el-dialog v-if="warning_cfg.visible" :visible.sync="warning_cfg.visible" width="500px"
-      v-if="warning_cfg.visible"
+      :close-on-click-modal="false" append-to-body title="Warning" custom-class="warning-dialog">
-      :visible.sync="warning_cfg.visible"
-      width="500px"
-      :close-on-click-modal="false"
-      append-to-body
-      title="Warning"
-      custom-class="warning-dialog"
-    >
       <div style="border:1px solid #e0e0e0;padding:10px;">
         <!-- Information from DICOM headers not consistent with that of this subject -->
         <div style="color: red;font-size:14px;margin-bottom:10px;">
           {{ $t('trials:uploadDicomList:message:informationConsistent') }}:
         </div>
-        <div v-for="(item,i) in warningArr" :key="item.index">
+        <div v-for="(item, i) in warningArr" :key="item.index">
-          <div>{{ `(${i+1}). ACC: ${item.accNumber}` }}</div>
+          <div>{{ `(${i + 1}). ACC: ${item.accNumber}` }}</div>
-          <div v-for="(warning,index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
+          <div v-for="(warning, index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
             <ul>
               <li>{{ warning }}</li>
             </ul>
@@ -378,15 +263,8 @@
         </el-button>
       </div>
     </el-dialog>
-    <el-dialog
+    <el-dialog v-if="editStudyInfoVisible" :title="$t('trials:audit:action:edit')" :visible.sync="editStudyInfoVisible"
-      v-if="editStudyInfoVisible"
+      :close-on-click-modal="false" append-to-body custom-class="base-dialog-wrapper" width="600px">
-      :title="$t('trials:audit:action:edit')"
-      :visible.sync="editStudyInfoVisible"
-      :close-on-click-modal="false"
-      append-to-body
-      custom-class="base-dialog-wrapper"
-      width="600px"
-    >
       <div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
         <el-form ref="studyForm" :model="studyForm" label-width="100px">
           <!-- 检查编号 -->
@@ -398,28 +276,21 @@
             <el-input v-model="studyForm.Modalities" disabled />
           </el-form-item>
           <!-- 检查类型 -->
-          <el-form-item
+          <el-form-item v-else :label="$t('trials:audit:table:modality')" prop="Modalities" :rules="[
-            v-else
+            { required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
-            :label="$t('trials:audit:table:modality')"
+          ]">
-            prop="Modalities"
-            :rules="[
-                { required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
-              ]"
-          >
             <el-radio-group v-model="studyForm.Modality">
-              <el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m" style="margin-bottom: 15px;" />
+              <el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m"
+                style="margin-bottom: 15px;" />
             </el-radio-group>
           </el-form-item>
           <!-- 检查部位 -->
-          <el-form-item
+          <el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
-            :label="$t('trials:audit:table:bodyPart')"
+            { required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
-            prop="BodyPartForEdit"
+          ]">
-            :rules="[
-                { required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
-              ]"
-          >
             <el-checkbox-group v-model="studyForm.BodyPartForEdit">
-              <el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{$fd("Bodypart", bodyPart,'Code',BodyPart,'Name')}}</el-checkbox>
+              <el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{ $fd("Bodypart",
+                bodyPart, 'Code', BodyPart, 'Name') }}</el-checkbox>
             </el-checkbox-group>
           </el-form-item>
           <!-- 序列数量 -->
@@ -432,14 +303,8 @@
           </el-form-item>
           <!-- 检查日期 -->
           <el-form-item :label="$t('trials:audit:table:studyDate')">
-            <el-date-picker
+            <el-date-picker v-model="studyForm.StudyTime" disabled type="date" value-format="yyyy-MM-dd"
-              v-model="studyForm.StudyTime"
+              format="yyyy-MM-dd" style="width:100%;" />
-              disabled
-              type="date"
-              value-format="yyyy-MM-dd"
-              format="yyyy-MM-dd"
-              style="width:100%;"
-            />
           </el-form-item>
         </el-form>
       </div>
@@ -515,7 +380,7 @@ export default {
       relationInfo: null,
       trialBodyPartTypes: [],
       trialModalitys: [],
-      BodyPart:{}
+      BodyPart: {}
     }
   },
   async mounted() {
@@ -595,8 +460,8 @@ export default {
       const routeData = this.$router.resolve({
         path: `/showdicom?studyId=${row.StudyId}&TokenKey=${token}&type=Study`
       })
-      var newWindow =window.open(routeData.href, '_blank')
+      var newWindow = window.open(routeData.href, '_blank')
-      this.$emit('setOpenWindow',newWindow)
+      this.$emit('setOpenWindow', newWindow)
     },
     // 预览所有影像
     handlePreviewAllFiles() {
@@ -604,8 +469,8 @@ export default {
       const routeData = this.$router.resolve({
         path: `/showvisitdicoms?trialId=${this.data.TrialId}&visitInfo=${this.data.VisitName}(${this.data.VisitNum})&subjectVisitId=${this.data.Id}&TokenKey=${token}`
       })
-      var newWindow =window.open(routeData.href, '_blank')
+      var newWindow = window.open(routeData.href, '_blank')
-      this.$emit('setOpenWindow',newWindow)
+      this.$emit('setOpenWindow', newWindow)
     },
     // 扫描待上传文件
     beginScanFiles(e) {
@@ -616,17 +481,17 @@ export default {
         var scope = this
         scope.scanState = ''
         scope.isScan = false
-        var p = new Promise(function(resolve) {
+        var p = new Promise(function (resolve) {
           resolve()
         })
         for (var i = 0; i < files.length; ++i) {
-          (function(index) {
+          (function (index) {
-            p = p.then(function() {
+            p = p.then(function () {
               return scope.parseDicomFile(files[index])
             })
           })(i)
         }
-        p.then(function(result) {
+        p.then(function (result) {
           scope.scanState = 'finished'
           scope.isScan = true
         })
@@ -635,13 +500,13 @@ export default {
     // 按序列UUID本地归档
     parseDicomFile(file) {
       var scope = this
-      return new Promise(function(resolve, reject) {
+      return new Promise(function (resolve, reject) {
         if (scope.scanState === 'cancelling') {
           resolve()
           return
         }
         var reader = new FileReader()
-        reader.onload = function(e) {
+        reader.onload = function (e) {
           try {
             var data = dicomParser.parseDicom(new Uint8Array(e.target.result))
             var studyUid = data.string('x0020000d')
@@ -664,7 +529,7 @@ export default {
                 // time = `${time.substr(0, 2)}:${time.substr(2, 2)}:${time.substr(4, 2)}`
                 time = `${time.substring(0, 2)}:${time.substring(2, 4)}:${time.substring(4, 6)}`
               }
-              if(date){
+              if (date) {
                 studyTime = time ? `${date} ${time}` : `${date} 00:00:00`
               }
               scope.uploadQueues.push({
@@ -721,7 +586,7 @@ export default {
 
             var seriesUid = data.string('x0020000e')
             var seriesList = scope.uploadQueues[studyIndex].seriesList
-            var seriesItem = seriesList.find(function(item) {
+            var seriesItem = seriesList.find(function (item) {
               return item.seriesUid === seriesUid
             })
             if (!seriesItem) {
@@ -735,7 +600,7 @@ export default {
               seriesList.push(seriesItem)
             }
             var instanceList = seriesItem.instanceList
-            var instanceItem = instanceList.find(function(item) {
+            var instanceItem = instanceList.find(function (item) {
               return item.instanceUid === instanceUid
             })
             if (!instanceItem) {
@@ -755,7 +620,7 @@ export default {
             resolve()
           }
         }
-        reader.onerror = function(e) {
+        reader.onerror = function (e) {
           resolve()
         }
         reader.readAsArrayBuffer(file)
@@ -853,7 +718,7 @@ export default {
             {
               confirmButtonText: this.$t('trials:uploadDicomList:label:confirm'),
               dangerouslyUseHTMLString: true,
-              callback: (action) => {}
+              callback: (action) => { }
             })
           this.btnLoading = false
         }
@@ -897,7 +762,7 @@ export default {
     // 上传影像并归档
     archiveStudy(index) {
       var scope = this
-      return new Promise(function(resolve, reject) {
+      return new Promise(function (resolve, reject) {
         preArchiveStudy({
           subjectVisitId: scope.subjectVisitId,
           isDicom: true
@@ -934,15 +799,15 @@ export default {
           // xhr.setRequestHeader('Content-Type', 'octet-stream')
           xhr.timeout = 2 * 360000 // 超时时间，单位是毫秒
           xhr.responseType = 'text'
-          xhr.onload = function(e) {
+          xhr.onload = function (e) {
             scope.onUploadCompleted(e, index)
             resolve()
           }
-          xhr.onerror = function(e) {
+          xhr.onerror = function (e) {
             scope.onUploadError(e, index)
             resolve()
           }
-          xhr.upload.onprogress = function(e) {
+          xhr.upload.onprogress = function (e) {
             scope.onUploadProgress(e, index)
           }
           // xhr.onprogress = function(e) {
@@ -960,7 +825,7 @@ export default {
       })
     },
     // 上传成功回调
-    onUploadCompleted: function(e, index) {
+    onUploadCompleted: function (e, index) {
       this.uploadedCount++
       var uploadState = this.uploadQueues[index].uploadState
       // this.btnLoading = false
@@ -1005,7 +870,7 @@ export default {
       this.$forceUpdate()
     },
     // 上传失败回调
-    onUploadError: function(e, index) {
+    onUploadError: function (e, index) {
       this.uploadedCount++
       // this.btnLoading = false
       var uploadState = this.uploadQueues[index].uploadState
@@ -1025,7 +890,7 @@ export default {
       }
     },
     // 上传进程
-    onUploadProgress: function(e, index) {
+    onUploadProgress: function (e, index) {
       if (e.lengthComputable) {
         var percent = Math.floor(e.loaded / e.total * 100)
         console.log(e.loaded, e.total, percent)
@@ -1111,7 +976,7 @@ export default {
             }).catch(() => {
               this.studyLoading = true
             })
-        }).catch(() => {})
+        }).catch(() => { })
     },
     // 删除已上传的某个检查
     handleDeleteStudy(row) {
@@ -1131,7 +996,7 @@ export default {
             }).catch(() => {
               this.studyLoading = true
             })
-        }).catch(() => {})
+        }).catch(() => { })
     },
     // cancel按钮回调
     cancel() {
@@ -1173,8 +1038,8 @@ export default {
         return ''
       }
     },
-    getBodyPart(bodyPart) {
+    getBodyPart(bodyPart, other) {
-      if (!bodyPart) return ''
+      if (!bodyPart && !other) return ''
       var separator = ','
       if (bodyPart.indexOf('|') > -1) {
         separator = '|'
@@ -1184,38 +1049,47 @@ export default {
         separator = '，'
       }
       var arr = bodyPart.split(separator)
-      var newArr = arr.map(i => {
+      var newArr = arr.map((i) => {
-        return this.$fd('Bodypart', i.trim(),'Code',this.BodyPart,'Name')
+        return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
       })
+      if (other) {
+        newArr.push(other)
+      }
+      newArr = newArr.filter(Boolean)
       return newArr.join(' | ')
-    }
+    },
   }
 }
 </script>
 <style lang="scss">
-.upload-dicom-files-wrapper{
+.upload-dicom-files-wrapper {
-  .dicomFiles-table{
+  .dicomFiles-table {
-    .el-table__body-wrapper{
+    .el-table__body-wrapper {
       height: 300px;
       overflow-y: auto;
     }
   }
-  .delete-row{
+
-      text-decoration-line: line-through;
+  .delete-row {
-      color: #c0c4cc;
+    text-decoration-line: line-through;
-    }
+    color: #c0c4cc;
+  }
+
   .previewActive:hover {
     cursor: pointer;
     color: #428bca;
   }
+
   #inputForm label {
     font-weight: normal;
   }
+
   #inputForm .file-input {
     position: relative;
     overflow: hidden;
     display: inline-block;
   }
+
   #inputForm .file-input input[type='file'] {
     position: absolute;
     top: 0;
@@ -1234,12 +1108,13 @@ export default {
   #inputForm #listWrapper a {
     text-decoration: none;
   }
+
   #inputForm .text-left {
     text-align: left;
   }
-  .colorOfRed{
+
-    color:#f44336;
+  .colorOfRed {
+    color: #f44336;
   }
 }
-
 </style>

src/views/trials/trials-panel/visit/qc-check/components/dicomFiles.vue

@@ -2,33 +2,17 @@
   <div class="study-info">
     <div class="functions" style="text-align: right">
       <!-- 预览 -->
-      <el-button
+      <el-button type="primary" size="small" :disabled="studyList.length === 0" icon="el-icon-view"
-        type="primary"
+        @click="handlePreviewAllFiles">
-        size="small"
-        :disabled="studyList.length === 0"
-        icon="el-icon-view"
-        @click="handlePreviewAllFiles"
-      >
         {{ $t('trials:audit:action:preview') }}
       </el-button>
     </div>
-    <el-table
+    <el-table v-loading="studyLoading" :data="studyList" style="width: 100%" height="300"
-      v-loading="studyLoading"
+      :row-class-name="tableRowClassName" @selection-change="handleSelectionChange"
-      :data="studyList"
+      :default-sort="{ prop: 'UploadedTime', order: 'ascending' }">
-      style="width: 100%"
-      height="300"
-      :row-class-name="tableRowClassName"
-      @selection-change="handleSelectionChange"
-      :default-sort="{ prop: 'UploadedTime', order: 'ascending' }"
-    >
       <!-- 检查编号 -->
-      <el-table-column
+      <el-table-column prop="StudyCode" :label="$t('trials:audit:table:studyId')" min-width="80" show-overflow-tooltip
-        prop="StudyCode"
+        sortable />
-        :label="$t('trials:audit:table:studyId')"
-        min-width="80"
-        show-overflow-tooltip
-        sortable
-      />
       <!--      &lt;!&ndash; 检查类型 &ndash;&gt;-->
       <!--      <el-table-column-->
       <!--        prop="Modalities"-->
@@ -49,121 +33,53 @@
       <!--      </el-table-column>-->
       <!--      &lt;!&ndash; 检查类型 &ndash;&gt;-->
       <!-- 检查名称 -->
-      <el-table-column
+      <el-table-column v-if="relationInfo.IsShowStudyName" prop="StudyName" :label="$t('trials:audit:table:StudyName')"
-        v-if="relationInfo.IsShowStudyName"
+        sortable />
-        prop="StudyName"
+      <el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" sortable />
-        :label="$t('trials:audit:table:StudyName')"
-        sortable
-      />
-      <el-table-column
-        prop="ModalityForEdit"
-        :label="$t('trials:audit:table:modality')"
-        sortable
-      />
       <!-- 检查类型 -->
-      <el-table-column
+      <el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" sortable />
-        prop="Modalities"
-        :label="$t('trials:audit:table:modality1')"
-        sortable
-      />
       <!-- 检查部位 -->
-      <el-table-column
+      <el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
-        prop="BodyPartForEdit"
+        show-overflow-tooltip sortable>
-        :label="$t('trials:uploadedDicoms:table:bodyPart')"
-        min-width="100"
-        show-overflow-tooltip
-        sortable
-      >
         <template slot-scope="scope">
           {{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
         </template>
       </el-table-column>
       <!-- 序列数量 -->
-      <el-table-column
+      <el-table-column prop="SeriesCount" :label="$t('trials:audit:table:seriesCount')" min-width="100"
-        prop="SeriesCount"
+        show-overflow-tooltip sortable />
-        :label="$t('trials:audit:table:seriesCount')"
-        min-width="100"
-        show-overflow-tooltip
-        sortable
-      />
       <!-- 图像数量 -->
-      <el-table-column
+      <el-table-column prop="InstanceCount" :label="$t('trials:audit:table:instanceCount')" min-width="100"
-        prop="InstanceCount"
+        show-overflow-tooltip sortable />
-        :label="$t('trials:audit:table:instanceCount')"
-        min-width="100"
-        show-overflow-tooltip
-        sortable
-      />
       <!-- 检查日期 -->
-      <el-table-column
+      <el-table-column prop="StudyTime" :label="$t('trials:audit:table:studyDate')" min-width="120"
-        prop="StudyTime"
+        show-overflow-tooltip sortable>
-        :label="$t('trials:audit:table:studyDate')"
-        min-width="120"
-        show-overflow-tooltip
-        sortable
-      >
         <template slot-scope="scope">
           {{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
         </template>
       </el-table-column>
       <!-- 更新时间 -->
-      <el-table-column
+      <el-table-column prop="UpdateTime" :label="$t('trials:audit:table:studyUpdateTime')" min-width="80"
-        prop="UpdateTime"
+        show-overflow-tooltip sortable />
-        :label="$t('trials:audit:table:studyUpdateTime')"
-        min-width="80"
-        show-overflow-tooltip
-        sortable
-      />
       <!-- 上传时间 -->
-      <el-table-column
+      <el-table-column prop="UploadedTime" :label="$t('trials:audit:table:studyUploadTime')" min-width="80"
-        prop="UploadedTime"
+        show-overflow-tooltip sortable />
-        :label="$t('trials:audit:table:studyUploadTime')"
+      <el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
-        min-width="80"
-        show-overflow-tooltip
-        sortable
-      />
-      <el-table-column
-        :label="$t('common:action:action')"
-        min-width="100"
-        fixed="right"
-      >
         <template slot-scope="scope">
           <!-- 预览 -->
-          <el-button
+          <el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
-            icon="el-icon-view"
+            :title="$t('trials:audit:action:preview')" circle @click="handleViewStudy(scope.row)" />
-            :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
-            :title="$t('trials:audit:action:preview')"
-            circle
-            @click="handleViewStudy(scope.row)"
-          />
           <!-- 预览PET-CT数据 -->
-          <el-button
+          <el-button icon="el-icon-folder" :title="$t('trials:audit:tab:clinicalData')" v-if="
-            icon="el-icon-folder"
+            ['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
-            :title="$t('trials:audit:tab:clinicalData')"
+            relationInfo.IsHaveStudyClinicalData
-            v-if="
+          " circle :disabled="scope.row.IsDeleted" @click="handlePreviewClinicalData(scope.row)" />
-              ['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
-              relationInfo.IsHaveStudyClinicalData
-            "
-            circle
-            :disabled="scope.row.IsDeleted"
-            @click="handlePreviewClinicalData(scope.row)"
-          />
         </template>
       </el-table-column>
     </el-table>
     <!--pet-ct临床数据预览-->
-    <el-dialog
+    <el-dialog v-if="petVisible" :show-close="true" :visible.sync="petVisible" append-to-body>
-      v-if="petVisible"
+      <uploadPetClinicalData :subject-visit-id="data.Id" :data="data" :studyData="rowData" :allow-add-or-edit="false" />
-      :show-close="true"
-      :visible.sync="petVisible"
-      append-to-body
-    >
-      <uploadPetClinicalData
-        :subject-visit-id="data.Id"
-        :data="data"
-        :studyData="rowData"
-        :allow-add-or-edit="false"
-      />
     </el-dialog>
   </div>
 </template>
@@ -195,12 +111,12 @@ export default {
       petVisible: false,
       rowData: {},
       relationInfo: {},
-      bp: [],
+      BodyPart: {},
     }
   },
   async mounted() {
     this.getStudyInfo()
-    this.bp = await this.$getBodyPart(this.$route.query.trialId)
+    this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
   },
   methods: {
     // 预览临床数据
@@ -242,7 +158,7 @@ export default {
               this.studyLoading = true
             })
         })
-        .catch(() => {})
+        .catch(() => { })
     },
     // 预览所有影像
     handlePreviewAllFiles() {