This commit is contained in:
罗松柏 2021-08-30 17:47:17 +08:00
parent e0fe4298d8
commit dc9f179d6d
7 changed files with 269 additions and 148 deletions

View File

@ -71,17 +71,18 @@
<div class="tishi model-fuzhi" title="复制" data-id="{{d.id}}">
<img src="./static/img/fuzhi2.png" />
</div>
{{# if(d.cat == "event"){ }}
<!-- {{# if(d.cat == "event"){ }}
{{# if(d.modelswitch){ }}
<div class="tishi model-switch" title="切换横纵坐标" data-id="{{d.id}}">
<img src="./static/img/qhuan.png" />
</div>
{{# } else { }}
{{# }
else { }}
<div class="tishi model-switch" title="切换横纵坐标" data-id="{{d.id}}" data-modelswitch="{{d.modelswitch}}" >
<img src="./static/img/qhuan.png" />
</div>
{{# } }}
{{# } }}
{{# } }} -->
<div class="tishi model-gengduo" title="更多">
<img src="./static/img/gengduo.png" />
</div>
@ -243,9 +244,8 @@
{{# } }}
{{# } }}
<div class="xian"></div>
<span class="model-screen" >指标</span>
<!-- <div class="xian"></div>
<span class="model-screen" >指标</span> -->
</div>
<div class="chart control" id="chart{{d.id}}" data-modelsize="{{d.modelsize}}" data-modeltype={{d.modeltype}} data-cat="{{d.cat}}" data-name="{{d.name}}" data-id="{{d.id}}">

View File

@ -35,9 +35,14 @@
<div class="setupbaobiao-left-from-list-box">
<span class="setupbaobiao-left-from-list-title">x轴y轴切换</span>
<div class="setupbaobiao-left-from-list-radio">
<div class="setupbaobiao-left-from-list-radio-box">
<div>
<input type="radio" name="xyswitch" value="true" id="xyswitch">开启
<input type="radio" name="xyswitch" value="true" id="kxyswitch">开启
</div>
<div style="margin-left: 20px;">
<input type="radio" name="xyswitch" value="false" id="gxyswitch">关闭
</div>
</div>
</div>
</div>
@ -60,7 +65,7 @@
</div>
<div class="setupbaobiao-right-from">
<div class="setupbaobiao-left-from-list-box">
<div class="setupbaobiao-left-from-list-box setupbaobiao-date-box">
<span class="setupbaobiao-left-from-list-title">时间选框</span>
<div class="setupbaobiao-left-from-list-input">
<div class="setupbaobiao-rli-box">

188
web/src/x.min.js vendored
View File

@ -624,6 +624,7 @@ var X = window.X || {
var sameday = 0;
var date;
var wowtype='',chain_ratiotype='';//判断较环比和较同比的正负
var selected = {};//线多的话默认显示5条
var length = data[0]['date_range'].length - 1;
date = data[0]['date_range'][length];
@ -635,7 +636,7 @@ var X = window.X || {
data: data[i]['values'][z]
}
seriesData.push(arr);
sameday = data[i]['values'][z][data[i]['values'][z].length - 1];
sameday = data[0]['last_value'];
}
}
@ -651,6 +652,17 @@ var X = window.X || {
seriesData[i]['name'] = legenddata[i];
}
}
if(legenddata.length > 5){
for(let i in legenddata){
if(i < 5){
selected[legenddata[i]] = true;
}else {
selected[legenddata[i]] = false;
}
}
}
if(data[0]['wow']){
if(data[0]['wow'] >= 0){
wowtype = '+'
@ -671,6 +683,7 @@ var X = window.X || {
xAxisData:data[0]['date_range'],
legenddata:legenddata,
seriesData:seriesData,
selected:selected,
date:date,
sum:sum,
mean:mean,
@ -4172,66 +4185,66 @@ var X = window.X || {
});
// 横纵切换
$(document).off('click','.model-switch').on('click','.model-switch',function(){
var id = $(this).attr('data-id');
var modelswitch = $(this).attr('data-modelswitch');
var d = X['DATA']['kanbanlist'][id];
var modelid = 'model'+id;
var eventdata = [];
var startTime = d['query']['eventView']['startTime'];
var endTime = d['query']['eventView']['endTime'];
// $(document).off('click','.model-switch').on('click','.model-switch',function(){
// var id = $(this).attr('data-id');
// var modelswitch = $(this).attr('data-modelswitch');
// var d = X['DATA']['kanbanlist'][id];
// var modelid = 'model'+id;
// var eventdata = [];
// var startTime = d['query']['eventView']['startTime'];
// var endTime = d['query']['eventView']['endTime'];
if(startTime && endTime){
var startTimearr = startTime.split(" ");
var endTimearr = endTime.split(" ");
}else {
var startTimearr = [];
var endTimearr = [];
}
// if(startTime && endTime){
// var startTimearr = startTime.split(" ");
// var endTimearr = endTime.split(" ");
// }else {
// var startTimearr = [];
// var endTimearr = [];
// }
var timeParticleSize = d['query']['eventView']['timeParticleSize'];
var granularity = ''
if(timeParticleSize){
X.granularity(timeParticleSize,function(d){
granularity = d;
});
}
X.api("ck/event_model","post",{report_id:id},function(val){
X.eventtable(val,function(data){//表格数据处理
data['name'] = d['name'];
data['modeltype'] = d['graph_type'];
data['id'] = d['report_id'];
data['modelsize'] = d['graph_size'];
data['cat'] = d['model'];
data['date'] = startTimearr[0] + ' - ' + endTimearr[0];
data['timeParticleSize'] = granularity;
eventdata.push(data);
})
if(modelswitch){
eventdata[0]['modelswitch'] = 1;
var originaldata;//原始数据
originaldata= $.extend(true,[],eventdata[0]['condata']);
originaldata.unshift(eventdata[0]['titledata']);
var dataarr = [];
for(let i in originaldata[0]){
var arr = [];
dataarr.push(arr);
}
for(let i in originaldata){
for(let j in originaldata[i]){
dataarr[j].push(originaldata[i][j]);
}
}
var titledata = dataarr[0];
var condata = dataarr.slice(1, dataarr.length - 1);
eventdata[0]['titledata'] = titledata;
eventdata[0]['condata'] = condata;
}
X.template("modeltable",modelid,eventdata[0],function(){
X.pageLogic['dashboard'].morefeatures(eventdata[0]);
});
})
});
// var timeParticleSize = d['query']['eventView']['timeParticleSize'];
// var granularity = ''
// if(timeParticleSize){
// X.granularity(timeParticleSize,function(d){
// granularity = d;
// });
// }
// X.api("ck/event_model","post",{report_id:id},function(val){
// X.eventtable(val,function(data){//表格数据处理
// data['name'] = d['name'];
// data['modeltype'] = d['graph_type'];
// data['id'] = d['report_id'];
// data['modelsize'] = d['graph_size'];
// data['cat'] = d['model'];
// data['date'] = startTimearr[0] + ' - ' + endTimearr[0];
// data['timeParticleSize'] = granularity;
// eventdata.push(data);
// })
// if(modelswitch){
// eventdata[0]['modelswitch'] = 1;
// var originaldata;//原始数据
// originaldata= $.extend(true,[],eventdata[0]['condata']);
// originaldata.unshift(eventdata[0]['titledata']);
// var dataarr = [];
// for(let i in originaldata[0]){
// var arr = [];
// dataarr.push(arr);
// }
// for(let i in originaldata){
// for(let j in originaldata[i]){
// dataarr[j].push(originaldata[i][j]);
// }
// }
// var titledata = dataarr[0];
// var condata = dataarr.slice(1, dataarr.length - 1);
// eventdata[0]['titledata'] = titledata;
// eventdata[0]['condata'] = condata;
// }
// X.template("modeltable",modelid,eventdata[0],function(){
// X.pageLogic['dashboard'].morefeatures(eventdata[0]);
// });
// })
// });
},
@ -4315,8 +4328,30 @@ var X = window.X || {
data['cat'] = d['model'];
data['date'] = startTimearr[0] + ' - ' + endTimearr[0];
data['timeParticleSize'] = granularity;
data['modelswitch'] = d['modelswitch'];
eventdata.push(data);
if(d['modelswitch']){
var originaldata;//原始数据
originaldata= $.extend(true,[],eventdata[0]['condata']);
originaldata.unshift(eventdata[0]['titledata']);
var dataarr = [];
for(let i in originaldata[0]){
var arr = [];
dataarr.push(arr);
}
for(let i in originaldata){
for(let j in originaldata[i]){
dataarr[j].push(originaldata[i][j]);
}
}
var titledata = dataarr[0];
var condata = dataarr.slice(1, dataarr.length - 1);
eventdata[0]['titledata'] = titledata;
eventdata[0]['condata'] = condata;
}
})
}else if(d['graph_type'] == 'echarts'){
//图形
X.eventchart(val,function(data){
@ -4428,7 +4463,8 @@ var X = window.X || {
var data = {
id : eventdata.id,
modelsize : eventdata.modelsize,
modeltype : eventdata.modeltype
modeltype : eventdata.modeltype,
modelswitch: eventdata.modelswitch
}
X.parametersopen(data,'setupbaobiao',"auto",function(d){
X.pageLogic['dashboard'].gettabledata();
@ -4555,7 +4591,8 @@ var X = window.X || {
legend: {
type:'scroll',
bottom:0,
data: eventdata['legenddata']
data: eventdata['legenddata'],
selected:eventdata['selected']
},
grid: {
left: '2%',
@ -7356,7 +7393,7 @@ var X = window.X || {
this.parms = parms;
this.callback = parms.callback;
var data = parms;
console.log(data);
// console.log(data);
X.laytpldata("#kanban-model-modify-table-dot",data,"model"+data.id,function(html){
$("#model"+data.id).html(html);
@ -10033,6 +10070,7 @@ var X = window.X || {
this.parms = parms;
this.callback = parms.callback;
var data = parms.extData;
console.log('luo',data);
var report_id = [];
report_id.push(data.id);
var postdata;//上传数据
@ -10041,8 +10079,13 @@ var X = window.X || {
$('.setupbaobiao-title').val(d[0]['name']);
$('.setupbaobiao-textarea').val(d[0]['desc']);
// 初始化时间
if(endTime && startTime){
var endTime = d[0]['query']['eventView']['endTime'];
var startTime = d[0]['query']['eventView']['startTime'];
}else {
$(".setupbaobiao-date-box").hide();
}
$(".setupbaobiao-time").html(startTime +' - '+ endTime);
if(data.modeltype == "table"){ //初始化图表类型
$("#setupbaobiao-table").addClass("icon___XxbtJ");
@ -10057,6 +10100,14 @@ var X = window.X || {
}else{//大图
$("#setupbaobiao-large").prop("checked",true);
}
//初始化切换
if(data.modelswitch){
$("#kxyswitch").prop("checked",true);
}else {
$("#gxyswitch").prop("checked",true);
}
X.laytpldata("#setupbaobiao-select-dot",X['DATA']['screenlist'][d[0]['cat']],".setupbaobiao-select");
});
@ -10096,7 +10147,13 @@ var X = window.X || {
var title = $('.setupbaobiao-title').val();
var desc = $(".setupbaobiao-textarea").val();
var modeltype = $(".icon___XxbtJ").attr('data-type');
var modelsize = $('input:radio[name="modelsize"]:checked').val()
var modelsize = $('input:radio[name="modelsize"]:checked').val();
var modelswitch = $('input:radio[name="xyswitch"]:checked').val();
if(modelswitch == "true"){
modelswitch = true;
}else {
modelswitch = false;
}
var arr = {
_id:X.DATA.dashboard_id,
report:{
@ -10105,10 +10162,11 @@ var X = window.X || {
desc:desc,
model:postdata[0]['cat'],
graph_type:modeltype,
graph_size:modelsize
graph_size:modelsize,
modelswitch: modelswitch,
}
}
console.log(arr);
X.api('dashboard/edit_report','post',arr,function(d){
console.log(d);
var reportedit = {

View File

@ -623,6 +623,7 @@ var X = window.X || {
var sameday = 0;
var date;
var wowtype='',chain_ratiotype='';//判断较环比和较同比的正负
var selected = {};//线多的话默认显示5条
var length = data[0]['date_range'].length - 1;
date = data[0]['date_range'][length];
@ -634,7 +635,7 @@ var X = window.X || {
data: data[i]['values'][z]
}
seriesData.push(arr);
sameday = data[i]['values'][z][data[i]['values'][z].length - 1];
sameday = data[0]['last_value'];
}
}
@ -650,6 +651,17 @@ var X = window.X || {
seriesData[i]['name'] = legenddata[i];
}
}
if(legenddata.length > 5){
for(let i in legenddata){
if(i < 5){
selected[legenddata[i]] = true;
}else {
selected[legenddata[i]] = false;
}
}
}
if(data[0]['wow']){
if(data[0]['wow'] >= 0){
wowtype = '+'
@ -670,6 +682,7 @@ var X = window.X || {
xAxisData:data[0]['date_range'],
legenddata:legenddata,
seriesData:seriesData,
selected:selected,
date:date,
sum:sum,
mean:mean,

View File

@ -422,66 +422,66 @@
});
// 横纵切换
$(document).off('click','.model-switch').on('click','.model-switch',function(){
var id = $(this).attr('data-id');
var modelswitch = $(this).attr('data-modelswitch');
var d = X['DATA']['kanbanlist'][id];
var modelid = 'model'+id;
var eventdata = [];
var startTime = d['query']['eventView']['startTime'];
var endTime = d['query']['eventView']['endTime'];
// $(document).off('click','.model-switch').on('click','.model-switch',function(){
// var id = $(this).attr('data-id');
// var modelswitch = $(this).attr('data-modelswitch');
// var d = X['DATA']['kanbanlist'][id];
// var modelid = 'model'+id;
// var eventdata = [];
// var startTime = d['query']['eventView']['startTime'];
// var endTime = d['query']['eventView']['endTime'];
if(startTime && endTime){
var startTimearr = startTime.split(" ");
var endTimearr = endTime.split(" ");
}else {
var startTimearr = [];
var endTimearr = [];
}
// if(startTime && endTime){
// var startTimearr = startTime.split(" ");
// var endTimearr = endTime.split(" ");
// }else {
// var startTimearr = [];
// var endTimearr = [];
// }
var timeParticleSize = d['query']['eventView']['timeParticleSize'];
var granularity = ''
if(timeParticleSize){
X.granularity(timeParticleSize,function(d){
granularity = d;
});
}
X.api("ck/event_model","post",{report_id:id},function(val){
X.eventtable(val,function(data){//表格数据处理
data['name'] = d['name'];
data['modeltype'] = d['graph_type'];
data['id'] = d['report_id'];
data['modelsize'] = d['graph_size'];
data['cat'] = d['model'];
data['date'] = startTimearr[0] + ' - ' + endTimearr[0];
data['timeParticleSize'] = granularity;
eventdata.push(data);
})
if(modelswitch){
eventdata[0]['modelswitch'] = 1;
var originaldata;//原始数据
originaldata= $.extend(true,[],eventdata[0]['condata']);
originaldata.unshift(eventdata[0]['titledata']);
var dataarr = [];
for(let i in originaldata[0]){
var arr = [];
dataarr.push(arr);
}
for(let i in originaldata){
for(let j in originaldata[i]){
dataarr[j].push(originaldata[i][j]);
}
}
var titledata = dataarr[0];
var condata = dataarr.slice(1, dataarr.length - 1);
eventdata[0]['titledata'] = titledata;
eventdata[0]['condata'] = condata;
}
X.template("modeltable",modelid,eventdata[0],function(){
X.pageLogic['dashboard'].morefeatures(eventdata[0]);
});
})
});
// var timeParticleSize = d['query']['eventView']['timeParticleSize'];
// var granularity = ''
// if(timeParticleSize){
// X.granularity(timeParticleSize,function(d){
// granularity = d;
// });
// }
// X.api("ck/event_model","post",{report_id:id},function(val){
// X.eventtable(val,function(data){//表格数据处理
// data['name'] = d['name'];
// data['modeltype'] = d['graph_type'];
// data['id'] = d['report_id'];
// data['modelsize'] = d['graph_size'];
// data['cat'] = d['model'];
// data['date'] = startTimearr[0] + ' - ' + endTimearr[0];
// data['timeParticleSize'] = granularity;
// eventdata.push(data);
// })
// if(modelswitch){
// eventdata[0]['modelswitch'] = 1;
// var originaldata;//原始数据
// originaldata= $.extend(true,[],eventdata[0]['condata']);
// originaldata.unshift(eventdata[0]['titledata']);
// var dataarr = [];
// for(let i in originaldata[0]){
// var arr = [];
// dataarr.push(arr);
// }
// for(let i in originaldata){
// for(let j in originaldata[i]){
// dataarr[j].push(originaldata[i][j]);
// }
// }
// var titledata = dataarr[0];
// var condata = dataarr.slice(1, dataarr.length - 1);
// eventdata[0]['titledata'] = titledata;
// eventdata[0]['condata'] = condata;
// }
// X.template("modeltable",modelid,eventdata[0],function(){
// X.pageLogic['dashboard'].morefeatures(eventdata[0]);
// });
// })
// });
},
@ -565,8 +565,30 @@
data['cat'] = d['model'];
data['date'] = startTimearr[0] + ' - ' + endTimearr[0];
data['timeParticleSize'] = granularity;
data['modelswitch'] = d['modelswitch'];
eventdata.push(data);
if(d['modelswitch']){
var originaldata;//原始数据
originaldata= $.extend(true,[],eventdata[0]['condata']);
originaldata.unshift(eventdata[0]['titledata']);
var dataarr = [];
for(let i in originaldata[0]){
var arr = [];
dataarr.push(arr);
}
for(let i in originaldata){
for(let j in originaldata[i]){
dataarr[j].push(originaldata[i][j]);
}
}
var titledata = dataarr[0];
var condata = dataarr.slice(1, dataarr.length - 1);
eventdata[0]['titledata'] = titledata;
eventdata[0]['condata'] = condata;
}
})
}else if(d['graph_type'] == 'echarts'){
//图形
X.eventchart(val,function(data){
@ -678,7 +700,8 @@
var data = {
id : eventdata.id,
modelsize : eventdata.modelsize,
modeltype : eventdata.modeltype
modeltype : eventdata.modeltype,
modelswitch: eventdata.modelswitch
}
X.parametersopen(data,'setupbaobiao',"auto",function(d){
X.pageLogic['dashboard'].gettabledata();
@ -805,7 +828,8 @@
legend: {
type:'scroll',
bottom:0,
data: eventdata['legenddata']
data: eventdata['legenddata'],
selected:eventdata['selected']
},
grid: {
left: '2%',

View File

@ -5,7 +5,7 @@
this.parms = parms;
this.callback = parms.callback;
var data = parms;
console.log(data);
// console.log(data);
X.laytpldata("#kanban-model-modify-table-dot",data,"model"+data.id,function(html){
$("#model"+data.id).html(html);

View File

@ -5,6 +5,7 @@
this.parms = parms;
this.callback = parms.callback;
var data = parms.extData;
console.log('luo',data);
var report_id = [];
report_id.push(data.id);
var postdata;//上传数据
@ -13,8 +14,13 @@
$('.setupbaobiao-title').val(d[0]['name']);
$('.setupbaobiao-textarea').val(d[0]['desc']);
// 初始化时间
if(endTime && startTime){
var endTime = d[0]['query']['eventView']['endTime'];
var startTime = d[0]['query']['eventView']['startTime'];
}else {
$(".setupbaobiao-date-box").hide();
}
$(".setupbaobiao-time").html(startTime +' - '+ endTime);
if(data.modeltype == "table"){ //初始化图表类型
$("#setupbaobiao-table").addClass("icon___XxbtJ");
@ -29,6 +35,14 @@
}else{//大图
$("#setupbaobiao-large").prop("checked",true);
}
//初始化切换
if(data.modelswitch){
$("#kxyswitch").prop("checked",true);
}else {
$("#gxyswitch").prop("checked",true);
}
X.laytpldata("#setupbaobiao-select-dot",X['DATA']['screenlist'][d[0]['cat']],".setupbaobiao-select");
});
@ -68,7 +82,13 @@
var title = $('.setupbaobiao-title').val();
var desc = $(".setupbaobiao-textarea").val();
var modeltype = $(".icon___XxbtJ").attr('data-type');
var modelsize = $('input:radio[name="modelsize"]:checked').val()
var modelsize = $('input:radio[name="modelsize"]:checked').val();
var modelswitch = $('input:radio[name="xyswitch"]:checked').val();
if(modelswitch == "true"){
modelswitch = true;
}else {
modelswitch = false;
}
var arr = {
_id:X.DATA.dashboard_id,
report:{
@ -77,10 +97,11 @@
desc:desc,
model:postdata[0]['cat'],
graph_type:modeltype,
graph_size:modelsize
graph_size:modelsize,
modelswitch: modelswitch,
}
}
console.log(arr);
X.api('dashboard/edit_report','post',arr,function(d){
console.log(d);
var reportedit = {