发送消息按钮新增

src/views/financialManagement/receiptSettle/receiptSettleDetailsPage.vue

@@ -6,6 +6,11 @@
                    @click="backToList">返回列表
         </el-button>
         <div class="upper_right_button">
+          <el-button type="primary"
+                     size="small"
+                     :disabled="!form.id"
+                     @click="postMessage"
+          >发送消息</el-button>
           <el-button type="warning"
                      size="small"
                      class="el-button--small-yh"
@@ -155,6 +160,11 @@
         </bill-detail>
       </el-dialog>
     </div>
+    <messagePost
+      v-if="messageVisble"
+      ref="messagePost"
+      @closeDialog="closeDialog"
+    ></messagePost>
   </div>
 </template>
 
@@ -168,6 +178,7 @@
   import { contrastObj,contrastList } from "@/util/contrastData";
   import {getUserInfo} from "@/api/system/user";
   import {getCorpDetail} from "@/api/maintenance/overpayment";
+  import messagePost from "@/components/messageSend/main"
 
   export default {
     name: "receiptDetailsPage",
@@ -177,7 +188,8 @@
       }
     },
     components:{
-      billDetail
+      billDetail,
+      messagePost
     },
     data() {
       return {
@@ -379,6 +391,8 @@
         billType:"收费",
         // 明细本次金额总计
         allAmount: 0,
+        // 消息弹窗
+        messageVisble: false,
         //新旧数据对比
         oldForm:{},
         oldDataList:[],
@@ -679,6 +693,16 @@
           return this.$message.error('本次使用的溢付款不能超过总溢付款')
         }
       },
+      // 发送消息
+      postMessage() {
+        this.messageVisble = true
+        this.$nextTick(() => {
+          this.$refs.messagePost.init()
+        })
+      },
+      closeDialog() {
+        this.messageVisble = false
+      },
     }
   }
 </script>