提交 3718b503 编写于 作者: huangwensu's avatar huangwensu

页面问题修复

上级 496acca8
...@@ -181,9 +181,7 @@ export default { ...@@ -181,9 +181,7 @@ export default {
}, },
// 触发事件是否为空样式 // 触发事件是否为空样式
selectValid(item, index) { selectValid(item, index) {
if(item.eventId) {
this.$set(this.searchParam.actionModelList[index], 'unchecked', false); this.$set(this.searchParam.actionModelList[index], 'unchecked', false);
}
}, },
// 保存 // 保存
saveAddAndEdit() { saveAddAndEdit() {
......
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</div> </div>
<div class="data-analysis"> <div class="data-analysis">
<div class="map-title">转化漏斗详情</div> <div class="map-title">转化漏斗详情</div>
<div ref="chart" class="echart" :class="{'eh': moreStep}"></div> <div ref="chart" class="echart"></div>
<el-table <el-table
class="data-table" class="data-table"
:data="funnelData.funnelReportModels" :data="funnelData.funnelReportModels"
...@@ -91,7 +91,6 @@ import { openLoading, closeLoading } from "../../common/utils"; ...@@ -91,7 +91,6 @@ import { openLoading, closeLoading } from "../../common/utils";
export default { export default {
data() { data() {
return { return {
moreStep: false,
funnelId: '', funnelId: '',
name: '', name: '',
searchParam: { searchParam: {
...@@ -128,7 +127,8 @@ export default { ...@@ -128,7 +127,8 @@ export default {
let date1 = new Date(); let date1 = new Date();
let date2 = new Date(date1); let date2 = new Date(date1);
date2.setDate(date1.getDate() - 29); date2.setDate(date1.getDate() - 29);
this.searchParam.startDate = date2.getFullYear() + "-" + (date2.getMonth() + 1) + "-" + date2.getDate(); let dt = date2.getDate() > 10 ? date2.getDate() : '0'+date2.getDate();
this.searchParam.startDate = date2.getFullYear() + "-" + (date2.getMonth() + 1) + "-" + dt;
this.getVersionData(); this.getVersionData();
}, },
methods: { methods: {
...@@ -178,7 +178,6 @@ export default { ...@@ -178,7 +178,6 @@ export default {
}, },
// 初始化图标--漏斗图 // 初始化图标--漏斗图
initCharts() { initCharts() {
this.moreStep = false;
let lineargroup = this.funnelData.funnelReportModels; let lineargroup = this.funnelData.funnelReportModels;
let len = lineargroup.length; let len = lineargroup.length;
let colorObj = { let colorObj = {
...@@ -196,7 +195,7 @@ export default { ...@@ -196,7 +195,7 @@ export default {
}], }],
global: false // 缺省为 false global: false // 缺省为 false
}; };
let data1 = [], dataArr = [], valueArr = [], lineArr = [], linksArr = [], arrowTop = 0, arrowH = 0, lineTop = 0, lineLeft = 0, lineHeight = 0; let myChart = {}, data1 = [], dataArr = [], valueArr = [], lineArr = [], linksArr = [], arrowTop = 0, arrowH = 0, lineTop = 0, lineLeft = 0, lineHeight = 0;
if(len == 2) { if(len == 2) {
arrowTop = 105; arrowTop = 105;
arrowH = 130; arrowH = 130;
...@@ -222,21 +221,18 @@ export default { ...@@ -222,21 +221,18 @@ export default {
lineLeft = 570; lineLeft = 570;
lineHeight = 346; lineHeight = 346;
}else if(len == 6) { }else if(len == 6) {
this.moreStep = true;
arrowTop = 60; arrowTop = 60;
arrowH = 300; arrowH = 300;
lineTop = 20; lineTop = 20;
lineLeft = 570; lineLeft = 570;
lineHeight = 366; lineHeight = 366;
}else if(len == 7) { }else if(len == 7) {
this.moreStep = true;
arrowTop = 50; arrowTop = 50;
arrowH = 340; arrowH = 340;
lineTop = 10; lineTop = 10;
lineLeft = 450; lineLeft = 450;
lineHeight = 406; lineHeight = 406;
}else { }else {
this.moreStep = true;
arrowTop = 40; arrowTop = 40;
arrowH = 360; arrowH = 360;
lineTop = 10; lineTop = 10;
...@@ -377,7 +373,8 @@ export default { ...@@ -377,7 +373,8 @@ export default {
} }
] ]
}; };
let myChart = this.$echarts.init(this.$refs.chart);
myChart = this.$echarts.init(this.$refs.chart);
myChart.setOption(option); myChart.setOption(option);
}, },
// 初始化图--柱状图 // 初始化图--柱状图
...@@ -461,6 +458,7 @@ export default { ...@@ -461,6 +458,7 @@ export default {
startDate: '2020-11-20', startDate: '2020-11-20',
version: this.versionSelect[0] version: this.versionSelect[0]
}; };
this.getAnalysisData(this.searchParam);
} }
} }
} }
...@@ -525,10 +523,7 @@ export default { ...@@ -525,10 +523,7 @@ export default {
.echart { .echart {
padding-top: 20px; padding-top: 20px;
width: 100%; width: 100%;
height: 400px; min-height: 500px;
}
.eh {
height: 500px;
} }
.data-table { .data-table {
margin-top: 20px; margin-top: 20px;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册