mkm/dev_oa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
hdm 2021-11-29 16:47:24 +08:00
parent 0a26007848
commit e7370b1a08
6 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/home/view/admin/add.html
View File

@ -3,6 +3,7 @@
{block name="body"} {block name="body"}
<form class="layui-form body-content"> <form class="layui-form body-content">
{if condition="$id eq 0"} {if condition="$id eq 0"}
<h3 class="h3-title">添加员工信息</h3>
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">员工姓名<font>*</font></td> <td class="layui-td-gray">员工姓名<font>*</font></td>
@ -84,6 +85,7 @@
</tr> </tr>
</table> </table>
{else/} {else/}
<h3 class="h3-title">编辑员工信息</h3>
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray2">员工姓名<font>*</font></td> <td class="layui-td-gray2">员工姓名<font>*</font></td>

4
app/home/view/admin/view.html
View File

@ -2,7 +2,7 @@
<!-- 主体 --> <!-- 主体 -->
{block name="body"} {block name="body"}
<form class="layui-form body-content"> <form class="layui-form body-content">
<h3 style="font-weight:600; padding:10px 0">基本信息</h3> <h3 class="h3-title">员工信息</h3>
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">登录账号</td> <td class="layui-td-gray">登录账号</td>
@ -85,7 +85,7 @@
</td> </td>
</tr> </tr>
</table> </table>
<h3 style="font-weight:600; padding:10px 0">用户权限</h3> <h3 class="h3-title2">用户权限</h3>
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray2" style="vertical-align:top">权限配置<br>操作菜单可见</td> <td class="layui-td-gray2" style="vertical-align:top">权限配置<br>操作菜单可见</td>

4
app/home/view/analysis/index.html
View File

@ -38,9 +38,9 @@ fieldset.layui-field-title {
<div class="layui-sales">¥ 126,560</div> <div class="layui-sales">¥ 126,560</div>
<div class="layui-sales-info" style="height: 125px;"> <div class="layui-sales-info" style="height: 125px;">
周同比 <span>12%</span> 周同比 <span>12%</span>
<i class="layui-edge layui-edge-top" style="border-bottom-color: green" ></i> <i class="layui-edge layui-edge-top" style="border-bottom-color: green"></i>
日同比 <span>3%</span> 日同比 <span>3%</span>
<i class="layui-edge layui-edge-bottom" style="border-top-color: red" ></i> <i class="layui-edge layui-edge-bottom" style="border-top-color: red"></i>
<fieldset class="layui-elem-field layui-field-title"></fieldset> <fieldset class="layui-elem-field layui-field-title"></fieldset>
<div>日销报销 ￥12,423</div> <div>日销报销 ￥12,423</div>
</div> </div>

2
app/home/view/department/index.html
View File

@ -36,7 +36,7 @@
, { field: 'title', title: '部门名称'} , { field: 'title', title: '部门名称'}
, { field: 'leader', title: '部门负责人',width: 120, align: 'center'} , { field: 'leader', title: '部门负责人',width: 120, align: 'center'}
, { field: 'phone', title: '部门电话',width: 160,} , { field: 'phone', title: '部门电话',width: 160,}
, { width:160, title: '操作', align: 'center', templet: function (d) { , { width:180, title: '操作', align: 'center', templet: function (d) {
var html = '<span class="layui-btn-group"><button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="add">添加下级部门</button><button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button><button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</button></span>'; var html = '<span class="layui-btn-group"><button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="add">添加下级部门</button><button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button><button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</button></span>';
return html; return html;
} }

2
app/home/view/position/view.html
View File

@ -34,7 +34,7 @@
</td> </td>
</tr> </tr>
</table> </table>
<h3 class="h3-title">岗位权限</h3> <h3 class="h3-title2">岗位权限</h3>
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray2" style="vertical-align:top">权限配置<br>操作菜单可见</td> <td class="layui-td-gray2" style="vertical-align:top">权限配置<br>操作菜单可见</td>

9
public/static/home/css/common.css
View File

@ -66,9 +66,11 @@
.layui-td-gray3{color:#999; width:120px; text-align:right; background-color:#f8f8f8;} .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-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;} .layui-td-gray font,.layui-td-gray2 font,.layui-td-gray3 font{color:#FF6347; margin-left: 3px;}
.main-body{padding:15px;padding-bottom: 0;min-width: 868px;} .main-body{padding:15px;padding-bottom: 0; min-width: 868px;}
.body-content{padding:10px;background-color:#fff;} .body-content{background-color:#fff;}
.body-table{background-color:#fff; margin-bottom:15px} .body-table{background-color:#fff; margin-bottom:15px}
.h3-title{font-size:18px; height:39px; font-weight:800}
.h3-title2{font-size:18px; height:39px; font-weight:800; padding-top:20px}
.body-form-btn{padding:10px 0;} .body-form-btn{padding:10px 0;}
.span-color--1{color:#999999;} .span-color--1{color:#999999;}
.span-color-0{color:#5FB878;} .span-color-0{color:#5FB878;}
@ -105,5 +107,4 @@
.layui-anim-rl.layui-layer-iframe{ .layui-anim-rl.layui-layer-iframe{
overflow:inherit!important; overflow:inherit!important;
} }
.right-popup-close{position: absolute;width:50px;height:44px;line-height:44px;text-align:center; left: -52px;right:0; top: 50px;background-color:#FF5722;color:#fff;border-radius:6px 0 0 6px; cursor:pointer; border:2px solid #fff;} .right-popup-close{position: absolute;width:50px;height:44px;line-height:44px;text-align:center; left: -52px;right:0; top: 50px;background-color:#FF5722;color:#fff;border-radius:6px 0 0 6px; cursor:pointer; border:2px solid #fff;}
.h3-title{font-size:18px; height:36px; font-weight:800}