From 64d268b6e8a56aa3d5ba86d7d488dbd49e858720 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Sun, 29 Sep 2024 09:17:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=A4=84=E7=90=86=E5=BD=B1=E5=83=8F?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E7=BC=96=E8=BE=91=E6=A3=80=E6=9F=A5=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/load.js                               |   8 +
 .../uploadDicomAndNonedicom/dicomFile.vue     |  26 +-
 .../uploadDicomAndNonedicom/study-view.vue    | 336 ++++++++++++------
 3 files changed, 255 insertions(+), 115 deletions(-)

diff --git a/src/api/load.js b/src/api/load.js
index 77282c73..97e44a79 100644
--- a/src/api/load.js
+++ b/src/api/load.js
@@ -95,4 +95,12 @@ export function getTrialDownloadList(data) {
         method: 'post',
         data
     })
+}
+// 修改后处理检查类型
+export function updateTaskStudyModality(params) {
+    return request({
+        url: '/DownloadAndUpload/updateTaskStudyModality',
+        method: 'put',
+        params
+    })
 }
\ No newline at end of file
diff --git a/src/components/uploadDicomAndNonedicom/dicomFile.vue b/src/components/uploadDicomAndNonedicom/dicomFile.vue
index 13a96ecf..0bec3065 100644
--- a/src/components/uploadDicomAndNonedicom/dicomFile.vue
+++ b/src/components/uploadDicomAndNonedicom/dicomFile.vue
@@ -45,11 +45,18 @@
         prop="UploadStudyList"
         :label="$t('upload:dicom:table:uploadStudyListNum')"
       >
-        <template slot-scope="scope">{{
-          scope.row.UploadStudyList && Array.isArray(scope.row.UploadStudyList)
-            ? scope.row.UploadStudyList.length
-            : 0
-        }}</template>
+        <template slot-scope="scope">
+          <el-button
+            v-if="
+              scope.row.UploadStudyList && scope.row.UploadStudyList.length >= 1
+            "
+            type="text"
+            @click="handleOpenDialog(scope.row, 'UploadStudyList', true)"
+          >
+            <span>{{ scope.row.UploadStudyList.length }}</span>
+          </el-button>
+          <span v-else>0</span>
+        </template>
       </el-table-column>
       <el-table-column
         :label="$t('common:action:action')"
@@ -436,6 +443,9 @@
       :IsDicom="true"
       :bodyPart="bodyPart"
       :modelList="modelList"
+      :isUpload="openIsUpload"
+      :TrialModality="TrialModality"
+      @getList="getList"
     />
   </div>
 </template>
@@ -544,6 +554,8 @@ export default {
       errStudyUidList: [],
       open: null,
       bodyPart: [],
+      openIsUpload: false,
+      TrialModality: [],
     }
   },
   created() {
@@ -580,6 +592,7 @@ export default {
         let res = await getSubjectImageUploadList(params)
         this.loading = false
         if (res.IsSuccess) {
+          this.TrialModality = res.OtherInfo.TrialModality.split('|')
           this.StudyInstanceUidList = []
           this.SopInstanceUidList = []
           this.UploadStudyList = []
@@ -654,7 +667,8 @@ export default {
       }
     },
     // 打开弹窗
-    handleOpenDialog(item, list) {
+    handleOpenDialog(item, list, isUpload = false) {
+      this.openIsUpload = isUpload
       this.model_cfg.title = `${item.SubjectCode || ''} > ${item.TaskBlindName}`
       this.modelList = item[list]
       this.model_cfg.visible = true
diff --git a/src/components/uploadDicomAndNonedicom/study-view.vue b/src/components/uploadDicomAndNonedicom/study-view.vue
index 272e45fc..aa957a97 100644
--- a/src/components/uploadDicomAndNonedicom/study-view.vue
+++ b/src/components/uploadDicomAndNonedicom/study-view.vue
@@ -1,120 +1,175 @@
 <template>
-  <base-model :config="model_cfg">
-    <div slot="dialog-body">
-      <el-table :data="modelList" style="width: 100%" height="300">
-        <!--检查编号-->
-        <el-table-column
-          prop="StudyCode"
-          :label="$t('trials:uploadImage:table:StudyCode')"
-        />
-        <!--检查类型-->
-        <el-table-column
-          prop="ModalityForEdit"
-          :label="$t('trials:uploadImage:table:ModalityForEdit')"
-          v-if="IsDicom"
-        />
-        <!--检查模态-->
-        <el-table-column
-          prop="Modalities"
-          :label="$t('trials:uploadImage:table:Modalities')"
-          v-if="IsDicom"
-        />
-        <!--检查部位-->
-        <el-table-column
-          prop="BodyPartForEdit"
-          :label="$t('trials:uploadImage:table:BodyPartForEdit')"
-          v-if="IsDicom"
+  <div v-if="model_cfg.visible">
+    <base-model :config="model_cfg">
+      <div slot="dialog-body">
+        <el-table :data="modelList" style="width: 100%" height="300">
+          <!--检查编号-->
+          <el-table-column
+            prop="StudyCode"
+            :label="$t('trials:uploadImage:table:StudyCode')"
+          />
+          <!--检查类型-->
+          <el-table-column
+            prop="ModalityForEdit"
+            :label="$t('trials:uploadImage:table:ModalityForEdit')"
+            v-if="IsDicom"
+          />
+          <!--检查模态-->
+          <el-table-column
+            prop="Modalities"
+            :label="$t('trials:uploadImage:table:Modalities')"
+            v-if="IsDicom"
+          />
+          <!--检查部位-->
+          <el-table-column
+            prop="BodyPartForEdit"
+            :label="$t('trials:uploadImage:table:BodyPartForEdit')"
+            v-if="IsDicom"
+          >
+            <template slot-scope="scope">
+              <span>{{
+                $fd(
+                  'Bodypart',
+                  scope.row.BodyPartForEdit,
+                  'Code',
+                  { Bodypart: bodyPart },
+                  'Name'
+                )
+              }}</span>
+            </template>
+          </el-table-column>
+          <!--序列数量-->
+          <el-table-column
+            prop="SeriesCount"
+            :label="$t('trials:uploadImage:table:SeriesCount')"
+            v-if="IsDicom"
+          />
+          <!--图像数量-->
+          <el-table-column
+            prop="InstanceCount"
+            :label="$t('trials:uploadImage:table:InstanceCount')"
+            v-if="IsDicom"
+          />
+          <!--检查时间-->
+          <el-table-column
+            prop="StudyTime"
+            :label="$t('trials:uploadImage:table:StudyTime')"
+            v-if="IsDicom"
+            min-width="130"
+          />
+          <!--检查模态-->
+          <el-table-column
+            prop="Modality"
+            :label="$t('trials:uploadImage:table:Modalities')"
+            v-if="!IsDicom"
+          />
+          <!--检查部位-->
+          <el-table-column
+            prop="BodyPart"
+            :label="$t('trials:uploadImage:table:BodyPartForEdit')"
+            v-if="!IsDicom"
+          >
+            <template slot-scope="scope">
+              <span>{{
+                $fd(
+                  'Bodypart',
+                  scope.row.BodyPart,
+                  'Code',
+                  { Bodypart: bodyPart },
+                  'Name'
+                )
+              }}</span>
+            </template>
+          </el-table-column>
+          <!--文件数量-->
+          <el-table-column
+            prop="FileCount"
+            :label="$t('trials:uploadImage:table:FileCount')"
+            v-if="!IsDicom"
+          />
+          <!--检查时间-->
+          <el-table-column
+            prop="ImageDate"
+            :label="$t('trials:uploadImage:table:StudyTime')"
+            v-if="!IsDicom"
+            min-width="130"
+          />
+          <el-table-column
+            :label="$t('common:action:action')"
+            fixed="right"
+            width="80"
+          >
+            <template slot-scope="scope">
+              <!--预览--->
+              <el-button
+                circle
+                icon="el-icon-view"
+                :title="$t('trials:uploadImage:button:preview')"
+                v-if="!isUpload"
+                @click.stop="preview(scope.row)"
+              />
+              <!--编辑--->
+              <el-button
+                circle
+                icon="el-icon-edit-outline"
+                :title="$t('trials:uploadImage:button:edit')"
+                v-else
+                @click.stop="openEdit(scope.row)"
+              />
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </base-model>
+    <!--新增检查部位-->
+    <base-model v-if="editModality_model.visible" :config="editModality_model">
+      <template slot="dialog-body">
+        <el-form
+          ref="editModalityform"
+          :inline="true"
+          :model="form"
+          class="demo-form-inline"
+          :rules="rules"
         >
-          <template slot-scope="scope">
-            <span>{{
-              $fd(
-                'Bodypart',
-                scope.row.BodyPartForEdit,
-                'Code',
-                { Bodypart: bodyPart },
-                'Name'
-              )
-            }}</span>
-          </template>
-        </el-table-column>
-        <!--序列数量-->
-        <el-table-column
-          prop="SeriesCount"
-          :label="$t('trials:uploadImage:table:SeriesCount')"
-          v-if="IsDicom"
-        />
-        <!--图像数量-->
-        <el-table-column
-          prop="InstanceCount"
-          :label="$t('trials:uploadImage:table:InstanceCount')"
-          v-if="IsDicom"
-        />
-        <!--检查时间-->
-        <el-table-column
-          prop="StudyTime"
-          :label="$t('trials:uploadImage:table:StudyTime')"
-          v-if="IsDicom"
-          min-width="130"
-        />
-        <!--检查模态-->
-        <el-table-column
-          prop="Modality"
-          :label="$t('trials:uploadImage:table:Modalities')"
-          v-if="!IsDicom"
-        />
-        <!--检查部位-->
-        <el-table-column
-          prop="BodyPart"
-          :label="$t('trials:uploadImage:table:BodyPartForEdit')"
-          v-if="!IsDicom"
+          <el-form-item
+            :label="$t('trials:uploadImage:form:ModalityForEdit')"
+            prop="Modality"
+            label-width="150px"
+          >
+            <el-select v-model="form.Modality" placeholder="">
+              <el-option
+                v-for="item in TrialModality"
+                :key="item"
+                :label="item"
+                :value="item"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button
+          type="primary"
+          @click="updateTaskStudyModality"
+          :loading="loading"
         >
-          <template slot-scope="scope">
-            <span>{{
-              $fd(
-                'Bodypart',
-                scope.row.BodyPart,
-                'Code',
-                { Bodypart: bodyPart },
-                'Name'
-              )
-            }}</span>
-          </template>
-        </el-table-column>
-        <!--文件数量-->
-        <el-table-column
-          prop="FileCount"
-          :label="$t('trials:uploadImage:table:FileCount')"
-          v-if="!IsDicom"
-        />
-        <!--检查时间-->
-        <el-table-column
-          prop="ImageDate"
-          :label="$t('trials:uploadImage:table:StudyTime')"
-          v-if="!IsDicom"
-          min-width="130"
-        />
-        <el-table-column
-          :label="$t('common:action:action')"
-          fixed="right"
-          width="80"
+          {{ $t('common:button:confirm') }}
+        </el-button>
+        <el-button
+          @click="editModality_model.visible = false"
+          :loading="loading"
         >
-          <template slot-scope="scope">
-            <!--预览--->
-            <el-button
-              circle
-              icon="el-icon-view"
-              :title="$t('trials:uploadImage:button:preview')"
-              @click.stop="preview(scope.row)"
-            />
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </base-model>
+          {{ $t('common:button:cancel') }}
+        </el-button>
+      </template>
+    </base-model>
+  </div>
 </template>
 <script>
 import baseModel from '@/components/BaseModel'
 import { getToken } from '@/utils/auth'
+import { updateTaskStudyModality } from '@/api/load.js'
 export default {
   name: 'studyView',
   props: {
@@ -136,6 +191,12 @@ export default {
         return []
       },
     },
+    TrialModality: {
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
     visitTaskId: {
       type: String,
     },
@@ -144,10 +205,39 @@ export default {
       type: Boolean,
       default: true,
     },
+    isUpload: {
+      required: true,
+      type: Boolean,
+      default: false,
+    },
   },
   components: {
     'base-model': baseModel,
   },
+  data() {
+    return {
+      form: {
+        Modality: null,
+        TaskStudyId: null,
+      },
+      editModality_model: {
+        visible: false,
+        title: this.$t('trials:uploadImage:button:edit'),
+        width: '500px',
+        appendToBody: true,
+      },
+      rules: {
+        Modality: [
+          {
+            required: true,
+            message: this.$t('trials:uploadImage:format:notModality'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+      },
+      loading: false,
+    }
+  },
   methods: {
     // 预览
     preview(row) {
@@ -166,6 +256,34 @@ export default {
       }
       window.open(routeData.href, '_blank')
     },
+    // 打开编辑
+    openEdit(row) {
+      this.form.TaskStudyId = row.Id
+      this.form.Modality = row.ModalityForEdit
+      this.editModality_model.visible = true
+    },
+    // 修改检查类型
+    async updateTaskStudyModality() {
+      try {
+        let validate = await this.$refs.editModalityform.validate()
+        if (!validate) return false
+        this.loading = true
+        let res = await updateTaskStudyModality(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.modelList.some((item) => {
+            if (this.form.TaskStudyId === item.Id) {
+              item.ModalityForEdit = this.form.Modality
+            }
+            return this.form.TaskStudyId === item.Id
+          })
+          this.editModality_model.visible = false
+          this.$emit('getList')
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
   },
 }
 </script>