影像质疑临床数据问题

src/views/trials/trials-panel/visit/crc-question/components/chatForm.vue

@@ -1,35 +1,76 @@
 <template>
   <div v-loading="loading" class="chat-wrapper">
     <div class="chat-content">
-      <div v-for="(record,index) in recordContent" :key="`${record.CreateTime}${index}`">
+      <div
+        v-for="(record, index) in recordContent"
+        :key="`${record.CreateTime}${index}`"
+      >
         <div v-if="!record.IsCurrentUser" class="word">
           <!-- <img :src="record.headUrl"> -->
-          <img v-if="record.UserTypeEnum*1 === 8" :src="adminAvatar" alt="Admin">
+          <img
-          <img v-else-if="record.UserTypeEnum*1 === 1" :src="pmAvatar" alt="PM">
+            v-if="record.UserTypeEnum * 1 === 8"
-          <img v-else-if="record.UserTypeEnum*1 === 2" :src="crcAvatar" alt="CRC">
+            :src="adminAvatar"
-          <img v-else-if="record.UserTypeEnum*1 === 3" :src="qcAvatar" alt="QC">
+            alt="Admin"
+          />
+          <img
+            v-else-if="record.UserTypeEnum * 1 === 1"
+            :src="pmAvatar"
+            alt="PM"
+          />
+          <img
+            v-else-if="record.UserTypeEnum * 1 === 2"
+            :src="crcAvatar"
+            alt="CRC"
+          />
+          <img
+            v-else-if="record.UserTypeEnum * 1 === 3"
+            :src="qcAvatar"
+            alt="QC"
+          />
           <div class="info">
             <p class="user-info">
-              <span style="font-weight:700;">{{ record.CreateUserName }} </span>
+              <span style="font-weight: 700">{{ record.CreateUserName }} </span>
               <span>({{ record.CreateTime }}) </span>
             </p>
-            <div class="info-content" v-html="formattedText(record.TalkContent)" />
+            <div
+              class="info-content"
+              v-html="formattedText(record.TalkContent)"
+            />
           </div>
         </div>
 
         <div v-else class="word-my">
           <div class="info">
             <p class="user-info">
-              <span style="font-weight:700;">{{ record.CreateUserName }} </span>
+              <span style="font-weight: 700">{{ record.CreateUserName }} </span>
               <span>({{ record.CreateTime }}) </span>
             </p>
-            <div class="info-content" v-html="formattedText(record.TalkContent)" />
+            <div
+              class="info-content"
+              v-html="formattedText(record.TalkContent)"
+            />
           </div>
           <!-- <img :src="record.headUrl"> -->
-          <img v-if="record.UserTypeEnum*1 === 8" :src="adminAvatar" alt="Admin">
+          <img
-          <img v-else-if="record.UserTypeEnum*1 === 1" :src="pmAvatar" alt="PM">
+            v-if="record.UserTypeEnum * 1 === 8"
-          <img v-else-if="record.UserTypeEnum*1 === 2" :src="crcAvatar" alt="CRC">
+            :src="adminAvatar"
-          <img v-else-if="record.UserTypeEnum*1 === 3" :src="qcAvatar" alt="QC">
+            alt="Admin"
+          />
+          <img
+            v-else-if="record.UserTypeEnum * 1 === 1"
+            :src="pmAvatar"
+            alt="PM"
+          />
+          <img
+            v-else-if="record.UserTypeEnum * 1 === 2"
+            :src="crcAvatar"
+            alt="CRC"
+          />
+          <img
+            v-else-if="record.UserTypeEnum * 1 === 3"
+            :src="qcAvatar"
+            alt="QC"
+          />
         </div>
       </div>
     </div>
@@ -39,11 +80,7 @@
       class="chat-message"
     >
       <div class="message">
-        <el-input
+        <el-input v-model="newMessage" type="textarea" :rows="2" />
-          v-model="newMessage"
-          type="textarea"
-          :rows="2"
-        />
       </div>
       <div class="function">
         <!-- 申请重传 -->
@@ -67,8 +104,10 @@
         </el-button>
         <!-- 确认重传完成 -->
         <el-button
-          v-show=" ReuploadEnum === 2"
+          v-show="ReuploadEnum === 2"
-          v-hasPermi="['trials:trials-panel:visit:crc-upload:set-reupload-finished']"
+          v-hasPermi="[
+            'trials:trials-panel:visit:crc-upload:set-reupload-finished',
+          ]"
           type="primary"
           @click="handleSetUploadFinished"
         >
@@ -77,7 +116,7 @@
         <!-- 发送 -->
         <el-button
           v-hasPermi="['trials:trials-panel:visit:crc-upload:send']"
-          :disabled="newMessage===''"
+          :disabled="newMessage === ''"
           type="primary"
           :loading="btnLoading"
           @click="handleReply"
@@ -85,11 +124,7 @@
           {{ $t('trials:crcQuestion:button:send') }}
         </el-button>
         <!-- 关闭 -->
-        <el-button
+        <el-button type="primary" :loading="btnLoading" @click="close">
-          type="primary"
-          :loading="btnLoading"
-          @click="close"
-        >
           {{ $t('trials:crcQuestion:button:close') }}
         </el-button>
         <!-- 下一任务 -->
@@ -113,26 +148,71 @@
     >
       <span slot="title">
         <el-breadcrumb separator-class="el-icon-arrow-right">
-          <label style="float: left;margin-right:10px;">Upload: </label>
+          <label style="float: left; margin-right: 10px">Upload: </label>
-          <el-breadcrumb-item v-show="trialCode">{{ trialCode }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="trialCode">{{
-          <el-breadcrumb-item v-show="data.TrialSiteCode">{{ data.TrialSiteCode }}</el-breadcrumb-item>
+            trialCode
-          <el-breadcrumb-item v-show="data.SubjectCode">{{ data.SubjectCode }}</el-breadcrumb-item>
+          }}</el-breadcrumb-item>
-          <el-breadcrumb-item v-show="data.VisitName">{{ `${data.VisitName} (${data.VisitNum})` }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="data.TrialSiteCode">{{
+            data.TrialSiteCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="data.SubjectCode">{{
+            data.SubjectCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="data.VisitName">{{
+            `${data.VisitName} (${data.VisitNum})`
+          }}</el-breadcrumb-item>
         </el-breadcrumb>
       </span>
       <div>
         <el-tabs v-model="activeName" type="border-card">
           <!-- DICOM影像上传 -->
-          <el-tab-pane :label="$t('trials:uploadedDicoms:tab:uploadDicoms')" name="dicom">
+          <el-tab-pane
-            <upload-dicom-files v-if="uploadVisible" :data="data" :subject-id="data.SubjectId" :subject-visit-id="data.SubjectVisitId" @close="closeUpload" @getList="reFreshList" />
+            :label="$t('trials:uploadedDicoms:tab:uploadDicoms')"
+            name="dicom"
+          >
+            <upload-dicom-files
+              v-if="uploadVisible"
+              :data="data"
+              :subject-id="data.SubjectId"
+              :subject-visit-id="data.SubjectVisitId"
+              @close="closeUpload"
+              @getList="reFreshList"
+            />
           </el-tab-pane>
           <!-- 非DICOM影像上传 -->
-          <el-tab-pane :label="$t('trials:uploadNonDicoms:tab:uploadNonDicoms')" name="non-dicom">
+          <el-tab-pane
-            <upload-non-dicom-files v-if="activeName==='non-dicom'" :data="data" :site-id="data.TrialSiteId" :subject-id="data.SubjectId" :allow-add-or-edit="true" :body-parts="bodyParts" :modalities="modalities" :subject-visit-id="data.SubjectVisitId" @getList="reFreshList" />
+            :label="$t('trials:uploadNonDicoms:tab:uploadNonDicoms')"
+            name="non-dicom"
+          >
+            <upload-non-dicom-files
+              v-if="activeName === 'non-dicom'"
+              :data="data"
+              :site-id="data.TrialSiteId"
+              :subject-id="data.SubjectId"
+              :allow-add-or-edit="true"
+              :body-parts="bodyParts"
+              :modalities="modalities"
+              :subject-visit-id="data.SubjectVisitId"
+              @getList="reFreshList"
+            />
           </el-tab-pane>
           <!-- 临床数据采集 -->
-          <el-tab-pane v-if="data.IsBaseLine && clinicalEnum>0" :label="$t('trials:uploadClinicalData:tab:uploadClinicalData')" name="clinical-data">
+          <el-tab-pane
-            <upload-clinical-data v-if="activeName==='clinical-data'" :allow-add-or-edit="true" :data="data" :subject-visit-id="data.SubjectVisitId" :enum-type="clinicalEnum" @getList="reFreshList" />
+            v-if="
+              (data.IsBaseLine && clinicalEnum > 0) ||
+              (!data.IsBaseLine && IsHaveVisitClinicalData)
+            "
+            :label="$t('trials:uploadClinicalData:tab:uploadClinicalData')"
+            name="clinical-data"
+          >
+            <upload-clinical-data
+              v-if="activeName === 'clinical-data'"
+              :allow-add-or-edit="true"
+              :data="data"
+              :subject-visit-id="data.SubjectVisitId"
+              :enum-type="clinicalEnum"
+              @getList="reFreshList"
+            />
           </el-tab-pane>
         </el-tabs>
       </div>
@@ -148,15 +228,27 @@
       custom-class="base-dialog-wrapper"
     >
       <div slot="title">
-        <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
+        <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" :subject-visit-id="data.SubjectVisitId" @closeDialog="closeReuploadFinishedDialog" />
+      <SignForm
+        ref="signForm"
+        :sign-code-enum="signCode"
+        :subject-visit-id="data.SubjectVisitId"
+        @closeDialog="closeReuploadFinishedDialog"
+      />
     </el-dialog>
   </div>
 </template>
 <script>
-import { getQCChallengeDialogList, addQCChallengeReply, cRCRequestReUpload, verifyReuploadIsCanJump } from '@/api/trials'
+import {
+  getQCChallengeDialogList,
+  addQCChallengeReply,
+  cRCRequestReUpload,
+  verifyReuploadIsCanJump,
+} from '@/api/trials'
 import { setReuploadFinished } from '@/api/trials/visit'
 import adminAvatar from '@/assets/Admin.png'
 import pmAvatar from '@/assets/PM.png'
@@ -170,30 +262,39 @@ import dicomStore from '@/utils/dicom-store'
 import const_ from '@/const/sign-code'
 export default {
   name: 'ChatForm',
-  components: { UploadDicomFiles, UploadNonDicomFiles, UploadClinicalData, SignForm },
+  components: {
+    UploadDicomFiles,
+    UploadNonDicomFiles,
+    UploadClinicalData,
+    SignForm,
+  },
   props: {
     data: {
       type: Object,
       default() {
         return {}
-      }
+      },
     },
     bodyParts: {
       type: String,
-      default: ''
+      default: '',
     },
     modalities: {
       type: String,
-      default: ''
+      default: '',
     },
     signText: {
       type: String,
-      default: ''
+      default: '',
     },
     clinicalEnum: {
       type: Number,
-      default: 0
+      default: 0,
-    }
+    },
+    IsHaveVisitClinicalData: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -218,8 +319,7 @@ export default {
       signCode: '',
       ReuploadEnum: 0,
       trialId: '',
-      uploadBtnLoading: false
+      uploadBtnLoading: false,
-
     }
   },
   mounted() {
@@ -244,7 +344,9 @@ export default {
         contents.push(this.data.Content)
       }
 
-      var li = contents.map(content => { return `<li>${content}</li>` })
+      var li = contents.map((content) => {
+        return `<li>${content}</li>`
+      })
       const content = `
                         <div>${this.$t('trials:qcQuality:dialog:qcContent')}
                         <ol>
@@ -254,20 +356,24 @@ export default {
                         <p>
                         ${this.$t('trials:qcQuality:dialogTips:tip')}
                         </p>
-                        <p style='color:red'>${this.$t('trials:qcQuality:dialog:deadline')}: ${this.data.DeadlineTime ? this.data.DeadlineTime : this.$t('trials:qcQuality:dialog:none')}</p>`
+                        <p style='color:red'>${this.$t(
+                          'trials:qcQuality:dialog:deadline'
+                        )}: ${
+        this.data.DeadlineTime
+          ? this.data.DeadlineTime
+          : this.$t('trials:qcQuality:dialog:none')
+      }</p>`
       const userId = zzSessionStorage.getItem('userId')
-      recordContent.push(
+      recordContent.push({
-        {
+        IsCurrentUser: this.data.CreateUserId === userId,
-          IsCurrentUser: this.data.CreateUserId === userId,
+        TalkContent: content,
-          TalkContent: content,
+        CreateTime: this.data.CreateTime,
-          CreateTime: this.data.CreateTime,
+        CreateUserName: this.data.CreateUserName,
-          CreateUserName: this.data.CreateUserName,
+        CreateUserId: this.data.CreateUserId,
-          CreateUserId: this.data.CreateUserId,
+        UserTypeEnum: this.data.UserTypeEnum,
-          UserTypeEnum: this.data.UserTypeEnum
+      })
-        }
-      )
       if (this.data.DialogList && this.data.DialogList.length > 0) {
-        this.data.DialogList.forEach(element => {
+        this.data.DialogList.forEach((element) => {
           recordContent.push(element)
         })
       }
@@ -288,7 +394,9 @@ export default {
         contents.push(this.data.Content)
       }
 
-      var li = contents.map(content => { return `<li>${content}</li>` })
+      var li = contents.map((content) => {
+        return `<li>${content}</li>`
+      })
       const content = `
                         <div>${this.$t('trials:qcQuality:dialog:qcContent')}
                         <ol>
@@ -298,28 +406,34 @@ export default {
                         <p>
                         ${this.$t('trials:qcQuality:dialogTips:tip')}
                         </p>
-                        <p style='color:red'>${this.$t('trials:qcQuality:dialog:deadline')}: ${this.data.DeadlineTime ? this.data.DeadlineTime : this.$t('trials:qcQuality:dialog:none')}}</p>`
+                        <p style='color:red'>${this.$t(
+                          'trials:qcQuality:dialog:deadline'
+                        )}: ${
+        this.data.DeadlineTime
+          ? this.data.DeadlineTime
+          : this.$t('trials:qcQuality:dialog:none')
+      }}</p>`
       const userId = zzSessionStorage.getItem('userId')
-      recordContent.push(
+      recordContent.push({
-        {
+        IsCurrentUser: this.data.CreateUserId === userId,
-          IsCurrentUser: this.data.CreateUserId === userId,
+        TalkContent: content,
-          TalkContent: content,
+        CreateTime: this.data.CreateTime,
-          CreateTime: this.data.CreateTime,
+        CreateUserName: this.data.CreateUserName,
-          CreateUserName: this.data.CreateUserName,
+        CreateUserId: this.data.CreateUserId,
-          CreateUserId: this.data.CreateUserId,
+        UserTypeEnum: this.data.UserTypeEnum,
-          UserTypeEnum: this.data.UserTypeEnum
-        }
-      )
-      getQCChallengeDialogList(this.data.Id).then(res => {
-        this.loading = false
-        res.Result.forEach(element => {
-          recordContent.push(element)
-        })
-        this.recordContent = recordContent
-        this.setScrollHeight()
-      }).catch(() => {
-        this.loading = false
       })
+      getQCChallengeDialogList(this.data.Id)
+        .then((res) => {
+          this.loading = false
+          res.Result.forEach((element) => {
+            recordContent.push(element)
+          })
+          this.recordContent = recordContent
+          this.setScrollHeight()
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     setScrollHeight() {
       setTimeout(() => {
@@ -334,34 +448,40 @@ export default {
       var params = {
         talkContent: this.newMessage,
         qcChallengeId: this.data.Id,
-        subjectVisitId: this.data.SubjectVisitId
+        subjectVisitId: this.data.SubjectVisitId,
       }
-      addQCChallengeReply(this.trialId, params).then(res => {
+      addQCChallengeReply(this.trialId, params)
-        this.btnLoading = false
+        .then((res) => {
-        if (res.IsSuccess) {
+          this.btnLoading = false
-          // this.getMessageList()
+          if (res.IsSuccess) {
-          this.newMessage = ''
+            // this.getMessageList()
-          this.reFreshList()
+            this.newMessage = ''
-        }
+            this.reFreshList()
-      }).catch(() => { this.btnLoading = false })
+          }
+        })
+        .catch(() => {
+          this.btnLoading = false
+        })
     },
     // 打开重传框
     openUploadDialog() {
       const qcChallengeId = this.data.Id
       if (!qcChallengeId) return
       this.uploadBtnLoading = true
-      verifyReuploadIsCanJump(this.trialId, qcChallengeId).then(res => {
+      verifyReuploadIsCanJump(this.trialId, qcChallengeId)
-        this.uploadBtnLoading = false
+        .then((res) => {
-        if (res.IsSuccess) {
+          this.uploadBtnLoading = false
-          dicomStore.studyList = []
+          if (res.IsSuccess) {
-          this.uploadVisible = true
+            dicomStore.studyList = []
-        }
+            this.uploadVisible = true
-      }).catch(() => {
+          }
-        // this.getMessageList()
+        })
+        .catch(() => {
+          // this.getMessageList()
 
-        this.$emit('getDialogList')
+          this.$emit('getDialogList')
-        this.uploadBtnLoading = false
+          this.uploadBtnLoading = false
-      })
+        })
     },
     // 获取下一任务
     getNextTask() {
@@ -383,21 +503,31 @@ export default {
     handleCRCApplyReupload() {
       this.$confirm(this.$t('trials:crcQuestion:message:applyReupload'), {
         type: 'warning',
-        distinguishCancelAndClose: true
+        distinguishCancelAndClose: true,
       })
         .then(() => {
           this.loading = true
-          cRCRequestReUpload(this.trialId, this.data.SubjectVisitId, this.data.Id)
+          cRCRequestReUpload(
-            .then(res => {
+            this.trialId,
+            this.data.SubjectVisitId,
+            this.data.Id
+          )
+            .then((res) => {
               if (res.IsSuccess) {
                 this.ReuploadEnum = 1
-                this.$message.success(this.$t('common:message:savedSuccessfully'))
+                this.$message.success(
+                  this.$t('common:message:savedSuccessfully')
+                )
                 // this.getMessageList()
                 this.reFreshList()
               }
               this.loading = false
-            }).catch(() => { this.loading = false })
+            })
-        }).catch(() => {})
+            .catch(() => {
+              this.loading = false
+            })
+        })
+        .catch(() => {})
     },
     // 设置重传完成
     handleSetUploadFinished() {
@@ -409,11 +539,12 @@ export default {
       } else {
         this.$confirm(this.$t('trials:crcQuestion:message:reuploadConfirm'), {
           type: 'warning',
-          distinguishCancelAndClose: true
+          distinguishCancelAndClose: true,
         })
           .then(() => {
             this.setReuploadFinished()
-          }).catch(() => {})
+          })
+          .catch(() => {})
       }
     },
     setReuploadFinished(signInfo) {
@@ -422,12 +553,12 @@ export default {
         data: {
           QcChallengeId: this.data.Id,
           TrialId: this.trialId,
-          SetOrCancel: true
+          SetOrCancel: true,
         },
-        signInfo: signInfo
+        signInfo: signInfo,
       }
       setReuploadFinished(params)
-        .then(res => {
+        .then((res) => {
           if (signInfo) {
             this.$refs['signForm'].btnLoading = false
             this.signVisible = false
@@ -440,7 +571,8 @@ export default {
             // this.getMessageList()
             this.reFreshList()
           }
-        }).catch(() => {
+        })
+        .catch(() => {
           this.loading = false
           this.$refs['signForm'].btnLoading = false
         })
@@ -452,15 +584,13 @@ export default {
       } else {
         this.signVisible = false
       }
-    }
+    },
-  }
+  },
-
 }
-
 </script>
 <style lang="scss">
-.chat-wrapper{
+.chat-wrapper {
-::-webkit-scrollbar {
+  ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
@@ -468,37 +598,37 @@ export default {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  .chat-content{
+  .chat-content {
-    width:100%;
+    width: 100%;
     padding: 20px;
     height: 500px;
     overflow-y: auto;
-    .word{
+    .word {
       display: flex;
       margin-bottom: 20px;
-      img{
+      img {
-        width:40px;
+        width: 40px;
         height: 40px;
         border-radius: 50%;
       }
-      .info{
+      .info {
         margin-left: 10px;
-        .user-info{
+        .user-info {
           font-size: 12px;
-          color:rgba(51,51,51,0.8);
+          color: rgba(51, 51, 51, 0.8);
-          margin:0;
+          margin: 0;
           height: 20px;
           line-height: 20px;
           margin-top: -5px;
         }
-        .info-content{
+        .info-content {
           padding: 10px;
           font-size: 14px;
           background-color: #ebeef5;
           position: relative;
           margin-top: 8px;
         }
-        .info-content::before{
+        .info-content::before {
           position: absolute;
           left: -8px;
           top: 8px;
@@ -509,29 +639,29 @@ export default {
         }
       }
     }
-    .word-my{
+    .word-my {
       display: flex;
       justify-content: flex-end;
       margin-bottom: 20px;
-      img{
+      img {
         width: 40px;
         height: 40px;
         border-radius: 50%;
       }
-      .info{
+      .info {
         width: 90%;
         margin-left: 10px;
         text-align: right;
-        .user-info{
+        .user-info {
           font-size: 12px;
-          color: rgba(51,51,51,0.8);
+          color: rgba(51, 51, 51, 0.8);
           margin: 0;
           height: 20px;
           line-height: 20px;
           margin-top: -5px;
           margin-right: 10px;
         }
-        .info-content{
+        .info-content {
           position: relative;
           max-width: 70%;
           padding: 10px;
@@ -543,7 +673,7 @@ export default {
           color: #fff;
           text-align: left;
         }
-        .info-content::after{
+        .info-content::after {
           position: absolute;
           right: -8px;
           top: 8px;
@@ -555,14 +685,14 @@ export default {
       }
     }
   }
-  .chat-message{
+  .chat-message {
     padding: 0 50px;
-    .function{
+    .function {
       margin-top: 10px;
       text-align: right;
     }
   }
-  ol{
+  ol {
     margin: 5px;
     padding: 0px 10px;
   }

src/views/trials/trials-panel/visit/crc-question/index.vue

@@ -335,6 +335,7 @@
         :modalities="otherInfo.Modalitys"
         :subject-visit-id="currentQCRow.Id"
         :clinical-enum="otherInfo.ClinicalInformationTransmissionEnum"
+        :IsHaveVisitClinicalData="otherInfo.IsHaveVisitClinicalData"
         @close="beforeClose"
         @getDialogList="getDialogList"
         @getNextTask="getNextTask"