#

luxiaotao1123

2021-03-06 0dd24ca8ed10ed9cf94bcc4e73389958bc86f932

 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;
@@ -295,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>
@@ -304,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>
@@ -406,27 +336,26 @@
                            <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>
<!--                        <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>立库入口</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>
@@ -434,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">
@@ -568,6 +473,16 @@
                        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 {
@@ -594,9 +509,9 @@
    {{#each pakoutList}}
        <tr>
            <td align="center">
                <span class="layui-badge layui-badge-red layui-badge-priority">{{anfme}}</span>
                <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: initial">{{loc_no}} <span style="color: #4c4c4c">出库：</span> <span title="{{maktx}}">{{matnr}}</span></a></span></td>
            <td align="center">
                <span class="{{style}}">
                    {{wrkStsName}}
@@ -605,5 +520,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>