feat： 从自己的gitee转移项目
ppst
1 year ago
commit
52f44abd11
@ -0,0 +1,14 @@
|
|||||||
|
# https://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
insert_final_newline = false
|
||||||
|
trim_trailing_whitespace = false
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
.vscode
|
||||||
|
dist
|
||||||
|
package-lock.json
|
||||||
|
|
||||||
|
mock/node_modules
|
||||||
|
mock/package-lock.json
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "心电图",
|
||||||
|
csslinks:[]
|
||||||
|
})
|
||||||
|
<script src="./../../static/js/echarts.min.js"></script>
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "心电图",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card form-card">
|
||||||
|
<form class="layui-form form-box">
|
||||||
|
<label class="form-label">名称 :</label>
|
||||||
|
<input type="tel" name="text" autocomplete="off" class="form-input">
|
||||||
|
<div class="form-button-fixed">
|
||||||
|
<button type="submit" class="form-btn ml-10" lay-submit lay-filter="lay-form-submit">查询</button>
|
||||||
|
<button type="reset" class="form-btn ml-10 reset-btn">重置</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card chart-box">
|
||||||
|
<div class="chart">
|
||||||
|
<div id="ecgChart" style="width: 100%; height: 257px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card table-box">
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table id="listTable" lay-filter="listTable" lay-size="lg"></table>
|
||||||
|
<div id="pages"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/chart/ecg.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "柱状图",
|
||||||
|
csslinks:[]
|
||||||
|
})
|
||||||
|
<script src="./../../static/js/echarts.min.js"></script>
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "折线图",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card form-card">
|
||||||
|
<form class="layui-form form-box">
|
||||||
|
<label class="form-label">名称 :</label>
|
||||||
|
<input type="tel" name="text" autocomplete="off" class="form-input">
|
||||||
|
<div class="form-button-fixed">
|
||||||
|
<button type="submit" class="form-btn ml-10" lay-submit lay-filter="lay-form-submit">查询</button>
|
||||||
|
<button type="reset" class="form-btn ml-10 reset-btn">重置</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card chart-box">
|
||||||
|
<div class="chart">
|
||||||
|
<div id="histogramChart" style="width: 100%; height: 288px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card table-box">
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table id="listTable" lay-filter="listTable" lay-size="lg"></table>
|
||||||
|
<div id="pages"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/chart/histogram.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "折线图",
|
||||||
|
csslinks:[]
|
||||||
|
})
|
||||||
|
<script src="./../../static/js/echarts.min.js"></script>
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "折线图",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card form-card">
|
||||||
|
<form class="layui-form form-box">
|
||||||
|
<label class="form-label">名称 :</label>
|
||||||
|
<input type="tel" name="text" autocomplete="off" class="form-input">
|
||||||
|
<div class="form-button-fixed">
|
||||||
|
<button type="submit" class="form-btn ml-10" lay-submit lay-filter="lay-form-submit">查询</button>
|
||||||
|
<button type="reset" class="form-btn ml-10 reset-btn">重置</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card chart-box">
|
||||||
|
<div class="chart">
|
||||||
|
<div id="lineChart" style="width: 100%; height: 257px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card table-box">
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table id="listTable" lay-filter="listTable" lay-size="lg"></table>
|
||||||
|
<div id="pages"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/chart/line.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "波浪折线图",
|
||||||
|
csslinks:[]
|
||||||
|
})
|
||||||
|
<script src="./../../static/js/echarts.min.js"></script>
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "波浪折线图",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card form-card">
|
||||||
|
<form class="layui-form form-box">
|
||||||
|
<label class="form-label">名称 :</label>
|
||||||
|
<input type="tel" name="text" autocomplete="off" class="form-input">
|
||||||
|
<div class="form-button-fixed">
|
||||||
|
<button type="submit" class="form-btn ml-10" lay-submit lay-filter="lay-form-submit">查询</button>
|
||||||
|
<button type="reset" class="form-btn ml-10 reset-btn">重置</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card chart-box">
|
||||||
|
<div class="chart">
|
||||||
|
<div id="wavypolylineChart" style="width: 100%; height: 257px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card table-box">
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table id="listTable" lay-filter="listTable" lay-size="lg"></table>
|
||||||
|
<div id="pages"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/chart/wavypolyline.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,87 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "clipboard",
|
||||||
|
csslinks:['./../../static/css/detail.css']
|
||||||
|
})
|
||||||
|
<script src="./../../static/js/clipboard/clipboard.min.js"></script>
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "clipboard",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<!-- clipboard1 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">constructor-id-node</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<div id="btn" data-clipboard-text="1">
|
||||||
|
<span class="normal-btn mr-10">复制</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- clipboard2 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">constructor-button-nodelist</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<button class="normal-btn mr-10" data-clipboard-text="1">复制</button>
|
||||||
|
<button class="normal-btn mr-10" data-clipboard-text="2">复制</button>
|
||||||
|
<button class="normal-btn mr-10" data-clipboard-text="3">复制</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- clipboard3 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">constructor-selector</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn selector-constructor mr-10">复制</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- clipboard4 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">function-target</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<button class="normal-btn target-btn">复制</button>
|
||||||
|
<div class="target-text">this is copy text!</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- clipboard5 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">function-text</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<button class="normal-btn text-btn">复制</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- clipboard6 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">function-target</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<p>这就是你要复制的内容</p>
|
||||||
|
<button class="normal-btn div-btn" data-clipboard-action="copy" data-clipboard-target="p">复制</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- clipboard7 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">function-target-input</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<input id="foo" type="text" value="hello">
|
||||||
|
<button class="normal-btn target-input-btn" data-clipboard-action="copy"
|
||||||
|
data-clipboard-target="#foo">复制</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- clipboard8 -->
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">function-textarea</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<textarea id="bar">hello textarea</textarea>
|
||||||
|
<button class="normal-btn target-textarea-btn" data-clipboard-action="copy"
|
||||||
|
data-clipboard-target="#bar">复制</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/clipboard/index.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,45 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "详情",
|
||||||
|
csslinks:['./../../static/css/detail.css']
|
||||||
|
})
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "详情",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">基本信息</span></div>
|
||||||
|
<ul class="content detail-content">
|
||||||
|
<li><span>任务ID :5cb92069c3492</span><span>任务名称 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>读节点 :5cb92069c3492</span><span>写节点 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>创建者 :5cb92069c3492</span><span>创建时间 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>更新者 :5cb92069c3492</span><span>更新时间 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>状态 :5cb92069c3492</span><span>同步架构 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>源库类型 :5cb92069c3492</span><span>目标库类型 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>源库端口 :5cb92069c3492</span><span>目标库端口 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>源库账号 :5cb92069c3492</span><span>目标库账号 :CRM->SCRM[FUL</span></li>
|
||||||
|
<li><span>已发送数据位点 :5cb92069c3492</span><span>已删除数据位点 :CRM->SCRM[FUL</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">初始化设置</span></div>
|
||||||
|
<p class="desc" id="settingId">同步方式设置 :结构初始化 + 全量数据初始化+增量数据</p>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card table-box detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">映射关系</span></div>
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table id="listTable" lay-filter="listTable" lay-size="lg"></table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script type="text/html" id="cellOperating">
|
||||||
|
<span class="blue-title" lay-event="detail" data-tips="查看列" onmouseover="showToolTips(this)">查看列</span>
|
||||||
|
</script>
|
||||||
|
<script type="text/html" id="tableDialogTemplate">
|
||||||
|
<table id="detailTable" lay-filter="detailTable" lay-size="lg"></table>
|
||||||
|
</script>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/detail/index.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,79 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "dialog",
|
||||||
|
csslinks:['./../../static/css/detail.css']
|
||||||
|
})
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "dialog",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">iframe dialog</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn mr-10" id="demo1">打开</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">show OK dialog</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn mr-10" id="demo2">打开</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">生成二维码 dialog</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn mr-10" id="demo3">打开</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">form add dialog</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn mr-10" id="demo4">打开</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-card detail-card">
|
||||||
|
<div class="header"><span class="icon"></span><span class="title">form edit dialog</span></div>
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn mr-10" id="demo5">打开</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/html" id="formDialogTemplate">
|
||||||
|
<div class="layui-form dialog-form add-edit-form" lay-filter="dialogForm">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">名称：</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="text" name="name" required lay-verify="required" lay-verType="tips" lay-reqText="请填入名称" placeholder="请填入名称" autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">数据源类型：</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<select name="type" required lay-verify="required" lay-verType="tips" lay-reqText="请填入类型">
|
||||||
|
<option value="">请选择</option>
|
||||||
|
<option value="1">1</option>
|
||||||
|
<option value="2">2</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-layer-btn layui-hide">
|
||||||
|
<button class="layui-btn layui-form-btn layui-btn-sm submit-btn" id="LAY-dialog-submit" lay-submit lay-filter="lay-dialog-submit">
|
||||||
|
确认
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/dialog/index.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "edittable",
|
||||||
|
csslinks:['./../../static/css/edittable.css']
|
||||||
|
})
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "edittable",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card table-box">
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn add-dialog mr-10">新增</span>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table id="listTable" lay-filter="listTable" lay-size="lg" class="layui-form"></table>
|
||||||
|
<div id="pages"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script type="text/html" id="cellOperating">
|
||||||
|
<span class="cell-opr edit-cell" lay-event="edit" data-tips="编辑" onmouseover="showToolTips(this)"></span>
|
||||||
|
<span class="cell-opr delete-cell" lay-event="delete" data-tips="删除" onmouseover="showToolTips(this)"></span>
|
||||||
|
</script>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/edittable/index.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "excel 导出",
|
||||||
|
csslinks:[]
|
||||||
|
})
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "excel 导出",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-card table-box">
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<span class="normal-btn export-button mr-10">导出</span>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table id="listTable" lay-filter="listTable" lay-size="lg"></table>
|
||||||
|
<div id="pages"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/excel/export.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,26 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "excel 导入",
|
||||||
|
csslinks:['./../../static/css/excel.css']
|
||||||
|
})
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "excel 导入",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-card table-box">
|
||||||
|
<div class="layui-opr-block">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">门店编号：</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<a href="javascript:;" class="file">选择文件
|
||||||
|
<input type="file" name="" id="LAY-excel-import-excel" accept="*.xls,*.xlsx">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/excel/upload.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,48 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "date 导入",
|
||||||
|
csslinks:[]
|
||||||
|
})
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "date页面",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card form-card">
|
||||||
|
<div class="layui-form">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">中文版</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="text" class="layui-input" id="test1" placeholder="yyyy-MM-dd">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">国际版</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="text" class="layui-input" id="test1-1" placeholder="yyyy-MM-dd">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
layui.use('laydate', function () {
|
||||||
|
var laydate = layui.laydate;
|
||||||
|
//常规用法
|
||||||
|
laydate.render({
|
||||||
|
elem: '#test1'
|
||||||
|
});
|
||||||
|
//国际版
|
||||||
|
laydate.render({
|
||||||
|
elem: '#test1-1'
|
||||||
|
, lang: 'en'
|
||||||
|
});
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": []
|
||||||
|
})
|
||||||
@ -0,0 +1,264 @@
|
|||||||
|
@@include('./../../template/common/header.html', {
|
||||||
|
"title": "demo",
|
||||||
|
csslinks:['./../../static/layui/layui/css/modules/laydate/default/laydate.css']
|
||||||
|
})
|
||||||
|
<div class="layui-iframe">
|
||||||
|
@@include('./../../template/common/breadcrumb.html', {
|
||||||
|
"title": "table页面",
|
||||||
|
subtitle:''
|
||||||
|
})
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-card form-card">
|
||||||
|
<form class="layui-form form-box">
|
||||||
|
<label class="form-label">名称 :</label>
|
||||||
|
<input type="tel" name="text" autocomplete="off" class="form-input">
|
||||||
|
<label class="form-label">动态select数据 :</label>
|
||||||
|
<select name="fz" id="testIdSelect">
|
||||||
|
<option value="">请选择分组</option>
|
||||||
|
</select>
|
||||||
|
<div class="form-button-fixed">
|
||||||
|
<button type="submit" class="form-btn ml-10" lay-submit lay-filter="lay-form-submit">查询</button>
|
||||||
|
<button type="reset" class="form-btn ml-10 reset-btn">重置</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="layui-card form-card">
|
||||||
|
<form class="layui-form" action="">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">单行输入框</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
|
||||||
|
class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">验证必填项</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="username" lay-verify="required" lay-reqtext="用户名是必填项，岂能为空？" placeholder="请输入"
|
||||||
|
autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">验证手机</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">验证邮箱</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">多规则验证</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">验证日期</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off"
|
||||||
|
class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">验证链接</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="tel" name="url" lay-verify="url" autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">验证身份证</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="identity" lay-verify="identity" placeholder="" autocomplete="off"
|
||||||
|
class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">自定义验证</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<input type="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off"
|
||||||
|
class="layui-input">
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">范围</label>
|
||||||
|
<div class="layui-input-inline" style="width: 100px;">
|
||||||
|
<input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-mid">-</div>
|
||||||
|
<div class="layui-input-inline" style="width: 100px;">
|
||||||
|
<input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">单行选择框</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<select name="interest" lay-filter="aihao">
|
||||||
|
<option value=""></option>
|
||||||
|
<option value="0">写作</option>
|
||||||
|
<option value="1" selected="">阅读</option>
|
||||||
|
<option value="2">游戏</option>
|
||||||
|
<option value="3">音乐</option>
|
||||||
|
<option value="4">旅行</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">分组选择框</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<select name="quiz">
|
||||||
|
<option value="">请选择问题</option>
|
||||||
|
<optgroup label="城市记忆">
|
||||||
|
<option value="你工作的第一个城市">你工作的第一个城市</option>
|
||||||
|
</optgroup>
|
||||||
|
<optgroup label="学生时代">
|
||||||
|
<option value="你的工号">你的工号</option>
|
||||||
|
<option value="你最喜欢的老师">你最喜欢的老师</option>
|
||||||
|
</optgroup>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-inline">
|
||||||
|
<label class="layui-form-label">搜索选择框</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<select name="modules" lay-verify="required" lay-search="">
|
||||||
|
<option value="">直接选择或搜索选择</option>
|
||||||
|
<option value="1">layer</option>
|
||||||
|
<option value="2">form</option>
|
||||||
|
<option value="3">layim</option>
|
||||||
|
<option value="4">element</option>
|
||||||
|
<option value="5">laytpl</option>
|
||||||
|
<option value="6">upload</option>
|
||||||
|
<option value="7">laydate</option>
|
||||||
|
<option value="8">laypage</option>
|
||||||
|
<option value="9">flow</option>
|
||||||
|
<option value="10">util</option>
|
||||||
|
<option value="11">code</option>
|
||||||
|
<option value="12">tree</option>
|
||||||
|
<option value="13">layedit</option>
|
||||||
|
<option value="14">nav</option>
|
||||||
|
<option value="15">tab</option>
|
||||||
|
<option value="16">table</option>
|
||||||
|
<option value="17">select</option>
|
||||||
|
<option value="18">checkbox</option>
|
||||||
|
<option value="19">switch</option>
|
||||||
|
<option value="20">radio</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">联动选择框</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<select name="quiz1">
|
||||||
|
<option value="">请选择省</option>
|
||||||
|
<option value="浙江" selected="">浙江省</option>
|
||||||
|
<option value="你的工号">江西省</option>
|
||||||
|
<option value="你最喜欢的老师">福建省</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<select name="quiz2">
|
||||||
|
<option value="">请选择市</option>
|
||||||
|
<option value="杭州">杭州</option>
|
||||||
|
<option value="宁波" disabled="">宁波</option>
|
||||||
|
<option value="温州">温州</option>
|
||||||
|
<option value="温州">台州</option>
|
||||||
|
<option value="温州">绍兴</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<select name="quiz3">
|
||||||
|
<option value="">请选择县/区</option>
|
||||||
|
<option value="西湖区">西湖区</option>
|
||||||
|
<option value="余杭区">余杭区</option>
|
||||||
|
<option value="拱墅区">临安市</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-mid layui-word-aux">此处只是演示联动排版，并未做联动交互</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">复选框</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="checkbox" name="like[write]" title="写作">
|
||||||
|
<input type="checkbox" name="like[read]" title="阅读" checked="">
|
||||||
|
<input type="checkbox" name="like[game]" title="游戏">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item" pane="">
|
||||||
|
<label class="layui-form-label">原始复选框</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
|
||||||
|
<input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
|
||||||
|
<input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">开关-默认关</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">开关-默认开</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">单选框</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="radio" name="sex" value="男" title="男" checked="">
|
||||||
|
<input type="radio" name="sex" value="女" title="女">
|
||||||
|
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item layui-form-text">
|
||||||
|
<label class="layui-form-label">普通文本域</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<textarea placeholder="请输入内容" class="layui-textarea"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--<div class="layui-form-item layui-form-text">
|
||||||
|
<label class="layui-form-label">编辑器</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>-->
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
|
||||||
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@@include('./../../template/common/footer.html', {
|
||||||
|
"jslinks": ['./../../static/js/form/index.js']
|
||||||
|
})
|
||||||
@ -0,0 +1,124 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<title>admin</title>
|
||||||
|
<meta name="renderer" content="webkit" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
<meta name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
||||||
|
<link rel="stylesheet" href="./../../static/layui/layui/css/layui.css" media="all" />
|
||||||
|
<link rel="stylesheet" href="../static/css/admin.css" media="all" />
|
||||||
|
<link rel="stylesheet" href="../static/css/common.css" media="all" />
|
||||||
|
<script src="../static/layui/layui/layui.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="layui-layout layui-layout-admin">
|
||||||
|
<div class="left-side left-bg">
|
||||||
|
<div class="side-menu">
|
||||||
|
<div class="side-scroll">
|
||||||
|
<div class="left-fold-box">
|
||||||
|
<div class="logo" lay-href="table/index.html">
|
||||||
|
admin
|
||||||
|
</div>
|
||||||
|
<div class="fold-box fold"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="nav-tree main-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
|
||||||
|
<li class="left-menu layui-this" lay-title="table表格" lay-href="table/index.html">
|
||||||
|
<i class="icon sjy"></i>
|
||||||
|
<span class="title">table表格</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="dialog" lay-href="dialog/index.html">
|
||||||
|
<i class="icon fz"></i>
|
||||||
|
<span class="title">dialog</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="edittable" lay-href="edittable/index.html">
|
||||||
|
<i class="icon fz"></i>
|
||||||
|
<span class="title">edittable</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="步骤页面" lay-href="step/index.html">
|
||||||
|
<i class="icon fz"></i>
|
||||||
|
<span class="title">步骤页面</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="详情页面" lay-href="detail/index.html">
|
||||||
|
<i class="icon light rw"></i>
|
||||||
|
<span class="title">详情页面</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="tab页面" lay-href="tab/index.html">
|
||||||
|
<i class="icon light rw"></i>
|
||||||
|
<span class="title">tab页面</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="clipboard页面" lay-href="clipboard/index.html">
|
||||||
|
<i class="icon light rw"></i>
|
||||||
|
<span class="title">clipboard页面</span>
|
||||||
|
</li>
|
||||||
|
<li class="menu-box" style="height: 100%;">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li class="top-menu">
|
||||||
|
<i class="menu-icon open-icon"></i>
|
||||||
|
<i class="icon rw"></i>
|
||||||
|
<span class="title">EXCEl</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="导出" lay-href="excel/export.html">
|
||||||
|
<span class="sub-title">导出</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="导入" lay-href="excel/upload.html">
|
||||||
|
<span class="sub-title">导入</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="menu-box" style="height: 100%;">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li class="top-menu">
|
||||||
|
<i class="menu-icon open-icon"></i>
|
||||||
|
<i class="icon rw"></i>
|
||||||
|
<span class="title">form</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="form" lay-href="form/index.html">
|
||||||
|
<span class="sub-title">form</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu" lay-title="date" lay-href="form/date.html">
|
||||||
|
<span class="sub-title">date</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="menu-box" style="height: 100%;">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li class="top-menu">
|
||||||
|
<i class="menu-icon close-icon"></i>
|
||||||
|
<i class="icon rw"></i>
|
||||||
|
<span class="title">chart图表</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu display-none" lay-title="折线图" lay-href="chart/line.html">
|
||||||
|
<span class="sub-title">折线图</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu display-none" lay-title="柱状图" lay-href="chart/histogram.html">
|
||||||
|
<span class="sub-title">柱状图</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu display-none" lay-title="波浪折线图"
|
||||||
|
lay-href="chart/wavypolyline.html">
|
||||||
|
<span class="sub-title">波浪折线图</span>
|
||||||
|
</li>
|
||||||
|
<li class="left-menu display-none" lay-title="心电图" lay-href="chart/ecg.html">
|
||||||
|
<span class="sub-title">心电图</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-body" id="LAY_app_body">
|
||||||
|
<div>
|
||||||
|
<iframe class="iframe-box" src="table/index.html" frameborder="0" id="iframe"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="./../static/js/index.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
layui.define(function (exports) {
|
||||||
|
// 根据环境获取请求地址
|
||||||
|
var host = window.location.host;
|
||||||
|
var mockUrl = "/api/";
|
||||||
|
var bossUrl = '';
|
||||||
|
if (host.indexOf('127.0.0.1') > -1 || host.indexOf('localhost') > -1 || host.indexOf('192.168.') > -1) {// 本地环境
|
||||||
|
bossUrl = 'https://127.0.0.1/';
|
||||||
|
} else if (host.indexOf('-dev') > -1) {// 开发环境
|
||||||
|
bossUrl = 'https://admin-de.ppst.top/';
|
||||||
|
} else if (host.indexOf('-te') > -1) {// 测试环境
|
||||||
|
bossUrl = 'https://admin-te.ppst.top/';
|
||||||
|
} else {// 生产环境
|
||||||
|
bossUrl = 'https://admin.ppst.top/';
|
||||||
|
}
|
||||||
|
exports('api', {
|
||||||
|
getApiUrl: function (mapping, funcName) {
|
||||||
|
return bossUrl + mapping + '/' + funcName;
|
||||||
|
},
|
||||||
|
getMockApiUrl: function (mapping, funcName) {
|
||||||
|
return mockUrl + mapping + '/' + funcName;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
@ -0,0 +1,59 @@
|
|||||||
|
/**
|
||||||
|
定义layui模块 - 模板引擎 - 自定义模板
|
||||||
|
*/
|
||||||
|
layui.define(['index', 'laytpl', 'form'], function (exports) {
|
||||||
|
|
||||||
|
exports("chart", {
|
||||||
|
getUserInfo: "boss/pages/userInfo/index.html",
|
||||||
|
xAxis: {
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
textStyle: {
|
||||||
|
color: "#a5aaaf",
|
||||||
|
},
|
||||||
|
series: {
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
|
{
|
||||||
|
offset: 0,
|
||||||
|
color: "#1289ff",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 1,
|
||||||
|
color: "#1289ff4d",
|
||||||
|
},
|
||||||
|
]),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
@ -0,0 +1,96 @@
|
|||||||
|
/**
|
||||||
|
定义弹窗模块 - 自定义弹窗
|
||||||
|
*/
|
||||||
|
layui.define(['index', 'tpl', 'qrcode'], function (exports) {
|
||||||
|
|
||||||
|
exports("dialog", {
|
||||||
|
setIframeDialog: function (
|
||||||
|
title = "",
|
||||||
|
data = { src: "", otherconfigStyle: "" },
|
||||||
|
iframeArea = { width: "820px", height: "500px" },
|
||||||
|
dialogArea = ["600px", "500px"]
|
||||||
|
) {
|
||||||
|
var laytpl = layui.laytpl;
|
||||||
|
var templet =
|
||||||
|
" <iframe " +
|
||||||
|
data.otherconfigStyle +
|
||||||
|
' width="' +
|
||||||
|
iframeArea.width +
|
||||||
|
'" height="' +
|
||||||
|
iframeArea.height +
|
||||||
|
'" src="' +
|
||||||
|
data.src +
|
||||||
|
'"></iframe>';
|
||||||
|
laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: title,
|
||||||
|
content: templet,
|
||||||
|
area: dialogArea,
|
||||||
|
success: function () { },
|
||||||
|
error: function (e) {
|
||||||
|
console.warn("setIframeDialog error:", e);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setTextDialog: function (
|
||||||
|
title = "",
|
||||||
|
data = { text: "" },
|
||||||
|
dialogArea = ["600px", "500px"]
|
||||||
|
) {
|
||||||
|
var laytpl = layui.laytpl;
|
||||||
|
var templet = data.text;
|
||||||
|
laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: title,
|
||||||
|
content: templet,
|
||||||
|
area: dialogArea,
|
||||||
|
success: function () { },
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showOkMsgDialog({ msg, title = "提示", btnTitle = "好的", dialogArea = ["520px", "270px"] }) {
|
||||||
|
layer.confirm("",
|
||||||
|
{
|
||||||
|
title: title,
|
||||||
|
area: dialogArea,
|
||||||
|
content: `<div style="margin: 50px auto;">${msg}</div>`,
|
||||||
|
btnAlign: 'r',
|
||||||
|
skin: "msg-skin",
|
||||||
|
btn: [btnTitle]
|
||||||
|
}, function (index, layero) {
|
||||||
|
layer.close(index);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
setQrCodeDialog({ id = "qrcode", title = "", data = { value: "" }, showQrcodeUrl = false, qrcodeArea = {
|
||||||
|
width: 400,
|
||||||
|
height: 400
|
||||||
|
}, dialogArea = ["700px", "500px"] }) {
|
||||||
|
|
||||||
|
var laytpl = layui.laytpl;
|
||||||
|
var qrcode = layui.qrcode;
|
||||||
|
var templet = ' <div id="' + id + '" class="qrcode"></div>';
|
||||||
|
if (showQrcodeUrl) {
|
||||||
|
templet += '<div class="show-qrcode-value"></div>';
|
||||||
|
}
|
||||||
|
laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: title,
|
||||||
|
content: templet,
|
||||||
|
area: dialogArea,
|
||||||
|
success: function success() {
|
||||||
|
qrcode.qrcode(document.getElementById(id), qrcodeArea);
|
||||||
|
qrcode.makeCode(data.value);
|
||||||
|
if (showQrcodeUrl) {
|
||||||
|
layui.$('.show-qrcode-value').html(layui.$('.qrcode').attr('title'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -0,0 +1,105 @@
|
|||||||
|
layui.define(['index', 'api'], function (exports) {
|
||||||
|
var $ = layui.$, admin = layui.admin;
|
||||||
|
var obj = {
|
||||||
|
addTr: function (listTableCols) {
|
||||||
|
var html = ``;
|
||||||
|
for (var key in listTableCols) {
|
||||||
|
if (listTableCols.hasOwnProperty(key)) {
|
||||||
|
var element = listTableCols[key];
|
||||||
|
if (element.toolbar) {
|
||||||
|
html += `<td data-field="${element.field}" align="${element.align ? element.align : 'left'}" data-off="true" class="layui-table-col-special">
|
||||||
|
<div class="layui-table-cell">
|
||||||
|
<span class="cell-opr save-cell" lay-event="add" data-tips="新增" onmouseover="showToolTips(this)"></span>
|
||||||
|
<span class="cell-opr delete-cell" lay-event="cancel" data-tips="取消" onmouseover="showToolTips(this)"></span>
|
||||||
|
</div></td>`;
|
||||||
|
} else {
|
||||||
|
if (element.hide) {
|
||||||
|
html += ``;
|
||||||
|
} else {
|
||||||
|
html += `<td data-field="${element.field}" data-key="333-0-${key}" align="${element.align ? element.align : 'left'}" class="add-${element.field}">
|
||||||
|
<div class="layui-table-cell">
|
||||||
|
<input type="text" name="${element.field}" required lay-verify="required" data-tips="请填写${element.title}" value="" autocomplete="off" class="layui-input ${element.field}">
|
||||||
|
</div>
|
||||||
|
</td>`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return html;
|
||||||
|
},
|
||||||
|
addFormFiled: function (listTableCols) {
|
||||||
|
var addField = {};
|
||||||
|
for (const key in listTableCols) {
|
||||||
|
if (listTableCols.hasOwnProperty(key)) {
|
||||||
|
const element = listTableCols[key];
|
||||||
|
|
||||||
|
if (!element.toolbar) {
|
||||||
|
if (element.hide) {
|
||||||
|
} else {
|
||||||
|
var id = $(`.layui-table .add-${element.field} .${element.field}`);
|
||||||
|
if (!$(id).val()) {
|
||||||
|
showToolTips($(id));
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
addField[element.field] = $(id).val();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return addField;
|
||||||
|
},
|
||||||
|
editTr: function (listTableCols, data) {
|
||||||
|
var html = ``;
|
||||||
|
for (var key in listTableCols) {
|
||||||
|
if (listTableCols.hasOwnProperty(key)) {
|
||||||
|
var element = listTableCols[key];
|
||||||
|
if (element.toolbar) {
|
||||||
|
html += `<td data-field="${element.field}" align="${element.align ? element.align : 'left'}" data-off="true" class="layui-table-col-special">
|
||||||
|
<div class="layui-table-cell">
|
||||||
|
<span class="cell-opr save-cell" lay-event="save" data-tips="编辑" onmouseover="showToolTips(this)"></span>
|
||||||
|
<span class="cell-opr delete-cell" lay-event="cancel" data-tips="取消" onmouseover="showToolTips(this)"></span>
|
||||||
|
</div></td>`;
|
||||||
|
} else {
|
||||||
|
if (element.hide) {
|
||||||
|
html += `
|
||||||
|
<input type="text" name="${element.field}" data-key="222-0-${key}" class="display-none" required lay-verify="required" value="${data[element.field]}" class="edit-${element.field}">
|
||||||
|
`;
|
||||||
|
} else {
|
||||||
|
html += `<td data-field="${element.field}" data-key="222-0-${key}" align="${element.align ? element.align : 'left'}" class="edit-${element.field}">
|
||||||
|
<div class="layui-table-cell">
|
||||||
|
<input type="text" name="${element.field}" required lay-verify="required" data-tips="请填写${element.title}" value="${data[element.field]}" autocomplete="off" class="layui-input ${element.field}">
|
||||||
|
</div>
|
||||||
|
</td>`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return html;
|
||||||
|
},
|
||||||
|
editFormFiled: function (listTableCols, data) {
|
||||||
|
var editField = {};
|
||||||
|
var id = data.id;
|
||||||
|
for (var key in listTableCols) {
|
||||||
|
if (listTableCols.hasOwnProperty(key)) {
|
||||||
|
var element = listTableCols[key];
|
||||||
|
|
||||||
|
if (!element.toolbar) {
|
||||||
|
if (element.hide) {
|
||||||
|
editField[element.field] = data[element.field];
|
||||||
|
} else {
|
||||||
|
var id = $(`.layui-table .edit-${element.field} .${element.field}`);
|
||||||
|
if (!$(id).val()) {
|
||||||
|
showToolTips($(id));
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
editField[element.field] = $(id).val();
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return editField;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
exports('dynamicTr', obj);
|
||||||
|
});
|
||||||
@ -0,0 +1,698 @@
|
|||||||
|
|
||||||
|
layui.define(function (exports) {
|
||||||
|
|
||||||
|
var QRCode = function () {
|
||||||
|
this.v = '0.1.beta';
|
||||||
|
};
|
||||||
|
(function () {
|
||||||
|
//---------------------------------------------------------------------
|
||||||
|
// QRCode for JavaScript
|
||||||
|
//
|
||||||
|
// Copyright (c) 2009 Kazuhiko Arase
|
||||||
|
//
|
||||||
|
// URL: http://www.d-project.com/
|
||||||
|
//
|
||||||
|
// Licensed under the MIT license:
|
||||||
|
// http://www.opensource.org/licenses/mit-license.php
|
||||||
|
//
|
||||||
|
// The word "QR Code" is registered trademark of
|
||||||
|
// DENSO WAVE INCORPORATED
|
||||||
|
// http://www.denso-wave.com/qrcode/faqpatent-e.html
|
||||||
|
//
|
||||||
|
//---------------------------------------------------------------------
|
||||||
|
function QR8bitByte(data) {
|
||||||
|
this.mode = QRMode.MODE_8BIT_BYTE;
|
||||||
|
this.data = data;
|
||||||
|
this.parsedData = [];
|
||||||
|
|
||||||
|
// Added to support UTF-8 Characters
|
||||||
|
for (var i = 0, l = this.data.length; i < l; i++) {
|
||||||
|
var byteArray = [];
|
||||||
|
var code = this.data.charCodeAt(i);
|
||||||
|
|
||||||
|
if (code > 0x10000) {
|
||||||
|
byteArray[0] = 0xF0 | ((code & 0x1C0000) >>> 18);
|
||||||
|
byteArray[1] = 0x80 | ((code & 0x3F000) >>> 12);
|
||||||
|
byteArray[2] = 0x80 | ((code & 0xFC0) >>> 6);
|
||||||
|
byteArray[3] = 0x80 | (code & 0x3F);
|
||||||
|
} else if (code > 0x800) {
|
||||||
|
byteArray[0] = 0xE0 | ((code & 0xF000) >>> 12);
|
||||||
|
byteArray[1] = 0x80 | ((code & 0xFC0) >>> 6);
|
||||||
|
byteArray[2] = 0x80 | (code & 0x3F);
|
||||||
|
} else if (code > 0x80) {
|
||||||
|
byteArray[0] = 0xC0 | ((code & 0x7C0) >>> 6);
|
||||||
|
byteArray[1] = 0x80 | (code & 0x3F);
|
||||||
|
} else {
|
||||||
|
byteArray[0] = code;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.parsedData.push(byteArray);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.parsedData = Array.prototype.concat.apply([], this.parsedData);
|
||||||
|
|
||||||
|
if (this.parsedData.length != this.data.length) {
|
||||||
|
this.parsedData.unshift(191);
|
||||||
|
this.parsedData.unshift(187);
|
||||||
|
this.parsedData.unshift(239);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
QR8bitByte.prototype = {
|
||||||
|
getLength: function (buffer) {
|
||||||
|
return this.parsedData.length;
|
||||||
|
},
|
||||||
|
write: function (buffer) {
|
||||||
|
for (var i = 0, l = this.parsedData.length; i < l; i++) {
|
||||||
|
buffer.put(this.parsedData[i], 8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function QRCodeModel(typeNumber, errorCorrectLevel) {
|
||||||
|
this.typeNumber = typeNumber;
|
||||||
|
this.errorCorrectLevel = errorCorrectLevel;
|
||||||
|
this.modules = null;
|
||||||
|
this.moduleCount = 0;
|
||||||
|
this.dataCache = null;
|
||||||
|
this.dataList = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
QRCodeModel.prototype = {
|
||||||
|
addData: function (data) { var newData = new QR8bitByte(data); this.dataList.push(newData); this.dataCache = null; }, isDark: function (row, col) {
|
||||||
|
if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) { throw new Error(row + "," + col); }
|
||||||
|
return this.modules[row][col];
|
||||||
|
}, getModuleCount: function () { return this.moduleCount; }, make: function () { this.makeImpl(false, this.getBestMaskPattern()); }, makeImpl: function (test, maskPattern) {
|
||||||
|
this.moduleCount = this.typeNumber * 4 + 17; this.modules = new Array(this.moduleCount); for (var row = 0; row < this.moduleCount; row++) { this.modules[row] = new Array(this.moduleCount); for (var col = 0; col < this.moduleCount; col++) { this.modules[row][col] = null; } }
|
||||||
|
this.setupPositionProbePattern(0, 0); this.setupPositionProbePattern(this.moduleCount - 7, 0); this.setupPositionProbePattern(0, this.moduleCount - 7); this.setupPositionAdjustPattern(); this.setupTimingPattern(); this.setupTypeInfo(test, maskPattern); if (this.typeNumber >= 7) { this.setupTypeNumber(test); }
|
||||||
|
if (this.dataCache == null) { this.dataCache = QRCodeModel.createData(this.typeNumber, this.errorCorrectLevel, this.dataList); }
|
||||||
|
this.mapData(this.dataCache, maskPattern);
|
||||||
|
}, setupPositionProbePattern: function (row, col) { for (var r = -1; r <= 7; r++) { if (row + r <= -1 || this.moduleCount <= row + r) continue; for (var c = -1; c <= 7; c++) { if (col + c <= -1 || this.moduleCount <= col + c) continue; if ((0 <= r && r <= 6 && (c == 0 || c == 6)) || (0 <= c && c <= 6 && (r == 0 || r == 6)) || (2 <= r && r <= 4 && 2 <= c && c <= 4)) { this.modules[row + r][col + c] = true; } else { this.modules[row + r][col + c] = false; } } } }, getBestMaskPattern: function () {
|
||||||
|
var minLostPoint = 0; var pattern = 0; for (var i = 0; i < 8; i++) { this.makeImpl(true, i); var lostPoint = QRUtil.getLostPoint(this); if (i == 0 || minLostPoint > lostPoint) { minLostPoint = lostPoint; pattern = i; } }
|
||||||
|
return pattern;
|
||||||
|
}, createMovieClip: function (target_mc, instance_name, depth) {
|
||||||
|
var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth); var cs = 1; this.make(); for (var row = 0; row < this.modules.length; row++) { var y = row * cs; for (var col = 0; col < this.modules[row].length; col++) { var x = col * cs; var dark = this.modules[row][col]; if (dark) { qr_mc.beginFill(0, 100); qr_mc.moveTo(x, y); qr_mc.lineTo(x + cs, y); qr_mc.lineTo(x + cs, y + cs); qr_mc.lineTo(x, y + cs); qr_mc.endFill(); } } }
|
||||||
|
return qr_mc;
|
||||||
|
}, setupTimingPattern: function () {
|
||||||
|
for (var r = 8; r < this.moduleCount - 8; r++) {
|
||||||
|
if (this.modules[r][6] != null) { continue; }
|
||||||
|
this.modules[r][6] = (r % 2 == 0);
|
||||||
|
}
|
||||||
|
for (var c = 8; c < this.moduleCount - 8; c++) {
|
||||||
|
if (this.modules[6][c] != null) { continue; }
|
||||||
|
this.modules[6][c] = (c % 2 == 0);
|
||||||
|
}
|
||||||
|
}, setupPositionAdjustPattern: function () {
|
||||||
|
var pos = QRUtil.getPatternPosition(this.typeNumber); for (var i = 0; i < pos.length; i++) {
|
||||||
|
for (var j = 0; j < pos.length; j++) {
|
||||||
|
var row = pos[i]; var col = pos[j]; if (this.modules[row][col] != null) { continue; }
|
||||||
|
for (var r = -2; r <= 2; r++) { for (var c = -2; c <= 2; c++) { if (r == -2 || r == 2 || c == -2 || c == 2 || (r == 0 && c == 0)) { this.modules[row + r][col + c] = true; } else { this.modules[row + r][col + c] = false; } } }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, setupTypeNumber: function (test) {
|
||||||
|
var bits = QRUtil.getBCHTypeNumber(this.typeNumber); for (var i = 0; i < 18; i++) { var mod = (!test && ((bits >> i) & 1) == 1); this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod; }
|
||||||
|
for (var i = 0; i < 18; i++) { var mod = (!test && ((bits >> i) & 1) == 1); this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod; }
|
||||||
|
}, setupTypeInfo: function (test, maskPattern) {
|
||||||
|
var data = (this.errorCorrectLevel << 3) | maskPattern; var bits = QRUtil.getBCHTypeInfo(data); for (var i = 0; i < 15; i++) { var mod = (!test && ((bits >> i) & 1) == 1); if (i < 6) { this.modules[i][8] = mod; } else if (i < 8) { this.modules[i + 1][8] = mod; } else { this.modules[this.moduleCount - 15 + i][8] = mod; } }
|
||||||
|
for (var i = 0; i < 15; i++) { var mod = (!test && ((bits >> i) & 1) == 1); if (i < 8) { this.modules[8][this.moduleCount - i - 1] = mod; } else if (i < 9) { this.modules[8][15 - i - 1 + 1] = mod; } else { this.modules[8][15 - i - 1] = mod; } }
|
||||||
|
this.modules[this.moduleCount - 8][8] = (!test);
|
||||||
|
}, mapData: function (data, maskPattern) {
|
||||||
|
var inc = -1; var row = this.moduleCount - 1; var bitIndex = 7; var byteIndex = 0; for (var col = this.moduleCount - 1; col > 0; col -= 2) {
|
||||||
|
if (col == 6) col--; while (true) {
|
||||||
|
for (var c = 0; c < 2; c++) {
|
||||||
|
if (this.modules[row][col - c] == null) {
|
||||||
|
var dark = false; if (byteIndex < data.length) { dark = (((data[byteIndex] >>> bitIndex) & 1) == 1); }
|
||||||
|
var mask = QRUtil.getMask(maskPattern, row, col - c); if (mask) { dark = !dark; }
|
||||||
|
this.modules[row][col - c] = dark; bitIndex--; if (bitIndex == -1) { byteIndex++; bitIndex = 7; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
row += inc; if (row < 0 || this.moduleCount <= row) { row -= inc; inc = -inc; break; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}; QRCodeModel.PAD0 = 0xEC; QRCodeModel.PAD1 = 0x11; QRCodeModel.createData = function (typeNumber, errorCorrectLevel, dataList) {
|
||||||
|
var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel); var buffer = new QRBitBuffer(); for (var i = 0; i < dataList.length; i++) { var data = dataList[i]; buffer.put(data.mode, 4); buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber)); data.write(buffer); }
|
||||||
|
var totalDataCount = 0; for (var i = 0; i < rsBlocks.length; i++) { totalDataCount += rsBlocks[i].dataCount; }
|
||||||
|
if (buffer.getLengthInBits() > totalDataCount * 8) {
|
||||||
|
throw new Error("code length overflow. ("
|
||||||
|
+ buffer.getLengthInBits()
|
||||||
|
+ ">"
|
||||||
|
+ totalDataCount * 8
|
||||||
|
+ ")");
|
||||||
|
}
|
||||||
|
if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) { buffer.put(0, 4); }
|
||||||
|
while (buffer.getLengthInBits() % 8 != 0) { buffer.putBit(false); }
|
||||||
|
while (true) {
|
||||||
|
if (buffer.getLengthInBits() >= totalDataCount * 8) { break; }
|
||||||
|
buffer.put(QRCodeModel.PAD0, 8); if (buffer.getLengthInBits() >= totalDataCount * 8) { break; }
|
||||||
|
buffer.put(QRCodeModel.PAD1, 8);
|
||||||
|
}
|
||||||
|
return QRCodeModel.createBytes(buffer, rsBlocks);
|
||||||
|
}; QRCodeModel.createBytes = function (buffer, rsBlocks) {
|
||||||
|
var offset = 0; var maxDcCount = 0; var maxEcCount = 0; var dcdata = new Array(rsBlocks.length); var ecdata = new Array(rsBlocks.length); for (var r = 0; r < rsBlocks.length; r++) {
|
||||||
|
var dcCount = rsBlocks[r].dataCount; var ecCount = rsBlocks[r].totalCount - dcCount; maxDcCount = Math.max(maxDcCount, dcCount); maxEcCount = Math.max(maxEcCount, ecCount); dcdata[r] = new Array(dcCount); for (var i = 0; i < dcdata[r].length; i++) { dcdata[r][i] = 0xff & buffer.buffer[i + offset]; }
|
||||||
|
offset += dcCount; var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount); var rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() - 1); var modPoly = rawPoly.mod(rsPoly); ecdata[r] = new Array(rsPoly.getLength() - 1); for (var i = 0; i < ecdata[r].length; i++) { var modIndex = i + modPoly.getLength() - ecdata[r].length; ecdata[r][i] = (modIndex >= 0) ? modPoly.get(modIndex) : 0; }
|
||||||
|
}
|
||||||
|
var totalCodeCount = 0; for (var i = 0; i < rsBlocks.length; i++) { totalCodeCount += rsBlocks[i].totalCount; }
|
||||||
|
var data = new Array(totalCodeCount); var index = 0; for (var i = 0; i < maxDcCount; i++) { for (var r = 0; r < rsBlocks.length; r++) { if (i < dcdata[r].length) { data[index++] = dcdata[r][i]; } } }
|
||||||
|
for (var i = 0; i < maxEcCount; i++) { for (var r = 0; r < rsBlocks.length; r++) { if (i < ecdata[r].length) { data[index++] = ecdata[r][i]; } } }
|
||||||
|
return data;
|
||||||
|
}; var QRMode = { MODE_NUMBER: 1 << 0, MODE_ALPHA_NUM: 1 << 1, MODE_8BIT_BYTE: 1 << 2, MODE_KANJI: 1 << 3 }; var QRErrorCorrectLevel = { L: 1, M: 0, Q: 3, H: 2 }; var QRMaskPattern = { PATTERN000: 0, PATTERN001: 1, PATTERN010: 2, PATTERN011: 3, PATTERN100: 4, PATTERN101: 5, PATTERN110: 6, PATTERN111: 7 }; var QRUtil = {
|
||||||
|
PATTERN_POSITION_TABLE: [[], [6, 18], [6, 22], [6, 26], [6, 30], [6, 34], [6, 22, 38], [6, 24, 42], [6, 26, 46], [6, 28, 50], [6, 30, 54], [6, 32, 58], [6, 34, 62], [6, 26, 46, 66], [6, 26, 48, 70], [6, 26, 50, 74], [6, 30, 54, 78], [6, 30, 56, 82], [6, 30, 58, 86], [6, 34, 62, 90], [6, 28, 50, 72, 94], [6, 26, 50, 74, 98], [6, 30, 54, 78, 102], [6, 28, 54, 80, 106], [6, 32, 58, 84, 110], [6, 30, 58, 86, 114], [6, 34, 62, 90, 118], [6, 26, 50, 74, 98, 122], [6, 30, 54, 78, 102, 126], [6, 26, 52, 78, 104, 130], [6, 30, 56, 82, 108, 134], [6, 34, 60, 86, 112, 138], [6, 30, 58, 86, 114, 142], [6, 34, 62, 90, 118, 146], [6, 30, 54, 78, 102, 126, 150], [6, 24, 50, 76, 102, 128, 154], [6, 28, 54, 80, 106, 132, 158], [6, 32, 58, 84, 110, 136, 162], [6, 26, 54, 82, 110, 138, 166], [6, 30, 58, 86, 114, 142, 170]], G15: (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0), G18: (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0), G15_MASK: (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1), getBCHTypeInfo: function (data) {
|
||||||
|
var d = data << 10; while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) { d ^= (QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15))); }
|
||||||
|
return ((data << 10) | d) ^ QRUtil.G15_MASK;
|
||||||
|
}, getBCHTypeNumber: function (data) {
|
||||||
|
var d = data << 12; while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) { d ^= (QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18))); }
|
||||||
|
return (data << 12) | d;
|
||||||
|
}, getBCHDigit: function (data) {
|
||||||
|
var digit = 0; while (data != 0) { digit++; data >>>= 1; }
|
||||||
|
return digit;
|
||||||
|
}, getPatternPosition: function (typeNumber) { return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1]; }, getMask: function (maskPattern, i, j) { switch (maskPattern) { case QRMaskPattern.PATTERN000: return (i + j) % 2 == 0; case QRMaskPattern.PATTERN001: return i % 2 == 0; case QRMaskPattern.PATTERN010: return j % 3 == 0; case QRMaskPattern.PATTERN011: return (i + j) % 3 == 0; case QRMaskPattern.PATTERN100: return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0; case QRMaskPattern.PATTERN101: return (i * j) % 2 + (i * j) % 3 == 0; case QRMaskPattern.PATTERN110: return ((i * j) % 2 + (i * j) % 3) % 2 == 0; case QRMaskPattern.PATTERN111: return ((i * j) % 3 + (i + j) % 2) % 2 == 0; default: throw new Error("bad maskPattern:" + maskPattern); } }, getErrorCorrectPolynomial: function (errorCorrectLength) {
|
||||||
|
var a = new QRPolynomial([1], 0); for (var i = 0; i < errorCorrectLength; i++) { a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0)); }
|
||||||
|
return a;
|
||||||
|
}, getLengthInBits: function (mode, type) { if (1 <= type && type < 10) { switch (mode) { case QRMode.MODE_NUMBER: return 10; case QRMode.MODE_ALPHA_NUM: return 9; case QRMode.MODE_8BIT_BYTE: return 8; case QRMode.MODE_KANJI: return 8; default: throw new Error("mode:" + mode); } } else if (type < 27) { switch (mode) { case QRMode.MODE_NUMBER: return 12; case QRMode.MODE_ALPHA_NUM: return 11; case QRMode.MODE_8BIT_BYTE: return 16; case QRMode.MODE_KANJI: return 10; default: throw new Error("mode:" + mode); } } else if (type < 41) { switch (mode) { case QRMode.MODE_NUMBER: return 14; case QRMode.MODE_ALPHA_NUM: return 13; case QRMode.MODE_8BIT_BYTE: return 16; case QRMode.MODE_KANJI: return 12; default: throw new Error("mode:" + mode); } } else { throw new Error("type:" + type); } }, getLostPoint: function (qrCode) {
|
||||||
|
var moduleCount = qrCode.getModuleCount(); var lostPoint = 0; for (var row = 0; row < moduleCount; row++) {
|
||||||
|
for (var col = 0; col < moduleCount; col++) {
|
||||||
|
var sameCount = 0; var dark = qrCode.isDark(row, col); for (var r = -1; r <= 1; r++) {
|
||||||
|
if (row + r < 0 || moduleCount <= row + r) { continue; }
|
||||||
|
for (var c = -1; c <= 1; c++) {
|
||||||
|
if (col + c < 0 || moduleCount <= col + c) { continue; }
|
||||||
|
if (r == 0 && c == 0) { continue; }
|
||||||
|
if (dark == qrCode.isDark(row + r, col + c)) { sameCount++; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (sameCount > 5) { lostPoint += (3 + sameCount - 5); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for (var row = 0; row < moduleCount - 1; row++) { for (var col = 0; col < moduleCount - 1; col++) { var count = 0; if (qrCode.isDark(row, col)) count++; if (qrCode.isDark(row + 1, col)) count++; if (qrCode.isDark(row, col + 1)) count++; if (qrCode.isDark(row + 1, col + 1)) count++; if (count == 0 || count == 4) { lostPoint += 3; } } }
|
||||||
|
for (var row = 0; row < moduleCount; row++) { for (var col = 0; col < moduleCount - 6; col++) { if (qrCode.isDark(row, col) && !qrCode.isDark(row, col + 1) && qrCode.isDark(row, col + 2) && qrCode.isDark(row, col + 3) && qrCode.isDark(row, col + 4) && !qrCode.isDark(row, col + 5) && qrCode.isDark(row, col + 6)) { lostPoint += 40; } } }
|
||||||
|
for (var col = 0; col < moduleCount; col++) { for (var row = 0; row < moduleCount - 6; row++) { if (qrCode.isDark(row, col) && !qrCode.isDark(row + 1, col) && qrCode.isDark(row + 2, col) && qrCode.isDark(row + 3, col) && qrCode.isDark(row + 4, col) && !qrCode.isDark(row + 5, col) && qrCode.isDark(row + 6, col)) { lostPoint += 40; } } }
|
||||||
|
var darkCount = 0; for (var col = 0; col < moduleCount; col++) { for (var row = 0; row < moduleCount; row++) { if (qrCode.isDark(row, col)) { darkCount++; } } }
|
||||||
|
var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5; lostPoint += ratio * 10; return lostPoint;
|
||||||
|
}
|
||||||
|
}; var QRMath = {
|
||||||
|
glog: function (n) {
|
||||||
|
if (n < 1) { throw new Error("glog(" + n + ")"); }
|
||||||
|
return QRMath.LOG_TABLE[n];
|
||||||
|
}, gexp: function (n) {
|
||||||
|
while (n < 0) { n += 255; }
|
||||||
|
while (n >= 256) { n -= 255; }
|
||||||
|
return QRMath.EXP_TABLE[n];
|
||||||
|
}, EXP_TABLE: new Array(256), LOG_TABLE: new Array(256)
|
||||||
|
}; for (var i = 0; i < 8; i++) { QRMath.EXP_TABLE[i] = 1 << i; }
|
||||||
|
for (var i = 8; i < 256; i++) { QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8]; }
|
||||||
|
for (var i = 0; i < 255; i++) { QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i; }
|
||||||
|
function QRPolynomial(num, shift) {
|
||||||
|
if (num.length == undefined) { throw new Error(num.length + "/" + shift); }
|
||||||
|
var offset = 0; while (offset < num.length && num[offset] == 0) { offset++; }
|
||||||
|
this.num = new Array(num.length - offset + shift); for (var i = 0; i < num.length - offset; i++) { this.num[i] = num[i + offset]; }
|
||||||
|
}
|
||||||
|
QRPolynomial.prototype = {
|
||||||
|
get: function (index) { return this.num[index]; }, getLength: function () { return this.num.length; }, multiply: function (e) {
|
||||||
|
var num = new Array(this.getLength() + e.getLength() - 1); for (var i = 0; i < this.getLength(); i++) { for (var j = 0; j < e.getLength(); j++) { num[i + j] ^= QRMath.gexp(QRMath.glog(this.get(i)) + QRMath.glog(e.get(j))); } }
|
||||||
|
return new QRPolynomial(num, 0);
|
||||||
|
}, mod: function (e) {
|
||||||
|
if (this.getLength() - e.getLength() < 0) { return this; }
|
||||||
|
var ratio = QRMath.glog(this.get(0)) - QRMath.glog(e.get(0)); var num = new Array(this.getLength()); for (var i = 0; i < this.getLength(); i++) { num[i] = this.get(i); }
|
||||||
|
for (var i = 0; i < e.getLength(); i++) { num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio); }
|
||||||
|
return new QRPolynomial(num, 0).mod(e);
|
||||||
|
}
|
||||||
|
}; function QRRSBlock(totalCount, dataCount) { this.totalCount = totalCount; this.dataCount = dataCount; }
|
||||||
|
QRRSBlock.RS_BLOCK_TABLE = [[1, 26, 19], [1, 26, 16], [1, 26, 13], [1, 26, 9], [1, 44, 34], [1, 44, 28], [1, 44, 22], [1, 44, 16], [1, 70, 55], [1, 70, 44], [2, 35, 17], [2, 35, 13], [1, 100, 80], [2, 50, 32], [2, 50, 24], [4, 25, 9], [1, 134, 108], [2, 67, 43], [2, 33, 15, 2, 34, 16], [2, 33, 11, 2, 34, 12], [2, 86, 68], [4, 43, 27], [4, 43, 19], [4, 43, 15], [2, 98, 78], [4, 49, 31], [2, 32, 14, 4, 33, 15], [4, 39, 13, 1, 40, 14], [2, 121, 97], [2, 60, 38, 2, 61, 39], [4, 40, 18, 2, 41, 19], [4, 40, 14, 2, 41, 15], [2, 146, 116], [3, 58, 36, 2, 59, 37], [4, 36, 16, 4, 37, 17], [4, 36, 12, 4, 37, 13], [2, 86, 68, 2, 87, 69], [4, 69, 43, 1, 70, 44], [6, 43, 19, 2, 44, 20], [6, 43, 15, 2, 44, 16], [4, 101, 81], [1, 80, 50, 4, 81, 51], [4, 50, 22, 4, 51, 23], [3, 36, 12, 8, 37, 13], [2, 116, 92, 2, 117, 93], [6, 58, 36, 2, 59, 37], [4, 46, 20, 6, 47, 21], [7, 42, 14, 4, 43, 15], [4, 133, 107], [8, 59, 37, 1, 60, 38], [8, 44, 20, 4, 45, 21], [12, 33, 11, 4, 34, 12], [3, 145, 115, 1, 146, 116], [4, 64, 40, 5, 65, 41], [11, 36, 16, 5, 37, 17], [11, 36, 12, 5, 37, 13], [5, 109, 87, 1, 110, 88], [5, 65, 41, 5, 66, 42], [5, 54, 24, 7, 55, 25], [11, 36, 12], [5, 122, 98, 1, 123, 99], [7, 73, 45, 3, 74, 46], [15, 43, 19, 2, 44, 20], [3, 45, 15, 13, 46, 16], [1, 135, 107, 5, 136, 108], [10, 74, 46, 1, 75, 47], [1, 50, 22, 15, 51, 23], [2, 42, 14, 17, 43, 15], [5, 150, 120, 1, 151, 121], [9, 69, 43, 4, 70, 44], [17, 50, 22, 1, 51, 23], [2, 42, 14, 19, 43, 15], [3, 141, 113, 4, 142, 114], [3, 70, 44, 11, 71, 45], [17, 47, 21, 4, 48, 22], [9, 39, 13, 16, 40, 14], [3, 135, 107, 5, 136, 108], [3, 67, 41, 13, 68, 42], [15, 54, 24, 5, 55, 25], [15, 43, 15, 10, 44, 16], [4, 144, 116, 4, 145, 117], [17, 68, 42], [17, 50, 22, 6, 51, 23], [19, 46, 16, 6, 47, 17], [2, 139, 111, 7, 140, 112], [17, 74, 46], [7, 54, 24, 16, 55, 25], [34, 37, 13], [4, 151, 121, 5, 152, 122], [4, 75, 47, 14, 76, 48], [11, 54, 24, 14, 55, 25], [16, 45, 15, 14, 46, 16], [6, 147, 117, 4, 148, 118], [6, 73, 45, 14, 74, 46], [11, 54, 24, 16, 55, 25], [30, 46, 16, 2, 47, 17], [8, 132, 106, 4, 133, 107], [8, 75, 47, 13, 76, 48], [7, 54, 24, 22, 55, 25], [22, 45, 15, 13, 46, 16], [10, 142, 114, 2, 143, 115], [19, 74, 46, 4, 75, 47], [28, 50, 22, 6, 51, 23], [33, 46, 16, 4, 47, 17], [8, 152, 122, 4, 153, 123], [22, 73, 45, 3, 74, 46], [8, 53, 23, 26, 54, 24], [12, 45, 15, 28, 46, 16], [3, 147, 117, 10, 148, 118], [3, 73, 45, 23, 74, 46], [4, 54, 24, 31, 55, 25], [11, 45, 15, 31, 46, 16], [7, 146, 116, 7, 147, 117], [21, 73, 45, 7, 74, 46], [1, 53, 23, 37, 54, 24], [19, 45, 15, 26, 46, 16], [5, 145, 115, 10, 146, 116], [19, 75, 47, 10, 76, 48], [15, 54, 24, 25, 55, 25], [23, 45, 15, 25, 46, 16], [13, 145, 115, 3, 146, 116], [2, 74, 46, 29, 75, 47], [42, 54, 24, 1, 55, 25], [23, 45, 15, 28, 46, 16], [17, 145, 115], [10, 74, 46, 23, 75, 47], [10, 54, 24, 35, 55, 25], [19, 45, 15, 35, 46, 16], [17, 145, 115, 1, 146, 116], [14, 74, 46, 21, 75, 47], [29, 54, 24, 19, 55, 25], [11, 45, 15, 46, 46, 16], [13, 145, 115, 6, 146, 116], [14, 74, 46, 23, 75, 47], [44, 54, 24, 7, 55, 25], [59, 46, 16, 1, 47, 17], [12, 151, 121, 7, 152, 122], [12, 75, 47, 26, 76, 48], [39, 54, 24, 14, 55, 25], [22, 45, 15, 41, 46, 16], [6, 151, 121, 14, 152, 122], [6, 75, 47, 34, 76, 48], [46, 54, 24, 10, 55, 25], [2, 45, 15, 64, 46, 16], [17, 152, 122, 4, 153, 123], [29, 74, 46, 14, 75, 47], [49, 54, 24, 10, 55, 25], [24, 45, 15, 46, 46, 16], [4, 152, 122, 18, 153, 123], [13, 74, 46, 32, 75, 47], [48, 54, 24, 14, 55, 25], [42, 45, 15, 32, 46, 16], [20, 147, 117, 4, 148, 118], [40, 75, 47, 7, 76, 48], [43, 54, 24, 22, 55, 25], [10, 45, 15, 67, 46, 16], [19, 148, 118, 6, 149, 119], [18, 75, 47, 31, 76, 48], [34, 54, 24, 34, 55, 25], [20, 45, 15, 61, 46, 16]]; QRRSBlock.getRSBlocks = function (typeNumber, errorCorrectLevel) {
|
||||||
|
var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel); if (rsBlock == undefined) { throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel); }
|
||||||
|
var length = rsBlock.length / 3; var list = []; for (var i = 0; i < length; i++) { var count = rsBlock[i * 3 + 0]; var totalCount = rsBlock[i * 3 + 1]; var dataCount = rsBlock[i * 3 + 2]; for (var j = 0; j < count; j++) { list.push(new QRRSBlock(totalCount, dataCount)); } }
|
||||||
|
return list;
|
||||||
|
}; QRRSBlock.getRsBlockTable = function (typeNumber, errorCorrectLevel) { switch (errorCorrectLevel) { case QRErrorCorrectLevel.L: return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0]; case QRErrorCorrectLevel.M: return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1]; case QRErrorCorrectLevel.Q: return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2]; case QRErrorCorrectLevel.H: return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3]; default: return undefined; } }; function QRBitBuffer() { this.buffer = []; this.length = 0; }
|
||||||
|
QRBitBuffer.prototype = {
|
||||||
|
get: function (index) { var bufIndex = Math.floor(index / 8); return ((this.buffer[bufIndex] >>> (7 - index % 8)) & 1) == 1; }, put: function (num, length) { for (var i = 0; i < length; i++) { this.putBit(((num >>> (length - i - 1)) & 1) == 1); } }, getLengthInBits: function () { return this.length; }, putBit: function (bit) {
|
||||||
|
var bufIndex = Math.floor(this.length / 8); if (this.buffer.length <= bufIndex) { this.buffer.push(0); }
|
||||||
|
if (bit) { this.buffer[bufIndex] |= (0x80 >>> (this.length % 8)); }
|
||||||
|
this.length++;
|
||||||
|
}
|
||||||
|
}; var QRCodeLimitLength = [[17, 14, 11, 7], [32, 26, 20, 14], [53, 42, 32, 24], [78, 62, 46, 34], [106, 84, 60, 44], [134, 106, 74, 58], [154, 122, 86, 64], [192, 152, 108, 84], [230, 180, 130, 98], [271, 213, 151, 119], [321, 251, 177, 137], [367, 287, 203, 155], [425, 331, 241, 177], [458, 362, 258, 194], [520, 412, 292, 220], [586, 450, 322, 250], [644, 504, 364, 280], [718, 560, 394, 310], [792, 624, 442, 338], [858, 666, 482, 382], [929, 711, 509, 403], [1003, 779, 565, 439], [1091, 857, 611, 461], [1171, 911, 661, 511], [1273, 997, 715, 535], [1367, 1059, 751, 593], [1465, 1125, 805, 625], [1528, 1190, 868, 658], [1628, 1264, 908, 698], [1732, 1370, 982, 742], [1840, 1452, 1030, 790], [1952, 1538, 1112, 842], [2068, 1628, 1168, 898], [2188, 1722, 1228, 958], [2303, 1809, 1283, 983], [2431, 1911, 1351, 1051], [2563, 1989, 1423, 1093], [2699, 2099, 1499, 1139], [2809, 2213, 1579, 1219], [2953, 2331, 1663, 1273]];
|
||||||
|
|
||||||
|
function _isSupportCanvas() {
|
||||||
|
return typeof CanvasRenderingContext2D != "undefined";
|
||||||
|
}
|
||||||
|
|
||||||
|
// android 2.x doesn't support Data-URI spec
|
||||||
|
function _getAndroid() {
|
||||||
|
var android = false;
|
||||||
|
var sAgent = navigator.userAgent;
|
||||||
|
|
||||||
|
if (/android/i.test(sAgent)) { // android
|
||||||
|
android = true;
|
||||||
|
var aMat = sAgent.toString().match(/android ([0-9]\.[0-9])/i);
|
||||||
|
|
||||||
|
if (aMat && aMat[1]) {
|
||||||
|
android = parseFloat(aMat[1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return android;
|
||||||
|
}
|
||||||
|
|
||||||
|
var svgDrawer = (function () {
|
||||||
|
|
||||||
|
var Drawing = function (el, htOption) {
|
||||||
|
this._el = el;
|
||||||
|
this._htOption = htOption;
|
||||||
|
};
|
||||||
|
|
||||||
|
Drawing.prototype.draw = function (oQRCode) {
|
||||||
|
var _htOption = this._htOption;
|
||||||
|
var _el = this._el;
|
||||||
|
var nCount = oQRCode.getModuleCount();
|
||||||
|
var nWidth = Math.floor(_htOption.width / nCount);
|
||||||
|
var nHeight = Math.floor(_htOption.height / nCount);
|
||||||
|
|
||||||
|
this.clear();
|
||||||
|
|
||||||
|
function makeSVG(tag, attrs) {
|
||||||
|
var el = document.createElementNS('http://www.w3.org/2000/svg', tag);
|
||||||
|
for (var k in attrs)
|
||||||
|
if (attrs.hasOwnProperty(k)) el.setAttribute(k, attrs[k]);
|
||||||
|
return el;
|
||||||
|
}
|
||||||
|
|
||||||
|
var svg = makeSVG("svg", { 'viewBox': '0 0 ' + String(nCount) + " " + String(nCount), 'width': '100%', 'height': '100%', 'fill': _htOption.colorLight });
|
||||||
|
svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
|
||||||
|
_el.appendChild(svg);
|
||||||
|
|
||||||
|
svg.appendChild(makeSVG("rect", { "fill": _htOption.colorLight, "width": "100%", "height": "100%" }));
|
||||||
|
svg.appendChild(makeSVG("rect", { "fill": _htOption.colorDark, "width": "1", "height": "1", "id": "template" }));
|
||||||
|
|
||||||
|
for (var row = 0; row < nCount; row++) {
|
||||||
|
for (var col = 0; col < nCount; col++) {
|
||||||
|
if (oQRCode.isDark(row, col)) {
|
||||||
|
var child = makeSVG("use", { "x": String(col), "y": String(row) });
|
||||||
|
child.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#template")
|
||||||
|
svg.appendChild(child);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
Drawing.prototype.clear = function () {
|
||||||
|
while (this._el.hasChildNodes())
|
||||||
|
this._el.removeChild(this._el.lastChild);
|
||||||
|
};
|
||||||
|
return Drawing;
|
||||||
|
})();
|
||||||
|
|
||||||
|
var useSVG = document.documentElement.tagName.toLowerCase() === "svg";
|
||||||
|
|
||||||
|
// Drawing in DOM by using Table tag
|
||||||
|
var Drawing = useSVG ? svgDrawer : !_isSupportCanvas() ? (function () {
|
||||||
|
var Drawing = function (el, htOption) {
|
||||||
|
this._el = el;
|
||||||
|
this._htOption = htOption;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Draw the QRCode
|
||||||
|
*
|
||||||
|
* @param {QRCode} oQRCode
|
||||||
|
*/
|
||||||
|
Drawing.prototype.draw = function (oQRCode) {
|
||||||
|
var _htOption = this._htOption;
|
||||||
|
var _el = this._el;
|
||||||
|
var nCount = oQRCode.getModuleCount();
|
||||||
|
var nWidth = Math.floor(_htOption.width / nCount);
|
||||||
|
var nHeight = Math.floor(_htOption.height / nCount);
|
||||||
|
var aHTML = ['<table style="border:0;border-collapse:collapse;">'];
|
||||||
|
|
||||||
|
for (var row = 0; row < nCount; row++) {
|
||||||
|
aHTML.push('<tr>');
|
||||||
|
|
||||||
|
for (var col = 0; col < nCount; col++) {
|
||||||
|
aHTML.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' + nWidth + 'px;height:' + nHeight + 'px;background-color:' + (oQRCode.isDark(row, col) ? _htOption.colorDark : _htOption.colorLight) + ';"></td>');
|
||||||
|
}
|
||||||
|
|
||||||
|
aHTML.push('</tr>');
|
||||||
|
}
|
||||||
|
|
||||||
|
aHTML.push('</table>');
|
||||||
|
_el.innerHTML = aHTML.join('');
|
||||||
|
|
||||||
|
// Fix the margin values as real size.
|
||||||
|
var elTable = _el.childNodes[0];
|
||||||
|
var nLeftMarginTable = (_htOption.width - elTable.offsetWidth) / 2;
|
||||||
|
var nTopMarginTable = (_htOption.height - elTable.offsetHeight) / 2;
|
||||||
|
|
||||||
|
if (nLeftMarginTable > 0 && nTopMarginTable > 0) {
|
||||||
|
elTable.style.margin = nTopMarginTable + "px " + nLeftMarginTable + "px";
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clear the QRCode
|
||||||
|
*/
|
||||||
|
Drawing.prototype.clear = function () {
|
||||||
|
this._el.innerHTML = '';
|
||||||
|
};
|
||||||
|
|
||||||
|
return Drawing;
|
||||||
|
})() : (function () { // Drawing in Canvas
|
||||||
|
function _onMakeImage() {
|
||||||
|
this._elImage.src = this._elCanvas.toDataURL("image/png");
|
||||||
|
this._elImage.style.display = "block";
|
||||||
|
this._elCanvas.style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Android 2.1 bug workaround
|
||||||
|
// http://code.google.com/p/android/issues/detail?id=5141
|
||||||
|
if (this._android && this._android <= 2.1) {
|
||||||
|
var factor = 1 / window.devicePixelRatio;
|
||||||
|
var drawImage = CanvasRenderingContext2D.prototype.drawImage;
|
||||||
|
CanvasRenderingContext2D.prototype.drawImage = function (image, sx, sy, sw, sh, dx, dy, dw, dh) {
|
||||||
|
if (("nodeName" in image) && /img/i.test(image.nodeName)) {
|
||||||
|
for (var i = arguments.length - 1; i >= 1; i--) {
|
||||||
|
arguments[i] = arguments[i] * factor;
|
||||||
|
}
|
||||||
|
} else if (typeof dw == "undefined") {
|
||||||
|
arguments[1] *= factor;
|
||||||
|
arguments[2] *= factor;
|
||||||
|
arguments[3] *= factor;
|
||||||
|
arguments[4] *= factor;
|
||||||
|
}
|
||||||
|
|
||||||
|
drawImage.apply(this, arguments);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check whether the user's browser supports Data URI or not
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @param {Function} fSuccess Occurs if it supports Data URI
|
||||||
|
* @param {Function} fFail Occurs if it doesn't support Data URI
|
||||||
|
*/
|
||||||
|
function _safeSetDataURI(fSuccess, fFail) {
|
||||||
|
var self = this;
|
||||||
|
self._fFail = fFail;
|
||||||
|
self._fSuccess = fSuccess;
|
||||||
|
|
||||||
|
// Check it just once
|
||||||
|
if (self._bSupportDataURI === null) {
|
||||||
|
var el = document.createElement("img");
|
||||||
|
var fOnError = function () {
|
||||||
|
self._bSupportDataURI = false;
|
||||||
|
|
||||||
|
if (self._fFail) {
|
||||||
|
self._fFail.call(self);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var fOnSuccess = function () {
|
||||||
|
self._bSupportDataURI = true;
|
||||||
|
|
||||||
|
if (self._fSuccess) {
|
||||||
|
self._fSuccess.call(self);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
el.onabort = fOnError;
|
||||||
|
el.onerror = fOnError;
|
||||||
|
el.onload = fOnSuccess;
|
||||||
|
el.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; // the Image contains 1px data.
|
||||||
|
return;
|
||||||
|
} else if (self._bSupportDataURI === true && self._fSuccess) {
|
||||||
|
self._fSuccess.call(self);
|
||||||
|
} else if (self._bSupportDataURI === false && self._fFail) {
|
||||||
|
self._fFail.call(self);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Drawing QRCode by using canvas
|
||||||
|
*
|
||||||
|
* @constructor
|
||||||
|
* @param {HTMLElement} el
|
||||||
|
* @param {Object} htOption QRCode Options
|
||||||
|
*/
|
||||||
|
var Drawing = function (el, htOption) {
|
||||||
|
this._bIsPainted = false;
|
||||||
|
this._android = _getAndroid();
|
||||||
|
|
||||||
|
this._htOption = htOption;
|
||||||
|
this._elCanvas = document.createElement("canvas");
|
||||||
|
this._elCanvas.width = htOption.width;
|
||||||
|
this._elCanvas.height = htOption.height;
|
||||||
|
el.appendChild(this._elCanvas);
|
||||||
|
this._el = el;
|
||||||
|
this._oContext = this._elCanvas.getContext("2d");
|
||||||
|
this._bIsPainted = false;
|
||||||
|
this._elImage = document.createElement("img");
|
||||||
|
this._elImage.alt = "Scan me!";
|
||||||
|
this._elImage.style.display = "none";
|
||||||
|
this._el.appendChild(this._elImage);
|
||||||
|
this._bSupportDataURI = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Draw the QRCode
|
||||||
|
*
|
||||||
|
* @param {QRCode} oQRCode
|
||||||
|
*/
|
||||||
|
Drawing.prototype.draw = function (oQRCode) {
|
||||||
|
var _elImage = this._elImage;
|
||||||
|
var _oContext = this._oContext;
|
||||||
|
var _htOption = this._htOption;
|
||||||
|
|
||||||
|
var nCount = oQRCode.getModuleCount();
|
||||||
|
var nWidth = _htOption.width / nCount;
|
||||||
|
var nHeight = _htOption.height / nCount;
|
||||||
|
var nRoundedWidth = Math.round(nWidth);
|
||||||
|
var nRoundedHeight = Math.round(nHeight);
|
||||||
|
|
||||||
|
_elImage.style.display = "none";
|
||||||
|
this.clear();
|
||||||
|
|
||||||
|
for (var row = 0; row < nCount; row++) {
|
||||||
|
for (var col = 0; col < nCount; col++) {
|
||||||
|
var bIsDark = oQRCode.isDark(row, col);
|
||||||
|
var nLeft = col * nWidth;
|
||||||
|
var nTop = row * nHeight;
|
||||||
|
_oContext.strokeStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
|
||||||
|
_oContext.lineWidth = 1;
|
||||||
|
_oContext.fillStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
|
||||||
|
_oContext.fillRect(nLeft, nTop, nWidth, nHeight);
|
||||||
|
|
||||||
|
// 안티 앨리어싱 방지 처리
|
||||||
|
_oContext.strokeRect(
|
||||||
|
Math.floor(nLeft) + 0.5,
|
||||||
|
Math.floor(nTop) + 0.5,
|
||||||
|
nRoundedWidth,
|
||||||
|
nRoundedHeight
|
||||||
|
);
|
||||||
|
|
||||||
|
_oContext.strokeRect(
|
||||||
|
Math.ceil(nLeft) - 0.5,
|
||||||
|
Math.ceil(nTop) - 0.5,
|
||||||
|
nRoundedWidth,
|
||||||
|
nRoundedHeight
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this._bIsPainted = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make the image from Canvas if the browser supports Data URI.
|
||||||
|
*/
|
||||||
|
Drawing.prototype.makeImage = function () {
|
||||||
|
if (this._bIsPainted) {
|
||||||
|
_safeSetDataURI.call(this, _onMakeImage);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Return whether the QRCode is painted or not
|
||||||
|
*
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
Drawing.prototype.isPainted = function () {
|
||||||
|
return this._bIsPainted;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clear the QRCode
|
||||||
|
*/
|
||||||
|
Drawing.prototype.clear = function () {
|
||||||
|
this._oContext.clearRect(0, 0, this._elCanvas.width, this._elCanvas.height);
|
||||||
|
this._bIsPainted = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @private
|
||||||
|
* @param {Number} nNumber
|
||||||
|
*/
|
||||||
|
Drawing.prototype.round = function (nNumber) {
|
||||||
|
if (!nNumber) {
|
||||||
|
return nNumber;
|
||||||
|
}
|
||||||
|
|
||||||
|
return Math.floor(nNumber * 1000) / 1000;
|
||||||
|
};
|
||||||
|
|
||||||
|
return Drawing;
|
||||||
|
})();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the type by string length
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @param {String} sText
|
||||||
|
* @param {Number} nCorrectLevel
|
||||||
|
* @return {Number} type
|
||||||
|
*/
|
||||||
|
function _getTypeNumber(sText, nCorrectLevel) {
|
||||||
|
var nType = 1;
|
||||||
|
var length = _getUTF8Length(sText);
|
||||||
|
|
||||||
|
for (var i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
|
||||||
|
var nLimit = 0;
|
||||||
|
|
||||||
|
switch (nCorrectLevel) {
|
||||||
|
case QRErrorCorrectLevel.L:
|
||||||
|
nLimit = QRCodeLimitLength[i][0];
|
||||||
|
break;
|
||||||
|
case QRErrorCorrectLevel.M:
|
||||||
|
nLimit = QRCodeLimitLength[i][1];
|
||||||
|
break;
|
||||||
|
case QRErrorCorrectLevel.Q:
|
||||||
|
nLimit = QRCodeLimitLength[i][2];
|
||||||
|
break;
|
||||||
|
case QRErrorCorrectLevel.H:
|
||||||
|
nLimit = QRCodeLimitLength[i][3];
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (length <= nLimit) {
|
||||||
|
break;
|
||||||
|
} else {
|
||||||
|
nType++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (nType > QRCodeLimitLength.length) {
|
||||||
|
throw new Error("Too long data");
|
||||||
|
}
|
||||||
|
|
||||||
|
return nType;
|
||||||
|
}
|
||||||
|
|
||||||
|
function _getUTF8Length(sText) {
|
||||||
|
var replacedText = encodeURI(sText).toString().replace(/\%[0-9a-fA-F]{2}/g, 'a');
|
||||||
|
return replacedText.length + (replacedText.length != sText ? 3 : 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @class QRCode
|
||||||
|
* @constructor
|
||||||
|
* @example
|
||||||
|
* new QRCode(document.getElementById("test"), "http://jindo.dev.naver.com/collie");
|
||||||
|
*
|
||||||
|
* @example
|
||||||
|
* var oQRCode = new QRCode("test", {
|
||||||
|
* text : "http://naver.com",
|
||||||
|
* width : 128,
|
||||||
|
* height : 128
|
||||||
|
* });
|
||||||
|
*
|
||||||
|
* oQRCode.clear(); // Clear the QRCode.
|
||||||
|
* oQRCode.makeCode("http://map.naver.com"); // Re-create the QRCode.
|
||||||
|
*
|
||||||
|
* @param {HTMLElement|String} el target element or 'id' attribute of element.
|
||||||
|
* @param {Object|String} vOption
|
||||||
|
* @param {String} vOption.text QRCode link data
|
||||||
|
* @param {Number} [vOption.width=256]
|
||||||
|
* @param {Number} [vOption.height=256]
|
||||||
|
* @param {String} [vOption.colorDark="#000000"]
|
||||||
|
* @param {String} [vOption.colorLight="#ffffff"]
|
||||||
|
* @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H]
|
||||||
|
*/
|
||||||
|
QRCode.prototype.qrcode = function (el, vOption) {
|
||||||
|
this._htOption = {
|
||||||
|
width: 256,
|
||||||
|
height: 256,
|
||||||
|
typeNumber: 4,
|
||||||
|
colorDark: "#000000",
|
||||||
|
colorLight: "#ffffff",
|
||||||
|
correctLevel: QRErrorCorrectLevel.H
|
||||||
|
};
|
||||||
|
|
||||||
|
if (typeof vOption === 'string') {
|
||||||
|
vOption = {
|
||||||
|
text: vOption
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Overwrites options
|
||||||
|
if (vOption) {
|
||||||
|
for (var i in vOption) {
|
||||||
|
this._htOption[i] = vOption[i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof el == "string") {
|
||||||
|
el = document.getElementById(el);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this._htOption.useSVG) {
|
||||||
|
Drawing = svgDrawer;
|
||||||
|
}
|
||||||
|
|
||||||
|
this._android = _getAndroid();
|
||||||
|
this._el = el;
|
||||||
|
this._oQRCode = null;
|
||||||
|
this._oDrawing = new Drawing(this._el, this._htOption);
|
||||||
|
|
||||||
|
if (this._htOption.text) {
|
||||||
|
this.makeCode(this._htOption.text);
|
||||||
|
}
|
||||||
|
return QRCode;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make the QRCode
|
||||||
|
*
|
||||||
|
* @param {String} sText link data
|
||||||
|
*/
|
||||||
|
QRCode.prototype.makeCode = function (sText) {
|
||||||
|
this._oQRCode = new QRCodeModel(_getTypeNumber(sText, this._htOption.correctLevel), this._htOption.correctLevel);
|
||||||
|
this._oQRCode.addData(sText);
|
||||||
|
this._oQRCode.make();
|
||||||
|
this._el.title = sText;
|
||||||
|
this._oDrawing.draw(this._oQRCode);
|
||||||
|
this.makeImage();
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make the Image from Canvas element
|
||||||
|
* - It occurs automatically
|
||||||
|
* - Android below 3 doesn't support Data-URI spec.
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
*/
|
||||||
|
QRCode.prototype.makeImage = function () {
|
||||||
|
if (typeof this._oDrawing.makeImage == "function" && (!this._android || this._android >= 3)) {
|
||||||
|
this._oDrawing.makeImage();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clear the QRCode
|
||||||
|
*/
|
||||||
|
QRCode.prototype.clear = function () {
|
||||||
|
this._oDrawing.clear();
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @name QRCode.CorrectLevel
|
||||||
|
*/
|
||||||
|
QRCode.CorrectLevel = QRErrorCorrectLevel;
|
||||||
|
|
||||||
|
})();
|
||||||
|
exports('qrcode', new QRCode)
|
||||||
|
});
|
||||||
@ -0,0 +1,89 @@
|
|||||||
|
/**
|
||||||
|
定义layui模块 - 模板引擎 - 自定义模板
|
||||||
|
*/
|
||||||
|
layui.define(['index', 'laytpl', 'form'], function (exports) {
|
||||||
|
|
||||||
|
exports("tpl", {
|
||||||
|
setPlainTextTpl: function (eleId, data) {
|
||||||
|
var laytpl = layui.laytpl;
|
||||||
|
var form = layui.form;
|
||||||
|
var getTpl = '{{d.title}}';
|
||||||
|
var view = document.getElementById(eleId);
|
||||||
|
if (!view) { console.warn("请填写有效的ElementId"); return false; }
|
||||||
|
laytpl(getTpl).render(data, function (html) {
|
||||||
|
view.innerHTML = html;
|
||||||
|
});
|
||||||
|
form.render("select");
|
||||||
|
},
|
||||||
|
setInputTpl: function (eleId, data) {
|
||||||
|
var laytpl = layui.laytpl;
|
||||||
|
var form = layui.form;
|
||||||
|
var getTpl = '';
|
||||||
|
var display = data.display ? data.display : 'block';
|
||||||
|
var requiredhtml = data.required ? ' required lay-verify="required" ' : '';
|
||||||
|
var placeholder = data.placeholder ? data.placeholder : '请输入内容';
|
||||||
|
if (data.label) {
|
||||||
|
getTpl += '<label class="layui-form-label">{{d.label}}</label>';
|
||||||
|
}
|
||||||
|
getTpl += '<div class="layui-input-' + display + '">';
|
||||||
|
getTpl += '<input type="text" name="' + data.name + '" placeholder="' + placeholder + '" value="' + value + '" ' + requiredhtml + ' autocomplete="off" class="layui-input">';
|
||||||
|
getTpl += '</div>';
|
||||||
|
var view = document.getElementById(eleId);
|
||||||
|
if (!view) { console.warn("请填写有效的ElementId"); return false; }
|
||||||
|
laytpl(getTpl).render(data, function (html) {
|
||||||
|
view.innerHTML = html;
|
||||||
|
});
|
||||||
|
form.render();
|
||||||
|
},
|
||||||
|
setTextareaTpl: function (eleId, data) {
|
||||||
|
var laytpl = layui.laytpl;
|
||||||
|
var form = layui.form;
|
||||||
|
var idHtml = data.id ? 'id="' + data.id + '"' : '';
|
||||||
|
var classHtml = ' class="layui-textarea ' + (data.class ? data.class : '') + '" ';
|
||||||
|
var display = data.display ? data.display : 'block';
|
||||||
|
var value = data.value ? data.value : '';
|
||||||
|
var placeholder = data.placeholder ? data.placeholder : '请输入内容';
|
||||||
|
var requiredhtml = data.required ? ' required lay-verify="required" ' : '';
|
||||||
|
var getTpl = '';
|
||||||
|
if (data.label) {
|
||||||
|
getTpl += '<label class="layui-form-label">{{d.label}}</label>';
|
||||||
|
}
|
||||||
|
getTpl += '<div class="layui-input-' + display + '">';
|
||||||
|
getTpl += ' <textarea name="' + data.name + '" ' + idHtml + classHtml + requiredhtml + ' placeholder="' + placeholder + '" value="' + value + '"></textarea>';
|
||||||
|
getTpl += '</div>';
|
||||||
|
var view = document.getElementById(eleId);
|
||||||
|
if (!view) { console.warn("请填写有效的ElementId"); return false; }
|
||||||
|
laytpl(getTpl).render(data, function (html) {
|
||||||
|
view.innerHTML = html;
|
||||||
|
});
|
||||||
|
form.render();
|
||||||
|
},
|
||||||
|
setSelectTpl: function (eleId, data) {
|
||||||
|
var laytpl = layui.laytpl;
|
||||||
|
var form = layui.form;
|
||||||
|
var display = data.display ? data.display : 'block';
|
||||||
|
var layFilterHtml = data.layFilter ? ' lay-filter="' + data.layFilter + '" ' : ' ';
|
||||||
|
var classHtml = data.class ? ' class="' + eleId + '-select" ' : ' ';
|
||||||
|
var requiredhtml = data.required ? ' required lay-verify="required" ' : '';
|
||||||
|
var getTpl = "";
|
||||||
|
if (data.label) {
|
||||||
|
getTpl += '<label class="layui-form-label">{{d.label}}</label>';
|
||||||
|
}
|
||||||
|
getTpl += '<div class="layui-input-' + display + '">';
|
||||||
|
|
||||||
|
if (data.list.length > 0) {
|
||||||
|
getTpl += '<select name="{{d.name}}" ' + layFilterHtml + classHtml + requiredhtml + '>{{# layui.each(d.list, function(index, item){ }}<option value="{{ item.value }}" {{# if(item.selected){ }} selected="selected" {{# } }} >{{ item.name }}</option>{{# }); }}</select></div>';
|
||||||
|
} else {
|
||||||
|
getTpl += '<select name="{{d.name}}" ' + layFilterHtml + classHtml + requiredhtml + '><option value="" >请选择</option></select></div>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var view = document.getElementById(eleId);
|
||||||
|
if (!view) { console.warn("请填写有效的ElementId"); return false; }
|
||||||
|
laytpl(getTpl).render(data, function (html) {
|
||||||
|
view.innerHTML = html;
|
||||||
|
});
|
||||||
|
form.render('select');
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
Binary file not shown.
|
After Width: | Height: | Size: 828 B |
Binary file not shown.
|
After Width: | Height: | Size: 349 B |
Binary file not shown.
|
After Width: | Height: | Size: 811 B |
Binary file not shown.
|
After Width: | Height: | Size: 595 B |
Binary file not shown.
|
After Width: | Height: | Size: 637 B |
Binary file not shown.
|
After Width: | Height: | Size: 176 B |
Binary file not shown.
|
After Width: | Height: | Size: 304 B |
Binary file not shown.
|
After Width: | Height: | Size: 279 B |
Binary file not shown.
|
After Width: | Height: | Size: 281 B |
Binary file not shown.
|
After Width: | Height: | Size: 798 B |
Binary file not shown.
|
After Width: | Height: | Size: 922 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 622 B |
Binary file not shown.
|
After Width: | Height: | Size: 416 B |
Binary file not shown.
|
After Width: | Height: | Size: 615 B |
Binary file not shown.
|
After Width: | Height: | Size: 161 B |
Binary file not shown.
|
After Width: | Height: | Size: 302 B |
Binary file not shown.
|
After Width: | Height: | Size: 196 B |
Binary file not shown.
|
After Width: | Height: | Size: 267 B |
Binary file not shown.
|
After Width: | Height: | Size: 349 B |
Binary file not shown.
|
After Width: | Height: | Size: 761 B |
Binary file not shown.
|
After Width: | Height: | Size: 211 B |
Binary file not shown.
|
After Width: | Height: | Size: 213 B |
Binary file not shown.
|
After Width: | Height: | Size: 853 B |
Binary file not shown.
|
After Width: | Height: | Size: 312 B |
Binary file not shown.
|
After Width: | Height: | Size: 333 B |
Binary file not shown.
|
After Width: | Height: | Size: 387 B |
@ -0,0 +1,310 @@
|
|||||||
|
|
||||||
|
layui.use(["index", "api", "tpl", "dialog", "laypage", "laydate"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
admin = layui.admin,
|
||||||
|
laydate = layui.laydate,
|
||||||
|
laypage = layui.laypage;
|
||||||
|
var refreshNextTime = 0;
|
||||||
|
var intervalsTime = 0;//刷新时间频率
|
||||||
|
var myRefreshTimeOut = "";
|
||||||
|
var where = {};
|
||||||
|
|
||||||
|
|
||||||
|
var histogramChart = echarts.init(document.getElementById("histogramChart"));
|
||||||
|
var LIST_TABLE_ID = "listTable";
|
||||||
|
var LIST_TABLE_DATA = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
var LIST_TABLE_COLS = [
|
||||||
|
{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "name",
|
||||||
|
title: "名称",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "createTime",
|
||||||
|
title: "创建时间",
|
||||||
|
align: "center",
|
||||||
|
templet: function (d) {
|
||||||
|
return layui.util.toDateString(d.createTime, "yyyy-MM-dd");
|
||||||
|
},
|
||||||
|
}
|
||||||
|
];
|
||||||
|
init();
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
getChartData();
|
||||||
|
getTableData();
|
||||||
|
refreshTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopRefreshTime() {
|
||||||
|
clearTimeout(myRefreshTimeOut);
|
||||||
|
}
|
||||||
|
function refreshTime() {
|
||||||
|
if (intervalsTime == 0) {
|
||||||
|
stopRefreshTime();
|
||||||
|
}
|
||||||
|
var nowTime = new Date().getTime();
|
||||||
|
if (nowTime > refreshNextTime) {
|
||||||
|
refreshNextTime = nowTime + parseInt(intervalsTime);
|
||||||
|
getChartData();
|
||||||
|
getTableData();
|
||||||
|
if (intervalsTime > 0) {
|
||||||
|
refreshTime();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (intervalsTime > 0) {
|
||||||
|
myRefreshTimeOut = window.setTimeout(function () {
|
||||||
|
refreshTime();
|
||||||
|
}, intervalsTime);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function getChartData() {
|
||||||
|
var responseTimeOptions = {
|
||||||
|
xAxisData: ["100", "200", "50", "250", "100"],
|
||||||
|
seriesData: [100, 700, 50, 250, 100],
|
||||||
|
}; //api 请求数据
|
||||||
|
renderHistogramChart(responseTimeOptions);
|
||||||
|
}
|
||||||
|
function renderHistogramChart({ xAxisData, seriesData }) {
|
||||||
|
var option = {
|
||||||
|
xAxis: {
|
||||||
|
type: 'category',
|
||||||
|
data: xAxisData,
|
||||||
|
name: "响应时长/ms",
|
||||||
|
nameLocation: "end",
|
||||||
|
splitNumber: 10,
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
name: "请求个数",
|
||||||
|
nameLocation: "end",
|
||||||
|
splitNumber: 4,
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
textStyle: {
|
||||||
|
color: "#a5aaaf",
|
||||||
|
},
|
||||||
|
series: [{
|
||||||
|
data: seriesData,
|
||||||
|
type: 'bar',
|
||||||
|
barMinWidth: '180',
|
||||||
|
barCategoryGap: "0",
|
||||||
|
showBackground: false,
|
||||||
|
backgroundStyle: {
|
||||||
|
color: 'rgba(18, 137, 255, 1)',
|
||||||
|
},
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
label: {
|
||||||
|
formatter: "{c}",
|
||||||
|
show: true,
|
||||||
|
position: "top",
|
||||||
|
textStyle: {
|
||||||
|
fontWeight: "bolder",
|
||||||
|
fontSize: "16",
|
||||||
|
color: "#1289ff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
opacity: 1,
|
||||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
|
{
|
||||||
|
offset: 0,
|
||||||
|
color: "#1289ff",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 1,
|
||||||
|
color: "#1289ff4d",
|
||||||
|
},
|
||||||
|
]),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
histogramChart.setOption(option);
|
||||||
|
}
|
||||||
|
function getTableData() {
|
||||||
|
var tableRenderOptions = {
|
||||||
|
elem: "#" + LIST_TABLE_ID,
|
||||||
|
data: LIST_TABLE_DATA,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [LIST_TABLE_COLS],
|
||||||
|
where: where,
|
||||||
|
};
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
laypage.render({
|
||||||
|
elem: "pages",
|
||||||
|
count: 100,
|
||||||
|
layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
|
||||||
|
jump: function (obj) {
|
||||||
|
console.log(obj);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
@ -0,0 +1,285 @@
|
|||||||
|
|
||||||
|
|
||||||
|
layui.use(["index", "api", "tpl", "dialog", "laypage", "laydate"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
admin = layui.admin,
|
||||||
|
laydate = layui.laydate,
|
||||||
|
laypage = layui.laypage;
|
||||||
|
var refreshNextTime = 0;
|
||||||
|
var intervalsTime = 0;//刷新时间频率
|
||||||
|
var myRefreshTimeOut = "";
|
||||||
|
var where = {};
|
||||||
|
|
||||||
|
var lineChart = echarts.init(document.getElementById("lineChart"));
|
||||||
|
var LIST_TABLE_ID = "listTable";
|
||||||
|
var LIST_TABLE_DATA = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
var LIST_TABLE_COLS = [
|
||||||
|
{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "name",
|
||||||
|
title: "名称",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "createTime",
|
||||||
|
title: "创建时间",
|
||||||
|
align: "center",
|
||||||
|
templet: function (d) {
|
||||||
|
return layui.util.toDateString(d.createTime, "yyyy-MM-dd");
|
||||||
|
},
|
||||||
|
}
|
||||||
|
];
|
||||||
|
init();
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
getChartData();
|
||||||
|
getTableData();
|
||||||
|
refreshTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopRefreshTime() {
|
||||||
|
clearTimeout(myRefreshTimeOut);
|
||||||
|
}
|
||||||
|
function refreshTime() {
|
||||||
|
if (intervalsTime == 0) {
|
||||||
|
stopRefreshTime();
|
||||||
|
}
|
||||||
|
var nowTime = new Date().getTime();
|
||||||
|
if (nowTime > refreshNextTime) {
|
||||||
|
refreshNextTime = nowTime + parseInt(intervalsTime);
|
||||||
|
getChartData();
|
||||||
|
getTableData();
|
||||||
|
if (intervalsTime > 0) {
|
||||||
|
refreshTime();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (intervalsTime > 0) {
|
||||||
|
myRefreshTimeOut = window.setTimeout(function () {
|
||||||
|
refreshTime();
|
||||||
|
}, intervalsTime);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function getChartData() {
|
||||||
|
var responseTimeOptions = {
|
||||||
|
xAxisData: ["4000", "3000", "5000", "6500", "4800"],
|
||||||
|
seriesData: [110, 250, 239, 124, 47],
|
||||||
|
}; //api 请求数据
|
||||||
|
renderLineChart(responseTimeOptions);
|
||||||
|
}
|
||||||
|
function renderLineChart({ xAxisData, seriesData }) {
|
||||||
|
var option = {
|
||||||
|
xAxis: {
|
||||||
|
type: "category",
|
||||||
|
name: "响应时长/ms",
|
||||||
|
nameLocation: "end",
|
||||||
|
data: xAxisData,
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: "value",
|
||||||
|
name: "请求个数",
|
||||||
|
nameLocation: "end",
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
textStyle: {
|
||||||
|
color: "#a5aaaf",
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
data: seriesData,
|
||||||
|
type: "line",
|
||||||
|
showBackground: false,
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
color: "#1289ff",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
lineChart.setOption(option);
|
||||||
|
}
|
||||||
|
function getTableData() {
|
||||||
|
var tableRenderOptions = {
|
||||||
|
elem: "#" + LIST_TABLE_ID,
|
||||||
|
data: LIST_TABLE_DATA,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [LIST_TABLE_COLS],
|
||||||
|
where: where,
|
||||||
|
};
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
laypage.render({
|
||||||
|
elem: "pages",
|
||||||
|
count: 100,
|
||||||
|
layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
|
||||||
|
jump: function (obj) {
|
||||||
|
console.log(obj);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
@ -0,0 +1,233 @@
|
|||||||
|
|
||||||
|
layui.use(["index", "api", "tpl", "dialog", "laypage", "laydate"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
admin = layui.admin,
|
||||||
|
laydate = layui.laydate,
|
||||||
|
laypage = layui.laypage;
|
||||||
|
var wavypolylineChart = echarts.init(
|
||||||
|
document.getElementById("wavypolylineChart")
|
||||||
|
);
|
||||||
|
var refreshNextTime = 0;
|
||||||
|
var intervalsTime = 0; //刷新时间频率
|
||||||
|
var myRefreshTimeOut = "";
|
||||||
|
var where = {};
|
||||||
|
|
||||||
|
var LIST_TABLE_ID = "listTable";
|
||||||
|
var LIST_TABLE_DATA = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
name: "我的名字",
|
||||||
|
ip: "192.168.10.123",
|
||||||
|
port: "3306",
|
||||||
|
sid: "student_info",
|
||||||
|
username: "student",
|
||||||
|
password: "12345678",
|
||||||
|
createTime: 1590560278000,
|
||||||
|
fz: 1,
|
||||||
|
type: 1,
|
||||||
|
remark: "我是一个备注",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
var LIST_TABLE_COLS = [
|
||||||
|
{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "name",
|
||||||
|
title: "名称",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "createTime",
|
||||||
|
title: "创建时间",
|
||||||
|
align: "center",
|
||||||
|
templet: function (d) {
|
||||||
|
return layui.util.toDateString(d.createTime, "yyyy-MM-dd");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
init();
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
getChartData();
|
||||||
|
getTableData();
|
||||||
|
refreshTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopRefreshTime() {
|
||||||
|
clearTimeout(myRefreshTimeOut);
|
||||||
|
}
|
||||||
|
function refreshTime() {
|
||||||
|
if (intervalsTime == 0) {
|
||||||
|
stopRefreshTime();
|
||||||
|
}
|
||||||
|
var nowTime = new Date().getTime();
|
||||||
|
if (nowTime > refreshNextTime) {
|
||||||
|
refreshNextTime = nowTime + parseInt(intervalsTime);
|
||||||
|
getChartData();
|
||||||
|
getTableData();
|
||||||
|
if (intervalsTime > 0) {
|
||||||
|
refreshTime();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (intervalsTime > 0) {
|
||||||
|
myRefreshTimeOut = window.setTimeout(function () {
|
||||||
|
refreshTime();
|
||||||
|
}, intervalsTime);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function getChartData() {
|
||||||
|
var responseTimeOptions = {
|
||||||
|
xAxisData: ["100", "200", "50", "300", "100", "100", "200", "50", "300", "100"],
|
||||||
|
seriesData: [100, 200, 50, 300, 100, 100, 200, 50, 300, 100],
|
||||||
|
}; //api 请求数据
|
||||||
|
renderWavypolylineChart(responseTimeOptions);
|
||||||
|
}
|
||||||
|
function renderWavypolylineChart({ xAxisData, seriesData }) {
|
||||||
|
var option = {
|
||||||
|
xAxis: {
|
||||||
|
type: "category",
|
||||||
|
boundaryGap: false,
|
||||||
|
name: "响应时长/ms",
|
||||||
|
nameLocation: "end",
|
||||||
|
data: xAxisData,
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: "value",
|
||||||
|
name: "请求个数",
|
||||||
|
nameLocation: "end",
|
||||||
|
axisLine: {
|
||||||
|
lineStyle: {
|
||||||
|
color: "#454b5026",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: ["#454b5026"],
|
||||||
|
width: 1,
|
||||||
|
type: "solid",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
textStyle: {
|
||||||
|
color: "#a5aaaf",
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
data: seriesData,
|
||||||
|
type: "line",
|
||||||
|
showBackground: false,
|
||||||
|
symbol: "none", //去掉折线图中的节点
|
||||||
|
smooth: true,
|
||||||
|
areaStyle: {
|
||||||
|
normal: {
|
||||||
|
color: {
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
x2: 0,
|
||||||
|
y2: 1,
|
||||||
|
colorStops: [
|
||||||
|
{
|
||||||
|
offset: 0,
|
||||||
|
color: "#1289ff4d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 0.7,
|
||||||
|
color: "rgba(255, 255, 255, 1)", // 100% 处的颜色
|
||||||
|
},
|
||||||
|
],
|
||||||
|
globalCoord: false, // 缺省为 false
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
color: "#1289ff",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
wavypolylineChart.setOption(option);
|
||||||
|
}
|
||||||
|
function getTableData() {
|
||||||
|
var tableRenderOptions = {
|
||||||
|
elem: "#" + LIST_TABLE_ID,
|
||||||
|
data: LIST_TABLE_DATA,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [LIST_TABLE_COLS],
|
||||||
|
where: where,
|
||||||
|
};
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
laypage.render({
|
||||||
|
elem: "pages",
|
||||||
|
count: 100,
|
||||||
|
layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
|
||||||
|
jump: function (obj) {
|
||||||
|
console.log(obj);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,92 @@
|
|||||||
|
var where = {};
|
||||||
|
var FORM_QUERY_ID = "lay-form-submit"; // form seach ElementId
|
||||||
|
|
||||||
|
|
||||||
|
layui.use(["index", "api"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element;
|
||||||
|
// clipboard1
|
||||||
|
var btn = document.getElementById('btn');
|
||||||
|
var clipboard1 = new ClipboardJS(btn)
|
||||||
|
clipboard1.on('success', function (e) {
|
||||||
|
console.log('clipboard2 success:', e);
|
||||||
|
});
|
||||||
|
clipboard1.on('error', function (e) {
|
||||||
|
console.log('clipboard2 error:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
// clipboard2
|
||||||
|
var btns = document.querySelectorAll('button');
|
||||||
|
var clipboard2 = new ClipboardJS(btns);
|
||||||
|
clipboard2.on('success', function (e) {
|
||||||
|
console.log('clipboard2 success:', e);
|
||||||
|
});
|
||||||
|
clipboard2.on('error', function (e) {
|
||||||
|
console.log('clipboard2 error:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
// clipboard3
|
||||||
|
var clipboard3 = new ClipboardJS('.selector-constructor');
|
||||||
|
clipboard3.on('success', function (e) {
|
||||||
|
console.log('clipboard3 success:', e);
|
||||||
|
});
|
||||||
|
clipboard3.on('error', function (e) {
|
||||||
|
console.log('clipboard3 success:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// clipboard4
|
||||||
|
var clipboard4 = new ClipboardJS('.target-btn', {
|
||||||
|
target: function () {
|
||||||
|
return document.querySelector('.target-text');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
clipboard4.on('success', function (e) {
|
||||||
|
console.log('clipboard4 success:', e);
|
||||||
|
});
|
||||||
|
clipboard4.on('error', function (e) {
|
||||||
|
console.log('clipboard4 success:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
// clipboard5
|
||||||
|
var clipboard5 = new ClipboardJS('.text-btn', {
|
||||||
|
text: function () {
|
||||||
|
return 'to be or not to be';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
clipboard5.on('success', function (e) {
|
||||||
|
console.log('clipboard5 success:', e);
|
||||||
|
});
|
||||||
|
clipboard5.on('error', function (e) {
|
||||||
|
console.log('clipboard5 success:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
// clipboard6
|
||||||
|
var clipboard6 = new ClipboardJS('.div-btn');
|
||||||
|
clipboard6.on('success', function (e) {
|
||||||
|
console.log('clipboard6 success:', e);
|
||||||
|
});
|
||||||
|
clipboard6.on('error', function (e) {
|
||||||
|
console.log('clipboard6 success:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
// clipboard7
|
||||||
|
var clipboard7 = new ClipboardJS('.target-input-btn');
|
||||||
|
clipboard7.on('success', function (e) {
|
||||||
|
console.log('clipboard7 success:', e);
|
||||||
|
});
|
||||||
|
clipboard7.on('error', function (e) {
|
||||||
|
console.log('clipboard7 success:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
// clipboard8
|
||||||
|
var clipboard8 = new ClipboardJS('.target-textarea-btn');
|
||||||
|
clipboard8.on('success', function (e) {
|
||||||
|
console.log('clipboard8 success:', e);
|
||||||
|
});
|
||||||
|
clipboard8.on('error', function (e) {
|
||||||
|
console.log('clipboard8 success:', e);
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
@ -0,0 +1,62 @@
|
|||||||
|
layui.use(["layer", "element"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
layer = layui.layer,
|
||||||
|
element = layui.element;
|
||||||
|
$(".right-fold-box .unfold").on("click", function () {
|
||||||
|
window.parent.leftMenuChange();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
//显示 tips <span data-tips="编辑" onmouseover="showToolTips(this)"></span>
|
||||||
|
function showToolTips(t) {
|
||||||
|
var row = layui.$(t).attr("data-tips");
|
||||||
|
layer.tips(row, t, { tips: 1, time: 2000 });
|
||||||
|
}
|
||||||
|
//假如 500px px2rem(500) 3.125rem
|
||||||
|
function px2rem(pxVal) {
|
||||||
|
return (pxVal * 0.8375) / 134 + 'rem';
|
||||||
|
}
|
||||||
|
//暴力关闭所有弹窗
|
||||||
|
function cancelDialog() {
|
||||||
|
layer.closeAll();
|
||||||
|
}
|
||||||
|
//rem resize 改变的是iframe 中页面的html font-size
|
||||||
|
!function (win, doc) {
|
||||||
|
var d = doc.documentElement;
|
||||||
|
//300为左侧宽度
|
||||||
|
function change() {
|
||||||
|
d.style.fontSize = (d.clientWidth + 300) / 10 + 'px';
|
||||||
|
}
|
||||||
|
win.addEventListener('resize', change, false);
|
||||||
|
change();
|
||||||
|
}(window, document);
|
||||||
|
//部分区域全屏
|
||||||
|
function partFullScreen(buttonClass, fuuareaId) {
|
||||||
|
var fullarea = document.getElementById(fuuareaId);
|
||||||
|
var buttonEle = layui.$('.' + buttonClass);
|
||||||
|
var fullscreen = parseInt(buttonEle.attr('data-screen'));
|
||||||
|
if (fullscreen) { // 退出全屏
|
||||||
|
if (document.exitFullscreen) {
|
||||||
|
document.exitFullscreen();
|
||||||
|
} else if (document.webkitCancelFullScreen) {
|
||||||
|
document.webkitCancelFullScreen();
|
||||||
|
} else if (document.mozCancelFullScreen) {
|
||||||
|
document.mozCancelFullScreen();
|
||||||
|
} else if (document.msExitFullscreen) {
|
||||||
|
document.msExitFullscreen();
|
||||||
|
}
|
||||||
|
buttonEle.attr('data-screen', '0').html('全屏');
|
||||||
|
} else { // 进入全屏
|
||||||
|
if (fullarea.requestFullscreen) {
|
||||||
|
fullarea.requestFullscreen();
|
||||||
|
} else if (fullarea.webkitRequestFullScreen) {
|
||||||
|
fullarea.webkitRequestFullScreen();
|
||||||
|
} else if (fullarea.mozRequestFullScreen) {
|
||||||
|
fullarea.mozRequestFullScreen();
|
||||||
|
} else if (fullarea.msRequestFullscreen) {
|
||||||
|
fullarea.msRequestFullscreen();
|
||||||
|
} else {
|
||||||
|
console.log('不支持全屏');
|
||||||
|
}
|
||||||
|
buttonEle.attr('data-screen', '1').html('退出');
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,156 @@
|
|||||||
|
|
||||||
|
layui.use(["index", "api", "tpl", "dialog", "laypage"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
admin = layui.admin,
|
||||||
|
laypage = layui.laypage;
|
||||||
|
var LIST_TABLE_URL = layui.api.getMockApiUrl("detail", "list");
|
||||||
|
var DELETE_TABLE_URL = layui.api.getMockApiUrl("detail", "detail");
|
||||||
|
|
||||||
|
var where = {};
|
||||||
|
var FORM_QUERY_ID = "lay-form-submit"; // form seach ElementId
|
||||||
|
|
||||||
|
var LIST_TABLE_ID = "listTable"; // table ElementId
|
||||||
|
var DETAIL_TABLE_ID = "detailTable";
|
||||||
|
var LIST_TABLE_COLS = [{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "left",
|
||||||
|
hide: true
|
||||||
|
}, {
|
||||||
|
field: "name",
|
||||||
|
title: "源库",
|
||||||
|
align: "left"
|
||||||
|
}, {
|
||||||
|
field: "ip",
|
||||||
|
title: "源库对象名",
|
||||||
|
align: "left"
|
||||||
|
}, {
|
||||||
|
field: "port",
|
||||||
|
title: "目标库",
|
||||||
|
align: "left"
|
||||||
|
}, {
|
||||||
|
field: "sid",
|
||||||
|
title: "目标库对象名",
|
||||||
|
align: "left"
|
||||||
|
}, {
|
||||||
|
fixed: "right",
|
||||||
|
title: "操作",
|
||||||
|
width: 150,
|
||||||
|
align: "left",
|
||||||
|
toolbar: "#cellOperating"
|
||||||
|
}];
|
||||||
|
var DETAIL_TABLE_COLS = [{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "left",
|
||||||
|
hide: true
|
||||||
|
}, {
|
||||||
|
field: "name",
|
||||||
|
title: "源库列名",
|
||||||
|
align: "left"
|
||||||
|
}, {
|
||||||
|
field: "ip",
|
||||||
|
title: "类型",
|
||||||
|
align: "left"
|
||||||
|
}, {
|
||||||
|
field: "port",
|
||||||
|
title: "目标库列",
|
||||||
|
align: "left"
|
||||||
|
}, {
|
||||||
|
field: "sid",
|
||||||
|
title: "类型",
|
||||||
|
align: "left"
|
||||||
|
}];
|
||||||
|
|
||||||
|
|
||||||
|
init();
|
||||||
|
|
||||||
|
form.on("submit(" + FORM_QUERY_ID + ")", function (data) {
|
||||||
|
console.log("查询：", data.field);
|
||||||
|
getTableData();
|
||||||
|
}); //单元格 操作列中 操作事件
|
||||||
|
|
||||||
|
table.on("tool(" + LIST_TABLE_ID + ")", function (obj) {
|
||||||
|
var data = obj.data;
|
||||||
|
var layEvent = obj.event;
|
||||||
|
|
||||||
|
if (layEvent === "detail") {
|
||||||
|
detailDialog(data);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
getDetail();
|
||||||
|
getSetting();
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getDetail() {
|
||||||
|
//api 请求得到结果
|
||||||
|
var data = { id: '5cb92069c3492', name: 'CRM->SCRM[FUL' };
|
||||||
|
var html = `
|
||||||
|
<li><span>任务ID : ${data.id}</span><span>任务名称 : ${data.name}</span></li>
|
||||||
|
<li><span>读节点 : ${data.id}</span><span>写节点 : ${data.name}</span></li>
|
||||||
|
<li><span>创建者 : ${data.id}</span><span>创建时间 : ${data.name}</span></li>
|
||||||
|
<li><span>更新者 : ${data.id}</span><span>更新时间 : ${data.name}</span></li>
|
||||||
|
<li><span>状态 : ${data.id}</span><span>同步架构 : ${data.name}</span></li>
|
||||||
|
<li><span>源库类型 : ${data.id}</span><span>目标库类型 : ${data.name}</span></li>
|
||||||
|
<li><span>源库端口 : ${data.id}</span><span>目标库端口 : ${data.name}</span></li>
|
||||||
|
<li><span>源库账号 : ${data.id}</span><span>目标库账号 : ${data.name}</span></li>
|
||||||
|
<li><span>已发送数据位点 : ${data.id}</span><span>已删除数据位点 : ${data.name}</span></li>
|
||||||
|
`
|
||||||
|
$('.detail-content').html(html);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSetting() {
|
||||||
|
//api 请求得到结果
|
||||||
|
layui.tpl.setPlainTextTpl("settingId", { title: '同步方式设置2 :结构初始化 + 全量数据初始化+增量数据' })
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTableData() {
|
||||||
|
var tableRenderOptions = {
|
||||||
|
height: 300,
|
||||||
|
id: LIST_TABLE_ID,
|
||||||
|
elem: "#" + LIST_TABLE_ID,
|
||||||
|
url: LIST_TABLE_URL,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [LIST_TABLE_COLS],
|
||||||
|
where: where
|
||||||
|
};
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
}
|
||||||
|
|
||||||
|
function detailDialog(data) {
|
||||||
|
console.log('查看列：', data);
|
||||||
|
var templet = $("#tableDialogTemplate").html();
|
||||||
|
layui.laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: "节点任务详情",
|
||||||
|
content: templet,
|
||||||
|
area: ["520px", "640px"],
|
||||||
|
success: function success() {
|
||||||
|
//请求api
|
||||||
|
var tableRenderOptions = {
|
||||||
|
height: 300,
|
||||||
|
id: DETAIL_TABLE_ID,
|
||||||
|
elem: "#" + DETAIL_TABLE_ID,
|
||||||
|
url: DELETE_TABLE_URL,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [DETAIL_TABLE_COLS],
|
||||||
|
where: {}
|
||||||
|
};
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
@ -0,0 +1,125 @@
|
|||||||
|
layui.use(["index", "api", "tpl", "dialog"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
laypage = layui.laypage,
|
||||||
|
admin = layui.admin;
|
||||||
|
$('#demo1').on('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
layui.dialog.setIframeDialog("iframe", {
|
||||||
|
src: "https://www.layui.com/",
|
||||||
|
otherconfigStyle:
|
||||||
|
'scrolling="no" frameborder=0',
|
||||||
|
});
|
||||||
|
});
|
||||||
|
$('#demo2').on('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
layui.dialog.showOkMsgDialog({ msg: "this is ok!" });
|
||||||
|
});
|
||||||
|
$('#demo3').on('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
layui.dialog.setQrCodeDialog("qrcode", "生成二维码", {
|
||||||
|
value: 'https://www.layui.com/',
|
||||||
|
});
|
||||||
|
});
|
||||||
|
$('#demo4').on('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
addDialog();
|
||||||
|
});
|
||||||
|
$('#demo5').on('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
var data = { name: '我是编辑好的名称', type: 1 };
|
||||||
|
editDialog(data);
|
||||||
|
});
|
||||||
|
|
||||||
|
function addDialog() {
|
||||||
|
var templet = $('#formDialogTemplate').html()
|
||||||
|
layui.laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: '创建',
|
||||||
|
content: templet,
|
||||||
|
area: [px2rem(520), px2rem(600)],
|
||||||
|
btn: ['取消', '确认'],
|
||||||
|
btnAlign: 'r',
|
||||||
|
yes: function (index, layero) {
|
||||||
|
layer.close(index)
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
btn2: function (index, layero) {
|
||||||
|
var submit = $('#LAY-dialog-submit')
|
||||||
|
var submitID = 'lay-dialog-submit'
|
||||||
|
form.on('submit(' + submitID + ')', function (data) {
|
||||||
|
var field = data.field //获取提交的字段
|
||||||
|
console.log('表单 field:', field);
|
||||||
|
var ADD_URL = '';
|
||||||
|
admin.req({
|
||||||
|
url: ADD_URL,
|
||||||
|
data: field,
|
||||||
|
success: function (res) {
|
||||||
|
layer.close(index);
|
||||||
|
layer.msg('成功');
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
layer.msg('失败');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
layer.close(index); //关闭弹层
|
||||||
|
})
|
||||||
|
submit.trigger('click')
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
success: function success() {
|
||||||
|
layui.form.render('')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function editDialog(data) {
|
||||||
|
var templet = $('#formDialogTemplate').html()
|
||||||
|
layui.laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: '编辑',
|
||||||
|
content: templet,
|
||||||
|
area: [px2rem(520), px2rem(600)],
|
||||||
|
btn: ['取消', '确认'],
|
||||||
|
btnAlign: 'r',
|
||||||
|
yes: function (index, layero) {
|
||||||
|
layer.close(index)
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
btn2: function (index, layero) {
|
||||||
|
var submit = $('#LAY-dialog-submit')
|
||||||
|
var submitID = 'lay-dialog-submit'
|
||||||
|
form.on('submit(' + submitID + ')', function (data) {
|
||||||
|
var field = data.field //获取提交的字段
|
||||||
|
console.log('表单 field:', field);
|
||||||
|
var UPDATE_URL = "";
|
||||||
|
admin.req({
|
||||||
|
url: UPDATE_URL,
|
||||||
|
data: field,
|
||||||
|
success: function (res) {
|
||||||
|
layer.close(index);
|
||||||
|
layer.msg('成功');
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
layer.msg('失败');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
layer.close(index) //关闭弹层
|
||||||
|
})
|
||||||
|
submit.trigger('click')
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
success: function success() {
|
||||||
|
form.val('dialogForm', data)
|
||||||
|
layui.form.render('')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,192 @@
|
|||||||
|
|
||||||
|
layui.use(["index", "api", "tpl", "dialog", "laypage", 'dynamicTr'], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
admin = layui.admin,
|
||||||
|
laypage = layui.laypage;
|
||||||
|
var LIST_TABLE_URL = layui.api.getMockApiUrl("edittable", "list");
|
||||||
|
var List_TABLE_ADD_URL = layui.api.getMockApiUrl(
|
||||||
|
"edittable",
|
||||||
|
"insert"
|
||||||
|
);
|
||||||
|
var LIST_TABLE_UPDATE_URL = layui.api.getMockApiUrl(
|
||||||
|
"edittable",
|
||||||
|
"update"
|
||||||
|
);
|
||||||
|
var LIST_TABLE_DELETE_URL = layui.api.getMockApiUrl(
|
||||||
|
"edittable",
|
||||||
|
"delete"
|
||||||
|
);
|
||||||
|
var where = {
|
||||||
|
data: "",
|
||||||
|
};
|
||||||
|
var FORM_QUERY_ID = "lay-form-submit"; // form seach ElementId
|
||||||
|
var LIST_TABLE_ID = "listTable"; // table ElementId
|
||||||
|
// table field 配置
|
||||||
|
var LIST_TABLE_COLS = [{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "left",
|
||||||
|
hide: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "groupName",
|
||||||
|
title: "分组名称",
|
||||||
|
align: "left",
|
||||||
|
// edit:"text"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "remark",
|
||||||
|
title: "备注",
|
||||||
|
align: "left",
|
||||||
|
// edit:"text"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fixed: "right",
|
||||||
|
title: "操作",
|
||||||
|
width: 88,
|
||||||
|
align: "left",
|
||||||
|
toolbar: "#cellOperating",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
var isEdit = false;
|
||||||
|
|
||||||
|
init(); // 创建
|
||||||
|
|
||||||
|
$(".add-dialog").click(function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
if (isEdit) {
|
||||||
|
layer.msg("有一个在编辑");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
isEdit = true;
|
||||||
|
$("tbody").before(layui.dynamicTr.addTr(LIST_TABLE_COLS));
|
||||||
|
form.render();
|
||||||
|
});
|
||||||
|
|
||||||
|
//单元格 操作列中 操作事件
|
||||||
|
table.on("tool(" + LIST_TABLE_ID + ")", function (obj) {
|
||||||
|
var data = obj.data;
|
||||||
|
var layEvent = obj.event;
|
||||||
|
debugger;
|
||||||
|
if (layEvent === "add") {
|
||||||
|
var addField = layui.dynamicTr.addFormFiled(LIST_TABLE_COLS);
|
||||||
|
if (!addField) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
admin.req({
|
||||||
|
url: List_TABLE_ADD_URL,
|
||||||
|
data: addField,
|
||||||
|
success: function (res) {
|
||||||
|
layer.msg("新增成功");
|
||||||
|
isEdit = false;
|
||||||
|
layui.table.reload(LIST_TABLE_ID, { where: where });
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else if (layEvent === "save") {
|
||||||
|
var editField = layui.dynamicTr.editFormFiled(LIST_TABLE_COLS, data);
|
||||||
|
if (!editField) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
admin.req({
|
||||||
|
url: LIST_TABLE_UPDATE_URL,
|
||||||
|
data: editField,
|
||||||
|
success: function (res) {
|
||||||
|
layer.msg("编辑成功");
|
||||||
|
layui.table.reload(LIST_TABLE_ID, { where: where });
|
||||||
|
|
||||||
|
// obj.update(editField);
|
||||||
|
isEdit = false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else if (layEvent === "cancel") {
|
||||||
|
layui.table.reload(LIST_TABLE_ID, { where: where });
|
||||||
|
isEdit = false;
|
||||||
|
} else if (layEvent === "edit") {
|
||||||
|
if (isEdit) {
|
||||||
|
layer.msg("有一个在编辑");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
var target = $(obj.tr);
|
||||||
|
$(target).html(layui.dynamicTr.editTr(LIST_TABLE_COLS, data));
|
||||||
|
isEdit = false;
|
||||||
|
} else if (layEvent === "delete") {
|
||||||
|
layer.confirm(
|
||||||
|
"", {
|
||||||
|
title: "提示",
|
||||||
|
area: ["520px", "270px"],
|
||||||
|
content: '<div style="margin: 50px auto;">确定删除分组吗？</div>',
|
||||||
|
btnAlign: "r",
|
||||||
|
btn: ["取消", "确认"],
|
||||||
|
},
|
||||||
|
function (index, layero) {
|
||||||
|
layer.close(index);
|
||||||
|
},
|
||||||
|
function (index) {
|
||||||
|
admin.req({
|
||||||
|
url: LIST_TABLE_DELETE_URL,
|
||||||
|
data: { data: obj.data },
|
||||||
|
success: function (res) {
|
||||||
|
if (res) {
|
||||||
|
obj.del();
|
||||||
|
layer.close(index);
|
||||||
|
} else {
|
||||||
|
layui.dialog.showOkMsgDialog({
|
||||||
|
msg: "无法删除，请先清空组内数据源和节点信息。",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTableData() {
|
||||||
|
var tableRenderOptions = {
|
||||||
|
height: 600,
|
||||||
|
id: LIST_TABLE_ID,
|
||||||
|
elem: "#" + LIST_TABLE_ID,
|
||||||
|
url: LIST_TABLE_URL,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [LIST_TABLE_COLS],
|
||||||
|
where: where,
|
||||||
|
parseData: function (res) {
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
msg: "",
|
||||||
|
//count: res.totalSize,
|
||||||
|
data: res.data,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
// laypage.render({
|
||||||
|
// elem: "pages",
|
||||||
|
// count: 100,
|
||||||
|
// layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
|
||||||
|
// jump: function jump(obj) {
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// admin.req({
|
||||||
|
// url: LIST_TABLE_URL,
|
||||||
|
// data: where,
|
||||||
|
// success: function (res) {
|
||||||
|
// tableRenderOptions.data = res;
|
||||||
|
// table.render(tableRenderOptions);
|
||||||
|
// },
|
||||||
|
// error:function(err){
|
||||||
|
// table.render(tableRenderOptions);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
});
|
||||||
@ -0,0 +1,81 @@
|
|||||||
|
!function (win, doc) {
|
||||||
|
var d = doc.documentElement;
|
||||||
|
function change() {
|
||||||
|
d.style.fontSize = d.clientWidth / 10 + 'px';
|
||||||
|
}
|
||||||
|
win.addEventListener('resize', change, false);
|
||||||
|
change();
|
||||||
|
}(window, document);
|
||||||
|
layui.use(["layer", "element"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
layer = layui.layer,
|
||||||
|
element = layui.element; $(".main-tree .left-menu").on("click", function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
var src = $(this).attr("lay-href");
|
||||||
|
var title = $(this).attr("lay-title");
|
||||||
|
$('.left-menu').removeClass("layui-this");
|
||||||
|
$(this).addClass("layui-this");
|
||||||
|
iframeToHref(src);
|
||||||
|
});
|
||||||
|
$(".left-fold-box").on("click", function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
$(".left-side").hide();
|
||||||
|
$(".layui-body").addClass("left-0").removeClass("left-230");
|
||||||
|
var iframe = document.getElementById('iframe');
|
||||||
|
var innerDoc = (iframe.contentDocument)
|
||||||
|
? iframe.contentDocument
|
||||||
|
: iframe.contentWindow.document;
|
||||||
|
innerDoc.querySelector("#rightFold > .logo").classList.remove('display-none');
|
||||||
|
innerDoc.querySelector("#rightFold > .unfold").classList.remove('display-none');
|
||||||
|
});
|
||||||
|
$(".right-fold-box .back-url").on("click", function () {
|
||||||
|
if ($(this).attr("lay-href")) {
|
||||||
|
iframeToHref($(this).attr("lay-href"));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// 子菜单展开收缩
|
||||||
|
$(".menu-box").on('click', ".open-icon", function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
$(this).removeClass('open-icon');
|
||||||
|
$(this).addClass('close-icon');
|
||||||
|
$(this).parent().siblings().addClass("display-none");
|
||||||
|
});
|
||||||
|
$(".menu-box").on('click', ".close-icon", function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
$(this).removeClass('close-icon');
|
||||||
|
$(this).addClass('open-icon');
|
||||||
|
$(this).parent().siblings().removeClass("display-none");
|
||||||
|
});
|
||||||
|
|
||||||
|
var leftMenuChange = function () {
|
||||||
|
var iframe = document.getElementById('iframe');
|
||||||
|
var innerDoc = (iframe.contentDocument)
|
||||||
|
? iframe.contentDocument
|
||||||
|
: iframe.contentWindow.document;
|
||||||
|
innerDoc.querySelector("#rightFold > .logo").classList.add('display-none');
|
||||||
|
innerDoc.querySelector("#rightFold > .unfold").classList.add('display-none');
|
||||||
|
$(".layui-body").addClass("left-230").removeClass("left-0");
|
||||||
|
$(".left-side").show();
|
||||||
|
}
|
||||||
|
var rightMenuChange = function () {
|
||||||
|
var iframe = document.getElementById('iframe');
|
||||||
|
var innerDoc = (iframe.contentDocument)
|
||||||
|
? iframe.contentDocument
|
||||||
|
: iframe.contentWindow.document;
|
||||||
|
innerDoc.querySelector("#rightFold > .logo").classList.remove('display-none');
|
||||||
|
innerDoc.querySelector("#rightFold > .unfold").classList.remove('display-none');
|
||||||
|
$(".layui-body").removeClass("left-230").addClass("left-0");
|
||||||
|
$(".left-side").hide();
|
||||||
|
}
|
||||||
|
var iframeToHref = function (url) {
|
||||||
|
var iframe = document.getElementById("iframe");
|
||||||
|
iframe.src = url;
|
||||||
|
};
|
||||||
|
var routerPush = function ({ url, breadcrumb }) {
|
||||||
|
iframeToHref(url);
|
||||||
|
};
|
||||||
|
|
||||||
|
window.routerPush = routerPush;
|
||||||
|
window.leftMenuChange = leftMenuChange;
|
||||||
|
window.rightMenuChange = rightMenuChange;
|
||||||
|
});
|
||||||
@ -0,0 +1,125 @@
|
|||||||
|
layui.use(["index", "api", "tpl", "dialog", "laypage"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
admin = layui.admin,
|
||||||
|
laypage = layui.laypage;
|
||||||
|
var LIST_TABLE_URL = layui.api.getApiUrl("app", "list");
|
||||||
|
var DELETE_TABLE_URL = layui.api.getApiUrl("app", "remove");
|
||||||
|
var where = {};
|
||||||
|
|
||||||
|
var FORM_QUERY_ID = "lay-form-submit"; // form seach ElementId
|
||||||
|
|
||||||
|
var LIST_TABLE_ID = "listTable"; // table ElementId
|
||||||
|
|
||||||
|
var LIST_TABLE_DATA = [
|
||||||
|
{ id: 1, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 2, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 3, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 4, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 5, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 6, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 7, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 8, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 9, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
{ id: 10, name: "我的名字", remark: "我是一个备注" },
|
||||||
|
|
||||||
|
];
|
||||||
|
// table field 配置
|
||||||
|
var LIST_TABLE_COLS = [
|
||||||
|
{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "center",
|
||||||
|
hide: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "name",
|
||||||
|
title: "分组名称",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "remark",
|
||||||
|
title: "备注",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fixed: "right",
|
||||||
|
title: "操作",
|
||||||
|
width: 150,
|
||||||
|
align: "center",
|
||||||
|
toolbar: "#cellOperating",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
init();
|
||||||
|
// 创建
|
||||||
|
$(".add-dialog").click(function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
addDialog();
|
||||||
|
});
|
||||||
|
//单元格 操作列中 操作事件
|
||||||
|
table.on(`tool(${LIST_TABLE_ID})`, function (obj) {
|
||||||
|
var data = obj.data;
|
||||||
|
var layEvent = obj.event;
|
||||||
|
if (layEvent === "edit") {
|
||||||
|
editDialog(data);
|
||||||
|
} else if (layEvent === "delete") {
|
||||||
|
layer.confirm("",
|
||||||
|
{
|
||||||
|
title: "提示",
|
||||||
|
area: ["520px", "270px"],
|
||||||
|
content: '<div style="margin: 50px auto;">确定删除该数据源吗？</div>',
|
||||||
|
btnAlign: 'r',
|
||||||
|
btn: ['取消', '确认']
|
||||||
|
}, function (index, layero) {
|
||||||
|
layer.close(index);
|
||||||
|
}, function (index) {
|
||||||
|
console.log("按钮【按钮二】的回调");
|
||||||
|
layui.dialog.showOkMsgDialog({ msg: "该数据源存在同步任务，不能删除！" });
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
function getTableData() {
|
||||||
|
var tableRenderOptions = {
|
||||||
|
height: 600,
|
||||||
|
id: LIST_TABLE_ID,
|
||||||
|
elem: "#" + LIST_TABLE_ID,
|
||||||
|
data: LIST_TABLE_DATA,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [LIST_TABLE_COLS],
|
||||||
|
where: where,
|
||||||
|
};
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
laypage.render({
|
||||||
|
elem: "pages",
|
||||||
|
count: 100,
|
||||||
|
layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
|
||||||
|
jump: function (obj) {
|
||||||
|
console.log(obj);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
// admin.req({
|
||||||
|
// url: LIST_TABLE_URL,
|
||||||
|
// data: where,
|
||||||
|
// success: function (res) {
|
||||||
|
// tableRenderOptions.data = res;
|
||||||
|
// table.render(tableRenderOptions);
|
||||||
|
// console.log('success:',res);
|
||||||
|
// },
|
||||||
|
// error:function(err){
|
||||||
|
// console.log('error:',err);
|
||||||
|
// table.render(tableRenderOptions);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
@ -0,0 +1,268 @@
|
|||||||
|
|
||||||
|
layui.use(["api", "tpl", "dialog", "laypage"], function () {
|
||||||
|
var $ = layui.$,
|
||||||
|
table = layui.table,
|
||||||
|
element = layui.element,
|
||||||
|
form = layui.form,
|
||||||
|
admin = layui.admin,
|
||||||
|
laypage = layui.laypage;
|
||||||
|
var LIST_TABLE_URL = layui.api.getMockApiUrl("index", "list"); //查询url
|
||||||
|
|
||||||
|
var where = {};
|
||||||
|
|
||||||
|
var FORM_QUERY_ID = "lay-form-submit"; // form seach ElementId
|
||||||
|
|
||||||
|
var LIST_TABLE_ID = "listTable"; // table ElementId
|
||||||
|
|
||||||
|
// table field 配置
|
||||||
|
var LIST_TABLE_COLS = [{
|
||||||
|
field: "id",
|
||||||
|
title: "id",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "name",
|
||||||
|
title: "名称",
|
||||||
|
align: "center",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "createTime",
|
||||||
|
title: "创建时间",
|
||||||
|
align: "center",
|
||||||
|
templet: function (d) {
|
||||||
|
return layui.util.toDateString(d.createTime, "yyyy-MM-dd");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "fz",
|
||||||
|
title: "所属分组",
|
||||||
|
align: "center",
|
||||||
|
sort: true,
|
||||||
|
templet: function (d) {
|
||||||
|
if (d.fz == "1") {
|
||||||
|
return "类型1";
|
||||||
|
} else if (d.fz == "2") {
|
||||||
|
return "类型2";
|
||||||
|
} else if (d.fz == "3") {
|
||||||
|
return "类型3";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "type",
|
||||||
|
title: "类型",
|
||||||
|
align: "center",
|
||||||
|
sort: true,
|
||||||
|
templet: function (d) {
|
||||||
|
if (d.type == "1") {
|
||||||
|
return "类型1";
|
||||||
|
} else if (d.type == "2") {
|
||||||
|
return "类型2";
|
||||||
|
} else if (d.type == "3") {
|
||||||
|
return "类型3";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fixed: "right",
|
||||||
|
title: "操作",
|
||||||
|
width: 120,
|
||||||
|
align: "center",
|
||||||
|
toolbar: "#cellOperating",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
init();
|
||||||
|
|
||||||
|
$(".add-dialog").click(function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
addDialog();
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$(".part-full-screen").click(function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
partFullScreen('part-full-screen', 'fulldiv');
|
||||||
|
});
|
||||||
|
$(".full-screen").click(function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
var fullScreen = parseInt($(this).attr('data-screen'));
|
||||||
|
if (fullScreen) {
|
||||||
|
admin.exitScreen();
|
||||||
|
$(this).attr('data-screen', '0').html('整页全屏');
|
||||||
|
} else {
|
||||||
|
admin.fullScreen();
|
||||||
|
$(this).attr('data-screen', '1').html("退出整页全屏");
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
// 重置
|
||||||
|
$(".reset-btn").click(function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
//重置where
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
form.on(`submit(${FORM_QUERY_ID})`, function (data) {
|
||||||
|
console.log("查询：", data.field);
|
||||||
|
table.reload(LIST_TABLE_ID, { where });
|
||||||
|
});
|
||||||
|
//单元格 操作列中 操作事件
|
||||||
|
table.on(`tool(${LIST_TABLE_ID})`, function (obj) {
|
||||||
|
//阻止冒泡
|
||||||
|
var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象
|
||||||
|
layui.stope(evt);
|
||||||
|
var data = obj.data;
|
||||||
|
var layEvent = obj.event;
|
||||||
|
if (layEvent === "delete") {
|
||||||
|
layer.confirm(
|
||||||
|
"", {
|
||||||
|
title: "提示",
|
||||||
|
area: ["520px", "270px"],
|
||||||
|
content: '<div style="margin: 50px auto;">确定删除该数据吗？</div>',
|
||||||
|
btnAlign: "r",
|
||||||
|
btn: ["取消", "确认"],
|
||||||
|
},
|
||||||
|
function (index, layero) {
|
||||||
|
layer.close(index);
|
||||||
|
},
|
||||||
|
function (index) {
|
||||||
|
layui.dialog.showOkMsgDialog({ msg: "该数据存在，不能删除！" });
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
} else if (layEvent === "edit") {
|
||||||
|
$(".tips-box").remove();
|
||||||
|
editDialog(data);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
getSelectData();
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTableData() {
|
||||||
|
var tableRenderOptions = {
|
||||||
|
height: 800,
|
||||||
|
elem: "#" + LIST_TABLE_ID,
|
||||||
|
url: LIST_TABLE_URL,
|
||||||
|
even: "false",
|
||||||
|
defaultToolbar: [],
|
||||||
|
page: false,
|
||||||
|
cols: [LIST_TABLE_COLS],
|
||||||
|
where: {},
|
||||||
|
};
|
||||||
|
console.log("tableRenderOptions:", tableRenderOptions);
|
||||||
|
table.render(tableRenderOptions);
|
||||||
|
laypage.render({
|
||||||
|
elem: "pages",
|
||||||
|
count: 100,
|
||||||
|
layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
|
||||||
|
jump: function (obj) {
|
||||||
|
// console.log(obj);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addDialog() {
|
||||||
|
var templet = $("#formDialogTemplate").html();
|
||||||
|
layui.laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: "新增",
|
||||||
|
content: templet,
|
||||||
|
area: [px2rem(520), px2rem(600)],
|
||||||
|
btn: ["取消", "确认"],
|
||||||
|
btnAlign: "r",
|
||||||
|
yes: function (index, layero) {
|
||||||
|
layer.close(index);
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
btn2: function (index, layero) {
|
||||||
|
var submit = $("#LAY-dialog-submit");
|
||||||
|
var submitID = "lay-dialog-submit";
|
||||||
|
form.on("submit(" + submitID + ")", function (data) {
|
||||||
|
var params = data.field; //获取提交的字段
|
||||||
|
// admin.req({
|
||||||
|
// url: ADD_URL,
|
||||||
|
// data: params,
|
||||||
|
// success: function (res) {
|
||||||
|
table.reload(LIST_TABLE_ID, { where: where });
|
||||||
|
layer.msg("新增成功");
|
||||||
|
layer.close(index);
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
submit.trigger("click");
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
success: function success() {
|
||||||
|
layui.form.render("");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function editDialog(data) {
|
||||||
|
var templet = $("#formDialogTemplate").html();
|
||||||
|
layui.laytpl(templet).render({}, function (html) {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
title: "编辑",
|
||||||
|
content: templet,
|
||||||
|
area: [px2rem(520), px2rem(600)],
|
||||||
|
btn: ["取消", "确认"],
|
||||||
|
btnAlign: "r",
|
||||||
|
yes: function (index, layero) {
|
||||||
|
layer.close(index);
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
btn2: function (index, layero) {
|
||||||
|
var submit = $("#LAY-dialog-submit");
|
||||||
|
var submitID = "lay-dialog-submit";
|
||||||
|
form.on("submit(" + submitID + ")", function (data) {
|
||||||
|
var params = data.field;
|
||||||
|
// admin.req({
|
||||||
|
// url: UPDATE_URL,
|
||||||
|
// data: params,
|
||||||
|
// success: function (res) {
|
||||||
|
layui.table.reload(LIST_TABLE_ID, { where: where });
|
||||||
|
layer.close(index); //关闭弹层
|
||||||
|
layer.msg("成功");
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
submit.trigger("click");
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
success: function success() {
|
||||||
|
data.name = "这个名字我就是要固定不改";
|
||||||
|
form.val("dialogForm", data);
|
||||||
|
layui.form.render("");
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSelectData() {
|
||||||
|
var data = { list: [] };
|
||||||
|
var res = [
|
||||||
|
{ name: "1111", value: "1111" },
|
||||||
|
{ name: "2222", value: "2222" },
|
||||||
|
];
|
||||||
|
var list = [{ name: "请选择", value: "" }];
|
||||||
|
for (var item in res) {
|
||||||
|
var selected = false;
|
||||||
|
list.push({
|
||||||
|
name: res[item].name,
|
||||||
|
value: res[item].value,
|
||||||
|
selected: selected,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
data.list = list;
|
||||||
|
layui.tpl.setSelectTpl("testIdSelect", data);
|
||||||
|
}
|
||||||
|
});
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
function formatDuring(mss) {
|
||||||
|
var days = parseInt(mss / (1000 * 60 * 60 * 24));
|
||||||
|
var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
||||||
|
var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
|
||||||
|
var seconds = (mss % (1000 * 60)) / 1000;
|
||||||
|
var returnStr = "";
|
||||||
|
if (days > 0) {
|
||||||
|
returnStr += days + "天";
|
||||||
|
}
|
||||||
|
if (hours > 0) {
|
||||||
|
returnStr += hours + "小时";
|
||||||
|
}
|
||||||
|
if (minutes > 0) {
|
||||||
|
returnStr += minutes + "分钟";
|
||||||
|
}
|
||||||
|
return returnStr + seconds + "秒";
|
||||||
|
}
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
/**
|
||||||
|
* 全部配置静态资源所在路径
|
||||||
|
*/
|
||||||
|
const GLOBAL_CONFIG_BASE_URL = './../../res/js/';
|
||||||
|
layui.config({
|
||||||
|
base: `${GLOBAL_CONFIG_BASE_URL}` //静态资源所在路径
|
||||||
|
}).extend({
|
||||||
|
index: 'lib/index', //主入口模块
|
||||||
|
})
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,2 @@
|
|||||||
|
/** layui-v2.5.6 MIT License By https://www.layui.com */
|
||||||
|
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
|
||||||
@ -0,0 +1,496 @@
|
|||||||
|
/** layui-v2.5.6 MIT License By https://www.layui.com */
|
||||||
|
|
||||||
|
.laydate-set-ym,
|
||||||
|
.layui-laydate,
|
||||||
|
.layui-laydate *,
|
||||||
|
.layui-laydate-list {
|
||||||
|
box-sizing: border-box
|
||||||
|
}
|
||||||
|
|
||||||
|
html #layuicss-laydate {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
width: 1989px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate * {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 66666666;
|
||||||
|
margin: 5px 0;
|
||||||
|
border-radius: 2px;
|
||||||
|
font-size: 14px;
|
||||||
|
-webkit-animation-duration: .3s;
|
||||||
|
animation-duration: .3s;
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both;
|
||||||
|
-webkit-animation-name: laydate-upbit;
|
||||||
|
animation-name: laydate-upbit
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-main {
|
||||||
|
width: 272px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content td,
|
||||||
|
.layui-laydate-header *,
|
||||||
|
.layui-laydate-list li {
|
||||||
|
transition-duration: .3s;
|
||||||
|
-webkit-transition-duration: .3s
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes laydate-upbit {
|
||||||
|
from {
|
||||||
|
-webkit-transform: translate3d(0, 20px, 0);
|
||||||
|
opacity: .3
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes laydate-upbit {
|
||||||
|
from {
|
||||||
|
transform: translate3d(0, 20px, 0);
|
||||||
|
opacity: .3
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-static {
|
||||||
|
position: relative;
|
||||||
|
z-index: 0;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
-webkit-animation: none;
|
||||||
|
animation: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-ym-show .laydate-next-m,
|
||||||
|
.laydate-ym-show .laydate-prev-m {
|
||||||
|
display: none!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-ym-show .laydate-next-y,
|
||||||
|
.laydate-ym-show .laydate-prev-y {
|
||||||
|
display: inline-block!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-show .laydate-set-ym span[lay-type=month],
|
||||||
|
.laydate-time-show .laydate-set-ym span[lay-type=year],
|
||||||
|
.laydate-time-show .layui-laydate-header .layui-icon,
|
||||||
|
.laydate-ym-show .laydate-set-ym span[lay-type=month] {
|
||||||
|
display: none!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header {
|
||||||
|
position: relative;
|
||||||
|
line-height: 30px;
|
||||||
|
padding: 10px 70px 5px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-set-ym span,
|
||||||
|
.layui-laydate-header i {
|
||||||
|
padding: 0 5px;
|
||||||
|
cursor: pointer
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header * {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: bottom
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header i {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
color: #999;
|
||||||
|
font-size: 18px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header i.laydate-prev-y {
|
||||||
|
left: 15px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header i.laydate-prev-m {
|
||||||
|
left: 45px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header i.laydate-next-y {
|
||||||
|
right: 15px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header i.laydate-next-m {
|
||||||
|
right: 45px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-set-ym {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-text {
|
||||||
|
cursor: default!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content {
|
||||||
|
position: relative;
|
||||||
|
padding: 10px;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content td,
|
||||||
|
.layui-laydate-content th {
|
||||||
|
width: 36px;
|
||||||
|
height: 30px;
|
||||||
|
padding: 5px;
|
||||||
|
text-align: center
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content td {
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-day-mark {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 12px;
|
||||||
|
overflow: hidden
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-day-mark::after {
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
right: 2px;
|
||||||
|
top: 2px;
|
||||||
|
width: 5px;
|
||||||
|
height: 5px;
|
||||||
|
border-radius: 50%
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-footer {
|
||||||
|
position: relative;
|
||||||
|
height: 46px;
|
||||||
|
line-height: 26px;
|
||||||
|
padding: 10px 20px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-footer span {
|
||||||
|
margin-right: 15px;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-footer span:hover {
|
||||||
|
color: #5FB878
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-footer-btns {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 10px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-footer-btns span {
|
||||||
|
height: 26px;
|
||||||
|
line-height: 26px;
|
||||||
|
margin: 0 0 0 -1px;
|
||||||
|
padding: 0 10px;
|
||||||
|
border: 1px solid #C9C9C9;
|
||||||
|
background-color: #fff;
|
||||||
|
white-space: nowrap;
|
||||||
|
vertical-align: top;
|
||||||
|
border-radius: 2px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-list>li,
|
||||||
|
.layui-laydate-range .layui-laydate-main {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-list {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
background-color: #fff
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-list>li {
|
||||||
|
position: relative;
|
||||||
|
width: 33.3%;
|
||||||
|
height: 36px;
|
||||||
|
line-height: 36px;
|
||||||
|
margin: 3px 0;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-month-list>li {
|
||||||
|
width: 25%;
|
||||||
|
margin: 17px 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list>li {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
line-height: normal;
|
||||||
|
cursor: default
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list p {
|
||||||
|
position: relative;
|
||||||
|
top: -4px;
|
||||||
|
line-height: 29px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list ol {
|
||||||
|
height: 181px;
|
||||||
|
overflow: hidden
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list>li:hover ol {
|
||||||
|
overflow-y: auto
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list ol li {
|
||||||
|
width: 130%;
|
||||||
|
padding-left: 33px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: left;
|
||||||
|
cursor: pointer
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-hint {
|
||||||
|
position: absolute;
|
||||||
|
top: 115px;
|
||||||
|
left: 50%;
|
||||||
|
width: 250px;
|
||||||
|
margin-left: -125px;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-range {
|
||||||
|
width: 546px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-range .laydate-main-list-0 .laydate-next-m,
|
||||||
|
.layui-laydate-range .laydate-main-list-0 .laydate-next-y,
|
||||||
|
.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,
|
||||||
|
.layui-laydate-range .laydate-main-list-1 .laydate-prev-y {
|
||||||
|
display: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
|
||||||
|
border-left: 1px solid #e2e2e2
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate,
|
||||||
|
.layui-laydate-hint {
|
||||||
|
border: 1px solid #d2d2d2;
|
||||||
|
box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
|
||||||
|
background-color: #fff;
|
||||||
|
color: #666
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header {
|
||||||
|
border-bottom: 1px solid #e2e2e2
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-header i:hover,
|
||||||
|
.layui-laydate-header span:hover {
|
||||||
|
color: #5FB878
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content {
|
||||||
|
border-top: none 0;
|
||||||
|
border-bottom: none 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content th {
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content td {
|
||||||
|
color: #666
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content td.laydate-selected {
|
||||||
|
background-color: #00F7DE
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-selected:hover {
|
||||||
|
background-color: #00F7DE!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content td:hover,
|
||||||
|
.layui-laydate-list li:hover {
|
||||||
|
background-color: #eaeaea;
|
||||||
|
color: #333
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list li ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 1px solid #e2e2e2;
|
||||||
|
border-left-width: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list li:first-child ol {
|
||||||
|
border-left-width: 1px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-time-list>li:hover {
|
||||||
|
background: 0 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content .laydate-day-next,
|
||||||
|
.layui-laydate-content .laydate-day-prev {
|
||||||
|
color: #d2d2d2
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-selected.laydate-day-next,
|
||||||
|
.laydate-selected.laydate-day-prev {
|
||||||
|
background-color: #f8f8f8!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-footer {
|
||||||
|
border-top: 1px solid #e2e2e2
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-hint {
|
||||||
|
color: #FF5722
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-day-mark::after {
|
||||||
|
background-color: #5FB878
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-content td.layui-this .laydate-day-mark::after {
|
||||||
|
display: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate-footer span[lay-type=date] {
|
||||||
|
color: #5FB878
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate .layui-this {
|
||||||
|
background-color: #009688;
|
||||||
|
color: #fff!
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laydate .laydate-disabled,
|
||||||
|
.layui-laydate .laydate-disabled:hover {
|
||||||
|
background: 0 0!important;
|
||||||
|
color: #d2d2d2!important;
|
||||||
|
cursor: not-allowed!important;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv {
|
||||||
|
border: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv.layui-laydate-range {
|
||||||
|
width: 548px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv .layui-laydate-main {
|
||||||
|
width: 274px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv .layui-laydate-header {
|
||||||
|
border: none;
|
||||||
|
background-color: #009688
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv .layui-laydate-header i,
|
||||||
|
.laydate-theme-molv .layui-laydate-header span {
|
||||||
|
color: #f6f6f6
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv .layui-laydate-header i:hover,
|
||||||
|
.laydate-theme-molv .layui-laydate-header span:hover {
|
||||||
|
color: #fff
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv .layui-laydate-content {
|
||||||
|
border: 1px solid #e2e2e2;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
|
||||||
|
border-left: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-grid .laydate-month-list>li,
|
||||||
|
.laydate-theme-grid .laydate-year-list>li,
|
||||||
|
.laydate-theme-grid .layui-laydate-content td,
|
||||||
|
.laydate-theme-grid .layui-laydate-content thead,
|
||||||
|
.laydate-theme-molv .layui-laydate-footer {
|
||||||
|
border: 1px solid #e2e2e2
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-grid .laydate-selected,
|
||||||
|
.laydate-theme-grid .laydate-selected:hover {
|
||||||
|
background-color: #f2f2f2!important;
|
||||||
|
color: #009688!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-grid .laydate-selected.laydate-day-next,
|
||||||
|
.laydate-theme-grid .laydate-selected.laydate-day-prev {
|
||||||
|
color: #d2d2d2!important
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-grid .laydate-month-list,
|
||||||
|
.laydate-theme-grid .laydate-year-list {
|
||||||
|
margin: 1px 0 0 1px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-grid .laydate-month-list>li,
|
||||||
|
.laydate-theme-grid .laydate-year-list>li {
|
||||||
|
margin: 0 -1px -1px 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-grid .laydate-year-list>li {
|
||||||
|
height: 43px;
|
||||||
|
line-height: 43px
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-theme-grid .laydate-month-list>li {
|
||||||
|
height: 71px;
|
||||||
|
line-height: 71px
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 701 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 299 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue