u

components/chat-room.vue

@@ -13,7 +13,10 @@
                     >
                     >
                         {{ getCurrentInputingPeople }}正在输入
                         {{ getCurrentInputingPeople }}正在输入
                     </div>
                     </div>
-                    <messages class="flex-fill" />
+                    <messages
+                        class="flex-fill"
+                        @open-pay-message="openPayMessage"
+                    />
                     <slot name="chat-right-panel"></slot>
                     <slot name="chat-right-panel"></slot>
                 </div>
                 </div>
                 <div
                 <div
@@ -163,6 +166,10 @@
                 ((this.refBottom as HTMLElement).style.height =
                 ((this.refBottom as HTMLElement).style.height =
                     this.chatBox.clientHeight - this.refTop.clientHeight + "px");
                     this.chatBox.clientHeight - this.refTop.clientHeight + "px");
         }
         }
+
+        private openPayMessage(id: number) {
+            this.$emit("open-pay-message", id);
+        }
     }
     }
 </script>
 </script>
 
 

components/message-item/pay-message.vue

@@ -96,7 +96,7 @@
         }
         }
 
 
         private view() {
         private view() {
-            this.$emit("view-pay-message", this.payData.paymentId);
+            this.$emit("open-pay-message", this.payData.paymentId);
         }
         }
     }
     }
 </script>
 </script>
@@ -107,6 +107,7 @@
         width: 248px;
         width: 248px;
         height: 106px;
         height: 106px;
         color: #fff;
         color: #fff;
+        cursor: pointer;
 
 
         &.default,
         &.default,
         &.balance-unpay {
         &.balance-unpay {

components/message-list.vue

@@ -24,6 +24,7 @@
                         :shape="shape"
                         :shape="shape"
                         @open="open"
                         @open="open"
                         @withdraw="refresh"
                         @withdraw="refresh"
+                        @open-pay-message="openPayMessage"
                     />
                     />
                 </div>
                 </div>
             </template>
             </template>
@@ -395,6 +396,10 @@
         private refresh() {
         private refresh() {
             this.fetchNewMsg();
             this.fetchNewMsg();
         }
         }
+
+        private openPayMessage(id: number) {
+            this.$emit("open-pay-message", id);
+        }
     }
     }
 </script>
 </script>
 
 

components/message.vue

@@ -68,6 +68,7 @@
                         v-if="messageComponent"
                         v-if="messageComponent"
                         v-model="data"
                         v-model="data"
                         @open="openFile"
                         @open="openFile"
+                        @open-pay-message="openPayMessage"
                     />
                     />
                     <avatar
                     <avatar
                         v-if="!isQuestionAnswerMessage && !isWithdrawMessage"
                         v-if="!isQuestionAnswerMessage && !isWithdrawMessage"
@@ -506,6 +507,10 @@
         private closeKeywordPopover() {
         private closeKeywordPopover() {
             document.body.click();
             document.body.click();
         }
         }
+
+        private openPayMessage(id: number) {
+            this.$emit("open-pay-message", id);
+        }
     }
     }
 </script>
 </script>