xfrontend/web/pages/dashboard.html
2021-07-27 20:20:10 +08:00

816 lines
37 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 你的HTML代码 -->
<div class="layui-layout layui-layout-admin">
<div id="analysis-zhanwei" class="toptab">
<div class="layui-header modify-layui-header">
<div class="layui-logo modify-layui-logo">
<img src="./static/img/logo.png" style="width:40px; margin-top: 0px;">
</div>
<ul class="layui-nav layui-project layui-project-box">
</ul>
<ul class="layui-nav layui-layout-left qvjiantou">
<li class="layui-nav-item">
<a class="ajax-content" href="dashboard" data-id="main-content">数据看板</a>
</li>
<!-- <li class="layui-nav-item">
<a href="javascript:;">基础分析</a>
<dl class="layui-nav-child">
<dd><a class="ajax-content" href="dataOverview" data-id="conetnt">运营日报</a></dd>
<dd><a class="ajax-content" href="ltv" data-id="conetnt">产品LTV</a></dd>
<dd><a class="ajax-content" href="retainedrate" data-id="conetnt">留存率</a></dd>
<dd><a class="ajax-content" href="retainedpay" data-id="conetnt">付费留存</a></dd>
<dd><a class="ajax-content" href="manytimespay" data-id="conetnt">多次付费率</a></dd>
</dl>
</li> -->
<li class="layui-nav-item">
<a href="javascript:;">行为分析</a>
<dl class="layui-nav-child">
<dd><a class="ajax-content" href="analysis" data-id="conetnt">事件分析</a></dd>
<dd><a class="ajax-content" href="retained" data-id="conetnt">留存分析</a></dd>
<dd><a class="ajax-content" href="ltvmodel" data-id="conetnt">LTV模型</a></dd>
<dd><a class="ajax-content" href="funnelanalysis" data-id="conetnt">漏斗分析</a></dd>
<dd><a class="ajax-content" href="distribution" data-id="conetnt">分布分析</a></dd>
<dd><a class="ajax-content" href="routeanalysis" data-id="conetnt">路径分析</a></dd>
<dd><a class="ajax-content" href="sqlquery" data-id="conetnt">SQL查询</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">用户分析</a>
<dl class="layui-nav-child">
<dd><a class="ajax-content" href="attribute" data-id="conetnt">属性分析</a></dd>
<dd><a href="javascript:void(0);">用户分群</a></dd>
<dd><a href="javascript:void(0);">用户标签</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">数据管理</a>
<dl class="layui-nav-child">
<dd><a class="ajax-content" href="eventmanagement" data-id="conetnt">事件管理</a></dd>
<dd><a class="ajax-content" href="eventattradmin" data-id="conetnt">事件属性管理</a></dd>
<dd><a class="ajax-content" href="userattradmin" data-id="conetnt">用户属性管理</a></dd>
<dd><a href="javascript:void(0);">预警管理</a></dd>
</dl>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item souduo" id="search">
<img src="./static/img/fangdaj.png" style="width: 25px;"> <span style="color: rgba(255,255,255,.7);">用户搜索</span>
</li>
<li class="layui-nav-item">
<a href="javascript:;">设置</a>
<dl class="layui-nav-child">
<dd><a class="ajax-content" href="personalsettings" data-id="conetnt">个人设置</a></dd>
<dd><a class="ajax-content" href="projectinfo" data-id="conetnt">项目管理</a></dd>
<dd><a href="javascript:void(0);">系统管理</a></dd>
<dd><a href="javascript:void(0);">退出登录</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<div id="conetnt">
<div class="layui-side layui-bg-black modify-layui-side modify-layui-bg-black">
<div class="layui-side-scroll modify-layui-side-scroll">
<!-- 左侧导航区域可配合layui已有的垂直导航 -->
<div class="sousuo-box">
<div class="sousuo" >
<img src="./static/img/fangdaj.png" />
<input type="text" placeholder="搜索看板" class="sousuo-txt" />
</div>
<div style="display: flex; align-items: center;">
<img src="./static/img/caidan.png" class="kbglkanbanbtn" title="看板管理"/>
<div class='chuangjian' title="" id='chuangjian'>+</div>
</div>
</div>
<!-- 看板管理 -->
<div class="ant-drawer-content-wrapper" id='kanban'>
<div class="zhanwei"></div>
<!-- 授课计划分解卡号是的开发哈数据库的 -->
</div>
<!-- 新建文件 -->
<div class="zhezhao_bg" id='zhezhao_bg'></div>
<div class="newskanban_box" id="newskanban_box">
<ul class="tant-dropdown">
<li id="tant-newkanban">
<img src="./static/img/tishi.png">
<span>新建看板</span>
</li>
<li id="tant-newwenjian">
<img src="./static/img/tishi.png">
<span>新建文件夹</span>
</li>
<div class="tant-xian"></div>
<li id="tant-establishkongjian">
<img src="./static/img/tishi.png">
<span>创建空间</span>
</li>
<!-- <li>
<img src="./static/img/tishi.png">
<span>导出看板</span>
</li>
<div class="tant-xian"></div>
<li>
<img src="./static/img/tishi.png">
<span>导入看板</span>
</li> -->
</ul>
</div>
<!-- 侧边栏看板 -->
<ul class="layui-nav layui-nav-tree modify-layui-nav modify-layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed modify-layui-nav-item">
<a class="fontcolor" href="javascript:;">我的看板</a>
<dl class="layui-nav-child modeify-layui-nav-child" id='mykanban'>
</dl>
</li>
<li class="layui-nav-item modify-layui-nav-item">
<a href="javascript:;" class="fontcolor">项目空间</a>
<dl class="layui-nav-child modeify-layui-nav-child" id="kongjian">
</dl>
</li>
</ul>
</div>
</div>
<div class="layui-body modify-layui-body">
<!-- 内容主体区域 -->
<div class="tab-box">
<div class="tab-tit-box">
<div class="tab-tit">活跃用户</div>
<div class="tab-shiqvshezhi"> 当前时间 </div>
</div>
<div class="tab-right-box" >
<div class="username"></div>
<div class="img-box time" title="时间筛选">
<img src="./static/img/rli.png" />
</div>
<div class="img-box tjsx" title="条件筛选">
<img src="./static/img/guolv.png" />
</div>
<div class="img-box updatetime" title="最后更新2021-03-26 01:00:00">
<img src="./static/img/gengxin.png" />
</div>
<!-- <div class="img-box" title="共享">
<img src="./static/img/fenxiang.png" />
</div> -->
<div class="img-box shezhi" title="设置">
<img src="./static/img/shezhi.png" />
</div>
<div class="img-box baobiao" title="报表">
<img src="./static/img/baobiao2.png">
</div>
</div>
</div>
<div style="padding: 15px; height: calc(100% - 17px); overflow-y:auto; ">
<div class="layui-row layui-col-space15" id="model-box" style="width: 100%; height: 780px;">
<!-- <div class="layui-row layui-col-space15" id="model-box" style="width: 100%; height: 780px;">
</div> -->
<!-- 图表数据显示区域 -->
<!-- onmousemove="moveaction('data1')" onmouseout="outaction('data1')" -->
<!-- <div class="layui-col-md6" id="data1" >
<div class="layui-card">
<div class="row-top">
<div class="row-tit">
<p><a href="#">日活跃用户数</a></p>
<div class="tishi" title="活跃用户可以通过“登录.触发用户数”来进行计算,即有登录行为的用户的去重数.">
<img src="./static/img/tishi.png" />
</div>
</div>
<div class="control">
<div class="action-box" >
<div class="tishi" title="更新">
<img src="./static/img/gengxin.png" />
</div>
<div class="tishi" title="探索">
<img src="./static/img/fangda.png" />
</div>
<div class="tishi" title="更多">
<img src="./static/img/gengduo.png" />
</div>
</div>
</div>
</div>
<div class="condition-box">
<div class="time-cond">
<span>过去30天</span>
<div class="xian"></div>
<span>按天</span>
</div>
<div class="chart control">
<img src="./static/img/qvshitu.png" /> <span>趋势图</span>
</div>
</div>
<p class="dqtime">2021-03-23(二)</p>
<div class="data-box">
<div style="display: flex; align-items: center;">
<div class="data-num">351<span>人</span></div>
<div class="proportion">
<div class="proportion-data">较环比 <div class="sanjiao"></div><span>5.4%</span></div>
<div class="proportion-data">较同比 <div class="sanjiao"></div><span>5.4%</span></div>
</div>
</div>
<div class="thesum">
<div class="thesum-box">
<div class="thesum-data">总和 <span>12074</span>人</div>
<div class="thesum-data">均值 <span>402.47</span>人</div>
</div>
</div>
</div>
<div class="echarts-box">
<div id="charts" class="echarts"></div>
</div>
</div>
</div> -->
<!-- onmousemove="moveaction('data2')" onmouseout="outaction('data2')" -->
<!-- <div class="layui-col-md6" id="data2">
<div class="layui-card">
<div class="row-top">
<div class="row-tit">
<p><a href="#">日活跃用户数</a></p>
<div class="tishi" title="活跃用户数可以通过“登录.触发用户数”来进行计算,即有登录行为的用户的去重数。">
<img src="./static/img/tishi.png" />
</div>
</div>
<div class="control">
<div class="action-box" >
<div class="tishi" title="更新">
<img src="./static/img/gengxin.png" />
</div>
<div class="tishi" title="探索">
<img src="./static/img/fangda.png" />
</div>
<div class="tishi" title="更多">
<img src="./static/img/gengduo.png" />
</div>
</div>
</div>
</div>
<div class="condition-box">
<div class="time-cond">
<span>过去30天</span>
<div class="xian"></div>
<span>按天</span>
</div>
<div class="chart control">
<img src="./static/img/qvshitu.png" /> <span>趋势图</span>
</div>
</div>
<div class="table-box">
<table class="table-fenxi-box">
<thead>
<tr class="table-fenxi-th">
<th>当日</th>
<th>当日</th>
<th>当日</th>
<th>当日</th>
<th>当日</th>
<th>当日</th>
</tr>
</thead>
<tbody class="table-fenxi-td">
<tr >
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!-- <div class="layui-footer modify-layui-footer">
底部固定区域
© layui.com - 底部固定区域
</div> -->
</div>
</div>
<div class="Screen"></div>
<!-- 导航操作弹窗 -->
<div class="TabOperation_box" id="TabOperation_box">
<ul id="TabOperation">
<li>
<img src="./static/img/xiugai.png"/>
<span>重新命名</span>
</li>
<li>
<img src="./static/img/yidong.png"/>
<span>移动至</span>
</li>
<li>
<img src="./static/img/fuzhi.png"/>
<span>复制看板</span>
</li>
<li>
<img src="./static/img/del.png"/>
<span>删除看板</span>
</li>
</ul>
</div>
<!-- 修改看板名称 -->
<div class="modifyname-bg">
<div class="modifyname-box">
<div class="modifyname-top">
<p>看板名称</p>
<img src="./static/img/cha.png" id="modifyname-cha"/>
</div>
<input id="modifynameid" style="display: none;">
<div class="modifyname-txt-box">
<input type="text" class="modifyname-txt" id="modifyname-txt"/>
</div>
<div class="modifyname-but-box">
<div class="modifyname-qx" id="modifyname-qx">取消</div>
<div class="modifyname-qd" id="modifyname-qd">确定</div>
</div>
</div>
</div>
<!-- 移动看板 -->
<div class="yidong-bg">
<div class="yidong-box">
<div class="yidong-top">
<p>移动至</p>
<img src="./static/img/cha.png" id="yidong-cha"/>
</div>
<input id="yidongid" style="display: none;">
<div class="yidong-tab-box">
<div class="yidong-tab">
<div class="tabdata" id='yidongkanban' onclick="tabdata('yidongkanban','yidong')">我的看板</div>
<div id='yidongkongjian' onclick="tabdata('yidongkongjian','yidong')">项目空间</div>
</div>
</div>
<div class="yidong-txt-box">
<input type="text" class="justAnotherInputBox1" placeholder=""/>
<input type="text" class="justAnotherInputBox2" placeholder=""/>
</div>
<div class="yidong-but-box">
<div class="yidong-qx" id="yidong-qx">取消</div>
<div class="yidong-qd" id="yidong-qd">确定</div>
</div>
</div>
</div>
<!-- 复制看板 -->
<div class="copy-bg">
<div class="copy-box">
<div class="copy-top">
<p>复制看板</p>
<img src="./static/img/cha.png" id="copy-cha"/>
</div>
<input id="copyid" style="display: none;">
<div class="copy-name-box">
<div class="copy-title">看板名称</div>
<input type="text" class="copyname-txt" id="copyname-txt"/>
</div>
<div class="copy-tab-box">
<div class="copy-title">添加至</div>
<div class="copy-tab">
<div class="tabdata" id='copykanban' onclick="tabdata('copykanban','copy')">我的看板</div>
<div id='copykongjian' onclick="tabdata('copykongjian','copy')">项目空间</div>
</div>
</div>
<div class="copy-txt-box">
<input type="text" class="justAnotherInputBox1" placeholder=""/>
<input type="text" class="justAnotherInputBox2" placeholder=""/>
</div>
<div class="copy-tishi"> <img src="./static/img/capytishi.png"/> 复制看板将同时复制看板内的报表 </div>
<div class="copy-but-box">
<div class="copy-qx" id="copy-qx">取消</div>
<div class="copy-qd" id="copy-qd">确定</div>
</div>
</div>
</div>
<!-- 删除 -->
<div class="del-bg">
<div class="del-box">
<div class="del-xinxi">
<div class="del-tit"><img src="./static/img/redtishi.png">操作提示</div>
<p class="del-tishi">确认删除【<span id="del-tit"></span>】?该操作不可恢复</p>
</div>
<input id="delid" style="display: none;">
<div class="del-but-box">
<div class="del-qx" id="del-qx">取消</div>
<div class="del-qd" id="del-qd">删除</div>
</div>
</div>
</div>
<!-- 控件设置 -->
<div class="kongjian-bg">
<div class="kongjian-box">
<!-- <div class="kongjian-top">
<p>控件设置</p>
<img src="./static/img/cha.png" id="copy-cha"/>
</div> -->
<div class="chuangjiankongjian-box">
<p class="chuangjiankongjian-tit">创建空间</p>
<p class="chuangjiankongjian-tit2">选择成员创建共享空间,添加看板至空间实现统一共享</p>
</div>
<div class="kongjian-mc-box">
<span>空间名称</span>
<input type="text" placeholder="测试"/>
</div>
<div class="kongjian-mc-box" style="margin-top: 16px;">
<span>空间成员</span>
<div class="kongjian-tianjia">+添加</div>
</div>
<div class="kongjian-renyuan-box">
</div>
<div class="kongjian-but-box">
<ul class="layui-nav kongjian-cz">
<li class="layui-nav-item">
<a href="javascript:;">更多操作</a>
<dl class="layui-nav-child">
<dd><a href="">移交空间</a></dd>
<dd><a href="">删除空间</a></dd>
</dl>
</li>
</ul>
<div class="kongjian-but">
<div class="kongjian-qx" id="kongjian-qx">取消</div>
<div class="kongjian-qd" id="kongjian-qd">完成</div>
</div>
</div>
</div>
</div>
<!-- 新建看板 -->
<!-- <div class="new-bg">
<div class="new-box">
<div class="new-top">
<p>新建看板</p>
<img src="./static/img/cha.png" id="new-cha"/>
</div>
<div class="new-name-box">
<div class="new-title">看板名称</div>
<input type="text" class="newname-txt" id="newname-txt"/>
</div>
<div class="new-tab-box">
<div class="new-title">添加至</div>
<div class="new-tab">
<div class="tabdata" id='newkanban' onclick="tabdata('newkanban','new')">我的看板</div>
<div id='newkongjian' onclick="tabdata('newkongjian','new')">项目空间</div>
</div>
</div>
<div class="new-txt-box">
<input type="text" class="justAnotherInputBox1" placeholder=""/>
<input type="text" class="justAnotherInputBox2" placeholder=""/>
</div>
<div class="new-but-box">
<div class="new-qx" id="new-qx">取消</div>
<div class="new-qd" id="new-qd">确定</div>
</div>
</div>
</div> -->
<!-- 新建文件夹 -->
<!-- <div class="newwenjian-bg">
<div class="newwenjian-box">
<div class="newwenjian-top">
<p>新建文件夹</p>
<img src="./static/img/cha.png" id="newwenjian-cha"/>
</div>
<div class="newwenjian-name-box">
<div class="newwenjian-title">文件夹名称</div>
<input type="text" class="newwenjianname-txt" id="newwenjianname-txt"/>
</div>
<div class="newwenjian-tab-box">
<div class="newwenjian-title">添加至</div>
<div class="newwenjian-tab">
<div class="tabdata" id='newwenjiankanban' onclick="tabdata('newwenjiankanban','newwenjian')">我的看板</div>
<div id='newwenjiankongjian' onclick="tabdata('newwenjiankongjian','newwenjian')">项目空间</div>
</div>
</div>
<div class="newwenjian-txt-box">
<input type="text" class="justAnotherInputBox1" placeholder="" style="display: none;"/>
<input type="text" class="justAnotherInputBox2" placeholder=""/>
</div>
<div class="newwenjian-but-box">
<div class="newwenjian-qx" id="newwenjian-qx">取消</div>
<div class="newwenjian-qd" id="newwenjian-qd">确定</div>
</div>
</div>
</div> -->
<script id="layui-project-dot" type="text/html">
<li class="layui-nav-item">
<a href="javascript:;" class="projecttit">{{d[0]["name"]}}</a>
<dl class="layui-nav-child">
{{# layui.each(d, function(index, item){ }}
<dd><a href="javascript:void(0);" class="selectproject" data-game="{{item.game}}" data-id="{{item._id}}">{{item.name}}</a></dd>
{{# }); }}
</dl>
</li>
</script>
<!-- 我的看板 -->
<script id="mykanban-dot" type="text/html">
{{# layui.each(d, function(index, item){ }}
{{# if(item.type === 'ordinary'){ }}
<li class="layui-nav-item">
<a href="javascript:;" class="fontcolor mykanban"> <img src="./static/img/wenjian.png" data-id="{{item._id}}"/><span>{{item.name}}</span> </a>
{{# layui.each(item.children, function(indexs, items){ }}
<dl class="layui-nav-child modeify-layui-nav-child">
<dd class="layui-left-dd" data-id="{{items._id}}"><a href="javascript:;" class="fontcolor second category"><span>{{items.name}} </span>
<img src="./static/img/gengduo.png" alt=""> </a></dd>
</dl>
{{# }); }}
</li>
{{# } else { }}
<li class="layui-nav-item">
<a href="javascript:;" style="display:flex;" class="fontcolor mykanban kanbanwenjian category">
<img class="wenjian" src="./static/img/wenjian.png"/><span>{{item.name}}</span>
<img class='kanbanwenjianimg' src="./static/img/gengduo.png"/></a>
{{# layui.each(item.children, function(indexs, items){ }}
<dl class="layui-nav-child modeify-layui-nav-child">
<dd class="layui-left-dd" data-id="{{items._id}}"><a href="javascript:;" class="fontcolor second category"><span>{{items.name}}</span>
<img src="./static/img/gengduo.png" alt=""> </a></dd>
</dl>
{{# }); }}
</li>
{{# } }}
{{# }); }}
</script>
<!-- 空间 -->
<script id="kongjian-dot" type="text/html">
{{# layui.each(d, function(index, item) { }}
{{# if(item.name != undefined ){ }}
<li class="layui-nav-item">
<a href="javascript:;" class="fontcolor mykanban category xiangmukongjian" data-id="{{item._id}}"> <i class="layui-icon layui-icon-template-1"></i> {{item.name}} <img src="./static/img/renyuan.png"/></a>
<dl class="layui-nav-child modeify-layui-nav-child">
{{# layui.each(item.children, function(indexs, items){ }}
{{# if(items.isFolder === true){ }}
<li class="layui-nav-item">
<a href="javascript:;" class="fontcolor mykanban second category xiangmukongjian" data-id="{{items._id}}"> <i class="layui-icon layui-icon-file-b"></i> {{items.name}}
<img src="./static/img/gengduo.png"/></a>
{{# layui.each(items.children, function(value, datas){ }}
<dl class="layui-nav-child modeify-layui-nav-child">
<dd class="layui-left-dd" data-id="{{datas._id}}"><a href="javascript:;" class="fontcolor second3 category"> <span>{{datas.name}}</span>
<img src="./static/img/gengduo.png" alt=""></a></dd>
</dl>
{{# }); }}
</li>
{{# } else { }}
<dd class="layui-left-dd" data-id="{{items._id}}"><a href="javascript:;" class="fontcolor second category"> <span>{{items.name}} </span>
<img src="./static/img/gengduo.png" alt="" class="nav-action-bar"></a>
</dd>
{{# } }}
{{# }); }}
</dl>
</li>
{{# } }}
{{# }); }}
</script>
<!-- 看板模板 -->
<script id="kanban-model-table-dot" type="text/html">
{{# if(d.modelsize === "small"){ }}
<div class="layui-col-md3">
<div class="layui-card">
<div class="row-top">
<div class="row-tit">
<p><a href="#">{{d.name}}</a></p>
</div>
<div class="control">
<div class="action-box" >
<div class="tishi" title="更新">
<img src="./static/img/gengxin.png" />
</div>
<div class="tishi" title="探索">
<img src="./static/img/fangda.png" />
</div>
<div class="tishi" title="更多">
<img src="./static/img/gengduo.png" />
</div>
</div>
</div>
</div>
<div class="condition-box">
<div class="time-cond">
<span>{{d.date}}</span>
</div>
</div>
<div class="small-data-box">{{d.num}}</div>
<div class="small-proportion">
{{# if(d.thedaypropsize === "+"){ }}
<div class="proportion-data">较环比 <div class="sanjiao"></div><span>{{d.thedayprop}}%</span></div>
{{# } else { }}
<div class="proportion-data">较环比 <div class="sanjiao fu"></div><span class="funum">{{d.thedayprop}}%</span></div>
{{# } }}
{{# if(d.weekpropsize === "+"){ }}
<div class="proportion-data">较同比 <div class="sanjiao"></div><span>{{d.weekprop}}%</span></div>
{{# } else { }}
<div class="proportion-data">较同比 <div class="sanjiao fu"></div><span class="funum">{{d.weekprop}}%</span></div>
{{# } }}
</div>
</div>
</div>
{{# } else { }}
{{# if(d.modeltype === "table"){ }}
{{# if(d.modelsize === "large"){ }}
<div class="layui-col-md12">
{{# } else { }}
<div class="layui-col-md6">
{{# } }}
<!-- <div class="layui-col-md6" style="float: none;"> -->
<div class="layui-card">
<div class="row-top">
<div class="row-tit">
<p><a href="#">{{d.name}}</a></p>
</div>
<div class="control">
<div class="action-box" >
<div class="tishi" title="更新">
<img src="./static/img/gengxin.png" />
</div>
<div class="tishi" title="探索">
<img src="./static/img/fangda.png" />
</div>
<div class="tishi" title="更多">
<img src="./static/img/gengduo.png" />
</div>
</div>
</div>
</div>
<div class="condition-box">
<div class="time-cond">
<span>
过去7天
</span>
<div class="xian"></div>
<span>按天</span>
</div>
<div class="chart control">
<img src="./static/img/qvshitu.png" /> <span>趋势图</span>
</div>
</div>
<div class="table-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 === "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>
<p>{{itemss.n}}</p>
<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>{{indexss}}</td>
{{# }); }}
</tr>
{{# }); }}
</tbody>
{{# } }}
</table>
</div>
</div>
</div>
{{# } else { }}
{{# if(d.modelsize === "large"){ }}
<div class="layui-col-md12">
{{# } else { }}
<div class="layui-col-md6">
{{# } }}
<div class="layui-card">
<div class="row-top">
<div class="row-tit">
<p><a href="#">{{d.name}}</a></p>
<div class="tishi" title="活跃用户可以通过“登录.触发用户数”来进行计算,即有登录行为的用户的去重数.">
<img src="./static/img/tishi.png" />
</div>
</div>
<div class="control">
<div class="action-box" >
<div class="tishi" title="更新">
<img src="./static/img/gengxin.png" />
</div>
<div class="tishi" title="探索">
<img src="./static/img/fangda.png" />
</div>
<div class="tishi" title="更多">
<img src="./static/img/gengduo.png" />
</div>
</div>
</div>
</div>
<div class="condition-box">
<div class="time-cond">
<span>过去7天</span>
<div class="xian"></div>
<span>按天</span>
</div>
<div class="chart control">
<img src="./static/img/qvshitu.png" /> <span>趋势图</span>
</div>
</div>
<p class="dqtime">{{d.date}}</p>
<div class="data-box">
<div style="display: flex; align-items: center;">
<div class="data-num">{{d.sameday}}<span></span></div>
<div class="proportion">
<!-- <div class="proportion-data">较环比 <div class="sanjiao"></div><span>5.4%</span></div>
<div class="proportion-data">较同比 <div class="sanjiao"></div><span>5.4%</span></div> -->
</div>
</div>
<div class="thesum">
<div class="thesum-box">
<div class="thesum-data">总和 <span>{{d.sum}}</span></div>
<div class="thesum-data">均值 <span>{{d.mean}}</span></div>
</div>
</div>
</div>
<div class="echarts-box">
<div id="{{d.id}}" class="echarts"></div>
</div>
</div>
</div>
{{# } }}
{{# } }}
</script>