From 86f5e2c78264416acd2815e4b8a8bb4548ca31c1 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Wed, 5 Mar 2025 16:14:29 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9D=9EDICOM=E5=BD=B1=E5=83=8F=E8=B4=A8?=
 =?UTF-8?q?=E6=8E=A7=E6=97=B6=EF=BC=8C=E5=8F=AF=E4=BB=A5=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E5=BD=B1=E5=83=8F=E4=B8=BA=E5=88=A0=E9=99=A4=E3=80=81=E4=B8=8D?=
 =?UTF-8?q?=E9=98=85=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/trials.js                             |   8 +-
 src/views/none-dicom-show/index.vue           | 163 ++++++++++++++++--
 .../qc-check/components/qualityAssurance.vue  |  87 +++++++++-
 3 files changed, 232 insertions(+), 26 deletions(-)

diff --git a/src/api/trials.js b/src/api/trials.js
index f9c572d1..3f4b9dff 100644
--- a/src/api/trials.js
+++ b/src/api/trials.js
@@ -1080,7 +1080,13 @@ export function setSeriesStatus(trialId, subjectVisitId, studyId, seriesId, stat
     method: 'put'
   })
 }
-
+export function setNodicomStudyState(params) {
+  return request({
+    url: `/QCOperation/setNodicomStudyState`,
+    method: 'put',
+    params
+  })
+}
 export function setInstanceStatus(trialId, subjectVisitId, seriesId, instanceId, state) {
   return request({
     url: `/QCOperation/setInstanceState/${trialId}/${subjectVisitId}/${seriesId}/${instanceId}/${state}`,
diff --git a/src/views/none-dicom-show/index.vue b/src/views/none-dicom-show/index.vue
index 4e1bc8bb..96f9d2e2 100644
--- a/src/views/none-dicom-show/index.vue
+++ b/src/views/none-dicom-show/index.vue
@@ -23,25 +23,48 @@
             <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
           </div>
           <div v-else id="imgList" style="height: 100%; overflow: hidden">
-            <div
-              v-for="(item, j) in study.NoneDicomStudyFileList"
-              :id="`img${item.Id}`"
-              :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}` }}
-              </div>
-              <el-tooltip v-else :content="item.FileName" placement="bottom">
-                <div class="img-text">
+            <template v-for="(item, j) in study.NoneDicomStudyFileList">
+              <div
+                :id="`img${item.Id}`"
+                :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}` }}
                 </div>
-              </el-tooltip>
-            </div>
+                <el-tooltip v-else :content="item.FileName" placement="bottom">
+                  <div class="img-text">
+                    {{ `${j + 1}. ${item.FileName}` }}
+                  </div>
+                </el-tooltip>
+                <div v-if="isQcCheck" class="switchBox">
+                  <div class="item">
+                    <span>{{ $t('trials:audit:table:isReading') }}</span>
+                    <el-switch
+                      v-model="item.IsReading"
+                      :disabled="item.IsDeleted || isAudit"
+                      @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
+                      v-model="item.IsDeleted"
+                      :disabled="isAudit"
+                      @change="changeDeleteStatus($event, study, item)"
+                      :active-text="$fd('YesOrNo', true)"
+                      :inactive-text="$fd('YesOrNo', false)"
+                    />
+                  </div>
+                </div>
+              </div>
+            </template>
           </div>
         </div>
       </div>
@@ -70,7 +93,7 @@
 </template>
 
 <script>
-import { getNoneDicomStudyList } from '@/api/trials'
+import { getNoneDicomStudyList, setNodicomStudyState } from '@/api/trials'
 import store from '@/store'
 import { changeURLStatic } from '@/utils/history.js'
 import Preview from './components/preview'
@@ -111,10 +134,14 @@ export default {
         path: null,
         type: null,
       },
+      isQcCheck: false,
+      isAudit: false,
     }
   },
   async created() {
     this.bp = await this.$getBodyPart(this.$route.query.trialId)
+    this.isQcCheck = !!this.$route.query.isQcCheck
+    console.log(this.isQcCheck)
   },
   async mounted() {
     if (this.$router.currentRoute.query.TokenKey) {
@@ -127,6 +154,95 @@ export default {
     // 默认选择第一个文件
   },
   methods: {
+    changeReadingStatus(callback, row, file) {
+      let statusStr = ''
+      if (callback) {
+        statusStr = this.$t('trials:audit:label:setSeriesReading')
+        file.IsReading = false
+      } else {
+        statusStr = this.$t('trials:audit:label:setSeriesNotReading')
+        file.IsReading = true
+      }
+      var message = this.$t('trials:audit:message:changeSeriesStatus').replace(
+        'xxx',
+        statusStr
+      )
+      message = message.replace('yyy', this.$fd('YesOrNo', !file.IsReading))
+      this.$confirm(message, {
+        distinguishCancelAndClose: true,
+        type: 'warning',
+      })
+        .then(() => {
+          const state = file.IsReading ? 1 : 2
+          this.loading = true
+          let params = {
+            SubjectVisitId: row.SubjectVisitId,
+            NoneDicomStudyId: row.Id,
+            State: state,
+            NoneDicomStudyFileId: file.Id,
+          }
+          return setNodicomStudyState(params)
+            .then((res) => {
+              this.loading = false
+              if (res.IsSuccess) {
+                this.$message.success(
+                  this.$t('common:message:savedSuccessfully')
+                )
+                this.getNoneDicomList()
+              }
+            })
+            .catch(() => {
+              file.IsReading = !file.IsReading
+              this.loading = false
+            })
+        })
+        .catch(() => {})
+    },
+    changeDeleteStatus(callback, row, file) {
+      let statusStr = ''
+      if (callback) {
+        statusStr = this.$t('trials:audit:label:setSeriesDeleted')
+        file.IsDeleted = false
+      } else {
+        statusStr = this.$t('trials:audit:label:setSeriesNotDelete')
+        file.IsDeleted = true
+      }
+      var message = this.$t('trials:audit:message:changeSeriesStatus').replace(
+        'xxx',
+        statusStr
+      )
+      message = message.replace('yyy', this.$fd('YesOrNo', !file.IsDeleted))
+      this.$confirm(message, {
+        distinguishCancelAndClose: true,
+        type: 'warning',
+      })
+        .then(() => {
+          const state = file.IsDeleted ? 5 : 4
+          this.loading = true
+
+          let params = {
+            SubjectVisitId: row.SubjectVisitId,
+            NoneDicomStudyId: row.Id,
+            State: state,
+            NoneDicomStudyFileId: file.Id,
+          }
+          return setNodicomStudyState(params)
+            .then((res) => {
+              this.loading = false
+              if (res.IsSuccess) {
+                this.$message.success(
+                  this.$t('common:message:savedSuccessfully')
+                )
+                this.getNoneDicomList()
+              }
+            })
+            .catch(() => {
+              file.IsDeleted = !file.IsDeleted
+              this.loading = false
+            })
+        })
+        .catch(() => {})
+    },
     getBodyPart(bodyPart) {
       console.log(bodyPart)
       if (!bodyPart) return ''
@@ -163,6 +279,7 @@ export default {
         .then((res) => {
           this.studyList = res.Result
           this.OtherInfo = res.OtherInfo
+          this.isAudit = res.OtherInfo.AuditState * 1 > 6
           this.loading = false
           const studyIndex = this.studyList.findIndex((item) => {
             return item.NoneDicomStudyFileList.length > 0
@@ -328,4 +445,14 @@ export default {
     width: 100%;
   }
 }
+.switchBox {
+  margin-bottom: 5px;
+  color: #4e4e4e;
+  .item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 5px;
+  }
+}
 </style>
diff --git a/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue b/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
index 28fb7bab..b312fe05 100644
--- a/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
+++ b/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
@@ -311,8 +311,8 @@
                   }}
                 </template>
               </el-table-column>
-                            <!-- 更新时间 -->
-                            <el-table-column
+              <!-- 更新时间 -->
+              <el-table-column
                 prop="UpdateTime"
                 :label="$t('trials:audit:table:seriesOfUpdateTime')"
                 sortable
@@ -373,7 +373,6 @@
           </el-tab-pane>
           <!-- 非DICOM影像 -->
           <el-tab-pane
-            v-if="data.NoneDicomStudyCount > 0"
             :label="$t('trials:audit:tab:nonDicoms')"
             name="none-dicom"
           >
@@ -448,6 +447,7 @@
             <el-table
               :data="noneDicomStudyList"
               @selection-change="handleSelectionChangeNonedicom"
+              :row-class-name="tableRowClassName"
               :default-sort="{ prop: 'CreateTime', order: 'ascending' }"
             >
               <el-table-column type="selection" width="55"> </el-table-column>
@@ -597,6 +597,38 @@
                 :label="$t('trials:audit:table:nonDicomsCreateTime')"
                 sortable
               />
+              <!-- 是否阅片 -->
+              <el-table-column
+                prop="IsReading"
+                :label="$t('trials:audit:table:isReading')"
+                sortable
+              >
+                <template slot-scope="scope">
+                  <el-switch
+                    v-model="scope.row.IsReading"
+                    :disabled="scope.row.IsDeleted || isAudit"
+                    @change="changeReadingStatus($event, scope.row, true)"
+                    :active-text="$fd('YesOrNo', true)"
+                    :inactive-text="$fd('YesOrNo', false)"
+                  />
+                </template>
+              </el-table-column>
+              <!-- 是否删除 -->
+              <el-table-column
+                prop="IsDeleted"
+                :label="$t('trials:audit:table:isDelete')"
+                sortable
+              >
+                <template slot-scope="scope">
+                  <el-switch
+                    v-model="scope.row.IsDeleted"
+                    :disabled="isAudit"
+                    @change="changeDeleteStatus($event, scope.row, true)"
+                    :active-text="$fd('YesOrNo', true)"
+                    :inactive-text="$fd('YesOrNo', false)"
+                  />
+                </template>
+              </el-table-column>
               <el-table-column :label="$t('common:action:action')">
                 <template slot-scope="scope">
                   <!-- 预览 -->
@@ -1434,6 +1466,7 @@ import {
   verifyCanQCPassedOrFailed,
   verifyQCCanAddChallenge,
   setSeriesStatus,
+  setNodicomStudyState,
   addOrUpdateNoneDicomStudy,
   addOrUpdateQCQuestionAnswerList,
   addOrUpdateQCChallenge,
@@ -2119,7 +2152,7 @@ export default {
       this.currentQCRow = { ...row }
       this.chatVisible = true
     },
-    changeReadingStatus(callback, row) {
+    changeReadingStatus(callback, row, isNoDicom = false) {
       let statusStr = ''
       if (callback) {
         statusStr = this.$t('trials:audit:label:setSeriesReading')
@@ -2140,6 +2173,26 @@ export default {
         .then(() => {
           const state = row.IsReading ? 1 : 2
           this.loading = true
+          if (isNoDicom) {
+            let params = {
+              SubjectVisitId: row.SubjectVisitId,
+              NoneDicomStudyId: row.Id,
+              State: state,
+            }
+            return setNodicomStudyState(params)
+              .then((res) => {
+                this.loading = false
+                if (res.IsSuccess) {
+                  this.$message.success(
+                    this.$t('common:message:savedSuccessfully')
+                  )
+                  this.getQCInfo()
+                }
+              })
+              .catch(() => {
+                this.loading = false
+              })
+          }
           setSeriesStatus(
             this.trialId,
             this.data.Id,
@@ -2162,7 +2215,7 @@ export default {
         })
         .catch(() => {})
     },
-    changeDeleteStatus(callback, row) {
+    changeDeleteStatus(callback, row, isNoDicom = false) {
       let statusStr = ''
       if (callback) {
         statusStr = this.$t('trials:audit:label:setSeriesDeleted')
@@ -2183,6 +2236,26 @@ export default {
         .then(() => {
           const state = row.IsDeleted ? 5 : 4
           this.loading = true
+          if (isNoDicom) {
+            let params = {
+              SubjectVisitId: row.SubjectVisitId,
+              NoneDicomStudyId: row.Id,
+              State: state,
+            }
+            return setNodicomStudyState(params)
+              .then((res) => {
+                this.loading = false
+                if (res.IsSuccess) {
+                  this.$message.success(
+                    this.$t('common:message:savedSuccessfully')
+                  )
+                  this.getQCInfo()
+                }
+              })
+              .catch(() => {
+                this.loading = false
+              })
+          }
           setSeriesStatus(
             this.trialId,
             this.data.Id,
@@ -2632,7 +2705,7 @@ export default {
       let trialId = this.$route.query.trialId
       var token = getToken()
       const routeData = this.$router.resolve({
-        path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${this.data.Id}&TokenKey=${token}`,
+        path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${this.data.Id}&TokenKey=${token}&isQcCheck=1`,
       })
       this.open = window.open(routeData.href, '_blank')
     },
@@ -2644,7 +2717,7 @@ export default {
       let trialId = this.$route.query.trialId
       var token = getToken()
       const routeData = this.$router.resolve({
-        path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${this.data.Id}&studyId=${row.Id}&TokenKey=${token}`,
+        path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${this.data.Id}&studyId=${row.Id}&TokenKey=${token}&isQcCheck=1`,
       })
       this.open = window.open(routeData.href, '_blank')
     },