mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-09 19:16:43 +08:00
800 lines
26 KiB
Vue
800 lines
26 KiB
Vue
<template>
|
||
<div v-cloak>
|
||
<div style="justify-content: space-between" class="border-gb mt20 header mh-auto van-cell:not(:last-child)::after h50 flex align-items-c">
|
||
<div style="flex-shrink: 0" class="flex align-items-c">
|
||
<van-button round @click="seceltCurrentMonth()" size="small" class="ml15" type="danger" v-no-more-click="1000">当月</van-button>
|
||
<div @click="timePopup" class="fs12 red ml15">
|
||
{{ titleTime }}
|
||
<img src="@/assets/images/u79.png" alt class="absolute mt2 ml5" />
|
||
</div>
|
||
</div>
|
||
<div class="status">
|
||
<van-field
|
||
:value="filterStatus | filterStatusMethod"
|
||
readonly
|
||
label=""
|
||
name=""
|
||
right-icon="arrow-down"
|
||
placeholder="状态选择"
|
||
v-validate="'required'"
|
||
@click="toSelect('1')"
|
||
/>
|
||
<!-- <FieldDatePicter
|
||
label=""
|
||
name=""
|
||
:isDefault="true"
|
||
:value.sync="filterDate"
|
||
type="datetime"
|
||
:flag="true"
|
||
placeholder="时间筛选"
|
||
@confirm="onDateConfirm($event, '2')"
|
||
:maxDate="maxDate"
|
||
></FieldDatePicter> -->
|
||
</div>
|
||
</div>
|
||
<!-- 机构筛选 -->
|
||
<div class="classification" v-if="manageLv != '09'">
|
||
<span>机构名称: </span>
|
||
<span v-if="manageLv == '06'">
|
||
<span>{{ orgs[0].name }}</span>
|
||
<van-icon name="arrow" />
|
||
</span>
|
||
<span v-else-if="manageLv == '04' || manageLv == '05'" @click="isOrgLv2ConditionShow = true">
|
||
<span>{{ orgs[0].name }}</span>
|
||
<van-icon name="arrow-down" />
|
||
</span>
|
||
<template>
|
||
<span v-if="manageLv == '07'">
|
||
<span>{{ orgs[1].name }}</span>
|
||
<van-icon name="arrow" />
|
||
</span>
|
||
<span v-else-if="manageLv == '04' || manageLv == '05' || manageLv == '06'" @click="isOrgLv3ConditionShow = true">
|
||
<span>{{ orgs[1].name }}</span>
|
||
<van-icon name="arrow-down" />
|
||
</span>
|
||
|
||
<span v-if="manageLv == '08'">
|
||
<span>{{ orgs[2].name }}</span>
|
||
<van-icon name="arrow" />
|
||
</span>
|
||
<span v-else-if="manageLv == '04' || manageLv == '05' || manageLv == '06' || manageLv == '07'" @click="isOrgLv4ConditionShow = true">
|
||
<span>{{ orgs[2].name }}</span>
|
||
<van-icon name="arrow-down" />
|
||
</span>
|
||
<!-- 个人 -->
|
||
<span v-if="manageLv == '07' || manageLv == '08'" @click="isOrgLv5ConditionShow = true">
|
||
<span>{{ orgs[3].name }}</span>
|
||
<van-icon name="arrow-down" />
|
||
</span>
|
||
</template>
|
||
</div>
|
||
<!-- <div class="c-gray-base fs13 ml25 mt10" v-if="mask=='1'">
|
||
所在机构：
|
||
<span v-if="buName!==undefined">{{buName}}></span>
|
||
<span class="red">{{Name}}</span>
|
||
</div> -->
|
||
<!-- <div class="flex align-items-c h86 content1 bg-white mt10" v-if="mask=='1'">
|
||
<div
|
||
class="w40 h60 ml15 text-center relative"
|
||
v-for="(item, index) in headerList"
|
||
:key="index"
|
||
>
|
||
<div @click="(InfoDetails(index))">
|
||
<img class="h40 w40" src="@/assets/images/u188.png" alt />
|
||
<div :class="[item.isShowImg?'active':'']"></div>
|
||
<div class="fs13">{{item.agentName}}</div>
|
||
</div>
|
||
</div>
|
||
</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>{{ orgs[orgLev].name }}佣金（元）</div>
|
||
<div class="red">{{ fyc }}</div>
|
||
</div>
|
||
</div>
|
||
<div class="h50 bg-white content mh-auto fs13 fw500 mt5" v-if="manageLv != '09' && orgLev != '3'">
|
||
<div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
|
||
<div>{{ orgs[orgLev].name }}合格人力</div>
|
||
<div class="red">{{ hgrl }}</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">{{cfyc}}</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">{{zcbf}}</div>
|
||
</div>
|
||
</div>-->
|
||
<!-- <div v-if="isShow"> -->
|
||
<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>本月{{ filterStatusName }}期交（元）</div>
|
||
<div v-if="filterStatus == 1" class="red">{{ ysbb }}</div>
|
||
<div v-else-if="filterStatus == 2" class="red">{{ cbbb }}</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>本月{{ filterStatusName }}件数</div>
|
||
<div v-if="filterStatus == 1" class="red">{{ ysjs }}</div>
|
||
<div v-else-if="filterStatus == 2" class="red">{{ cbjs }}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="h50 bg-white content mh-auto fs13 fw500 mt5" v-if="isShow">
|
||
<div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
|
||
<div>本月预收FYC（元）</div>
|
||
<div class="red">{{yfyc}}</div>
|
||
</div>
|
||
</div>-->
|
||
</div>
|
||
<!-- <div>
|
||
<div class="h40 bg-red absolute bottom0 footer text-center fs13 fw500 white" v-if="mask1" @click="checkTeam(obj)">
|
||
{{ footerText }}
|
||
</div>
|
||
</div> -->
|
||
<!--预收\承保 -->
|
||
<van-popup v-model="popupShow" position="bottom">
|
||
<van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="popupShow = false" />
|
||
</van-popup>
|
||
|
||
<!-- 二级机构筛选栏 -->
|
||
<van-popup v-model="isOrgLv2ConditionShow" position="bottom" :style="{ height: '40vh' }">
|
||
<van-picker show-toolbar :columns="province" @confirm="onOrgLv2ConditionConfirm" @cancel="isOrgLv2ConditionShow = false" />
|
||
</van-popup>
|
||
<!-- 三级机构筛选栏 -->
|
||
<van-popup v-model="isOrgLv3ConditionShow" position="bottom" :style="{ height: '40vh' }">
|
||
<van-picker show-toolbar :columns="city" @confirm="onOrgLv3ConditionConfirm" @cancel="isOrgLv3ConditionShow = false" />
|
||
</van-popup>
|
||
<!-- 四级机构筛选栏 -->
|
||
<van-popup v-model="isOrgLv4ConditionShow" position="bottom" :style="{ height: '40vh' }">
|
||
<van-picker show-toolbar :columns="area" @confirm="onOrgLv4ConditionConfirm" @cancel="isOrgLv4ConditionShow = false" />
|
||
</van-popup>
|
||
<!-- 五级机构筛选--个人 -->
|
||
<van-popup v-model="isOrgLv5ConditionShow" position="bottom" :style="{ height: '40vh' }">
|
||
<van-picker show-toolbar :columns="personal" @confirm="onOrgLv5ConditionConfirm" @cancel="isOrgLv5ConditionShow = false" />
|
||
</van-popup>
|
||
|
||
<!-- 筛选年月日 -->
|
||
<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>
|
||
</template>
|
||
<script>
|
||
import { getBaseAgentInfo, getPerformanceDetail, getBranchByUser, getMisBranchComList } from '@/api/ebiz/performance/performance'
|
||
import { getAgentInfo } from '@/api/ebiz/my/my.js'
|
||
|
||
import utils from '@/assets/js/utils/date-utils'
|
||
import { Popup, DatetimePicker, Button } from 'vant'
|
||
import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
|
||
let statuss = [
|
||
{
|
||
id: 1,
|
||
text: '预收状态'
|
||
},
|
||
{
|
||
id: 2,
|
||
text: '承保状态'
|
||
}
|
||
]
|
||
export default {
|
||
name: 'performance',
|
||
components: {
|
||
[Popup.name]: Popup,
|
||
[DatetimePicker.name]: DatetimePicker,
|
||
FieldDatePicter
|
||
},
|
||
computed: {
|
||
province() {
|
||
const name = []
|
||
this.OrgLv2s.forEach(item => {
|
||
name.push(item.name)
|
||
})
|
||
return name
|
||
},
|
||
city() {
|
||
const city = ['全部']
|
||
this.OrgLv3s.forEach(item => {
|
||
if (item.upBranchCode === this.orgs[0].code) {
|
||
city.push(item.name)
|
||
}
|
||
})
|
||
return city
|
||
},
|
||
area() {
|
||
const area = ['全部']
|
||
this.OrgLv4s.forEach(item => {
|
||
if (item.upBranchCode === this.orgs[1].code) {
|
||
area.push(item.name)
|
||
}
|
||
})
|
||
return area
|
||
},
|
||
personal() {
|
||
const personal = ['全部']
|
||
this.OrgLv5s.forEach(item => {
|
||
// if (item.upBranchCode === this.orgs[2].code) {
|
||
personal.push(item.name)
|
||
// }
|
||
})
|
||
return personal
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
jobNo: '', //获取登录人的代理人编码--agentCode
|
||
manageLv: 1, //当前人机构等级
|
||
popupShow: false, //字段选择框
|
||
// 二级机构筛选是否显示--区
|
||
isOrgLv2ConditionShow: false,
|
||
// 三级机构筛选是否显示--部
|
||
isOrgLv3ConditionShow: false,
|
||
// 四级机构筛选是否显示--组
|
||
isOrgLv4ConditionShow: false,
|
||
// 四级机构筛选是否显示--个人
|
||
isOrgLv5ConditionShow: false,
|
||
OrgLv2s: [],
|
||
OrgLv3s: [],
|
||
OrgLv4s: [],
|
||
OrgLv5s: [],
|
||
columns: [], //字段选择list
|
||
pickType: '', //toSelect选择值 todo
|
||
filterStatus: 1, //保单状态 1为预收状态 2 承保状态
|
||
filterStatusName: '预收', //保单状态name值
|
||
orgLev: 0, //当前选择的机构等级
|
||
orgs: [
|
||
//机构分级
|
||
{
|
||
name: '全部',
|
||
code: '',
|
||
inCode: ''
|
||
},
|
||
{
|
||
name: '全部',
|
||
code: '',
|
||
inCode: ''
|
||
},
|
||
{
|
||
name: '全部',
|
||
code: '',
|
||
inCode: ''
|
||
},
|
||
{
|
||
name: '全部',
|
||
code: '',
|
||
inCode: ''
|
||
}
|
||
],
|
||
currentDate: new Date(),
|
||
dateShow: false,
|
||
minDate: new Date(2020, 0, 1),
|
||
maxDate: new Date(),
|
||
titleTime: '',
|
||
date1: {
|
||
date: '2020-07-01'
|
||
},
|
||
// agentGrade: '',
|
||
// isShow: true,
|
||
// obj: {},
|
||
// agentCode: '',
|
||
fyc: '',
|
||
hgrl: '',
|
||
cbbb: '',
|
||
cbjs: '',
|
||
ysjs: '',
|
||
cfyc: '0.00',
|
||
zcbf: '0.00',
|
||
ysbb: '',
|
||
yfyc: '0.00',
|
||
timeCode: ''
|
||
// mask: '',
|
||
// headerList: [],
|
||
// unitName: '',
|
||
// Name: '',
|
||
// code: '',
|
||
// isShowImg: true,
|
||
// buName: '',
|
||
// mask1: false,
|
||
// footerText: ''
|
||
}
|
||
},
|
||
filters: {
|
||
filterStatusMethod(val) {
|
||
let str = ''
|
||
statuss.filter(item => {
|
||
if (val == item.id) {
|
||
str = item.text
|
||
}
|
||
})
|
||
return str
|
||
}
|
||
},
|
||
created() {
|
||
this.formatDate1()
|
||
// this.getBaseAgentInfo1()
|
||
// if (this.code !== '') {
|
||
// this.getHeader1()
|
||
// }
|
||
setTimeout(() => {
|
||
// eslint-disable-next-line no-undef
|
||
EWebBridge.webCallAppInJs('webview_right_button', {
|
||
btns: [
|
||
{
|
||
title: '考勤记录',
|
||
title_color: 'FF0000'
|
||
}
|
||
]
|
||
})
|
||
}, 1000)
|
||
},
|
||
mounted() {
|
||
window.appCallBack = this.appCallBack
|
||
this.getAgentInfoFunc()
|
||
this.initData()
|
||
},
|
||
methods: {
|
||
// 获取登录人的代理人编码--agentCode，再查询个人业绩查询列表
|
||
async getAgentInfoFunc() {
|
||
const res = await getAgentInfo({})
|
||
if (res.result == 0) {
|
||
this.jobNo = res.jobNo
|
||
}
|
||
},
|
||
async initData() {
|
||
//获取当前人机构等级
|
||
let resData = await getBranchByUser({})
|
||
if (resData.result != '0') return this.$toast(resData.resultMessage)
|
||
this.manageLv = resData.content.level
|
||
// 1、如果内勤（四级和五级）查看出单详情，选择机构名称时，可以选择内勤所辖区，可能存在一个或者多个；
|
||
// 2、如果外勤（组长及以上）查看出单详情，选择机构名称时，区只有一个。
|
||
//（内勤）level 04,05时 服务机构 （外勤）level 06,07,08时 区
|
||
if (this.manageLv == '04' || this.manageLv == '05') {
|
||
const res = await getMisBranchComList({
|
||
bussinessType: 'normal',
|
||
manageCode: resData.content.code,
|
||
manageLv: resData.content.level
|
||
})
|
||
if (res.result === '0') {
|
||
this.OrgLv2s.push(...res.content)
|
||
this.orgs[0].name = this.OrgLv2s[0].name
|
||
this.orgs[0].code = this.OrgLv2s[0].code
|
||
this.orgs[0].inCode = this.OrgLv2s[0].inCode
|
||
this.orgLev = 0
|
||
this.onOrgLv2ConditionConfirm(this.orgs[0].name, 'false')
|
||
} else {
|
||
this.$toast(res.resultMessage)
|
||
}
|
||
} else if (this.manageLv == '06') {
|
||
// 区
|
||
this.orgs[0].name = resData.content.name
|
||
this.orgs[0].code = resData.content.code
|
||
this.orgs[0].inCode = resData.content.inCode
|
||
this.orgLev = 0
|
||
this.onOrgLv2ConditionConfirm(this.orgs[0].name, 'false')
|
||
} else if (this.manageLv == '07') {
|
||
//部
|
||
this.orgs[0].name = resData.content.distName
|
||
this.orgs[0].code = resData.content.distCode
|
||
this.orgs[1].name = resData.content.name
|
||
this.orgs[1].code = resData.content.code
|
||
this.orgs[1].inCode = resData.content.inCode
|
||
this.orgLev = 1
|
||
this.onOrgLv3ConditionConfirm(this.orgs[1].name, 'false')
|
||
} else if (this.manageLv == '08') {
|
||
//组
|
||
this.orgs[0].name = resData.content.distName
|
||
this.orgs[0].code = resData.content.distCode
|
||
this.orgs[1].name = resData.content.depName
|
||
this.orgs[1].code = resData.content.depCode
|
||
this.orgs[2].name = resData.content.name
|
||
this.orgs[2].code = resData.content.code
|
||
this.orgs[2].inCode = resData.content.inCode
|
||
this.orgLev = 2
|
||
this.onOrgLv4ConditionConfirm(this.orgs[2].name, 'false')
|
||
} else if (this.manageLv == '09') {
|
||
this.orgs[3].name = resData.content.name
|
||
this.orgs[3].code = resData.content.code
|
||
this.orgs[3].inCode = resData.content.code
|
||
this.orgLev = 3
|
||
}
|
||
this.getPerformanceDetailC()
|
||
},
|
||
// 筛选二级机构-区
|
||
async onOrgLv2ConditionConfirm(data, status) {
|
||
this.isOrgLv2ConditionShow = false
|
||
let OrgLv2 = this.OrgLv2s.find(item => item.name === data)
|
||
if (OrgLv2) {
|
||
this.orgs[0].code = OrgLv2.code
|
||
this.orgs[0].inCode = OrgLv2.inCode
|
||
this.orgLev = 0
|
||
// this.params.manageCode = this.OrgLv2Code
|
||
// this.params.manageLv = '02'
|
||
}
|
||
this.orgs[0].name = data
|
||
this.orgs[1].name = '全部'
|
||
this.orgs[1].code = ''
|
||
this.orgs[1].inCode = ''
|
||
this.orgs[2].name = '全部'
|
||
this.orgs[2].code = ''
|
||
this.orgs[2].inCode = ''
|
||
if (status != 'false') {
|
||
this.getPerformanceDetailC()
|
||
}
|
||
// 查询三级机构
|
||
const res = await getMisBranchComList({
|
||
bussinessType: 'normal',
|
||
manageCode: this.orgs[0].code,
|
||
manageLv: '06'
|
||
})
|
||
this.OrgLv3s.splice(0)
|
||
this.OrgLv3s.push(...res.content)
|
||
},
|
||
// 筛选三级机构-部
|
||
async onOrgLv3ConditionConfirm(data, status) {
|
||
this.isOrgLv3ConditionShow = false
|
||
this.orgs[1].name = data
|
||
let OrgLv3 = this.OrgLv3s.find(item => item.name === data)
|
||
if (OrgLv3) {
|
||
this.orgs[1].code = OrgLv3.code
|
||
this.orgs[1].inCode = OrgLv3.inCode
|
||
this.orgLev = 1
|
||
// this.params.manageCode = this.OrgLv3Code
|
||
// this.params.manageLv = '03'
|
||
}
|
||
if (data === '全部') {
|
||
// this.params.manageCode = this.OrgLv2Code
|
||
// this.params.manageLv = '02'
|
||
this.orgs[1].code = ''
|
||
this.orgs[1].inCode = ''
|
||
this.orgLev = 0
|
||
}
|
||
this.orgs[2].code = ''
|
||
this.orgs[2].inCode = ''
|
||
this.orgs[2].name = '全部'
|
||
if (status != 'false') {
|
||
this.getPerformanceDetailC()
|
||
}
|
||
if (data != '全部') {
|
||
// 查询四级机构
|
||
const res = await getMisBranchComList({
|
||
bussinessType: 'normal',
|
||
manageCode: this.orgs[1].code,
|
||
manageLv: '07'
|
||
})
|
||
this.OrgLv4s.splice(0)
|
||
this.OrgLv4s.push(...res.content)
|
||
}
|
||
},
|
||
// 筛选四级机构-组
|
||
async onOrgLv4ConditionConfirm(data, status) {
|
||
this.isOrgLv4ConditionShow = false
|
||
this.orgs[2].name = data
|
||
let area = this.OrgLv4s.find(item => item.name === data)
|
||
if (area) {
|
||
this.orgs[2].code = area.code
|
||
this.orgs[2].inCode = area.inCode
|
||
this.orgLev = 2
|
||
// this.params.manageCode = this.OrgLv4Code
|
||
// this.params.manageLv = '04'
|
||
}
|
||
if (data === '全部') {
|
||
// this.params.manageCode = this.OrgLv3Code
|
||
// this.params.manageLv = '03'
|
||
this.orgs[2].code = ''
|
||
this.orgs[2].inCode = ''
|
||
this.orgLev = 1
|
||
//区经理，机构名称选择任意部和组，先部选全部，组再选择全部，页面展示为全部佣金/全部合格人力
|
||
if (this.orgs[1].name == '全部') {
|
||
this.orgLev = 0
|
||
} else if (this.orgs[2].name == '全部') {
|
||
this.orgLev = 1
|
||
}
|
||
}
|
||
this.orgs[3].name = '全部'
|
||
this.orgs[3].code = ''
|
||
this.orgs[3].inCode = ''
|
||
if (status != 'false') {
|
||
this.getPerformanceDetailC()
|
||
}
|
||
if (this.manageLv == '07' || this.manageLv == '08') {
|
||
this.OrgLv5s.splice(0)
|
||
if (data != '全部') {
|
||
// 查询五级机构--个人--旧版
|
||
// const res = await getMisBranchComList({
|
||
// bussinessType: 'normal',
|
||
// manageCode: this.orgs[2].code,
|
||
// inCode: this.orgs[2].inCode,
|
||
// manageLv: '08'
|
||
// })
|
||
// this.OrgLv5s.push(...res.content)
|
||
//需求更改
|
||
this.OrgLv5s.push({ name: '个人' })
|
||
}
|
||
}
|
||
},
|
||
// 筛选五级机构-个人
|
||
async onOrgLv5ConditionConfirm(data) {
|
||
this.isOrgLv5ConditionShow = false
|
||
this.orgs[3].name = data
|
||
let personal = this.OrgLv5s.find(item => item.name === data)
|
||
if (personal) {
|
||
this.orgs[3].code = this.jobNo
|
||
// 查询五级机构--个人--旧版
|
||
// this.orgs[3].code = personal.code
|
||
// this.orgs[3].inCode = personal.inCode
|
||
this.orgLev = 3
|
||
}
|
||
if (data === '全部') {
|
||
this.orgs[3].code = ''
|
||
this.orgs[3].inCode = ''
|
||
//部经理，机构名称选择任意组和个人，先组选全部，个人再选择全部，页面展示为全部佣金/全部合格人力
|
||
if (this.orgs[2].name == '全部') {
|
||
this.orgLev = 1
|
||
} else if (this.orgs[3].name == '全部') {
|
||
this.orgLev = 2
|
||
}
|
||
}
|
||
this.getPerformanceDetailC()
|
||
},
|
||
//选择当月时间
|
||
seceltCurrentMonth() {
|
||
this.titleTime = utils.formatDate(new Date(), 'yyyy-MM')
|
||
// this.timeCode = utils.formatDate(this.currentDate, 'yyyy-MM-dd')
|
||
this.timeCode = this.timeCode = this.titleTime + '-01'
|
||
this.getPerformanceDetailC()
|
||
},
|
||
//下面蒙层机构名称点击确认
|
||
onConfirm(value) {
|
||
switch (this.pickType) {
|
||
case '1':
|
||
this.filterStatus = value.id
|
||
this.filterStatusName = value.id == '1' ? '预收' : '承保'
|
||
break
|
||
}
|
||
this.popupShow = false
|
||
},
|
||
//机构名称--点击时渲染下面蒙层的枚举值
|
||
async toSelect(pickType) {
|
||
this.columns = []
|
||
switch (pickType) {
|
||
case '1':
|
||
this.columns = statuss
|
||
break
|
||
}
|
||
;[this.pickType, this.popupShow] = [pickType, true]
|
||
},
|
||
appCallBack(data) {
|
||
if (data.trigger == 'right_button_click') {
|
||
this.$jump({
|
||
flag: 'h5',
|
||
extra: {
|
||
url: location.origin + `/#/attendance/Attendance`
|
||
},
|
||
routerInfo: {
|
||
path: `/attendance/Attendance`
|
||
}
|
||
})
|
||
}
|
||
if (data.trigger == 'left_button_click') {
|
||
this.$jump({
|
||
flag: 'home'
|
||
})
|
||
}
|
||
},
|
||
timePopup() {
|
||
this.dateShow = true
|
||
},
|
||
handleCancel() {
|
||
this.dateShow = false
|
||
},
|
||
//点击筛选年月日--点击确认
|
||
handleEndDateConfirm(e) {
|
||
this.dateShow = false
|
||
this.titleTime = utils.formatDate(e, 'yyyy-MM')
|
||
// this.timeCode = utils.formatDate(e, 'yyyy-MM-dd')
|
||
this.timeCode = this.timeCode = this.titleTime + '-01'
|
||
// this.obj.date = this.timeCode
|
||
this.getPerformanceDetailC()
|
||
// if (String(this.titleTime) === String(utils.formatDate(new Date(), 'yyyy-MM'))) {
|
||
// this.isShow = true
|
||
// } else {
|
||
// this.isShow = false
|
||
// }
|
||
},
|
||
formatDate1() {
|
||
// 已和需求兴雨确认了，入口只有一个
|
||
if (this.$route.params.parmas !== undefined) {
|
||
;(this.titleTime = JSON.parse(this.$route.params.parmas).date.slice(0, 7)), (this.timeCode = JSON.parse(this.$route.params.parmas).date)
|
||
} else {
|
||
this.titleTime = utils.formatDate(this.currentDate, 'yyyy-MM')
|
||
// this.timeCode = utils.formatDate(this.currentDate, 'yyyy-MM-dd')
|
||
this.timeCode = this.titleTime + '-01'
|
||
}
|
||
// this.obj.date = this.timeCode
|
||
},
|
||
//个人业绩查询列表接口
|
||
getPerformanceDetailC() {
|
||
//个人查询 都拿code字段 区部组 拿incode字段
|
||
let data = {
|
||
date: this.timeCode,
|
||
areaCode: this.orgs[0].inCode,
|
||
deptCode: this.orgs[1].inCode,
|
||
groupCode: this.orgs[2].inCode,
|
||
agentCode: this.orgs[3].code
|
||
}
|
||
getPerformanceDetail(data).then(res => {
|
||
if (res.result == 0) {
|
||
;(this.cbbb = res.content.list[0].cbbb),
|
||
(this.cbjs = res.content.list[0].cbjs),
|
||
(this.ysjs = res.content.list[0].ysjs),
|
||
(this.ysbb = res.content.list[0].ysbb),
|
||
(this.fyc = res.content.list[0].fyc),
|
||
(this.hgrl = res.content.list[0].hgrl)
|
||
}
|
||
})
|
||
}
|
||
//获取代理人关系
|
||
// getBaseAgentInfo1() {
|
||
// let date = {}
|
||
// getBaseAgentInfo(date).then(res => {
|
||
// console.log(res)
|
||
// if (res.result == 0) {
|
||
// ;(this.agentGrade = res.agentGrade), (this.unitName = res.unitName), (this.saleArea = res.saleArea)
|
||
// if (window.localStorage.getItem('parmas2') == null) {
|
||
// this.agentCode = res.jobNo
|
||
// } else {
|
||
// this.agentCode = JSON.parse(window.localStorage.getItem('parmas2')).agentCode
|
||
// }
|
||
|
||
// ;(this.obj.agentGrade = this.agentGrade),
|
||
// (this.obj.agentCode = this.agentCode),
|
||
// (this.branchCode = res.branchCode),
|
||
// (this.deptCode = res.deptCode),
|
||
// (this.areaCode = res.areaCode)
|
||
// if (this.agentGrade.slice(0, 2) == 'A1') {
|
||
// this.mask1 = false
|
||
// this.footerText = ''
|
||
// } else if (this.agentGrade.slice(0, 2) == 'A2') {
|
||
// this.mask1 = true
|
||
// this.footerText = '查看团队业绩'
|
||
// ;(this.obj.unitName = this.unitName), (this.obj.code = this.branchCode)
|
||
// } else if (this.agentGrade.slice(0, 2) == 'A3') {
|
||
// this.mask1 = true
|
||
// this.footerText = '查看团队业绩'
|
||
// ;(this.obj.unitName = this.saleArea), (this.obj.code = this.deptCode)
|
||
// } else if (this.agentGrade.slice(0, 2) == 'A4') {
|
||
// }
|
||
// this.getPerformanceDetailC()
|
||
// }
|
||
// })
|
||
// },
|
||
// //获取代理人下级头像
|
||
// getPerformanceHeader1() {
|
||
// let date = {}
|
||
// getPerformanceHeader(date).then((res) => {
|
||
// console.log(res)
|
||
// if (res.result == 0) {
|
||
// for (let i = 0; i < res.content.length; i++) {
|
||
// res.content[i].isShowImg = true
|
||
// }
|
||
// this.headerList = res.content
|
||
// }
|
||
// })
|
||
// },
|
||
// getHeader1() {
|
||
// console.log(1111)
|
||
// let code = {
|
||
// agentgroup: this.code
|
||
// }
|
||
// getHeader(code).then(res => {
|
||
// console.log(res)
|
||
// if (res.result == 0) {
|
||
// for (let i = 0; i < res.content.length; i++) {
|
||
// res.content[i].isShowImg = true
|
||
// res.content[0].isShowImg = false
|
||
// }
|
||
// this.headerList = res.content
|
||
// }
|
||
// })
|
||
// },
|
||
// checkTeam(obj) {
|
||
// console.log(obj)
|
||
// localStorage.obj = JSON.stringify(this.obj)
|
||
// this.$jump({
|
||
// flag: 'h5',
|
||
// extra: {
|
||
// url: location.origin + `/#/performance/PerformanceList`
|
||
// },
|
||
// routerInfo: {
|
||
// path: `/performance/PerformanceList`
|
||
// }
|
||
// })
|
||
// },
|
||
},
|
||
destroyed: function() {
|
||
console.log('我已经离开了！')
|
||
window.localStorage.removeItem('parmas1')
|
||
window.localStorage.removeItem('parmas2')
|
||
window.localStorage.removeItem('obj1')
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.status {
|
||
margin-left: 30px;
|
||
border-radius: 10px;
|
||
overflow: hidden;
|
||
/deep/.van-cell {
|
||
font-size: 12px;
|
||
padding: 1.66667vw 3.26667vw;
|
||
}
|
||
}
|
||
.classification {
|
||
font-size: 14px;
|
||
padding: 15px;
|
||
}
|
||
.van-icon {
|
||
font-weight: bolder;
|
||
}
|
||
|
||
::v-deep .classification .van-icon {
|
||
vertical-align: middle;
|
||
margin-right: 5px;
|
||
margin-bottom: 3px;
|
||
}
|
||
|
||
::v-deep .van-tab--active {
|
||
font-size: 16px;
|
||
font-weight: bolder;
|
||
transition: all 0.1s ease;
|
||
}
|
||
/deep/.van-field__label {
|
||
width: 0px;
|
||
}
|
||
</style>
|
||
<style scoped>
|
||
.header {
|
||
width: 92%;
|
||
}
|
||
.content {
|
||
width: 86%;
|
||
}
|
||
.footer {
|
||
width: 100%;
|
||
line-height: 40px;
|
||
}
|
||
:footer([v-cloak]) {
|
||
display: none !important;
|
||
}
|
||
.content1 {
|
||
width: 100%;
|
||
overflow-x: scroll;
|
||
}
|
||
.active {
|
||
width: 40px;
|
||
height: 40px;
|
||
z-index: 100;
|
||
background: #ccc;
|
||
opacity: 0.5;
|
||
top: 0px;
|
||
border-radius: 20px;
|
||
position: absolute;
|
||
}
|
||
</style>
|