mashangyoujiu/Application/Retail/View/Check/orderdetail.html

<!doctype html>
<html>
<!--[1.1.96]-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>促销</title>
    <link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui-v2.4.3/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            padding: 10px 15px;
        }

        table {
            border: 1px solid #f1f1f1;
            margin-top: 40px;
        }

        .goods :nth-child(1) {
            border: none;
            outline: none;
        }

        .goods :nth-child(2) {
            border: none;
            vertical-align: middle;
        }

        .specialOffer input {
            /*border: none;*/
            outline: none;
        }

        .layui-table-box tr th .layui-form-checkbox {
            display: none;
        !important;
        }

        .tableBox tr th {
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .layui-table-cell {
            height: 38px;
        }

        .see-more {
            color: #333;
            cursor: pointer;
            display: inline-block;
            position: relative;
        }

        .see-more::selection {
            background-color: transparent;
        }

        .see-more:hover {
            color: #666;
        }

        .see-more:active {
            transform: scale(0.95);
        }
    </style>
</head>
<body style="background-color:#fff7f8;min-width: 1100px;">
<div class="goodsBox">
    <div class="goods_title">
        <div class="goods_title_inner">
            库存盘点详情
        </div>
    </div>
</div>
<if condition="$global_store_jurisdiction && ($global_store_jurisdiction['data_export'] eq '2')">
    <else/>
    <div class="goods_edit">
        <form id="select_serach">
            <div class="layui-input-inline">
                <if condition="$authArr['exporttablecheck']">
                    <div class="goods_edit_add" id="serach_icon">导出盘点单据详情</div>
                </if>
            </div>
        </form>
    </div>
</if>
<table class="layui-hide" id="checkgoods" lay-filter="mydemo"></table>
<script type="text/html" id="logs">
    <if condition="$authArr['see_more']">
        <span class="see-more" lay-event="seeMore">查看</span>
    </if>
</script>
</body>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui-v2.4.3/layui/layui.js"></script>
<script>
    layui.use(['table', 'form', 'layer'], function () {
        var table = layui.table;
        var form = layui.form;
        var layer = layui.layer;
        table.render({
            elem: '#checkgoods',
            url: "{:U('Retail/Check/orderdetaillist')}",
            where: {id: '{$id}'},
            cols: [
                [{
                    field: 'index',
                    title: '序号',
                    width: 60
                }, {
                    field: 'good_number',
                    title: '货号',
                    width: 100
                }, {
                    field: 'goods_name',
                    title: '品名'
                }, {
                    field: 'goods_code',
                    title: '商品条码',
                }, {
                    field: 'purch_price',
                    title: '进价(元)',
                    width: 100,
                    hide: "{$global_store_jurisdiction['showpurch_price']}" == 2 ? true : false
                }, {
                    field: 'retail_price',
                    title: '零售价(元)',
                    width: 100
                }, {
                    field: 'goods_num',
                    title: '系统库存',
                    width: 100
                }, {
                    field: 'pd_num',
                    title: '盘点(实际)库存',
                    width: 200
                }, {
                    field: 'change_num',
                    title: '盈亏数量',
                    width: 150,
                }, {
                    field: 'all_money',
                    title: '盈亏金额',
                    width: 150,
                    hide: "{$global_store_jurisdiction['showpurch_price']}" == 2 ? true : false
                }, {
                    title: '盘点记录',
                    width: 90,
                    templet: "#logs",
                    align: 'center'
                }
                ]
            ],
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }
        });
        table.on('tool(mydemo)', function (obj) {
            var data = obj.data;
            console.log(data)
            if (obj.event === 'seeMore') {
                layer.open({
                    content: "{:U('see_more')}?id=" + data.goods_id + '&pd_order_id={$id}',
                    area: ['800px', '600px'],
                    type: 2,
                    title: data.goods_name + ' 盘点记录'
                })
            }
        })

        $('#serach_icon').click(function () {
            window.location.href = "{:U('Exporttable/exporttablecheck')}?id={$id}";
        })
    })
</script>
</html>