crc一致性核查回复弹窗添加取消按钮

src/views/trials/trials-panel/visit/consistency-check/components/consistencyCheckForm.vue

@@ -36,83 +36,50 @@
     </div>
     <div v-if="checkChallengeState !== 3 && checkState !== 11" class="chat-message">
       <div class="message">
-        <el-input
-          v-model="newMessage"
-          v-hasPermi="['trials:trials-panel:visit:consistency-check:fallback']"
-          type="textarea"
-          :rows="2"
-        />
+        <el-input v-model="newMessage" v-hasPermi="['trials:trials-panel:visit:consistency-check:fallback']"
+          type="textarea" :rows="2" />
       </div>
       <div class="function">
         <!-- 申请回退 -->
-        <el-button
-          v-hasPermi="['trials:trials-panel:visit:consistency-check:apply-fallback']"
-          type="primary"
+        <el-button v-hasPermi="['trials:trials-panel:visit:consistency-check:apply-fallback']" type="primary"
           :disabled="!(checkState === 10 && (requestBackState === 0 || requestBackState === 3))"
-          @click="handleApplyBack"
-        >
+          @click="handleApplyBack">
           {{ $t('trials:consistencyCheck:action:applyFallback') }}
         </el-button>
         <!-- 拒绝回退 -->
-        <el-button
-          v-hasPermi="['trials:trials-panel:visit:consistency-check:fallback']"
-          type="primary"
-          :disabled="!(requestBackState === 1)"
-          @click="handleRejectBack"
-        >
+        <el-button v-hasPermi="['trials:trials-panel:visit:consistency-check:fallback']" type="primary"
+          :disabled="!(requestBackState === 1)" @click="handleRejectBack">
           {{ $t('trials:consistencyCheck:button:rejectBack') }}
         </el-button>
         <!-- 回退 -->
-        <el-button
-          v-hasPermi="['trials:trials-panel:visit:consistency-check:fallback']"
-          type="primary"
-          :disabled="!(requestBackState === 1)"
-          @click="handleBack"
-        >
+        <el-button v-hasPermi="['trials:trials-panel:visit:consistency-check:fallback']" type="primary"
+          :disabled="!(requestBackState === 1)" @click="handleBack">
           {{ $t('trials:consistencyCheck:action:fallback') }}
         </el-button>
         <!-- 发送 -->
-        <el-button
-          v-hasPermi="['role:pm']"
-          :disabled="!(checkState === 10 && checkChallengeState !== 3) || newMessage === ''"
-          type="primary"
-          :loading="btnLoading"
-          @click="handleReply()"
-        >
+        <el-button v-hasPermi="['role:pm']"
+          :disabled="!(checkState === 10 && checkChallengeState !== 3) || newMessage === ''" type="primary"
+          :loading="btnLoading" @click="handleReply()">
           {{ $t('trials:consistencyCheck:button:sendMessage') }}
         </el-button>
         <!-- 回复 -->
-        <el-button
-          v-hasPermi="['role:crc']"
+        <el-button v-hasPermi="['role:crc']" type="primary"
           :disabled="!(checkState === 10 && checkChallengeState !== 3) || (recordContent && recordContent.length > 0 ? recordContent[recordContent.length - 1].UserTypeEnum * 1 === 2 : false)"
-          type="primary"
-          :loading="btnLoading"
-          @click="handleCRCReply"
-        >
+          :loading="btnLoading" @click="handleCRCReply">
           {{ $t('trials:consistencyCheck:title:reply') }}
         </el-button>
         <!-- 关闭 -->
-        <el-button
-          type="primary"
-          :loading="btnLoading"
-          @click="close"
-        >
+        <el-button type="primary" :loading="btnLoading" @click="close">
           {{ $t('trials:consistencyCheck:title:close') }}
         </el-button>
       </div>
     </div>
     <!-- 回复一致性核查 -->
-    <el-dialog
-      v-if="sendMessageCRCVisible"
-      v-dialogDrag
-      :visible.sync="sendMessageCRCVisible"
-      :close-on-click-modal="false"
-      append-to-body
-      custom-class="base-dialog-wrapper"
-      :width="'600px'"
-      :title="$t('trials:consistencyCheck:title:replyConsistency')"
-    >
-      <crcSendMessage :crc-message-info="crcMessageInfo" @sendMessage="handleReply" />
+    <el-dialog v-if="sendMessageCRCVisible" v-dialogDrag :visible.sync="sendMessageCRCVisible"
+      :close-on-click-modal="false" append-to-body custom-class="base-dialog-wrapper" :width="'600px'"
+      :title="$t('trials:consistencyCheck:title:replyConsistency')">
+      <crcSendMessage :crc-message-info="crcMessageInfo" :visible.sync="sendMessageCRCVisible"
+        @sendMessage="handleReply" />
     </el-dialog>
   </div>
 </template>
@@ -282,25 +249,31 @@ export default {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
+
   .chat-content {
     width: 100%;
     padding: 20px;
     height: 500px;
     overflow-y: auto;
+
     .word {
       display: flex;
       margin-bottom: 20px;
+
       img {
         width: 40px;
         height: 40px;
         border-radius: 50%;
       }
+
       .info {
         margin-left: 10px;
+
         .user-info {
           font-size: 12px;
           color: rgba(51, 51, 51, 0.8);
@@ -309,6 +282,7 @@ export default {
           line-height: 20px;
           margin-top: -5px;
         }
+
         .info-content {
           padding: 10px;
           font-size: 14px;
@@ -316,6 +290,7 @@ export default {
           position: relative;
           margin-top: 8px;
         }
+
         .info-content::before {
           position: absolute;
           left: -8px;
@@ -327,19 +302,23 @@ export default {
         }
       }
     }
+
     .word-my {
       display: flex;
       justify-content: flex-end;
       margin-bottom: 20px;
+
       img {
         width: 40px;
         height: 40px;
         border-radius: 50%;
       }
+
       .info {
         width: 90%;
         margin-left: 10px;
         text-align: right;
+
         .user-info {
           font-size: 12px;
           color: rgba(51, 51, 51, 0.8);
@@ -349,6 +328,7 @@ export default {
           margin-top: -5px;
           margin-right: 10px;
         }
+
         .info-content {
           position: relative;
           max-width: 70%;
@@ -361,6 +341,7 @@ export default {
           color: #fff;
           text-align: left;
         }
+
         .info-content::after {
           position: absolute;
           right: -8px;
@@ -373,8 +354,10 @@ export default {
       }
     }
   }
+
   .chat-message {
     padding: 0 50px;
+
     .function {
       margin-top: 10px;
       text-align: right;

src/views/trials/trials-panel/visit/consistency-check/components/crcSendMessageNew.vue

@@ -71,6 +71,10 @@
       </div>
     </div>
     <div class="function">
+      <!-- 取消 -->
+      <el-button @click="close">
+        {{ $t('common:button:cancel') }}
+      </el-button>
       <!-- 发送 -->
       <el-button type="primary" @click="handleReply">
         {{ $t('trials:consistencyCheck:button:sendMessage') }}
@@ -118,6 +122,10 @@ export default {
           TalkContent: null
         }
       }
+    },
+    visible: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -149,6 +157,9 @@ export default {
     this.compareStudy()
   },
   methods: {
+    close() {
+      this.$emit('update:visible', false)
+    },
     compareStudy() {
       var isLackOf = false
       this.IRCList = []