26393

src/apps/AppVillageDiscuss/Detail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="Detail" v-if="pageShow">
+  <div class="Detail" v-if="pageShow" :class="[isAnnouncer && data.status === '0' && data.type === '0' ? 'detail-active' : '']">
     <div class="detail-top">
       <div flex class="w-100">
         <div class="avatar" v-text="data.avatar" />
@@ -79,9 +79,7 @@
       </div>
     </u-popup>
 
-    <!-- <div class="bottomBar">
-      <div v-if="data.status < 2" @click="handleComplete">结束公示</div>
-    </div> -->
+    <div class="end-btn" hover-class="text-hover" v-if="data.status === '1'" @click="handleComplete">结束公示</div>
   </div>
 </template>
 
@@ -253,8 +251,10 @@ export default {
     handleComplete() {
       this.$confirm('是否要结束公示')
         .then(() => {
-          let { id } = this
-          this.$http.post('/app/appvillagediscuss/finishPublic', { id }).then((res) => {
+          this.$http.post('/app/appvillagediscuss/finishPublic', {
+            status: '2',
+            id: this.id
+          }).then((res) => {
             if (res?.code == 0) {
               this.$u.toast('已结束公示!')
               this.getDetail()
@@ -269,7 +269,25 @@ export default {
 
 <style scoped lang="scss">
 .Detail {
-  padding-bottom: 112px;
+  padding-bottom: 40px;
+
+  .end-btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 11;
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    color: #fff;
+    font-size: 32px;
+    background: #1365DD;
+  }
+
+  &.detail-active {
+    padding-bottom: 132px;
+  }
 
   .detail-top {
     padding: 30px;