Commit d6284daa authored by 罗超's avatar 罗超

2

parent 019458bc
...@@ -341,14 +341,14 @@ ...@@ -341,14 +341,14 @@
.list { .list {
height: 40px; height: 40px;
margin-bottom: 15px; margin-bottom: 15px;
padding: 0 1.8vw; padding: 0 2vw;
background-color: #F2F4F7; background-color: #F2F4F7;
border-radius: 6px; border-radius: 6px;
.name { .name {
font-size: 14px; font-size: 14px;
color: #111111; color: #111111;
margin-right: 2.86vw; margin-right: 3vw;
white-space: nowrap; white-space: nowrap;
} }
...@@ -357,6 +357,7 @@ ...@@ -357,6 +357,7 @@
font-size: 14px; font-size: 14px;
color: #A4A5B7; color: #A4A5B7;
border-radius: 6px; border-radius: 6px;
margin-right:1vw;
.cur { .cur {
font-size: 18px; font-size: 18px;
...@@ -366,15 +367,17 @@ ...@@ -366,15 +367,17 @@
} }
.progress-charts { .progress-charts {
width: 7.81vw; width: 8vw;
font-size: 12px; font-size: 12px;
color: #666666; color: #666666;
margin-right:1vw;
} }
.grade { .grade {
width: 3.64vw; width: 4vw;
font-size: 14px; font-size: 14px;
color: #999999; color: #999999;
margin-right:1vw;
} }
.num { .num {
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</div> </div>
</div> </div>
<div class="q-pr-md"> <div class="q-pr-md">
<VueApexCharts width="105" height="105" :options="chartOptions4" :series="series4"></VueApexCharts> <VueApexCharts width="100%" height="105" :options="chartOptions4" :series="series4"></VueApexCharts>
</div> </div>
</div> </div>
<div class="block-name q-px-md"> <div class="block-name q-px-md">
...@@ -173,6 +173,10 @@ ...@@ -173,6 +173,10 @@
fixed: { fixed: {
enabled: false enabled: false
} }
},
legend: {
position: 'right',
show: true,
} }
}, },
commissionData: { commissionData: {
...@@ -396,7 +400,7 @@ ...@@ -396,7 +400,7 @@
} }
.progress-box { .progress-box {
width: 31.25vw; width: 39vw;
height: 20px; height: 20px;
margin: 10px auto; margin: 10px auto;
border-radius: 2px; border-radius: 2px;
...@@ -410,7 +414,7 @@ ...@@ -410,7 +414,7 @@
} }
.commission-block2 { .commission-block2 {
width: 31.25vw; width: 35vw;
height: 250px; height: 250px;
margin: 50px auto 25px; margin: 50px auto 25px;
border-radius: 8px; border-radius: 8px;
...@@ -418,7 +422,7 @@ ...@@ -418,7 +422,7 @@
padding: 40px 30px; padding: 40px 30px;
.statistic-block { .statistic-block {
width: 7.8vw; width: 9vw;
height: 75px; height: 75px;
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 6px; border-radius: 6px;
...@@ -449,7 +453,7 @@ ...@@ -449,7 +453,7 @@
} }
.commission-table { .commission-table {
width: 31.25vw; width: 35vw;
height: 375px; height: 375px;
margin: 0 auto; margin: 0 auto;
border-top: 1px solid #EAEBF0; border-top: 1px solid #EAEBF0;
......
<template> <template>
<div> <div>
<div class="q-my-md text-dark" style="font-size:20px"> <div class="q-ma-md text-dark" style="font-size:20px">
客户关系 客户关系
</div> </div>
<div class="row q-gutter-md no-wrap work-con"> <div class="row q-gutter-md q-px-md no-wrap work-con">
<div > <div >
<div class="item-shadow return-commission"> <div class="item-shadow return-commission">
<div class="q-pa-md row no-wrap items-center">
<div class="q-px-md q-pt-md row no-wrap items-center">
<div class="col return-commission-title"> <div class="col return-commission-title">
返佣 返佣
</div> </div>
...@@ -332,13 +331,14 @@ import { ...@@ -332,13 +331,14 @@ import {
<style lang="scss" scoped> <style lang="scss" scoped>
.work-con { .work-con {
height: calc(100vh - 230px); height: calc(100vh - 250px);
overflow: scroll; overflow: scroll;
box-sizing: border-box; box-sizing: border-box;
} }
.return-commission { .return-commission {
// width: 330px; // width: 330px;
min-width:200px;
height: 440px; height: 440px;
border-radius: 8px; border-radius: 8px;
background-color: #FA9D0A; background-color: #FA9D0A;
...@@ -370,6 +370,7 @@ import { ...@@ -370,6 +370,7 @@ import {
padding-top: 2vw; padding-top: 2vw;
.Statistics-block { .Statistics-block {
min-width:100px;
width: 50%; width: 50%;
height: 2.6vw; height: 2.6vw;
padding-left: 1.3vw; padding-left: 1.3vw;
...@@ -400,6 +401,7 @@ import { ...@@ -400,6 +401,7 @@ import {
.adviser { .adviser {
// width: 17.18vw; // width: 17.18vw;
min-width:200px;
height: 520px; height: 520px;
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 8px; border-radius: 8px;
...@@ -415,12 +417,15 @@ import { ...@@ -415,12 +417,15 @@ import {
} }
.adviser-block { .adviser-block {
width: 14.3vw; width: 16vw;
height: 5.72vw; min-width:160px;
height: 6vw;
min-height:80px;
background-color: #F8F5FF; background-color: #F8F5FF;
border-radius: 0.31vw; border-radius: 0.31vw;
margin: 0 auto 1vw; margin: 0 auto 1vw;
padding: 0 1vw; padding: 0 1vw;
.left { .left {
.num { .num {
......
...@@ -289,7 +289,7 @@ ...@@ -289,7 +289,7 @@
} }
.bottom { .bottom {
width: 31.25vw; width: 34vw;
height: 320px; height: 320px;
position: absolute; position: absolute;
top: 160px; top: 160px;
...@@ -298,7 +298,7 @@ ...@@ -298,7 +298,7 @@
padding: 0 1vw; padding: 0 1vw;
.sell-block { .sell-block {
width: 9vw; width: 9.5vw;
height: 145px; height: 145px;
background-color: #F8F5FF; background-color: #F8F5FF;
border-radius: 6px; border-radius: 6px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment