王 垚
2021-11-11 20515037dc8e4f4472e06a09d2e3bdad845a8af4
WebSRM/layuiAdmin.std-v1.2.1/src/views/home/console.html
@@ -221,7 +221,7 @@
      </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">
@@ -251,48 +251,29 @@
                              <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">
@@ -323,12 +304,155 @@
  </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>