This commit is contained in:
罗松柏 2021-11-24 16:58:10 +08:00
parent 62c09edb3d
commit 9682007ae7
5 changed files with 127 additions and 82 deletions

View File

@ -35,83 +35,101 @@
<div class="table-box">
<div class="table-tbody-box" id="table-tbody-box-{{d.id}}">
<table class="table-fenxi-box">
<thead>
<tr class="table-fenxi-th">
{{# layui.each(d.titledata, function(indexs, items) { }}
<th>{{items}}</th>
{{# }); }}
</tr>
</thead>
{{# if(d.cat === "event"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
{{# layui.each(items, function(indexss, itemss) { }}
<td>{{itemss}}</td>
<div class="table_box_big">
<div class="table_box">
<table>
<thead>
<tr class="table-fenxi-th">
{{# layui.each(d.titledata, function(indexs, items) { }}
<th>{{items}}</th>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } else if( d.cat == "scatter"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
<td>{{items.date}}</td>
<td>{{items.d0}}</td>
{{# layui.each(items.data, function(indexss, itemss){ }}
<td>
<p>{{itemss.n}}</p>
<p>{{itemss.p}}%</p>
</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } else if(d.cat === "retention"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
<td>{{items.date}}</td>
<td>{{items.d0}}</td>
{{# layui.each(items.data, function(indexss, itemss){ }}
<td>
{{# if(itemss.p == '-'){ }}
<p>{{itemss.p}}</p>
{{# } else { }}
<p>{{itemss.p}}%</p>
{{# } }}
</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
</tr>
</thead>
</table>
{{# } else if(d.cat === "ltv"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
{{# layui.each(items, function(indexss, itemss){ }}
<td>{{itemss}}</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } else if(d.cat === "user_property"){ }}
{{# layui.each(d.condata, function(indexs, items) { }}
<tr>
<td>{{indexs}}</td>
<td>{{items}}</td>
</tr>
{{# }); }}
{{# } }}
</table>
<div class="table_tbody_box">
<table class="table-fenxi-box">
<!-- <thead>
<tr class="table-fenxi-th">
{{# layui.each(d.titledata, function(indexs, items) { }}
<th>{{items}}</th>
{{# }); }}
</tr>
</thead> -->
{{# if(d.cat === "event"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
{{# layui.each(items, function(indexss, itemss) { }}
<td>{{itemss}}</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } else if( d.cat == "scatter"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
<td>{{items.date}}</td>
<td>{{items.d0}}</td>
{{# layui.each(items.data, function(indexss, itemss){ }}
<td>
<p>{{itemss.n}}</p>
<p>{{itemss.p}}%</p>
</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } else if(d.cat === "retention"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
<td>{{items.date}}</td>
<td>{{items.d0}}</td>
{{# layui.each(items.data, function(indexss, itemss){ }}
<td>
{{# if(itemss.p == '-'){ }}
<p>{{itemss.p}}</p>
{{# } else { }}
<p>{{itemss.p}}%</p>
{{# } }}
</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } else if(d.cat === "ltv"){ }}
<tbody class="table-fenxi-td">
{{# layui.each(d.condata, function(indexs, items) { }}
<tr >
{{# layui.each(items, function(indexss, itemss){ }}
<td>{{itemss}}</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } else if(d.cat === "user_property"){ }}
{{# layui.each(d.condata, function(indexs, items) { }}
<tr>
<td>{{indexs}}</td>
<td>{{items}}</td>
</tr>
{{# }); }}
{{# } }}
</table>
</div>
</div>
</div>
</div>
</div>

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

@ -5938,7 +5938,7 @@ var X = window.X || {
var offset = obj.offset();
var offsets = [ offset.top + 10,offset.left];
var id = $(this).attr('data-id');
X.parametersopen(X.DATA.taboperationdata['kanban'],"dropdownlist",offsets,function(d){
X.parametersopen(X.DATA.taboperationdata['kanban'],"dropdownlist2",offsets,function(d){
var arr = [];
arr.push(id);
if(d.click != 'del'){

View File

@ -380,7 +380,7 @@
var offset = obj.offset();
var offsets = [ offset.top + 10,offset.left];
var id = $(this).attr('data-id');
X.parametersopen(X.DATA.taboperationdata['kanban'],"dropdownlist",offsets,function(d){
X.parametersopen(X.DATA.taboperationdata['kanban'],"dropdownlist2",offsets,function(d){
var arr = [];
arr.push(id);
if(d.click != 'del'){

View File

@ -286,7 +286,7 @@
.table-fenxi-box { width: 100%; }
.table-fenxi-box th { background-color: #f0f2f5; min-width: 100px; max-width: 200px; padding: 10px 16px; color: #202d3f; font-size: 13px; font-weight: 400; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #f0f2f5; }
.table-fenxi-box tr { text-align: center; border-left: 1px solid #e6e6e6; }
.table-fenxi-box tr td{ padding: 10px 16px; color: #202d3f; font-size: 13px; font-weight: 400; border: 1px solid #e6e6e6; }
.table-fenxi-box tr td{ min-width: 100px; max-height: 200px; padding: 10px 16px; color: #202d3f; font-size: 13px; font-weight: 400; border: 1px solid #e6e6e6; }
.participate-box { color: #67729d; margin-left: 16px; padding: 0 6px; display: inline-block; min-width: 40px; height: 28px; font-size: 13px; line-height: 29px; border-radius: 2px; cursor: pointer; background-color: #fff; border: 1px solid #f0f2f5; }

View File

@ -171,8 +171,12 @@
.control { height: 21px; display: block; }
.tool-show .control { display: block; }
.table-box { margin: 10px 24px 0 24px; height: 300px; overflow-x: auto; overflow-y: hidden; }
.table-tbody-box { height: 300px; overflow-x: auto; overflow-y: auto; }
.table-box { margin: 10px 24px 0 24px; height: 300px;
/* overflow-x: auto; overflow-y: hidden; */
}
.table-tbody-box { height: 300px;
/* overflow-x: auto; overflow-y: auto; */
}
.table-thead { }
.layui-table-body { height: 242px; overflow: auto; }
@ -806,5 +810,28 @@ label:not(.form-check-label):not(.custom-file-label) { font-weight: 400; }
.customname-val-right div { width: 50%; padding: 24px 0; text-indent: 20px; border-right: 1px solid #f0f2f5;}
.customname-content-box { position: relative; top: 66px; }
.table_box_big {
overflow-x: scroll;
overflow-y: hidden;
position: relative;
height: 300px;
}
.table_box {
overflow: hidden;
position: absolute;
}
.table_tbody_box {
height: 250px;
overflow: scroll;
}
.table-fenxi-th th{
background-color: #f0f2f5;
min-width: 100px;
max-width: 200px;
padding: 10px 16px;
color: #202d3f;
font-size: 13px;
font-weight: 400;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #f0f2f5;
}