会议通知

src/apps/AppMeetingNotice/detail.vue

@@ -56,7 +56,7 @@
         </u-row>
       </div>
 
-      <div class="footer cancel" v-if="detail.status == 2 && detail.joinStatus == 1 && detail.isSignIn != 1" @click="sign()">签到</div>
+      <div class="footer cancel" v-if="detail.status == 2 && detail.joinStatus == 1 && detail.isSignIn == 1" @click="sign()">签到</div>
 
       <div class="footer cancel" v-if="detail.status==1 && detail.createUserId == user.id" @click="handleCancel">取消会议</div>
       
@@ -82,8 +82,14 @@
     <template v-else>
       <div class="att-list">
         <AiTopFixed>
-          <u-tabs :list="tabs" :current="current" height="96" :is-scroll="false" bar-width="192"
+          <!-- <u-tabs :list="tabs" :current="current" height="96" :is-scroll="true" bar-width="20"
-                  @change="change"></u-tabs>
+                  @change="change"></u-tabs> -->
+          <scroll-view :scroll-x="true">
+            <div class="tab-select">
+              <div class="item" :class="current == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index"
+                  @click="tabClick(index)">{{ item.name }}<span></span></div>
+            </div>
+          </scroll-view>
         </AiTopFixed>
         <div v-for="(item,index) in detail.attendees && detail.attendees.filter(e=>e.joinStatus==current)" :key="index"
              class="att-wrap">
@@ -128,6 +134,7 @@ export default {
         {name: this.count(1) + "人已确认"},
         {name: this.count(2) + "人已请假"},
         {name: this.count(3) + "人待定"},
+        {name: this.count(4) + "人已签到"},
       ]
     },
   },
@@ -164,10 +171,8 @@ export default {
     count(sta) {
       return this.detail.attendees ? this.detail.attendees?.filter(e => e.joinStatus == sta)?.length : 0;
     },
-    change(index) {
+    tabClick(index) {
       this.current = index;
-      this.detail = {};
-      this.getDetail();
     },
     call(item) {
       if (item.phone) {
@@ -234,7 +239,7 @@ export default {
     sign() {
       this.$confirm('确定签到参会吗').then(() => {
         this.$http.post(`/app/appmeetinginfo/signin?meetingId=${this.id}`).then(res => {
-          if (res && res.data) {
+          if (res.code == 0) {
             this.$u.toast(`签到成功`)
             this.getDetail()
           }
@@ -246,6 +251,7 @@ export default {
     this.injectJWeixin(['sendChatMessage']).then(() => {
       this.getDetail()
     })
+    // this.getDetail()
   },
 
   onShow() {
@@ -284,6 +290,7 @@ export default {
       box-sizing: border-box;
       padding: 0 50px;
       border-bottom: 1px solid #E4E5E6;
+      margin-top: 16px;
 
       .left {
         display: flex;
@@ -550,5 +557,38 @@ export default {
     font-size: 36px;
     background-color: #005DFF
   }
+  .tab-select {
+    width: 1000px;
+    height: 96px;
+    line-height: 96px;
+
+    .item {
+      display: inline-block;
+      width: 200px;
+      text-align: center;
+      font-size: 28px;
+      font-family: PingFangSC-Regular, PingFang SC;
+    }
+
+    .active {
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      position: relative;
+      color: #005DFF;
+
+      span {
+        width: 48px;
+        height: 4px;
+        background: #005DFF;
+        position: absolute;
+        bottom: 14px;
+        left: 50%;
+        margin-left: -24px;
+      }
+    }
+  }
+  ::v-deep .AiTopFixed .content{
+    padding: 0!important;
+  }
 }
 </style>