hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-24 05:32:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

业绩查询页面搭建

Browse Source
This commit is contained in:
huichao
2020-07-21 15:05:41 +08:00
parent 4779b518a4
commit 73e81e37fa
10 changed files with 353 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/views/ebiz/performance/Performance.vue Normal file
View File

@@ -0,0 +1,142 @@
<template>
<div>
<div class='border-gb mt20 header mh-auto van-cell:not(:last-child)::after h50 flex align-items-c'>
<van-button round @click="goDetail(order)" size="small" class="ml15" type="danger" v-no-more-click="1000">当月</van-button>
<div @click="timePopup" class="fs12 red ml15">2019-05
<img src="@/assets/images/u79.png" alt="" class="absolute mt2 ml5">
</div>
<van-popup v-model="dateShow" position="bottom">
<van-datetime-picker
v-model="currentDate"
type="year-month"
title="选择年月日"
:min-date="minDate"
:max-date="maxDate"
@cancel="handleCancel"
@confirm="handleEndDateConfirm"
/>
</van-popup>
</div>
<div class='mt20'>
<div class='h50 bg-white content mh-auto fs13 fw500'>
<div class='pl10 pr10 pt15 flex justify-content-s align-items-c'>
<div >个人承保标保（元）</div>
<div class='red'>230000:00</div>
</div>
</div>
<div class='h50 bg-white content mh-auto fs13 fw500 mt5'>
<div class='pl10 pr10 pt15 flex justify-content-s align-items-c'>
<div >寿险承保件</div>
<div class='red'>230000:00</div>
</div>
</div>
<div class='h50 bg-white content mh-auto fs13 fw500 mt5'>
<div class='pl10 pr10 pt15 flex justify-content-s align-items-c'>
<div >承保FYC（元）</div>
<div class='red'>230000:00</div>
</div>
</div>
<div class='h50 bg-white content mh-auto fs13 fw500 mt5'>
<div class='pl10 pr10 pt15 flex justify-content-s align-items-c'>
<div >综合开拓承保保费（元）</div>
<div class='red'>230000:00</div>
</div>
</div>
<div class='h50 bg-white content mh-auto fs13 fw500 mt5'>
<div class='pl10 pr10 pt15 flex justify-content-s align-items-c'>
<div >本月预收标保（元）</div>
<div class='red'>230000:00</div>
</div>
</div>
<div class='h50 bg-white content mh-auto fs13 fw500 mt5'>
<div class='pl10 pr10 pt15 flex justify-content-s align-items-c'>
<div >本月预收件数</div>
<div class='red'>230000:00</div>
</div>
</div>
<div class='h50 bg-white content mh-auto fs13 fw500 mt5'>
<div class='pl10 pr10 pt15 flex justify-content-s align-items-c'>
<div >本月预收FYC（元）</div>
<div class='red'>230000:00</div>
</div>
</div>
</div>
<div class='mt10 mh-auto content fs12 red'>
注：统计截至时间：2020-01-12 16：30
</div>
</div>
</template>
<script>
import { Popup,DatetimePicker } from 'vant';
export default {
name: 'performance',
components: {
[Popup.name]: Popup,
[DatetimePicker.name]: DatetimePicker,
},
data() {
return {
currentDate: new Date(),
dateShow: false,
minDate: new Date(2020, 0, 1),
maxDate: new Date(2025, 10, 1),
}
},
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_right_button', {
btns: [
{
title: "考勤记录",
route: { flag: '', extra: {} }
}
]
})
}, 1000)
},
mounted() {
window.appCallBack = this.appCallBack
},
methods:{
appCallBack(data) {
if (data.trigger == 'right_button_click') {
this.$jump({
flag: 'h5',
extra: {
url: location.origin + `/#/performance/Performance`
},
routerInfo: {
path: `/performance/Performance`
}
})
}
if (data.trigger == 'left_button_click') {
this.$jump({
flag: 'home'
})
}
},
timePopup(){
this.dateShow = true;
},
handleCancel () {
this.dateShow = false;
},
//开始时间
handleEndDateConfirm (e) {
this.dateShow = false;
console.log(e)
// this.titleTime = dateFormat(this.currentDate, 'yyyy-MM')
},
}
}
</script>
<style scoped>
.header{
width:92%;
}
.content{
width:80%;
}
</style>