From 90e33e1b97a14ab086da7f21a1992130bd815d53 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Tue, 23 Jul 2024 11:13:20 +0800
Subject: [PATCH] =?UTF-8?q?pacs=E7=9B=B4=E8=BF=9E=E3=80=81=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E6=9F=A5=E8=AF=A2=E6=9D=A1=E4=BB=B6=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/trials.js                             |   8 +
 src/views/trials/trials-panel/study/index.vue | 438 +++++++++++-------
 .../crc-upload/components/uploadDiocmPacs.vue |  34 +-
 3 files changed, 293 insertions(+), 187 deletions(-)

diff --git a/src/api/trials.js b/src/api/trials.js
index 10edcbbe..f1530112 100644
--- a/src/api/trials.js
+++ b/src/api/trials.js
@@ -3810,4 +3810,12 @@ export function submitVisitStudyBinding(data) {
     data
   })
 }
+// 获取pacs检查技术
+export function getDicomModalityList(params) {
+  return request({
+    url: `/Patient/getDicomModalityList`,
+    method: 'get',
+    params
+  })
+}
 
diff --git a/src/views/trials/trials-panel/study/index.vue b/src/views/trials/trials-panel/study/index.vue
index a7b58279..65d26fad 100644
--- a/src/views/trials/trials-panel/study/index.vue
+++ b/src/views/trials/trials-panel/study/index.vue
@@ -9,7 +9,7 @@
             v-model="searchData.SiteId"
             clearable
             filterable
-            style="width:150px"
+            style="width: 150px"
           >
             <el-option
               v-for="item of siteOptions"
@@ -21,7 +21,7 @@
         </el-form-item>
         <!-- Subject -->
         <el-form-item :label="$t('trials:studyList:table:subject')">
-          <el-input v-model="searchData.SubjectInfo" style="width:140px" />
+          <el-input v-model="searchData.SubjectInfo" style="width: 140px" />
         </el-form-item>
         <!-- Visit -->
         <el-form-item :label="$t('trials:studyList:table:visit')">
@@ -40,32 +40,42 @@
             >
               <span style="float: left">{{ item.VisitName }}</span>
             </el-option>
+            <el-option key="Other" label="Out of Plan" value="1.11" />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('trials:studyList:table:isFromPacs')">
+          <el-select v-model="searchData.IsFromPACS" clearable>
             <el-option
-              key="Other"
-              label="Out of Plan"
-              value="1.11"
-            />
+              v-for="item of $d.UploadType"
+              :key="item.id"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
           </el-select>
         </el-form-item>
         <el-form-item>
           <!-- 查询 -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t('common:button:search') }}
+            {{ $t("common:button:search") }}
           </el-button>
           <!-- 重置 -->
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-            {{ $t('common:button:reset') }}
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t("common:button:reset") }}
           </el-button>
         </el-form-item>
       </el-form>
-
     </template>
 
     <!-- 检查列表 -->
     <template slot="main-container">
       <el-table
         v-loading="loading"
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         :data="list"
         stripe
         height="100"
@@ -104,19 +114,31 @@
               <!-- Modality,Body Part Examined,Count,Study Date -->
               <!-- Study Info -->
               <div slot="content">
-                {{ `${$t('trials:studyList:table:modality')}, ${$t('trials:studyList:table:bodyPart')}, ${$t('trials:studyList:table:studyDate')}, ${$t('trials:studyList:table:count')}` }}
+                {{
+                  `${$t("trials:studyList:table:modality")}, ${$t(
+                    "trials:studyList:table:bodyPart"
+                  )}, ${$t("trials:studyList:table:studyDate")}, ${$t(
+                    "trials:studyList:table:count"
+                  )}`
+                }}
               </div>
-              <span>{{ $t('trials:studyList:table:studyInfo') }}</span>
+              <span>{{ $t("trials:studyList:table:studyInfo") }}</span>
             </el-tooltip>
           </template>
           <template slot-scope="scope">
-            <div style="display: flex;align-items: center">
-              <div v-if="scope.row.Modalities">{{ scope.row.Modalities }}({{ scope.row.Count }}), </div>
-              <div v-else style="color:#f44336;">N/A, </div>
-              <div v-if="scope.row.Bodypart" style="margin:0 3px;">{{ scope.row.Bodypart }}, </div>
-              <div v-else style="color:#f44336;margin:0 3px;">N/A, </div>
-              <div v-if="scope.row.StudyTime">{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }} </div>
-              <div v-else style="color:#f44336;">N/A </div>
+            <div style="display: flex; align-items: center">
+              <div v-if="scope.row.Modalities">
+                {{ scope.row.Modalities }}({{ scope.row.Count }}),
+              </div>
+              <div v-else style="color: #f44336">N/A,</div>
+              <div v-if="scope.row.Bodypart" style="margin: 0 3px">
+                {{ scope.row.Bodypart }},
+              </div>
+              <div v-else style="color: #f44336; margin: 0 3px">N/A,</div>
+              <div v-if="scope.row.StudyTime">
+                {{ moment(scope.row.StudyTime).format("YYYY-MM-DD") }}
+              </div>
+              <div v-else style="color: #f44336">N/A</div>
               <div>
                 <!-- <el-popover v-if="scope.row.Count && scope.row.IsDicom" trigger="click" placement="bottom">
                   <el-table v-loading="seriesLoading" :data="seriesList" height="200" size="small" class="seriesListOfStudy">
@@ -174,29 +196,32 @@
                 </el-button> -->
                 <!-- <span>({{ scope.row.Count }})</span> -->
                 <!-- <span v-else style="color:#f44336;">N/A</span> -->
-
               </div>
-
             </div>
           </template>
         </el-table-column>
-        <el-table-column
-          min-width="120"
-          show-overflow-tooltip
-        >
+        <el-table-column min-width="120" show-overflow-tooltip>
           <template slot="header">
             <el-tooltip placement="top">
               <div slot="content">
-                {{ `${$t('trials:studyList:table:siteId')}, ${$t('trials:studyList:table:siteName')}` }}
+                {{
+                  `${$t("trials:studyList:table:siteId")}, ${$t(
+                    "trials:studyList:table:siteName"
+                  )}`
+                }}
               </div>
-              <span>{{ $t('trials:studyList:table:site') }}</span>
+              <span>{{ $t("trials:studyList:table:site") }}</span>
             </el-tooltip>
           </template>
           <template slot-scope="scope">
-            <span v-if="scope.row.TrialSiteCode">{{ scope.row.TrialSiteCode }}, </span>
-            <span v-else style="color:#f44336;">N/A, </span>
-            <span v-if="scope.row.TrialSiteAliasName">{{ scope.row.TrialSiteAliasName }}</span>
-            <span v-else style="color:#f44336;">N/A</span>
+            <span v-if="scope.row.TrialSiteCode"
+              >{{ scope.row.TrialSiteCode }},
+            </span>
+            <span v-else style="color: #f44336">N/A, </span>
+            <span v-if="scope.row.TrialSiteAliasName">{{
+              scope.row.TrialSiteAliasName
+            }}</span>
+            <span v-else style="color: #f44336">N/A</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -205,21 +230,22 @@
           sortable="custom"
           show-overflow-tooltip
         />
-        <el-table-column
-          min-width="90"
-          show-overflow-tooltip
-        >
+        <el-table-column min-width="90" show-overflow-tooltip>
           <template slot="header">
             <el-tooltip placement="top">
               <div slot="content">
-                {{ `${$t('trials:studyList:table:visitName')}, ${$t('trials:studyList:table:visitNum')}` }}<br>
+                {{
+                  `${$t("trials:studyList:table:visitName")}, ${$t(
+                    "trials:studyList:table:visitNum"
+                  )}`
+                }}<br />
               </div>
-              <span>{{ $t('trials:studyList:table:visit') }}</span>
+              <span>{{ $t("trials:studyList:table:visit") }}</span>
             </el-tooltip>
           </template>
           <template slot-scope="scope">
             <span v-if="scope.row.VisitName">{{ scope.row.VisitName }}, </span>
-            <span v-else style="color:#f44336;">N/A, </span>
+            <span v-else style="color: #f44336">N/A, </span>
             <span>{{ scope.row.VisitNum }}</span>
           </template>
         </el-table-column>
@@ -237,8 +263,24 @@
           sortable="custom"
           min-width="120"
         />
-
-        <el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
+        <el-table-column
+          prop="IsFromPACS"
+          :label="$t('trials:studyList:table:isFromPacs')"
+          show-overflow-tooltip
+          sortable="custom"
+          min-width="120"
+        >
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.IsFromPACS ? 'warning' : ''">
+              {{ $fd("UploadType", scope.row.IsFromPACS) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('common:action:action')"
+          min-width="100"
+          fixed="right"
+        >
           <template slot-scope="scope">
             <!-- 查看 -->
             <el-button
@@ -262,23 +304,32 @@
       </el-table>
 
       <!-- 分页组件 -->
-      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="getList"
+      />
     </template>
 
     <base-model :config="share_model">
       <template slot="dialog-body">
         <div>
-          <i style="color:#428bca;" class="el-icon-success" />
+          <i style="color: #428bca" class="el-icon-success" />
           <span>成功创建分享链接</span>
         </div>
-        <div style="margin:10px 0;">
-          链接：<el-input v-model="shareLink" readonly style="width:420px;" />
+        <div style="margin: 10px 0">
+          链接：<el-input v-model="shareLink" readonly style="width: 420px" />
         </div>
-        <div style="margin-bottom:20px;">
-          提取码： <el-input v-model="extractionCode" style="width:100px;" readonly />
+        <div style="margin-bottom: 20px">
+          提取码：
+          <el-input v-model="extractionCode" style="width: 100px" readonly />
         </div>
         <div>
-          <el-button type="primary" round @click="copyCode">复制链接及提取码</el-button>
+          <el-button type="primary" round @click="copyCode"
+            >复制链接及提取码</el-button
+          >
         </div>
       </template>
     </base-model>
@@ -292,11 +343,16 @@
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <div class="base-modal-body" style="border:2px solid #ccc;padding: 10px">
-        <NonDicomPreview v-if="previewNonDicomVisible" :none-dicom-id="rowData.Id" />
+      <div
+        class="base-modal-body"
+        style="border: 2px solid #ccc; padding: 10px"
+      >
+        <NonDicomPreview
+          v-if="previewNonDicomVisible"
+          :none-dicom-id="rowData.Id"
+        />
       </div>
     </el-dialog>
-
   </BaseContainer>
 </template>
 <script>
@@ -305,28 +361,28 @@ import {
   getTrialSiteSelect,
   getSeriesList,
   getTrialVisitStageSelect,
-  getNoneDicomStudyFileList
-
-} from '@/api/trials'
-import { createImageShare } from '@/api/share'
-import BaseContainer from '@/components/BaseContainer'
-import Pagination from '@/components/Pagination'
-import BaseModel from '@/components/BaseModel'
-import NonDicomPreview from './components/nonDicomPreview'
-import moment from 'moment'
-import { getToken } from '@/utils/auth'
+  getNoneDicomStudyFileList,
+} from "@/api/trials";
+import { createImageShare } from "@/api/share";
+import BaseContainer from "@/components/BaseContainer";
+import Pagination from "@/components/Pagination";
+import BaseModel from "@/components/BaseModel";
+import NonDicomPreview from "./components/nonDicomPreview";
+import moment from "moment";
+import { getToken } from "@/utils/auth";
 const searchDataDefault = () => {
   return {
-    SubjectInfo: '',
+    SubjectInfo: "",
     VisitPlanArray: [],
-    Status: '',
-    SiteId: '',
+    IsFromPACS: null,
+    Status: "",
+    SiteId: "",
     PageIndex: 1,
-    PageSize: 20
-  }
-}
+    PageSize: 20,
+  };
+};
 export default {
-  name: 'StudyList',
+  name: "StudyList",
   components: { BaseContainer, Pagination, BaseModel, NonDicomPreview },
   data() {
     return {
@@ -339,195 +395,217 @@ export default {
       seriesList: [],
       nonDicomfilesList: [],
       rowData: {},
-      userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
-      share_model: { visible: false, title: '影像分享', showClose: true, width: '500px' },
-      shareLink: '',
-      extractionCode: '',
+      userTypeEnumInt: zzSessionStorage.getItem("userTypeEnumInt") * 1,
+      share_model: {
+        visible: false,
+        title: "影像分享",
+        showClose: true,
+        width: "500px",
+      },
+      shareLink: "",
+      extractionCode: "",
       moment,
-      filesLoading: '',
-      seriesLoading: '',
+      filesLoading: "",
+      seriesLoading: "",
       previewNonDicomVisible: false,
       trialId: this.$route.query.trialId,
       tokenKey: getToken(),
       openWindow: null,
-      bp: []
-    }
+      bp: [],
+    };
   },
   async mounted() {
-    this.bp = await this.$getBodyPart(this.$route.query.trialId)
-    this.getSite()
-    this.getVisitPlanOptions()
-    this.getList()
+    this.bp = await this.$getBodyPart(this.$route.query.trialId);
+    this.getSite();
+    this.getVisitPlanOptions();
+    this.getList();
   },
   methods: {
     // 获取检查列表数据
     getList() {
-      this.loading = true
-      this.searchData.TrialId = this.trialId
+      this.loading = true;
+      this.searchData.TrialId = this.trialId;
       getDicomAndNoneDicomStudyList(this.searchData)
         .then((res) => {
-          this.loading = false
-          this.list = res.Result.CurrentPageData
-          this.total = res.Result.TotalCount
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
         })
         .catch(() => {
-          this.loading = false
-        })
+          this.loading = false;
+        });
     },
     // 获取某个Dicom检查下的序列信息
     handleGetseriesList(row) {
-      this.seriesLoading = true
-      this.seriesList = []
-      getSeriesList(row.Id).then((res) => {
-        this.seriesLoading = false
-        this.seriesList = res.Result
-      }).catch(() => {
-        this.seriesLoading = false
-      })
+      this.seriesLoading = true;
+      this.seriesList = [];
+      getSeriesList(row.Id)
+        .then((res) => {
+          this.seriesLoading = false;
+          this.seriesList = res.Result;
+        })
+        .catch(() => {
+          this.seriesLoading = false;
+        });
     },
     // 获取某个非Dicom检查下的文件
     handleGetFilesList(id) {
-      this.filesLoading = true
-      getNoneDicomStudyFileList(id).then(res => {
-        this.nonDicomfilesList = res.Result
-        this.filesLoading = false
-      }).catch(() => { this.filesLoading = false })
+      this.filesLoading = true;
+      getNoneDicomStudyFileList(id)
+        .then((res) => {
+          this.nonDicomfilesList = res.Result;
+          this.filesLoading = false;
+        })
+        .catch(() => {
+          this.filesLoading = false;
+        });
     },
     // 预览当前检查下的影像
     handleViewStudy(row) {
       if (this.openWindow) {
-        this.openWindow.close()
+        this.openWindow.close();
       }
       if (row.IsDicom) {
         const routeData = this.$router.resolve({
-          path: `/showdicom?studyId=${row.Id}&TokenKey=${this.tokenKey}&type=Study`
-        })
-        this.openWindow = window.open(routeData.href, '_blank')
+          path: `/showdicom?studyId=${row.Id}&TokenKey=${this.tokenKey}&type=Study`,
+        });
+        this.openWindow = window.open(routeData.href, "_blank");
       } else {
         // this.rowData = { ...row }
         // this.previewNonDicomVisible = true
-        let trialId = this.$route.query.trialId
+        let trialId = this.$route.query.trialId;
         const routeData = this.$router.resolve({
-          path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${row.SubjectVisitId}&studyId=${row.Id}&TokenKey=${this.tokenKey}`
-        })
-        this.openWindow = window.open(routeData.href, '_blank')
+          path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${row.SubjectVisitId}&studyId=${row.Id}&TokenKey=${this.tokenKey}`,
+        });
+        this.openWindow = window.open(routeData.href, "_blank");
       }
     },
     handlePreviewNonDicom(row) {
       if (this.openWindow) {
-        this.openWindow.close()
+        this.openWindow.close();
       }
-      let trialId = this.$route.query.trialId
+      let trialId = this.$route.query.trialId;
       const routeData = this.$router.resolve({
-        path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${row.SubjectVisitId}&studyId=${row.Id}&TokenKey=${this.tokenKey}`
-      })
-      this.openWindow = window.open(routeData.href, '_blank')
+        path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${row.SubjectVisitId}&studyId=${row.Id}&TokenKey=${this.tokenKey}`,
+      });
+      this.openWindow = window.open(routeData.href, "_blank");
     },
     // 预览
     handlePreview(row) {
       if (this.openWindow) {
-        this.openWindow.close()
+        this.openWindow.close();
       }
-      this.openWindow = window.open(row.FullFilePath, '_blank')
+      this.openWindow = window.open(row.FullFilePath, "_blank");
     },
     // 格式化状态码
     studyStatusFormatter(StudyStatus) {
-      if (StudyStatus === 5) return 'Uploaded'
-      else if (StudyStatus === 1) return 'Uploading'
-      else if (StudyStatus === 7) return 'QA Requested'
-      else if (StudyStatus === 10) return 'In QA'
-      else if (StudyStatus === 25) return 'QA-Passed'
-      else if (StudyStatus === 26) return 'QA-Failed'
-      else if (StudyStatus === 28) return 'Anonymizing'
-      else if (StudyStatus === 30) return 'Anonymized'
-      else if (StudyStatus === 32) return 'Anonymizing Failed'
-      else if (StudyStatus === 34) return 'Forwarding'
-      else if (StudyStatus === 36) return 'Forwarded'
-      else if (StudyStatus === 38) return 'Forwarding Failed'
-      else return ''
+      if (StudyStatus === 5) return "Uploaded";
+      else if (StudyStatus === 1) return "Uploading";
+      else if (StudyStatus === 7) return "QA Requested";
+      else if (StudyStatus === 10) return "In QA";
+      else if (StudyStatus === 25) return "QA-Passed";
+      else if (StudyStatus === 26) return "QA-Failed";
+      else if (StudyStatus === 28) return "Anonymizing";
+      else if (StudyStatus === 30) return "Anonymized";
+      else if (StudyStatus === 32) return "Anonymizing Failed";
+      else if (StudyStatus === 34) return "Forwarding";
+      else if (StudyStatus === 36) return "Forwarded";
+      else if (StudyStatus === 38) return "Forwarding Failed";
+      else return "";
     },
     // 获取site下拉框数据
     getSite() {
       getTrialSiteSelect(this.trialId).then((res) => {
-        this.siteOptions = res.Result
-      })
+        this.siteOptions = res.Result;
+      });
     },
     // 获取visit下拉框数据
     getVisitPlanOptions() {
-      getTrialVisitStageSelect(this.trialId)
-        .then((res) => {
-          this.visitPlanOptions = res.Result
-        })
+      getTrialVisitStageSelect(this.trialId).then((res) => {
+        this.visitPlanOptions = res.Result;
+      });
     },
     // 分享影像链接
     handleShareImage(row) {
-      this.shareLink = ''
-      this.extractionCode = ''
+      this.shareLink = "";
+      this.extractionCode = "";
       const params = {
         TrialId: row.TrialId,
         SiteId: row.SiteId,
         SubjectId: row.SubjectId,
-        StudyId: row.Id
-      }
-      this.loading = true
-      createImageShare(params).then((res) => {
-        this.loading = false
-        if (res.IsSuccess) {
-          // this.shareLink = `${window.location.origin}${window.location.pathname}#/imagesShare?id=${res.Result.ResourceId}`
-          this.shareLink = `${window.location.origin}/imagesShare?id=${res.Result.ResourceId}`
-          this.extractionCode = res.Result.Password
-          this.share_model.visible = true
-        }
-      }).catch(() => { this.loading = false })
+        StudyId: row.Id,
+      };
+      this.loading = true;
+      createImageShare(params)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess) {
+            // this.shareLink = `${window.location.origin}${window.location.pathname}#/imagesShare?id=${res.Result.ResourceId}`
+            this.shareLink = `${window.location.origin}/imagesShare?id=${res.Result.ResourceId}`;
+            this.extractionCode = res.Result.Password;
+            this.share_model.visible = true;
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     getBodyPart(bodyPart) {
-      if (!bodyPart) return ''
-      var separator = ','
-      if (bodyPart.indexOf('|') > -1) {
-        separator = '|'
-      } else if (bodyPart.indexOf(',') > -1) {
-        separator = ','
-      } else if (bodyPart.indexOf('，') > -1) {
-        separator = '，'
+      if (!bodyPart) return "";
+      var separator = ",";
+      if (bodyPart.indexOf("|") > -1) {
+        separator = "|";
+      } else if (bodyPart.indexOf(",") > -1) {
+        separator = ",";
+      } else if (bodyPart.indexOf("，") > -1) {
+        separator = "，";
       }
-      var arr = bodyPart.split(separator)
-      var newArr = arr.map(i => {
-        return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
-      })
-      return newArr.join(' | ')
+      var arr = bodyPart.split(separator);
+      var newArr = arr.map((i) => {
+        return this.$fd(
+          "Bodypart",
+          i.trim(),
+          "Code",
+          { Bodypart: this.bp },
+          "Name"
+        );
+      });
+      return newArr.join(" | ");
     },
     // 复制
     copyCode() {
-      this.$copyText(`链接: ${this.shareLink} 提取码: ${this.extractionCode}`).then(
-        res => {
-          this.$message.success('复制成功')
-        }
-      ).catch(() => { this.$alert('复制失败') })
+      this.$copyText(`链接: ${this.shareLink} 提取码: ${this.extractionCode}`)
+        .then((res) => {
+          this.$message.success("复制成功");
+        })
+        .catch(() => {
+          this.$alert("复制失败");
+        });
     },
     onCopyError() {
-      this.$alert('复制失败')
+      this.$alert("复制失败");
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
-    }
-  }
-}
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
+    },
+  },
+};
 </script>
diff --git a/src/views/trials/trials-panel/visit/crc-upload/components/uploadDiocmPacs.vue b/src/views/trials/trials-panel/visit/crc-upload/components/uploadDiocmPacs.vue
index 8b39ac65..70a5f10d 100644
--- a/src/views/trials/trials-panel/visit/crc-upload/components/uploadDiocmPacs.vue
+++ b/src/views/trials/trials-panel/visit/crc-upload/components/uploadDiocmPacs.vue
@@ -26,12 +26,15 @@
           "
           prop="CalledAE"
         >
-          <el-input
-            v-model="searchData.Modalities"
-            size="small"
-            clearable
-            style="width: 150px"
-          />
+          <el-select v-model="searchData.Modalities" clearable>
+            <el-option
+              v-for="item of DicomModalityList"
+              :key="item"
+              :label="item"
+              :value="item"
+            >
+            </el-option>
+          </el-select>
         </el-form-item>
         <!--检查日期-->
         <el-form-item
@@ -225,6 +228,7 @@
 import {
   getVisitPatientStudyFilterList,
   submitVisitStudyBinding,
+  getDicomModalityList,
 } from "@/api/trials";
 import BaseContainer from "@/components/BaseContainer";
 import Pagination from "@/components/Pagination";
@@ -262,12 +266,28 @@ export default {
       loading: false,
       datetimerange: [],
       tableSelectData: [],
+      DicomModalityList: [],
     };
   },
-  mounted() {
+  created() {
     this.getList();
+    this.getDicomModalityList();
   },
   methods: {
+    // 获取检查技术列表
+    async getDicomModalityList() {
+      try {
+        let params = {
+          TrialId: this.$route.query.trialId,
+        };
+        let res = await getDicomModalityList(params);
+        if (res.IsSuccess) {
+          this.DicomModalityList = res.Result;
+        }
+      } catch (err) {
+        console.log(err);
+      }
+    },
     handleAddList() {
       if (this.tableSelectData.length < 0)
         return this.$message.warning(