机构业绩

This commit is contained in:
zhu.wenli@ebiz-digits.com
2020-07-30 22:22:04 +08:00
parent 548810e05e
commit 1cc4b6215d
7 changed files with 134 additions and 182 deletions

View File

@@ -77,44 +77,44 @@
<!-- /时间选择器 -->
</van-row>
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left: 14.5em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2" style="height: 1.2em;width:8.6em">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
<th>预收件数</th>
<th>承保件数</th>
<th>操作</th>
</tr>
<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>
</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>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
<th>预收件数</th>
<th>承保件数</th>
<th>操作</th>
</tr>
<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>
</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>
</div>
</div>
</template>
@@ -145,8 +145,8 @@ export default {
currentDate: new Date(),
sortType: '1',
// 总和
bzbfTotol:0,
ysbbTotal:0,
bzbfTotol: 0,
ysbbTotal: 0,
ysjsTotal: 0,
ysbbTotol: 0,
cbjsTotal: 0,
@@ -349,12 +349,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.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)
@@ -367,7 +367,7 @@ export default {
.catch((err) => {})
},
},
created() {
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_right_button', {
@@ -457,37 +457,31 @@ 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{
position: absolute;
left: 0;
z-index: 2;
width: 3em;
}
.td-2{
position: absolute;
left: 4.6em;
z-index: 2;
width: 10em;
padding: 0;
height: 2.3em;
}
/* 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;
width: 3em;
height: 2.5em;
}
}
</style>

View File

@@ -76,10 +76,10 @@
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left:14.5em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2" style="height: 1.2em;width:8.6em">机构</th>
<table class="fs14" style="table-layoutfixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
@@ -476,19 +476,12 @@ export default {
overflow: hidden;
overflow-x: scroll;
}
.td-1{
position: absolute;
left: 0;
z-index: 2;
width: 3em;
}
.td-2{
position: absolute;
left: 4.6em;
z-index: 2;
width: 10em;
padding: 0;
height: 2.3em;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;
width: 3em;
height: 2.5em;
}
}
</style>

View File

@@ -76,10 +76,10 @@
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left:14.5em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2" style="height: 1.2em;width:8.6em">机构</th>
<table class="fs14" style="table-layoutfixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
@@ -475,19 +475,12 @@ export default {
overflow: hidden;
overflow-x: scroll;
}
.td-1{
position: absolute;
left: 0;
z-index: 2;
width: 3em;
}
.td-2{
position: absolute;
left: 4.6em;
z-index: 2;
width: 10em;
padding: 0;
height: 2.3em;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;
width: 3em;
height: 2.5em;
}
}
</style>

View File

@@ -76,10 +76,10 @@
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left: 14.5em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2" style="height: 1.2em;width:8.6em">机构</th>
<table class="fs14" style="table-layoutfixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
@@ -460,19 +460,12 @@ export default {
overflow: hidden;
overflow-x: scroll;
}
.td-1{
position: absolute;
left: 0;
z-index: 2;
width: 3em;
}
.td-2{
position: absolute;
left: 4.6em;
z-index: 2;
width: 10em;
padding: 0;
height: 2.3em;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;
width: 3em;
height: 2.5em;
}
}
</style>

View File

@@ -76,10 +76,10 @@
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left:14.5em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2" style="height: 1.2em;width:8.6em">机构</th>
<table class="fs14" style="table-layoutfixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
@@ -475,19 +475,12 @@ export default {
overflow: hidden;
overflow-x: scroll;
}
.td-1{
position: absolute;
left: 0;
z-index: 2;
width: 3em;
}
.td-2{
position: absolute;
left: 4.6em;
z-index: 2;
width: 10em;
padding: 0;
height: 2.3em;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;
width: 3em;
height: 2.5em;
}
}
</style>

View File

@@ -76,10 +76,10 @@
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left: 14.5em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2" style="height: 1.2em;width:8.6em">机构</th>
<table class="fs14" style="table-layoutfixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
@@ -473,19 +473,12 @@ export default {
overflow: hidden;
overflow-x: scroll;
}
.td-1{
position: absolute;
left: 0;
z-index: 2;
width: 3em;
}
.td-2{
position: absolute;
left: 4.6em;
z-index: 2;
width: 10em;
padding: 0;
height: 2.3em;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;
width: 3em;
height: 2.5em;
}
}
</style>

View File

@@ -76,10 +76,10 @@
</div>
<div class="layer-box">
<div class="layer">
<table class="fs14" style="table-layoutfixed;padding-left: 14.5em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2" style="height: 1.2em;width:8.6em">机构</th>
<table class="fs14" style="table-layoutfixed;padding-left: 4.3em;">
<tr class="title">
<th class="td-1" style="height: 1.2em;">排名</th>
<th class="td-2">机构</th>
<th>预收标保</th>
<th>承保标保</th>
<th>承保保费</th>
@@ -479,19 +479,12 @@ export default {
overflow: hidden;
overflow-x: scroll;
}
.td-1{
position: absolute;
left: 0;
z-index: 2;
width: 3em;
}
.td-2{
position: absolute;
left: 4.6em;
z-index: 2;
width: 10em;
padding: 0;
height: 2.3em;
}
.td-1 {
position: absolute;
left: 0;
z-index: 2;
width: 3em;
height: 2.5em;
}
}
</style>