#

luxiaotao1123

2021-03-06 db4180c88d1aa3b410b719ac2710e70eeb9431d3

 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 {
@@ -263,7 +265,12 @@
            <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">
                            组托动态
                            <span class="icon-text pull-right" lay-tips="蓝色代表未入库" lay-direction="4" lay-offset="5px,5px">
                                <i class="layui-icon layui-icon-loading-1 layui-anim layui-anim-rotate layui-anim-loop"></i>
                            </span>
                        </div>
                        <div class="layui-card-body dynamic-card-body mini-bar" style="height: 265px;">
                            <ul id="combList" class="layui-timeline layui-timeline-dynamic">
                            </ul>
@@ -304,91 +311,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>
@@ -406,60 +341,21 @@
                            <col>
                        </colgroup>
                        <tbody>
                        <script type="text/html" ew-tpl>
                            <tr>
                                <td>当前版本</td>
                                <td>v{{layui.admin.version}} &emsp; <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>
                                <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>
                            </td>
                            <td>优点特色</td>
                            <td>易上手 / 操作效率高 / 数据及时 / 简约</td>
                        </tr>
                        </tbody>
                    </table>
                </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">
@@ -468,19 +364,14 @@
                    <div class="layui-carousel admin-carousel admin-news" id="workplaceNewsCarousel">
                        <div carousel-item>
                            <div>
                                <a href="http://www.layui.com/" target="_blank"
                                <a href="http://192.168.1.22:8080/htwms" target="_blank"
                                   style="color:#fff;background-color: #009688;background-image: linear-gradient(to right,#009688,#5fb878);">
                                    layui - 经典模块化前端框架</a>
                                    ASRS（自动化立体仓库） - WMS</a>
                            </div>
                            <div>
                                <a href="http://fly.layui.com/extend/" target="_blank"
                                <a href="http://192.168.1.22:8080/htwcs" target="_blank"
                                   style="color:#fff;background-color: #009fde;background-image: linear-gradient(to right,#009fde,#00beff);">
                                    layui第三方组件平台</a>
                            </div>
                            <div>
                                <a href="https://fly.layui.com/" target="_blank"
                                   style="color:#fff;background-color: #34363f;background-image: linear-gradient(to right,#34363f,#676c7c);">
                                    layui框架官方社区</a>
                                    ASRS（自动化立体仓库） - WCS 设备控制中心</a>
                            </div>
                        </div>
                    </div>
@@ -505,6 +396,15 @@
        var carousel = layui.carousel;
        var device = layui.device();


        getHeaderData();
        getBodyData();

        setInterval(function () {
            getHeaderData();
            getBodyData();
        }, 3000)

        // 渲染轮播
        carousel.render({
            elem: '#workplaceNewsCarousel',
@@ -515,8 +415,6 @@
            trigger: device.ios || device.android ? 'click' : 'hover',
            anim: 'fade'
        });

        getHeaderData();

        // 头
        function getHeaderData() {
@@ -548,8 +446,6 @@
            })
        }

        getBodyData();

        // 头
        function getBodyData() {
            $.ajax({
@@ -562,12 +458,22 @@
                        var tpl1 = $('#combTpl').html();
                        var template1 = Handlebars.compile(tpl1);
                        var html1 = template1(res.data);
                        $('#combList').append(html1);
                        $('#combList').html(html1);
                        // 订单
                        var tpl2 = $('#orderTpl').html();
                        var template2 = Handlebars.compile(tpl2);
                        var html2 = template2(res.data);
                        $('#pakoutList').append(html2);
                        $('#pakoutList').html(html2);
                        // 安全库存
                        var tpl3 = $('#safeQuaTpl').html();
                        var template3 = Handlebars.compile(tpl3);
                        var html3 = template3(res.data);
                        $('#safeQuaList').html(html3);
                        // 库存滞留
                        var tpl4 = $('#retentionTpl').html();
                        var template4 = Handlebars.compile(tpl4);
                        var html4 = template4(res.data);
                        $('#retentionList').html(html4);
                    } else if (res.code === 403) {
                        top.location.href = baseUrl + "/";
                    } else {
@@ -584,8 +490,10 @@
        <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 class="layui-timeline-title">
                    <span title="{{maktx}}">{{matnr}}</span> 并板 <span>{{zpallet}}</span> 托盘， 数量：{{anfme}}
                    <span class="pull-right">{{time}} </span>
                </div>
            </div>
        </li>
    {{/each}}
@@ -596,7 +504,7 @@
            <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> {{matnr}}</a></span></td>
            <td><span class="layui-text"><a style="cursor: default">{{loc_no}} <span style="color: #4c4c4c">出库：</span> <span title="{{maktx}}" style="cursor: default">{{matnr}}</span></a></span></td>
            <td align="center">
                <span class="{{style}}">
                    {{wrkStsName}}
@@ -605,5 +513,29 @@
        </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>