228 lines
11 KiB
HTML
228 lines
11 KiB
HTML
<div class="analysis-zhanwei">
|
|
|
|
</div>
|
|
|
|
<div class="datacheck-box">
|
|
<div class="datacheck-title-box">
|
|
<p> <img src="./static/img/tgsj.png"> 埋点数据检查</p>
|
|
</div>
|
|
|
|
<div class="datacheck-screen-box">
|
|
<!-- 筛选区域 -->
|
|
<div class="datacheck-left-box">
|
|
|
|
<div class="datacheck-tab-box">
|
|
<div class="datacheck-tab-title">筛选条件</div>
|
|
<div class="xian3"></div>
|
|
</div>
|
|
<form class="layui-form layui-form-pane" action="" lay-filter="datacheckexample">
|
|
<div class="datacheck-from-box">
|
|
<!-- <div class="datacheck-input-box">
|
|
<p>游戏名</p>
|
|
<input name="game" autocomplete="off" class="layui-input"/>
|
|
</div> -->
|
|
|
|
<div class="datacheck-input-box">
|
|
<p>数据库名</p>
|
|
<input name="db_name" autocomplete="off" class="layui-input"" />
|
|
</div>
|
|
|
|
<div class="datacheck-input-box">
|
|
<p>事件名</p>
|
|
<input name="eventname" autocomplete="off" class="layui-input" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="datacheck-from-box">
|
|
<div class="">
|
|
|
|
<div class="datacheck-rod-box">
|
|
<p>是否唯一</p>
|
|
<div>
|
|
<input type="radio" name="only" value="true" title="是">
|
|
<input type="radio" name="only" value="false" title="否" checked="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="datacheck-rod-box" style="margin-top: 32px;">
|
|
<p>事件属性</p>
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal eventattr-add"><i class="layui-icon layui-icon-add-1"></i> 添加</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="display: flex; align-items: end;">
|
|
<textarea class="datacheck-copy-txt-box" placeholder="复制内容粘贴此处"></textarea>
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal eventattr-copy"><i class="layui-icon layui-icon-add-1"></i> 确定</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div id="datacheck-eventattr-box" class="datacheck-condition-box">
|
|
<!-- <div class="datacheck-tab-condition-box">
|
|
<input type="text" name="eventattr" lay-verify="required" placeholder="请输入事件属性名" autocomplete="off" class="layui-input eventattr-input">
|
|
<select name="quiz2" class="eventattr-select" lay-filter="eventattr_filter">
|
|
<option value="">请选择事件属性</option>
|
|
<option value="string_0" selected="">字符串</option>
|
|
<option value="integer_1">数值</option>
|
|
<option value="array_2">数组</option>
|
|
</select>
|
|
<div class="attrname-del"><i class="layui-icon layui-icon-delete"></i></div>
|
|
</div> -->
|
|
|
|
<!-- <div class="datacheck-tab-condition-box">
|
|
<input type="text" name="eventattr" lay-verify="required" placeholder="请输入事件属性名" autocomplete="off" class="layui-input eventattr-input">
|
|
<select name="quiz2" class="eventattr-select" lay-filter="eventattr_filter">
|
|
<option value="">请选择事件属性</option>
|
|
<option value="string_0" selected="">字符串</option>
|
|
<option value="integer_1">数值</option>
|
|
<option value="array_2">数组</option>
|
|
</select>
|
|
<div class="attrname-del"><i class="layui-icon layui-icon-delete"></i></div>
|
|
</div> -->
|
|
</div>
|
|
|
|
<div class="datacheck-from-box">
|
|
<div class="datacheck-rod-box">
|
|
<p>默认属性</p>
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal baseevent"><i class="layui-icon layui-icon-add-1"></i> 添加</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="datacheck-from-box">
|
|
<div class="datacheck-rod-box">
|
|
<p>其他条件</p>
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal condition-add"><i class="layui-icon layui-icon-add-1"></i> 添加</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="datacheck-condition-box" class="datacheck-condition-box">
|
|
<!-- <div class="datacheck-tab-condition-box">
|
|
<input type="text" name="eventattr" lay-verify="required" placeholder="请输入属性名" autocomplete="off" class="layui-input eventattr-input">
|
|
<input type="text" name="condition_val" lay-verify="required" placeholder="请输入值" autocomplete="off" class="layui-input v-input">
|
|
<div class="attrname-del"><i class="layui-icon layui-icon-delete"></i></div>
|
|
</div>
|
|
|
|
<div class="datacheck-tab-condition-box">
|
|
<input type="text" name="eventattr" lay-verify="required" placeholder="请输入属性名" autocomplete="off" class="layui-input eventattr-input">
|
|
<input type="text" name="condition_val" lay-verify="required" placeholder="请输入值" autocomplete="off" class="layui-input v-input">
|
|
<div class="attrname-del"><i class="layui-icon layui-icon-delete"></i></div>
|
|
</div> -->
|
|
</div>
|
|
</form>
|
|
|
|
<div class="datacheck-but-box">
|
|
<div class="datacheck-but-cx">查询</div>
|
|
<div class="datacheck-but-bc">保存模板</div>
|
|
<div class="datacheck-but-ck">查看模板</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 结果区 -->
|
|
<div class="datacheck-right-box">
|
|
<div class="datacheck-tab-box" style="margin-left: 60px;">
|
|
<div class="datacheck-tab-title">筛选结果</div>
|
|
<div class="xian3"></div>
|
|
</div>
|
|
|
|
<div class="datacheck-result-box">
|
|
<div class="datacheck-result-info-box">
|
|
<p class="datacheck-result-info-title">通过</p>
|
|
<div class="datacheck-result-info datacheck-result-info-tongguo">
|
|
<!-- <p><span>奥科</span>吉货到付款静安寺</p> -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="datacheck-result-info-box">
|
|
<p class="datacheck-result-info-title">错误</p>
|
|
<div class="datacheck-result-info datacheck-result-info-cuowu">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="datacheck-table-box" id="datacheck-table-box">
|
|
<table class="table-fenxi-box">
|
|
<thead>
|
|
<tr class="table-fenxi-th">
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-fenxi-td">
|
|
<tr >
|
|
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
<script id="eventattr-box-dot" type="text/html">
|
|
{{# layui.each(d, function(index, item){ }}
|
|
<div class="datacheck-tab-condition-box">
|
|
<input type="text" name="eventattr" lay-verify="required" placeholder="请输入事件属性名" autocomplete="off" class="layui-input eventattr-input" data-index="{{index}}" value="{{item.attrname}}">
|
|
<select name="quiz2" class="eventattr-select" lay-filter="eventattr_filter">
|
|
<option value="">请选择事件属性</option>
|
|
{{# if(item.v == 'string'){ }}
|
|
<option value="string_{{index}}" selected="">字符串</option>
|
|
{{# } else { }}
|
|
<option value="string_{{index}}">字符串</option>
|
|
{{# } }}
|
|
{{# if(item.v == 'integer'){ }}
|
|
<option value="integer_{{index}}" selected="">数值</option>
|
|
{{# } else { }}
|
|
<option value="integer_{{index}}">数值</option>
|
|
{{# } }}
|
|
{{# if(item.v == 'array'){ }}
|
|
<option value="array_{{index}}" selected="">数组</option>
|
|
{{# } else { }}
|
|
<option value="array_{{index}}">数组</option>
|
|
{{# } }}
|
|
{{# if(item.v == 'date'){ }}
|
|
<option value="date_{{index}}" selected="">时间</option>
|
|
{{# } else { }}
|
|
<option value="date_{{index}}">时间</option>
|
|
{{# } }}
|
|
{{# if(item.v == 'json'){ }}
|
|
<option value="json_{{index}}" selected="">json</option>
|
|
{{# } else { }}
|
|
<option value="json_{{index}}">json</option>
|
|
{{# } }}
|
|
</select>
|
|
<div class="datacheck-del attrname-del " data-index="{{index}}"><i class="layui-icon layui-icon-delete"></i></div>
|
|
</div>
|
|
{{# }); }}
|
|
</script>
|
|
<script id="condition-box-dot" type="text/html">
|
|
{{# layui.each(d, function(index, item){ }}
|
|
<div class="datacheck-tab-condition-box">
|
|
<input type="text" name="eventattr" lay-verify="required" placeholder="请输入属性名" autocomplete="off" class="layui-input condition-input" data-index="{{index}}" value="{{item.conditionname}}">
|
|
<input type="text" name="condition_val" lay-verify="required" placeholder="请输入值" autocomplete="off" class="layui-input condition-v-input" data-index="{{index}}" value="{{item.v}}">
|
|
<div class="datacheck-del condition-del" data-index="{{index}}"><i class="layui-icon layui-icon-delete"></i></div>
|
|
</div>
|
|
{{# }); }}
|
|
</script>
|
|
<script id="datacheck-table-title-box" type="text/html">
|
|
{{# layui.each(d, function(indexs, items) { }}
|
|
<th>{{items}}</th>
|
|
{{# }); }}
|
|
</script>
|
|
|
|
<script id="datacheck-tbody-title-box" type="text/html">
|
|
{{# layui.each(d, function(indexs, items) { }}
|
|
<tr >
|
|
{{# layui.each(items, function(indexss, itemss) { }}
|
|
<td>{{itemss}}</td>
|
|
{{# }); }}
|
|
</tr>
|
|
{{# }); }}
|
|
</script>
|