diff --git a/src/views/ebiz/congratulation/CongratulationTop.vue b/src/views/ebiz/congratulation/CongratulationTop.vue index d9b695838..742b6d41e 100644 --- a/src/views/ebiz/congratulation/CongratulationTop.vue +++ b/src/views/ebiz/congratulation/CongratulationTop.vue @@ -45,17 +45,55 @@ 数据截止时间:{{ deadline }} 单位:万元 - - 您的业绩 - - 您本月预收规保{{ showData.achievement.selfAdvanceStand }}万元 - 您本月承保标保{{ showData.achievement.selfAcceptStand }}万元 - 预收规保全系统排名第{{ showData.achievement.ranking }}名 - 距上一名差距{{ showData.achievement.previousGap }}元 - 承保标保排名第{{ showData.achievement.rankingBb }}名 - 距上一名承保标保差距{{ showData.achievement.previousCbbbGap }}元 + + + + +
本月预收规保
+
+ {{ showData.achievement.selfAdvanceStand }} + 万元 +
+
+ +
本月承保标保
+
+ {{ showData.achievement.selfAcceptStand }} + 万元 +
+
+ +
预收规保全系统排名
+
+ + {{ showData.achievement.ranking }} + +
+
+ +
距上一名差距
+
+ {{ showData.achievement.previousGap }} + +
+
+ +
承保标保排名
+
+ + {{ showData.achievement.rankingBb }} + +
+
+ +
距上一名承保标保差距
+
+ {{ showData.achievement.previousCbbbGap }} + +
+
- 大单榜 + 大单榜
@@ -69,6 +107,7 @@ import { Col, Row, Loading } from 'vant' import { getCongratulationList } from '@/api/ebiz/congratulation/congratulation.js' import dateUtil from '@/assets/js/utils/date-utils.js' import { orgShortNames } from '@/assets/js/utils/orgShortName' +import { getAgentInfo } from '@/api/ebiz/my/my.js' export default { name: 'congratulationTop', @@ -85,7 +124,8 @@ export default { previousCbbbGap: '' }, topList: [] - } + }, + branchType:'' //0: 外勤1: 内勤 } }, computed: { @@ -102,9 +142,19 @@ export default { forbidClick: true, loadingType: 'spinner' }) + this.getAgentInfoFunc() this.init() }, methods: { + async getAgentInfoFunc(){ + const res = await getAgentInfo({}) + if (res.result == 0) { + // res.branchType 以N打头的是内勤 其他是外勤,branchType 0: 外勤1: 内勤 + this.branchType = /^N{1}/.test(res.branchType) ? '1' : '0' + } else { + return this.$toast(res.resultMessage) + } + }, async init() { let currMonth = dateUtil.formatDate(new Date(), 'yyyy-MM-dd') let data = await getCongratulationList({ date: currMonth, queryType: 'm' }) @@ -179,6 +229,22 @@ $border: 1px solid #ff4040; .detail { color: #ff4040; line-height: 2em; + .m-title{ + font-size: 14px; + background-color: #eb674e; + width: 150px; + height: 25px; + border-radius: 12px; + color: #fff; + line-height: 25px; + margin: 0 auto; + } + .m-number{ + margin: 0 auto; + .m-gray{ + + } + } } .score { @@ -188,11 +254,11 @@ $border: 1px solid #ff4040; .congratulationTitle { height: 60px; - font-size: 30px; - text-shadow: 1px 1px 5px #333; - background-color: #ff4040; + font-size: 20px; + // text-shadow: 1px 1px 5px #333; + background-color: #DD3C1E; color: #ffffff; - line-height: 2em; + line-height:60px; } .rankWrapper { @@ -218,10 +284,12 @@ $border: 1px solid #ff4040; } th { font-size: 14px; - background-color: #ff4040; + background-color: #eb674e; + font-weight: 500; color: #ffffff; line-height: 30px; height: 30px; + // opacity: 0.6; } td { padding: 5px; @@ -229,7 +297,12 @@ $border: 1px solid #ff4040; } } .top3 { - color: #ff9900; + color: #EE3A3A; } } +/deep/ .van-button--danger { + background: linear-gradient(to right, #f26e43, #ac0209) !important; /*设置按钮为渐变颜色*/ + border: none !important; + color: #FFCB6B; + }