系统版本整体UI体验细节优化,视觉效果更佳

This commit is contained in:
hdm 2021-11-29 16:04:07 +08:00
parent fa8acb165b
commit 0a26007848
40 changed files with 119 additions and 160 deletions

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
{block name="style"}
<style>
html,body{height: calc(100% - 18px);}
html,body{height: calc(100% - 12px);}
.layui-tree-entry{font-size:15px; line-height:24px}
.layui-tree-set{padding:2px 0}
.layui-tree-iconClick .layui-icon{color:#1E9FFF}
@ -14,13 +14,13 @@
{/block}
<!-- 主体 -->
{block name="body"}
<div class="body-content" style="height: 100%">
<div style="height: 100%">
<div class="tree-left">
<h3>企业组织架构</h3>
<div id="depament"></div>
</div>
<div style="margin-left:228px;">
<form class="layui-form">
<div class="body-table" style="margin-left:228px;">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline" style="width:136px">
<select name="status">
<option value="">选择员工状态</option>
@ -130,7 +130,7 @@
field: 'type',
title: '员工类型',
align: 'center',
width: 90,
width: 100,
templet: function (d) {
var html = '<span style="color:#393D49">正式员工</span>';
if(d.type == 2){
@ -212,7 +212,7 @@
var btn1 = '<span class="layui-btn layui-btn-xs layui-btn-normal" lay-event="view">详情</span>';
var btn2 = '<span class="layui-btn layui-btn-xs" lay-event="edit">编辑</span>';
var btn3 = '<span class="layui-btn layui-btn-xs layui-btn-warm" lay-event="copy">复制密码</span>';
var btn4 = '<span class="layui-btn layui-btn-xs layui-btn-warm" lay-event="psw">重置密码</span>';
var btn4 = '<span class="layui-btn layui-btn-xs layui-btn-danger" lay-event="psw">重置密码</span>';
if(d.reg_pwd == ''){
html = '<div class="layui-btn-group">'+btn1+btn2+btn4+'</div>';
}

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline" style="width:300px;">
<input type="text" name="keywords" placeholder="昵称/操作节点名称/操作数据ID" class="layui-input" autocomplete="off" />
</div>

View File

@ -1,22 +1,20 @@
{extend name="common/base"/}
{block name="style"}
<style type="text/css">
.table-title{font-size: 20px; padding-bottom: 12px;}
.latest-news{padding-top: 12px; padding-bottom:30px; padding-left: 20px; position: relative;}
.latest-news .layui-timeline-title{padding-bottom:0; font-size: 14px;}
.latest-news .layui-timeline-item{padding-bottom:5px;}
.layui-timeline-title span{color:#999}
.panel-more{width: 100%; height:48px; line-height: 48px; text-align: center; position: absolute; bottom: 0; left:0; background: linear-gradient(rgba(225,225,225,0),rgba(225,225,225,.8));}
.panel-more{width: 100%; height:48px; line-height: 48px; text-align: center; position: absolute; bottom: 0; left:0;}
.panel-more a{color:#0088FF}
</style>
{/block}
<!-- 主体 -->
{block name="body"}
<div class="body-content" style="padding: 20px;">
<div class="table-title">最新动态</div>
<div class="h3-title">员工动态</div>
<div class="latest-news">
<ul class="layui-timeline" id="logs">
</ul>
<ul class="layui-timeline" id="logs"></ul>
<div class="panel-more"><a href="javascript:getLogs();">查看更多动态</a></div>
</div>
</div>

View File

@ -30,7 +30,7 @@ fieldset.layui-field-title {
<!-- 主体 -->
{block name="body"}
<div class="layui-row layui-col-space10">
<div class="layui-row layui-col-space15">
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">报销售额</div>
@ -96,7 +96,7 @@ fieldset.layui-field-title {
<div class="layui-card">
<div class="layui-card-header">地域分布</div>
<div class="layui-card-body">
<div id="map" style="height: 573px;"></div>
<div id="map" style="height: 578px;"></div>
</div>
</div>
</div>

View File

@ -1,19 +1,11 @@
{extend name="common/base"/}
<!-- 样式 -->
{block name="style"}
<style>
html,body{
height: calc(100% - 20px);
}
</style>
<!-- /样式 -->
<!-- 主体 -->
{block name="body"}
<div class="body-content" style="height: 100%">
<div style="height:42px;">
<div class="body-table" style="margin-bottom:0">
<div class="layui-form-bar">
<button class="layui-btn layui-btn-normal layui-btn-sm add-menu">+ 添加分类</button>
</div>
<div style="height: calc(100% - 30px)">
<div>
<table class="layui-hide" id="treeTable" lay-filter="treeTable"></table>
</div>
</div>
@ -56,7 +48,7 @@
});
//表头工具栏事件
$('.body-content').on('click','.add-menu', function(){
$('.add-menu').on('click', function(){
rightpage.open("{:url('home/article/cate_add')}");
return;
});

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline">
<select name="article_cate_id">
<option value="">请选择知识文章分类</option>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline">
<select name="article_cate_id">
<option value="">请选择知识文章分类</option>

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<script type="text/html" id="toolbarDemo">

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table cellspacing="0" cellpadding="0" border="0" class="layui-table">
<tr style="background-color: #f5f5f5; text-align: center;">
<th style=" text-align: center; font-weight: 800;"><span>文件名称</span></th>

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<script type="text/html" id="toolbarDemo">

View File

@ -1,20 +1,11 @@
{extend name="common/base"/}
{block name="style"}
<style>
html,body {
height: calc(100% - 20px);
}
</style>
{/block}
<!-- 主体 -->
{block name="body"}
<div class="body-content" style="height: 100%">
<div style="height:42px;">
<div class="body-table">
<div class="layui-form-bar">
<button class="layui-btn layui-btn-normal layui-btn-sm add-menu">+ 添加部门</button>
</div>
<div style="height: calc(100% - 30px)">
<div>
<table class="layui-hide" id="treeTable" lay-filter="treeTable"></table>
</div>
</div>
@ -55,7 +46,7 @@
});
//表头工具栏事件
$('.body-content').on('click','.add-menu', function(){
$('.body-table').on('click','.add-menu', function(){
rightpage.open("{:url('home/department/add')}");
return;
});

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<script type="text/html" id="toolbarDemo">
@ -103,7 +103,7 @@
}
});
$('.body-content').on('click','.addNew',function(){
$('.body-table').on('click','.addNew',function(){
addExpense(0,'');
});

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div id="barDate" class="layui-input-inline">
<div class="layui-input-inline" style="width:110px;">
<input type="text" class="layui-input" id="start_time" placeholder="选择时间区间" readonly name="start_time">

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div id="barDate" class="layui-input-inline">
<div class="layui-input-inline" style="width:110px;">
<input type="text" class="layui-input" id="start_time" placeholder="选择时间区间" readonly name="start_time">

View File

@ -9,8 +9,7 @@
<div class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo" ittab-home><img src="{__IMG__}/syslogo.png" width="166"
alt="{:get_system_config('web','admin_title')}" /></div>
<div class="layui-logo" ittab-home><img src="{__IMG__}/syslogo.png" width="166" alt="{:get_system_config('web','admin_title')}" /></div>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" ittab-refresh class="refreshThis" id="ittab-refresh" title="刷新当前页"

View File

@ -5,7 +5,7 @@
.table-title {
font-size: 18px;
font-weight: 800;
padding: 15px 0 5px 15px;
padding: 15px 15px 0;
}
.panel-num table {
width: 100%;
@ -14,7 +14,6 @@
text-align: center;
padding: 20px 0;
width: 20%;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee
}
@ -51,7 +50,6 @@
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(rgba(225, 225, 225, 0), rgba(225, 225, 225, .9));
}
.panel-more a {
@ -62,9 +60,9 @@
<!-- 主体 -->
{block name="body"}
<div class="layui-row layui-col-space10">
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-row layui-col-space10">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card panel-num">
<table>
@ -94,13 +92,13 @@
</div>
<div class="layui-card">
<div class="table-title">企业公告</div>
<div style="padding: 0 15px 5px;">
<div style="padding: 15px;">
<table id="Note" lay-filter="Note" class="layui-hide" style="margin-top:0"></table>
</div>
</div>
<div class="layui-card">
<div class="table-title">知识列表</div>
<div style="padding: 0 15px 5px;">
<div style="padding: 15px;">
<table id="Article" lay-filter="Article" class="layui-hide" style="margin-top:0"></table>
</div>
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div id="barDate" class="layui-input-inline">
<div class="layui-input-inline" style="width:110px;">
<input type="text" class="layui-input" id="start_time" placeholder="选择时间区间" readonly name="start_time">

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<script type="text/html" id="toolbarDemo">
@ -103,7 +103,7 @@
}
});
$('.body-content').on('click','.addNew',function(){
$('.body-table').on('click','.addNew',function(){
addExpense(0,'');
});

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline" style="width:300px;">
<input type="text" name="keywords" placeholder="关键字名称" class="layui-input" autocomplete="off" />
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-inline" style="width:240px">
<input type="text" name="keywords" placeholder="关键字" class="layui-input" autocomplete="off"/>
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-inline" style="width:240px">
<input type="text" name="keywords" placeholder="关键字" class="layui-input" autocomplete="off"/>
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-inline" style="width:240px">
<input type="text" name="keywords" placeholder="关键字" class="layui-input" autocomplete="off"/>
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-inline" style="width:240px">
<input type="text" name="keywords" placeholder="关键字" class="layui-input" autocomplete="off"/>
</div>

View File

@ -1,20 +1,12 @@
{extend name="common/base"/}
{block name="style"}
<style>
html,body {
height: calc(100% - 20px);
}
</style>
{/block}
<!-- 主体 -->
{block name="body"}
<div class="body-content" style="height: 100%">
<div style="height:42px">
<div class="body-table" style="margin-bottom:0;">
<div class="layui-form-bar">
<button class="layui-btn layui-btn-normal layui-btn-sm add-menu">+ 添加菜单</button>
</div>
<div style="height: calc(100% - 30px)">
<div>
<table class="layui-hide" id="treeTable" lay-filter="treeTable"></table>
</div>
</div>
@ -56,7 +48,7 @@
});
//表头工具栏事件
$('.body-content').on('click','.add-menu', function(){
$('.add-menu').on('click',function(){
rightpage.open("{:url('home/menu/add')}");
return;
});

View File

@ -1,19 +1,11 @@
{extend name="common/base"/}
<!-- 样式 -->
{block name="style"}
<style>
html,body{
height: calc(100% - 20px);
}
</style>
<!-- /样式 -->
<!-- 主体 -->
{block name="body"}
<div class="body-content" style="height: 100%">
<div style="height:42px;">
<div class="body-table" style="margin-bottom:0">
<div class="layui-form-bar">
<button class="layui-btn layui-btn-normal layui-btn-sm add-menu">+ 添加分类</button>
</div>
<div style="height: calc(100% - 30px)">
<div>
<table class="layui-hide" id="treeTable" lay-filter="treeTable"></table>
</div>
</div>
@ -57,7 +49,7 @@
//表头工具栏事件
$('.body-content').on('click','.add-menu', function(){
$('.add-menu').on('click', function(){
rightpage.open("{:url('home/note/cate_add')}");
return;
});

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline">
<input type="text" name="keywords" placeholder="职业名称/备注" class="layui-input" autocomplete="off"/>
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline">
<input type="text" name="keywords" placeholder="职业名称/备注" class="layui-input" autocomplete="off"/>
</div>

View File

@ -7,14 +7,14 @@
<link rel="stylesheet" href="{__JS__}/module/dtree/dtree.css">
<link rel="stylesheet" href="{__JS__}/module/dtree/font/dtreefont.css">
<style>
#calendar {padding: 5px 0;}
.fc .fc-day-header{padding:8px 0; background-color:#f2f2f2;}
.fc-week-number,.fc-axis{background-color:#f2f2f2;}
.layui-tags-span {padding: 3px 6px;font-size: 12px; background-color:#fff; border-radius: 3px; margin:2px 0; margin-right: 5px; border: 1px solid #e6e6e6; display: inline-block;}
.layui-layer-content .layui-table-view .layui-table td,.layui-layer-content .layui-table-view .layui-table th{padding:1px 0;}
.calendar-add{width:200px; height:38px; position:absolute; top:25px; left:180px; z-index:100;}
.calendar-select{width:200px; height:38px; position:absolute; top:25px; right:153px; z-index:100;}
.calendar-add{width:200px; height:38px; position:absolute; top:31px; left:188px; z-index:100;}
.calendar-select{width:200px; height:38px; position:absolute; top:31px; right:160px; z-index:100;}
.layui-unselect dl {max-height:188px;}
.fc-toolbar.fc-header-toolbar{padding:15px 12px; margin-bottom:0; border:1px solid #ddd; border-bottom:none;}
</style>
{/block}
<!-- 主体 -->
@ -25,7 +25,7 @@
<script src="{__STATIC__}/fullcalendar/daygrid/main.js"></script>
<script src="{__STATIC__}/fullcalendar/timegrid/main.js"></script>
<script src="{__STATIC__}/fullcalendar/list/main.js"></script>
<div class="body-content">
<div class="body-table">
<div id="calendar"></div>
<div class="calendar-add">
<button class="layui-btn layui-btn-normal addLoan" style="padding:0 12px;">+新增日程安排</button>
@ -50,7 +50,7 @@
,laydate = layui.laydate;
// 选择员工
$('.body-content').on('click','[data-event="select"]',function(){
$('.body-table').on('click','[data-event="select"]',function(){
var that = $(this);
var names = that.val(), ids = $('[name="uid"]').val();
employeepicker.init({
@ -69,7 +69,7 @@
})
});
// 去除员工
$('.body-content').on('click','[lay-filter="webform"]',function(){
$('.body-table').on('click','[lay-filter="webform"]',function(){
uid = 0;
$('[data-event="select"]').val('');
calendar.refetchEvents({
@ -78,7 +78,7 @@
});
$('.body-content').on('click','.addLoan',function(){
$('.body-table').on('click','.addLoan',function(){
var detail={};
detail['id']=0;
detail['title']='';

View File

@ -8,8 +8,8 @@
{/block}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div id="barDate" class="layui-input-inline">
<div class="layui-input-inline" style="width:110px;">
<input type="text" class="layui-input" id="start_time" placeholder="选择时间区间" readonly name="start_time">
@ -65,7 +65,7 @@
})
// 选择员工
$('.body-content').on('click','[data-event="select"]',function(){
$('.body-table').on('click','[data-event="select"]',function(){
var that = $(this);
var names = that.val(), ids = $('[name="uid"]').val();
employeepicker.init({
@ -228,7 +228,7 @@
})
}
$('.body-content').on('click','.addLoan',function(){
$('.body-table').on('click','.addLoan',function(){
var detail={};
detail['id']=0;
detail['title']='';

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>

View File

@ -1,8 +1,8 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div class="layui-input-inline" style="width:300px;">
<input type="text" name="keywords" placeholder="名称/备注" class="layui-input" autocomplete="off" />
</div>

View File

@ -1,20 +1,11 @@
{extend name="common/base"/}
{block name="style"}
<style>
html,body {
height: calc(100% - 20px);
}
</style>
{/block}
<!-- 主体 -->
{block name="body"}
<div class="body-content" style="height: 100%">
<div style="height:42px">
<div class="body-table" style="margin-bottom:0;">
<div class="layui-form-bar">
<button class="layui-btn layui-btn-normal layui-btn-sm add-menu">+ 添加节点</button>
</div>
<div style="height: calc(100% - 30px)">
<div>
<table class="layui-hide" id="treeTable" lay-filter="treeTable"></table>
</div>
</div>
@ -55,7 +46,7 @@
//,skin:'line'
});
//表头工具栏事件
$('.body-content').on('click','.add-menu', function(){
$('.add-menu').on('click',function(){
rightpage.open("{:url('home/rule/add')}");
return;
});

View File

@ -7,13 +7,14 @@
<link rel="stylesheet" href="{__JS__}/module/dtree/dtree.css">
<link rel="stylesheet" href="{__JS__}/module/dtree/font/dtreefont.css">
<style>
#calendar {padding: 5px 0;}
.fc .fc-day-header{padding:8px 0; background-color:#f2f2f2;}
.fc-week-number,.fc-axis{background-color:#f2f2f2;}
.layui-tags-span {padding: 3px 6px;font-size: 12px; background-color:#fff; border-radius: 3px; margin:2px 0; margin-right: 5px; border: 1px solid #e6e6e6; display: inline-block;}
.layui-layer-content .layui-table-view .layui-table td,.layui-layer-content .layui-table-view .layui-table th{padding:1px 0;}
.calendar-add{width:200px; height:38px; position:absolute; top:25px; left:180px; z-index:100;}
.calendar-select{width:200px; height:38px; position:absolute; top:25px; right:153px; z-index:100;}
.calendar-add{width:200px; height:38px; position:absolute; top:31px; left:188px; z-index:100;}
.calendar-select{width:200px; height:38px; position:absolute; top:31px; right:160px; z-index:100;}
.layui-unselect dl {max-height:188px;}
.fc-toolbar.fc-header-toolbar{padding:15px 12px; margin-bottom:0; border:1px solid #ddd; border-bottom:none;}
</style>
{/block}
<!-- 主体 -->
@ -24,7 +25,7 @@
<script src="{__STATIC__}/fullcalendar/daygrid/main.js"></script>
<script src="{__STATIC__}/fullcalendar/timegrid/main.js"></script>
<script src="{__STATIC__}/fullcalendar/list/main.js"></script>
<div class="body-content">
<div class="body-table">
<div id="calendar"></div>
<div class="calendar-add">
<button class="layui-btn layui-btn-normal addLoan" style="padding:0 12px;">+新增工作记录</button>
@ -48,7 +49,7 @@
,laydate = layui.laydate;
// 选择员工
$('.body-content').on('click','[data-event="select"]',function(){
$('.body-table').on('click','[data-event="select"]',function(){
var that = $(this);
var names = that.val(), ids = $('[name="uid"]').val();
employeepicker.init({
@ -67,7 +68,7 @@
})
});
// 去除员工
$('.body-content').on('click','[lay-filter="webform"]',function(){
$('.body-table').on('click','[lay-filter="webform"]',function(){
uid = 0;
$('[data-event="select"]').val('');
calendar.refetchEvents({
@ -76,7 +77,7 @@
});
$('.body-content').on('click','.addLoan',function(){
$('.body-table').on('click','.addLoan',function(){
addEvent();
});

View File

@ -1,7 +1,7 @@
{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<div class="body-table">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>

View File

@ -8,8 +8,8 @@
{/block}
<!-- 主体 -->
{block name="body"}
<div class="body-content">
<form class="layui-form">
<div class="body-table">
<form class="layui-form layui-form-bar">
<div id="barDate" class="layui-input-inline">
<div class="layui-input-inline" style="width:110px;">
<input type="text" class="layui-input" id="start_time" placeholder="选择时间区间" readonly name="start_time">
@ -64,7 +64,7 @@
})
// 选择员工
$('.body-content').on('click','[data-event="select"]',function(){
$('.body-table').on('click','[data-event="select"]',function(){
var that = $(this);
var names = that.val(), ids = $('[name="uid"]').val();
employeepicker.init({
@ -387,7 +387,7 @@
})
}
$('.body-content').on('click','.addLoan',function(){
$('.body-table').on('click','.addLoan',function(){
addEvent();
});

View File

@ -39,10 +39,12 @@
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #aaa;
}
.layui-card { box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%);}
.layui-table, .layui-table-view{margin:0}
.layui-table td,.layui-table th{padding:9px 10px;}
.layui-table-cell{padding:0 10px;}
.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th {padding: 5px;}
.layui-form-bar{padding:12px;border:1px solid #eee; border-bottom:none;}
.auth-single .auth-icon{font-size:24px; float:left;}
.auth-single .layui-form-radio,.auth-single .layui-form-checkbox{margin-left:0;}
.auth-single .layui-form-radio{margin-top:0;}
@ -64,8 +66,9 @@
.layui-td-gray3{color:#999; width:120px; text-align:right; background-color:#f8f8f8;}
.layui-td-gray4{color:#999; width:150px; text-align:right; background-color:#f8f8f8;}
.layui-td-gray font,.layui-td-gray2 font,.layui-td-gray3 font{color:#FF6347; margin-left: 3px;}
.main-body{padding:10px;padding-bottom: 0;min-width: 880px;}
.main-body{padding:15px;padding-bottom: 0;min-width: 868px;}
.body-content{padding:10px;background-color:#fff;}
.body-table{background-color:#fff; margin-bottom:15px}
.body-form-btn{padding:10px 0;}
.span-color--1{color:#999999;}
.span-color-0{color:#5FB878;}
@ -96,7 +99,7 @@
}
.layui-layer-admin-right {
box-shadow: 1px 1px 10px rgba(0,0,0,.1);
border-radius: 0;
border-radius: 0!important;
overflow: auto;
}
.layui-anim-rl.layui-layer-iframe{

View File

@ -1,12 +1,12 @@
.main-body{padding:0;min-width: 1220px;}
.ittab-bg-gray {background-color:#001529;}
.layui-layout-admin .layui-header {height:50px;background-color:#fff;}
.layui-layout-admin .layui-logo {line-height:50px;cursor:pointer;font-size:16px;color:#fff;background:#001529;width:180px;}
.layui-layout-admin .layui-header {height:49px;background-color:#fff;box-shadow: 0 2px 6px 0 rgb(5 32 96 / 10%);}
.layui-layout-admin .layui-logo {line-height:49px;cursor:pointer;font-size:16px;color:#fff;background:#001529;width:180px;border-bottom: 1px solid #001529;}
.layui-layout-admin .layui-side {top:50px;width:180px;border-right:1px solid #ddd;}
.layui-nav .layui-nav-item {line-height:45px;}
.layui-nav.layui-layout-left {color:#333;margin-left:10px;}
.layui-nav.layui-layout-left input {border:0;}
.layui-layout-admin .layui-body {top:50px;padding:0px;padding-right:0px;padding-bottom:0px;bottom:0px;left:180px;z-index:1018;overflow:visible;right:0;background-color:#eff0f4;}
.layui-layout-admin .layui-body {top:50px; z-index:1008; padding:0;padding-right:0;padding-bottom:0;bottom:0;left:180px;overflow:visible;right:0;background-color:#F5F8FA;}
.ittab-menulist {width:100%;height:100%; border-right:1px solid #ccc; font-size:14px; color:#aaaaaa;}
@ -36,23 +36,25 @@
.ittab-menulist-5 li {background-color: #131E25;}
.gougu-admin-tab {margin:0;}
.gougu-admin-tab .layui-icon-prev {position:absolute;top:-50px; left:0; width:39px; height:50px; line-height:50px; color: #999; text-align:center; cursor:pointer; background-color:#fff;border-right: 1px solid #f1f2f7;}
.gougu-admin-tab .layui-icon-prev:hover{color: #333;}
.gougu-admin-tab .layui-icon-next {position:absolute;top:-50px; right:152px; width:39px; height:50px; line-height:50px; color: #999; text-align:center; cursor:pointer; background-color:#fff;border-left: 1px solid #f1f2f7;}
.gougu-admin-tab .layui-icon-next:hover{color: #333;}
.gougu-admin-tab .layui-tab-title {position:absolute;top:-50px;height:50px;left:36px; border:0;max-width:calc(100% - 226px); overflow:hidden;}
.gougu-admin-tab .layui-icon-prev,.gougu-admin-tab .layui-icon-next {position:absolute;top:-50px; width:39px; height:49px; line-height:49px; color: #999; text-align:center; cursor:pointer; background-color:#fff;}
.gougu-admin-tab .layui-icon-prev{left:0; border-right: 1px solid #F5F8FA;}
.gougu-admin-tab .layui-icon-next {right:152px; border-left: 1px solid #F5F8FA;}
.gougu-admin-tab .layui-icon-prev:hover,.gougu-admin-tab .layui-icon-next:hover{color: #333;}
.gougu-admin-tab .layui-tab-title li {min-width:36px; padding:0 24px 0 12px; color:#666;font-size:12px;line-height:48px;border-top:3px solid #fff; border-right: 1px solid #f1f2f7; background-color:#fff;}
.gougu-admin-tab .layui-tab-title {position:absolute;top:-50px; z-index:58; height:49px;left:36px; border:0;max-width:calc(100% - 226px); overflow:hidden;}
.gougu-admin-tab .layui-tab-title li {min-width:36px; padding:0 24px 0 12px; color:#666;font-size:12px;line-height:48px;border-top:3px solid #fff; border-right: 1px solid #F5F8FA; background-color:#fff;}
.gougu-admin-tab .layui-tab-title li .gougu-tab-active {display: inline-block; background-color: #999; width: 8px; height: 8px; border-radius: 20px; margin-right: 6px;}
.gougu-admin-tab .layui-tab-title li .layui-tab-close {position:absolute;width:15px;height:15px;line-height:16px;top:16px;right:5px;font-size:10px;display:none;border-radius:50%;}
.gougu-admin-tab .layui-tab-title li:hover {color:#333;background-color:#f1f2f7;border-top:3px solid #333;}
.gougu-admin-tab .layui-tab-title li:hover {color:#333;background-color:#F5F8FA;border-top:3px solid #333;}
.gougu-admin-tab .layui-tab-title li:hover .gougu-tab-active {background-color:#333}
.gougu-admin-tab .layui-tab-title li:hover .layui-tab-close {display:inline-block;}
.gougu-admin-tab .layui-tab-title li .layui-tab-close:hover {background-color:#E94335;color:#fff;}
.gougu-admin-tab .layui-tab-title li.layui-this {color:#333;background-color:#f1f2f7;border-top:3px solid #E94335;}
.gougu-admin-tab .layui-tab-title li.layui-this {color:#333;background-color:#F5F8FA;border-top:3px solid #E94335;}
.gougu-admin-tab .layui-tab-title li.layui-this .gougu-tab-active{background-color:#E94335;}
.gougu-admin-tab .layui-tab-title li.layui-this .layui-tab-close{display:inline-block;}

View File

@ -5,7 +5,7 @@ layui.define(['layer'], function(exports){
layer.open({
type: 2,
title: '',
offset: ['1px', '100%'],
offset: ['0', '100%'],
skin: 'layui-anim layui-anim-rl layui-layer-admin-right',
closeBtn: 0,
content: content,