diff --git a/src/apps/AppMeetingNotice/components/detail.vue b/src/apps/AppMeetingNotice/components/detail.vue
index f3d4fd67..2841ae24 100644
--- a/src/apps/AppMeetingNotice/components/detail.vue
+++ b/src/apps/AppMeetingNotice/components/detail.vue
@@ -61,6 +61,8 @@
         <img :src="$cdn + tag(detail.joinStatus)" alt="">
       </div>
 
+      <div class="footer cancel" v-if="detail.status==1 && detail.createUserId == user.id" @click="handleCancel">取消会议</div>
+
     </template>
     <template v-else>
       <div class="att-list">
@@ -78,13 +80,14 @@
         </div>
       </div>
     </template>
+    <u-modal v-model="show" title="提示" show-cancel-button content='是否要取消该会议？' @confirm="onConfirm"></u-modal>
     <AiBack/>
   </div>
 </template>
 
 <script>
   import AiBack from "../../../components/AiBack";
-  import {mapActions} from "vuex";
+  import {mapActions,mapState} from "vuex";
   import AiTopFixed from "../../../components/AiTopFixed";
 
   export default {
@@ -100,9 +103,11 @@
         detail: {},
         list: false,
         current: 0,
+        show:false,
       }
     },
     computed: {
+      ...mapState(["user"]),
       tabs() {
         return [
           {name: this.count(0) + "人未确认"},
@@ -113,6 +118,21 @@
       },
     },
     methods: {
+      onConfirm(){
+        this.$http.post("/app/appmeetinginfo/cancel", null, {
+          params: {
+            meetingId: this.params,
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.$u.toast("取消成功");
+            this.getDetail();
+          }
+        })
+      },
+      handleCancel(){
+        this.show = true;
+      },
       toDo(){
         this.$http.post("/app/appmeetinginfo/tobeConfirm", null, {
           params: {
@@ -496,5 +516,11 @@
         top: 0;
       }
     }
+
+    .cancel{
+      color:#ffffff;
+      font-size: 36px;
+      background-color: #005DFF
+    }
   }
 </style>