<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> -->
  <title>demo</title>
  <script src="./srczip/jquery.min.js"></script>
  <script src="./srczip/moment.min.js"></script>
  <script src="./srczip/daterangepicker.min.js"></script>
  <link rel="stylesheet" href="./layui__/css/layui.css">
  <link rel="stylesheet" href="./static/css/style.css">
  <link rel="stylesheet" href="./static/css/daterangepicker.css">
</head>

<body>
 
<!-- 你的HTML代码 -->
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
      <div class="layui-header">
        <div class="layui-logo">
            <img src="./static/img/logo.png" style="width:40px">
        </div>
        <ul class="layui-nav layui-project">
            <li class="layui-nav-item">
                <a href="javascript:;">放置类游戏DEMO</a>
                <dl class="layui-nav-child">

                    <dd><a href="">卡牌游戏DEMO</a></dd>
                    <dd><a href="">MMO游戏DEMO</a></dd>
                    <dd><a href="">放置类游戏DEMO</a></dd>
                </dl>
            </li>
        </ul>

        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left qvjiantou">
          <li class="layui-nav-item">
            <a href="javascript:;">数据看板</a>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">行为分析</a>
            <dl class="layui-nav-child">
              <dd><a href="">事件分析</a></dd>
              <dd><a href="">留存分析</a></dd>
              <dd><a href="">漏斗分析</a></dd>
              <dd><a href="">分布分析</a></dd>
              <dd><a href="">路径分析</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">用户分析</a>
            <dl class="layui-nav-child">
              <dd><a href="">属性分析</a></dd>
              <dd><a href="">用户分群</a></dd>
              <dd><a href="">用户标签</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">数据管理</a>
            <dl class="layui-nav-child">
              <dd><a href="">事件管理</a></dd>
              <dd><a href="">事件属性管理</a></dd>
              <dd><a href="">用户属性管理</a></dd>
              <dd><a href="">预警管理</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 href="">个人设置</a></dd>
                <dd><a href="">项目管理</a></dd>
                <dd><a href="">系统管理</a></dd>
                <dd><a href="">退出登录</a></dd>
            </dl>
         </li>
        </ul>
      </div>
      
      <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
          <!-- 左侧导航区域（可配合layui已有的垂直导航） -->

            <div class="sousuo-box">
                <div class="sousuo" id='search'>
                    <img src="./static/img/fangdaj.png" />
                    <input type="text" placeholder="搜索看板" />
                </div>
                <div style="display: flex; align-items: center;">
                    <img src="./static/img/caidan.png" class="kbgl" title="看板管理" id="kanbanbtn"/>
                    <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' onclick="guanbitanchuang()"></div>
            <div class="newskanban_box" id="newskanban_box">
                <ul class="tant-dropdown">
                    <li onclick="newkanban()">
                        <img src="./static/img/tishi.png">
                        <span>新建看板</span>
                    </li>
                    <li onclick="newwenjian()">
                        <img src="./static/img/tishi.png">
                        <span>新建文件夹</span>
                    </li>
                    <div class="tant-xian"></div>
                    <li onclick="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"  lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed">
              <a class="fontcolor" href="javascript:;">我的看板</a>
              <dl class="layui-nav-child" id='mykanban'>
              
              </dl>
            </li>
            <li class="layui-nav-item">
              <a href="javascript:;" class="fontcolor">项目空间</a>
              <dl class="layui-nav-child" id="kongjian">
                <!-- <li class="layui-nav-item">
                    <a href="javascript:;" class="fontcolor mykanban category"> <i class="layui-icon layui-icon-template-1"></i> 测试 <img src="./static/img/renyuan.png"/></a>
                    <dl class="layui-nav-child">
                        <li class="layui-nav-item">
                            <a href="javascript:;" class="fontcolor mykanban second category"> <i class="layui-icon layui-icon-file-b"></i> 文件 <img src="./static/img/gengduo.png"  onclick="TabOperation(this,'wenjian')"/></a>
                            <dl class="layui-nav-child">
                                <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second3 level">核心数据 <img src="./static/img/gengduo.png" onclick="TabOperation(this,'baobiao')" alt=""></a></dd>
                            </dl>
                        </li>
                      <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second level">实时数据 <img src="./static/img/gengduo.png" onclick="TabOperation(this,'baobiao')" alt=""></a></dd>
                    </dl>
                  </li>
                  <li class="layui-nav-item">
                    <a href="javascript:;" class="fontcolor mykanban category"> <i class="layui-icon layui-icon-template-1"></i> DEMO空间 <img src="./static/img/renyuan.png"/></a>
                    <dl class="layui-nav-child">
                      <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second level">核心数据 <img src="./static/img/gengduo.png" onclick="TabOperation(this,'baobiao')" alt=""></a></dd>
                      <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second level">实时数据 <img src="./static/img/gengduo.png" onclick="TabOperation(this,'baobiao')" alt=""></a></dd>
                    </dl>
                  </li> -->
              </dl>
            </li>
          </ul>
        </div>
      </div>
      
      <div class="layui-body">
        <!-- 内容主体区域 -->
        <div class="tab-box">
            <div class="tab-tit">活跃用户</div>

            <div class="tab-right-box">
                <div class="img-box" title="时间筛选">
                    <img src="./static/img/rli.png" /> 
                </div>
                <div class="img-box" title="条件筛选">
                    <img src="./static/img/guolv.png" /> 
                </div>
                <div class="img-box" 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" title="设置">
                    <img src="./static/img/shezhi.png" />
                </div>
                <div class="baobiao" title="报表">
                    <img src="./static/img/baobiao.png">
                </div>
            </div>
        </div>
        <div style="padding: 15px;">

            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6" id="data1" onmousemove="moveaction('data1')" onmouseout="outaction('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>

                <div class="layui-col-md6" id="data2" onmousemove="moveaction('data2')" onmouseout="outaction('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="layui-hide" id="test"></table>
                        </div>
  
                    </div>
                  </div>
            </div>
            
        </div>
      </div>
      
      <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
      </div>
    </div>
 
    <!-- 搜索弹出层 -->
    <div class="mask_box" id="mask_box"></div>
    <div class="search_pop " id="search_pop">
        <div class="search_top">
            <div class="search_left">
                <div class="zhanghu_box" title="账户ID" id='zhanghu_box'>
                    <img src="./static/img/zhanghu.png">
                    <span>账户ID</span>
                </div>

                <select class="judge_box" name="interest" lay-filter="aihao" id="judge_box">
                    
                </select>

                <div class="time-box">
                    <img src="./static/img/rqi.png">
                    <input class="timechoice" value="2021-03-11 ~ 2021-04-09"></input>
                </div>

                <input type="text" class="search_txt" id="judge_input"/>

            </div>
            <div class="searcg_but">搜 索</div>
        </div>
        <div class="search_data">
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            <div class="search_data_con">
                <div style="margin-left: 20px;">163007711</div>
                <div style="margin-right: 20px;"> <img src="./static/img/yonghu.png" /> <span>163007711</span> </div>
            </div>
            
        </div>
        <div class="more_data">
            查看用户列表（77777）
        </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>
            <!-- <input id="copyid" style="display: none;"> -->
            <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-tishi"> <img src="./static/img/capytishi.png"/> 复制看板将同时复制看板内的报表 </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>
            <!-- <input id="copyid" style="display: none;"> -->
            <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="new-tishi"> <img src="./static/img/capytishi.png"/> 复制看板将同时复制看板内的报表 </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 src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
<script src="./srczip/echarts.min.js"></script>
<script src="./layui/layui.js"></script>
<script src="./srczip/doT.js"></script>
<script src="./srczip/puble.js"></script>
<script src="./srczip//icontains.js"  type="text/javascript"></script>
<script src="./srczip//comboTreePlugin.js"  type="text/javascript"></script>

<script type="text/x-dot-template" id="mykanban-dot">
    {{ for(var i=0, catlen=it.length; i<catlen; i++) { }}
        {{? it[i]['type'] == 'ordinary'}}
        <li class="layui-nav-item">
            <a href="javascript:;" class="fontcolor mykanban"> <img src="./static/img/wenjian.png"/>{{= it[i].title}}</a>
            {{ for(var j=0, goodslen=it[i]['Category'].length; j<goodslen; j++) { }}  
            <dl class="layui-nav-child">
                <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second category">{{= it[i]['Category'][j].title}} <img src="./static/img/gengduo.png" onclick="TabOperation(this,'kanban','{{= it[i]['Category'][j].id}}','{{= it[i]['Category'][j].title}}')" alt=""> </a></dd>
            </dl>
            {{ } }}
        </li>
        {{??}}
            <li class="layui-nav-item">
                <a href="javascript:;" style="display:flex;" class="fontcolor mykanban kanbanwenjian category"> <img class="wenjian" src="./static/img/wenjian.png"/>{{= it[i].title}} <img class='kanbanwenjianimg' src="./static/img/gengduo.png"  onclick="TabOperation(this,'wenjian','{{= it[i].id}}','{{= it[i].title}}')"/></a>
                {{ for(var j=0, goodslen=it[i]['Category'].length; j<goodslen; j++) { }}  
                <dl class="layui-nav-child">
                    <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second category">{{= it[i]['Category'][j].title}} <img src="./static/img/gengduo.png" onclick="TabOperation(this,'kanban','{{= it[i]['Category'][j].id}}','{{= it[i]['Category'][j].title}}')" alt=""> </a></dd>
                </dl>
                {{ } }}
            </li>
        {{?}}
    {{ } }}
</script>

<script type="text/x-dot-template" id="kongjian-dot">
    {{ for(var i=0, catlen=it.length; i<catlen; i++) { }}
      <li class="layui-nav-item">
        <a href="javascript:;" class="fontcolor mykanban category xiangmukongjian"> <i class="layui-icon layui-icon-template-1"></i> {{= it[i].title}} <img src="./static/img/renyuan.png"/></a>
        <dl class="layui-nav-child">
        {{ for(var j=0, goodslen=it[i]['Category'].length; j<goodslen; j++) { }}
            {{? it[i]['Category'][j]['type'] == 'file'}}
                <li class="layui-nav-item">
                    <a href="javascript:;" class="fontcolor mykanban second category xiangmukongjian"> <i class="layui-icon layui-icon-file-b"></i> {{= it[i]['Category'][j].title}} <img src="./static/img/gengduo.png"  onclick="TabOperation(this,'wenjian','{{= it[i]['Category'][j].id}}','{{= it[i]['Category'][j].title}}')"/></a>
                    <dl class="layui-nav-child">
                        {{ for(var z=0, menu_list=it[i]['Category'][j]['Category'].length; z<menu_list; z++) { }} 
                        <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second3 category">{{= it[i]['Category'][j]['Category'][z]['title'] }} <img src="./static/img/gengduo.png" onclick="TabOperation(this,'kanban','{{= it[i]['Category'][j]['Category'][z]['id']}}','{{= it[i]['Category'][j]['Category'][z]['title'] }}')" alt=""></a></dd>
                        {{ } }}
                    </dl>
                </li>
            {{??}}
            <dd class="layui-left-dd"><a href="javascript:;" class="fontcolor second category">{{= it[i]['Category'][j].title}} <img src="./static/img/gengduo.png" onclick="TabOperation(this,'baobiao','{{= it[i]['Category'][j].id}}','{{= it[i]['Category'][j].title}}')" alt=""></a></dd>
            {{?}}
        {{ } }}
        </dl>
      </li>
    {{ } }}
</script>

<script>
//一般直接写在一个js文件中
layui.use(['element','table','form', 'layedit', 'laydate'], function(){
  var element = layui.element,
  table = layui.table,
  form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;


    table.render({
        elem: '#test'
        ,url:'http://10.0.0.7:6789/'
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,cols: [[
        {field:'id', width:80, title: 'ID', sort: true}
        ,{field:'username', width:80, title: '用户名'}
        ,{field:'sex', width:80, title: '性别', sort: true}
        ,{field:'city', width:80, title: '城市'}
        ,{field:'sign', title: '签名', width: '30%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
        ,{field:'experience', title: '积分', sort: true}
        ,{field:'score', title: '评分', sort: true}
        ,{field:'classify', title: '职业'}
        ,{field:'wealth', width:137, title: '财富', sort: true}
        ]]
    });
});

SidebarDataFill();
function SidebarDataFill(){
    tmpltxt=doT.template(document.getElementById("mykanban-dot").innerHTML);//生成模板方法
    document.getElementById("mykanban").innerHTML=tmpltxt(KanBanData);//数据渲染

    tmpltxt=doT.template(document.getElementById("kongjian-dot").innerHTML);//生成模板方法
    document.getElementById("kongjian").innerHTML=tmpltxt(ProjectData);//数据渲染

    
}

// $.ajax({
//     type : "GET",
//     async : false,
//     url : "http://10.0.0.7:6789/?page=1&limit=10",
//     //dataType : "jsonp",//数据类型为jsonp  
//     //jsonp : "jsonpCallback",//服务端用于接收callback调用的function名的参数
//     success : function(data) {
//         alert(data["userName"]);
//     },
//     error : function() {
//         // alert('fail');
//     }
// });


var myChart = echarts.init(document.getElementById('charts'));
var option = {
    grid: {  
        left: '0',  
        right: '0',  
        bottom: '0',  
        top: '3%',
        containLabel: true  
    },
    xAxis: {
        type: 'category',
        data: ['02/22', '02/26', '03/02', '03/06', '03/10', '03/14', '03/18','03/22'],
        splitLine: {
            show:false
        },
        axisLabel: {
            textStyle:{
                color: '#42546d'
            },
        },
        axisLine: {
            lineStyle: {
                color: '#e8eefd',
                width: 1, //这里是为了突出显示加上的  
            }
        },
    },
    yAxis: {
        type: 'value',
        axisTick:{ //y轴刻度线
        show:false
        },
        splitLine: {
            show:true,
            lineStyle:{
                color: ['#e8eefd'],
                width: 1,
                type: 'solid'
            }
        },
        axisLine:{ //y轴
            show:false
        },
        axisLabel: {
            show: true,
            textStyle: {
              color:'#42546d' 
            }
          },
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260,530],
        type: 'line',
        itemStyle: {
            normal: {
                color: '#219af2', //改变折线点的颜色
                lineStyle: {
                    color: '#219af2' //改变折线颜色
                }
            }
        },
    }]
};
myChart.setOption(option);

</script> 
</body>
</html>