|
|
@@ -2,10 +2,10 @@
|
|
|
<div id="down-pie">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-col :span="8">
|
|
|
- <div id="chartPie" class="" style="height:450px;"></div>
|
|
|
+ <el-col :span="10">
|
|
|
+ <div id="chartPie" class="" style="height:300px;width300px"></div>
|
|
|
</el-col>
|
|
|
- <el-col :span="16" class="rightData">
|
|
|
+ <el-col :span="13" class="rightData">
|
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
|
<el-table-column prop="product_name" label="服务名称" align="center"> </el-table-column>
|
|
|
<el-table-column prop="market_username" label="营销机构" align="center"> </el-table-column>
|
|
|
@@ -66,6 +66,13 @@ export default {
|
|
|
this.myChart = echarts.init(document.getElementById('chartPie'));
|
|
|
const option = {
|
|
|
title: {},
|
|
|
+ grid: {
|
|
|
+ x: 25,
|
|
|
+ y: 45,
|
|
|
+ x2: 5,
|
|
|
+ y2: 20,
|
|
|
+ borderWidth: 1,
|
|
|
+ },
|
|
|
tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c} ({d}%)' },
|
|
|
legend: {
|
|
|
data: ['正在洽谈', '达成意向', '对接完成', '未达成意向'],
|
|
|
@@ -123,7 +130,7 @@ export default {
|
|
|
.rightData {
|
|
|
padding: 0 30px;
|
|
|
height: 391px;
|
|
|
- overflow: hidden;
|
|
|
+ // overflow: hidden;
|
|
|
}
|
|
|
/deep/.el-table td {
|
|
|
padding: 8px 0;
|
