790 lines
35 KiB
HTML
790 lines
35 KiB
HTML
<!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> |