From 5aefe8c055c300e035bad35d7c65d25f1efd6794 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 06 三月 2021 10:39:57 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/home/console.html |  298 +++++++++++++++++++++++++++-------------------------------
 1 files changed, 139 insertions(+), 159 deletions(-)

diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html
index 2d401e6..0a33902 100644
--- a/src/main/webapp/views/home/console.html
+++ b/src/main/webapp/views/home/console.html
@@ -152,47 +152,47 @@
         <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
             <div class="layui-card">
                 <div class="layui-card-header">
-                    璁块棶閲�<span class="layui-badge layui-badge-green pull-right">鏃�</span>
+                    缁勬墭閲�<span class="layui-badge layui-badge-green pull-right">鏃�</span>
                 </div>
                 <div class="layui-card-body">
-                    <p class="lay-big-font">25,848</p>
-                    <p>鎬昏闂噺<span class="pull-right">280 涓�</span></p>
+                    <p class="lay-big-font" id="combQtyDay">0</p>
+                    <p>鎬荤粍鎵橀噺<span class="pull-right"><span id="combQty">0</span></span></p>
                 </div>
             </div>
         </div>
         <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
             <div class="layui-card">
                 <div class="layui-card-header">
-                    閿�鍞<span class="layui-badge layui-badge-blue pull-right">鏈�</span>
+                    鍟嗗搧鏁伴噺<span class="layui-badge layui-badge-blue pull-right">鎬�</span>
                 </div>
                 <div class="layui-card-body">
-                    <p class="lay-big-font"><span style="font-size: 26px;line-height: 1;">楼</span>12,000</p>
-                    <p>鎬婚攢鍞<span class="pull-right">68 涓�</span></p>
+                    <p class="lay-big-font"><span style="line-height: 1;" id="matQty">0</span></p>
+                    <p>璐т綅鏁伴噺<span class="pull-right"><span id="nodeQty"></span> </span></p>
                 </div>
             </div>
         </div>
         <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
             <div class="layui-card">
                 <div class="layui-card-header">
-                    璁㈠崟閲�<span class="layui-badge layui-badge-red pull-right">鍛�</span>
+                    鎷h揣鍗曢噺<span class="layui-badge layui-badge-red pull-right">鏈�</span>
                 </div>
                 <div class="layui-card-body">
-                    <p class="lay-big-font">1,680</p>
-                    <p>杞寲鐜�<span class="pull-right">60%</span></p>
+                    <p class="lay-big-font"><span id="pakoutQtyMonth">0</span></p>
+                    <p>鎬诲崟閲�<span class="pull-right"><span id="pakoutQty">0</span></span></p>
                 </div>
             </div>
         </div>
         <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
             <div class="layui-card">
                 <div class="layui-card-header">
-                    鏂板鐢ㄦ埛
+                    绯荤粺鐢ㄦ埛
                     <span class="icon-text pull-right" lay-tips="鎸囨爣璇存槑" lay-direction="4" lay-offset="5px,5px">
                         <i class="layui-icon layui-icon-tips"></i>
                     </span>
                 </div>
                 <div class="layui-card-body">
-                    <p class="lay-big-font">128 <span style="font-size: 24px;line-height: 1;">浣�</span></p>
-                    <p>鎬荤敤鎴�<span class="pull-right">10800 浜�</span></p>
+                    <p class="lay-big-font"><span id="usersQty">0</span> <span style="font-size: 24px;line-height: 1;">浣�</span></p>
+                    <p>閮ㄩ棬<span class="pull-right"><span id="deptQty">0</span> 涓�</span></p>
                 </div>
             </div>
         </div>
@@ -202,28 +202,26 @@
         <div class="layui-col-sm6" style="padding-bottom: 0;">
             <div class="layui-row layui-col-space15">
                 <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group" ew-href="page/system/user.html" ew-title="鐢ㄦ埛绠$悊">
-                        <i class="console-app-icon layui-icon layui-icon-group"
-                           style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>
+                    <a class="console-app-group" lay-href="mat/mat.html?resourceId=20414" lay-text="浜у搧璧勬枡绠$悊">
+                        <i class="console-app-icon layui-icon layui-icon-cart" style="color: #ff9c6e;"></i>
+                        <div class="console-app-name">鍟嗗搧</div>
+                    </a>
+                </div>
+                <div class="layui-col-xs6 layui-col-sm3">
+                    <div class="console-app-group" lay-href="locDetl/locDetl.html?resourceId=20429" lay-text="搴撳瓨璧勬枡鏌ヨ">
+                        <i class="console-app-icon layui-icon layui-icon-chart" style="color: #95de64;"></i>
+                        <div class="console-app-name">搴撳瓨</div>
+                    </div>
+                </div>
+                <div class="layui-col-xs6 layui-col-sm3">
+                    <div class="console-app-group" lay-href="user/user.html?resourceId=4" lay-text="绯荤粺鐢ㄦ埛">
+                        <i class="console-app-icon layui-icon layui-icon-group" style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>
                         <div class="console-app-name">鐢ㄦ埛</div>
                     </div>
                 </div>
                 <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group">
-                        <i class="console-app-icon layui-icon layui-icon-chart" style="color: #95de64;"></i>
-                        <div class="console-app-name">鍒嗘瀽</div>
-                    </div>
-                </div>
-                <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group">
-                        <i class="console-app-icon layui-icon layui-icon-cart" style="color: #ff9c6e;"></i>
-                        <div class="console-app-name">鍟嗗搧</div>
-                    </div>
-                </div>
-                <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group">
-                        <i class="console-app-icon layui-icon layui-icon-form"
-                           style="color: #b37feb;font-size: 30px;"></i>
+                    <div class="console-app-group" lay-href="custOrder/custOrder.html?resourceId=30442" lay-text="閿�鍞鍗�">
+                        <i class="console-app-icon layui-icon layui-icon-form" style="color: #b37feb;font-size: 30px;"></i>
                         <div class="console-app-name">璁㈠崟</div>
                     </div>
                 </div>
@@ -232,30 +230,28 @@
         <div class="layui-col-sm6" style="padding-bottom: 0;">
             <div class="layui-row layui-col-space15">
                 <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group">
-                        <i class="console-app-icon layui-icon layui-icon-layer"
-                           style="color: #ffd666;font-size: 34px;"></i>
-                        <div class="console-app-name">绁ㄦ嵁</div>
+                    <div class="console-app-group" lay-href="prior/prior.html?resourceId=30421" lay-text="鎺ㄨ崘璐т綅">
+                        <i class="console-app-icon layui-icon layui-icon-layer" style="color: #ffd666;font-size: 34px;"></i>
+                        <div class="console-app-name">鎺ㄨ崘璐т綅</div>
                     </div>
                 </div>
                 <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group">
-                        <i class="console-app-icon layui-icon layui-icon-email"
-                           style="color: #5cdbd3;font-size: 36px;"></i>
-                        <div class="console-app-name">娑堟伅</div>
+                    <div class="console-app-group" lay-href="allo/allo.html?resourceId=20402" lay-text="璐т綅淇℃伅">
+                        <i class="console-app-icon layui-icon layui-icon-templeate-1" style="color: #5cdbd3;font-size: 36px;"></i>
+                        <div class="console-app-name">璐т綅</div>
                     </div>
                 </div>
                 <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group">
+                    <div class="console-app-group" lay-href="tag/tag.html?resourceId=20408" lay-text="褰掔被绠$悊">
                         <i class="console-app-icon layui-icon layui-icon-note"
                            style="color: #ff85c0;font-size: 28px;"></i>
-                        <div class="console-app-name">鏍囩</div>
+                        <div class="console-app-name">褰掔被</div>
                     </div>
                 </div>
                 <div class="layui-col-xs6 layui-col-sm3">
-                    <div class="console-app-group">
+                    <div class="console-app-group" lay-href="detail.html?resourceId=8" lay-text="鍩烘湰璧勬枡">
                         <i class="console-app-icon layui-icon layui-icon-slider" style="color: #ffc069;"></i>
-                        <div class="console-app-name">閰嶇疆</div>
+                        <div class="console-app-name">璁剧疆</div>
                     </div>
                 </div>
             </div>
@@ -267,86 +263,16 @@
             <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-header">缁勬墭鍔ㄦ��</div>
                         <div class="layui-card-body dynamic-card-body mini-bar" style="height: 265px;">
-                            <ul class="layui-timeline layui-timeline-dynamic">
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">鐮斿彂缁忕悊 鎸囨淳浜嗕换鍔� 闄鎴峰悆楗�
-                                            <span class="pull-right">14:30 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis active"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">娴嬭瘯缁勯暱 鎻愪氦浜哹ug 浠g爜閿欒
-                                            <span class="pull-right">14:00 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">绠$悊鍛� 鐧诲綍浜嗙郴缁�
-                                            <span class="pull-right">13:30 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis active"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">寮�鍙戜竴 瑙e喅浜哹ug 浠g爜閿欒
-                                            <span class="pull-right">11:30 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis active"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">娴嬭瘯涓� 鍒涘缓浜嗙敤渚� 鐢ㄦ埛鐧诲綍
-                                            <span class="pull-right">11:00 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">寮�鍙戜簩 閫�鍑轰簡绯荤粺
-                                            <span class="pull-right">10:30 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">鐮斿彂缁忕悊 鎸囨淳浜嗕换鍔� 淇敼澶ug
-                                            <span class="pull-right">10:00 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">鐮斿彂缁忕悊 鎸囨淳浜嗕换鍔� 淇敼灏廱ug
-                                            <span class="pull-right">09:30 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis active"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">鐮斿彂缁忕悊 鎸囨淳浜嗕换鍔� 淇敼灏廱ug
-                                            <span class="pull-right">09:00 </span></div>
-                                    </div>
-                                </li>
-                                <li class="layui-timeline-item">
-                                    <i class="layui-icon layui-timeline-axis"></i>
-                                    <div class="layui-timeline-content layui-text">
-                                        <div class="layui-timeline-title">绠$悊鍛� 鐧诲綍浜嗙郴缁�
-                                            <span class="pull-right">08:30 </span></div>
-                                    </div>
-                                </li>
+                            <ul id="combList" class="layui-timeline layui-timeline-dynamic">
                             </ul>
                         </div>
                     </div>
                 </div>
                 <div class="layui-col-md6">
                     <div class="layui-card">
-                        <div class="layui-card-header">鎴戠殑浠诲姟</div>
+                        <div class="layui-card-header">鏈�鏂版嫞璐�</div>
                         <div class="layui-card-body">
                             <table class="layui-table" lay-skin="line">
                                 <colgroup>
@@ -356,51 +282,12 @@
                                 </colgroup>
                                 <thead>
                                 <tr>
-                                    <td align="center">浼樺厛绾�</td>
-                                    <td>浠诲姟鍚嶇О</td>
+                                    <td align="center">鏁伴噺</td>
+                                    <td>鎷h揣淇℃伅</td>
                                     <td align="center">鐘舵��</td>
                                 </tr>
                                 </thead>
-                                <tbody>
-                                <tr>
-                                    <td align="center">
-                                        <span class="layui-badge layui-badge-red layui-badge-priority">1</span>
-                                    </td>
-                                    <td><span class="layui-text"><a>鍙傚姞鑲′笢澶т細</a></span></td>
-                                    <td align="center"><span class="text-warning">鏈紑濮�</span></td>
-                                </tr>
-                                <tr>
-                                    <td align="center">
-                                        <span class="layui-badge layui-badge-yellow layui-badge-priority">2</span>
-                                    </td>
-                                    <td><span class="layui-text"><a>闄鎴峰悆楗�</a></span></td>
-                                    <td align="center"><span class="text-warning">鏈紑濮�</span></td>
-                                </tr>
-                                <tr>
-                                    <td align="center">
-                                        <span class="layui-badge layui-badge-blue layui-badge-priority">3</span>
-                                    </td>
-                                    <td><span class="layui-text"><a>椤圭洰寮�鍙�</a></span></td>
-                                    <td align="center"><span class="text-success">杩涜涓�</span></td>
-                                </tr>
-                                <tr>
-                                    <td align="center">
-                                        <span class="layui-badge layui-badge-blue layui-badge-priority">3</span>
-                                    </td>
-                                    <td><span class="layui-text"><a>淇敼澶ug</a></span></td>
-                                    <td align="center">
-                                        <del class="text-muted">宸插畬鎴�</del>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td align="center">
-                                        <span class="layui-badge layui-badge-blue layui-badge-priority">3</span>
-                                    </td>
-                                    <td><span class="layui-text"><a>淇敼灏廱ug</a></span></td>
-                                    <td align="center">
-                                        <del class="text-muted">宸插畬鎴�</del>
-                                    </td>
-                                </tr>
+                                <tbody id="pakoutList">
                                 </tbody>
                             </table>
                         </div>
@@ -604,9 +491,15 @@
 </div>
 <!-- js閮ㄥ垎 -->
 <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
-<script type="text/javascript" src="../../assets/js/common.js?v=318"></script>
+<script type="text/javascript" src="../../static/js/common.js"></script>
+<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
 <script>
-    layui.use(['layer', 'carousel', 'element'], function () {
+    layui.config({
+        base: '../../static/layuiadmin/' //闈欐�佽祫婧愭墍鍦ㄨ矾寰�
+    }).extend({
+        index: 'lib/index' //涓诲叆鍙fā鍧�
+    }).use(['layer', 'carousel', 'element', 'index'], function () {
+        var element = layui.element;
         var $ = layui.jquery;
         var layer = layui.layer;
         var carousel = layui.carousel;
@@ -623,7 +516,94 @@
             anim: 'fade'
         });
 
+        getHeaderData();
+
+        // 澶�
+        function getHeaderData() {
+            $.ajax({
+                url: baseUrl + "/console/header/auth",
+                headers: {'token': localStorage.getItem('token')},
+                method: 'GET',
+                success: function (res) {
+                    if (res.code === 200) {
+                        var result = res.data;
+                        $('#combQtyDay').text(result.combQtyDay);
+                        $('#combQty').text(result.combQty);
+
+                        $('#matQty').text(result.matQty);
+                        $('#nodeQty').text(result.nodeQty);
+
+                        $('#pakoutQty').text(result.pakoutQty);
+                        $('#pakoutQtyMonth').text(result.pakoutQtyMonth);
+
+                        $('#usersQty').text(result.usersQty);
+                        $('#deptQty').text(result.deptQty);
+
+                    } else if (res.code === 403) {
+                        top.location.href = baseUrl + "/";
+                    } else {
+                        layer.msg(res.msg, {icon: 2})
+                    }
+                }
+            })
+        }
+
+        getBodyData();
+
+        // 澶�
+        function getBodyData() {
+            $.ajax({
+                url: baseUrl + "/console/body/auth",
+                headers: {'token': localStorage.getItem('token')},
+                method: 'GET',
+                success: function (res) {
+                    if (res.code === 200) {
+                        // 缁勬墭
+                        var tpl1 = $('#combTpl').html();
+                        var template1 = Handlebars.compile(tpl1);
+                        var html1 = template1(res.data);
+                        $('#combList').append(html1);
+                        // 璁㈠崟
+                        var tpl2 = $('#orderTpl').html();
+                        var template2 = Handlebars.compile(tpl2);
+                        var html2 = template2(res.data);
+                        $('#pakoutList').append(html2);
+                    } else if (res.code === 403) {
+                        top.location.href = baseUrl + "/";
+                    } else {
+                        layer.msg(res.msg, {icon: 2})
+                    }
+                }
+            })
+        }
+
     });
 </script>
+<script type="text/template" id="combTpl">
+    {{#each combList}}
+        <li class="layui-timeline-item">
+            <i class="layui-icon layui-timeline-axis {{active}}"></i>
+            <div class="layui-timeline-content layui-text">
+                <div class="layui-timeline-title">{{matnr}} 骞舵澘 {{zpallet}} 鏁伴噺锛歿{anfme}}
+                <span class="pull-right">{{time}} </span></div>
+            </div>
+        </li>
+    {{/each}}
+</script>
+<script type="text/template" id="orderTpl">
+    {{#each pakoutList}}
+        <tr>
+            <td align="center">
+                <span class="layui-badge layui-badge-red layui-badge-priority">{{anfme}}</span>
+            </td>
+            <td><span class="layui-text"><a style="cursor: initial">{{loc_no}} <span style="color: #4c4c4c">鍑哄簱锛�</span> {{matnr}}</a></span></td>
+            <td align="center">
+                <span class="{{style}}">
+                    {{wrkStsName}}
+                </span>
+            </td>
+        </tr>
+    {{/each}}
+</script>
 </body>
 </html>

--
Gitblit v1.9.1