|
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>layuiAdmin 控制台主页一</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
<style type="text/css">
|
#msgcnt {
|
z-index: 9999;
|
position: fixed;
|
top: 50%;
|
right: 1%;
|
}
|
</style>
|
</head>
|
<body>
|
|
<div class="layui-fluid">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md8">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">快捷方式</div>
|
<div class="layui-card-body">
|
<div class="layui-carousel layadmin-carousel layadmin-shortcut">
|
<div carousel-item>
|
<ul class="layui-row layui-col-space10">
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-console"></i>
|
<cite>主页一</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-chart"></i>
|
<cite>主页二</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-template-1"></i>
|
<cite>弹层</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-chat"></i>
|
<cite>聊天</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-find-fill"></i>
|
<cite>进度条</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-survey"></i>
|
<cite>工单</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-user"></i>
|
<cite>用户</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>设置</cite>
|
</li>
|
</ul>
|
<ul class="layui-row layui-col-space10">
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
<li class="layui-col-xs3">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>我的资料</cite>
|
</li>
|
</ul>
|
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">待办事项</div>
|
<div class="layui-card-body">
|
|
<div class="layui-carousel layadmin-carousel layadmin-backlog">
|
<div carousel-item>
|
<ul class="layui-row layui-col-space10">
|
<li class="layui-col-xs6">
|
<a class="layadmin-backlog-body">
|
<h3>待审评论</h3>
|
<p><cite>66</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a class="layadmin-backlog-body">
|
<h3>待审帖子</h3>
|
<p><cite>12</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a class="layadmin-backlog-body">
|
<h3>待审商品</h3>
|
<p><cite>99</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a class="layadmin-backlog-body">
|
<h3>待发货</h3>
|
<p><cite>20</cite></p>
|
</a>
|
</li>
|
</ul>
|
<ul class="layui-row layui-col-space10">
|
<li class="layui-col-xs6">
|
<a href="javascript:;" class="layadmin-backlog-body">
|
<h3>待审友情链接</h3>
|
<p><cite style="color: #FF5722;">5</cite></p>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md12">
|
<div class="layui-card">
|
<div class="layui-card-header">数据概览</div>
|
<div class="layui-card-body">
|
|
<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
|
<div carousel-item id="LAY-index-dataview">
|
<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
|
<div></div>
|
<div></div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-col-md4">
|
<div class="layui-card" style="">
|
<div class="layui-card-header">版本信息</div>
|
<div class="layui-card-body layui-text">
|
<table class="layui-table">
|
<colgroup>
|
<col width="100">
|
<col>
|
</colgroup>
|
<tbody>
|
<tr>
|
<td>当前版本</td>
|
<td>
|
<script type="text/html" template>
|
SRMv1.0
|
<!--<a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>-->
|
</script>
|
</td>
|
</tr>
|
<tr>
|
<td>基于框架</td>
|
<td>
|
<script type="text/html" template>
|
ASP.NET
|
</script>
|
</td>
|
</tr>
|
<tr>
|
<td>主要特色</td>
|
<td>零门槛 / 响应式 / 清爽 / 极简</td>
|
</tr>
|
<tr>
|
<td>当前平台</td>
|
<td style="padding-bottom:30px;">
|
供应商协同平台
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="layui-card">
|
<div class="layui-card-header">公告栏<span class="layui-badge" style="margin-left:10px;"></span></div>
|
<div class="layui-card-body" style="padding:0px;">
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<table class="" id="mainTable" lay-filter="mainTable"></table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--<a id="msgcnt" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=352217296&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:352217296:53" alt="点击这里给我发消息" title="点击这里给我发消息" /></a>-->
|
</div>
|
|
</div>
|
</div>
|
|
<script src="../../layuiadmin/layui/layui.js?t=1"></script>
|
<script src="../../../../Scripts/webConfig.js"></script>
|
<script>
|
//获取参数
|
//var params = get_UrlVars();
|
//var Qty = params[params[0]];//未阅数量
|
|
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['tree', 'form', 'table', 'element', 'laypage', 'laydate','index', 'console'], function () {
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, element = layui.element
|
, laypage = layui.laypage
|
, laydate = layui.laydate
|
, util = layui.util
|
, tree = layui.tree
|
var sWhere1 = " and B.HReceiveMan='" + sessionStorage["HUserName"] + "' and B.HReadFlag='0'";
|
|
var option = {
|
elem: '#mainTable'
|
//, toolbar: '#toolbarDemo'
|
, height: '335'
|
, page: false
|
, cellMinWidth: 90
|
, cols: [[
|
{ type: 'radio', fixed: 'left',width:40}
|
, { field: 'HInterID', title: '主内码', hide: true}
|
, { field: 'HEntryID', title: '子内码', hide: true}
|
, { field: 'HContext', title: '主题'}
|
, { field: 'HDeptName', title: '发送部门', hide: true}
|
, { field: 'HSendMan', title: '发送人'}
|
, { field: 'HReceiveMan', title: '接收人', hide: true}
|
, { field: 'HLevel', title: '紧急程度',templet:setState}
|
, { field: 'HDescription', title: '详细内容', width: 60, hide: true}
|
, { field: 'HDate', title: '发布时间', templet: "<div>{{d.HDate ==null ?'':layui.util.toDateString(d.HDate, 'yyyy-MM-dd')}}</div>", width: 60, hide: true}
|
]]
|
};
|
Load(sWhere1, 0);
|
|
|
//一些事件监听
|
element.on('tab(demo)', function (data) {
|
// console.log(data.index); //得到当前Tab的所在下标
|
if (data.index == 0) {
|
console.log('通知');
|
sWhere1 = " and B.HReceiveMan='" + sessionStorage["HUserName"] + "' and B.HReadFlag='0'";
|
Load(sWhere1, data.index)
|
|
} else if (data.index == 1) {
|
console.log('已阅');
|
sWhere1 = " and B.HReceiveMan='" + sessionStorage["HUserName"] + "' and B.HReadFlag='1'";
|
Load(sWhere1, data.index)
|
}
|
});
|
|
//数据加载
|
function Load(sWhere1, flag) {
|
var index = layer.load(0, { shade: false });
|
//进入页面显示的缓存列表
|
$.ajax({
|
url: GetWEBURL() + 'MsgData',
|
type: "GET",
|
data: { "sWhere": sWhere1 },
|
success: function (data1) {
|
if (data1.count == 1) {
|
if (flag == 0) {
|
$(".layui-badge").html(data1.data.OA_InformBillMain.length);
|
}
|
option.data = data1.data.OA_InformBillMain;
|
table.render(option);
|
layer.close(index);
|
} else {
|
$(".layui-badge").html(0);
|
option.data = data1.data.OA_InformBillMain;
|
table.render(option);
|
layer.close(index);
|
}
|
}, error: function () {
|
layer.close(index);
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
}
|
|
//点击表格数据
|
//table.on('row(mainTable)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
|
// var datas = obj.data; //获得当前行数据
|
// console.log(datas);
|
// layer.open({
|
// type: 2,
|
// skin: 'layui-layer-rim', //加上边框
|
// title: '阅读明细 ',
|
// closeBtn: false,
|
// shift: 2,
|
// area: ['100%', '100%'],
|
// maxmin: true,
|
// content: '../app/message/MessageDetail.html',
|
// end: function () {
|
// //刷新页面,
|
// location.reload();
|
// },
|
// success: function (dom) {
|
// var a = $(dom[0]).find("iframe").eq(0).contents();
|
// a.find("h1").html(datas.HContext);
|
// a.find("span").html(datas.HDate);
|
// a.find(".layadmin-text").html(datas.HDescription);
|
// UpdateMessage(datas.HInterID, datas.HEntryID);
|
// },
|
// });
|
//});
|
|
//更新公告状态
|
function UpdateMessage(HInterID, HEntryID) {
|
$.ajax({
|
url: GetWEBURL() + 'UpdateMessage',
|
type: "GET",
|
data: { "HInterID": HInterID, "HEntryID": HEntryID },
|
success: function (data1) {
|
if (data1.count == 1) {
|
|
} else {
|
|
}
|
}, error: function () {
|
layer.close(index);
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
}
|
|
//更具紧急程度，改变颜色
|
function setState(data) {
|
var HLevel = data.HLevel;
|
if (HLevel == "紧急") {
|
return "<span style='color:red;'>紧急</span>";
|
}
|
else
|
{
|
return "<span style='color:orange;'>普通</span>";
|
}
|
}
|
|
});
|
</script>
|
</body>
|
</html>
|
