|
|
@@ -26,18 +26,18 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<el-row>
|
|
|
- <el-col :span="14">
|
|
|
+ <el-col :xs="15" :sm="15" :md="15" :lg="15" :xl="14">
|
|
|
<p class="title">销售漏斗图</p>
|
|
|
<div class="re-panel">
|
|
|
<div id="containerFunnel" style="height: calc(60vh)"></div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="10">
|
|
|
+ <el-col :offset="1" :xs="8" :sm="8" :md="8" :lg="8" :xl="9">
|
|
|
<div>
|
|
|
<p class="title">表格数据</p>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
- style="width: 750px"
|
|
|
+ style="width: 100%"
|
|
|
size="small"
|
|
|
:header-cell-style="{height:'60px',fontWeight:'400',fontSize:'22px',color:'#333333',background:'#ddebf7'}"
|
|
|
:cell-style="{height:'40px',fontWeight:'400',fontSize:'18px'}"
|
|
|
@@ -45,7 +45,7 @@
|
|
|
<el-table-column
|
|
|
prop="stagename"
|
|
|
label="阶段"
|
|
|
- width="180">
|
|
|
+ width="150">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="projectqty"
|
|
|
@@ -326,7 +326,7 @@ export default {
|
|
|
const group = new G.Group({});
|
|
|
const content = ()=>{
|
|
|
if (this.tableData[0]) {
|
|
|
- const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
+ const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
const lines = text.split(' ');
|
|
|
return lines.join('\n');
|
|
|
}
|
|
|
@@ -416,7 +416,7 @@ export default {
|
|
|
const group = new G.Group({});
|
|
|
const content = ()=>{
|
|
|
if (this.tableData[0]) {
|
|
|
- const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
+ const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
const lines = text.split(' ');
|
|
|
return lines.join('\n');
|
|
|
}
|
|
|
@@ -506,7 +506,7 @@ export default {
|
|
|
const group = new G.Group({});
|
|
|
const content = ()=>{
|
|
|
if (this.tableData[0]) {
|
|
|
- const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
+ const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
const lines = text.split(' ');
|
|
|
return lines.join('\n');
|
|
|
}
|
|
|
@@ -597,7 +597,7 @@ export default {
|
|
|
const group = new G.Group({});
|
|
|
const content = ()=>{
|
|
|
if (this.tableData[0]) {
|
|
|
- const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
+ const text = `${datum.stagename} 当前项目数: ${datum.projectqty} 项目数: ${datum.sequence1} 转化率: ${datum.zhl?Math.round((datum.zhl* 100)*100)/100 + '%':'--'} 预计签约金额: ${datum.signamount_due}万元 项目成交金额: ${datum.dealamount}万元`
|
|
|
const lines = text.split(' ');
|
|
|
return lines.join('\n');
|
|
|
}
|