SRM-LAYUI.git - Gitblit

			@@ -10,6 +10,14 @@
			<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>

			@@ -213,115 +221,238 @@
			</div>

			<div class="layui-col-md4">
			<div class="layui-card">
			<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: 0;">
			<div class="layui-btn-container">
			<a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>
			<a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>
			</div>
			</td>
			</tr>-->
			</tbody>
			</table>
			</div>
			</div>

			<div class="layui-card">
			<div class="layui-card-header">效果报告</div>
			<div class="layui-card-body layadmin-takerates">
			<div class="layui-progress" lay-showPercent="yes">
			<h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
			<div class="layui-progress-bar" lay-percent="65%"></div>
			</div>
			<div class="layui-progress" lay-showPercent="yes">
			<h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
			<div class="layui-progress-bar" lay-percent="32%"></div>
			</div>
			</div>
			</div>

			<div class="layui-card">
			<div class="layui-card-header">实时监控</div>
			<div class="layui-card-body layadmin-takerates">
			<div class="layui-progress" lay-showPercent="yes">
			<h3>CPU使用率</h3>
			<div class="layui-progress-bar" lay-percent="58%"></div>
			</div>
			<div class="layui-progress" lay-showPercent="yes">
			<h3>内存占用率</h3>
			<div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
			</div>
			</div>
			</div>

			<!--<div class="layui-card">
			<div class="layui-card-header">产品动态</div>
			<div class="layui-card-body">
			<div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
			<div carousel-item>
			<div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
			<div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>
			<div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
			<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>
			</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>

			<!--<div class="layui-card">
			<div class="layui-card-header">
			作者心语
			<i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>

			<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 class="layui-card">
			<div class="layui-card-header">产品动态</div>
			<div class="layui-card-body">
			<div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
			<div carousel-item>
			<div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
			<div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>
			<div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
			</div>
			<div class="layui-card-body layui-text layadmin-text">
			<p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>
			<p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>
			<p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a>！</p>
			<p>—— 贤心（<a href="http://www.layui.com/" target="_blank">layui.com</a>）</p>
			</div>
			</div>-->
			</div>
			</div>
			</div>-->
			<!--<div class="layui-card">
			<div class="layui-card-header">
			作者心语
			<i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
			</div>
			<div class="layui-card-body layui-text layadmin-text">
			<p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>
			<p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>
			<p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a>！</p>
			<p>—— 贤心（<a href="http://www.layui.com/" target="_blank">layui.com</a>）</p>
			</div>
			</div>-->
			</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(['index', 'console']);
			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>