diff --git a/src/views/app/Home.vue b/src/views/app/Home.vue
index d42d9efe4..cc0516d71 100644
--- a/src/views/app/Home.vue
+++ b/src/views/app/Home.vue
@@ -29,6 +29,7 @@
           <li><router-link to="/agentEenter/approve/ApproveList">入司审批列表</router-link></li>
           <li><router-link to="/survey/surveyList">问卷调查</router-link></li>
           <li><router-link to="/nbs/list">nbs列表</router-link></li>
+          <li><router-link to="/congratulation/congratulationTop">贺报</router-link></li>
         </ul>
       </li>
     </ul>
diff --git a/src/views/ebiz/congratulation/CongratulationList.vue b/src/views/ebiz/congratulation/CongratulationList.vue
index a78ad40c6..ed4842d30 100644
--- a/src/views/ebiz/congratulation/CongratulationList.vue
+++ b/src/views/ebiz/congratulation/CongratulationList.vue
@@ -3,31 +3,28 @@
     <!-- <van-sticky>
       <van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
         <van-tab :name="index" :title="item.name" v-for="(item, index) in posterTypeList" :key="index">-->
-          <!-- <img src="@/assets/images/u10199.png" /> -->
-        <!-- </van-tab>
+    <!-- <img src="@/assets/images/u10199.png" /> -->
+    <!-- </van-tab>
       </van-tabs>
     </van-sticky> -->
 
-    <van-grid :border="false" :column-num="3" :class="pageCount-1?'pb40':''">
-      <van-grid-item v-for="(item, index) in posterList" :key="index">
+    <van-grid class="grid-box" :border="false" :column-num="3" :gutter="10">
+      <!-- <van-grid-item v-for="(item, index) in posterList" :key="index">
         <img :src="item.posterNarrowUrl | urlFormat" @click="posterPreview(item.posterId, item.posterType)" />
-        <!-- <img src="@/assets/images/banner.png" @click="posterPreview(item.posterId)" /> -->
+        <img src="@/assets/images/banner.png" @click="posterPreview(item.posterId)" />
+      </van-grid-item> -->
+      <van-grid-item v-for="(item, index) in 10" :key="index">
+        <img src="@/assets/images/banner.png" @click="posterPreview(item.posterId)" />
       </van-grid-item>
     </van-grid>
-    <van-pagination 
-      v-model="pageNum" 
-      :page-count="pageCount"
-      @change="change"
-      class="bottom-btn"
-      style="background-color:#fff"
-      v-if="pageCount-1"
-    />
+    <!-- <van-pagination v-model="pageNum" :page-count="pageCount" @change="change" class="bottom-btn" style="background-color:#fff" v-if="pageCount - 1" /> -->
+    <!-- <van-pagination v-model="pageNum" :total-items="24" :items-per-page="5" /> -->
   </div>
 </template>
 
 <script>
-import { Sticky, Grid, GridItem,Pagination } from 'vant'
-import { getPosterType, getPosterList } from '@/api/ebiz/poster/poster'
+import { Sticky, Grid, GridItem, Pagination } from 'vant'
+import { getPosterList } from '@/api/ebiz/poster/poster'
 import config from '@/config'
 export default {
   name: 'posterList',
@@ -35,7 +32,7 @@ export default {
     [Sticky.name]: Sticky,
     [Grid.name]: Grid,
     [GridItem.name]: GridItem,
-    [Pagination.name]: Pagination,
+    [Pagination.name]: Pagination
   },
   data() {
     return {
@@ -78,7 +75,7 @@ export default {
       console.log(param)
       let res = await getPosterList(param)
       if (res.result == 0) {
-        this.pageCount = Math.ceil(res.pageInfo.total/9)
+        this.pageCount = Math.ceil(res.pageInfo.total / 9)
         this.posterList = res.pageInfo.list
       } else {
         this.$toast(res.resultMessage)
@@ -92,7 +89,7 @@ export default {
     //   this.getPosterList()
     //   console.log(name, title)
     // },
-    change(){
+    change() {
       this.getPosterList()
       console.log(this.pageNum)
     },
@@ -118,19 +115,27 @@ export default {
 </script>
 
 <style scoped>
-.poster-list-container img{
+.grid-box {
+  margin-bottom: 10px;
+}
+
+.poster-list-container {
+  padding: 10px 0;
+}
+
+.poster-list-container img {
   width: 100%;
 }
-.poster-list-container >>> .van-pagination__item--active{
-  background-color: #E9332E
+.poster-list-container >>> .van-pagination__item--active {
+  background-color: #e9332e;
 }
-.poster-list-container >>> .van-pagination__item{
-  color: #E9332E
+.poster-list-container >>> .van-pagination__item {
+  color: #e9332e;
 }
-.poster-list-container >>> .van-pagination__item--active{
-  color: #fff
+.poster-list-container >>> .van-pagination__item--active {
+  color: #fff;
 }
-.poster-list-container >>> .van-pagination__item--disabled{
-  color: #7d7e80
+.poster-list-container >>> .van-pagination__item--disabled {
+  color: #7d7e80;
 }
 </style>
diff --git a/src/views/ebiz/congratulation/CongratulationPreview.vue b/src/views/ebiz/congratulation/CongratulationPreview.vue
index a17b283cd..d4c2d634e 100644
--- a/src/views/ebiz/congratulation/CongratulationPreview.vue
+++ b/src/views/ebiz/congratulation/CongratulationPreview.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script>
-import { getPosterInfo, shareUrl, shareUrlWithQR } from '@/api/ebiz/poster/poster'
-import { getAgentInfo } from '@/api/ebiz/my/my'
+import { getPosterInfo } from '@/api/ebiz/poster/poster'
+// import { getAgentInfo } from '@/api/ebiz/my/my'
 import config from '@/config'
 export default {
   name: 'congratulationPreview',
@@ -30,11 +30,12 @@ export default {
     }
   },
   async created() {
+    debugger
     this.id = this.$route.query.id
     if (this.isWeixin) {
       localStorage.token = this.$route.query.token
     }
-    await this.getPosterDetail()
+    // await this.getPosterDetail()
   },
   methods: {
     async getPosterDetail() {
@@ -50,7 +51,6 @@ export default {
             posterId: this.id
           }
         }).then(res => {
-          this.$toast.clear()
           if (res.result == 0) {
             this.posterInfo = res.infoDTOList[0]
             this.imgPath = this.posterInfo.posterUrl
@@ -60,7 +60,7 @@ export default {
           }
         })
       })
-    },
+    }
   },
   filters: {
     urlFormat(url) {
diff --git a/src/views/ebiz/congratulation/CongratulationTop.vue b/src/views/ebiz/congratulation/CongratulationTop.vue
index b7ebbbe0d..82cc2e2e8 100644
--- a/src/views/ebiz/congratulation/CongratulationTop.vue
+++ b/src/views/ebiz/congratulation/CongratulationTop.vue
@@ -1,67 +1,41 @@
 <!-- 上头条 -->
 <template>
-  <div class="congratulationTop text-center pb50">
-    <van-row><van-col span="24">全国TOP30本月业绩排名</van-col></van-row>
-    <van-row>
+  <div class="congratulationTop text-center">
+    <van-row><van-col class="congratulationTitle" span="24">全国TOP30本月业绩排名</van-col></van-row>
+    <van-row class="rankLine rankTitle">
       <van-col span="4">排名</van-col>
       <van-col span="5">姓名</van-col>
       <van-col span="5">分公司</van-col>
       <van-col span="5">预收标保</van-col>
       <van-col span="5">承保标保</van-col>
     </van-row>
-    <van-row v-for="(item, index) in showData.topList" :key="item.ranking">
-      <van-col span="4">{{ item.ranking }}</van-col>
-      <van-col span="5">{{ item.name }}</van-col>
-      <van-col span="5">{{ item.branceOffice }}</van-col>
-      <van-col span="5">{{ item.advanceStand }}</van-col>
-      <van-col span="5">{{ item.acceptStand }}</van-col>
-    </van-row>
-    <!-- <van-row>
-      <van-col span="4">1</van-col>
-      <van-col span="5">畅新峰</van-col>
-      <van-col span="5">柳州</van-col>
-      <van-col span="5">750</van-col>
-      <van-col span="5">0</van-col>
-    </van-row>
+    <div class="rankTable">
+      <van-row v-for="item in showData.topList" :key="item.ranking" class="rankLine">
+        <van-col class="rankCell" span="4">{{ item.ranking }}</van-col>
+        <van-col class="rankCell" span="5">{{ item.name }}</van-col>
+        <van-col class="rankCell" span="5">{{ item.branceOffice }}</van-col>
+        <van-col class="rankCell" span="5">{{ item.advanceStand }}</van-col>
+        <van-col class="rankCell" span="5">{{ item.acceptStand }}</van-col>
+      </van-row>
+    </div>
+    <div class="deadline">
+      <span>数据截止时间：{{ showData.deadline }}</span>
+      <span>单位：万元</span>
+    </div>
     <van-row>
-      <van-col span="4">2</van-col>
-      <van-col span="5">畅新峰</van-col>
-      <van-col span="5">柳州</van-col>
-      <van-col span="5">750</van-col>
-      <van-col span="5">0</van-col>
+      <van-col span="24" class="detail">您的业绩</van-col>
+      <van-col span="24" class="detail">您本月预收标保16.98万元</van-col>
+      <van-col span="24" class="detail">您本月承保标保16.98万元</van-col>
+      <van-col span="24" class="detail">全系统排名第136名</van-col>
+      <van-col span="24" class="detail">距上一名差距412元</van-col>
     </van-row>
-    <van-row>
-      <van-col span="4">3</van-col>
-      <van-col span="5">畅新峰</van-col>
-      <van-col span="5">柳州</van-col>
-      <van-col span="5">750</van-col>
-      <van-col span="5">0</van-col>
-    </van-row> -->
-
-    <van-row>
-      <van-col span="18">数据截止时间：{{ showData.deadline }}</van-col>
-      <van-col span="6">单位：万元</van-col>
-    </van-row>
-
-    <van-row>
-      <van-col span="24">您本月预收标保：{{ showData.achievement.selfAdvanceStand }} 万元</van-col>
-    </van-row>
-    <van-row>
-      <van-col span="24">您本月承保标保：{{ showData.achievement.selfAcceptStand }} 万元</van-col>
-    </van-row>
-    <van-row>
-      <van-col span="24">全系统排名 第 {{ showData.achievement.ranking }} 名</van-col>
-    </van-row>
-    <van-row>
-      <van-col span="24">距离上一名差距 {{ showData.achievement.previousGap }} 元</van-col>
-    </van-row>
-
-    <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">下一步</van-button>
+    <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">大单榜</van-button>
   </div>
 </template>
 
 <script>
 import { Col, Row } from 'vant'
+import dateUtil from '@/assets/js/utils/date-utils.js'
 // import {  } from '@/api/ebiz/manpower/manpower'
 
 export default {
@@ -73,67 +47,45 @@ export default {
         // result: '0',
         // resultMessage: '',
         // content: {
-        deadline: 'yyyy-MM-dd HH:mm',
+        deadline: dateUtil.formatDate(new Date(), 'yyyy-MM-dd HH:mm'),
         achievement: {
           selfAdvanceStand: '54.1',
           selfAcceptStand: '48.1',
           ranking: '52',
           previousGap: '21'
         },
-        topList: [
-          {
-            ranking: '1',
-            name: '畅新峰',
-            branceOffice: '柳州',
-            advanceStand: '750',
-            acceptStand: '0'
-          },
-          {
-            ranking: '1',
-            name: '畅新峰',
-            branceOffice: '柳州',
-            advanceStand: '750',
-            acceptStand: '0'
-          },
-          {
-            ranking: '1',
-            name: '畅新峰',
-            branceOffice: '柳州',
-            advanceStand: '750',
-            acceptStand: '0'
-          },
-          {
-            ranking: '1',
-            name: '畅新峰',
-            branceOffice: '柳州',
-            advanceStand: '750',
-            acceptStand: '0'
-          },
-          {
-            ranking: '1',
-            name: '畅新峰',
-            branceOffice: '柳州',
-            advanceStand: '750',
-            acceptStand: '0'
-          },
-          {
-            ranking: '1',
-            name: '畅新峰',
-            branceOffice: '柳州',
-            advanceStand: '750',
-            acceptStand: '0'
-          }
-        ]
+        topList: []
         // }
       }
     }
   },
   watch: {},
-  created() {},
+  created() {
+    for (let i = 0; i <= 20; i++) {
+      let temp = {
+        ranking: i + 1,
+        name: '畅新峰',
+        branceOffice: '柳州',
+        advanceStand: '750',
+        acceptStand: '0'
+      }
+      this.showData.topList.push(temp)
+    }
+  },
   mounted() {},
   methods: {
     init() {},
-    nextStep() {}
+    nextStep() {
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/congratulation/congratulationList`
+        },
+        routerInfo: {
+          path: `/congratulation/congratulationList`
+        }
+      })
+    }
   },
   components: {
     [Col.name]: Col,
@@ -143,6 +95,42 @@ export default {
 </script>
 
 <style scoped="scoped" lang="scss">
-.congratulationTop {
+.congratulationTitle {
+  font-size: 30px;
+  line-height: 2em;
+}
+
+.rankTitle,
+.congratulationTitle {
+  background-color: #ff4040;
+  color: #ffffff;
+}
+
+.rankLine {
+  line-height: 2em;
+}
+
+.rankTable {
+  height: 220px;
+  overflow: auto;
+  border: 1px solid red;
+  border-top: none;
+  border-right: none;
+}
+
+.rankCell {
+  border-right: 1px solid red;
+  border-top: 1px solid red;
+}
+
+.deadline {
+  display: flex;
+  justify-content: space-between;
+  line-height: 3em;
+}
+
+.detail {
+  color: #ff4040;
+  line-height: 3em;
 }
 </style>