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

机构业绩修改合并

Browse Source
This commit is contained in:
na.guo
2020-08-04 16:24:16 +08:00
parent e1dfd3f6d2 133d2e6861
commit 22d33a3ddc
10 changed files with 651 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/assets/sass/utils.scss
View File

@@ -141,7 +141,7 @@
}
.flex-direction-colunm {
flex-direction: column
flex-direction: column;
}
// 字体颜色
@@ -152,7 +152,9 @@
.red {
color: $red !important;
}
.red1 {
color: $red1 !important;
}
.yellow {
color: $yellow !important;
}
@@ -212,7 +214,7 @@
}
.text-left {
text-align: left !important
text-align: left !important;
}
.text-underline {
@@ -257,13 +259,15 @@
.bg-red {
background: $red !important;
}
.bg-red1 {
background: $red1 !important;
}
.bg-green-base {
background: #ddf2ef !important;
}
.bg-green-dark {
background: #E9332E !important;
background: #e9332e !important;
}
.bg-blue-dark {
@@ -290,7 +294,7 @@
position: absolute;
// z-index: 99;
box-sizing: border-box;
content: ' ';
content: " ";
pointer-events: none;
right: 0;
bottom: 0;
@@ -320,17 +324,17 @@
line-height: 28px;
}
.redRadioCheckbox{
.van-checkbox__icon .van-icon{
border-color: #E9332E;
.redRadioCheckbox {
.van-checkbox__icon .van-icon {
border-color: #e9332e;
}
.van-checkbox__label{
color: #E9332E;
.van-checkbox__label {
color: #e9332e;
}
.van-radio__icon .van-icon{
border-color: #E9332E;
.van-radio__icon .van-icon {
border-color: #e9332e;
}
.van-radio__label{
color: #E9332E;
.van-radio__label {
color: #e9332e;
}
}
}

27
src/assets/sass/variables.scss
View File

@@ -1,7 +1,8 @@
//颜色
$white: #fff !default;
$green: #E9332E !default;
$green: #e9332e !default;
$red: #f56123 !default;
$red1: #ee0a24 !default;
$yellow: #f56123 !default;
$orange: #dd9c56 !default;
$gray: #b1b1b1 !default;
@@ -19,31 +20,15 @@ $font-size-xl: 18px !default;
$font-size-xll: 26px !default;
// 宽度列表
$width-list:2 8 10 12 15 18 20 35 40 41 45 50 60 70 80 86 90 100 105 110 120 130 140 150 155 160 165 180 192 200 220 240 250 260 280 300 315 325 345 350 365 400 440 445 450 550 700 1340;
$width-list: 2 8 10 12 15 18 20 35 40 41 45 50 60 70 80 86 90 100 105 110 120 130 140 150 155 160 165 180 192 200 220
240 250 260 280 300 315 325 345 350 365 400 440 445 450 550 700 1340;
// 内外边距列表
$distance-list: -25 0 1 2 5 6 7 8 9 10 12 15 20 25 30 35 40 45 50 60 70 80 86 90 100 145 150 165 185 210 250;
$distance-class-list: m,
mv,
mh,
mt,
ml,
mr,
mb,
p,
pv,
ph,
pt,
pl,
pr,
pb,
top,
left,
right,
bottom;
$distance-class-list: m, mv, mh, mt, ml, mr, mb, p, pv, ph, pt, pl, pr, pb, top, left, right, bottom;
//圆角弧度
$radius: 1 2 3 4 5 6 7 8 9 10 12 15 18 20 50 100;
//透明度
$opacity: 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9;
$opacity: 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9;

99
src/views/ebiz/institutionalPerform/DepartmentOffice.vue
View File

@@ -6,14 +6,14 @@
</template>-->
<!-- </van-nav-bar> -->
<!-- 业绩和人力 -->
<!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tab title="机构业绩排名"></van-tab>
<van-tab title="机构人力排名"></van-tab>
</van-tabs>-->
</van-tabs>
<!-- 年月日选择 -->
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
<van-tab title="实时"></van-tab>
<van-tab @click="showDatePicker=true" title="日"></van-tab>
<van-tab @click="showDatePicker = true" title="日"></van-tab>
<van-tab title="月"></van-tab>
<van-tab title="年"></van-tab>
</van-tabs>
@@ -24,21 +24,16 @@
</van-col>
<van-col class="fs14 mp2" span="9">
<span v-if="showText">截至</span>
{{timeVal}}
{{ timeVal }}
</van-col>
<van-col span="3">
<img :src="point" />
</van-col>
<van-col span="9">
<span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
<span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
</van-col>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="queryColumns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
<van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
</van-popup>
<!-- 时间选择器 -->
<!-- 日 -->
@@ -66,13 +61,7 @@
</van-popup>
<!-- 年 -->
<van-popup v-model="showYearPicker" position="bottom">
<van-picker
v-model="currentYearDate"
show-toolbar
:columns="YearColumns"
@confirm="onConfirmDate"
@cancel="showYearPicker = false"
/>
<van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
</van-popup>
<!-- /时间选择器 -->
</van-row>
@@ -93,24 +82,24 @@
<tr>
<th class="white td-1" style="width:4.3em">1</th>
<th class="td-2">合计</th>
<th>{{ysbbTotal.toFixed(2)}}</th>
<th>{{bzbfTotol.toFixed(2)}}</th>
<th>{{cbbfTotal.toFixed(2)}}</th>
<th>{{ysjsTotal}}</th>
<th>{{cbjsTotal}}</th>
<th>{{ ysbbTotal.toFixed(2) }}</th>
<th>{{ bzbfTotol.toFixed(2) }}</th>
<th>{{ cbbfTotal.toFixed(2) }}</th>
<th>{{ ysjsTotal }}</th>
<th>{{ cbjsTotal }}</th>
</tr>
<tr v-for="(item,index) in tableData" :key="index">
<td class="td-1">{{index+1}}</td>
<tr v-for="(item, index) in tableData" :key="index">
<td class="td-1">{{ index + 1 }}</td>
<td class="td-2">
<div style="width:10em">{{item.name}}</div>
<div style="width:10em">{{ item.name }}</div>
</td>
<td>{{item.ysbb}}</td>
<td>{{item.bzbf}}</td>
<td>{{item.cbbf}}</td>
<td>{{item.ysjs}}</td>
<td>{{item.cbjs}}</td>
<td>{{ item.ysbb }}</td>
<td>{{ item.bzbf }}</td>
<td>{{ item.cbbf }}</td>
<td>{{ item.ysjs }}</td>
<td>{{ item.cbjs }}</td>
<td>
<span @click="toDetail(item.code)" class="red">查看</span>
<span @click="toDetail(item.code)" class="red1">查看</span>
</td>
</tr>
</table>
@@ -131,7 +120,7 @@ export default {
components: {
// XTable,
[Tabs.name]: Tabs,
[Tab.name]: Tab,
[Tab.name]: Tab
},
data() {
return {
@@ -171,7 +160,7 @@ export default {
dateType: 'now',
dateVal: '',
curTab: '',
shitimeVal: '',
shitimeVal: ''
}
},
methods: {
@@ -190,9 +179,11 @@ export default {
return val
},
onClickMain(name) {
console.log(name)
if (name == 1) {
this.curMainType = '02'
//this.curMainType = '02'
this.$router.push({
path: '/institutionalPerform/InstitutionalManpower'
})
} else {
this.curMainType = '01'
}
@@ -224,8 +215,8 @@ export default {
query: {
manageCode: manageCode,
timeVal: this.timeVal,
showText: this.showText,
},
showText: this.showText
}
})
},
//修改月、天的格式，保持两位数显示
@@ -330,7 +321,7 @@ export default {
queryType: this.dateType,
date: this.dateVal,
//01：保费排行 02：人力排行
type: this.curMainType,
type: this.curMainType
}
// 去除对象里面是空的属性
for (var key in data) {
@@ -339,7 +330,7 @@ export default {
}
}
branchOfficeApi(data)
.then((res) => {
.then(res => {
if (res.result == 0) {
console.log(res.content.list)
$this.tableData = res.content.list
@@ -352,7 +343,7 @@ export default {
$this.ysbbTotal = 0
$this.bzbfTotol = 0
// 业绩排名的 总计计算
$this.tableData.map(function (val) {
$this.tableData.map(function(val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
@@ -364,8 +355,8 @@ export default {
console.log($this.tableData)
}
})
.catch((err) => {})
},
.catch(err => {})
}
},
created() {
setTimeout(() => {
@@ -377,11 +368,11 @@ export default {
route: {
flag: '',
extra: {
url: location.origin + '/#/institutionalPerform/BranchOffice',
},
},
},
],
url: location.origin + '/#/institutionalPerform/BranchOffice'
}
}
}
]
})
}, 1000)
},
@@ -390,19 +381,23 @@ export default {
this.timeVal = this.$route.query.timeVal || ''
this.showText = this.$route.query.showText
this.getlComPremDetil()
},
}
}
</script>
<style lang="scss">
@import '@/assets/sass/variables.scss';
.department-office-container {
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
color: #232020;
background-color: #e6e6e6;
border-right: 1px solid #8e8d8d;
&:last-child {
border-right: none !important;
}
}
.van-nav-bar .van-icon,
.van-nav-bar__text {
@@ -428,7 +423,7 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;

225
src/views/ebiz/institutionalPerform/DistrictOffice.vue
View File

@@ -1,19 +1,19 @@
<template>
<div v-cloak class="destrict-office-container">
<!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
<!-- <template #right>
<!-- <template #right>
<img @click="getlComPremDetil" :src="refreshLogo" />
</template> -->
<!-- </van-nav-bar> -->
<!-- 业绩和人力 -->
<!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tab title="机构业绩排名"></van-tab>
<van-tab title="机构人力排名"></van-tab>
</van-tabs> -->
</van-tabs>
<!-- 年月日选择 -->
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
<van-tab title="实时"></van-tab>
<van-tab @click="showDatePicker=true" title="日"></van-tab>
<van-tab @click="showDatePicker = true" title="日"></van-tab>
<van-tab title="月"></van-tab>
<van-tab title="年"></van-tab>
</van-tabs>
@@ -22,20 +22,15 @@
<van-col span="3">
<img :src="calendar" />
</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
<van-col span="3">
<img :src="point" />
</van-col>
<van-col span="9">
<span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
<span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
</van-col>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="queryColumns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
<van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
</van-popup>
<!-- 时间选择器 -->
<!-- 日 -->
@@ -63,20 +58,14 @@
</van-popup>
<!-- 年 -->
<van-popup v-model="showYearPicker" position="bottom">
<van-picker
v-model="currentYearDate"
show-toolbar
:columns="YearColumns"
@confirm="onConfirmDate"
@cancel="showYearPicker = false"
/>
<van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
</van-popup>
<!-- /时间选择器 -->
</van-row>
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
@@ -86,33 +75,33 @@
<th>预收件数</th>
<th>承保件数</th>
<th>操作</th>
</tr>
<tr>
</tr>
<tr>
<th class="td-1 white" style="width:4.3em">1</th>
<th class="td-2">合计</th>
<th>{{ysbbTotal.toFixed(2)}}</th>
<th>{{bzbfTotol.toFixed(2)}}</th>
<th>{{cbbfTotal.toFixed(2)}}</th>
<th>{{ysjsTotal}}</th>
<th>{{cbjsTotal}}</th>
</tr>
<tr v-for="(item,index) in tableData" :key="index">
<td class="td-1">{{index+1}}</td>
<td class="td-2">
<div style="width:10em">{{item.name}}</div>
</td>
<td>{{item.ysbb}}</td>
<td>{{item.bzbf}}</td>
<td>{{item.cbbf}}</td>
<td>{{item.ysjs}}</td>
<td>{{item.cbjs}}</td>
<td>
<span @click="toDetail(item.code)" class="red">查看</span>
</td>
</tr>
</table>
</div>
<th class="td-2">合计</th>
<th>{{ ysbbTotal.toFixed(2) }}</th>
<th>{{ bzbfTotol.toFixed(2) }}</th>
<th>{{ cbbfTotal.toFixed(2) }}</th>
<th>{{ ysjsTotal }}</th>
<th>{{ cbjsTotal }}</th>
</tr>
<tr v-for="(item, index) in tableData" :key="index">
<td class="td-1">{{ index + 1 }}</td>
<td class="td-2">
<div style="width:10em">{{ item.name }}</div>
</td>
<td>{{ item.ysbb }}</td>
<td>{{ item.bzbf }}</td>
<td>{{ item.cbbf }}</td>
<td>{{ item.ysjs }}</td>
<td>{{ item.cbjs }}</td>
<td>
<span @click="toDetail(item.code)" class="red1">查看</span>
</td>
</tr>
</table>
</div>
</div>
</div>
</template>
@@ -128,12 +117,12 @@ export default {
components: {
// XTable,
[Tabs.name]: Tabs,
[Tab.name]: Tab,
[Tab.name]: Tab
},
data() {
return {
//01：保费排行 02：人力排行
curMainType:"01",
//01：保费排行 02：人力排行
curMainType: '01',
YearColumns: ['2020', '2019'],
minDate: new Date(2019, 0, 1),
maxDate: new Date(2020, 10, 1),
@@ -147,8 +136,8 @@ export default {
cbjsTotal: 0,
cbbfTotal: 0,
bzbfTotal: 0,
ysbbTotal:0,
bzbfTotol:0,
ysbbTotal: 0,
bzbfTotol: 0,
tableData: [],
timeVal: '',
sortTypeText: '预收标保',
@@ -168,8 +157,8 @@ export default {
dateType: 'now',
dateVal: '',
curTab: '',
shitimeVal:"",
showText:true
shitimeVal: '',
showText: true
}
},
methods: {
@@ -188,9 +177,11 @@ export default {
return val
},
onClickMain(name) {
console.log(name)
if (name == 1) {
this.curMainType = '02'
//this.curMainType = '02'
this.$router.push({
path: '/institutionalPerform/InstitutionalManpower'
})
} else {
this.curMainType = '01'
}
@@ -202,18 +193,18 @@ export default {
this.showDatePicker = true
} else if (name == 2) {
this.showMonthPicker = true
} else if(name == 3) {
} else if (name == 3) {
this.showYearPicker = true
} else {
// "截至"文字显示出来
this.showText=true
this.showText = true
// 实时的时候date清空
this.dateType = 'now'
this.dateVal = ''
// 左侧时间实时赋值
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
// 调接口
this.getlComPremDetil()
this.getlComPremDetil()
}
},
toDetail(manageCode) {
@@ -221,9 +212,9 @@ export default {
path: '/institutionalPerform/regionalOffice',
query: {
manageCode: manageCode,
timeVal:this.timeVal,
showText:this.showText
},
timeVal: this.timeVal,
showText: this.showText
}
})
},
//修改月、天的格式，保持两位数显示
@@ -255,7 +246,7 @@ export default {
// 一直在获取时间
this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
// 存页面上值得一个变量
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
},
dateFormat(time) {
// 时间格式化 2019-09-08
@@ -265,8 +256,8 @@ export default {
return year + '-' + this.add0(month) + '-' + this.add0(day)
},
onConfirmDate(value, index) {
// 点击确定那么文字“截至”就隐藏
this.showText=false;
// 点击确定那么文字“截至”就隐藏
this.showText = false
if (this.curTab == 1) {
// now：当前 y:年 m:月 d:日
// 日
@@ -274,24 +265,21 @@ export default {
this.dateVal = this.dateFormat(this.currentDate)
console.log(this.dateVal)
// 左侧时间实时赋值
this.timeVal=this.dateVal
this.timeVal = this.dateVal
} else if (this.curTab == 2) {
// 月
this.dateType = 'm'
this.dateVal = this.dateFormat(this.currentMonthDate)
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,7)
this.timeVal = this.dateVal.substring(0, 7)
} else if (this.curTab == 3) {
// 年
this.dateType = 'y'
this.dateVal = value+'-' + '01' + '-' + '01'
this.dateVal = value + '-' + '01' + '-' + '01'
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,4)
this.timeVal = this.dateVal.substring(0, 4)
}
this.showDatePicker=false,
this.showMonthPicker=false,
this.showYearPicker= false,
this.getlComPremDetil()
;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
},
onConfirm(value, index) {
this.sortTypeText = value
@@ -317,19 +305,19 @@ export default {
this.getlComPremDetil()
},
onBack() {
this.$router.go(-1);
this.$router.go(-1)
},
//获取列表
getlComPremDetil() {
let $this = this
let data = {
manageCode: this.$route.query.manageCode,
manageLv: "04",
manageLv: '04',
sortType: this.sortType,
queryType: this.dateType,
date: this.dateVal,
//01：保费排行 02：人力排行
type: this.curMainType,
//01：保费排行 02：人力排行
type: this.curMainType
}
// 去除对象里面是空的属性
for (var key in data) {
@@ -338,7 +326,7 @@ export default {
}
}
branchOfficeApi(data)
.then((res) => {
.then(res => {
if (res.result == 0) {
console.log(res.content.list)
$this.tableData = res.content.list
@@ -348,12 +336,12 @@ export default {
$this.cbjsTotal = 0
$this.cbbfTotal = 0
$this.bzbfTotal = 0
$this.ysbbTotal =0
$this.bzbfTotol=0
$this.ysbbTotal = 0
$this.bzbfTotol = 0
// 业绩排名的 总计计算
$this.tableData.map(function (val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.tableData.map(function(val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
$this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
$this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -363,10 +351,10 @@ export default {
console.log($this.tableData)
}
})
.catch((err) => {})
},
.catch(err => {})
}
},
created() {
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_right_button', {
@@ -376,34 +364,38 @@ export default {
route: {
flag: '',
extra: {
url: location.origin + '/#/institutionalPerform/BranchOffice',
},
},
},
],
url: location.origin + '/#/institutionalPerform/BranchOffice'
}
}
}
]
})
}, 1000)
},
mounted() {
setInterval(this.getCurrentDate(), 1000 * 60)
this.getlComPremDetil()
this.timeVal=this.$route.query.timeVal||""
console.log(this.timeVal)
this.showText=this.$route.query.showText
},
this.timeVal = this.$route.query.timeVal || ''
console.log(this.timeVal)
this.showText = this.$route.query.showText
}
}
</script>
<style lang="scss">
@import '@/assets/sass/variables.scss';
.destrict-office-container {
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
color: #232020;
background-color: #e6e6e6;
border-right: 1px solid #8e8d8d;
&:last-child {
border-right: none !important;
}
}
.van-nav-bar .van-icon,
.van-nav-bar__text {
@@ -429,7 +421,7 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;
@@ -458,25 +450,26 @@ export default {
background-color: transparent;
}
// 固定表头
td,th{
/* color: #333;
td,
th {
/* color: #333;
font-size: 14px;
border-right: 1px solid #333;
line-height: 30px; */
/* box-sizing: border-box; */
background: #fff;
}
.layer-box{
width: 100%;
overflow: hidden;
position: relative;
}
.layer{
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
/* box-sizing: border-box; */
background: #fff;
}
.layer-box {
width: 100%;
overflow: hidden;
position: relative;
}
.layer {
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;

219
src/views/ebiz/institutionalPerform/GroupOffice.vue
View File

@@ -1,19 +1,19 @@
<template>
<div v-cloak class="group-office-container">
<!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
<!-- <template #right>
<!-- <template #right>
<img @click="getlComPremDetil" :src="refreshLogo" />
</template> -->
<!-- </van-nav-bar> -->
<!-- 业绩和人力 -->
<!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tab title="机构业绩排名"></van-tab>
<van-tab title="机构人力排名"></van-tab>
</van-tabs> -->
</van-tabs>
<!-- 年月日选择 -->
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
<van-tab title="实时"></van-tab>
<van-tab @click="showDatePicker=true" title="日"></van-tab>
<van-tab @click="showDatePicker = true" title="日"></van-tab>
<van-tab title="月"></van-tab>
<van-tab title="年"></van-tab>
</van-tabs>
@@ -22,20 +22,15 @@
<van-col span="3">
<img :src="calendar" />
</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
<van-col span="3">
<img :src="point" />
</van-col>
<van-col span="9">
<span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
<span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
</van-col>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="queryColumns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
<van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
</van-popup>
<!-- 时间选择器 -->
<!-- 日 -->
@@ -63,20 +58,14 @@
</van-popup>
<!-- 年 -->
<van-popup v-model="showYearPicker" position="bottom">
<van-picker
v-model="currentYearDate"
show-toolbar
:columns="YearColumns"
@confirm="onConfirmDate"
@cancel="showYearPicker = false"
/>
<van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
</van-popup>
<!-- /时间选择器 -->
</van-row>
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
@@ -86,32 +75,32 @@
<th>预收件数</th>
<th>承保件数</th>
<th>操作</th>
</tr>
<tr>
<th class="td-1 white" style="width:4.3em">1</th>
<th class="td-2">合计</th>
<th>{{ysbbTotal.toFixed(2)}}</th>
<th>{{bzbfTotol.toFixed(2)}}</th>
<th>{{cbbfTotal.toFixed(2)}}</th>
<th>{{ysjsTotal}}</th>
<th>{{cbjsTotal}}</th>
</tr>
<tr v-for="(item,index) in tableData" :key="index">
<td class="td-1">{{index+1}}</td>
<td class="td-2">
<div style="width:10em">{{item.name}}</div>
</td>
<td>{{item.ysbb}}</td>
<td>{{item.bzbf}}</td>
<td>{{item.cbbf}}</td>
<td>{{item.ysjs}}</td>
<td>{{item.cbjs}}</td>
<td>
<span @click="toDetail(item.code)" class="red">查看</span>
</td>
</tr>
</table>
</div>
</tr>
<tr>
<th class="td-1 white" style="width:4.3em">1</th>
<th class="td-2">合计</th>
<th>{{ ysbbTotal.toFixed(2) }}</th>
<th>{{ bzbfTotol.toFixed(2) }}</th>
<th>{{ cbbfTotal.toFixed(2) }}</th>
<th>{{ ysjsTotal }}</th>
<th>{{ cbjsTotal }}</th>
</tr>
<tr v-for="(item, index) in tableData" :key="index">
<td class="td-1">{{ index + 1 }}</td>
<td class="td-2">
<div style="width:10em">{{ item.name }}</div>
</td>
<td>{{ item.ysbb }}</td>
<td>{{ item.bzbf }}</td>
<td>{{ item.cbbf }}</td>
<td>{{ item.ysjs }}</td>
<td>{{ item.cbjs }}</td>
<td>
<span @click="toDetail(item.code)" class="red1">查看</span>
</td>
</tr>
</table>
</div>
</div>
</div>
</template>
@@ -128,12 +117,12 @@ export default {
components: {
// XTable,
[Tabs.name]: Tabs,
[Tab.name]: Tab,
[Tab.name]: Tab
},
data() {
return {
curMainType:"01",
showText:true,
curMainType: '01',
showText: true,
YearColumns: ['2020', '2019'],
minDate: new Date(2019, 0, 1),
maxDate: new Date(2020, 10, 1),
@@ -142,8 +131,8 @@ export default {
currentDate: new Date(),
sortType: '1',
// 总和
ysbbTotal:0,
bzbfTotol:0,
ysbbTotal: 0,
bzbfTotol: 0,
ysjsTotal: 0,
ysbbTotol: 0,
cbjsTotal: 0,
@@ -168,7 +157,7 @@ export default {
dateType: 'now',
dateVal: '',
curTab: '',
shitimeVal:""
shitimeVal: ''
}
},
methods: {
@@ -187,9 +176,11 @@ export default {
return val
},
onClickMain(name) {
console.log(name)
if (name == 1) {
this.curMainType = '02'
//this.curMainType = '02'
this.$router.push({
path: '/institutionalPerform/InstitutionalManpower'
})
} else {
this.curMainType = '01'
}
@@ -201,18 +192,18 @@ export default {
this.showDatePicker = true
} else if (name == 2) {
this.showMonthPicker = true
} else if(name == 3) {
} else if (name == 3) {
this.showYearPicker = true
} else {
// "截至"文字显示出来
this.showText=true
this.showText = true
// 实时的时候date清空
this.dateType = 'now'
this.dateVal = ''
// 左侧时间实时赋值
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
// 调接口
this.getlComPremDetil()
this.getlComPremDetil()
}
},
toDetail(manageCode) {
@@ -220,9 +211,9 @@ export default {
path: '/institutionalPerform/personalOffice',
query: {
manageCode: manageCode,
timeVal:this.timeVal,
showText:this.showText
},
timeVal: this.timeVal,
showText: this.showText
}
})
},
//修改月、天的格式，保持两位数显示
@@ -254,7 +245,7 @@ export default {
// 一直在获取时间
this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
// 存页面上值得一个变量
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
},
dateFormat(time) {
// 时间格式化 2019-09-08
@@ -264,8 +255,8 @@ export default {
return year + '-' + this.add0(month) + '-' + this.add0(day)
},
onConfirmDate(value, index) {
// 点击确定那么文字“截至”就隐藏
this.showText=false;
// 点击确定那么文字“截至”就隐藏
this.showText = false
console.log(this.curTab)
console.log(value)
if (this.curTab == 1) {
@@ -275,24 +266,21 @@ export default {
this.dateVal = this.dateFormat(this.currentDate)
console.log(this.dateVal)
// 左侧时间实时赋值
this.timeVal=this.dateVal
this.timeVal = this.dateVal
} else if (this.curTab == 2) {
// 月
this.dateType = 'm'
this.dateVal = this.dateFormat(this.currentMonthDate)
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,7)
this.timeVal = this.dateVal.substring(0, 7)
} else if (this.curTab == 3) {
// 年
this.dateType = 'y'
this.dateVal = value+'-' + '01' + '-' + '01'
this.dateVal = value + '-' + '01' + '-' + '01'
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,4)
this.timeVal = this.dateVal.substring(0, 4)
}
this.showDatePicker=false,
this.showMonthPicker=false,
this.showYearPicker= false,
this.getlComPremDetil()
;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
},
onConfirm(value, index) {
this.sortTypeText = value
@@ -318,19 +306,19 @@ export default {
this.getlComPremDetil()
},
onBack() {
this.$router.go(-1);
this.$router.go(-1)
},
//获取列表
getlComPremDetil() {
let $this = this
let data = {
manageCode: this.$route.query.manageCode,
manageLv: "07",
manageLv: '07',
sortType: this.sortType,
queryType: this.dateType,
date: this.dateVal,
//01：保费排行 02：人力排行
type: this.curMainType,
//01：保费排行 02：人力排行
type: this.curMainType
}
// 去除对象里面是空的属性
for (var key in data) {
@@ -339,7 +327,7 @@ export default {
}
}
branchOfficeApi(data)
.then((res) => {
.then(res => {
if (res.result == 0) {
console.log(res.content.list)
$this.tableData = res.content.list
@@ -349,12 +337,12 @@ export default {
$this.cbjsTotal = 0
$this.cbbfTotal = 0
$this.bzbfTotal = 0
$this.ysbbTotal =0
$this.bzbfTotol=0
$this.ysbbTotal = 0
$this.bzbfTotol = 0
// 业绩排名的 总计计算
$this.tableData.map(function (val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.tableData.map(function(val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
$this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
$this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -364,10 +352,10 @@ export default {
console.log($this.tableData)
}
})
.catch((err) => {})
},
.catch(err => {})
}
},
created() {
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_right_button', {
@@ -377,32 +365,36 @@ export default {
route: {
flag: '',
extra: {
url: location.origin + '/#/institutionalPerform/BranchOffice',
},
},
},
],
url: location.origin + '/#/institutionalPerform/BranchOffice'
}
}
}
]
})
}, 1000)
},
mounted() {
setInterval(this.getCurrentDate(), 1000 * 60)
this.timeVal=this.$route.query.timeVal||""
this.showText=this.$route.query.showText
this.timeVal = this.$route.query.timeVal || ''
this.showText = this.$route.query.showText
this.getlComPremDetil()
},
}
}
</script>
<style lang="scss">
@import '@/assets/sass/variables.scss';
.group-office-container {
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
color: #232020;
background-color: #e6e6e6;
border-right: 1px solid #8e8d8d;
&:last-child {
border-right: none !important;
}
}
.van-nav-bar .van-icon,
.van-nav-bar__text {
@@ -428,7 +420,7 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;
@@ -457,25 +449,26 @@ export default {
background-color: transparent;
}
// 固定表头
td,th{
/* color: #333;
td,
th {
/* color: #333;
font-size: 14px;
border-right: 1px solid #333;
line-height: 30px; */
/* box-sizing: border-box; */
background: #fff;
}
.layer-box{
width: 100%;
overflow: hidden;
position: relative;
}
.layer{
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
/* box-sizing: border-box; */
background: #fff;
}
.layer-box {
width: 100%;
overflow: hidden;
position: relative;
}
.layer {
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;

88
src/views/ebiz/institutionalPerform/InstitutionalManpower/index.vue
View File

@@ -1,9 +1,9 @@
<template>
<div v-cloak class="under-office-container">
<van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
<div v-cloak class="container">
<!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
<template #right>
<img @click="getlComPremDetil" :src="refreshLogo" />
</template>
</template> -->
</van-nav-bar>
<!-- 业绩和人力 -->
<van-tabs @click="onClickMain" v-model="active" type="card" class="p0 title">
@@ -13,9 +13,9 @@
<Selectors @getDateVal="getDateVal" @getSortType="getSortType" :queryColumns="queryColumns"></Selectors>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<table class="fs14" style="table-layout:fixed">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-1" style="height: 1.3em;">排名</th>
<th class="td-2">机构</th>
<th>{{ queryColumns[0] }}</th>
<th>{{ queryColumns[1] }}</th>
@@ -24,25 +24,25 @@
<th>{{ queryColumns[3] }}</th>
<th v-if="manageLv != '07'">操作</th>
</tr>
<tr>
<th class="td-1 white" style="width:3em">1</th>
<th class="td-2">合计</th>
<th>{{ items[0] }}</th>
<th>{{ items[1] }}</th>
<th>{{ items[2] }}</th>
<th>{{ items[3] }}</th>
<tr >
<td class="td-1 white" style="width:3em;height: 1.3em;">1</td>
<td class="td-2">合计</td>
<td>{{ items[0] }}</td>
<td>{{ items[1] }}</td>
<td>{{ items[2] }}</td>
<td>{{ items[3] }}</td>
</tr>
<tr v-for="(item, index) in tableData" :key="index">
<td class="td-1">{{ index + 1 }}</td>
<td class="td-2">
<td >
<div style="width:10em">{{ item.name }}</div>
</td>
<td>{{ item.hdrl }}</td>
<td>{{ item.hgrl }}</td>
<td>{{ item.ggrl }}</td>
<td>{{ item.xzrl }}</td>
<td>
<span v-if="manageLv != '07'" @click="toDetail(item.code)" class="red">查看</span>
<td v-if="manageLv != '07'">
<span @click="toDetail(item.code)" class="red1">查看</span>
</td>
</tr>
</table>
@@ -133,18 +133,14 @@ export default {
},
toDetail(manageCode) {
// this.$router.push({
// path: '/institutionalPerform/serviceDepartOffice',
// query: {
// manageCode: manageCode,
// timeVal: this.timeVal,
// showText: this.showText
// }
// })
if (!this.manageLv) this.manageLv = 1
this.manageLv = '0' + (Number(this.manageLv) + 1)
this.manageCode = manageCode
this.getlComPremDetil()
document.querySelector('.layer').scrollTo(0, 0);//重置滚动条
},
getCurrentDate() {
@@ -194,7 +190,7 @@ export default {
manageLv: this.manageLv,
manageCode: this.manageCode,
sortType: this.sortType,
date: '2020-07-31', //this.dateVal
date: this.dateVal, // 2020-07-31
type: this.curMainType
}
// 去除对象里面是空的属性
@@ -246,20 +242,27 @@ export default {
}
</script>
<style lang="scss">
@import './css/InstitutionalManpower';
.under-office-container {
.oneTab .van-tabs__nav--card .van-tab {
@import '@/assets/sass/variables.scss';
.container {
.van-row{
line-height: 25px;
}
.van-tabs__nav--card .van-tab {
background-color: #fff;
border-right: 1px solid #fff;
}
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
color: #232020;
background-color: #e6e6e6;
border-right: 1px solid #8e8d8d;
&:last-child {
border-right: none !important;
}
}
.van-nav-bar .van-icon,
.van-nav-bar__text {
@@ -277,6 +280,18 @@ export default {
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
table .title th {
padding: 5px 10px;
}
table td {
text-align: center;
padding: 5px 10px;
}
table .title th {
color: #fff;
@@ -285,22 +300,13 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
border-top: 0;
border-left: 0;
border-right: 0;
}
table td {
text-align: center;
border-width: 1px;
padding: 8px;
// border-style: solid;
// border-color: #666666;
background-color: #ffffff;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;
}
table {
border: 0;
}
@@ -334,7 +340,7 @@ export default {
overflow-x: scroll;
}
.td-1 {
position: absolute;
/* position: absolute; */
padding: 2.13333vw;
left: 0;
z-index: 2;

205
src/views/ebiz/institutionalPerform/PersonalOffice.vue
View File

@@ -1,19 +1,19 @@
<template>
<div v-cloak class="personal-office-container">
<!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
<!-- <template #right>
<!-- <template #right>
<img @click="getlComPremDetil" :src="refreshLogo" />
</template> -->
<!-- </van-nav-bar> -->
<!-- 业绩和人力 -->
<!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tab title="机构业绩排名"></van-tab>
<van-tab title="机构人力排名"></van-tab>
</van-tabs> -->
</van-tabs>
<!-- 年月日选择 -->
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
<van-tab title="实时"></van-tab>
<van-tab @click="showDatePicker=true" title="日"></van-tab>
<van-tab @click="showDatePicker = true" title="日"></van-tab>
<van-tab title="月"></van-tab>
<van-tab title="年"></van-tab>
</van-tabs>
@@ -22,20 +22,15 @@
<van-col span="3">
<img :src="calendar" />
</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
<van-col span="3">
<img :src="point" />
</van-col>
<van-col span="9">
<span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
<span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
</van-col>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="queryColumns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
<van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
</van-popup>
<!-- 时间选择器 -->
<!-- 日 -->
@@ -63,20 +58,14 @@
</van-popup>
<!-- 年 -->
<van-popup v-model="showYearPicker" position="bottom">
<van-picker
v-model="currentYearDate"
show-toolbar
:columns="YearColumns"
@confirm="onConfirmDate"
@cancel="showYearPicker = false"
/>
<van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
</van-popup>
<!-- /时间选择器 -->
</van-row>
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
@@ -85,29 +74,29 @@
<th>承保保费</th>
<th>预收件数</th>
<th>承保件数</th>
</tr>
<tr>
</tr>
<tr>
<th class="td-1 white" style="width:4.3em">1</th>
<th class="td-2">合计</th>
<th>{{ysbbTotal.toFixed(2)}}</th>
<th>{{bzbfTotol.toFixed(2)}}</th>
<th>{{cbbfTotal.toFixed(2)}}</th>
<th>{{ysjsTotal}}</th>
<th>{{cbjsTotal}}</th>
</tr>
<tr v-for="(item,index) in tableData" :key="index">
<td class="td-1">{{index+1}}</td>
<td class="td-2">
<div style="width:10em">{{item.name}}</div>
</td>
<td>{{item.ysbb}}</td>
<td>{{item.bzbf}}</td>
<td>{{item.cbbf}}</td>
<td>{{item.ysjs}}</td>
<td>{{item.cbjs}}</td>
</tr>
</table>
</div>
<th class="td-2">合计</th>
<th>{{ ysbbTotal.toFixed(2) }}</th>
<th>{{ bzbfTotol.toFixed(2) }}</th>
<th>{{ cbbfTotal.toFixed(2) }}</th>
<th>{{ ysjsTotal }}</th>
<th>{{ cbjsTotal }}</th>
</tr>
<tr v-for="(item, index) in tableData" :key="index">
<td class="td-1">{{ index + 1 }}</td>
<td class="td-2">
<div style="width:10em">{{ item.name }}</div>
</td>
<td>{{ item.ysbb }}</td>
<td>{{ item.bzbf }}</td>
<td>{{ item.cbbf }}</td>
<td>{{ item.ysjs }}</td>
<td>{{ item.cbjs }}</td>
</tr>
</table>
</div>
</div>
</div>
</template>
@@ -124,11 +113,11 @@ export default {
components: {
// XTable,
[Tabs.name]: Tabs,
[Tab.name]: Tab,
[Tab.name]: Tab
},
data() {
return {
showText:true,
showText: true,
YearColumns: ['2020', '2019'],
minDate: new Date(2019, 0, 1),
maxDate: new Date(2020, 10, 1),
@@ -143,8 +132,8 @@ export default {
cbbfTotal: 0,
bzbfTotal: 0,
tableData: [],
ysbbTotal:0,
bzbfTotol:0,
ysbbTotal: 0,
bzbfTotol: 0,
timeVal: '',
sortTypeText: '预收标保',
queryColumns: ['预收件数', '预收标保', '承保件数', '承保标保', '承保标保'],
@@ -163,8 +152,8 @@ export default {
dateType: 'now',
dateVal: '',
curTab: '',
shitimeVal:"",
curMainType:"01"
shitimeVal: '',
curMainType: '01'
}
},
methods: {
@@ -183,9 +172,11 @@ export default {
return val
},
onClickMain(name) {
console.log(name)
if (name == 1) {
this.curMainType = '02'
//this.curMainType = '02'
this.$router.push({
path: '/institutionalPerform/InstitutionalManpower'
})
} else {
this.curMainType = '01'
}
@@ -197,21 +188,21 @@ export default {
this.showDatePicker = true
} else if (name == 2) {
this.showMonthPicker = true
} else if(name == 3) {
} else if (name == 3) {
this.showYearPicker = true
} else {
// "截至"文字显示出来
this.showText=true
this.showText = true
// 实时的时候date清空
this.dateType = 'now'
this.dateVal = ''
// 左侧时间实时赋值
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
// 调接口
this.getlComPremDetil()
this.getlComPremDetil()
}
},
//修改月、天的格式，保持两位数显示
add0(m) {
return m < 10 ? '0' + m : m
@@ -241,7 +232,7 @@ export default {
// 一直在获取时间
this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
// 存页面上值得一个变量
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
},
dateFormat(time) {
// 时间格式化 2019-09-08
@@ -252,7 +243,7 @@ export default {
},
onConfirmDate(value, index) {
// 点击确定那么文字“截至”就隐藏
this.showText=false;
this.showText = false
if (this.curTab == 1) {
// now：当前 y:年 m:月 d:日
// 日
@@ -260,24 +251,21 @@ export default {
this.dateVal = this.dateFormat(this.currentDate)
console.log(this.dateVal)
// 左侧时间实时赋值
this.timeVal=this.dateVal
this.timeVal = this.dateVal
} else if (this.curTab == 2) {
// 月
this.dateType = 'm'
this.dateVal = this.dateFormat(this.currentMonthDate)
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,7)
this.timeVal = this.dateVal.substring(0, 7)
} else if (this.curTab == 3) {
// 年
this.dateType = 'y'
this.dateVal = value+'-' + '01' + '-' + '01'
this.dateVal = value + '-' + '01' + '-' + '01'
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,4)
this.timeVal = this.dateVal.substring(0, 4)
}
this.showDatePicker=false,
this.showMonthPicker=false,
this.showYearPicker= false,
this.getlComPremDetil()
;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
},
onConfirm(value, index) {
this.sortTypeText = value
@@ -303,19 +291,19 @@ export default {
this.getlComPremDetil()
},
onBack() {
this.$router.go(-1);
this.$router.go(-1)
},
//获取列表
getlComPremDetil() {
let $this = this
let data = {
manageCode: this.$route.query.manageCode,
manageLv: "08",
manageLv: '08',
sortType: this.sortType,
queryType: this.dateType,
date: this.dateVal,
//01：保费排行 02：人力排行
type: this.curMainType,
//01：保费排行 02：人力排行
type: this.curMainType
}
// 去除对象里面是空的属性
for (var key in data) {
@@ -324,7 +312,7 @@ export default {
}
}
branchOfficeApi(data)
.then((res) => {
.then(res => {
if (res.result == 0) {
console.log(res.content.list)
$this.tableData = res.content.list
@@ -334,12 +322,12 @@ export default {
$this.cbjsTotal = 0
$this.cbbfTotal = 0
$this.bzbfTotal = 0
$this.ysbbTotal =0
$this.bzbfTotol=0
$this.ysbbTotal = 0
$this.bzbfTotol = 0
// 业绩排名的 总计计算
$this.tableData.map(function (val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.tableData.map(function(val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
$this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
$this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -349,10 +337,10 @@ export default {
console.log($this.tableData)
}
})
.catch((err) => {})
},
.catch(err => {})
}
},
created() {
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_right_button', {
@@ -362,32 +350,36 @@ export default {
route: {
flag: '',
extra: {
url: location.origin + '/#/institutionalPerform/BranchOffice',
},
},
},
],
url: location.origin + '/#/institutionalPerform/BranchOffice'
}
}
}
]
})
}, 1000)
},
mounted() {
setInterval(this.getCurrentDate(), 1000 * 60)
this.timeVal=this.$route.query.timeVal||""
this.showText=this.$route.query.showText
this.timeVal = this.$route.query.timeVal || ''
this.showText = this.$route.query.showText
this.getlComPremDetil()
},
}
}
</script>
<style lang="scss">
@import '@/assets/sass/variables.scss';
.personal-office-container {
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
color: #232020;
background-color: #e6e6e6;
border-right: 1px solid #8e8d8d;
&:last-child {
border-right: none !important;
}
}
.van-nav-bar .van-icon,
.van-nav-bar__text {
@@ -413,7 +405,7 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;
@@ -442,25 +434,26 @@ export default {
background-color: transparent;
}
// 固定表头
td,th{
/* color: #333;
td,
th {
/* color: #333;
font-size: 14px;
border-right: 1px solid #333;
line-height: 30px; */
/* box-sizing: border-box; */
background: #fff;
}
.layer-box{
width: 100%;
overflow: hidden;
position: relative;
}
.layer{
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
/* box-sizing: border-box; */
background: #fff;
}
.layer-box {
width: 100%;
overflow: hidden;
position: relative;
}
.layer {
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;

215
src/views/ebiz/institutionalPerform/RegionalOffice.vue
View File

@@ -1,19 +1,19 @@
<template>
<div v-cloak class="regional-office-container">
<!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
<!-- <template #right>
<!-- <template #right>
<img @click="getlComPremDetil" :src="refreshLogo" />
</template> -->
<!-- </van-nav-bar> -->
<!-- 业绩和人力 -->
<!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tab title="机构业绩排名"></van-tab>
<van-tab title="机构人力排名"></van-tab>
</van-tabs> -->
</van-tabs>
<!-- 年月日选择 -->
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
<van-tab title="实时"></van-tab>
<van-tab @click="showDatePicker=true" title="日"></van-tab>
<van-tab @click="showDatePicker = true" title="日"></van-tab>
<van-tab title="月"></van-tab>
<van-tab title="年"></van-tab>
</van-tabs>
@@ -22,20 +22,15 @@
<van-col span="3">
<img :src="calendar" />
</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
<van-col span="3">
<img :src="point" />
</van-col>
<van-col span="9">
<span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
<span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
</van-col>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="queryColumns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
<van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
</van-popup>
<!-- 时间选择器 -->
<!-- 日 -->
@@ -63,20 +58,14 @@
</van-popup>
<!-- 年 -->
<van-popup v-model="showYearPicker" position="bottom">
<van-picker
v-model="currentYearDate"
show-toolbar
:columns="YearColumns"
@confirm="onConfirmDate"
@cancel="showYearPicker = false"
/>
<van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
</van-popup>
<!-- /时间选择器 -->
</van-row>
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
@@ -86,32 +75,32 @@
<th>预收件数</th>
<th>承保件数</th>
<th>操作</th>
</tr>
<tr>
</tr>
<tr>
<th class="td-1 white" style="width:4.3em">1</th>
<th class="td-2">合计</th>
<th>{{ysbbTotal.toFixed(2)}}</th>
<th>{{bzbfTotol.toFixed(2)}}</th>
<th>{{cbbfTotal.toFixed(2)}}</th>
<th>{{ysjsTotal}}</th>
<th>{{cbjsTotal}}</th>
</tr>
<tr v-for="(item,index) in tableData" :key="index">
<td class="td-1">{{index+1}}</td>
<td class="td-2">
<div style="width:10em">{{item.name}}</div>
</td>
<td>{{item.ysbb}}</td>
<td>{{item.bzbf}}</td>
<td>{{item.cbbf}}</td>
<td>{{item.ysjs}}</td>
<td>{{item.cbjs}}</td>
<td>
<span @click="toDetail(item.code)" class="red">查看</span>
</td>
</tr>
</table>
</div>
<th class="td-2">合计</th>
<th>{{ ysbbTotal.toFixed(2) }}</th>
<th>{{ bzbfTotol.toFixed(2) }}</th>
<th>{{ cbbfTotal.toFixed(2) }}</th>
<th>{{ ysjsTotal }}</th>
<th>{{ cbjsTotal }}</th>
</tr>
<tr v-for="(item, index) in tableData" :key="index">
<td class="td-1">{{ index + 1 }}</td>
<td class="td-2">
<div style="width:10em">{{ item.name }}</div>
</td>
<td>{{ item.ysbb }}</td>
<td>{{ item.bzbf }}</td>
<td>{{ item.cbbf }}</td>
<td>{{ item.ysjs }}</td>
<td>{{ item.cbjs }}</td>
<td>
<span @click="toDetail(item.code)" class="red1">查看</span>
</td>
</tr>
</table>
</div>
</div>
</div>
</template>
@@ -128,12 +117,12 @@ export default {
components: {
// XTable,
[Tabs.name]: Tabs,
[Tab.name]: Tab,
[Tab.name]: Tab
},
data() {
return {
curMainType:"01",
showText:true,
curMainType: '01',
showText: true,
YearColumns: ['2020', '2019'],
minDate: new Date(2019, 0, 1),
maxDate: new Date(2020, 10, 1),
@@ -148,8 +137,8 @@ export default {
cbbfTotal: 0,
bzbfTotal: 0,
tableData: [],
ysbbTotal:0,
bzbfTotol:0,
ysbbTotal: 0,
bzbfTotol: 0,
timeVal: '',
sortTypeText: '预收标保',
queryColumns: ['预收件数', '预收标保', '承保件数', '承保标保', '承保标保'],
@@ -168,7 +157,7 @@ export default {
dateType: 'now',
dateVal: '',
curTab: '',
shitimeVal:""
shitimeVal: ''
}
},
methods: {
@@ -186,10 +175,12 @@ export default {
}
return val
},
onClickMain(name) {
console.log(name)
onClickMain(name) {
if (name == 1) {
this.curMainType = '02'
//this.curMainType = '02'
this.$router.push({
path: '/institutionalPerform/InstitutionalManpower'
})
} else {
this.curMainType = '01'
}
@@ -201,18 +192,18 @@ export default {
this.showDatePicker = true
} else if (name == 2) {
this.showMonthPicker = true
} else if(name == 3) {
} else if (name == 3) {
this.showYearPicker = true
} else {
// "截至"文字显示出来
this.showText=true
this.showText = true
// 实时的时候date清空
this.dateType = 'now'
this.dateVal = ''
// 左侧时间实时赋值
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
// 调接口
this.getlComPremDetil()
this.getlComPremDetil()
}
},
toDetail(manageCode) {
@@ -220,9 +211,9 @@ export default {
path: '/institutionalPerform/departmentOffice',
query: {
manageCode: manageCode,
timeVal:this.timeVal,
showText:this.showText
},
timeVal: this.timeVal,
showText: this.showText
}
})
},
//修改月、天的格式，保持两位数显示
@@ -254,7 +245,7 @@ export default {
// 一直在获取时间
this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
// 存页面上值得一个变量
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
},
dateFormat(time) {
// 时间格式化 2019-09-08
@@ -265,7 +256,7 @@ export default {
},
onConfirmDate(value, index) {
// 点击确定那么文字“截至”就隐藏
this.showText=false;
this.showText = false
console.log(this.curTab)
console.log(value)
if (this.curTab == 1) {
@@ -275,24 +266,21 @@ export default {
this.dateVal = this.dateFormat(this.currentDate)
console.log(this.dateVal)
// 左侧时间实时赋值
this.timeVal=this.dateVal
this.timeVal = this.dateVal
} else if (this.curTab == 2) {
// 月
this.dateType = 'm'
this.dateVal = this.dateFormat(this.currentMonthDate)
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,7)
this.timeVal = this.dateVal.substring(0, 7)
} else if (this.curTab == 3) {
// 年
this.dateType = 'y'
this.dateVal = value+'-' + '01' + '-' + '01'
this.dateVal = value + '-' + '01' + '-' + '01'
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,4)
this.timeVal = this.dateVal.substring(0, 4)
}
this.showDatePicker=false,
this.showMonthPicker=false,
this.showYearPicker= false,
this.getlComPremDetil()
;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
},
onConfirm(value, index) {
this.sortTypeText = value
@@ -318,18 +306,18 @@ export default {
this.getlComPremDetil()
},
onBack() {
this.$router.go(-1);
this.$router.go(-1)
},
//获取列表
getlComPremDetil() {
let $this = this
let data = {
manageCode: this.$route.query.manageCode,
manageLv: "05",
manageLv: '05',
sortType: this.sortType,
queryType: this.dateType,
date: this.dateVal,
//01：保费排行 02：人力排行
//01：保费排行 02：人力排行
type: this.curMainType
}
// 去除对象里面是空的属性
@@ -339,7 +327,7 @@ export default {
}
}
branchOfficeApi(data)
.then((res) => {
.then(res => {
if (res.result == 0) {
console.log(res.content.list)
$this.tableData = res.content.list
@@ -349,12 +337,12 @@ export default {
$this.cbjsTotal = 0
$this.cbbfTotal = 0
$this.bzbfTotal = 0
$this.ysbbTotal =0
$this.bzbfTotol=0
$this.ysbbTotal = 0
$this.bzbfTotol = 0
// 业绩排名的 总计计算
$this.tableData.map(function (val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.tableData.map(function(val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
$this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
$this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -364,10 +352,10 @@ export default {
console.log($this.tableData)
}
})
.catch((err) => {})
},
.catch(err => {})
}
},
created() {
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_right_button', {
@@ -377,32 +365,36 @@ export default {
route: {
flag: '',
extra: {
url: location.origin + '/#/institutionalPerform/BranchOffice',
},
},
},
],
url: location.origin + '/#/institutionalPerform/BranchOffice'
}
}
}
]
})
}, 1000)
},
mounted() {
setInterval(this.getCurrentDate(), 1000 * 60)
this.timeVal=this.$route.query.timeVal||""
this.showText=this.$route.query.showText
this.timeVal = this.$route.query.timeVal || ''
this.showText = this.$route.query.showText
this.getlComPremDetil()
},
}
}
</script>
<style lang="scss">
@import '@/assets/sass/variables.scss';
.regional-office-container {
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
color: #232020;
background-color: #e6e6e6;
border-right: 1px solid #8e8d8d;
&:last-child {
border-right: none !important;
}
}
.van-nav-bar .van-icon,
.van-nav-bar__text {
@@ -428,7 +420,7 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;
@@ -457,25 +449,26 @@ export default {
background-color: transparent;
}
// 固定表头
td,th{
/* color: #333;
td,
th {
/* color: #333;
font-size: 14px;
border-right: 1px solid #333;
line-height: 30px; */
/* box-sizing: border-box; */
background: #fff;
}
.layer-box{
width: 100%;
overflow: hidden;
position: relative;
}
.layer{
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
/* box-sizing: border-box; */
background: #fff;
}
.layer-box {
width: 100%;
overflow: hidden;
position: relative;
}
.layer {
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;

217
src/views/ebiz/institutionalPerform/ServiceDepartOffice.vue
View File

@@ -1,19 +1,19 @@
<template>
<div v-cloak class="service-office-container">
<!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
<!-- <template #right>
<!-- <template #right>
<img @click="getlComPremDetil" :src="refreshLogo" />
</template> -->
<!-- </van-nav-bar> -->
<!-- 业绩和人力 -->
<!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tab title="机构业绩排名"></van-tab>
<van-tab title="机构人力排名"></van-tab>
</van-tabs> -->
</van-tabs>
<!-- 年月日选择 -->
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
<van-tab title="实时"></van-tab>
<van-tab @click="showDatePicker=true" title="日"></van-tab>
<van-tab @click="showDatePicker = true" title="日"></van-tab>
<van-tab title="月"></van-tab>
<van-tab title="年"></van-tab>
</van-tabs>
@@ -22,20 +22,15 @@
<van-col span="3">
<img :src="calendar" />
</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
<van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
<van-col span="3">
<img :src="point" />
</van-col>
<van-col span="9">
<span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
<span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
</van-col>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="queryColumns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
<van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
</van-popup>
<!-- 时间选择器 -->
<!-- 日 -->
@@ -63,20 +58,14 @@
</van-popup>
<!-- 年 -->
<van-popup v-model="showYearPicker" position="bottom">
<van-picker
v-model="currentYearDate"
show-toolbar
:columns="YearColumns"
@confirm="onConfirmDate"
@cancel="showYearPicker = false"
/>
<van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
</van-popup>
<!-- /时间选择器 -->
</van-row>
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
@@ -86,33 +75,33 @@
<th>预收件数</th>
<th>承保件数</th>
<th>操作</th>
</tr>
<tr>
</tr>
<tr>
<th class="td-1 white" style="width:4.3em">1</th>
<th class="td-2">合计</th>
<th>{{ysbbTotal.toFixed(2)}}</th>
<th>{{bzbfTotol.toFixed(2)}}</th>
<th>{{cbbfTotal.toFixed(2)}}</th>
<th>{{ysjsTotal}}</th>
<th>{{cbjsTotal}}</th>
</tr>
<tr v-for="(item,index) in tableData" :key="index">
<td class="td-1">{{index+1}}</td>
<td class="td-2">
<div style="width:10em">{{item.name}}</div>
</td>
<td>{{item.ysbb}}</td>
<td>{{item.bzbf}}</td>
<td>{{item.cbbf}}</td>
<td>{{item.ysjs}}</td>
<td>{{item.cbjs}}</td>
<td>
<span @click="toDetail(item.code)" class="red">查看</span>
</td>
</tr>
</table>
<th class="td-2">合计</th>
<th>{{ ysbbTotal.toFixed(2) }}</th>
<th>{{ bzbfTotol.toFixed(2) }}</th>
<th>{{ cbbfTotal.toFixed(2) }}</th>
<th>{{ ysjsTotal }}</th>
<th>{{ cbjsTotal }}</th>
</tr>
<tr v-for="(item, index) in tableData" :key="index">
<td class="td-1">{{ index + 1 }}</td>
<td class="td-2">
<div style="width:10em">{{ item.name }}</div>
</td>
<td>{{ item.ysbb }}</td>
<td>{{ item.bzbf }}</td>
<td>{{ item.cbbf }}</td>
<td>{{ item.ysjs }}</td>
<td>{{ item.cbjs }}</td>
<td>
<span @click="toDetail(item.code)" class="red1">查看</span>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</template>
@@ -128,12 +117,12 @@ export default {
components: {
// XTable,
[Tabs.name]: Tabs,
[Tab.name]: Tab,
[Tab.name]: Tab
},
data() {
return {
curMainType:"01",
showText:true,
curMainType: '01',
showText: true,
YearColumns: ['2020', '2019'],
minDate: new Date(2019, 0, 1),
maxDate: new Date(2020, 10, 1),
@@ -145,8 +134,8 @@ export default {
ysjsTotal: 0,
ysbbTotol: 0,
cbjsTotal: 0,
ysbbTotal:0,
bzbfTotol:0,
ysbbTotal: 0,
bzbfTotol: 0,
cbbfTotal: 0,
bzbfTotal: 0,
tableData: [],
@@ -168,7 +157,7 @@ export default {
dateType: 'now',
dateVal: '',
curTab: '',
shitimeVal:""
shitimeVal: ''
}
},
methods: {
@@ -186,10 +175,12 @@ export default {
}
return val
},
onClickMain(name) {
console.log(name)
onClickMain(name) {
if (name == 1) {
this.curMainType = '02'
//this.curMainType = '02'
this.$router.push({
path: '/institutionalPerform/InstitutionalManpower'
})
} else {
this.curMainType = '01'
}
@@ -201,18 +192,18 @@ export default {
this.showDatePicker = true
} else if (name == 2) {
this.showMonthPicker = true
} else if(name == 3) {
} else if (name == 3) {
this.showYearPicker = true
} else {
// "截至"文字显示出来
this.showText=true
this.showText = true
// 实时的时候date清空
this.dateType = 'now'
this.dateVal = ''
// 左侧时间实时赋值
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
// 调接口
this.getlComPremDetil()
this.getlComPremDetil()
}
},
toDetail(manageCode) {
@@ -220,9 +211,9 @@ export default {
path: '/institutionalPerform/districtOffice',
query: {
manageCode: manageCode,
timeVal:this.timeVal,
showText:this.showText
},
timeVal: this.timeVal,
showText: this.showText
}
})
},
//修改月、天的格式，保持两位数显示
@@ -254,7 +245,7 @@ export default {
// 一直在获取时间
this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
// 存页面上值得一个变量
this.timeVal= this.shitimeVal
this.timeVal = this.shitimeVal
},
dateFormat(time) {
// 时间格式化 2019-09-08
@@ -265,7 +256,7 @@ export default {
},
onConfirmDate(value, index) {
// 点击确定那么文字“截至”就隐藏
this.showText=false;
this.showText = false
if (this.curTab == 1) {
// now：当前 y:年 m:月 d:日
// 日
@@ -273,24 +264,21 @@ export default {
this.dateVal = this.dateFormat(this.currentDate)
console.log(this.dateVal)
// 左侧时间实时赋值
this.timeVal=this.dateVal
this.timeVal = this.dateVal
} else if (this.curTab == 2) {
// 月
this.dateType = 'm'
this.dateVal = this.dateFormat(this.currentMonthDate)
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,7)
this.timeVal = this.dateVal.substring(0, 7)
} else if (this.curTab == 3) {
// 年
this.dateType = 'y'
this.dateVal = value+'-' + '01' + '-' + '01'
this.dateVal = value + '-' + '01' + '-' + '01'
// 左侧时间实时赋值
this.timeVal=this.dateVal.substring(0,4)
this.timeVal = this.dateVal.substring(0, 4)
}
this.showDatePicker=false,
this.showMonthPicker=false,
this.showYearPicker= false,
this.getlComPremDetil()
;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
},
onConfirm(value, index) {
this.sortTypeText = value
@@ -316,18 +304,18 @@ export default {
this.getlComPremDetil()
},
onBack() {
this.$router.go(-1);
this.$router.go(-1)
},
//获取列表
getlComPremDetil() {
let $this = this
let data = {
manageCode: this.$route.query.manageCode,
manageLv: "03",
manageLv: '03',
sortType: this.sortType,
queryType: this.dateType,
date: this.dateVal,
//01：保费排行 02：人力排行
//01：保费排行 02：人力排行
type: this.curMainType
}
// 去除对象里面是空的属性
@@ -337,7 +325,7 @@ export default {
}
}
branchOfficeApi(data)
.then((res) => {
.then(res => {
if (res.result == 0) {
console.log(res.content.list)
$this.tableData = res.content.list
@@ -347,12 +335,12 @@ export default {
$this.cbjsTotal = 0
$this.cbbfTotal = 0
$this.bzbfTotal = 0
$this.ysbbTotal =0
$this.bzbfTotol=0
$this.ysbbTotal = 0
$this.bzbfTotol = 0
// 业绩排名的 总计计算
$this.tableData.map(function (val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.tableData.map(function(val) {
$this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
$this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
$this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
$this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
$this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -362,10 +350,10 @@ export default {
console.log($this.tableData)
}
})
.catch((err) => {})
},
.catch(err => {})
}
},
created() {
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_right_button', {
@@ -375,32 +363,36 @@ export default {
route: {
flag: '',
extra: {
url: location.origin + '/#/institutionalPerform/BranchOffice',
},
},
},
],
url: location.origin + '/#/institutionalPerform/BranchOffice'
}
}
}
]
})
}, 1000)
},
mounted() {
setInterval(this.getCurrentDate(), 1000 * 60)
this.timeVal=this.$route.query.timeVal||""
this.showText=this.$route.query.showText
this.timeVal = this.$route.query.timeVal || ''
this.showText = this.$route.query.showText
this.getlComPremDetil()
},
}
}
</script>
<style lang="scss">
@import '@/assets/sass/variables.scss';
.service-office-container {
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
color: #232020;
background-color: #e6e6e6;
border-right: 1px solid #8e8d8d;
&:last-child {
border-right: none !important;
}
}
.van-nav-bar .van-icon,
.van-nav-bar__text {
@@ -426,7 +418,7 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;
@@ -455,25 +447,26 @@ export default {
background-color: transparent;
}
// 固定表头
td,th{
/* color: #333;
td,
th {
/* color: #333;
font-size: 14px;
border-right: 1px solid #333;
line-height: 30px; */
/* box-sizing: border-box; */
background: #fff;
}
.layer-box{
width: 100%;
overflow: hidden;
position: relative;
}
.layer{
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
/* box-sizing: border-box; */
background: #fff;
}
.layer-box {
width: 100%;
overflow: hidden;
position: relative;
}
.layer {
width: 100%;
overflow: hidden;
overflow-x: scroll;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;

15
src/views/ebiz/institutionalPerform/UnderOffice.vue
View File

@@ -1,17 +1,17 @@
<template>
<div v-cloak class="under-office-container">
<van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
<!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
<template #right>
<img @click="getlComPremDetil" :src="refreshLogo" />
</template>
</van-nav-bar>
</van-nav-bar> -->
<!-- 业绩和人力 -->
<van-tabs @click="onClickMain" type="card" class="p0 title">
<van-tab title="机构业绩排名"></van-tab>
<van-tab title="机构人力排名"></van-tab>
</van-tabs>
<!-- 年月日选择 -->
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
<van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
<van-tab title="实时"></van-tab>
<van-tab @click="showDatePicker = true" title="日"></van-tab>
<van-tab title="月"></van-tab>
@@ -96,7 +96,7 @@
<td>{{ item.ysjs }}</td>
<td>{{ item.cbjs }}</td>
<td>
<span @click="toDetail(item.code)" class="red">查看</span>
<span @click="toDetail(item.code)" class="red1">查看</span>
</td>
</tr>
</table>
@@ -209,7 +209,7 @@ export default {
},
toDetail(manageCode) {
this.$router.push({
path: '/institutionalPerform/UnderOffice',
path: '/institutionalPerform/ServiceDepartOffice',
query: {
manageCode: manageCode,
timeVal: this.timeVal,
@@ -383,6 +383,7 @@ export default {
}
</script>
<style lang="scss">
@import '@/assets/sass/variables.scss';
.under-office-container {
.van-row {
line-height: 1.6rem;
@@ -392,7 +393,7 @@ export default {
border-right: 1px solid #fff;
}
.van-tabs__nav--card .van-tab.van-tab--active {
color: red;
color: $red1;
background-color: #fff;
}
.van-tabs__nav--card .van-tab {
@@ -427,7 +428,7 @@ export default {
white-space: nowrap;
border-width: 1px;
border-color: #666666;
background-color: #f56123;
background-color: $red1;
border-top: 0;
border-left: 0;
border-right: 0;