first commit
This commit is contained in:
@@ -0,0 +1,82 @@
|
||||
{include file="public/header" /}
|
||||
<style type="text/css">
|
||||
ul {
|
||||
display: block;
|
||||
list-style-type: disc;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 0px;
|
||||
/* padding-inline-start: 40px; */
|
||||
}
|
||||
.site-doc-icon {
|
||||
margin-bottom: 50px;
|
||||
font-size: 0;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
.site-doc-icon li {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 132px;
|
||||
height: 105px;
|
||||
line-height: 25px;
|
||||
padding: 20px 0;
|
||||
margin-right: -1px;
|
||||
margin-bottom: -1px;
|
||||
border: 1px solid #e2e2e2;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
color: #666;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s;
|
||||
}
|
||||
.site-doc-icon li .layui-icon {
|
||||
display: inline-block;
|
||||
font-size: 36px;
|
||||
}
|
||||
.site-doc-icon li .doc-icon-name, .site-doc-icon li .doc-icon-code {
|
||||
color: #c2c2c2;
|
||||
}
|
||||
.site-doc-icon li .doc-icon-fontclass {
|
||||
height: 40px;
|
||||
line-height: 20px;
|
||||
padding: 0 5px;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
}
|
||||
</style>
|
||||
<div class="header" style="margin-bottom:20px;">
|
||||
<span>图标</span>
|
||||
<div></div>
|
||||
</div>
|
||||
<pre id="pre" class="layui-code">
|
||||
<!-- 图标 -->
|
||||
<i class="layui-icon layui-icon-face-smile"></i>
|
||||
<!-- 图标，设置颜色、大小 -->
|
||||
<i class="layui-icon layui-icon-face-smile" style="font-size:30px;color:#1E9FFF;"></i>
|
||||
<!-- 图标，设置旋转 -->
|
||||
<i class="layui-icon layui-icon-face-smile layui-anim layui-anim-rotate layui-anim-loop"></i>
|
||||
</pre>
|
||||
<ul class="site-doc-icon" style="text-align: center;">
|
||||
{foreach($lists as $lists_v)}
|
||||
<li>
|
||||
<i class="layui-icon {$lists_v['icon_css']} {if($lists_v['icon_name']=='loading')} layui-anim layui-anim-rotate layui-anim-loop{/if}"></i>
|
||||
<div class="doc-icon-name">{$lists_v['icon_name']}</div>
|
||||
<div class="doc-icon-code">{$lists_v['icon_html']}</div>
|
||||
<div class="doc-icon-fontclass">{$lists_v['icon_css']}</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<script type="text/javascript">
|
||||
layui.use('code', function(){
|
||||
layui.code({
|
||||
elem:'#pre'
|
||||
,title: '使用方法'
|
||||
,encode: true
|
||||
,skin: 'notepad' //如果要默认风格，不用设定该key。
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,136 @@
|
||||
{include file="public/header" /}
|
||||
<form class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文本</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_input" placeholder="请输入文本">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea class="layui-textarea" id="test_rich" placeholder="请输入富文本"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">参照</label>
|
||||
<div class="layui-input-block">
|
||||
<select id="test_reference">
|
||||
<option value="1" selected>开启</option>
|
||||
<option value="0">关闭</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">时间戳</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_time">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use('laydate', function(){
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_time',
|
||||
type: 'datetime'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_data">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use('laydate', function(){
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_data'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_datatime">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use('laydate', function(){
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_datatime',
|
||||
type: 'datetime'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片</label>
|
||||
<div class="layui-input-inline">
|
||||
<button type="button" class="layui-btn layui-btn-fluid" id="up_test_img">上传图片</button>
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">支持png,jpg,gif</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片预览</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-upload-list" id="demo_test_img" style="width:90%;float:left;"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','upload'],function(){
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
upload = layui.upload;
|
||||
upload.render({
|
||||
elem: "#up_test_img",
|
||||
url: "{$config['admin_route']}index/upload_img",
|
||||
multiple: true,
|
||||
done: function(res,title){
|
||||
if(res.code > 0){
|
||||
return layer.msg("上传失败，"+res.msg);
|
||||
}else{
|
||||
$("#demo_test_img").append('<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0"><img style="width:100px;height:100px;" src="'+ res.url +'" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="test_img" value="'+res.data+'"/><a class="close-img" href="javascript:;" onclick="deleteImage(\''+res.data+'\',this);return false;"></a></div>');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">百度富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea id="test_rich_baidu" style="width:100%;" placeholder="请输入百度富文本"></textarea>
|
||||
</div>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/kindeditor-all-min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/lang/zh-CN.js"></script>
|
||||
<script type="text/javascript">
|
||||
KindEditor.ready(function(K) {
|
||||
window.editor = K.create('#test_rich_baidu',{
|
||||
items : [
|
||||
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
|
||||
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
|
||||
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
|
||||
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
|
||||
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
|
||||
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
|
||||
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
|
||||
'anchor', 'link', 'unlink', '|', 'about'
|
||||
],
|
||||
minHeight:'350px',
|
||||
allowFileManager : true,
|
||||
uploadJson : "{$config['admin_route']}index/upload_imgs_kin",
|
||||
afterUpload: function(){this.sync();}, //图片上传后，将上传内容同步到textarea中
|
||||
afterBlur: function(){this.sync();}, //失去焦点时，将上传内容同步到textarea中
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网址链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_url" placeholder="请输入网址链接">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,144 @@
|
||||
{include file="public/header" /}
|
||||
<form class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文本</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_input" placeholder="请输入文本" value="{$find['test_input']}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea class="layui-textarea" id="test_rich" placeholder="请输入富文本">{$find['test_rich']}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">参照</label>
|
||||
<div class="layui-input-block">
|
||||
<select id="test_reference">
|
||||
<option value="1" {$find['test_reference']==1?'selected':''}>开启</option>
|
||||
<option value="0" {$find['test_reference']==0?'selected':''}>关闭</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">时间戳</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_time" value="{$find['test_time']}">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use('laydate', function(){
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_time',
|
||||
type: 'datetime'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_data" value="{$find['test_data']}">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use('laydate', function(){
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_data'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_datatime" value="{$find['test_datatime']}">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use('laydate', function(){
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_datatime',
|
||||
type: 'datetime'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片</label>
|
||||
<div class="layui-input-inline">
|
||||
<button type="button" class="layui-btn layui-btn-fluid" id="up_test_img">上传图片</button>
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">支持png,jpg,gif</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片预览</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-upload-list" id="demo_test_img" style="width:90%;float:left;">
|
||||
{if(!empty($find['test_img']))}
|
||||
<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0">
|
||||
<img style="width:100px;height:100px;" src="{$find['test_img']}" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()">
|
||||
<input type="hidden" name="test_img" value="{$find['test_img']}"/>
|
||||
<a class="close-img" href="javascript:;" onclick="deleteImage('{$find[\'test_img\']}',this);return false;"></a>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','upload'],function(){
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
upload = layui.upload;
|
||||
upload.render({
|
||||
elem: "#up_test_img",
|
||||
url: "{$config['admin_route']}index/upload_img",
|
||||
multiple: true,
|
||||
done: function(res,title){
|
||||
if(res.code > 0){
|
||||
return layer.msg("上传失败，"+res.msg);
|
||||
}else{
|
||||
$("#demo_test_img").append('<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0"><img style="width:100px;height:100px;" src="'+ res.url +'" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="test_img" value="'+res.data+'"/><a class="close-img" href="javascript:;" onclick="deleteImage(\''+res.data+'\',this);return false;"></a></div>');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">百度富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea id="test_rich_baidu" style="width:100%;" placeholder="请输入百度富文本">{$find['test_rich_baidu']}</textarea>
|
||||
</div>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/kindeditor-all-min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/lang/zh-CN.js"></script>
|
||||
<script type="text/javascript">
|
||||
KindEditor.ready(function(K) {
|
||||
window.editor = K.create('#test_rich_baidu',{
|
||||
items : [
|
||||
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
|
||||
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
|
||||
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
|
||||
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
|
||||
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
|
||||
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
|
||||
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
|
||||
'anchor', 'link', 'unlink', '|', 'about'
|
||||
],
|
||||
minHeight:'350px',
|
||||
allowFileManager : true,
|
||||
uploadJson : "{$config['admin_route']}index/upload_imgs_kin",
|
||||
afterUpload: function(){this.sync();}, //图片上传后，将上传内容同步到textarea中
|
||||
afterBlur: function(){this.sync();}, //失去焦点时，将上传内容同步到textarea中
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网址链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_url" placeholder="请输入网址链接" value="{$find['test_url']}">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,193 @@
|
||||
{include file="public/header" /}
|
||||
<div class="header">
|
||||
<span>演示列表-方法渲染</span>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-useradmin-formlist" style="height:100%;">
|
||||
<div class="layui-form-item" id="search"></div>
|
||||
</div>
|
||||
<script type="text/html" id="toolbar">
|
||||
<div class="layui-btn-container">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-primary" lay-event="add">
|
||||
<i class="layui-icon layui-icon-add-1"></i>添加
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary" lay-event="edit">
|
||||
<i class="layui-icon layui-icon-edit"></i>修改
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary" lay-event="del">
|
||||
<i class="layui-icon layui-icon-delete"></i>删除
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<table class="layui-hide" id="datalist" lay-filter="datalist"></table>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','table'],function(){
|
||||
table = layui.table;
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
get_data();
|
||||
|
||||
table.on('row(datalist)',function(obj){
|
||||
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
|
||||
obj.tr.find("div.layui-unselect.layui-form-radio")[0].click();
|
||||
});
|
||||
table.on('toolbar(datalist)',function(obj){
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
var data = checkStatus.data;
|
||||
var datas = obj.data;
|
||||
var layEvent = obj.event;
|
||||
var tr = obj.tr;
|
||||
|
||||
switch(obj.event){
|
||||
case 'add':
|
||||
layer.full(layer.open({
|
||||
title: '添加',
|
||||
type: 2,
|
||||
content: "{$config['admin_route']}yunzertest/test_add",
|
||||
maxmin: true,
|
||||
area: ['70%','70%'],
|
||||
btn: ['确定','关闭'],
|
||||
yes: function(index,layero){
|
||||
var form = layero.find('iframe')[0].contentWindow;
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var test_img =[];
|
||||
body.find("input[name='test_img']").each(function(){
|
||||
test_img.push($(this).val());
|
||||
})
|
||||
var dataj = {
|
||||
test_input : form.test_input.value,
|
||||
test_reference : form.test_reference.value,
|
||||
test_time : form.test_time.value,
|
||||
test_data : form.test_data.value,
|
||||
test_datatime : form.test_datatime.value,
|
||||
test_img : test_img,
|
||||
test_rich : form.test_rich.value,
|
||||
test_rich_baidu : form.test_rich_baidu.value,
|
||||
test_url : form.test_url.value
|
||||
};
|
||||
$.post('{$config["admin_route"]}yunzertest/test_add',dataj,function(res){
|
||||
if(res.code>0){
|
||||
layer.msg(res.msg,{'icon':2});
|
||||
}else{
|
||||
layer.msg(res.msg,{'icon':1});
|
||||
get_data();
|
||||
layer.close(index);
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
}))
|
||||
break;
|
||||
case 'edit':
|
||||
if(!data[0]){
|
||||
layer.msg('请选择一条数据',{'icon':2});
|
||||
return false;
|
||||
}
|
||||
layer.full(layer.open({
|
||||
title: '修改',
|
||||
type: 2,
|
||||
content: "{$config['admin_route']}yunzertest/test_edit?test_id="+data[0].test_id,
|
||||
maxmin: true,
|
||||
area: ['70%','70%'],
|
||||
btn: ['确定','关闭'],
|
||||
yes: function(index,layero){
|
||||
var form = layero.find('iframe')[0].contentWindow;
|
||||
var body = layer.getChildFrame('body', index);
|
||||
|
||||
var test_img =[];
|
||||
body.find("input[name='test_img']").each(function(){
|
||||
test_img.push($(this).val());
|
||||
})
|
||||
var dataj = {
|
||||
test_id : data[0].test_id,
|
||||
test_input : form.test_input.value,
|
||||
test_reference : form.test_reference.value,
|
||||
test_time : form.test_time.value,
|
||||
test_data : form.test_data.value,
|
||||
test_datatime : form.test_datatime.value,
|
||||
test_img : test_img,
|
||||
test_rich : form.test_rich.value,
|
||||
test_rich_baidu : form.test_rich_baidu.value,
|
||||
test_url : form.test_url.value
|
||||
};
|
||||
$.post('{$config["admin_route"]}yunzertest/test_edit',dataj,function(res){
|
||||
if(res.code>0){
|
||||
layer.msg(res.msg,{'icon':2});
|
||||
}else{
|
||||
layer.msg(res.msg,{'icon':1});
|
||||
get_data();
|
||||
layer.close(index);
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
}))
|
||||
break;
|
||||
case 'del':
|
||||
if(!data[0]){
|
||||
layer.msg('请选择一条数据',{'icon':2});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('确定要删除吗？',{
|
||||
icon:3,
|
||||
btn: ['确定','取消']
|
||||
},function(){
|
||||
$.post('{$config["admin_route"]}yunzertest/test_del',{'test_id':data[0].test_id},function(res){
|
||||
if(res.code>0){
|
||||
layer.alert(res.msg,{icon:2});
|
||||
}else{
|
||||
layer.msg(res.msg);
|
||||
setTimeout(function(){window.location.reload();},1000);
|
||||
}
|
||||
},'json');
|
||||
});
|
||||
break;
|
||||
};
|
||||
});
|
||||
|
||||
function get_data(){
|
||||
table.render({
|
||||
elem: '#datalist',
|
||||
method : 'post'
|
||||
,url:"{$config['admin_route']}yunzertest/test_list"
|
||||
,toolbar: '#toolbar'
|
||||
,defaultToolbar: ['filter', 'print', 'exports', {
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}]
|
||||
,title: '演示列表'
|
||||
,page: true
|
||||
,cols: [[
|
||||
{type:'checkbox'},
|
||||
{type:'radio'}
|
||||
,{field:'test_id', width:50, title:'ID'}
|
||||
,{field:'test_input', width:100, title: '文本'}
|
||||
,{field:'test_rich', width:100, title: '富文本'}
|
||||
,{field:'test_rich_baidu', width:120, title: '百度文本'}
|
||||
,{field:'test_img', width:100, title: '图片',templet:function(res){
|
||||
return '<img style="width:30px;height:30px;" onmouseover="show_img(this)" onmouseleave="hide_img()" src="'+res.test_img+'"';
|
||||
}}
|
||||
,{field:'test_reference', width:100, title: '参照',templet:function(res){
|
||||
if(res.test_reference == 1){
|
||||
return '<span style="color:green;">开启</span>';
|
||||
}else{
|
||||
return '<span style="color:grey;">关闭</span>';
|
||||
}
|
||||
}}
|
||||
,{field:'test_time', width:100, title: '时间戳'}
|
||||
,{field:'test_data', width:100, title: '日期'}
|
||||
,{field:'test_datatime', width:150, title: '日期时间'}
|
||||
,{field:'test_url', width:150, title: '网址链接',templet:function(res){
|
||||
return '<a href="'+res.test_url+'" target="_blank">'+res.test_url+'</a>';
|
||||
}}
|
||||
]]
|
||||
,data:[]
|
||||
,limit :10
|
||||
,limits:[10,20,30]
|
||||
,height: 'full-100'
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,140 @@
|
||||
{include file="public/header" /}
|
||||
<form class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文本</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_input" name="test_input" placeholder="请输入文本">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea class="layui-textarea" id="test_rich" name="test_rich" placeholder="请输入富文本"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">参照</label>
|
||||
<div class="layui-input-block">
|
||||
<select id="test_reference">
|
||||
<option value="1" selected>开启</option>
|
||||
<option value="0">关闭</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">时间戳</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_time" name="test_time">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_data" name="test_data">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_datatime" name="test_datatime">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片</label>
|
||||
<div class="layui-input-inline">
|
||||
<button type="button" class="layui-btn layui-btn-fluid" id="up_test_img">上传图片</button>
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">支持png,jpg,gif</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片预览</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-upload-list" id="demo_test_img" style="width:90%;float:left;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">百度富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea id="test_rich_baidu" name="test_rich_baidu" style="width:100%;" placeholder="请输入百度富文本"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网址链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_url" name="test_url" placeholder="请输入网址链接">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="layui-form-item" style="margin-top:10px;">
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn" onclick="save()">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/kindeditor-all-min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/lang/zh-CN.js"></script>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','form','upload','laydate'],function(){
|
||||
form = layui.form;
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
|
||||
upload = layui.upload;
|
||||
upload.render({
|
||||
elem: "#up_test_img",
|
||||
url: "{$config['admin_route']}index/upload_img",
|
||||
multiple: true,
|
||||
done: function(res,title){
|
||||
if(res.code > 0){
|
||||
return layer.msg("上传失败，"+res.msg);
|
||||
}else{
|
||||
$("#demo_test_img").append('<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0"><img style="width:100px;height:100px;" src="'+ res.url +'" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="test_img" value="'+res.data+'"/><a class="close-img" href="javascript:;" onclick="deleteImage(\''+res.data+'\',this);return false;"></a></div>');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_time',
|
||||
type: 'datetime'
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#test_data'
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#test_datatime',
|
||||
type: 'datetime'
|
||||
});
|
||||
});
|
||||
|
||||
KindEditor.ready(function(K) {
|
||||
window.editor = K.create('#test_rich_baidu',{
|
||||
items : [
|
||||
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
|
||||
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
|
||||
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
|
||||
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
|
||||
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
|
||||
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
|
||||
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
|
||||
'anchor', 'link', 'unlink', '|', 'about'
|
||||
],
|
||||
minHeight:'350px',
|
||||
allowFileManager : true,
|
||||
uploadJson : "{$config['admin_route']}index/upload_imgs_kin",
|
||||
afterUpload: function(){this.sync();}, //图片上传后，将上传内容同步到textarea中
|
||||
afterBlur: function(){this.sync();}, //失去焦点时，将上传内容同步到textarea中
|
||||
});
|
||||
});
|
||||
|
||||
function save(){
|
||||
$.post("{$config['admin_route']}Yunzertest/test_static_add",$('form').serialize(),function(res){
|
||||
if(res.code>0){
|
||||
layer.msg(res.msg,{'icon':2});
|
||||
}else{
|
||||
layer.msg(res.msg,{'icon':1});
|
||||
setTimeout(function(){parent.window.location.reload();},1000);
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
</script>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,149 @@
|
||||
{include file="public/header" /}
|
||||
<form class="layui-form">
|
||||
<input type="hidden" name="test_id" value="{$find['test_id']}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文本</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_input" placeholder="请输入文本" value="{$find['test_input']}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea class="layui-textarea" id="test_rich" placeholder="请输入富文本">{$find['test_rich']}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">参照</label>
|
||||
<div class="layui-input-block">
|
||||
<select id="test_reference">
|
||||
<option value="1" {$find['test_reference']==1?'selected':''}>开启</option>
|
||||
<option value="0" {$find['test_reference']==0?'selected':''}>关闭</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">时间戳</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_time" value="{$find['test_time']}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_data" value="{$find['test_data']}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">日期时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_datatime" value="{$find['test_datatime']}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片</label>
|
||||
<div class="layui-input-inline">
|
||||
<button type="button" class="layui-btn layui-btn-fluid" id="up_test_img">上传图片</button>
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">支持png,jpg,gif</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片预览</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-upload-list" id="demo_test_img" style="width:90%;float:left;">
|
||||
{if(!empty($find['test_img']))}
|
||||
<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0">
|
||||
<img style="width:100px;height:100px;" src="{$find['test_img']}" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()">
|
||||
<input type="hidden" name="test_img" value="{$find['test_img']}"/>
|
||||
<a class="close-img" href="javascript:;" onclick="deleteImage('{$find[\'test_img\']}',this);return false;"></a>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">百度富文本</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea id="test_rich_baidu" style="width:100%;" placeholder="请输入百度富文本">{$find['test_rich_baidu']}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网址链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="test_url" placeholder="请输入网址链接" value="{$find['test_url']}">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="layui-form-item" style="margin-top:10px;">
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn" onclick="save()">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/kindeditor-all-min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8" src="/static/third/kindeditor/lang/zh-CN.js"></script>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','form','upload','laydate'],function(){
|
||||
form = layui.form;
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
|
||||
upload = layui.upload;
|
||||
upload.render({
|
||||
elem: "#up_test_img",
|
||||
url: "{$config['admin_route']}index/upload_img",
|
||||
multiple: true,
|
||||
done: function(res,title){
|
||||
if(res.code > 0){
|
||||
return layer.msg("上传失败，"+res.msg);
|
||||
}else{
|
||||
$("#demo_test_img").append('<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0"><img style="width:100px;height:100px;" src="'+ res.url +'" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="test_img" value="'+res.data+'"/><a class="close-img" href="javascript:;" onclick="deleteImage(\''+res.data+'\',this);return false;"></a></div>');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
laydate = layui.laydate;
|
||||
laydate.render({
|
||||
elem: '#test_time',
|
||||
type: 'datetime'
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#test_data'
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#test_datatime',
|
||||
type: 'datetime'
|
||||
});
|
||||
});
|
||||
|
||||
KindEditor.ready(function(K) {
|
||||
window.editor = K.create('#test_rich_baidu',{
|
||||
items : [
|
||||
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
|
||||
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
|
||||
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
|
||||
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
|
||||
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
|
||||
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
|
||||
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
|
||||
'anchor', 'link', 'unlink', '|', 'about'
|
||||
],
|
||||
minHeight:'350px',
|
||||
allowFileManager : true,
|
||||
uploadJson : "{$config['admin_route']}index/upload_imgs_kin",
|
||||
afterUpload: function(){this.sync();}, //图片上传后，将上传内容同步到textarea中
|
||||
afterBlur: function(){this.sync();}, //失去焦点时，将上传内容同步到textarea中
|
||||
});
|
||||
});
|
||||
|
||||
function save(){
|
||||
$.post("{$config['admin_route']}Yunzertest/test_static_edit",$('form').serialize(),function(res){
|
||||
if(res.code>0){
|
||||
layer.msg(res.msg,{'icon':2});
|
||||
}else{
|
||||
layer.msg(res.msg,{'icon':1});
|
||||
setTimeout(function(){parent.window.location.reload();},1000);
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
</script>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,104 @@
|
||||
{include file="public/header" /}
|
||||
<div class="header">
|
||||
<span>演示列表-静态表格</span>
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="add()">
|
||||
<i class="layui-icon layui-icon-add-1"></i>添加
|
||||
</button>
|
||||
<div></div>
|
||||
</div>
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>文本</th>
|
||||
<th>富文本</th>
|
||||
<th>百度文本</th>
|
||||
<th>图片</th>
|
||||
<th>参照</th>
|
||||
<th>时间戳</th>
|
||||
<th>日期</th>
|
||||
<th>日期时间</th>
|
||||
<th>网址链接</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="lists" id='vo'}
|
||||
<tr>
|
||||
<td>{$vo['test_id']}</td>
|
||||
<td>{$vo['test_input']}</td>
|
||||
<td>{$vo['test_rich']}</td>
|
||||
<td>{$vo['test_rich_baidu']}</td>
|
||||
<td>
|
||||
<img style="width:30px;height:30px;" onmouseover="show_img(this)" onmouseleave="hide_img()" src="{$vo['test_img']}">
|
||||
</td>
|
||||
<td>
|
||||
{if($vo['test_reference'] == 1)}
|
||||
<span style="color:green;">开启</span>
|
||||
{else/}
|
||||
<span style="color:grey;">关闭</span>
|
||||
{/if}
|
||||
</td>
|
||||
<td>{:date('Y-m-d H:i:s',$vo.test_time)}</td>
|
||||
<td>{$vo['test_data']}</td>
|
||||
<td>{$vo['test_datatime']}</td>
|
||||
<td><a href="{$vo['test_url']}" target="_blank">{$vo['test_url']}</a></td>
|
||||
<td>
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" onclick="edit({$vo.test_id})">
|
||||
<i class="layui-icon layui-icon-edit"></i>编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" onclick="del({$vo.test_id})">
|
||||
<i class="layui-icon layui-icon-delete"></i>删除
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
<div>{$lists|raw}</div>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer'],function(){
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
});
|
||||
// 添加
|
||||
function add(){
|
||||
layer.full(
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '添加',
|
||||
shade: 0.3,
|
||||
maxmin: true,
|
||||
area: ['450px','550px'],
|
||||
content: "{$config['admin_route']}Yunzertest/test_static_add"
|
||||
})
|
||||
);
|
||||
}
|
||||
// 编辑
|
||||
function edit(test_id){
|
||||
layer.full(layer.open({
|
||||
type: 2,
|
||||
title: '编辑',
|
||||
shade: 0.3,
|
||||
area: ['450px','550px'],
|
||||
content: "{$config['admin_route']}Yunzertest/test_static_edit?test_id="+test_id
|
||||
}));
|
||||
}
|
||||
// 删除
|
||||
function del(test_id){
|
||||
layer.confirm('确定要删除吗？', {
|
||||
icon:3,
|
||||
btn: ['确定','取消']
|
||||
}, function(){
|
||||
$.post("{$config['admin_route']}Yunzertest/test_del",{'test_id':test_id},function(res){
|
||||
if(res.code>0){
|
||||
layer.alert(res.msg,{icon:2});
|
||||
}else{
|
||||
layer.msg(res.msg,{icon:1});
|
||||
setTimeout(function(){window.location.reload();},1000);
|
||||
}
|
||||
},'json');
|
||||
});
|
||||
}
|
||||
</script>
|
||||
{include file="public/tail" /}
|
||||
Reference in New Issue
Block a user