肿瘤学阅片跳过按钮显示修改

src/views/trials/trials-panel/reading/oncology-review/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div v-loading="loading" class="oncologyReview_wrapper">
-    <el-card v-if="isReadingShowSubjectInfo" shadow="never" :body-style="{ padding: '10px' }" style="margin-bottom:10px">
+    <el-card v-if="isReadingShowSubjectInfo" shadow="never" :body-style="{ padding: '10px' }"
+      style="margin-bottom:10px">
       <h4>
         <!-- 受试者： -->
         {{ $t('trials:oncologyReview:title:subject') }}
@@ -18,122 +19,63 @@
       </div>
       <div style="text-align:right;margin:5px 0;">
         <!-- 临床数据 -->
-        <el-button
-          v-if="isExistsClinicalData"
-          type="primary"
-          size="small"
-          @click="previewCD"
-        >
+        <el-button v-if="isExistsClinicalData" type="primary" size="small" @click="previewCD">
           {{ $t('trials:oncologyReview:button:clinicalData') }}
         </el-button>
-        <el-button
-          type="primary"
-          size="small"
-          @click="skipTask"
-          v-if="!isView"
-        >
+        <el-button type="primary" size="small" @click="skipTask" v-if="!isView && oncologyInfo.ReadingTaskState < 2">
           <!-- 跳过 -->
           {{ $t('trials:readingReport:button:skip') }}
         </el-button>
         <!-- 保存 -->
-        <el-button
-          v-if="oncologyInfo.ReadingTaskState < 2"
-          size="small"
-          type="primary"
-          @click="handleSave(true)"
-        >
+        <el-button v-if="oncologyInfo.ReadingTaskState < 2" size="small" type="primary" @click="handleSave(true)">
           {{ $t('common:button:save') }}
         </el-button>
         <!-- 提交 -->
-        <el-button
-          v-if="oncologyInfo.ReadingTaskState < 2"
-          size="small"
-          type="primary"
-          @click="handleConfirm"
-        >
+        <el-button v-if="oncologyInfo.ReadingTaskState < 2" size="small" type="primary" @click="handleConfirm">
           {{ $t('common:button:submit') }}
         </el-button>
       </div>
-      <el-table
-        :data="oncologyInfo.OncologyVisits"
-        style="width: 100%"
-      >
+      <el-table :data="oncologyInfo.OncologyVisits" style="width: 100%">
         <!-- 访视名称 -->
-        <el-table-column
-          prop="VisitName"
-          :label="$t('trials:oncologyReview:title:visitName')"
-          show-overflow-tooltip
-          width="150"
-        />
+        <el-table-column prop="VisitName" :label="$t('trials:oncologyReview:title:visitName')" show-overflow-tooltip
+          width="150" />
         <!-- 影像学阅片结果 -->
-        <el-table-column
-          :label="$t('trials:oncologyReview:title:readingRes')"
-          align="center"
-          prop=""
-        >
+        <el-table-column :label="$t('trials:oncologyReview:title:readingRes')" align="center" prop="">
           <template>
-            <el-table-column
-              v-for="(qs,index) in questionCols"
-              :key="qs"
-              prop=""
-              :label="qs"
-              show-overflow-tooltip
-              width="150"
-            >
+            <el-table-column v-for="(qs, index) in questionCols" :key="qs" prop="" :label="qs" show-overflow-tooltip
+              width="150">
               <template slot-scope="scope">
                 <span v-if="scope.row.QuestionList[index].DictionaryCode">
-                  {{ $fd(scope.row.QuestionList[index].DictionaryCode,parseInt(scope.row.QuestionList[index].Answer)) }}
+                  {{ $fd(scope.row.QuestionList[index].DictionaryCode, parseInt(scope.row.QuestionList[index].Answer)) }}
                 </span>
                 <span v-else>
-                  {{ scope.row.QuestionList.length>index?scope.row.QuestionList[index].Answer:'' }}
+                  {{ scope.row.QuestionList.length > index ? scope.row.QuestionList[index].Answer : '' }}
                 </span>
 
               </template>
             </el-table-column>
             <!-- 全局是否有更新 -->
-            <el-table-column
-              v-if="oncologyInfo.IsShowDetail"
-              prop="IsHaveChange"
-              :label="$t('trials:oncologyReview:title:isGlobalUpdate')"
-              show-overflow-tooltip
-              width="150"
-            >
+            <el-table-column v-if="oncologyInfo.IsShowDetail" prop="IsHaveChange"
+              :label="$t('trials:oncologyReview:title:isGlobalUpdate')" show-overflow-tooltip width="150">
               <template slot-scope="scope">
-                <span>{{ $fd('YesOrNo', scope.row.IsHaveChange ) }}</span>
+                <span>{{ $fd('YesOrNo', scope.row.IsHaveChange) }}</span>
                 <!-- 查看详情 -->
-                <el-button
-                  v-if="scope.row.IsHaveChange && oncologyInfo.GlobalTaskId"
-                  type="text"
-                  style="margin-left:5px;"
-                  @click="handleViewDetail(oncologyInfo.GlobalTaskId)"
-                >
+                <el-button v-if="scope.row.IsHaveChange && oncologyInfo.GlobalTaskId" type="text"
+                  style="margin-left:5px;" @click="handleViewDetail(oncologyInfo.GlobalTaskId)">
                   {{ $t('trials:oncologyReview:title:view') }}
                 </el-button>
               </template>
             </el-table-column>
             <!-- 访视点注释 -->
-            <el-table-column
-              v-if="oncologyInfo.IsShowDetail"
-              prop="VisitRemark"
-              :label="$t('trials:oncologyReview:title:visitRemark')"
-              show-overflow-tooltip
-              width="150"
-            />
+            <el-table-column v-if="oncologyInfo.IsShowDetail" prop="VisitRemark"
+              :label="$t('trials:oncologyReview:title:visitRemark')" show-overflow-tooltip width="150" />
           </template>
         </el-table-column>
         <!-- 肿瘤学阅片结果 -->
-        <el-table-column
-          :label="$t('trials:oncologyReview:title:oReviewRes')"
-          align="center"
-          prop=""
-        >
+        <el-table-column :label="$t('trials:oncologyReview:title:oReviewRes')" align="center" prop="">
           <template>
             <!-- 结论 -->
-            <el-table-column
-              prop="EvaluationResult"
-              show-overflow-tooltip
-              width="150"
-            >
+            <el-table-column prop="EvaluationResult" show-overflow-tooltip width="150">
               <template slot="header">
                 <div>
                   <span>{{ $t('trials:oncologyReview:title:findings') }}</span>
@@ -141,27 +83,15 @@
                 </div>
               </template>
               <template slot-scope="scope">
-                <el-select
-                  v-if="oncologyInfo.ReadingTaskState < 2 && !scope.row.IsBaseLine"
-                  v-model="scope.row.EvaluationResult"
-                  :placeholder="$t('common:ruleMessage:select')"
-                >
-                  <el-option
-                    v-for="item in assessTypeList"
-                    v-show="item.Code !== '-1'"
-                    :key="item.Id"
-                    :label="item.Value"
-                    :value="item.Code"
-                  />
+                <el-select v-if="oncologyInfo.ReadingTaskState < 2 && !scope.row.IsBaseLine"
+                  v-model="scope.row.EvaluationResult" :placeholder="$t('common:ruleMessage:select')">
+                  <el-option v-for="item in assessTypeList" v-show="item.Code !== '-1'" :key="item.Id"
+                    :label="item.Value" :value="item.Code" />
                 </el-select>
                 <span v-else>{{ getAssessType(scope.row.EvaluationResult) }}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="EvaluationReason"
-              show-overflow-tooltip
-              width="250"
-            >
+            <el-table-column prop="EvaluationReason" show-overflow-tooltip width="250">
               <template slot="header">
                 <el-tooltip placement="top">
 
@@ -177,29 +107,19 @@
                 </el-tooltip>
               </template>
               <template slot-scope="scope">
-                <el-input
-                  v-if="oncologyInfo.ReadingTaskState < 2 && !scope.row.IsBaseLine"
-                  v-model="scope.row.EvaluationReason"
-                />
+                <el-input v-if="oncologyInfo.ReadingTaskState < 2 && !scope.row.IsBaseLine"
+                  v-model="scope.row.EvaluationReason" />
                 <span v-else>{{ scope.row.EvaluationReason }}</span>
               </template>
             </el-table-column>
           </template>
         </el-table-column>
 
-        <el-table-column
-          v-if="oncologyInfo.IsShowDetail"
-          :label="$t('common:action:action')"
-          width="100"
-        >
+        <el-table-column v-if="oncologyInfo.IsShowDetail" :label="$t('common:action:action')" width="100">
           <template slot-scope="scope">
             <!-- 查看详情 -->
-            <el-button
-              circle
-              :title="$t('trials:oncologyReview:title:view')"
-              icon="el-icon-view"
-              @click="handleViewDetail(scope.row.VisitTaskId)"
-            />
+            <el-button circle :title="$t('trials:oncologyReview:title:view')" icon="el-icon-view"
+              @click="handleViewDetail(scope.row.VisitTaskId)" />
           </template>
         </el-table-column>
       </el-table>
@@ -210,51 +130,27 @@
         <span style="font-weight: bold;">{{ $t('trials:oncologyReview:title:previousRes') }}</span>
       </div>
 
-      <el-table
-        v-loading="priorLoading"
-        :data="priorList"
-        style="width: 100%"
-      >
+      <el-table v-loading="priorLoading" :data="priorList" style="width: 100%">
         <!-- 肿瘤学阅片 -->
-        <el-table-column
-          prop="TaskBlindName"
-          :label="$t('trials:oncologyReview:title:oncologyReview')"
-          show-overflow-tooltip
-          width="200"
-        />
-        <el-table-column
-          prop="VisitName"
-          :label="$t('trials:globalReview:table:cutOffVisitName')"
-          show-overflow-tooltip
-          width="200"
-        />
-        <el-table-column
-          :label="$t('common:action:action')"
-          width="200"
-        >
+        <el-table-column prop="TaskBlindName" :label="$t('trials:oncologyReview:title:oncologyReview')"
+          show-overflow-tooltip width="200" />
+        <el-table-column prop="VisitName" :label="$t('trials:globalReview:table:cutOffVisitName')" show-overflow-tooltip
+          width="200" />
+        <el-table-column :label="$t('common:action:action')" width="200">
           <template slot-scope="scope">
             <!-- 查看详情 -->
-            <el-button
-              circle
-              :title="$t('trials:oncologyReview:title:view')"
-              icon="el-icon-view"
-              @click="handleViewDetail(scope.row.VisitTaskId)"
-            />
+            <el-button circle :title="$t('trials:oncologyReview:title:view')" icon="el-icon-view"
+              @click="handleViewDetail(scope.row.VisitTaskId)" />
           </template>
         </el-table-column>
       </el-table>
     </el-card>
     <!-- 签名框 -->
-    <el-dialog
-      v-if="signVisible"
-      :visible.sync="signVisible"
-      :close-on-click-modal="false"
-      width="600px"
-      custom-class="base-dialog-wrapper"
-    >
+    <el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
+      custom-class="base-dialog-wrapper">
       <div slot="title">
         <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
-        <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
+        <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
       </div>
       <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
     </el-dialog>
@@ -338,8 +234,8 @@ export default {
   //     }
   //   }
   // },
-  computed:{
-    isView(){
+  computed: {
+    isView() {
       return !this.hasPermi(['role:ir'])
     }
   },
@@ -389,7 +285,7 @@ export default {
       }
     },
     handleSave(isPrompt) {
-      return new Promise(async(resolve, reject) => {
+      return new Promise(async (resolve, reject) => {
         this.loading = true
         // var index = this.oncologyInfo.OncologyVisits.findIndex(item => !item.EvaluationResult && !item.IsBaseLine)
         var isDiffer = this.checkDifferResult()
@@ -508,7 +404,7 @@ export default {
             // DicomEvent.$emit('getNextTask')
             window.location.reload()
           } else {
-          // '当前阅片任务已完成，是否进入下一个阅片任务？'
+            // '当前阅片任务已完成，是否进入下一个阅片任务？'
             const confirm = await this.$confirm(
               this.$t('trials:oncologyReview:title:msg2'),
               {
@@ -556,7 +452,7 @@ export default {
       var isReadingTaskViewInOrder = this.$router.currentRoute.query.isReadingTaskViewInOrder
       var trialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
       var path = ''
-      if (readingTool === 0 || readingTool === 2 ) {
+      if (readingTool === 0 || readingTool === 2) {
         path = `/readingDicoms?TrialReadingCriterionId=${trialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${this.subjectCode}&subjectId=${this.subjectId}&visitTaskId=${visitTaskId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&readingTool=${readingTool}&TokenKey=${token}`
       } else {
         path = `/noneDicomReading?TrialReadingCriterionId=${trialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${this.subjectCode}&subjectId=${this.subjectId}&visitTaskId=${visitTaskId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&readingTool=${readingTool}&TokenKey=${token}`
@@ -597,14 +493,15 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.oncologyReview_wrapper{
+.oncologyReview_wrapper {
   flex: 1;
   padding: 10px;
   width: 100%;
   height: 100%;
   overflow-y: auto;
-  .box-mr{
-    margin:10px 0;
+
+  .box-mr {
+    margin: 10px 0;
   }
 }
 </style>