<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>
