root/cwhelp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
易焱
2019-07-30 18:14:32 +08:00
commit daa60cf523
1624 changed files with 90832 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/target/classes/templates/system/dict/add.html
+267
View File
@@ -0,0 +1,267 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
<style>
.dict-value {
max-width: 358px;
height: 130px;
border: 1px solid #e6e6e6;
}
.dict-value:hover,
.dict-value:hover .control {
border-color: #C9C9C9;
}
.dict-value .control {
padding: 4px 8px;
border-bottom: 1px solid #e6e6e6;
}
.dict-value .control button {
margin: 0;
border-color: #ffffff;
}
.dict-value .control button:hover {
border-color: #888888;
}
.dict-value .control button .fa {
margin-right: 4px;
color: #888888;
}
.dict-value .control .field-order .fa {
margin: 0;
}
.dict-value .control .field-order.active {
border-color: #C9C9C9;
}
.dict-value .content {
height: 95px;
padding: 2px 0;
overflow: auto;
}
.dict-value .content .dict-option {
margin: 0;
padding: 2px 0;
display: block;
width: 100%;
border: none;
text-indent: 4px;
font-size: 14px;
}
.dict-value .content .dict-option:hover {
background-color: rgba(1, 170, 237, 0.17);
}
.dict-value .content .dict-option.active {
background-color: rgba(1, 170, 237, 0.37);
font-weight: bold;
}
.dict-value .content .dict-option.error {
background-color: rgba(255, 16, 0, 0.41);
font-weight: bold;
}
</style>
</head>
<body>
<div class="layui-form timo-compile">
<form th:action="@{/system/dict/add}">
<input type="hidden" name="id" th:if="${dict}" th:value="${dict.id}"/>
<div class="layui-form-item">
<label class="layui-form-label required">字典标识</label>
<div class="layui-input-inline">
<input class="layui-input" type="text" name="name" placeholder="请输入字典键名" th:value="${dict?.name}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">字典标题</label>
<div class="layui-input-inline">
<input class="layui-input" type="text" name="title" placeholder="请输入字典标题" th:value="${dict?.title}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">字典类型</label>
<div class="layui-input-inline">
<select name="type" mo:dict="DICT_TYPE" mo-selected="${dict} ? ${dict.type} : 2"
lay-verify="type"></select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label required">字典值</label>
<div class="layui-input-block">
<input id="dictValue" name="value" type="hidden" th:value="${dict?.value}">
<div class="dict-value">
<div class="control">
<button class="field-add layui-btn layui-btn-primary layui-btn-xs">
<i class="fa fa-plus-circle"></i>添加
</button>
<button class="field-del layui-btn layui-btn-primary layui-btn-xs">
<i class="fa fa-minus-circle"></i>删除
</button>
<button class="field-up layui-btn layui-btn-primary layui-btn-xs">
<i class="fa fa-arrow-up"></i>向上
</button>
<button class="field-down layui-btn layui-btn-primary layui-btn-xs">
<i class="fa fa-arrow-down"></i>向下
</button>
<button class="field-order pull-right layui-btn layui-btn-primary layui-btn-xs"><!--
--><i class="fa fa-list-ol" aria-hidden="true"></i></button>
</div>
<div class="content"></div>
</div>
</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" name="remark">[[${dict?.remark}]]</textarea>
</div>
</div>
<div class="layui-form-item timo-finally">
<button class="layui-btn ajax-submit"><i class="fa fa-check-circle"></i> 保存</button>
<button class="layui-btn btn-secondary close-popup"><i class="fa fa-times-circle"></i> 关闭</button>
</div>
</form>
</div>
<script th:replace="/common/template :: script"></script>
<script>
layui.use(['element'], function () {
var $ = layui.jquery;
// 默认变量
var active = null;
var option = $("<input class='dict-option'>");
var optionSort = false;
// 初始化数据
var dictValue = $("#dictValue");
if(dictValue.val() !== ""){
var dict = dictValue.val().split(",");
var box = $(".dict-value>.content");
dict.forEach(function (val) {
box.append(option.clone().val(val));
});
}
// 获取焦点是选项事件
$(document).on("focus", ".dict-option", function () {
if (active != null) {
active.removeClass("active");
}
active = $(this).addClass("active");
});
// 失去焦点是选项事件
$(document).on("blur", ".dict-option", function () {
var kv = $(this).val().split(":");
if(kv.length > 1 && kv[1] !== ""){
$(this).removeClass("error");
updateDict();
}else{
$(this).addClass("error");
}
});
// 向下添加
var addOption = function () {
var clone = option.clone().val("").addClass("active");
active.after(clone).removeClass("active");
resetOrder();
clone.focus();
};
// 输入框回车事件
$(document).on("keypress", ".dict-option", function (e) {
if (e.keyCode === 13) {
e.preventDefault();
addOption();
}
});
// 添加字段
$(document).on("click", ".field-add", function (e) {
e.preventDefault();
if (active != null) {
addOption();
} else {
var clone = option.clone();
$(".dict-value>.content").append(clone);
clone.focus().addClass("active");
}
});
// 删除字段
$(document).on("click", ".field-del", function (e) {
e.preventDefault();
if (active != null) {
active.remove();
active = null;
}
updateDict();
});
// 上移字段
$(document).on("click", ".field-up", function (e) {
e.preventDefault();
if (active != null) {
var prev = active.prev();
active.insertBefore(prev);
resetOrder();
}
updateDict();
});
// 下移字段
$(document).on("click", ".field-down", function (e) {
e.preventDefault();
if (active != null) {
active.insertAfter(active.next());
resetOrder();
}
updateDict();
});
// 数字顺序开关
$(document).on("click", ".field-order", function (e) {
e.preventDefault();
if ((optionSort = !optionSort)) {
$(this).addClass("active");
resetOrder();
updateDict();
} else {
$(this).removeClass("active");
}
});
// 重置数字顺序
var resetOrder = function () {
if(!optionSort) return;
var index = 1;
$(".dict-value>.content input").each(function (key, val) {
var kv = $(val).val().split(":");
if (key === 0 && kv.length > 0 && kv[0] !== "") {
index = kv[0];
}
var oVal = (index++) + ":";
if (kv.length > 1 && kv[1] !== "") {
oVal += kv[1];
}
$(val).val(oVal);
});
}
// 更新字典值
var updateDict = function () {
var value = "";
$(".dict-value>.content input").each(function (key, val) {
var kv = $(val).val().split(":");
if(kv.length > 1 && kv[1] !== ""){
value += kv[0] + ":" + kv[1] + ",";
}
});
if (value !== "") {
value = value.substr(0, value.length - 1);
}
dictValue.val(value);
}
});
</script>
</body>
</html>
admin/target/classes/templates/system/dict/detail.html
+51
View File
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
</head>
<body>
<div class="timo-detail-page">
<div class="timo-detail-title">基本信息</div>
<table class="layui-table timo-detail-table">
<tbody>
<tr>
<th width='100px'>字典编号</th>
<td th:text="${dict.id}"></td>
<th width='100px'>字典标识</th>
<td th:text="${dict.name}"></td>
</tr>
<tr>
<th width='100px'>字典标题</th>
<td th:text="${dict.title}"></td>
<th width='100px'>字典类型</th>
<td th:text="${#dicts.keyValue('DICT_TYPE', dict.type)}">字典类型</td>
</tr>
<tr>
<th>字典值</th>
<td colspan="4">
<div class="detail-remark">[[${dict.value}]]</div>
</td>
</tr>
<tr>
<th>创建用户</th>
<td th:text="${dict.createBy?.nickname}"></td>
<th>更新用户</th>
<td th:text="${dict.updateBy?.nickname}"></td>
</tr>
<tr>
<th>创建时间</th>
<td th:text="${#dates.format(dict.createDate, 'yyyy-MM-dd HH:mm:ss')}"></td>
<th>最后修改</th>
<td th:text="${#dates.format(dict.updateDate, 'yyyy-MM-dd HH:mm:ss')}"></td>
</tr>
<tr>
<th>备注</th>
<td th:text="${dict.remark}" colspan="4"></td>
</tr>
</tbody>
</table>
<div th:replace="/common/fragment :: log(${dict})"></div>
</div>
<script th:replace="/common/template :: script"></script>
</body>
</html>
admin/target/classes/templates/system/dict/index.html
+116
View File
@@ -0,0 +1,116 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
<style>
.dict-value {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
</head>
<body class="timo-layout-page">
<div class="layui-card">
<div class="layui-card-header timo-card-header">
<span><i class="fa fa-bars"></i> 字典管理</span>
<i class="layui-icon layui-icon-refresh refresh-btn"></i>
</div>
<div class="layui-card-body">
<div class="layui-row timo-card-screen">
<div class="pull-left layui-form-pane timo-search-box">
<div class="layui-inline">
<label class="layui-form-label">状态</label>
<div class="layui-input-block timo-search-status">
<select class="timo-search-select" name="status" mo:dict="SEARCH_STATUS" mo-selected="${param.status}"></select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">字典标识</label>
<div class="layui-input-block">
<input type="text" name="name" th:value="${param.name}" placeholder="请输入字典标识" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">字典标题</label>
<div class="layui-input-block">
<input type="text" name="title" th:value="${param.title}" placeholder="请输入字典标题" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<button class="layui-btn timo-search-btn">
<i class="fa fa-search"></i>
</button>
</div>
</div>
<div class="pull-right screen-btn-group">
<button class="layui-btn open-popup" data-title="添加字典" th:attr="data-url=@{/system/dict/add}" data-size="615,558">
<i class="fa fa-plus"></i> 添加
</button>
<div class="btn-group">
<button class="layui-btn">操作<span class="caret"></span></button>
<dl class="layui-nav-child layui-anim layui-anim-upbit">
<dd><a class="ajax-status" th:href="@{/system/dict/status/ok}">启用</a></dd>
<dd><a class="ajax-status" th:href="@{/system/dict/status/freezed}">冻结</a></dd>
<dd><a class="ajax-status" th:href="@{/system/dict/status/delete}">删除</a></dd>
</dl>
</div>
</div>
</div>
<div class="timo-table-wrap">
<table class="layui-table timo-table">
<thead>
<tr>
<th class="timo-table-checkbox">
<label class="timo-checkbox"><input type="checkbox">
<i class="layui-icon layui-icon-ok"></i></label>
</th>
<th class="sortable" data-field="name">字典标识</th>
<th class="sortable" data-field="title">字典标题</th>
<th class="sortable" data-field="type">字典类型</th>
<th class="sortable" data-field="value">字典值</th>
<th class="sortable" data-field="createDate">创建时间</th>
<th class="sortable" data-field="updateDate">更新时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr th:each="item:${list}">
<td><label class="timo-checkbox"><input type="checkbox" th:value="${item.id}">
<i class="layui-icon layui-icon-ok"></i></label></td>
<td th:text="${item.name}">字典键名</td>
<td th:text="${item.title}">字典标题</td>
<td th:text="${#dicts.keyValue('DICT_TYPE', item.type)}">字典类型</td>
<td th:text="${item.value}" class="dict-value">字典键值</td>
<td th:text="${#dates.format(item.createDate, 'yyyy-MM-dd HH:mm:ss')}">创建时间</td>
<td th:text="${#dates.format(item.updateDate, 'yyyy-MM-dd HH:mm:ss')}">更新时间</td>
<td>
<a class="open-popup" data-title="编辑字典" th:attr="data-url=@{'/system/dict/edit/'+${item.id}}" data-size="615,558" href="#">编辑</a>
<a class="open-popup" data-title="详细信息" th:attr="data-url=@{'/system/dict/detail/'+${item.id}}" data-size="800,600" href="#">详细</a>
<a class="ajax-get" data-msg="您是否确认删除" th:href="@{/system/dict/status/delete(ids=${item.id})}">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
<div th:replace="/common/fragment :: page"></div>
</div>
</div>
<script th:replace="/common/template :: script"></script>
<script>
layui.use(['element'], function () {
var $ = layui.jquery;
var dv = $(".dict-value");
$(window).on("resize", function () {
var width = $("body").width();
if(width > 1200){
dv.css("max-width", width * 0.32);
}else{
dv.css("max-width", width * 0.20);
}
}).resize();
});
</script>
</body>
</html>