1
yxj
2024-08-26 ba1068ace2141a07c3b8af169a93012b29d2ea4a
WebTM/views/home/console.html
@@ -1,6 +1,4 @@

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
@@ -10,7 +8,7 @@
    <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 id="LAY_layadmin_theme">
    <style id="LAY_layadmin_theme" type="text/css">
        .layui-side-menu, .layadmin-pagetabs .layui-tab-title li:after, .layadmin-pagetabs .layui-tab-title li.layui-this:after, .layui-layer-admin .layui-layer-title, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child {
            background-color: #20222A !important;
        }
@@ -23,8 +21,14 @@
            background-color: #20222A !important;
        }
        .FastMenu {
        .layui-table-body.layui-table-main {
            height: 400px;
        }
        .layui-table-box {
            height: 400px;
        }
    </style>
    <script>
        /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
@@ -155,12 +159,6 @@
                                                    <cite>生产退料单</cite>
                                                </a>
                                            </li>
                                            <!--<li class="layui-col-xs3">
                                                <a lay-href="set/user/info.html">
                                                    <i class="layui-icon layui-icon-set"></i>
                                                    <cite>我的资料</cite>
                                                </a>
                                            </li>-->
                                        </ul>
                                    </div>
                                    <div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
@@ -183,44 +181,11 @@
                                                <canvas width="698" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                            </div>
                                        </div>
                                        <!--<div class="layui-this" _echarts_instance_="1621151534574" style="-webkit-tap-highlight-color: transparent; user-select: none; cursor: default; background-color: rgba(0, 0, 0, 0);">
                                            <div style="position: relative; overflow: hidden; width: 698px; height: 332px;">
                                                <div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none;"></div>
                                                <canvas width="698" height="332" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                                <canvas width="698" height="332" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                                <canvas width="698" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                            </div>
                                        </div>
                                        <div class="" _echarts_instance_="1621151534575" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                            <div style="position: relative; overflow: hidden; width: 698px; height: 332px;">
                                                <div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none;"></div>
                                                <canvas width="698" height="332" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                                <canvas width="698" height="332" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                                <canvas width="698" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                            </div>
                                        </div>-->
                                    </div>
                                    <div class="layui-carousel-ind"><ul><li class=""></li><!--<li class="layui-this"></li><li class=""></li>--></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
                                </div>
                            </div>
                        </div>
                        <!--新闻版块-->
                        <!--<div class="layui-card">
                          <div class="layui-tab layui-tab-brief layadmin-latestData">
                            <ul class="layui-tab-title">
                              <li class="layui-this">今日热搜</li>
                              <li>今日热帖</li>
                            </ul>
                            <div class="layui-tab-content">
                              <div class="layui-tab-item layui-show">
                                <table id="LAY-index-topSearch"></table>
                              </div>
                              <div class="layui-tab-item">
                                <table id="LAY-index-topCard"></table>
                              </div>
                            </div>
                          </div>
                        </div>-->
                    </div>
                </div>
            </div>
@@ -274,92 +239,56 @@
                        </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>完工率(日同比 0% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>)</h3>
                            <div class="layui-progress-bar" lay-percent="0%"></div>
                        </div>
                        <div class="layui-progress" lay-showPercent="yes">
                            <h3>不良率(日同比 0% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>)</h3>
                            <div class="layui-progress-bar" lay-percent="0%"></div>
                        </div>
                    </div>
                <div class="layui-card" style="height:400px;">
                    <div class="layui-card-header">公告通知</div>
                    <table class="mainTable" id="mainTable" lay-filter="mainTable"></table>
                </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>设备稼动率</h3>
                            <div class="layui-progress-bar" lay-percent="0%"></div>
                        </div>
                        <div class="layui-progress" lay-showPercent="yes">
                            <h3>设备故障率</h3>
                            <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></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://www.baidu.com" target="_blank" class="layui-bg-red">快速上手文档</a></div>
                        <div><a href="http://www.baidu.com" target="_blank" class="layui-bg-green">会员讨论专区</a></div>
                        <div><a href="http://www.baidu.com" target="_blank" class="layui-bg-blue">获得官方后台模板系统</a></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">
                      <span>
                          &nbsp;&nbsp;&nbsp;&nbsp;书中描写了一个那样的社会,和在那个社会生活中的种种人物的状态,麻木的如那个弗比斯,最底层的如老鼠洞里的那
                          几个隐修女,疯狂的副主教,还有尽全力反抗的最丑陋的卡齐莫多,副主教和卡齐莫多形成了人性上的鲜明对比,同样爱上了
                          美丽的姑娘,同样的遭到了拒绝,他们的爱都是那么的热烈,那么的诚挚,可是,一个是占有,一个是奉献,已占有为目的的,
                          当目的无法达到的时候,他想到的是毁灭,毁灭别人;以奉献为目的的,当无法奉献的时候,想到的也是毁灭,毁灭自己
                      </span>
                    <p>--<a href="http://www.baidu.com" target="_blank">百度</a>!</p>
                    <p>—— 佚名(<a href="http://www.baidu.com/" target="_blank">baidu.com</a>)</p>
                  </div>
                </div>-->
            </div>
        </div>
    </div>
    <script src="../../layuiadmin/layui/layui.js?t=1"></script>
    <script src="../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <script>
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'laydate', 'table', 'element', 'console'], function () {
            var $ = layui.$;
            //公共变量
            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
            var element = layui.element;
            var $ = layui.jquery;
            //不需要显示的字段 可扩展
            var titleData = ["HItemID", "HInterID", "HEntryID", "HDeptID", "主内码", "子内码"];
            //登录平台(PC端、手机端)
            var HType = "PC";
            //#region   页面初始化
            set_ClearBill();
            //#endregion
            //#region   页面初始化方法
            //页面初始化
            set_ClearBill();
            //页面初始化方法
            function set_ClearBill() {
                get_Display();
                get_Notices();
            }
            //#endregion
            //#region   页面其它方法
            //页面其它方法
            function get_Display() {
                //获取菜单列表数据
                $.ajax({
@@ -453,8 +382,67 @@
                    }, false);
                }
            }
            //#endregion
            //生成通知列表
            function get_Notices() {
                var index = layer.load(0, { shade: false });
                var ajaxLoad = layer.load();
                //进入页面显示的缓存列表
                $.ajax({
                    url: GetWEBURL() + '/GG_Notice/notices',
                    type: "GET",
                    data: { "user": sessionStorage["HUserName"] },
                    success: function (data1) {
                        if (data1.count == 1) {
                            var data = [];
                            var col = [];
                            //给空的数组赋值
                            for (var key in data1.list) {
                                data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
                            }
                            for (var i = 0; i < data.length; i++) {
                                // if (data[i].name == 'HInterID' || data[i].name == 'HBillType' || data[i].name == 'hmainid') {
                                if ($.inArray(data[i].name, titleData) > -1) {
                                    col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //隐藏id列
                                }
                                else {
                                    switch (data[i].Type) {
                                        //int
                                        case 'DateTime':
                                            col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 75 });
                                            break;
                                        default:
                                            col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 90 });
                                    }
                                }
                            }
                            //动态显示列名
                            option = {
                                elem: '#mainTable'
                                , cols: [col]
                                , data: data1.data
                                , height: 'full-10'
                                , page: true
                                , cellMinWidth: 20
                                , limit: 4
                            }
                            table.render(option);
                            //layer.alert("查询成功", { icon: 1 });
                        } else {
                            layer.close(ajaxLoad);
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(ajaxLoad);
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
                layer.close(index);
            }
        });
    </script>
</body>
</html>