8 changed files with 487 additions and 163 deletions
@ -0,0 +1,367 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>首页二</title> |
|||
<meta name="renderer" content="webkit"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<style> |
|||
.layui-card { |
|||
border: 1px solid #f2f2f2; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.icon { |
|||
margin-right: 10px; |
|||
color: #1aa094; |
|||
} |
|||
|
|||
.icon-cray { |
|||
color: #ffb800 !important; |
|||
} |
|||
|
|||
.icon-blue { |
|||
color: #1e9fff !important; |
|||
} |
|||
|
|||
.icon-tip { |
|||
color: #ff5722 !important; |
|||
} |
|||
|
|||
.layuimini-qiuck-module { |
|||
text-align: center; |
|||
margin-top: 10px |
|||
} |
|||
|
|||
.layuimini-qiuck-module a i { |
|||
display: inline-block; |
|||
width: 100%; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
text-align: center; |
|||
border-radius: 2px; |
|||
font-size: 30px; |
|||
background-color: #F8F8F8; |
|||
color: #333; |
|||
transition: all .3s; |
|||
-webkit-transition: all .3s; |
|||
} |
|||
|
|||
.layuimini-qiuck-module a cite { |
|||
position: relative; |
|||
top: 2px; |
|||
display: block; |
|||
color: #666; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.welcome-module { |
|||
width: 100%; |
|||
height: 210px; |
|||
} |
|||
|
|||
.panel { |
|||
background-color: #fff; |
|||
border: 1px solid transparent; |
|||
border-radius: 3px; |
|||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, .05) |
|||
} |
|||
|
|||
.panel-body { |
|||
padding: 10px |
|||
} |
|||
|
|||
.panel-title { |
|||
margin-top: 0; |
|||
margin-bottom: 0; |
|||
font-size: 12px; |
|||
color: inherit |
|||
} |
|||
|
|||
.label { |
|||
display: inline; |
|||
padding: .2em .6em .3em; |
|||
font-size: 75%; |
|||
font-weight: 700; |
|||
line-height: 1; |
|||
color: #fff; |
|||
text-align: center; |
|||
white-space: nowrap; |
|||
vertical-align: baseline; |
|||
border-radius: .25em; |
|||
margin-top: .3em; |
|||
} |
|||
|
|||
.layui-red { |
|||
color: red |
|||
} |
|||
|
|||
.main_btn > p { |
|||
height: 40px; |
|||
} |
|||
|
|||
.layui-bg-number { |
|||
background-color: #F8F8F8; |
|||
} |
|||
|
|||
.layuimini-notice:hover, .layuimini-myTask:hover { |
|||
background: #f6f6f6; |
|||
} |
|||
|
|||
.layuimini-notice, .layuimini-myTask { |
|||
padding: 7px 16px; |
|||
clear: both; |
|||
font-size: 12px !important; |
|||
cursor: pointer; |
|||
position: relative; |
|||
transition: background 0.2s ease-in-out; |
|||
} |
|||
|
|||
.layuimini-notice-title, .layuimini-notice-label, .layuimini-myTask-type { |
|||
padding-right: 70px !important; |
|||
text-overflow: ellipsis !important; |
|||
overflow: hidden !important; |
|||
white-space: nowrap !important; |
|||
} |
|||
|
|||
.layuimini-notice-title, .layuimini-myTask-type { |
|||
line-height: 28px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.layuimini-notice-extra, .layuimini-myTask-extra { |
|||
position: absolute; |
|||
top: 50%; |
|||
margin-top: -8px; |
|||
right: 16px; |
|||
display: inline-block; |
|||
height: 16px; |
|||
color: #999; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<div class="layui-row layui-col-space15"> |
|||
<div class="layui-col-md4"> |
|||
<div class="layui-card"> |
|||
<div class="layui-card-header"> |
|||
<i class="fa fa-bullhorn icon icon-tip"></i>系统公告 |
|||
<i class="fa fa-chevron-right" aria-hidden="true" |
|||
style="right: 7px;top: 13px;position: absolute;" onclick="showAllNotice()"></i> |
|||
</div> |
|||
<div class="layui-card-body layui-text"> |
|||
<div class="layuimini-notice" th:each="notice,iterStat:${notices}"> |
|||
<input id="noticeId" style="display:none;" th:value="${notice.getId()}"/> |
|||
<div class="layuimini-notice-title" th:text="${notice.getTitle()}"></div> |
|||
<div class="layuimini-notice-extra" th:text="${notice.getTime()}"></div> |
|||
<div class="layuimini-notice-content layui-hide" th:text="${notice.getContent()}"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-md12"> |
|||
<div class="layui-card"> |
|||
<div class="layui-card-header"> |
|||
<i class="fa fa fa-map-o icon"></i>我的任务 |
|||
<i class="fa fa-chevron-right" aria-hidden="true" |
|||
style="right: 7px;top: 13px;position: absolute;" onclick="showAllMyTask()"></i> |
|||
</div> |
|||
<div class="layui-card-body layui-text"> |
|||
<div class="layuimini-myTask" th:each="myTask,iterStat:${myTaskList}"> |
|||
<div class="layuimini-myTask-type" th:text="${myTask.getType()}"></div> |
|||
<div class="layuimini-myTask-extra" th:text="${myTask.getApplicantTime()}"></div> |
|||
<div class="layuimini-myTask-name " th:text="${myTask.getApplicantName()}"></div> |
|||
<div class="layuimini-myTask-id layui-hide" th:text="${myTask.getId()}"></div> |
|||
<hr/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script src="/static/js/lay-config.js?v=1.0.4" charset="utf-8"></script> |
|||
<script> |
|||
|
|||
function showAllNotice() { |
|||
|
|||
} |
|||
|
|||
function showAllMyTask() { |
|||
|
|||
} |
|||
|
|||
layui.use(['layer', 'miniTab', 'echarts'], function () { |
|||
var $ = layui.jquery, |
|||
layer = layui.layer, |
|||
miniTab = layui.miniTab, |
|||
echarts = layui.echarts; |
|||
|
|||
miniTab.listen(); |
|||
|
|||
/** |
|||
* 查看公告信息 |
|||
**/ |
|||
$('body').on('click', '.layuimini-notice', function () { |
|||
var title = $(this).children('.layuimini-notice-title').text(), |
|||
noticeTime = $(this).children('.layuimini-notice-extra').text(), |
|||
content = $(this).children('.layuimini-notice-content').html(), |
|||
nid = $(this).children("#noticeId").val(); |
|||
var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' + |
|||
'<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' + |
|||
'<div style="font-size: 12px">' + content + '</div>\n' + |
|||
'</div>\n'; |
|||
|
|||
parent.layer.open({ |
|||
type: 1, |
|||
title: '系统公告' + '<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">' + noticeTime + '</span>', |
|||
area: '300px;', |
|||
shade: 0.8, |
|||
id: 'layuimini-notice', |
|||
btn: ['查看', '取消'], |
|||
btnAlign: 'c', |
|||
moveType: 1, |
|||
content: html, |
|||
success: function (layero) { |
|||
var btn = layero.find('.layui-layer-btn'); |
|||
btn.find('.layui-layer-btn0').click(function () { |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['100%', '100%'], |
|||
move: '.layui-layer-title', |
|||
fixed: false, |
|||
content: "/noticeView?id=" + nid |
|||
}); |
|||
} |
|||
); |
|||
|
|||
} |
|||
}); |
|||
}); |
|||
|
|||
/** |
|||
* 查看任务信息 |
|||
**/ |
|||
$('body').on('click', '.layuimini-myTask', function () { |
|||
var id = $(this).children('.layuimini-myTask-id').text(); |
|||
var type = $(this).children('.layuimini-myTask-type').text(); |
|||
if (type === '出库请求') { |
|||
var index = layer.open({ |
|||
title: '请求详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/application_review?id=' + id, |
|||
end: function () { |
|||
location.reload() |
|||
} |
|||
}); |
|||
|
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
else if (type === '入库请求') { |
|||
var index = layer.open({ |
|||
title: '请求详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/application_in_review?id=' + id, |
|||
end: function () { |
|||
location.reload() |
|||
} |
|||
}); |
|||
|
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
else if (type === "库存盘点请求") { |
|||
var index = layer.open({ |
|||
title: '请求详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/StockTakingReview?id=' + id, |
|||
end: function () { |
|||
location.reload() |
|||
} |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} else if (type === "物料出库请求") { |
|||
var index = layer.open({ |
|||
title: '请求详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/ApplicationOutMinByDidForMobile?depositoryId=' + id + "&state=0", |
|||
end: function () { |
|||
location.reload() |
|||
} |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
|
|||
}); |
|||
|
|||
|
|||
showAllNotice = function () { |
|||
var index = layer.open({ |
|||
title: '所有公告', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/noticeAll', |
|||
}); |
|||
} |
|||
|
|||
showAllMyTask = function () { |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['100%', '100%'], |
|||
move: '.layui-layer-title', |
|||
fixed: false, |
|||
content: '/my_task', |
|||
}); |
|||
} |
|||
|
|||
|
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue