From 0dd24ca8ed10ed9cf94bcc4e73389958bc86f932 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 06 三月 2021 13:29:29 +0800
Subject: [PATCH] #
---
src/main/webapp/views/home/console.html | 374 ++++++++++++++++++----------------------------------
1 files changed, 130 insertions(+), 244 deletions(-)
diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html
index 892e560..af84531 100644
--- a/src/main/webapp/views/home/console.html
+++ b/src/main/webapp/views/home/console.html
@@ -40,7 +40,7 @@
/** 灏忕粍鎴愬憳 */
.console-user-group {
position: relative;
- padding: 10px 0 10px 60px;
+ padding: 10px 0 10px 40px;
}
.console-user-group .console-user-group-head {
@@ -49,8 +49,10 @@
position: absolute;
top: 50%;
left: 12px;
- margin-top: -16px;
+ margin-top: -10px;
border-radius: 50%;
+ font-size: 18px;
+ font-weight: bolder;
}
.console-user-group .layui-badge {
@@ -135,10 +137,10 @@
/** 浼樺厛绾у窘绔� */
.layui-badge-priority {
- border-radius: 50%;
- width: 20px;
- height: 20px;
- padding: 0;
+ padding: 2px;
+ border-radius: 20%;
+ width: 30px;
+ height: 30px;
line-height: 18px;
border-width: 2px;
font-weight: 600;
@@ -263,86 +265,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 浠ｇ爜閿欒
- <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">寮�鍙戜竴 瑙ｅ喅浜哹ug 浠ｇ爜閿欒
- <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>
@@ -352,51 +284,12 @@
</colgroup>
<thead>
<tr>
- <td align="center">浼樺厛绾�</td>
- <td>浠诲姟鍚嶇О</td>
+ <td align="center">鏁伴噺</td>
+ <td>鎷ｈ揣淇℃伅</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>
@@ -404,7 +297,7 @@
</div>
<div class="layui-col-md12">
<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>
@@ -413,91 +306,19 @@
<col/>
<col/>
<col/>
- <col width="160"/>
+ <col width="300"/>
</colgroup>
<thead>
<tr>
<td></td>
- <td>椤圭洰鍚嶇О</td>
- <td align="center">寮�濮嬫椂闂�</td>
- <td align="center">鎴嚦鏃堕棿</td>
- <td align="center">鐘舵��</td>
- <td align="center">杩涘害</td>
+ <td align="center">璐т綅</td>
+ <td align="center">缃叆鏃堕棿</td>
+ <td align="center">婊炵暀澶╂暟</td>
+ <td align="center">鍟嗗搧缂栫爜</td>
+ <td align="center">鍟嗗搧鍚嶇О</td>
</tr>
</thead>
- <tbody>
- <tr>
- <td>1</td>
- <td><span class="layui-text"><a>浠撳簱绠＄悊绯荤粺</a></span></td>
- <td align="center">2020-03-01</td>
- <td align="center">2020-06-01</td>
- <td align="center"><span class="text-success">杩涜涓�</span></td>
- <td>
- <div class="layui-progress" lay-showPercent="yes">
- <div class="layui-progress-bar" lay-percent="30%"></div>
- </div>
- </td>
- </tr>
- <tr>
- <td>2</td>
- <td><span class="layui-text"><a>妗ｆ绠＄悊绯荤粺</a></span></td>
- <td align="center">2020-03-01</td>
- <td align="center">2020-08-01</td>
- <td align="center"><span class="text-success">杩涜涓�</span></td>
- <td>
- <div class="layui-progress" lay-showPercent="yes">
- <div class="layui-progress-bar" lay-percent="10%"></div>
- </div>
- </td>
- </tr>
- <tr>
- <td>3</td>
- <td><span class="layui-text"><a>鍚庡彴绠＄悊绯荤粺</a></span></td>
- <td align="center">2020-01-01</td>
- <td align="center">2020-05-01</td>
- <td align="center"><span class="text-danger">宸插欢鏈�</span></td>
- <td>
- <div class="layui-progress" lay-showPercent="yes">
- <div class="layui-progress-bar" lay-percent="60%"></div>
- </div>
- </td>
- </tr>
- <tr>
- <td>4</td>
- <td><span class="layui-text"><a>绮儏鐩戞祴绯荤粺</a></span></td>
- <td align="center">2020-06-01</td>
- <td align="center">2020-10-01</td>
- <td align="center"><span class="text-warning">鏈紑濮�</span></td>
- <td>
- <div class="layui-progress" lay-showPercent="yes">
- <div class="layui-progress-bar" lay-percent="0%"></div>
- </div>
- </td>
- </tr>
- <tr>
- <td>5</td>
- <td><span class="layui-text"><a>椤圭洰00000001</a></span></td>
- <td align="center">2020-01-01</td>
- <td align="center">2020-04-01</td>
- <td align="center"><span class="text-muted">宸插畬鎴�</span></td>
- <td>
- <div class="layui-progress" lay-showPercent="yes">
- <div class="layui-progress-bar" lay-percent="90%"></div>
- </div>
- </td>
- </tr>
- <tr>
- <td>6</td>
- <td><span class="layui-text"><a>椤圭洰00000002</a></span></td>
- <td align="center">2020-01-01</td>
- <td align="center">2020-03-01</td>
- <td align="center"><span class="text-muted">宸插畬鎴�</span></td>
- <td>
- <div class="layui-progress" lay-showPercent="yes">
- <div class="layui-progress-bar" lay-percent="100%"></div>
- </div>
- </td>
- </tr>
+ <tbody id="retentionList">
</tbody>
</table>
</div>
@@ -515,27 +336,26 @@
<col>
</colgroup>
<tbody>
- <script type="text/html" ew-tpl>
- <tr>
- <td>褰撳墠鐗堟湰</td>
- <td>v{{layui.admin.version}}   <a href="https://easyweb.vip/doc/" target="_blank">鏇存柊鏃ュ織</a>
- </td>
- </tr>
- <tr>
- <td>鍩轰簬妗嗘灦</td>
- <td>layui-v{{layui.v}}</td>
- </tr>
- </script>
+<!-- <script type="text/html" ew-tpl>-->
+<!-- <tr>-->
+<!-- <td>褰撳墠鐗堟湰</td>-->
+<!-- <td>v{{layui.admin.version}}   <a href="https://easyweb.vip/doc/" target="_blank">鏇存柊鏃ュ織</a>-->
+<!-- </td>-->
+<!-- </tr>-->
+<!-- <tr>-->
+<!-- <td>鍩轰簬妗嗘灦</td>-->
+<!-- <td>layui-v{{layui.v}}</td>-->
+<!-- </tr>-->
+<!-- </script>-->
<tr>
- <td>涓昏鐗硅壊</td>
- <td>鍗曢〉闈� / 鍝嶅簲寮� / 绠�绾� / 鏄撲笂鎵�</td>
+ <td>鐗堟湰鍙�</td>
+ <td>Version 1.0.0</td>
</tr>
<tr>
- <td>鑾峰彇娓犻亾</td>
+ <td>绔嬪簱鍏ュ彛</td>
<td>
- <a href="http://easyweb.vip" class="layui-btn layui-btn-sm layui-btn-danger"
- target="_blank">鑾峰彇鎺堟潈</a>
- <a href="http://easyweb.vip/user/order" target="_blank" class="layui-btn layui-btn-sm">绔嬪嵆涓嬭浇</a>
+ <a href="http://localhost:8080/wms" class="layui-btn layui-btn-sm layui-btn-danger" target="_blank">A-WMS</a>
+ <a href="http://localhost:8080/wcs" target="_blank" class="layui-btn layui-btn-sm">WCS</a>
</td>
</tr>
</tbody>
@@ -543,32 +363,8 @@
</div>
</div>
<div class="layui-card">
- <div class="layui-card-header">灏忕粍鎴愬憳</div>
- <div class="layui-card-body">
- <div class="console-user-group">
- <img src="../../assets/images/head.jpg" class="console-user-group-head" alt=""/>
- <div class="console-user-group-name">鍛ㄦ槦鏄�</div>
- <div class="console-user-group-desc">浜у搧璐熻矗浜�</div>
- <span class="layui-badge layui-badge-green">鍦ㄧ嚎</span>
- </div>
- <div class="console-user-group">
- <img src="../../assets/images/head.jpg" class="console-user-group-head" alt=""/>
- <div class="console-user-group-name">鍛ㄦ槦鏄�</div>
- <div class="console-user-group-desc">椤圭洰璐熻矗浜�</div>
- <span class="layui-badge layui-badge-green">鍦ㄧ嚎</span>
- </div>
- <div class="console-user-group">
- <img src="../../assets/images/head.jpg" class="console-user-group-head" alt=""/>
- <div class="console-user-group-name">鍛ㄦ槦鏄�</div>
- <div class="console-user-group-desc">浜у搧璐熻矗浜�</div>
- <span class="layui-badge layui-badge-red">绂荤嚎</span>
- </div>
- <div class="console-user-group">
- <img src="../../assets/images/head.jpg" class="console-user-group-head" alt=""/>
- <div class="console-user-group-name">鍛ㄦ槦鏄�</div>
- <div class="console-user-group-desc">娴嬭瘯璐熻矗浜�</div>
- <span class="layui-badge layui-badge-red">绂荤嚎</span>
- </div>
+ <div class="layui-card-header">瀹夊叏搴撳瓨璀﹀憡</div>
+ <div class="layui-card-body" id="safeQuaList">
</div>
</div>
<div class="layui-card">
@@ -601,6 +397,7 @@
<!-- js閮ㄥ垎 -->
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></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.config({
base: '../../static/layuiadmin/' //闈欐�佽祫婧愭墍鍦ㄨ矾寰�
@@ -656,7 +453,96 @@
})
}
+ 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);
+ // 瀹夊叏搴撳瓨
+ var tpl3 = $('#safeQuaTpl').html();
+ var template3 = Handlebars.compile(tpl3);
+ var html3 = template3(res.data);
+ $('#safeQuaList').append(html3);
+ // 搴撳瓨婊炵暀
+ var tpl4 = $('#retentionTpl').html();
+ var template4 = Handlebars.compile(tpl4);
+ var html4 = template4(res.data);
+ $('#retentionList').append(html4);
+ } 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-red layui-badge-priority">{{anfme}}</span>
+ </td>
+ <td><span class="layui-text"><a style="cursor: initial">{{loc_no}} <span style="color: #4c4c4c">鍑哄簱锛�</span> <span title="{{maktx}}">{{matnr}}</span></a></span></td>
+ <td align="center">
+ <span class="{{style}}">
+ {{wrkStsName}}
+ </span>
+ </td>
+ </tr>
+ {{/each}}
+</script>
+<script type="text/template" id="safeQuaTpl">
+ {{#each safeQuaList}}
+ <div class="console-user-group">
+ <div class="console-user-group-head">{{no}}</div>
+ <div class="console-user-group-name">{{node_name}}</div>
+ <div class="console-user-group-desc">{{maktx}}</div>
+ <span class="layui-badge layui-badge-red" style="letter-spacing: 1px">闇�鍏ュ簱锛歿{dValue}}</span>
+ </div>
+ {{/each}}
+</script>
+<script type="text/template" id="retentionTpl">
+ {{#each retentionList}}
+ <tr>
+ <td>{{no}}</td>
+ <td align="center"><span class="layui-text"><a>{{loc_no}}</a></span></td>
+ <td align="center">{{createTime}}</td>
+ <td align="center"><span style="font-weight: bold">{{stayDays}}</span> 澶�</td>
+ <td align="center"><span class="text-success">{{matnr}}</span></td>
+ <td align="center">
+ <span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{maktx}}</span>
+ </td>
+ </tr>
+ {{/each}}
+</script>
</body>
</html>
--
Gitblit v1.9.1