| | |
| | | </div> |
| | | |
| | | <div class="layui-col-md4"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card" style=""> |
| | | <div class="layui-card-header">版本信息</div> |
| | | <div class="layui-card-body layui-text"> |
| | | <table class="layui-table"> |
| | |
| | | <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>--> |
| | | <tr> |
| | | <td>当前平台</td> |
| | | <td style="padding-bottom:30px;"> |
| | | 供应商协同平台 |
| | | </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 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">实时监控</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> |
| | | <a id="msgcnt" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1491669348&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1491669348:51" alt="点击这里给我发消息" title="点击这里给我发消息" /></a> |
| | | |
| | | <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> |
| | | |
| | | <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> |