lhm
/
kmall-haikong
ter-fork dari project/kmall-haikong


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
							<!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;
        }

        .ui-jqgrid .ui-jqgrid-bdiv {
            border-top: 1px solid #E1E1E1;
            overflow-x: auto;
        }
        .frozen-div, .frozen-bdiv {
            background-color: #E4E6E9;/*与网页背景色一致*/
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <Row :gutter="16">

            <div class="buttons-group" style="width: 100%;margin-top: 8px; padding-left: 10px;">
                #if($shiro.hasPermission("goods:update"))
                <i-button type="warning" @click="update">&nbsp;全景图</i-button>
                #end


                <!--<i-button type="info" @click="goodsExport"><i class="fa fa-plus"></i>&nbsp;商品导入</i-button>-->
                <!--<i-button type="info" @click="sameGoodsExport"><i class="fa fa-plus"></i>&nbsp;普货商品导入</i-button>-->

            </div>
        </Row>
        <table id="jqGrid"></table>
        <div id="jqGridPager"><div class="ui-jqgrid-bdiv frozen-div"></div></div>

    </div>

    <Card v-show="!showList">
        <div class="search-group">
            <i-col span="3">
                <i-input v-model="q.goodsSn" @on-enter="query" placeholder="商品编码"/>
            </i-col>
            <i-col span="3">
                <i-input v-model="q.prodBarcode" @on-enter="query" placeholder="商品条码"/>
            </i-col>
            <i-col span="3">
                <i-select v-model="q.storeId" placeholder="门店" filterable label-in-value>
                    <i-option v-for="store in stores" :value="store.id"
                              :key="store.id">{{store.storeName}}
                    </i-option>
                </i-select>
            </i-col>
            <i-button @click="query">查询</i-button>
            <i-button @click="reloadSearch">重置</i-button>
            <i-button type="warning" @click="returnBack" style="margin-left: 8px"/>返回</i-button>
        </div>
<!--        <p slot="title">{{title}}</p>-->

        <i-form ref="formValidate" :model="goods" :rules="ruleValidate" :label-width="140">
        <Row>
            <i-col span="4">
                <Form-item label="商品名称" prop="name">
                    <i-input readOnly="readonly" v-model="goods.name" placeholder="商品名称"/>
                </Form-item>
            </i-col>
            <i-col span="4">
                <Form-item label="商品简称" prop="name">
                    <i-input readOnly="readonly" v-model="goods.name" placeholder="商品简称"/>
                </Form-item>
            </i-col>
            <i-col span="4">
                <Form-item label="规格" prop="ciqProdModel">
                    <i-input readOnly="readonly" v-model="goods.ciqProdModel" placeholder="规格"/>
                </Form-item>
            </i-col>
            <i-col span="4">
                <Form-item label="基本单位" prop="goodsUnit">
                    <i-input readOnly="readonly" v-model="goods.goodsUnit" placeholder="基本单位"/>
                </Form-item>
            </i-col>
        </Row>
            <Row>
                <i-col span="4">
                    <Form-item label="品类" prop="goodsSn">
<!--                        <i-input v-model="goods.goodsSn" placeholder="品类"/>-->
                        <i-input  readOnly="readonly" v-model="goods.categoryName" placeholder="品类"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="部门" prop="goodsSn">
<!--                        <i-input v-model="goods.goodsSn" placeholder="部门"/>-->
                        <i-input readOnly="readonly" placeholder="部门"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="品牌厅" prop="brand">
                        <i-input readOnly="readonly" v-model="goods.brand" placeholder="品牌厅"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="进货单位" prop="goodsUnit">
<!--                        <i-input v-model="goods.goodsSn" placeholder="进货单位"/>-->
                        <i-input  readOnly="readonly" v-model="goods.goodsUnit" placeholder="进货单位"/>
                    </Form-item>
                </i-col>
            </Row>
            <Row>
                <i-col span="4">
                    <Form-item label="主供应商" prop="goodsSn">
<!--                        <i-input v-model="goods.goodsSn" placeholder="主供应商"/>-->
                        <i-input  readOnly="readonly" placeholder="主供应商"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="商品U级" prop="goodsSn">
<!--                        <i-input v-model="goods.goodsSn" placeholder="商品U级"/>-->
                        <i-input  readOnly="readonly" placeholder="商品U级"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="包装含量" prop="goodsSn">
<!--                        <i-input v-model="goods.goodsSn" placeholder="包装含量"/>-->
                        <i-input readOnly="readonly" placeholder="包装含量"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="产地" prop="goodsSn">
                        <i-select disabled="disabled" v-model="goods.oriCntCode" filterable placeholder="原产国"
                                  label-in-value>
                            <i-option   v-for="cusNationCode in cusNationCodeList" :value="cusNationCode.code" :key="cusNationCode.sn">{{cusNationCode.name}}</i-option>
                        </i-select>
<!--                        <i-input v-model="goods.goodsSn" placeholder="产地"/>-->
                    </Form-item>
                </i-col>
            </Row>
            <Row>
                <i-col span="4">
                    <Form-item label="主条码" prop="prodBarcode">
                        <i-input readOnly="readonly" v-model="goods.prodBarcode" placeholder="主条码"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="PLU编码" prop="sku">
                        <!--<i-input v-model="goods.sku" placeholder="PLU编码"/>-->
                        <i-input  readOnly="readonly" placeholder="PLU编码"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="编码" prop="sku">
                        <i-input readOnly="readonly" v-model="goods.sku" placeholder="编码"/>
                    </Form-item>
                </i-col>
                <i-col span="4">
                    <Form-item label="品牌" prop="brand">
                        <i-input readOnly="readonly" v-model="goods.brand" placeholder="品牌"/>
                    </Form-item>
                </i-col>
            </Row>

        <Tabs value="branch">
            <Tab-Pane label="分店信息" name="branch">
                <table id="branchJqGrid"></table>
                <div id="branchJqGridPager"><div class="ui-jqgrid-bdiv frozen-div"></div></div>
            </Tab-Pane>

            <Tab-Pane label="折扣信息" name="discount">
                <table id="discountJqGrid"></table>
                <div id="discountJqGridPager"><div class="ui-jqgrid-bdiv frozen-div"></div></div>
            </Tab-Pane>
            <Tab-Pane label="条码信息" name="barcode">
                <table id="barcodeJqGrid"></table>
                <div id="barcodeJqGridPager"><div class="ui-jqgrid-bdiv frozen-div"></div></div>
            </Tab-Pane>
            <Tab-Pane label="进销存明细查询" name="detail">
                <div class="search-group">
                    <i-col span="3">
                        <Date-picker v-model="q.startTime" placeholder="创建订单开始时间"/>
                    </i-col>
                    <i-col span="3">
                        <Date-picker v-model="q.endTime" placeholder="创建订单结束时间"/>
                    </i-col>
                    <i-button @click="queryDetail">查询</i-button>
                </div>

                <table id="detailJqGrid"></table>
                <div id="detailJqGridPager"><div class="ui-jqgrid-bdiv frozen-div"></div></div>
            </Tab-Pane>
            <Tab-Pane label="销售查询" name="sales">
                <table id="salesJqGrid"></table>
                <div id="salesJqGridPager"><div class="ui-jqgrid-bdiv frozen-div"></div></div>
            </Tab-Pane>
        </Tabs>
        </i-form>
        <div style="padding-left: 20px">
            <!--<i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>-->

            <!--<i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>-->
        </div>
    </Card>
</div>

<!-- 选择类型 -->
<div id="categoryLayer" style="display: none;padding: 10px;">
    <ul id="categoryTree" class="ztree"></ul>
</div>

<script src="${rc.contextPath}/js/sale/goodsPanorama.js?_${date.systemTime}"></script>
</body>
</html>