|
|
@@ -18,14 +18,19 @@
|
|
|
<span>{{ amount.sumPremium || 0 }}</span>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
- <dl>
|
|
|
- <dt><span>签单保费总占比</span></dt>
|
|
|
+ <dl style="width: 180px">
|
|
|
+ <dt class="dt-flex">
|
|
|
+ <span>签单保费</span>
|
|
|
+ <span
|
|
|
+ >占比{{
|
|
|
+ amount.sumPremiumProportion
|
|
|
+ ? (amount.sumPremiumProportion * 100).toFixed(2) + "%"
|
|
|
+ : 0
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ </dt>
|
|
|
<dd>
|
|
|
- <span>{{
|
|
|
- amount.sumPremiumProportion
|
|
|
- ? (amount.sumPremiumProportion * 100).toFixed(2) + "%"
|
|
|
- : 0
|
|
|
- }}</span>
|
|
|
+ <span>{{ amount.sumPremium || 0 }}</span>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
<dl>
|
|
|
@@ -60,6 +65,24 @@
|
|
|
</span>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
+ <dl style="width: 180px">
|
|
|
+ <dt class="dt-flex">
|
|
|
+ <span>毛利润</span>
|
|
|
+ <span
|
|
|
+ >毛利率
|
|
|
+ {{
|
|
|
+ amount.distributionAmountRate
|
|
|
+ ? (amount.distributionAmountRate * 100).toFixed(2) + "%"
|
|
|
+ : 0 + "%"
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <span>
|
|
|
+ {{ amount.distributionAmount || 0 }}
|
|
|
+ </span>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -253,22 +276,22 @@ export default {
|
|
|
created() {
|
|
|
if(this.$route.query.isEnter!='false'){
|
|
|
this.time = [
|
|
|
- this.$route.query.time.enterTimeStart,
|
|
|
- this.$route.query.time.enterTimeEnd,
|
|
|
+ JSON.parse(this.$route.query.time).enterTimeStart,
|
|
|
+ JSON.parse(this.$route.query.time).enterTimeEnd,
|
|
|
];
|
|
|
}else{
|
|
|
this.time = [
|
|
|
- this.$route.query.time.signingTimeStart,
|
|
|
- this.$route.query.time.signingTimeEnd,
|
|
|
+ JSON.parse(this.$route.query.time).signingTimeStart,
|
|
|
+ JSON.parse(this.$route.query.time).signingTimeEnd,
|
|
|
];
|
|
|
}
|
|
|
|
|
|
this.formState.dateType=this.$route.query.dateType
|
|
|
this.timeType=this.$route.query.timeType
|
|
|
- this.formState.signingTimeEnd = this.$route.query.time.signingTimeEnd;
|
|
|
- this.formState.signingTimeStart = this.$route.query.time.signingTimeStart;
|
|
|
- this.formState.enterTimeEnd = this.$route.query.time.enterTimeEnd;
|
|
|
- this.formState.enterTimeStart = this.$route.query.time.enterTimeStart;
|
|
|
+ this.formState.signingTimeEnd = JSON.parse(this.$route.query.time).signingTimeEnd;
|
|
|
+ this.formState.signingTimeStart = JSON.parse(this.$route.query.time).signingTimeStart;
|
|
|
+ this.formState.enterTimeEnd = JSON.parse(this.$route.query.time).enterTimeEnd;
|
|
|
+ this.formState.enterTimeStart = JSON.parse(this.$route.query.time).enterTimeStart;
|
|
|
// this.getList();
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -289,13 +312,13 @@ export default {
|
|
|
// console.log(val);
|
|
|
this.formState = { ...val };
|
|
|
if(this.$route.query.isEnter!='false'){
|
|
|
- this.formState.enterTimeEnd = this.$route.query.time.enterTimeEnd;
|
|
|
- this.formState.enterTimeStart = this.$route.query.time.enterTimeStart;
|
|
|
+ this.formState.enterTimeEnd = JSON.parse(this.$route.query.time).enterTimeEnd;
|
|
|
+ this.formState.enterTimeStart = JSON.parse(this.$route.query.time).enterTimeStart;
|
|
|
this.formState.signingTimeEnd=''
|
|
|
this.formState.signingTimeStart=''
|
|
|
}else{
|
|
|
- this.formState.signingTimeEnd = this.$route.query.time.signingTimeEnd;
|
|
|
- this.formState.signingTimeStart = this.$route.query.time.signingTimeStart;
|
|
|
+ this.formState.signingTimeEnd = JSON.parse(this.$route.query.time).signingTimeEnd;
|
|
|
+ this.formState.signingTimeStart = JSON.parse(this.$route.query.time).signingTimeStart;
|
|
|
this.formState.enterTimeEnd =''
|
|
|
this.formState.enterTimeStart=''
|
|
|
}
|
|
|
@@ -336,10 +359,10 @@ export default {
|
|
|
.getBusinessOrderDataDetails({
|
|
|
pageNum: this.pagination.current,
|
|
|
pageSize: this.pagination.defaultPageSize,
|
|
|
- userId: this.$route.query.user.record.userId,
|
|
|
+ userId: JSON.parse(this.$route.query.user).record.userId,
|
|
|
...this.formState,
|
|
|
- treeType: this.$route.query.user.treeType,
|
|
|
- treeUserId: this.$route.query.user.treeUserId,
|
|
|
+ treeType: JSON.parse(this.$route.query.user).treeType,
|
|
|
+ treeUserId: JSON.parse(this.$route.query.user).treeUserId,
|
|
|
timeType:this.$route.query.timeType
|
|
|
|
|
|
})
|
|
|
@@ -348,7 +371,7 @@ export default {
|
|
|
this.loading = false;
|
|
|
this.tableList = res.data.data.list;
|
|
|
this.pagination.current= res.data.data.pages
|
|
|
- this.pagination.defaultPageSize= res.data.data.size
|
|
|
+ // this.pagination.defaultPageSize= res.data.data.size
|
|
|
this.pagination.total= res.data.data.total
|
|
|
|
|
|
} else {
|
|
|
@@ -360,9 +383,9 @@ export default {
|
|
|
this.$API.business
|
|
|
.getBusinessOrderDataTotal({
|
|
|
...this.formState,
|
|
|
- userId: this.$route.query.user.record.userId,
|
|
|
- treeType: this.$route.query.user.treeType,
|
|
|
- treeUserId: this.$route.query.user.treeUserId,
|
|
|
+ userId: JSON.parse(this.$route.query.user).record.userId,
|
|
|
+ treeType: JSON.parse(this.$route.query.user).treeType,
|
|
|
+ treeUserId: JSON.parse(this.$route.query.user).treeUserId,
|
|
|
timeType:this.$route.query.timeType
|
|
|
|
|
|
})
|
|
|
@@ -433,7 +456,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
> dl {
|
|
|
flex: none;
|
|
|
- width: 180px;
|
|
|
+ min-width: 210px;
|
|
|
height: 80px;
|
|
|
display: flex;
|
|
|
// align-items: center;
|
|
|
@@ -460,10 +483,20 @@ export default {
|
|
|
> dl:first-child {
|
|
|
background: url("../../assets/img/business1.png");
|
|
|
color: #11a6d3;
|
|
|
+ dt > span:nth-child(2) {
|
|
|
+ background: #11a6d3;
|
|
|
+ }
|
|
|
}
|
|
|
> dl:nth-child(2) {
|
|
|
background: url("../../assets/img/business2.png");
|
|
|
color: #f87f2c;
|
|
|
+ dt > span:nth-child(2) {
|
|
|
+ background: #f87f2c;
|
|
|
+ background: linear-gradient(90deg, #f99a59 0%, #f87f2c 100%);
|
|
|
+ color: #fff;
|
|
|
+ // padding: 0 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
}
|
|
|
> dl:nth-child(3) {
|
|
|
background: url("../../assets/img/business3.png");
|
|
|
@@ -481,6 +514,17 @@ export default {
|
|
|
background: url("../../assets/img/business6.png");
|
|
|
color: #47a2eb;
|
|
|
}
|
|
|
+ > dl:nth-child(7) {
|
|
|
+ background: url("../../assets/img/business7.png");
|
|
|
+ color: #10c08b;
|
|
|
+ dt > span:nth-child(2) {
|
|
|
+ // background: #10c08b;
|
|
|
+ background: linear-gradient(90deg, #1ac86a 0%, #07bf87 100%);
|
|
|
+ color: #fff;
|
|
|
+ // padding: 0 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
span {
|
|
|
display: block;
|
|
|
@@ -528,4 +572,18 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.dt-flex {
|
|
|
+ display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ // >span:last-child{
|
|
|
+ // background: ;
|
|
|
+ // }
|
|
|
+ > span {
|
|
|
+ display: inline;
|
|
|
+ border-radius: 2px;
|
|
|
+ padding: 0 2px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|