mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-23 18:00:29 +08:00
修改样式
This commit is contained in:
邹景立
parent
756c17f166
commit
9316171cbb
@ -14,8 +14,7 @@
|
|||||||
{block name="script"}
|
{block name="script"}
|
||||||
<script>
|
<script>
|
||||||
window.RoleAction = new function () {
|
window.RoleAction = new function () {
|
||||||
this.data = {}, this.ztree = null;
|
this.data = {}, this.ztree = null, this.setting = {
|
||||||
this.setting = {
|
|
||||||
view: {showLine: false, showIcon: false, dblClickExpand: false},
|
view: {showLine: false, showIcon: false, dblClickExpand: false},
|
||||||
check: {enable: true, nocheck: false, chkboxType: {"Y": "ps", "N": "ps"}},
|
check: {enable: true, nocheck: false, chkboxType: {"Y": "ps", "N": "ps"}},
|
||||||
callback: {
|
callback: {
|
||||||
|
|||||||
@ -5,14 +5,14 @@
|
|||||||
<label class="layui-form-item relative block">
|
<label class="layui-form-item relative block">
|
||||||
<span class="color-green font-w7">访问权限名称</span>
|
<span class="color-green font-w7">访问权限名称</span>
|
||||||
<span class="color-desc margin-left-5">Role Name</span>
|
<span class="color-desc margin-left-5">Role Name</span>
|
||||||
<input type="text" name="title" class="layui-input" value='{$vo.title|default=""}' required placeholder="请输入访问权限名称">
|
<input type="text" name="title" maxlength="100" class="layui-input" value='{$vo.title|default=""}' required placeholder="请输入访问权限名称">
|
||||||
<span class="help-block">访问权限名称需要保持不重复，在给用户授权时需要根据名称选择！</span>
|
<span class="help-block">访问权限名称需要保持不重复，在给用户授权时需要根据名称选择！</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="layui-form-item relative block">
|
<label class="layui-form-item relative block">
|
||||||
<span class="color-green font-w7">访问权限描述</span>
|
<span class="color-green font-w7">访问权限描述</span>
|
||||||
<span class="color-desc margin-left-5">Role Remark</span>
|
<span class="color-desc margin-left-5">Role Remark</span>
|
||||||
<textarea placeholder="请输入访问权限描述" class="layui-textarea" name="desc">{$vo.desc|default=""}</textarea>
|
<textarea placeholder="请输入访问权限描述" maxlength="200" class="layui-textarea" name="desc">{$vo.desc|default=""}</textarea>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -40,8 +40,8 @@
|
|||||||
<td class='list-table-sort-td'>
|
<td class='list-table-sort-td'>
|
||||||
<label><input data-action-blur="{:request()->url()}" data-value="id#{$vo.id};action#sort;sort#{value}" data-loading="false" value="{$vo.sort}" class="list-sort-input"></label>
|
<label><input data-action-blur="{:request()->url()}" data-value="id#{$vo.id};action#sort;sort#{value}" data-loading="false" value="{$vo.sort}" class="list-sort-input"></label>
|
||||||
</td>
|
</td>
|
||||||
<td class='text-left'>{$vo.title|default='-'}</td>
|
<td class='text-left nowrap'>{$vo.title|default='-'}</td>
|
||||||
<td class='text-left'>{$vo.desc|default="没有写描述哦！"}</td>
|
<td class='text-left nowrap'>{$vo.desc|default="没有写描述哦！"}</td>
|
||||||
<td class="text-left nowrap">{$vo.create_at|format_datetime}</td>
|
<td class="text-left nowrap">{$vo.create_at|format_datetime}</td>
|
||||||
<td class='text-left nowrap'>{eq name='vo.status' value='0'}<span class="color-red">已禁用</span>{else}<span class="color-green">已激活</span>{/eq}</td>
|
<td class='text-left nowrap'>{eq name='vo.status' value='0'}<span class="color-red">已禁用</span>{else}<span class="color-green">已激活</span>{/eq}</td>
|
||||||
<td class='text-left nowrap'>
|
<td class='text-left nowrap'>
|
||||||
|
|||||||
@ -45,12 +45,13 @@
|
|||||||
{if auth('storage')}<a data-title="配置{$v}" data-modal="{:url('storage')}?type={$k}" class="layui-btn layui-btn-sm layui-btn-primary">{$v}</a>{else}<a class="layui-btn layui-btn-sm layui-btn-primary">{$v}</a>{/if}
|
{if auth('storage')}<a data-title="配置{$v}" data-modal="{:url('storage')}?type={$k}" class="layui-btn layui-btn-sm layui-btn-primary">{$v}</a>{else}<a class="layui-btn layui-btn-sm layui-btn-primary">{$v}</a>{/if}
|
||||||
{/if}{/foreach}
|
{/if}{/foreach}
|
||||||
</div>
|
</div>
|
||||||
<div class="margin-top-20 nowrap">
|
<div class="margin-top-20 nowrap" style="float:left;width:100%">
|
||||||
<p><b>本地服务器存储</b>：文件直接上传到本地服务器的 `static/upload` 目录，不支持大文件上传，占用服务器磁盘空间，访问时消耗服务器带宽流量。</p>
|
<p><b>本地服务器存储</b>：文件直接上传到本地服务器的 `static/upload` 目录，不支持大文件上传，占用服务器磁盘空间，访问时消耗服务器带宽流量。</p>
|
||||||
<p><b>七牛云对象存储</b>：文件直接上传到七牛云存储空间，支持大文件上传，不占用服务器空间及服务器带宽流量，支持 CDN 加速访问，访问量大时推荐使用。</p>
|
<p><b>七牛云对象存储</b>：文件直接上传到七牛云存储空间，支持大文件上传，不占用服务器空间及服务器带宽流量，支持 CDN 加速访问，访问量大时推荐使用。</p>
|
||||||
<p><b>阿里云OSS存储</b>：文件直接上传到阿里云 OSS 存储空间，支持大文件上传，不占用服务器空间及服务器带宽流量，支持 CDN 加速访问，访问量大时推荐使用。</p>
|
<p><b>阿里云OSS存储</b>：文件直接上传到阿里云 OSS 存储空间，支持大文件上传，不占用服务器空间及服务器带宽流量，支持 CDN 加速访问，访问量大时推荐使用。</p>
|
||||||
<p><b>腾讯云COS存储</b>：文件直接上传到腾讯云 COS 存储空间，支持大文件上传，不占用服务器空间及服务器带宽流量，支持 CDN 加速访问，访问量大时推荐使用。</p>
|
<p><b>腾讯云COS存储</b>：文件直接上传到腾讯云 COS 存储空间，支持大文件上传，不占用服务器空间及服务器带宽流量，支持 CDN 加速访问，访问量大时推荐使用。</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="clear: both"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -63,7 +64,7 @@
|
|||||||
<span class="color-green font-w7">网站名称</span><span class="margin-left-5 color-desc">Website</span>
|
<span class="color-green font-w7">网站名称</span><span class="margin-left-5 color-desc">Website</span>
|
||||||
<label class="relative block">
|
<label class="relative block">
|
||||||
<input readonly value="{:sysconf('site_name')}" class="layui-input layui-bg-gray">
|
<input readonly value="{:sysconf('site_name')}" class="layui-input layui-bg-gray">
|
||||||
<a data-copy="{:sysconf('site_name')}" class="iconfont icon-copy input-right-icon"></a>
|
<a data-copy="{:sysconf('site_name')}" class="layui-icon layui-icon-release input-right-icon"></a>
|
||||||
</label>
|
</label>
|
||||||
<div class="help-block">网站名称及网站图标，将显示在浏览器的标签上。</div>
|
<div class="help-block">网站名称及网站图标，将显示在浏览器的标签上。</div>
|
||||||
</div>
|
</div>
|
||||||
@ -71,7 +72,7 @@
|
|||||||
<span class="color-green font-w7">管理程序名称</span><span class="margin-left-5 color-desc">Name</span>
|
<span class="color-green font-w7">管理程序名称</span><span class="margin-left-5 color-desc">Name</span>
|
||||||
<label class="relative block">
|
<label class="relative block">
|
||||||
<input readonly value="{:sysconf('app_name')}" class="layui-input layui-bg-gray">
|
<input readonly value="{:sysconf('app_name')}" class="layui-input layui-bg-gray">
|
||||||
<a data-copy="{:sysconf('app_name')}" class="iconfont icon-copy input-right-icon"></a>
|
<a data-copy="{:sysconf('app_name')}" class="layui-icon layui-icon-release input-right-icon"></a>
|
||||||
</label>
|
</label>
|
||||||
<div class="help-block">管理程序名称，将显示在后台左上角标题。</div>
|
<div class="help-block">管理程序名称，将显示在后台左上角标题。</div>
|
||||||
</div>
|
</div>
|
||||||
@ -79,7 +80,7 @@
|
|||||||
<span class="color-green font-w7">管理程序版本</span><span class="margin-left-5 color-desc">Version</span>
|
<span class="color-green font-w7">管理程序版本</span><span class="margin-left-5 color-desc">Version</span>
|
||||||
<label class="relative block">
|
<label class="relative block">
|
||||||
<input readonly value="{:sysconf('app_version')}" class="layui-input layui-bg-gray">
|
<input readonly value="{:sysconf('app_version')}" class="layui-input layui-bg-gray">
|
||||||
<a data-copy="{:sysconf('app_version')}" class="iconfont icon-copy input-right-icon"></a>
|
<a data-copy="{:sysconf('app_version')}" class="layui-icon layui-icon-release input-right-icon"></a>
|
||||||
</label>
|
</label>
|
||||||
<div class="help-block">管理程序版本，将显示在后台左上角标题。</div>
|
<div class="help-block">管理程序版本，将显示在后台左上角标题。</div>
|
||||||
</div>
|
</div>
|
||||||
@ -87,7 +88,7 @@
|
|||||||
<span class="color-green font-w7">公网备案号</span><span class="margin-left-5 color-desc">Baian</span>
|
<span class="color-green font-w7">公网备案号</span><span class="margin-left-5 color-desc">Baian</span>
|
||||||
<label class="relative block">
|
<label class="relative block">
|
||||||
<input readonly value="{:sysconf('beian')?:'-'}" class="layui-input layui-bg-gray">
|
<input readonly value="{:sysconf('beian')?:'-'}" class="layui-input layui-bg-gray">
|
||||||
<a data-copy="{:sysconf('beian')}" class="iconfont icon-copy input-right-icon"></a>
|
<a data-copy="{:sysconf('beian')}" class="layui-icon layui-icon-release input-right-icon"></a>
|
||||||
</label>
|
</label>
|
||||||
<p class="help-block">公网备案号，可以在<a target="_blank" href="http://beian.miit.gov.cn">备案管理中心</a>查询获取，将在登录页面下面显示。</p>
|
<p class="help-block">公网备案号，可以在<a target="_blank" href="http://beian.miit.gov.cn">备案管理中心</a>查询获取，将在登录页面下面显示。</p>
|
||||||
</div>
|
</div>
|
||||||
@ -95,7 +96,7 @@
|
|||||||
<span class="color-green font-w7">网站备案号</span><span class="margin-left-5 color-desc">Miitbeian</span>
|
<span class="color-green font-w7">网站备案号</span><span class="margin-left-5 color-desc">Miitbeian</span>
|
||||||
<label class="relative block">
|
<label class="relative block">
|
||||||
<input readonly value="{:sysconf('miitbeian')?:'-'}" class="layui-input layui-bg-gray">
|
<input readonly value="{:sysconf('miitbeian')?:'-'}" class="layui-input layui-bg-gray">
|
||||||
<a data-copy="{:sysconf('miitbeian')}" class="iconfont icon-copy input-right-icon"></a>
|
<a data-copy="{:sysconf('miitbeian')}" class="layui-icon layui-icon-release input-right-icon"></a>
|
||||||
</label>
|
</label>
|
||||||
<div class="help-block">网站备案号，可以在<a target="_blank" href="http://beian.miit.gov.cn">备案管理中心</a>查询获取，将显示在登录页面下面。</div>
|
<div class="help-block">网站备案号，可以在<a target="_blank" href="http://beian.miit.gov.cn">备案管理中心</a>查询获取，将显示在登录页面下面。</div>
|
||||||
</div>
|
</div>
|
||||||
@ -103,7 +104,7 @@
|
|||||||
<span class="color-green font-w7">网站版权信息</span><span class="margin-left-5 color-desc">Copyright</span>
|
<span class="color-green font-w7">网站版权信息</span><span class="margin-left-5 color-desc">Copyright</span>
|
||||||
<label class="relative block">
|
<label class="relative block">
|
||||||
<input readonly value="{:sysconf('site_copy')}" class="layui-input layui-bg-gray">
|
<input readonly value="{:sysconf('site_copy')}" class="layui-input layui-bg-gray">
|
||||||
<a data-copy="{:sysconf('site_copy')}" class="iconfont icon-copy input-right-icon"></a>
|
<a data-copy="{:sysconf('site_copy')}" class="layui-icon layui-icon-release input-right-icon"></a>
|
||||||
</label>
|
</label>
|
||||||
<div class="help-block">网站版权信息，在后台登录页面显示版本信息并链接到备案到信息备案管理系统。</div>
|
<div class="help-block">网站版权信息，在后台登录页面显示版本信息并链接到备案到信息备案管理系统。</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
<div class="layui-side notselect">
|
<div class="layui-side notselect">
|
||||||
<a class="layui-logo layui-elip" href="{:url('@')}" title="{:sysconf('app_name')}">
|
<a class="layui-logo layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
|
||||||
{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
|
{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
|
||||||
</a>
|
</a>
|
||||||
<a class="layui-logo-mini layui-elip" href="{:url('@')}" title="{:sysconf('app_name')}">
|
<a class="layui-logo-mini layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
|
||||||
<span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
|
<span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="layui-side-scroll">
|
<div class="layui-side-scroll">
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="layui-nav-item" lay-unselect>
|
<li class="layui-nav-item" lay-unselect>
|
||||||
<a class="layui-logo-hide layui-elip" href="{:url('@')}" title="{:sysconf('app_name')}">
|
<a class="layui-logo-hide layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
|
||||||
<span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
|
<span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@ -24,13 +24,13 @@
|
|||||||
{if session('user.username')}
|
{if session('user.username')}
|
||||||
<li class="layui-nav-item">
|
<li class="layui-nav-item">
|
||||||
<dl class="layui-nav-child">
|
<dl class="layui-nav-child">
|
||||||
<dd lay-unselect><a data-modal="{:url('admin/index/info',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-set-fill"></i> 基本资料</a></dd>
|
<dd lay-unselect><a data-modal="{:sysuri('admin/index/info',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-set-fill"></i> 基本资料</a></dd>
|
||||||
<dd lay-unselect><a data-modal="{:url('admin/index/pass',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-component"></i> 安全设置</a></dd>
|
<dd lay-unselect><a data-modal="{:sysuri('admin/index/pass',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-component"></i> 安全设置</a></dd>
|
||||||
{if isset($isSuper) and $isSuper}
|
{if isset($isSuper) and $isSuper}
|
||||||
<dd lay-unselect><a data-load="{:url('admin/api.runtime/push')}"><i class="layui-icon layui-icon-template-1"></i> 缓存加速</a></dd>
|
<dd lay-unselect><a data-load="{:sysuri('admin/api.runtime/push')}"><i class="layui-icon layui-icon-template-1"></i> 缓存加速</a></dd>
|
||||||
<dd lay-unselect><a data-load="{:url('admin/api.runtime/clear')}"><i class="layui-icon layui-icon-fonts-clear"></i> 清理缓存</a></dd>
|
<dd lay-unselect><a data-load="{:sysuri('admin/api.runtime/clear')}"><i class="layui-icon layui-icon-fonts-clear"></i> 清理缓存</a></dd>
|
||||||
{/if}
|
{/if}
|
||||||
<dd lay-unselect><a data-load="{:url('admin/login/out')}" data-confirm="确定要退出登录吗？"><i class="layui-icon layui-icon-release"></i> 退出登录</a></dd>
|
<dd lay-unselect><a data-load="{:sysuri('admin/login/out')}" data-confirm="确定要退出登录吗？"><i class="layui-icon layui-icon-release"></i> 退出登录</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
<a class="layui-elip">
|
<a class="layui-elip">
|
||||||
<span class="headimg" data-lazy-src="{:htmlentities(session('user.headimg'))}"></span>
|
<span class="headimg" data-lazy-src="{:htmlentities(session('user.headimg'))}"></span>
|
||||||
|
|||||||
@ -8,6 +8,10 @@
|
|||||||
</div>
|
</div>
|
||||||
{/notempty}
|
{/notempty}
|
||||||
{/block}
|
{/block}
|
||||||
<div class="layui-card-body">{block name='content'}{/block}</div>
|
<div class="layui-card-body">
|
||||||
|
<div class="layui-card-html">
|
||||||
|
{block name='content'}{/block}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{block name='script'}{/block}
|
{block name='script'}{/block}
|
||||||
</div>
|
</div>
|
||||||
@ -15,7 +15,7 @@
|
|||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{block name="content"}
|
{block name="content"}
|
||||||
<div class="layui-tab layui-tab-card think-bg-white">
|
<div class="layui-tab layui-tab-card">
|
||||||
<ul class="layui-tab-title">
|
<ul class="layui-tab-title">
|
||||||
{foreach ['index'=>'系统菜单','recycle'=>'回 收 站'] as $k=>$v}
|
{foreach ['index'=>'系统菜单','recycle'=>'回 收 站'] as $k=>$v}
|
||||||
{if isset($type) and $type eq $k}
|
{if isset($type) and $type eq $k}
|
||||||
@ -62,32 +62,32 @@
|
|||||||
|
|
||||||
{if auth("add")}
|
{if auth("add")}
|
||||||
<!--{if $vo.spt < 2}-->
|
<!--{if $vo.spt < 2}-->
|
||||||
<a class="layui-btn layui-btn-xs layui-btn-primary" data-title="添加子菜单" data-modal='{:url("add")}?pid={$vo.id}'>添 加</a>
|
<a class="layui-btn layui-btn-sm layui-btn-primary" data-title="添加子菜单" data-modal='{:url("add")}?pid={$vo.id}'>添 加</a>
|
||||||
<!--{else}-->
|
<!--{else}-->
|
||||||
<a class="layui-btn layui-btn-xs layui-btn-disabled">添 加</a>
|
<a class="layui-btn layui-btn-sm layui-btn-disabled">添 加</a>
|
||||||
<!--{/if}-->
|
<!--{/if}-->
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<!--{if auth("edit")}-->
|
<!--{if auth("edit")}-->
|
||||||
<a data-dbclick class="layui-btn layui-btn-xs" data-title="编辑菜单" data-modal='{:url("edit")}?id={$vo.id}'>编 辑</a>
|
<a data-dbclick class="layui-btn layui-btn-sm" data-title="编辑菜单" data-modal='{:url("edit")}?id={$vo.id}'>编 辑</a>
|
||||||
<!--{/if}-->
|
<!--{/if}-->
|
||||||
|
|
||||||
<!--{if $vo.status eq 1 and auth("state")}-->
|
<!--{if $vo.status eq 1 and auth("state")}-->
|
||||||
<a class="layui-btn layui-btn-warm layui-btn-xs" data-confirm="确定要禁用菜单吗？" data-action="{:url('state')}" data-value="id#{$vo.ids};status#0" data-csrf="{:systoken('state')}">禁 用</a>
|
<a class="layui-btn layui-btn-warm layui-btn-sm" data-confirm="确定要禁用菜单吗？" data-action="{:url('state')}" data-value="id#{$vo.ids};status#0" data-csrf="{:systoken('state')}">禁 用</a>
|
||||||
<!--{/if}-->
|
<!--{/if}-->
|
||||||
|
|
||||||
{else}
|
{else}
|
||||||
|
|
||||||
<!--{if auth("state")}-->
|
<!--{if auth("state")}-->
|
||||||
<a class="layui-btn layui-btn-warm layui-btn-xs" data-confirm="确定要激活菜单吗？" data-action="{:url('state')}" data-value="id#{$vo.ids};status#1" data-csrf="{:systoken('state')}">激 活</a>
|
<a class="layui-btn layui-btn-warm layui-btn-sm" data-confirm="确定要激活菜单吗？" data-action="{:url('state')}" data-value="id#{$vo.ids};status#1" data-csrf="{:systoken('state')}">激 活</a>
|
||||||
<!--{/if}-->
|
<!--{/if}-->
|
||||||
|
|
||||||
<!--{if auth("remove") and ($vo.spc<1 or $vo.status<1)}-->
|
<!--{if auth("remove") and ($vo.spc<1 or $vo.status<1)}-->
|
||||||
<a class="layui-btn layui-btn-danger layui-btn-xs" data-confirm="确定要删除菜单吗?" data-action="{:url('remove')}" data-value="id#{$vo.ids}" data-csrf="{:systoken('remove')}">删 除</a>
|
<a class="layui-btn layui-btn-danger layui-btn-sm" data-confirm="确定要删除菜单吗?" data-action="{:url('remove')}" data-value="id#{$vo.ids}" data-csrf="{:systoken('remove')}">删 除</a>
|
||||||
<!--{/if}-->
|
<!--{/if}-->
|
||||||
|
|
||||||
<!--{if auth("remove") and $vo.spc>0 and $vo.status>0}-->
|
<!--{if auth("remove") and $vo.spc>0 and $vo.status>0}-->
|
||||||
<a class="layui-btn layui-btn-disabled layui-btn-xs">删 除</a>
|
<a class="layui-btn layui-btn-disabled layui-btn-sm">删 除</a>
|
||||||
<!--{/if}-->
|
<!--{/if}-->
|
||||||
|
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
{extend name='main'}
|
{extend name='table'}
|
||||||
|
|
||||||
{block name="button"}
|
{block name="button"}
|
||||||
<!--{if auth("clear")}-->
|
<!--{if auth("clear")}-->
|
||||||
@ -12,14 +12,14 @@
|
|||||||
{block name="content"}
|
{block name="content"}
|
||||||
<div class="think-box-shadow">
|
<div class="think-box-shadow">
|
||||||
{include file='oplog/index_search'}
|
{include file='oplog/index_search'}
|
||||||
<table id="oplog" data-url="{:sysuri()}" class="layui-hide" data-target-search="form.form-search"></table>
|
<table id="oplog" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
|
||||||
</div>
|
</div>
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{block name='script'}
|
{block name='script'}
|
||||||
<script>
|
<script>
|
||||||
$(function () {
|
$(function () {
|
||||||
$('table').layTable({
|
$('#oplog').layTable({
|
||||||
sort: {field: 'id', type: 'desc'},
|
sort: {field: 'id', type: 'desc'},
|
||||||
cols: [[
|
cols: [[
|
||||||
{checkbox: true},
|
{checkbox: true},
|
||||||
|
|||||||
15
app/admin/view/table.html
Normal file
15
app/admin/view/table.html
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
<div class="layui-card">
|
||||||
|
{block name='style'}{/block}
|
||||||
|
{block name='header'}{notempty name='title'}
|
||||||
|
<div class="layui-card-header notselect">
|
||||||
|
<span class="layui-icon layui-icon-next font-s10 color-desc margin-right-5"></span>{$title|default=''}
|
||||||
|
<div class="pull-right">{block name='button'}{/block}</div>
|
||||||
|
</div>
|
||||||
|
{/notempty}{/block}
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<div class="layui-card-table">
|
||||||
|
{block name='content'}{/block}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{block name='script'}{/block}
|
||||||
|
</div>
|
||||||
@ -658,22 +658,25 @@ $(function () {
|
|||||||
if (this.nodeName !== 'TABLE') return new Error('It is not a table tag.');
|
if (this.nodeName !== 'TABLE') return new Error('It is not a table tag.');
|
||||||
// 动态初始化数据表
|
// 动态初始化数据表
|
||||||
this.id = this.id || 't' + Math.random().toString().replace('0.', '');
|
this.id = this.id || 't' + Math.random().toString().replace('0.', '');
|
||||||
this.dataset.filter = this.getAttribute('lay-filter') || this.id;
|
this.dataset.dataFilter = this.getAttribute('lay-filter') || this.id;
|
||||||
this.setAttribute('lay-filter', this.dataset.filter);
|
this.setAttribute('lay-filter', this.dataset.dataFilter);
|
||||||
// 标准化请求参数，初始化排序参数，表格插件初始化参数
|
// 标准化请求参数，初始化排序参数，表格插件初始化参数
|
||||||
var data = {}, sort = options.initSort || options.sort || {}, option = {
|
var data = {}, sort = options.initSort || options.sort || {}, option = {
|
||||||
id: elem.id, elem: elem, url: options.url || elem.dataset.url || '', where: getWhere(),
|
id: elem.id, elem: elem, url: options.url || elem.dataset.url || '', where: getWhere(),
|
||||||
limit: options.limit || 15, cols: options.cols || [[]], page: options.page !== false,
|
limit: options.limit || 15, cols: options.cols || [[]], page: options.page !== false,
|
||||||
};
|
};
|
||||||
// 延用工具条配置
|
// 延用工具条配置
|
||||||
if (options.title) option.title = options.title;
|
|
||||||
if (options.toolbar) option.toolbar = options.toolbar;
|
|
||||||
if (options.defaultToolbar) option.defaultToolbar = top.defaultToolbar;
|
|
||||||
if (sort.field && sort.type) option.initSort = sort;
|
if (sort.field && sort.type) option.initSort = sort;
|
||||||
|
if (options.title !== undefined) option.title = options.title;
|
||||||
|
if (options.width !== undefined) option.width = options.width;
|
||||||
|
if (options.height !== undefined) option.height = options.height;
|
||||||
|
if (options.toolbar !== undefined) option.toolbar = options.toolbar;
|
||||||
|
if (options.defaultToolbar !== undefined) option.defaultToolbar = options.defaultToolbar;
|
||||||
|
|
||||||
// 实例化表单组件
|
// 实例化表单组件
|
||||||
layui.table.render(option);
|
$(this).data('this', layui.table.render(option));
|
||||||
// 排序事件处理
|
// 排序事件处理
|
||||||
layui.table.on('sort(' + this.dataset.filter + ')', function (object) {
|
layui.table.on('sort(' + this.dataset.dataFilter + ')', function (object) {
|
||||||
(sort = object), $(elem).trigger('reload')
|
(sort = object), $(elem).trigger('reload')
|
||||||
});
|
});
|
||||||
// 绑定选择项对象
|
// 绑定选择项对象
|
||||||
|
|||||||
@ -19,44 +19,47 @@
|
|||||||
|
|
||||||
// 输入框边线颜色
|
// 输入框边线颜色
|
||||||
@RadioBorderNormalColor: #CCC;
|
@RadioBorderNormalColor: #CCC;
|
||||||
@InputBorderNormalColor: #E9E9E9;
|
@InputBorderNormalColor: #EEE;
|
||||||
@InputBorderActiveColor: #DDD;
|
@InputBorderActiveColor: #DDD;
|
||||||
|
|
||||||
// 基础阴影样式配置
|
// 基础阴影样式配置
|
||||||
@MinOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .11);
|
@ShadowMinOuter: 0 2px 3px 0 rgba(0, 0, 0, .11);
|
||||||
@MaxOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .22);
|
@ShadowMaxOuter: 0 2px 3px 0 rgba(0, 0, 0, .22);
|
||||||
@MinInsetShadow: 0 2px 5px 0 rgba(0, 0, 0, .11) inset;
|
@ShadowMinInset: 0 2px 5px 0 rgba(0, 0, 0, .11) inset;
|
||||||
@MaxInsetShadow: 0 2px 20px 0 rgba(0, 0, 0, .11) inset;
|
@ShadowMaxInset: 0 2px 20px 0 rgba(0, 0, 0, .11) inset;
|
||||||
|
|
||||||
// 导航条颜色配置
|
// 导航条颜色配置
|
||||||
@TopHeaderTextColor: #333;
|
@TopHeaderTextColor: #333;
|
||||||
@TopHeaderBackColor: #393D49;
|
@TopHeaderBackColor: #FFF;
|
||||||
|
@TopHeaderBottomLine: 1px solid #098;
|
||||||
|
@TopHeaderNavNormalTextColor: @TopHeaderTextColor;
|
||||||
|
@TopHeaderNavNormalBackColor: @TopHeaderBackColor;
|
||||||
|
|
||||||
// 导航条按钮颜色
|
// 导航条按钮颜色
|
||||||
@TopHeaderNavHoverTextColor: #EFEFEF;
|
@TopHeaderNavHoverTextColor: #000;
|
||||||
@TopHeaderNavHoverBackColor: rgba(0, 0, 0, 0.1);
|
@TopHeaderNavHoverBackColor: rgba(0, 0, 0, 0.05);
|
||||||
|
@TopHeaderNavActiveTextColor: #000;
|
||||||
@TopHeaderNavNormalTextColor: #EEE;
|
@TopHeaderNavActiveBackColor: rgba(0, 0, 0, 0.1);
|
||||||
@TopHeaderNavNormalBackColor: rgba(0, 0, 0, 0);
|
|
||||||
|
|
||||||
@TopHeaderNavActiveTextColor: #FFF;
|
|
||||||
@TopHeaderNavActiveBackColor: #098;
|
|
||||||
|
|
||||||
// 左侧菜单布局颜色
|
// 左侧菜单布局颜色
|
||||||
@LeftMainBackColor: #393D49 !important;
|
@LeftMainBackColor: #393D49 !important;
|
||||||
@LeftMainSubBackColor: rgba(0, 0, 0, .3) !important;
|
@LeftMainSubBackColor: rgba(0, 0, 0, .3) !important;
|
||||||
|
|
||||||
@LeftMainNavHoverBackColor: hsla(0, 0%, 39%, .2) !important;
|
@LeftMainNavHoverBackColor: hsla(0, 0%, 39%, .2) !important;
|
||||||
@LeftMainNavHoverTextColor: #fff;
|
@LeftMainNavHoverTextColor: #FFF;
|
||||||
|
|
||||||
@LeftMainNavNormalBackColor: none;
|
@LeftMainNavNormalBackColor: none;
|
||||||
@LeftMainNavNormalTextColor: #fff;
|
@LeftMainNavNormalTextColor: #FFF;
|
||||||
|
|
||||||
@LeftMainNavActiveBackColor: #098;
|
@LeftMainNavActiveBackColor: #098;
|
||||||
@LeftMainNavActiveTextColor: #fff;
|
@LeftMainNavActiveTextColor: #FFF;
|
||||||
|
|
||||||
// 加载页面背景颜色
|
// 加载页面背景颜色
|
||||||
@LoadBackColor: #E9E7E7;
|
@LoadBackColor: #EEE;
|
||||||
|
|
||||||
// 窗口页面背景颜色
|
// 窗口页面背景颜色
|
||||||
@BodyMainBackColor: #EEE;
|
@BodyMainBackColor: #EEE;
|
||||||
|
|
||||||
|
// 左侧菜单大小
|
||||||
|
@LayoutMiniLeftSize: 50px;
|
||||||
|
@LayoutDefaLeftSzie: 200px;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -69,11 +69,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.shadow {
|
.shadow {
|
||||||
box-shadow: @MaxOuterShadow;
|
box-shadow: @ShadowMaxOuter;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow-mini {
|
.shadow-mini {
|
||||||
box-shadow: @MinOuterShadow;
|
box-shadow: @ShadowMinOuter;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow-none {
|
.shadow-none {
|
||||||
@ -98,7 +98,7 @@
|
|||||||
.think-box-shadow {
|
.think-box-shadow {
|
||||||
padding: 20px !important;
|
padding: 20px !important;
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
box-shadow: @MaxOuterShadow;
|
box-shadow: @ShadowMaxOuter;
|
||||||
border-radius: @BoxBorderRadius;
|
border-radius: @BoxBorderRadius;
|
||||||
|
|
||||||
> form.layui-card {
|
> form.layui-card {
|
||||||
|
|||||||
@ -119,7 +119,7 @@ fieldset {
|
|||||||
border: 1px solid #009688;
|
border: 1px solid #009688;
|
||||||
|
|
||||||
&:hover:not(.layui-btn-disabled) {
|
&:hover:not(.layui-btn-disabled) {
|
||||||
box-shadow: @MaxInsetShadow;
|
box-shadow: @ShadowMaxInset;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-warm {
|
&-warm {
|
||||||
@ -169,6 +169,11 @@ fieldset {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layui-icon {
|
||||||
|
float: left;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
& + .layui-btn {
|
& + .layui-btn {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
@ -353,6 +358,7 @@ label.think-radio, label.think-checkbox {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.layui-table {
|
.layui-table {
|
||||||
td, th {
|
td, th {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -398,6 +404,24 @@ label.think-radio, label.think-checkbox {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layui-table-page {
|
||||||
|
.layui-laypage {
|
||||||
|
.layui-laypage-prev,
|
||||||
|
.layui-laypage-next {
|
||||||
|
padding: 0 8px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laypage-prev {
|
||||||
|
margin-left: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laypage-next {
|
||||||
|
margin-right: 6px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.layui-layer-content {
|
.layui-layer-content {
|
||||||
.layui-form.layui-card {
|
.layui-form.layui-card {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -473,7 +497,7 @@ label.think-radio, label.think-checkbox {
|
|||||||
height: 580px;
|
height: 580px;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
||||||
box-shadow: @MinOuterShadow;
|
box-shadow: @ShadowMinOuter;
|
||||||
border-radius: @BoxBorderRadius;
|
border-radius: @BoxBorderRadius;
|
||||||
|
|
||||||
.mobile-header {
|
.mobile-header {
|
||||||
|
|||||||
@ -16,12 +16,14 @@
|
|||||||
|
|
||||||
.layui-layout {
|
.layui-layout {
|
||||||
> .layui-header {
|
> .layui-header {
|
||||||
left: 200px;
|
left: @LayoutDefaLeftSzie;
|
||||||
right: 0;
|
right: 0;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: @TopHeaderTextColor !important;
|
color: @TopHeaderTextColor !important;
|
||||||
background: @TopHeaderBackColor !important;
|
background: @TopHeaderBackColor !important;
|
||||||
|
border-bottom: @TopHeaderBottomLine !important;
|
||||||
|
box-sizing: content-box;
|
||||||
|
|
||||||
> ul.layui-nav {
|
> ul.layui-nav {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -82,7 +84,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layui-nav-child {
|
.layui-nav-child {
|
||||||
top: 50px;
|
top: 51px;
|
||||||
border: 0;
|
border: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
@ -117,7 +119,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-nav-bar, .layui-nav-item:after {
|
.layui-nav-bar,
|
||||||
|
.layui-nav-item:after {
|
||||||
display: none !important
|
display: none !important
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -125,6 +128,7 @@
|
|||||||
> .layui-side {
|
> .layui-side {
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
width: @LayoutDefaLeftSzie;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color: @LeftMainBackColor;
|
background-color: @LeftMainBackColor;
|
||||||
@ -165,6 +169,10 @@
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
|
.layui-nav-tree {
|
||||||
|
width: @LayoutDefaLeftSzie;
|
||||||
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
display: block;
|
display: block;
|
||||||
@ -196,7 +204,8 @@
|
|||||||
background-color: @LeftMainNavNormalBackColor;
|
background-color: @LeftMainNavNormalBackColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
dd.layui-this, dd.layui-this > a {
|
dd.layui-this,
|
||||||
|
dd.layui-this > a {
|
||||||
color: @LeftMainNavActiveTextColor;
|
color: @LeftMainNavActiveTextColor;
|
||||||
background-color: @LeftMainNavActiveBackColor;
|
background-color: @LeftMainNavActiveBackColor;
|
||||||
}
|
}
|
||||||
@ -213,7 +222,8 @@
|
|||||||
background: @LeftMainNavHoverBackColor
|
background: @LeftMainNavHoverBackColor
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-icon, .nav-text {
|
.nav-icon,
|
||||||
|
.nav-text {
|
||||||
padding-left: 5px
|
padding-left: 5px
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -223,47 +233,63 @@
|
|||||||
|
|
||||||
> .layui-body {
|
> .layui-body {
|
||||||
top: 50px;
|
top: 50px;
|
||||||
bottom: 0;
|
left: @LayoutDefaLeftSzie;
|
||||||
overflow: auto;
|
padding: 0;
|
||||||
background: @BodyMainBackColor;
|
|
||||||
|
|
||||||
> .layui-card {
|
> .layui-card {
|
||||||
overflow: visible;
|
box-shadow: none !important;
|
||||||
position: absolute;
|
|
||||||
min-width: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
box-shadow: none;
|
|
||||||
background: none !important;
|
background: none !important;
|
||||||
|
|
||||||
|
|
||||||
|
> .layui-card-body {
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 2;
|
||||||
|
overflow: auto;
|
||||||
|
position: absolute;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: @BodyMainBackColor;
|
||||||
|
|
||||||
|
> .layui-card-table {
|
||||||
|
padding: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .layui-card-html {
|
||||||
|
padding: 15px;
|
||||||
|
min-width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div > .layui-tab.layui-tab-card {
|
||||||
|
border: none;
|
||||||
|
box-shadow: @ShadowMaxOuter;
|
||||||
|
|
||||||
|
& > .layui-tab-content.think-box-shadow {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> .layui-card-header {
|
> .layui-card-header {
|
||||||
left: 200px;
|
top: 50px;
|
||||||
|
left: @LayoutDefaLeftSzie;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 3;
|
|
||||||
height: 45px;
|
height: 45px;
|
||||||
border: none;
|
border: none;
|
||||||
|
z-index: 3;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
line-height: 45px;
|
line-height: 45px;
|
||||||
box-shadow: @MaxOuterShadow;
|
box-shadow: @ShadowMaxOuter;
|
||||||
}
|
|
||||||
|
|
||||||
> .layui-card-header + .layui-card-body {
|
& + .layui-card-body {
|
||||||
top: 45px;
|
top: 45px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .layui-card-body {
|
|
||||||
z-index: 2;
|
|
||||||
padding: 15px;
|
|
||||||
|
|
||||||
> .layui-tab.layui-tab-card {
|
|
||||||
border: none;
|
|
||||||
box-shadow: @MaxOuterShadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .layui-tab.layui-tab-card > .layui-tab-content.think-box-shadow {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -271,15 +297,15 @@
|
|||||||
|
|
||||||
.layui-layout-left-mini {
|
.layui-layout-left-mini {
|
||||||
.layui-header {
|
.layui-header {
|
||||||
left: 50px;
|
left: @LayoutMiniLeftSize;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .layui-body {
|
> .layui-body {
|
||||||
left: 50px;
|
left: @LayoutMiniLeftSize;
|
||||||
|
|
||||||
> .layui-card {
|
> .layui-card {
|
||||||
> .layui-card-header {
|
> .layui-card-header {
|
||||||
left: 50px;
|
left: @LayoutMiniLeftSize;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -319,8 +345,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&, .layui-nav-tree, .layui-side-scroll {
|
&, .layui-nav-tree, .layui-side-scroll, .layui-side-scroll .layui-nav-tree {
|
||||||
width: 50px;
|
width: @LayoutMiniLeftSize;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user