935090232@qq.com
2021-04-20 b58adf14617cd852296bec9e1ca57978741c9f0a
zq-erp/src/main/resources/templates/views/admin/hive/instore/store-list-pl.html
New file
@@ -0,0 +1,182 @@
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!-- 本框架基本脚本和样式 -->
    <script type="text/javascript"
            th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script>
</head>
<body class=" container-fluid">
<div class="pd-10">
    <!-- 搜索框部分start -->
    <div class="row form-head">
        <form class="form-inline" id="serchform">
            <div class="form-group mr-20 ">
                <div class="btn-group search-list " data-for="search-text">
                    <button type="button"
                            class="btn btn-default dropdown-toggle searchlist"
                            data-toggle="dropdown">
                        产品名称 <span class="caret "></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li data-field="goods.name"><a>产品名称</a></li>
                        <li data-field="goods.goodsNo"><a>产品编号 </a></li>
                    </ul>
                </div>
                <input autocomplete="off"   id="search-text" name="goods.name" placeholder="输入查询关键词"
                       type="text" class="form-control">
            </div>
            <div class="form-group mr-20">
                <label for="goodsSortId">产品分类</label> <select
                    class=" form-control select2" size="1"
                    name="goods.goodsSortId" id="goodsSortId">
                <option value=''>--选择产品分类--</option>
            </select>
            </div>
            <div class="form-group mr-20">
                <label for="isAlarm">库存报警状态</label> <select class="form-control"
                                                            name="isAlarm" id="isAlarm">
                <option value=''>--请选择库存报警状态--</option>
                <option value='1'>是</option>
                <option value='2'>否</option>
            </select>
            </div>
            <div class="form-group">
                <button onclick="myGrid.serchData(1)" type="button"
                        class="btn btn-sm btn-info">
                    <i class="fa fa-search "></i> 搜索
                </button>
                <button type="reset" class="btn btn-sm btn-info ">
                    <i class="fa fa-refresh "></i> 重置
                </button>
            </div>
        </form>
    </div>
    <div class="row mt-10">
        <div id="option-bar">
            <button   onclick="savePl()" type="button" class="btn btn-info btn-sm"><i class="fa fa-download"></i>选择配料</button>
            <!-- 功能按钮部分 -->
        </div>
        <!-- 数据表格部分 -->
        <table id="mgrid">
            <thead>
            <tr>
                <th data-checkbox="true"></th>
                <th data-formatter="MGrid.indexfn" data-align="center"
                    data-width="30px">序号
                </th>
                <th data-field="goods.code">产品编号</th>
                <th data-field="goods.name">产品名称</th>
                <th data-field="goods.unit">产品单位</th>
                <th data-field="storeTotal" data-formatter="overTime"
                    data-sortable="true">库存量
                </th>
                <th data-field="goodsPrice">入库平均价</th>
                <th  data-field="batchCount">批次数</th>
                <th data-field="goods.alarmNum">库存预警值</th>
                <th data-field="storeName">所属仓库</th>
<!--                <th data-field="goods.goodType">产品用途</th>-->
                <th data-field="goods.goodsSortName">分类</th>
            </tr>
            </thead>
        </table>
        <!-- 数据表格部分end -->
    </div>
</div>
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
<script type="text/javascript">
    var myGrid;
    $(function () {
        $(".select2").select2();
        //初始化商品类型搜索列表
        initGoodsTypes();
        //初始化商品属性搜索列表
        MTools.autoFullSelect();
        myGrid = MGrid.initGrid({
            url: basePath + "/admin/store/showCountList",
            sortName: "c.goodsNo",
            sortOrder: "asc",
            mutexClick : false,
            clickToSelect : true
        });
    });
    function buidOperate(value, row, index) {
        var html = [];
        html[0] = '<a  onClick="openStoreFlow(\'' + row.goods.code
            + '\')"   class="text-primary " >流向明细</a>'
        return html.join("");
    }
    function openStoreFlow(productCode){
        layer.full(layer.open({
            type : 2,
            title : "库存流向明细",
            maxmin : true,
            area :  MUI.SIZE_M,
            content : [ basePath + '/admin/redirect/hive/statistics/store-inout-list?productCode='+productCode ]
        }));
    }
    /**
     * 初始化产品列表
     */
    function initGoodsTypes() {
        $.AjaxProxy({
            a: false,
            c: false
        }).invoke(basePath + "/admin/goodstype/all", function (loj) {
            $("#goodsSortId").createSelectTree(loj.attr("result").rows, {
                append: true,
                value: "typeName"
            });
        });
    }
    /**
     * 库存警戒
     */
    function overTime(value, row, index) {
        var html = "";
        var alarmNum = 0;
        if (row.sku != null) {
            alarmNum = row.alarmNum;
        }
        var storeNum = parseInt(value);
        if (alarmNum > storeNum) {
            html = '<span class="label-danger" >&nbsp;&nbsp;' + value
                + '&nbsp;&nbsp;</span>';
        } else {
            html = '<span>' + value + '</span>';
        }
        return html;
    }
    function savePl() {
        var rows = $("#mgrid").bootstrapTable('getAllSelections');
        parent.selectPl(rows);
        parent.layer.close(parent.layer.getFrameIndex(window.name));
    }
</script>
</body>
</html>