
@@ -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;
+ }