hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-10 04:36:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

【银保app】新增业绩查询保单列表以及保单详情页面

Browse Source
This commit is contained in:
liu.xiaofeng@ebiz-digits.com
2022-11-14 14:49:26 +08:00
parent b193fdf590
commit 20a49b6ce1
7 changed files with 284 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/api/YB_APP/index.js
View File

@@ -16,3 +16,20 @@ export function mineConfigYB(data) {
data
})
}
export function getPremRankList(data) {
return request({
url: getUrl('/sale/premRank/getPremRankList ', 1,3),
method: 'post',
data
})
}
export function timelyContYB(data) {
return request({
url: getUrl('/sale/timelyCont/timelyContYB ', 1,3),
method: 'get',
data
})
}

BIN
src/assets/YB_APP/images/7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 248 KiB

32
src/router/YB_APP/index.js
View File

@@ -2,6 +2,9 @@
const YB_APP_home = () => import('@/views/YB_APP/home')
const YB_APP_service = () => import('@/views/YB_APP/service')
const YB_APP_mine = () => import('@/views/YB_APP/mine')
const YB_APP_performanceQuery = () => import('@/views/YB_APP/performanceQuery')
const YB_APP_policyList = () => import('@/views/YB_APP/policyList')
const YB_APP_policyDetail = () => import('@/views/YB_APP/policyDetail')
export default [
{
@@ -30,5 +33,32 @@ export default [
title: '我的',
index: 1
}
}
},
{
path: '/YB_APP/performanceQuery',
name: 'YB_APP_performanceQuery',
component: YB_APP_performanceQuery,
meta: {
title: '业绩查询',
index: 1
}
},
{
path: '/YB_APP/policyList',
name: 'YB_APP_policyList',
component: YB_APP_policyList,
meta: {
title: '保单列表',
index: 1
}
},
{
path: '/YB_APP/policyDetail',
name: 'YB_APP_policyDetail',
component: YB_APP_policyDetail,
meta: {
title: '保单详情',
index: 1
}
},
]

354
src/views/YB_APP/home.vue
View File

@@ -8,12 +8,14 @@
</van-swipe-item>
</van-swipe>
</div>
<div style="margin: 10px;border-radius: 5px;">
<van-notice-bar
:left-icon="png8"
:text='getCodeValue'
/>
</div>
<div class="top" style="display:flex;justify-content: space-between;margin: 10px;background: #fff;border-radius: 5px;align-items: center;padding: 15px;">
<div class="menu" v-for="(item, ind) in homePageIcon" :key="ind" @click="goDetail(item)">
<div class="menuImg" style="width:100%;display: flex;justify-content: center;margin-bottom: 5px;">
@@ -41,12 +43,12 @@
<span @click="changePersonalType('2')" v-if="activePersonalType == '2'" style="padding: 8px;border-radius: 5px;background: #f6f6f6;margin-left: 10px;font-weight: bold;cursor: pointer;">总保费</span>
<span @click="changePersonalType('2')" v-if="activePersonalType == '1'" style="padding: 8px;border-radius: 5px;color: #8e8e8e;margin-left: 10px;cursor: pointer;">总保费</span>
</div>
<div v-if="activePersonalType == '1'">
<div v-if="activePersonalType == '1' && ebizPremRankGMList.length != 0">
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">柳州</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">吴秋平</span>
<span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[0].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[0].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -56,15 +58,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup1" ref="imageup1"></div>
<div class="ebizPremRankGMList0" ref="ebizPremRankGMList0"></div>
</div>
<div v-bind:class="{ 'colorOne': colorOne, 'colorTwo': colorTwo, 'colorThree': colorThree }" style="width: 60px;text-align: right;font-weight: bold;">12.9万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[0].prem <= 5, 'colorTwo': ebizPremRankGMList[0].prem > 5, 'colorOne': ebizPremRankGMList[0].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[0].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">南宁</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">贾思梦</span>
<span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[1].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[1].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -74,15 +76,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup2"></div>
<div class="ebizPremRankGMList1" ref="ebizPremRankGMList1"></div>
</div>
<div style="width: 60px;text-align: right;color: #e1801d;font-weight: bold;">10.3万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[1].prem <= 5, 'colorTwo': ebizPremRankGMList[1].prem > 5, 'colorOne': ebizPremRankGMList[1].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[1].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">贵阳</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">李爽</span>
<span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[2].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[2].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -92,15 +94,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup3"></div>
<div class="ebizPremRankGMList2" ref="ebizPremRankGMList2"></div>
</div>
<div style="width: 60px;text-align: right;color: #e1801d;font-weight: bold;">9.8万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[2].prem <= 5, 'colorTwo': ebizPremRankGMList[2].prem > 5, 'colorOne': ebizPremRankGMList[2].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[2].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">贵港</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">张强</span>
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[3].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[3].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -110,15 +112,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup4"></div>
<div class="ebizPremRankGMList3" ref="ebizPremRankGMList3"></div>
</div>
<div style="width: 60px;text-align: right;color: #e1801d;font-weight: bold;">5.7万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[3].prem <= 5, 'colorTwo': ebizPremRankGMList[3].prem > 5, 'colorOne': ebizPremRankGMList[3].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[3].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="font-size:12px;width: 100px;">
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">南宁</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">欧阳锋</span>
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[4].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[4].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -128,17 +130,17 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup5"></div>
<div class="ebizPremRankGMList4" ref="ebizPremRankGMList4"></div>
</div>
<div style="width: 60px;text-align: right;font-weight: bold;color: #333;">2.3万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[4].prem <= 5, 'colorTwo': ebizPremRankGMList[4].prem > 5, 'colorOne': ebizPremRankGMList[4].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[4].prem}}万</div>
</div>
</div>
<div v-if="activePersonalType == '2'">
<div v-if="activePersonalType == '2' && ebizPremRankQJList.length != 0">
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">Lennon</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">Mark</span>
<span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[0].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[0].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -148,15 +150,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup6" ref="imageup6"></div>
<div class="ebizPremRankQJList0" ref="ebizPremRankQJList0"></div>
</div>
<div style="width: 60px;text-align: right;color: #e51f14;font-weight: bold;">50万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[0].prem <= 5, 'colorTwo': ebizPremRankQJList[0].prem > 5, 'colorOne': ebizPremRankQJList[0].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[0].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">otto</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">lvor</span>
<span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[1].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[1].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -166,15 +168,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup7" ref="imageup7"></div>
<div class="ebizPremRankQJList1" ref="ebizPremRankQJList1"></div>
</div>
<div style="width: 60px;text-align: right;color: #e1801d;font-weight: bold;">40万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[1].prem <= 5, 'colorTwo': ebizPremRankQJList[1].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[1].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">mortimer</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">leo</span>
<span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[2].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[2].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -184,15 +186,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup8" ref="imageup8"></div>
<div class="ebizPremRankQJList2" ref="ebizPremRankQJList2"></div>
</div>
<div style="width: 60px;text-align: right;color: #e1801d;font-weight: bold;">30万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[2].prem <= 5, 'colorTwo': ebizPremRankQJList[2].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[2].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="width: 100px;">
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">haley</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">william</span>
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[3].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[3].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -202,15 +204,15 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup9" ref="imageup9"></div>
<div class="ebizPremRankQJList3" ref="ebizPremRankQJList3"></div>
</div>
<div style="width: 60px;text-align: right;color: #e1801d;font-weight: bold;">20万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[3].prem <= 5, 'colorTwo': ebizPremRankQJList[3].prem > 5, 'colorOne': ebizPremRankQJList[3].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[3].prem}}万</div>
</div>
<div style="display: flex;align-items: center;font-size:12px;">
<div style="font-size:12px;width: 100px;">
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">marley</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">gene</span>
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[4].manageCom3.substring(0,2)}}</span>
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[4].agentName}}</span>
</div>
<div style="width:calc(100% - 150px);
margin: 10px 0px;
@@ -220,9 +222,9 @@
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;">
<div class="imageup10" ref="imageup10"></div>
<div class="ebizPremRankQJList4" ref="ebizPremRankQJList4"></div>
</div>
<div style="width: 60px;text-align: right;font-weight: bold;color: #333;">10万</div>
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[4].prem <= 5, 'colorTwo': ebizPremRankQJList[4].prem > 5, 'colorOne': ebizPremRankQJList[4].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[4].prem}}万</div>
</div>
</div>
</div>
@@ -243,22 +245,20 @@
<th style="width: 13%;">时间</th>
<th style="width: 13%;">分公司</th>
<th style="width: 13%;">机构</th>
<th style="width: 13%;">营业部</th>
<th style="width: 18%;">营业部</th>
<th style="width: 13%;">姓名</th>
<th style="width: 22%;">产品名称</th>
<th style="width: 17%;">产品名称</th>
<th style="width: 13%;">保费</th>
</tr>
<tbody>
<tr v-for="item in tableData">
<td>{{item.time}}</td>
<td>{{item.branchOffice}}</td>
<td>{{item.mechanism}}</td>
<td>{{item.businessDepartment}}</td>
<td>{{item.name}}</td>
<td>{{item.acceptTime}}</td>
<td>{{item.companyName}}</td>
<td>{{item.orgName}}</td>
<td>{{item.deptName}}</td>
<td>{{item.agentName}}</td>
<td>{{item.productName}}</td>
<td v-if="item.prem <= 5" style="color: #2c3e50;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.prem}}{{item.unit}}</td>
<td v-if="item.prem > 5 && item.prem <= 20" style="color: #e1801d;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.prem}}{{item.unit}}</td>
<td v-if="item.prem > 20" style="color: #e51f14;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.prem}}{{item.unit}}</td>
<td v-bind:class="{ 'colorThree': item.prem <= 5, 'colorTwo': item.prem > 5, 'colorOne': item.prem >= 20 }" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.prem}}万</td>
</tr>
</tbody>
</table>
@@ -269,7 +269,7 @@
</template>
<script>
import { homeConfigYB } from '@/api/YB_APP/index'
import { homeConfigYB, getPremRankList, timelyContYB } from '@/api/YB_APP/index'
import { Swipe, SwipeItem, NoticeBar, Icon } from 'vant'
import config from '@/config'
import png8 from '@/assets/YB_APP/images/8.png';
@@ -290,32 +290,9 @@ export default {
png8,
activity: [],
homePageIcon:[],
tableData:[
{
time:'17:24',branchOffice:'广西广西',mechanism:'河池',businessDepartment:'申旺部申旺部',name:'张强',productName:'年年丰',prem:'100.3',unit:'万'
},
{
time:'17:10',branchOffice:'广西广西',mechanism:'桂林',businessDepartment:'申旺部申旺部',name:'王逗逗',productName:'福享年华',prem:'3.2',unit:'万'
},
{
time:'16:25',branchOffice:'广西广西',mechanism:'贺州',businessDepartment:'申旺部申旺部',name:'赵倩',productName:'鸿利两全',prem:'50',unit:'万'
},
{
time:'16:24',branchOffice:'广西广西',mechanism:'南宁',businessDepartment:'申旺部申旺部',name:'王超',productName:'节节高',prem:'15.4',unit:'万'
},
{
time:'15:32',branchOffice:'广西广西',mechanism:'钦州',businessDepartment:'申旺部申旺部',name:'李涛',productName:'节节高B款',prem:'101.5',unit:'万'
},
{
time:'15:04',branchOffice:'广西广西',mechanism:'玉林',businessDepartment:'申旺部申旺部',name:'李坤',productName:'年年丰',prem:'54.3',unit:'万'
},
{
time:'14:21',branchOffice:'广西广西',mechanism:'南宁',businessDepartment:'申旺部申旺部',name:'张策',productName:'福享年华',prem:'100.3',unit:'万'
},
{
time:'13:23',branchOffice:'广西广西',mechanism:'崇左',businessDepartment:'申旺部申旺部',name:'何景',productName:'年年丰',prem:'24.1',unit:'万'
},
],
ebizPremRankGMList:[],
ebizPremRankQJList:[],
tableData:[],
activePersonalType:'1',
calendarShow:false,
minDate: new Date(2010, 0, 1),
@@ -329,7 +306,9 @@ export default {
},
mounted(){
this.getHomeConfigYB()
this.setAnimation()
this.getPremRankList()
this.getTimelyContYB()
this.setMarginTop()
if(this.thisValue >= 10){
this.colorOne = true
@@ -371,8 +350,36 @@ export default {
}
})
},
getPremRankList(){
let params = {}
getPremRankList(params).then(res=>{
if(res.result == 0){
this.ebizPremRankGMList = res.content.ebizPremRankGMList
this.ebizPremRankQJList = res.content.ebizPremRankQJList
this.$nextTick(() => {
this.setAnimation()
})
}else{
this.$toast(res.resultMessage)
}
})
},
getTimelyContYB(){
let params = {}
timelyContYB(params).then(res=>{
if(res.result == 0){
this.tableData = res.content
}else{
this.$toast(res.resultMessage)
}
})
},
changePersonalType(type){
this.activePersonalType = type
this.$nextTick(() => {
this.setAnimation()
})
},
calendarOnConfirm(value){
this.calendarShow = false
@@ -382,17 +389,43 @@ export default {
this.calendarShow = true
},
setAnimation(){
let ruleTrue = ` @keyframes changeWidth3 { 0% {width: 0px;} 100% {width: 170px;} }`
let sheet = document.styleSheets[0]
sheet.insertRule(ruleTrue, 0)
this.$refs.imageup1.style.animation = "changeWidth3 1s forwards"
if(this.activePersonalType == 1){
this.ebizPremRankGMList.forEach((item,index)=>{
let ruleTrue1 = ` @keyframes changeWidth`+[index]+` { 0% {width: 0px;} 100% {width: `+item.prem/this.ebizPremRankGMList[0].prem*170+`px;} }`
let sheet1 = document.styleSheets[0]
sheet1.insertRule(ruleTrue1, 0)
this.$refs['ebizPremRankGMList'+index].style.width = parseInt(item.prem/this.ebizPremRankGMList[0].prem*170)+'px'
this.$refs['ebizPremRankGMList'+index].style.animation = "changeWidth"+index+" 2s forwards"
})
}
if(this.activePersonalType == 2){
this.ebizPremRankQJList.forEach((item,index)=>{
let ruleTrue2 = ` @keyframes changeTotalWidth`+[index]+` { 0% {width: 0px;} 100% {width: `+item.prem/this.ebizPremRankQJList[0].prem*170+`px;} }`
let sheet2 = document.styleSheets[0]
sheet2.insertRule(ruleTrue2, 0)
this.$refs['ebizPremRankQJList'+index].style.width = parseInt(item.prem/this.ebizPremRankQJList[0].prem*170)+'px'
this.$refs['ebizPremRankQJList'+index].style.animation = "changeTotalWidth"+index+" 2s forwards"
})
}
},
goDetail(data){
console.log(data)
if(data.route != null){
window.location.href = 'http://www.baidu.com'
}else{
this.$toast('暂未开放')
// if(data.route != null){
// window.location.href = 'http://www.baidu.com'
// }else{
// this.$toast('暂未开放')
// }
if(data.title == '业绩查询'){
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/YB_APP/performanceQuery',
},
routerInfo: {
path: '/YB_APP/performanceQuery',
},
})
}
},
touchstart(){
@@ -446,7 +479,7 @@ export default {
height: 30px;
}
}
.imageup1,.imageup2,.imageup3,.imageup4,.imageup5,.imageup6,.imageup7,.imageup8,.imageup9,.imageup10{
.ebizPremRankGMList0,.ebizPremRankGMList1,.ebizPremRankGMList2,.ebizPremRankGMList3,.ebizPremRankGMList4,.ebizPremRankQJList0,.ebizPremRankQJList1,.ebizPremRankQJList2,.ebizPremRankQJList3,.ebizPremRankQJList4{
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border-top-right-radius: 8px;
@@ -455,139 +488,6 @@ export default {
background-image: linear-gradient(-90deg, #abbcff, #768bfe);
transition-timing-function: ease-out;
}
.imageup1 {
width: 170px;
animation: animation1 2s 1;
}
.imageup2 {
width: 100px;
animation: animation2 2s 1;
}
.imageup3 {
width: 80px;
animation: animation3 2s 1;
}
.imageup4 {
width: 60px;
animation: animation4 2s 1;
}
.imageup5 {
width: 40px;
animation: animation5 2s 1;
}
.imageup6 {
width: 170px;
animation: animation6 2s 1;
}
.imageup7 {
width: 140px;
animation: animation7 2s 1;
}
.imageup8 {
width: 110px;
animation: animation8 2s 1;
}
.imageup9 {
width: 80px;
animation: animation9 2s 1;
}
.imageup10 {
width: 50px;
animation: animation10 2s 1;
}
@keyframes animation1 {
0% {
width: 0px;
}
100% {
width: 170px;
}
}
@keyframes animation2 {
0% {
width: 0px;
}
100% {
width: 100px;
}
}
@keyframes animation3 {
0% {
width: 0px;
}
100% {
width: 80px;
}
}
@keyframes animation4 {
0% {
width: 0px;
}
100% {
width: 60px;
}
}
@keyframes animation5 {
0% {
width: 0px;
}
100% {
width: 40px;
}
}
@keyframes animation6 {
0% {
width: 0px;
}
100% {
width: 170px;
}
}
@keyframes animation7 {
0% {
width: 0px;
}
100% {
width: 140px;
}
}
@keyframes animation8 {
0% {
width: 0px;
}
100% {
width: 110px;
}
}
@keyframes animation9 {
0% {
width: 0px;
}
100% {
width: 80px;
}
}
@keyframes animation10 {
0% {
width: 0px;
}
100% {
width: 50px;
}
}
th{
height: 45px;
@@ -612,14 +512,14 @@ export default {
border: 1px solid #ebedff;
border-collapse:collapse;
}
.colorOne{
color: #e51f14;
.colorThree{
color: #333;
}
.colorTwo{
color: #e1801d;
}
.colorThree{
color: #333;
.colorOne{
color: #e51f14;
}
/deep/ .van-notice-bar{
background: linear-gradient(#f4f6ff,#fff);

40
src/views/YB_APP/performanceQuery.vue Normal file
View File

@@ -0,0 +1,40 @@
<template>
<div class="public_container">
<span>业绩查询</span>
<van-button type="primary" @click="goPolicyDetail">主要按钮</van-button>
</div>
</template>
<script>
import { Button } from 'vant'
export default {
name: 'policyDetail',
components: {
[Button.name]: Button,
},
data() {
return {
}
},
mounted(){
},
methods:{
goPolicyDetail(){
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/YB_APP/policyList',
},
routerInfo: {
path: '/YB_APP/policyList',
},
})
},
},
}
</script>
<style lang="scss" scoped>
</style>

29
src/views/YB_APP/policyDetail.vue Normal file
View File

@@ -0,0 +1,29 @@
<template>
<div class="public_container">
<span>保单详情</span>
</div>
</template>
<script>
import { Button } from 'vant'
export default {
name: 'policyDetail',
components: {
[Button.name]: Button,
},
data() {
return {
}
},
mounted(){
},
methods:{
},
}
</script>
<style lang="scss" scoped>
</style>

40
src/views/YB_APP/policyList.vue Normal file
View File

@@ -0,0 +1,40 @@
<template>
<div class="public_container">
<span>保单列表</span>
<van-button type="primary" @click="goPolicyDetail">主要按钮</van-button>
</div>
</template>
<script>
import { Button } from 'vant'
export default {
name: 'policyList',
components: {
[Button.name]: Button,
},
data() {
return {
}
},
mounted(){
},
methods:{
goPolicyDetail(){
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/YB_APP/policyDetail',
},
routerInfo: {
path: '/YB_APP/policyDetail',
},
})
},
},
}
</script>
<style lang="scss" scoped>
</style>