<!DOCTYPE html>
<html>
<head>
    <title></title>
    #parse("sys/header.html")
    <style>
        .upload-list {
            display: inline-block;
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            border: 1px solid transparent;
            border-radius: 4px;
            overflow: hidden;
            background: #fff;
            position: relative;
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            margin-right: 4px;
        }

        .upload-list img {
            width: 100%;
            height: 100%;
        }

        .upload-list-cover {
            display: none;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, .6);
        }

        .upload-list:hover .upload-list-cover {
            display: block;
        }

        .upload-list-cover i {
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            margin: 0 2px;
        }

        .hselect {
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <Row :gutter="16">
            <div class="search-group">
                <i-col span="4">
                    <i-input v-model="q.goodsSn" @on-enter="query" placeholder="商品编码"/>
                </i-col>
                <i-button @click="query">查询</i-button>
                <i-button @click="reloadSearch">重置</i-button>
            </div>
            <div class="buttons-group">
                #if($shiro.hasPermission("goods:update"))
                <i-button type="info" @click="update"><i class="fa fa-plus"></i>&nbsp;普货订单生成</i-button>
                <i-button class="btn btn-outline btn-primary" onclick="vm.removeData()"><i class="fa fa-remove"></i>批量删除</i-button>&nbsp;
                #end
            </div>
        </Row>
        <table id="jqGrid"></table>
        <div id="jqGridPager">
            商品合计：{{goodsTotalPrice}}
            实收：{{applyPrice}}
        </div>

        <!--<table id="scannTable" class="scannTable" style="width: 100%;">-->
            <!--<tr>-->
                <!--<th>门店</th>-->
                <!--<th>SKU</th>-->
                <!--<th>名称</th>-->
                <!--<th>货品业务类型</th>-->
                <!--<th>零售价格</th>-->
                <!--<th>库存</th>-->
                <!--<th>商品图</th>-->
                <!--<th>销售量</th>-->
            <!--</tr>-->
            <!--<tr></tr>-->

        <!--</table>-->
    </div>

    <!--<Card v-show="!showList">-->
        <!--<p slot="title">{{title}}</p>-->
        <!--<i-form ref="formValidate" :model="goods" :rules="ruleValidate" :label-width="140">-->
            <!--<Tabs value="name1">-->
                <!--<Tab-Pane label="" name="name1">-->
                    <!--<Form-item label="名称：" prop="name">-->
                        <!--{{goods.name}}-->
                    <!--</Form-item>-->
                    <!--&lt;!&ndash;<Form-item label="品牌" prop="brandId">&ndash;&gt;-->
                        <!--&lt;!&ndash;<i-select v-model="goods.brandId" filterable placeholder="品牌"&ndash;&gt;-->
                                  <!--&lt;!&ndash;label-in-value style="width: 268px;">&ndash;&gt;-->
                            <!--&lt;!&ndash;<i-option v-for="brand in brands" :value="brand.id" :key="brand.id">{{brand.name}}&ndash;&gt;-->
                            <!--&lt;!&ndash;</i-option>&ndash;&gt;-->
                        <!--&lt;!&ndash;</i-select>&ndash;&gt;-->
                    <!--&lt;!&ndash;</Form-item>&ndash;&gt;-->
                    <!--&lt;!&ndash;<Form-item label="供应商" prop="supplierId">&ndash;&gt;-->
                        <!--&lt;!&ndash;<i-select v-model="goods.supplierId" filterable placeholder="供应商"&ndash;&gt;-->
                                  <!--&lt;!&ndash;label-in-value style="width: 268px;">&ndash;&gt;-->
                            <!--&lt;!&ndash;<i-option v-for="supplier in suppliers" :value="supplier.id" :key="supplier.id">{{supplier.childSupplierSn}}&ndash;&gt;-->
                            <!--&lt;!&ndash;</i-option>&ndash;&gt;-->
                        <!--&lt;!&ndash;</i-select>&ndash;&gt;-->
                    <!--&lt;!&ndash;</Form-item>&ndash;&gt;-->
                    <!--<Form-item label="零售价：" prop="retailPrice">-->
                        <!--{{goods.retailPrice}}-->
                    <!--</Form-item>-->
                    <!--<Form-item label="商品税率（0.00）：" prop="goodsRate">-->
                        <!--{{goods.goodsRate}}-->
                    <!--</Form-item>-->
                    <!--<Form-item label="商品主图：" prop="listPicUrl">-->
                        <!--<img id=logo src="{{goods.listPicUrl}}" />-->
                    <!--</Form-item>-->
                <!--</Tab-Pane>-->
            <!--</Tabs>-->
        <!--</i-form>-->
        <!--<div style="padding-left: 20px">-->
            <!--<i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>-->
            <!--<i-button type="warning" @click="reload" style="margin-left: 8px"/>返回</i-button>-->
        <!--</div>-->
    <!--</Card>-->
</div>
<script src="${rc.contextPath}/js/shop/scannShop.js?_${date.systemTime}"></script>
<style>
    .scannTable tr{
        border: 1px solid #cccccc;
        background: #c1c1c1;
    }
    .scannTable tr th{
        border: 1px solid #cccccc;
        background: #c1c1c1;
        height: 30px;
    }

</style>
</body>
</html>