反馈按钮更改

src/views/trials/trials-panel/reading/dicoms3D/components/customize/QuestionList.vue

@@ -26,7 +26,9 @@
         </template>
 
         <el-form-item v-if="readingTaskState < 2">
-          <div style="text-align:center;">
+          <div class="action-bar">
+            <!-- <i class="el-icon-warning feedback-icon" @click="openFeedBackTable"
+              :style="{ color: taskInfo && taskInfo.IsExistUnprocessedFeedback ? '#ffeb3b' : '#fff' }" /> -->
             <el-button v-if="taskInfo && taskInfo.IseCRFShowInDicomReading" :disabled="isTableVisible"
               type="primary" @click="skipTask">
               {{ $t('trials:readingReport:button:skip') }}
@@ -1464,6 +1466,32 @@ export default {
         console.log(err)
       }
     },
+    openFeedBackTable() {
+      this.$FB({
+        type: 'imgfail',
+        trialId: this.$route.query.trialId,
+        visitTaskId: this.visitTaskId,
+        callBack: async () => {
+          try {
+            await this.$confirm(
+              this.$t('trials:reading:confirm:feedbackmsg'),
+              {
+                type: 'warning',
+                distinguishCancelAndClose: true
+              }
+            ).catch(() => {})
+            this.loading = true
+            const res = await setSkipReadingCache({ visitTaskId: this.visitTaskId })
+            this.loading = false
+            if (res.IsSuccess) {
+              window.location.reload()
+            }
+          } catch (err) {
+            this.loading = false
+          }
+        }
+      })
+    }
   },
   watch: {
     questionsMarkStatus: {
@@ -1580,6 +1608,26 @@ export default {
       }
     }
   }
+  .action-bar {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+  }
+  .feedback-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 1;
+    cursor: pointer;
+
+    &:hover {
+      color: #68a2d5;
+    }
+  }
 }
 
 // .ecrf-list-container{