mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-24 21:52:53 +08:00
贺报入口和样式修改
This commit is contained in:
mengxiaolong
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user