leguadmin/xfrontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
This commit is contained in:
罗松柏 2021-10-29 16:02:53 +08:00
parent e663e04705
commit 5c5ae25924
24 changed files with 420 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/pages/analysis.html
View File

@ -183,6 +183,9 @@
</div>
</div>
<div class="chawushuj" style="display: none;">
<img src="./static/img/wushujv3.png">
</div>
<!-- 统计图 -->
<div class="analysis-echarts" id="analysis-echarts"></div>
@ -198,6 +201,7 @@
</tbody>
</table>
</div>
</div>

4
web/pages/attribute.html
View File

@ -144,6 +144,10 @@
</div>
</div>
<div class="chawushuj" style="display: none;">
<img src="./static/img/wushujv3.png">
</div>
<!-- 统计图 -->
<div class="analysis-echarts" id="attribute-echarts" style="height: 400px;"></div>

2
web/pages/dashboard.html
View File

@ -363,7 +363,7 @@
<i class="layui-icon layui-icon-template-1"></i> {{item.name}}
<img src="./static/img/renyuan.png" class="nav-space-bar" data-id="{{item._id}}"/>
</a>
<dl class="layui-nav-child modeify-layui-nav-child" id="sidebar-box">
<dl class="layui-nav-child modeify-layui-nav-child" id="sidebar-box{{item._id}}">
{{# layui.each(item.children, function(indexs, items){ }}
{{# if(items.onclick == 1){ }}
<dd class="layui-left-dd layui-this" data-id="{{items._id}}"><a href="javascript:;" class="fontcolor second category"> <span class="tuodong">{{items.name}}</span>

3
web/pages/distribution.html
View File

@ -92,6 +92,9 @@
</div>
</div>
<div class="chawushuj" style="display: none;">
<img src="./static/img/wushujv3.png">
</div>
<!-- 统计图 -->
<div class="analysis-echarts" id="distribution-echarts" style="display: none;"></div>

5
web/pages/dropdownlist.html
View File

@ -1,6 +1,6 @@
<!-- 下拉列表 -->
<div class="dropdownlist-box">
<input type="text" class="dropdownlist-input" placeholder="请输入搜索条件">
<div class="dropdownlist-con-box">
</div>
@ -8,7 +8,8 @@
</div>
<script id="dropdownlist-con-box-dot" type="text/html">
{{# layui.each(d, function(index, item){ }}
<div class="dropdownlist-list" data-index="{{index}}" data-id="{{item.id}}" > {{item.title}}</div>
<div class="dropdownlist-list" data-index="{{index}}" data-id="{{item.id}}" data-title="{{item.title}}"> {{item.title}}</div>
{{# }); }}
</script>

5
web/pages/ltvmodel.html
View File

@ -121,6 +121,11 @@
</tbody>
</table>
</div>
<div class="chawushuj" style="display: none;">
<img src="./static/img/wushujv3.png">
</div>
</div>

4
web/pages/retained.html
View File

@ -132,6 +132,10 @@
</div>
</div>
<div class="chawushuj" style="display: none;">
<img src="./static/img/wushujv3.png">
</div>
<!-- 统计图 -->
<div class="analysis-echarts" id="analysis-echarts" style="display: none;"></div>

31
web/pages/userlabel.html
View File

@ -40,10 +40,6 @@
<span><i class="iconfont" style="font-size: 14px; ">&#xe61d;</i></span>
</div>
<!-- <div class="label-info-box" style="border-bottom: 1px solid #e6e6e6;">
<span> <i class="iconfont" style="font-size: 18px; ">;</i> 历史版本</span>
<span><i class="iconfont" style="font-size: 18px; ">&#xe61d;</i></span>
</div> -->
<div class="label-info-box-ov">
<div class="label-info-box-ov-title">自定义条件 <i class="layui-icon" title="筛选特定行为条件或用户属性的用户，并赋予标签值">&#xe60b;</i></div>
<div class="label-info-box-ov-del">
@ -58,33 +54,12 @@
<span>创建人</span>
<span class="label-info-box-con-right">{{d.act_name}}</span>
</div>
<!-- <div class="label-info-box-con">
<div class="label-info-box-con">
<span>用户数</span>
<span class="label-info-box-con-right">1526</span>
</div> -->
<!-- <div class="label-info-box-con" style="padding-bottom: 8px;">
<span>数据更新时间</span>
<span class="label-info-box-con-right">shafsdf</span>
</div> -->
<span class="label-info-box-con-right">{{d.num}}</span>
</div>
</div>
<!-- <div class="labelval-box">
<div class="labelval-title-box">标签值</div>
<div class="labelval-list-box">
<div class="labelval-list">
<div class="labelval-list-top">
<span>小R</span>
<span>1537</span>
</div>
<div class="labelval-list-slide-box">
<div class="labelval-list-slide"></div>
</div>
</div>
</div>
</div> -->
</div>
<div class="label-but-box">

39
web/pages/userlabel_dy.html
View File

@ -103,13 +103,20 @@
<div class="userlabel-json-action-left">
<div class="ta-editor-done-condition">
<span class="ta-isDone" data-index="{{index}}">没做过</span>
<div class="ant-dropdown-trigger ta-event-select my-event-data" data-index="{{index}}">
<div class="ant-dropdown-trigger2 ta-event-select my-event-data" data-index="{{index}}">
<span class="ta-event-select-label">{{item.eventDesc}}</span>
</div>
<span class="ta-bold">，在</span>
<span class="ant-dropdown-trigger ta-range-picker-label time-days-box" data-index="{{index}}">
过去{{item.s_days}}天
</span>
{{# if(item.e_days == 0){ }}
<span class="ant-dropdown-trigger2 ta-range-picker-label time-days-box" data-index="{{index}}">
过去{{item.s_days}}天
</span>
{{# } else { }}
<span class="ant-dropdown-trigger2 ta-range-picker-label time-days-box" data-index="{{index}}">
过去{{item.s_days}}天-过去{{item.e_days}}天
</span>
{{# } }}
</div>
</div>
<div class="userlabel-json-action-right">
@ -128,28 +135,34 @@
<div class="userlabel-json-action-left">
<div class="ta-editor-done-condition">
<span class="ta-isDone" data-index="{{index}}">做过</span>
<div class="ant-dropdown-trigger ta-event-select my-event-data" data-index="{{index}}">
<div class="ant-dropdown-trigger2 ta-event-select my-event-data" data-index="{{index}}">
<span class="ta-event-select-label">{{item.eventDesc}}</span>
</div>
<span class="ta-bold">.</span>
<div class="ant-dropdown-trigger ta-event-select load_prop_quotas_data" data-index="{{index}}">
<div class="ant-dropdown-trigger2 ta-event-select load_prop_quotas_data" data-index="{{index}}">
<span class="ta-event-select-label">{{item.prop_quota.quotaDesc}}</span>
</div>
{{# if(item.prop_quota.quota_type != null){ }}
<div class="ant-dropdown-trigger ta-event-select analysis-data-box" data-index="{{index}}" data-type="{{item.prop_quota.quota_type}}">
<div class="ant-dropdown-trigger2 ta-event-select analysis-data-box" data-index="{{index}}" data-type="{{item.prop_quota.quota_type}}">
<span class="ta-event-select-label">{{item.prop_quota.analysisDesc}}</span>
</div>
{{# } }}
<div class="ant-dropdown-trigger ta-event-select uce_calcu_symbol_box" data-index="{{index}}">
<div class="ant-dropdown-trigger2 ta-event-select uce_calcu_symbol_box" data-index="{{index}}">
<span class="ta-event-select-label">{{item.uce_calcu_symbolDesc}}</span>
</div>
<div class="ant-input-number tant-input-number lable-input-box">
<input type="text" placeholder="多个用,隔开" data-index="{{index}}" value="{{item.num}}"/>
</div>
<span class="ta-bold">，在</span>
<span class="ant-dropdown-trigger ta-range-picker-label time-days-box" data-index="{{index}}">
过去{{item.s_days}}天
</span>
{{# if(item.e_days == 0){ }}
<span class="ant-dropdown-trigger2 ta-range-picker-label time-days-box" data-index="{{index}}">
过去{{item.s_days}}天
</span>
{{# } else { }}
<span class="ant-dropdown-trigger2 ta-range-picker-label time-days-box" data-index="{{index}}">
过去{{item.s_days}}天-过去{{item.e_days}}天
</span>
{{# } }}
</div>
</div>
<div class="userlabel-json-action-right">
@ -186,10 +199,10 @@
<div class="userlabel-json-action-left">
<div class="ta-filter-condition">
<span class="ta-property">用户属性</span>
<div class="ant-dropdown-trigger ta-property-select">
<div class="ant-dropdown-trigger2 ta-property-select">
<span class="ta-property-select-label">账户ID</span>
</div>
<div class="ant-dropdown-trigger ta-property-select">
<div class="ant-dropdown-trigger2 ta-property-select">
<span class="ta-property-select-label">等于</span>
</div>
<div class="ta-equal-search taDragDisable">

106
web/pages/userlabelinfo.html Normal file
View File

@ -0,0 +1,106 @@
<div class="userlabel-box">
<div class="userlabel-right-box">
</div>
<div class="userlabel-left-box">
<div class="eventattradmin-top-box">
<div class="eventattradmin-left___y490Q">用户信息</div>
<div class="eventattradmin-right___1TIt8">
<!-- <div class="eventattradmin-search___23TMG">
<i class="layui-icon">&#xe615;</i>
<input type="text" placeholder="请输入搜索" />
<img src="./static/img/cha1.png">
</div> -->
<div class="eventattradmin-actions___141YT addlabeldata">
<i class="layui-icon">&#xe624;</i>
<span>数据下载</span>
</div>
</div>
</div>
<div class="eventattradmin-table-box">
<table class="layui-hide" id="userlabelinfo-table" lay-filter="userlabelinfotest" ></table>
<div class="table-div-box">
<table class="table-fenxi-box">
<thead>
<tr class="table-fenxi-th">
</tr>
</thead>
<tbody class="table-fenxi-td">
</tbody>
</table>
</div>
<div id="laypage" style="float: right;"></div>
</div>
</div>
</div>
<script id="table-fenxi-th-dot" type="text/html">
{{# layui.each(d, function(index, item){ }}
<th>{{item}}</th>
{{# }); }}
</script>
<script id="table-fenxi-td-dot" type="text/html">
{{# layui.each(d, function(index, item){ }}
<tr>
{{# layui.each(d[index], function(indexs, items){ }}
<td>{{items}}</td>
{{# }); }}
</tr>
{{# }); }}
</script>
<script id="userlabelinfo-right-box-dot" type="text/html">
<div class="userlabel-right">
<div class="userlabel-right-fanhui"> <i class="iconfont" style="font-size: 14px;">&#xe61c;</i> 返回列表</div>
<div class="label-title-box">
<div class="label-box-title">用户标签</div>
<div class="lable-title-name">{{d.display_name}}</div>
</div>
<div class="label-info-box" style="border-bottom: 1px solid #e6e6e6;">
<span> <i class="iconfont" style="font-size: 14px; position: relative; top: 2px;">&#xe607;</i> 标签详情</span>
<span><i class="iconfont" style="font-size: 14px; ">&#xe61d;</i></span>
</div>
<div class="label-info-box-ov">
<div class="label-info-box-ov-title">自定义条件 <i class="layui-icon" title="筛选特定行为条件或用户属性的用户，并赋予标签值">&#xe60b;</i></div>
<div class="label-info-box-ov-del">
{{d.remarks}}
</div>
<div class="label-info-box-con" style="padding-top: 8px;">
<span>标签名</span>
<span class="label-info-box-con-right">{{d.cluster_name}}</span>
</div>
<div style="border-bottom: 1px solid #e6e6e6;">
<div class="label-info-box-con">
<span>创建人</span>
<span class="label-info-box-con-right">{{d.act_name}}</span>
</div>
<div class="label-info-box-con">
<span>用户数</span>
<span class="label-info-box-con-right">{{d.num}}</span>
</div>
</div>
</div>
<!-- <div class="label-but-box">
<div class="lable-dingyi" style="border-right: 1px solid #e6e6e6;"> <i class="iconfont" style="font-size: 14px; margin-right: 4px;">&#xe60d;</i> 定义</div>
<div class="lable-gengxin" style="border-right: 1px solid #e6e6e6;"> <i class="iconfont" style="font-size: 14px; margin-right: 4px;">&#xe628;</i> 更新</div>
<div class="lable-del"> <i class="iconfont" style="font-size: 14px; margin-right: 4px;">&#xe611;</i> 删除</div>
</div> -->
</div>
</script>

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

@ -193,7 +193,7 @@ var X = window.X || {
callback && callback(d.data);
}else {
layer.msg('查无数据');
// callback && callback(d);
callback && callback(d);
}
}else {
if(d.code == -5){
@ -201,6 +201,9 @@ var X = window.X || {
window.localStorage.removeItem('loginData');
X.gourl("login");
location.reload();
}else if(d.code == -9){
callback && callback("查无数据");
}else {
layer.msg(d.msg);
}
@ -255,7 +258,17 @@ var X = window.X || {
callback && callback(d.data);
}
}else {
layer.msg(d.msg);
if(d.code == -5){
layer.msg("登录过期请重新登录!!!");
window.localStorage.removeItem('loginData');
X.gourl("login");
location.reload();
}else if(d.code == -9){
callback && callback("查无数据");
}else {
layer.msg(d.msg);
}
}
},
@ -4456,17 +4469,22 @@ var X = window.X || {
}
X.api("ck/event_model","post",dataArr,function(d){
querydata = d;
if(d.length > 0){
if(d != "查无数据"){
if(d[0].values.length > 0 ){
updata();
tabledata(d);
$(".chawushuj").hide();
}else {
$("#analysis-echarts").empty();
layer.msg("无数据");
}
}else {
$("#analysis-echarts").empty();
layer.msg("无数据");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
// layer.msg("无数据");
}
})
@ -4949,9 +4967,17 @@ var X = window.X || {
events: data.events
}
X.api("ck/user_property_model","post",dataArr,function(val){
attributetable(val);
querydata = val;
updata(val)
if(val != "查无数据"){
attributetable(val);
querydata = val;
updata(val);
$(".chawushuj").hide();
}else {
$("#attribute-echarts").empty();
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
}
})
};
@ -6099,7 +6125,7 @@ var X = window.X || {
//总体逻辑是：根据获取到的看板内容去先渲染放置的框，在根据不同分析模型处理对应的数据进行填充
fillmodeldata:function(d,id,type){
X.modelapi("ck/"+d['model']+"_model","post",{report_id:d['report_id']},function(val){
if(val == null || JSON.stringify(val) == "{}" || JSON.stringify(val) == "[]"){
if(val == '查无数据'){
$('#model-two-'+d['report_id']).html('<span class="woshujv">查无数据</span>');
}else {
var eventdata = X.pageLogic['dashboard'].modeldata(d,val,type);
@ -6489,7 +6515,7 @@ var X = window.X || {
})
});
}else {
layer.msg('无数据!!!');
layer.msg('无数据qqq');
}
})
});
@ -7625,10 +7651,19 @@ var X = window.X || {
events: data.events
}
X.api("ck/scatter_model","post",dataArr,function(d){
querydata = d;
d['tabletitle'] = $.extend(true,[],d['label']);
d['tabletitle'].unshift('事件发生时间','总人数');
updata(d)
if(d != "查无数据"){
querydata = d;
d['tabletitle'] = $.extend(true,[],d['label']);
d['tabletitle'].unshift('事件发生时间','总人数');
updata(d);
$(".chawushuj").hide();
}else{
$("#distribution-echarts").empty();
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
}
})
};
@ -7875,9 +7910,36 @@ var X = window.X || {
X.laytpldata("#dropdownlist-con-box-dot",listdata,".dropdownlist-con-box");
// $(document).off("bind",'.dropdownlist-input').on("bind",".dropdownlist-input",function(){
// var title = $(this).val();
// console.log(title);
// });
$('.dropdownlist-input').bind('input propertychange', function() {
var title = $(this).val();
if(title != ""){
var filteringdata = [];
for(let i in listdata){
if(listdata[i]['title'].indexOf(title) != -1 || listdata[i]['id'].indexOf(title) != -1){
filteringdata.push(listdata[i]);
}
}
// console.log(filteringdata);
X.laytpldata("#dropdownlist-con-box-dot",filteringdata,".dropdownlist-con-box");
}else{
X.laytpldata("#dropdownlist-con-box-dot",listdata,".dropdownlist-con-box");
}
})
$(document).off('click','.dropdownlist-list').on('click','.dropdownlist-list',function(){
var index = $(this).attr("data-index");
var dataArr = listdata[index];
var id = $(this).attr("data-id");
var title = $(this).attr("data-title");
for(let i in listdata){
if(listdata[i]['id'] == id && title == listdata[i]['title']){
var dataArr = listdata[i];
}
}
me.callback && me.callback(dataArr);
layer.close( me.parms.layIndex );
})
@ -9963,10 +10025,14 @@ var X = window.X || {
events: data.events
}
X.api("ck/ltv_model","post",dataArr,function(d){
if(d.title.length == 0){
layer.msg('无数据');
if(d == "查无数据"){
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
return;
}else{
$(".chawushuj").hide();
X.laytpldata("#table-fenxi-th-dot",d.title,".table-fenxi-th");
X.laytpldata("#table-fenxi-td-dot",d.rows,".table-fenxi-td");
}
@ -11314,8 +11380,16 @@ var X = window.X || {
events: data.events
}
X.api("ck/retention_model","post",dataArr,function(d){
querydata = d;
updata(d)
if(d != "查无数据"){
querydata = d;
updata(d);
$(".chawushuj").hide();
}else {
$("#analysis-echarts").empty();
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
}
})
};

17
web/srczip/common.js
View File

@ -192,7 +192,7 @@ var X = window.X || {
callback && callback(d.data);
}else {
layer.msg('查无数据');
// callback && callback(d);
callback && callback(d);
}
}else {
if(d.code == -5){
@ -200,6 +200,9 @@ var X = window.X || {
window.localStorage.removeItem('loginData');
X.gourl("login");
location.reload();
}else if(d.code == -9){
callback && callback("查无数据");
}else {
layer.msg(d.msg);
}
@ -254,7 +257,17 @@ var X = window.X || {
callback && callback(d.data);
}
}else {
layer.msg(d.msg);
if(d.code == -5){
layer.msg("登录过期请重新登录!!!");
window.localStorage.removeItem('loginData');
X.gourl("login");
location.reload();
}else if(d.code == -9){
callback && callback("查无数据");
}else {
layer.msg(d.msg);
}
}
},

9
web/srczip/logic/analysis.js
View File

@ -1112,17 +1112,22 @@
}
X.api("ck/event_model","post",dataArr,function(d){
querydata = d;
if(d.length > 0){
if(d != "查无数据"){
if(d[0].values.length > 0 ){
updata();
tabledata(d);
$(".chawushuj").hide();
}else {
$("#analysis-echarts").empty();
layer.msg("无数据");
}
}else {
$("#analysis-echarts").empty();
layer.msg("无数据");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
// layer.msg("无数据");
}
})

14
web/srczip/logic/attribute.js
View File

@ -331,9 +331,17 @@
events: data.events
}
X.api("ck/user_property_model","post",dataArr,function(val){
attributetable(val);
querydata = val;
updata(val)
if(val != "查无数据"){
attributetable(val);
querydata = val;
updata(val);
$(".chawushuj").hide();
}else {
$("#attribute-echarts").empty();
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
}
})
};

10
web/srczip/logic/dashboard.js
View File

@ -642,7 +642,7 @@
});
}
})
})
});
},
@ -691,7 +691,8 @@
$("#model-box").html("");
// 获取报表数据
X.pageLogic['dashboard'].gettabledata();
var sidebar = document.getElementById('sidebar-box');
var sidebar = document.getElementById('sidebar-box'+d.spaces[0]['_id']);
new Sortable(sidebar, {
handle: '.tuodong', // handle class
animation: 150,
@ -720,6 +721,7 @@
})
}
});
break;//终止循环
}
@ -732,7 +734,7 @@
//总体逻辑是：根据获取到的看板内容去先渲染放置的框，在根据不同分析模型处理对应的数据进行填充
fillmodeldata:function(d,id,type){
X.modelapi("ck/"+d['model']+"_model","post",{report_id:d['report_id']},function(val){
if(val == null || JSON.stringify(val) == "{}" || JSON.stringify(val) == "[]"){
if(val == '查无数据'){
$('#model-two-'+d['report_id']).html('<span class="woshujv">查无数据</span>');
}else {
var eventdata = X.pageLogic['dashboard'].modeldata(d,val,type);
@ -1122,7 +1124,7 @@
})
});
}else {
layer.msg('无数据!!!');
layer.msg('无数据qqq');
}
})
});

17
web/srczip/logic/distribution.js
View File

@ -366,10 +366,19 @@
events: data.events
}
X.api("ck/scatter_model","post",dataArr,function(d){
querydata = d;
d['tabletitle'] = $.extend(true,[],d['label']);
d['tabletitle'].unshift('事件发生时间','总人数');
updata(d)
if(d != "查无数据"){
querydata = d;
d['tabletitle'] = $.extend(true,[],d['label']);
d['tabletitle'].unshift('事件发生时间','总人数');
updata(d);
$(".chawushuj").hide();
}else{
$("#distribution-echarts").empty();
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
}
})
};

29
web/srczip/logic/dropdownlist.js
View File

@ -9,9 +9,36 @@
X.laytpldata("#dropdownlist-con-box-dot",listdata,".dropdownlist-con-box");
// $(document).off("bind",'.dropdownlist-input').on("bind",".dropdownlist-input",function(){
// var title = $(this).val();
// console.log(title);
// });
$('.dropdownlist-input').bind('input propertychange', function() {
var title = $(this).val();
if(title != ""){
var filteringdata = [];
for(let i in listdata){
if(listdata[i]['title'].indexOf(title) != -1 || listdata[i]['id'].indexOf(title) != -1){
filteringdata.push(listdata[i]);
}
}
// console.log(filteringdata);
X.laytpldata("#dropdownlist-con-box-dot",filteringdata,".dropdownlist-con-box");
}else{
X.laytpldata("#dropdownlist-con-box-dot",listdata,".dropdownlist-con-box");
}
})
$(document).off('click','.dropdownlist-list').on('click','.dropdownlist-list',function(){
var index = $(this).attr("data-index");
var dataArr = listdata[index];
var id = $(this).attr("data-id");
var title = $(this).attr("data-title");
for(let i in listdata){
if(listdata[i]['id'] == id && title == listdata[i]['title']){
var dataArr = listdata[i];
}
}
me.callback && me.callback(dataArr);
layer.close( me.parms.layIndex );
})

8
web/srczip/logic/ltvmodel.js
View File

@ -251,10 +251,14 @@
events: data.events
}
X.api("ck/ltv_model","post",dataArr,function(d){
if(d.title.length == 0){
layer.msg('无数据');
if(d == "查无数据"){
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
return;
}else{
$(".chawushuj").hide();
X.laytpldata("#table-fenxi-th-dot",d.title,".table-fenxi-th");
X.laytpldata("#table-fenxi-td-dot",d.rows,".table-fenxi-td");
}

12
web/srczip/logic/retained.js
View File

@ -503,8 +503,16 @@
events: data.events
}
X.api("ck/retention_model","post",dataArr,function(d){
querydata = d;
updata(d)
if(d != "查无数据"){
querydata = d;
updata(d);
$(".chawushuj").hide();
}else {
$("#analysis-echarts").empty();
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
}
})
};

24
web/srczip/logic/userlabel.js
View File

@ -29,16 +29,23 @@
});
});
// X.api('user_label/read','post',{project_id: X.DATA.projectid},function(d){
// console.log(d);
// })
// 标签详情
$(document).off('click','.label-info-box').on('click','.label-info-box',function(){
X.gourl('userlabelinfo','conetnt');
});
// 监听单行事件
layui.table.on('row(userlabeltest)',function(obj){
var data = obj.data
console.log(data);
// console.log(data);
X.DATA.userlabelid = data._id;
X.laytpldata('#userlabel-right-box-dot',data,'.userlabel-right-box');
X.api("user_label/cluster_user_count","post",{cluster_name:data.cluster_name},function(d){
data['num'] = d.num;
// console.log(d);
X.laytpldata('#userlabel-right-box-dot',data,'.userlabel-right-box');
})
});
@ -56,11 +63,14 @@
}
}}
// ,{fixed: 'right', title:'操作', toolbar: '#eventattradminbarDemo', width:80}
]],"&project_id="+X.DATA.projectid,'auto',function(res, curr, count){
]],"",'auto',function(res, curr, count){
// console.log(res);
if(res.data.length > 0){
X.DATA.userlabelid = res.data[0]._id;
X.laytpldata('#userlabel-right-box-dot',res.data[0],'.userlabel-right-box');
X.api("user_label/cluster_user_count","post",{cluster_name:res.data[0].cluster_name},function(d){
res.data[0]['num'] = d.num;
X.laytpldata('#userlabel-right-box-dot',res.data[0],'.userlabel-right-box');
})
}
});
}

52
web/srczip/logic/userlabelinfo.js Normal file
View File

@ -0,0 +1,52 @@
(function(){
X.pageLogic['userlabelinfo'] = {
init : function(parms){
var me = this;
var userlabelid = X.DATA.userlabelid;
var page = 1; //设置首页页码
var limit = 10; //设置每页显示条数
var total; //总条数
X.api("user_label/detail","post",{label_id: userlabelid},function(val){
X.api("user_label/cluster_user_count","post",{cluster_name:val.cluster_name},function(d){
val['num'] = d.num;
total = d.num;
X.laytpldata('#userlabelinfo-right-box-dot',val,'.userlabel-right-box');
cluster_user_list_data(val);
layui.laypage.render({
elem: 'laypage' //注意，这里的 test1 是 ID，不用加 # 号
,count: total, //数据总数，从服务端得到
limit:limit, //每页条数设置
jump: function(obj, first){
//obj包含了当前分页的所有参数，比如：
// console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
// console.log(obj.limit); //得到每页显示的条数
page=obj.curr; //改变当前页码
limit=obj.limit;
//首次不执行
if(!first){
cluster_user_list_data(val); //加载数据
}
}
});
})
});
function cluster_user_list_data(val){
X.api('user_label/cluster_user_list',"post",{cluster_name: val.cluster_name,page: page,limit: limit},function(d){
X.laytpldata("#table-fenxi-th-dot",d.columns,".table-fenxi-th");
X.laytpldata("#table-fenxi-td-dot",d.values ,".table-fenxi-td");
});
};
// 返回上一页
$(document).off("click",".userlabel-right-fanhui").on("click",".userlabel-right-fanhui",function(){
X.gourl('userlabel','conetnt');
});
}
};
})();

1
web/static/css/analysis.css
View File

@ -199,6 +199,7 @@
.dropdownlist-box { width: 200px; max-height: 350px; background-color: #fff; }
.dropdownlist-list { cursor: pointer; margin: 1px 0; padding: 8px 15px; font-size: 14px; color: rgba(0, 0, 0, 0.8); }
.dropdownlist-list:hover { background-color: #f6f8fa; }
.dropdownlist-input { width: 170px; padding: 15px; border: 0; }
/* 分组项弹窗 */
.groupeditemspop-box { width: 364px; height: 270px; background-color: #fff; }

6
web/static/css/style.css
View File

@ -29,8 +29,8 @@
.layui-laypage-em { background-color: #3d90ff !important; }
::-webkit-scrollbar {
width:5px;
height:5px;
width:8px;
height:8px;
background-color:#F5F5F5;
}
/* 滚动条上的按钮 (上下箭头). */
@ -793,6 +793,6 @@ label:not(.form-check-label):not(.custom-file-label) { font-weight: 400; }
.userlabel-right-fanhui { padding: 0px 24px 10px 24px; cursor: pointer; color: #607595; font-size: 14px; font-weight: 500; }
.analysis-num {cursor: pointer;}
.chawushuj { width: 100%; text-align: center; }

BIN
web/static/img/wushujv3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB