ir上传

src/components/downloadDicomAndNonedicom/index.vue

@@ -44,6 +44,7 @@
       v-adaptive="{ bottomOffset: 85 }"
       height="100"
       :data="list"
+      :loading="loading"
       class="dicomFiles-table"
       @sort-change="handleSortByColumn"
       :default-sort="{ prop: 'TaskBlindName', order: 'descending' }"
@@ -185,6 +186,7 @@ export default {
   data() {
     return {
       title: null,
+      loading: false,
       list: [],
       searchData: defaultSearchData(),
       btnLoading: false,
@@ -220,13 +222,16 @@ export default {
         this.searchData.TrialReadingCriterionId =
           this.Criterion.TrialReadingCriterionId
         this.searchData.SubjectCode = this.SubjectCode
+        this.loading = true
         let res = await getSubjectImageDownloadSelectList(this.searchData)
+        this.loading = false
         if (res.IsSuccess) {
           this.list = res.Result
           this.hasDicom = this.list.some((item) => item.IsDicom)
           this.hasNonedicom = this.list.some((item) => !item.IsDicom)
         }
       } catch (err) {
+        this.loading = false
         console.log(err)
       }
     },

src/components/uploadDicomAndNonedicom/index.vue

@@ -7,12 +7,19 @@
     class="uploadDicomAndNonedicom"
   >
     <span slot="title">{{ title }}</span>
-    <el-tabs type="border-card">
-      <el-tab-pane label="DICOM 影像">
+    <el-tabs type="border-card" v-model="activeName">
+      <el-tab-pane
+        :label="$t('uploadDicomAndNonedicom:label:dicom')"
+        name="dicom"
+      >
         <dicomFile />
       </el-tab-pane>
-      <el-tab-pane label="非DICOM 影像">
+      <el-tab-pane
+        :label="$t('uploadDicomAndNonedicom:label:nonedicom')"
+        name="nonedicom"
+      >
         <nonedicomFile
+          v-if="activeName === 'nonedicom'"
           :SubjectId="SubjectId"
           :SubjectCode="SubjectCode"
           :Criterion="Criterion"
@@ -51,6 +58,7 @@ export default {
   data() {
     return {
       title: 'Upload Images：01 > 01001 >Timepoint',
+      activeName: 'dicom',
     }
   },
   methods: {

src/components/uploadDicomAndNonedicom/nonedicomFile.vue

@@ -7,7 +7,7 @@
     <el-table
       :data="list"
       style="width: 100%"
-      v-adaptive="{ bottomOffset: 170 }"
+      v-adaptive="{ bottomOffset: 40 }"
       :loading="loading"
     >
       <!--受试者-->
@@ -22,52 +22,128 @@
       />
       <!--检查类型-->
       <el-table-column
-        prop="OrginalStudyList"
+        prop="Modality"
         :label="$t('upload:nonedicom:table:molityType')"
       >
       </el-table-column>
       <!--检查部位-->
       <el-table-column
-        prop="TaskBlindName"
+        prop="BodyPart"
         :label="$t('upload:nonedicom:table:bodyPart')"
       />
       <!--原文件数-->
       <el-table-column
-        prop="TaskBlindName"
+        prop="FileCount"
         :label="$t('upload:nonedicom:table:fileCount')"
+      >
+        <el-popover
+          v-if="scope.row.FileCount"
+          trigger="click"
+          placement="bottom"
+        >
+          <el-table
+            :data="scope.row.NoneDicomStudyFileList"
+            height="300"
+            size="small"
+          >
+            <!-- 文件名称 -->
+            <el-table-column
+              prop="FileName"
+              :label="$t('trials:audit:table:nonDicomsFileName')"
+              width="200"
             />
+            <el-table-column :label="$t('common:action:action')" width="120">
+              <template slot-scope="files">
+                <!-- 预览 -->
+                <el-button
+                  type="text"
+                  :disabled="
+                    files.row.FileType && files.row.FileType.indexOf('zip') >= 0
+                  "
+                  @click.native.prevent="previewFile(files.row)"
+                >
+                  {{ $t('trials:audit:button:nonDicomsPreview') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div slot="reference" class="name-wrapper">
+            <el-button type="text">
+              {{ scope.row.FileCount }}
+            </el-button>
+          </div>
+        </el-popover>
+        <span v-else>{{ scope.row.FileCount }}</span>
+      </el-table-column>
       <!--后处理文件数-->
       <el-table-column
-        prop="TaskBlindName"
-        :label="$t('upload:dicom:table:uploadFileCount')"
+        prop="UploadedFileCount"
+        :label="$t('upload:nonedicom:table:uploadFileCount')"
       />
       <el-table-column
         :label="$t('common:action:action')"
         fixed="right"
-        width="140"
+        width="180"
       >
         <template slot-scope="scope">
           <!--预览--->
           <el-button
-            v-if="isUpload"
             circle
-            icon="el-icon-delete"
-            :title="$t('upload:dicom:button:preview')"
+            icon="el-icon-view"
+            :title="$t('upload:nonedicom:button:preview')"
+          />
+          <!--上传--->
+          <el-button
+            circle
+            icon="el-icon-upload2"
+            :title="$t('upload:nonedicom:button:upload')"
           />
           <!--删除--->
           <el-button
-            v-if="isUpload"
+            :disabled="scope.row.UploadedFileCount <= 0"
             circle
             icon="el-icon-delete"
-            :title="$t('upload:dicom:button:delete')"
+            :title="$t('upload:nonedicom:button:delete')"
           />
         </template>
       </el-table-column>
     </el-table>
+    <!-- 预览单个图像 -->
+    <el-dialog
+      v-if="imgObj.visible"
+      :visible.sync="imgObj.visible"
+      :title="$t('trials:uploadNonDicoms:dialogTitle:preview')"
+      append-to-body
+      width="565px"
+    >
+      <div
+        v-loading="imgObj.loading"
+        class="base-modal-body"
+        style="border: 2px solid #ccc; padding: 10px"
+      >
+        <el-image
+          :src="`${OSSclientConfig.basePath}${imgObj.url}`"
+          crossorigin="anonymous"
+          fit="fit"
+          style="height: 500px; width: 500px"
+          @error="imgObj.loading = false"
+          @load="imgObj.loading = false"
+        />
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
 import { getIRUploadTaskNoneDicomStudyList } from '@/api/load.js'
+let defaultSearchData = () => {
+  return {
+    SubjectId: null,
+    TrialReadingCriterionId: null,
+    SubjectCode: null,
+    Asc: false,
+    SortField: 'TaskBlindName',
+  }
+}
 export default {
   name: 'nonedicomFile',
   props: {
@@ -86,6 +162,43 @@ export default {
       },
     },
   },
+  data() {
+    return {
+      loading: false,
+      list: [],
+      searchData: defaultSearchData(),
+      imgObj: { url: '', visible: false, loading: false },
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.searchData.SubjectId = this.SubjectId
+        this.searchData.TrialReadingCriterionId =
+          this.Criterion.TrialReadingCriterionId
+        this.searchData.SubjectCode = this.SubjectCode
+        this.loading = true
+        let res = await getIRUploadTaskNoneDicomStudyList(this.searchData)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.list = res.Result
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 预览文件
+    previewFile(row) {
+      // window.open(row.FullFilePath, '_blank')
+      this.imgObj.url = row.FullFilePath
+      this.imgObj.loading = true
+      this.imgObj.visible = true
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>

src/views/trials/trials-panel/reading/reading-task/index.vue

@@ -271,6 +271,9 @@
     /> -->
     <upload-dicom-and-nonedicom
       v-if="uploadImageVisible"
+      :SubjectId="uploadSubjectId"
+      :SubjectCode="uploadSubjectCode"
+      :Criterion="uploadTrialCriterion"
       :visible.sync="uploadImageVisible"
     />
     <download-dicom-and-nonedicom