customer / shanghai-railway-web

$page.setTitle("编辑商品")
<div class="xn-breadcrumb xn-width auto clearfix ">
    <ul class="breadcrumb">
        <li><a href="$adminLink.setTarget("volunteerNurse/index")">首页</a></li><!--
       --><li class="active"><a class="dark-gray-txt " href="$adminLink.setTarget("pointCommodity/index")">商品</a><span class="ml-5 mr-5">></span>编辑</li>
    </ul>
</div>
<div class="xn-width auto xn-main xn-commodity-page clearfix " ng-controller="PointCommodityOpenController">
    <div class="create-commodity-title clearfix">
        编辑商品
    </div>
    <div class="commodity-content clearfix">
        <label class="f-right"><h5> 商品的类目：{{commodity.clazzName}}</h5></label>
    </div>
    <ul class="commodity-stop-flow clearfix">
        <li class="xn-col-md-8  step1 f-left currentStep" ng-class="{'step1-now':navType == 'BASIC','step1-pass':navType != 'BASIC'}"><span>基本信息</span></li>
        <li class="xn-col-md-8  step2 f-left " ng-class="{'step2-yet':navType == 'BASIC','step2-now':navType == 'SKU','step2-pass':navType == 'LOGISTICS'}"><span>绑定SKU</span></li>
        <li class="xn-col-md-8  step3 f-left " ng-class="{'step3-yet':navType != 'LOGISTICS','step3-now':navType == 'LOGISTICS'}" ><span>物流信息</span></li>
    </ul>
    <form ng-show="navType == 'BASIC'"  class="form-horizontal xn-form clearfix" role="form"  novalidate  name="basicValidateForm" >
        <div class="clearfix">
            <div class="commodity-second-title">
                <div class="commodity-h5">
                    <h5>基本信息</h5>
                </div>
            </div>
            <div class="commodity-content">
                <div class="clearfix mt-10">
                    <div class="item f-left">
                        <label><i class="xn-required-i"></i><span>商品名称：</span></label>
                        <input type="text" name="commodityName" ng-model="commodity.name" required="required" error_message="商品名称不能为空" maxlength="500"/>
                    </div>
                    <div class="item f-left">
                        <label><i class="xn-required-i"></i><span>商品编码：</span></label>
                        <input type="text" name="commodityNumber" ng-model="commodity.number" required="required" error_message="商品货号不能为空" maxlength="50" />
                    </div>
                    <div class="item f-left">
                        <label>#*<i class="xn-required-i"></i>*#<span>商品简称：</span></label>
                        <input type="text" name="commodityShortName" ng-model="commodity.shortName" #*required="required" error_message="商品简称不能为空"*# maxlength="50"/>
                    </div>
                </div>
                <div class="clearfix mt-10">
                    <div class="item f-left">
                        <label><span>商品副标题：</span></label>
                        <input type="text" name="commodityName" ng-model="commodity.subTitle"  maxlength="500"/>
                    </div>
                </div>
                <div class="clearfix mt-10">
                    <label for="isLatestMode" class="xn-label-checkbox ml-20">
                        <i class="xn-checkbox"></i>
                        <i class="icon icon-right_3" ng-if="commonOuParam.isLatestMode"></i>
                        <input type="checkbox" id="isLatestMode" class="xn-checkbox-input ng-pristine ng-valid" name="isLatestMode" ng-model="commonOuParam.isLatestMode">
                        是否热兑
                    </label>
                    <label for="isVirtual" class="xn-label-checkbox ml-20">
                        <i class="xn-checkbox"></i>
                        <i class="icon icon-right_3" ng-if="commodity.isVirtual"></i>
                        是否为虚拟商品
                    </label>
                </div>
                <div class="clearfix mt-20">
                    <div class="item"><span class="ml-20">展示图片(分辨率700*700;图片至少上传一张，图片类型只能为gif,png,jpg,jpeg,且大小不超过3MB)</span></div>
                    <div class="ml-90">
##                        <div class="f-left" ng-repeat="file in fileList">
##                            <div ng-class="{'error':file.hasError}" xn-img-edit-single ng-model ="file"></div>
##                            <div class="clearfix commodity-picture">
##                                <label ng-if="$index == 0"><i class="xn-required-i"></i><span>封面图</span></label>
##                                <div ng-if="$index != 0 && file.id" class="f-right">
##                                    <button class="btn btn-sm btn-primary" ng-click="setCovers(file,$index)" >设为封面</button>
##                                </div>
##                            </div>
##                        </div>
                        <ul class="xn-upload-img clearfix">
                            <div class="f-left clearfix " ng-repeat="item in fileList">
                                <li class="clearfix">
                                    <i class="icon icon-delete" ng-click="deleteItem($index)"></i>
                                    <img ng-click="attachmentViewOpen(item.filePath)" class="upload-img"
                                         ng-src="{{item.filePath}}?x-oss-process=image/resize,m_lfit,w_140,h_140"	 width="140" height="140">
                                </li>
                                <div class="clearfix commodity-picture">
                                    <label ng-if="$index == 0"><i class="xn-required-i"></i><span>封面图</span></label>
                                    <div ng-if="$index != 0 && item.id" class="f-right">
                                        <button class="btn btn-sm btn-primary" ng-click="setCovers(item,$index)" >设为封面</button>
                                    </div>
                                </div>
                            </div>

                            <li class="f-left"  ng-class="{'error':fileList.hasError}"  >
                                <div class="upload-add" ng-click="selectImg()">
                                    <i class="icon icon-add"></i>
                                    <div class="upload-add-title">添加</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div xn-img-box  ng-Model="imgList"  data-is-open="openBox" ></div>
                </div>

                <div class="clearfix mt-20">
                    <div class="item"><span class="ml-20">商品的长图片的上传（长图的横竖比位2:3，最小长度位480，建议使用800*1200）</span></div>
                    <div class="lPic_upload ml-90">
##                        <div class="f-left" ng-repeat="file in fileList1">
##                            <div  xn-img-edit-single ng-model ="file"></div>
##                        </div>
                        <ul class="xn-upload-img clearfix">
                            <div class="f-left clearfix " ng-repeat="item in fileList1">
                                <li class="clearfix">
                                    <i class="icon icon-delete" ng-click="deleteItem1($index)"></i>
                                    <img ng-click="attachmentViewOpen(item.filePath)" class="upload-img"
                                         ng-src="{{item.filePath}}?x-oss-process=image/resize,m_lfit,w_100,h_150"	 width="100" height="150">
                                </li>

                            </div>

                            <li class="f-left"   >
                                <div class="upload-add" ng-click="selectImg1()">
                                    <i class="icon icon-add"></i>
                                    <div class="upload-add-title">添加</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div xn-img-box  ng-Model="imgList1"  data-is-open="openBox1" ></div>
                </div>
                <div class="clearfix mt-20">
                    <div class="item"><span class="ml-20">视频的上传(30M以内):</span></div>
                    <div class="vedio_upload ml-90">
                        <div xn-file-edit-single data-max-size="30" ng-model ="file"></div>
                    </div>
                </div>
                <div class="clearfix mt-10">
                    <div class="item f-left">
                        <div class="f-left">
                            <label><i class="xn-required-i"></i><span>商品类别：</span></label>
                        </div>
                        <div class="f-left mt-5">
                            <div ng-class="{'error':categoryError}"  name="commodityCategory" xn-multiple-select-tree  ng-model="selectedCategoryList"  select-data="allCategory"  name="category" ></div>
                        </div>
                    </div>
                    <div class="item f-left">
                        <div class="f-left">
                            <label class="mt-10"><span>推荐分组：</span></label>
                        </div>
                        <div class="f-left mt-5">
                            <div xn-multiple-select-tree  ng-model="selectedGroupList"  select-data="allGroupList"  name="group" ></div>
                        </div>
                    </div>
                    <div class="item f-left">
                        <label><i class="xn-required-i"></i><span>单位名称：</span></label>
                        <input name="commodityUom" type="text" ng-model="commodity.uom" required="required" error_message="单位名称不能为空" maxlength="50"/>
                    </div>
                </div>
                <div class="clearfix mt-10">
                    <div class="item f-left">
                        <label>商品品牌：</label>
                        <select ng-model="commodity.brandId" name="brand"
                                ng-options="brand.id as brand.name for brand in brandList">
                            <option value="">-------- 请选择商品品牌 --------</option>
                        </select>
                    </div>
                </div>
                <div class="clearfix mt-10">
                    <div class="item f-left" ng-repeat="commonAttribute in commonAttributeList">
                        <label><i ng-show="commonAttribute.isRequired" class="xn-required-i"></i><span>{{commonAttribute.name}}：</span></label>
                        <input ng-class="{'error':commonAttribute.hasError}" ng-if="!commonAttribute.isSelect" type="text" name="{{commonAttribute.id}}" ng-model="commonAttribute.value.value" maxlength="50" >
                        <select ng-class="{'error':commonAttribute.hasError}" ng-if="commonAttribute.isSelect && !commonAttribute.isInput"  name="{{commonAttribute.id}}" ng-model="commonAttribute.value"
                                 ng-options="value as value.value for value in commonAttribute.valueList" >
                            <option value="">-------------------- 请选择----------------------</option>
                        </select>
                        <div ng-class="{'error':commonAttribute.hasError}" class="f-right mt-5" ng-if="commonAttribute.isSelect && commonAttribute.isInput" xn-filter-input  ng-model="commonAttribute.value"  data-select-list="commonAttribute.valueList"  name="{{commonAttribute.id}}"  ></div>
                    </div>
                </div>

                <div class="clearfix mt-10">
                    <div class="item f-left">
                        <label><i class="xn-required-i"></i>排序级别：</label>
                        <input name="seoLevel" type="text" ng-model="commodity.seoLevel" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" placeholder="级别越低越靠前" required="required" maxlength="50"/>
                    </div>
                </div>
                <div class="clearfix mt-10">
                    <div class="item"><span class="ml-20">搜索文字：</span></div>
                    <div class="ml-90">
                        <textarea class="form-control xn-input-big ng-pristine ng-valid" name="seoDescription" ng-model="commodity.seoDescription" rows="5"></textarea>
                    </div>
                </div>

            </div>
            <div class="commodity-second-title">
                <div class="commodity-h5 clearfix">
                    <h5>商品详情</h5>
                </div>
            </div>
            <div class="commodity-content">
                <div class="xn-edit-con clearfix">
                    <ul class="tab-title">
                        <li ng-click="selectedDeviceType = 'PC';" ng-class="{'show-on':selectedDeviceType == 'PC'}"><span>pc端：</span></li>
                        <li ng-click="selectedDeviceType = 'MOBILE';" ng-class="{'show-on':selectedDeviceType == 'MOBILE'}">移动端</li>
                    </ul>
                    #set($url = $adminContent.getURI('vendor/').toString())
                    #if( $url.indexOf("?") >0)
                        #set($url = $url.substring(0, $url.indexOf("?")) + "/kindeditor/")
                    #end
                    <div ng-show="selectedDeviceType == 'PC'" class="edit-box-con">
                        <div ng-class="{'error':pcTextError}" name = "commodityPcText"  xn-kind-editor ng-model="commodityText.PC" height="350px" url="$url"></div>
                    </div>
                    <div ng-show="selectedDeviceType == 'MOBILE'" class="edit-box-con">
                        <div name = "commodityMobileText"  xn-kind-editor ng-model="commodityText.MOBILE" height="350px" url="$url"></div>
##                        <textarea name="content" is-click-select="false" xn-markdown ng-init="open=false" ng-model="commodityText.MOBILE"  rows="5" attachment-open="open" attachment-list="attachmentList"></textarea>
##                        <div xn-attachment-box ng-model="attachmentList"  data-is-open="open"></div>
                    </div>


                </div>
                #*<div class="clearfix mt-10">
                    <div class="item f-left"><label>商品卖点：</label><input name="commodityKeywords" class="width-700"  type="text" ng-model="commodity.keywords" maxlength="500"/></div>
                </div>*#
                <div class="ng-hide clearfix mt-10 " ng-show="basicValidateForm.$errors.length > 0 ">
                    <div class="col-sm-10">
                        <div class="alert alert-danger ng-binding"><i class="glyphicon glyphicon-remove-sign mr-5" ng-click="closeAlert(0,basicValidateForm.$errors)"></i>{{basicValidateForm.$errors[0]}}</div>
                    </div>
                </div>
                <div class="feetemplate-bottom mt-10">
                    <a href="/admin/pointCommodity/index.htm" class="btn btn-normal  ">返回</a>
                    <a class="btn  btn-primary ml-20" xn-form-submit="showSku()">下一步</a>
                </div>
            </div>
        </div>
        <div class="xn-attachmentView-bj" ng-show="attachmentState" ng-click="attachmentViewClose()"></div>
        <div class="xn-attachmentView-box" ng-show="attachmentState">
            <div class="xn-attachmentView-box-nr">
                <i class="icon icon-close" ng-click="attachmentViewClose()"></i>
                <img class="xn-attachmentView-box-img" ng-src="{{attachmentView}}">
            </div>
        </div>

        <div class="xn-attachmentView-bj" ng-show="attachmentState" ng-click="attachmentViewClose()"></div>
        <div class="xn-attachmentView-box" ng-show="attachmentState">
            <div class="xn-attachmentView-box-nr">
                <i class="icon icon-close" ng-click="attachmentViewClose()"></i>
                <img class="xn-attachmentView-box-img" ng-src="{{attachmentView}}">
            </div>
        </div>
    </form>

    <form ng-show="navType == 'SKU'"  class="form-horizontal xn-form clearfix" role="form"  novalidate  name="skuValidateForm" >
        <div class="clearfix">
            <div class="commodity-second-title">
                <div class="commodity-h5">
                    <h5>绑定SKU</h5>
                </div>
            </div>
            <div class="commodity-content">
                <div ng-show="spec1Attribute" class="clearfix mt-10">
                    <label class="f-left"><i class="xn-required-i"></i><span>{{spec1Attribute.name}}：</span></label>
                    <div class="f-left">
                        <div class="f-left"  ng-show= "spec1Attribute.isSelect"  >
                            <div ng-show="specAddState" xn-checkbox-list  ng-model="spec1SelectValues" data-checkbox-list="spec1SelectValueList"> </div>
                            <label ng-show="!specAddState" class="mr-15 xn-label-checkbox " ng-repeat="checkbox in spec1SelectValueList">
                                <i class="xn-checkbox"></i>
                                <i class="icon icon-right_3 ng-scope" ng-if="isBelongTo(checkbox.key,spec1SelectValues.listKey)"></i>
                                {{checkbox.value}}
                            </label>
                        </div>
                        <div class="f-left"  ng-show= "spec1Attribute.isInput" >
                            <ul class="text-box-list">
                                <li  ng-repeat="inputValue in spec1Attribute.inputValueList">
                                    <input ng-show="inputValue.editState" type="text" ng-model="inputValue.value" >
                                    <div ng-show="!inputValue.editState"  class="ext-box-list-text">{{inputValue.value}}</div>
                                    <div ng-click="deleteSpecInputValue('SPEC1',inputValue)" class="icon icon-delete"></div>
                                    <div ng-show="inputValue.editState" ng-click="saveSpecInputValue('SPEC1',inputValue)"    class="icon icon-right_3"></div>
                                    <div ng-show="specAddState" ng-click="changeSpecEditState('SPEC1',inputValue)"  class="icon icon-edit"></div>
                                </li>
                                <li ng-show="specAddState" ng-click="addSpecInputValue('SPEC1')" ><i class="icon icon-add"></i></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div ng-show="spec2Attribute" class="clearfix mt-10">
                    <label class="f-left"><i class="xn-required-i"></i><span>{{spec2Attribute.name}}：</span></label>
                    <div class="f-left">
                        <div class="f-left" ng-show= "spec2Attribute.isSelect"  >
                            <div ng-show="specAddState" xn-checkbox-list  ng-model="spec2SelectValues" data-checkbox-list="spec2SelectValueList"> </div>
                            <label ng-show="!specAddState" class="mr-15 xn-label-checkbox " ng-repeat="checkbox in spec2SelectValueList">
                                <i class="xn-checkbox"></i>
                                <i class="icon icon-right_3 ng-scope" ng-if="isBelongTo(checkbox.key,spec2SelectValues.listKey)"></i>
                                {{checkbox.value}}
                            </label>
                        </div>
                        <div class="f-left" ng-show= "spec2Attribute.isInput" >
                            <ul class="text-box-list">
                                <li  ng-repeat="inputValue in spec2Attribute.inputValueList">
                                    <input ng-show="inputValue.editState" type="text" ng-model="inputValue.value" >
                                    <div ng-show="!inputValue.editState"  class="ext-box-list-text">{{inputValue.value}}</div>
                                    <div ng-click="deleteSpecInputValue('SPEC2',inputValue)" class="icon icon-delete"></div>
                                    <div ng-show="inputValue.editState" ng-click="saveSpecInputValue('SPEC2',inputValue)"    class="icon icon-right_3"></div>
                                    <div ng-show="specAddState" ng-click="changeSpecEditState('SPEC2',inputValue)"  class="icon icon-edit"></div>
                                </li>
                                <li ng-show="specAddState" ng-click="addSpecInputValue('SPEC2')" ><i class="icon icon-add"></i></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div ng-show="spec3Attribute" class="clearfix mt-10">
                    <label class="f-left"><i class="xn-required-i"></i><span>{{spec3Attribute.name}}：</span></label>
                    <div class="f-left">
                        <div class="f-left" ng-show= "spec3Attribute.isSelect"  >
                            <div ng-show="specAddState" xn-checkbox-list  ng-model="spec3SelectValues" data-checkbox-list="spec3SelectValueList"> </div>
                            <label ng-show="!specAddState" class="mr-15 xn-label-checkbox " ng-repeat="checkbox in spec3SelectValueList">
                                <i class="xn-checkbox"></i>
                                <i class="icon icon-right_3 ng-scope" ng-if="isBelongTo(checkbox.key,spec3SelectValues.listKey)"></i>
                                {{checkbox.value}}
                            </label>
                        </div>
                        <div class="f-left" ng-show= "spec3Attribute.isInput">
                            <ul class="text-box-list">
                                <li  ng-repeat="inputValue in spec3Attribute.inputValueList">
                                    <input ng-show="inputValue.editState" type="text" ng-model="inputValue.value" >
                                    <div ng-show="!inputValue.editState"  class="ext-box-list-text">{{inputValue.value}}</div>
                                    <div ng-click="deleteSpecInputValue('SPEC3',inputValue)" class="icon icon-delete"></div>
                                    <div ng-show="inputValue.editState" ng-click="saveSpecInputValue('SPEC3',inputValue)"    class="icon icon-right_3"></div>
                                    <div ng-show="specAddState" ng-click="changeSpecEditState('SPEC3',inputValue)"  class="icon icon-edit"></div>
                                </li>
                                <li ng-show="specAddState" ng-click="addSpecInputValue('SPEC3')" ><i class="icon icon-add"></i></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="commodity-second-title">
                <div class="commodity-h5">
                    <h5>商品物料</h5>
                    <div class=" f-right relative-t--20">
                        <div class="sales-attr f-left">
                            <label class="mr-10 w_100"></label>
                            <label ng-show="!isShowAllItemEbusiness" ng-click="changeAllItemEbusinessShow()" class="mr-10 font-39f pointer">全部展示∨</label>
                            <label ng-show="isShowAllItemEbusiness" ng-click="changeAllItemEbusinessShow()" class="mr-10 font-39f pointer">全部隐藏∧</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="commodity-content" ng-class="{'commodity-bb': !cancelItemList.length && !invalidItemList.length}" >
                <div class="xn-table-wrap" >
                    <table class="table table-bordered table-striped ">
                        <thead>
                        <tr>
                            <th class="xn-col-sm-6 xn-text-center">{{specAttributeName}}</th>
                            <th class="xn-col-sm-4">单独显示</th>
                            <th class="xn-col-sm-12">SKU货号（名称）</th>
                            <th class="xn-col-sm-3">库存</th>
                            <th class="xn-col-sm-4">原价</th>
                            <th class="xn-col-sm-8 td-border">
                                <div class="scelet-wrap">
                                    <i class="icon icon-check-box" ng-click="doSelect('POINT_PC')"></i>
                                    <i class="icon icon-right_3" ng-show="itemCtorlParam.POINT_PC" ng-click="doSelect('POINT_PC')"></i>
                                    积分-电脑
                                </div>
                                <div class="td-bottom" >
                                    <div class="left">金额</div>
                                    <div class="right">积分</div>
                                </div>
                            </th>
                            <th class="xn-col-sm-8 td-border">
                                <div class="scelet-wrap">
                                    <i class="icon icon-check-box" ng-click="doSelect('POINT_MOBILE')"></i>
                                    <i class="icon icon-right_3" ng-show="itemCtorlParam.POINT_MOBILE" ng-click="doSelect('POINT_MOBILE')"></i>
                                    积分-手机
                                </div>
                                <div class="td-bottom">
                                    <div class="left" >金额</div>
                                    <div class="right" >积分</div>
                                </div>
                            </th>
                            <th class="xn-col-sm-3 xn-text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody ng-repeat="item in itemList" id="tbody">
                            <tr>
                                <th class="xn-col-sm-6 xn-text-center">{{getSpecName(item)}}</th>
                                <th class="xn-col-sm-4 xn-text-center">
                                    <label class="xn-label-checkbox">
                                        <i class="xn-checkbox"></i>
                                        <i class="icon icon-right_3" ng-if="item.itemEbusiness.isShow"></i>
                                        <input type="checkbox" class="xn-checkbox-input" ng-model="item.itemEbusiness.isShow">
                                    </label>
                                </th>
                                <th class="xn-col-sm-12">
                                    <div  xn-lookup   ng-model="item.item"  data-method="findItemList(data)"   placeholder="请输入提示信息" data-show-width="500"
                                          data-callback="selectInventoryItem(data,item)" data-search-val="showName" >
                                    </div>
                                </th>
                                <th class="xn-col-sm-3"><input ng-model="item.item.balance" class="w-60" placeholder="库存" /></th>
                                <th class="xn-col-sm-3"><input ng-model="item.listPrice" class="w-60" placeholder="原价" /></th>
                                <th class="xn-col-sm-8">
                                    <div >
                                        <div class="half-center"  >
                                            <input ng-show="item.POINT_PC"  class="w-80" placeholder="上架金额" ng-model="item.POINT_PC_UnitPrice" />
                                        </div>
                                        <div class="half-center"  >
                                            <input ng-show="item.POINT_PC"  class="w-80" placeholder="上架积分" ng-model="item.POINT_PC_PointValue" />
                                        </div>
                                        <div class="half-center" ng-show="!item.POINT_PC"  >
                                            <span style="color: #dcdcdc;" >勾选填写上架金额和积分</span>
                                        </div>
                                    </div>
                                </th>
                                <th class="xn-col-sm-8">
                                    <div >
                                        <div class="half-center"  >
                                            <input ng-show="item.POINT_MOBILE"  class="w-80" placeholder="上架金额" ng-model="item.POINT_MOBILE_UnitPrice" />
                                        </div>
                                        <div class="half-center"  >
                                            <input ng-show="item.POINT_MOBILE"  class="w-80" placeholder="上架积分" ng-model="item.POINT_MOBILE_PointValue" />
                                        </div>
                                        <div class="half-center" ng-show="!item.POINT_MOBILE"  >
                                            <span style="color: #dcdcdc;" >勾选填写上架金额和积分</span>
                                        </div>
                                    </div>
                                </th>
                                <th class="xn-col-sm-3 xn-text-left">
                                    <div class="item_ou_operate_btn mt-5" ng-click="editShipmentTemplate(item)" >发货区域</div>
                                </th>
                            </tr>
                            <tr>
                                <td colspan="12" class="xn-col-sm-48 b_c_f9f9f7" >
                                    <span ng-click="item.isShowEbusiness = true" ng-show="!item.isShowEbusiness" class="item_ebusiness_show_btn">
                                        展开∨
                                    </span>
                                    <span ng-click="item.isShowEbusiness = false" ng-show="item.isShowEbusiness" class="item_ebusiness_show_btn">
                                        收起∧
                                    </span>
                                </td>
                            </tr>
                            <tr ng-show="item.isShowEbusiness">
                                <td colspan="12" class="xn-col-sm-48 b_c_f9f9f7" >
                                    <div class="commodity-content">
                                        <div class="clearfix mt-10">
                                            <div class="item f-left">
                                                <label><span>商品名称：</span></label>
                                                <input type="text" name="commodityName" ng-model="item.itemEbusiness.title" maxlength="500"/>
                                            </div>
                                            <div class="item f-left">
                                                <label><span>商品副标题：</span></label>
                                                <input type="text" name="commodityName" ng-model="item.itemEbusiness.subTitle"  maxlength="500"/>
                                            </div>
                                        </div>
                                        <div class="clearfix mt-20">
                                            <div class="item"><span class="ml-20">展示图片(分辨率700*700;图片至少上传一张，图片类型只能为gif,png,jpg,jpeg,且大小不超过3MB)</span></div>
                                            <div class="ml-90">
                                                <div ng-show="hasItemEbusiness(item)">
                                                    <div xn-img-edit-single ng-model ="item.itemEbusiness.cover"></div>
                                                    <div xn-file-edit ng-model ="item.itemEbusiness.picture"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="xn-edit-con clearfix b_c_white">
                                            <ul class="tab-title">
                                                <li ng-click="item.itemEbusiness.selectedDeviceType = 'PC';" ng-class="{'show-on':item.itemEbusiness.selectedDeviceType == 'PC'}"><span>pc端：</span></li>
                                                <li ng-click="item.itemEbusiness.selectedDeviceType = 'MOBILE';" ng-class="{'show-on':item.itemEbusiness.selectedDeviceType == 'MOBILE'}">移动端</li>
                                            </ul>
                                            <div ng-show="item.itemEbusiness.selectedDeviceType == 'PC'" class="edit-box-con">
                                                <div ng-class="{'error':pcTextError}" name = "commodityPcText"  xn-kind-editor ng-model="item.itemEbusiness.itemText.PC" height="350px" url="$url"></div>
                                            </div>
                                            <div ng-show="item.itemEbusiness.selectedDeviceType == 'MOBILE'" class="edit-box-con">
                                                <div name = "commodityMobileText"  xn-kind-editor ng-model="item.itemEbusiness.itemText.MOBILE" height="350px" url="$url"></div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="xn-text-center mt-20">
                        <button class="btn btn-normal btn-primary" ng-click="syncBalance()">同步真实库存</button>
                    </div>
                </div>
            </div>

            <div ng-show="cancelItemList.length || invalidItemList.length">
                <div class="commodity-second-title">
                    <div class="commodity-h5">
                        <h5>失效物料</h5>
                    </div>
                </div>
                <div class="commodity-content commodity-bb">
                    <div class="xn-table-wrap" >
                        <table class="table table-bordered table-striped ">
                            <thead>
                            <tr>
                                <th class="xn-col-sm-20 xn-text-center">SKU货号（名称）</th>
                                <th class="xn-col-sm-10">图片</th>
                                <th class="xn-col-sm-10">库存</th>
                                <th class="xn-col-sm-8">操作</th>

                            </tr>
                            </thead>
                            <tbody id="tbody">
                            <tr ng-repeat="item in cancelItemList">
                                <th class="xn-col-sm-10">
                                    {{item.showName}}
                                </th>
                                <th class="xn-col-sm-10">
                                    <img ng-src="{{item.item.picture.filePath}}" width="45px" height="45px" />
                                </th>
                                <th class="xn-col-sm-10">
                                    {{item.item.balance}}
                                </th>
                                <th class="xn-col-sm-10">
                                    <button class="btn-link" ng-click="cancelBind($index,cancelItemList)">取消绑定</button>
                                </th>
                            </tr>
                            <tr ng-repeat="item in invalidItemList">
                                <th class="xn-col-sm-10">
                                    {{item.showName}}
                                </th>
                                <th class="xn-col-sm-10">
                                    <img ng-src="{{item.item.picture.filePath}}"  width="45px" height="45px" />
                                </th>
                                <th class="xn-col-sm-10">
                                    {{item.item.balance}}
                                </th>
                                <th class="xn-col-sm-10">
                                    <button class="btn-link" ng-click="cancelBind($index,invalidItemList)">取消绑定</button>
                                </th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>


            <div class="commodity-content">
                <div class="ng-hide clearfix mt-10 " ng-show="skuValidateForm.$errors.length > 0 ">
                    <div class="col-sm-10">
                        <div class="alert alert-danger ng-binding"><i class="glyphicon glyphicon-remove-sign mr-5" ng-click="closeAlert(0,skuValidateForm.$errors)"></i>{{skuValidateForm.$errors[0]}}</div>
                    </div>
                </div>
                <div class="feetemplate-bottom mt-10">
                    <a ng-click="showBasic()"  class="btn btn-normal" >上一步</a>
                    <a class="btn  btn-primary ml-20" xn-form-submit="showLogistics()">下一步</a>
                </div>
            </div>
        </div>
    </form>

    <form ng-show="navType == 'LOGISTICS'"  class="form-horizontal xn-form clearfix" role="form"  novalidate  name="logisticsValidateForm" >
        <div class="clearfix">
            <div class="commodity-second-title">
                <div class="commodity-h5">
                    <h5>物流信息</h5>
                </div>
            </div>
            <div class="commodity-content commodity-bb">
                <div class="clearfix mt-10">
                    <div class="f-left">
                        <label for="statu" class="l-h-34">
                            <input type="radio" class="form-control commodity-radio" name="statu"
                                   ng-model="commonOuParam.isIncludePost" value="false">不包邮
                        </label>
                        <label for="statu" class="l-h-34 ml-10">
                            <input type="radio" class="form-control commodity-radio" name="statu"
                                   ng-model="commonOuParam.isIncludePost" value="true">包邮
                        </label>
                    </div>
                </div>
                <div ng-show="commonOuParam.isIncludePost == 'false'" class="clearfix mt-10">
                    <div class="item f-left">
                        <label><i class="xn-required-i"></i><span>运费模板：</span></label>
                        <select ng-model="commonOuParam.feeTemplateId" name="brand"
                                ng-options="feeTemplate.id as feeTemplate.name for feeTemplate in feeTemplateList">
                            <option value="">-------- 运费模板 --------</option>
                        </select>
                    </div>
                </div>
##                <div class="clearfix mt-10">
##                    <label for="isIndependentDelivery" class="xn-label-checkbox ml-20">
##                        <i class="xn-checkbox"></i>
##                        <i class="icon icon-right_3" ng-if="commonOuParam.isIndependentDelivery"></i>
##                        <input type="checkbox" id="isIndependentDelivery" class="xn-checkbox-input ng-pristine ng-valid" name="isIndependentDelivery" ng-model="commonOuParam.isIndependentDelivery">
##                        是否单独发货
##                    </label>
##                    <div class="ml-20" style="color: #9E9A9A">备注：若该商品选择此设置,则下单支付后,会自动将此商品以数量1为单位,拆成独立的订单，请谨慎勾选</div>
##                </div>
            </div>

            <div class="commodity-content">
                <div class="ng-hide clearfix mt-10 " ng-show="logisticsValidateForm.$errors.length > 0 ">
                    <div class="col-sm-10">
                        <div class="alert alert-danger ng-binding"><i class="glyphicon glyphicon-remove-sign mr-5" ng-click="closeAlert(0,logisticsValidateForm.$errors)"></i>{{logisticsValidateForm.$errors[0]}}</div>
                    </div>
                </div>
                <div class="feetemplate-bottom mt-10">
                    <a ng-click="navType = 'SKU'"  class="btn btn-normal" >上一步</a>
                    <button class="btn btn-normal btn-danger ml-20" ng-click="doDelete()">删除</button>
                    <a class="btn btn-normal btn-primary ml-20" xn-form-submit="doSave()">保存并上架</a>
                </div>
            </div>
        </div>
    </form>



</div>
<style>
    .xn-upload-img li{
        float: left;
        width: 150px;
        border: 1px solid #dcdcdc;
        height: 150px;
        padding:4px;
        margin: 15px 10px;
        position: relative;
    }
    .xn-upload-img li .upload-add{
        padding:30px ;
        width: 140px;
        height: 140px;
        text-align: center;
        cursor: pointer;
    }
    .xn-upload-img li .upload-img{
        width: 140px;
        height: 140px;
    }

    th .xn-upload-img li{
        float: left;
        width: 50px;
        border: 1px solid #dcdcdc;
        height: 50px;
        padding:1px;
        margin: 5px 3px;
        position: relative;
    }
    th .xn-upload-img li .upload-add{
        padding:10px ;
        width: 45px;
        height: 45px;
        text-align: center;
        cursor: pointer;
    }
    th .xn-upload-img li .upload-img{
        width: 45px;
        height: 45px;
    }
    th .upload-add .upload-add-title{
        display: none;
    }

    .item-picture .xn-upload-img li .icon-add {
        font-size: 20px;
        line-height: 25px;
        color: #dcdcdc;
    }

    .vedio_upload .xn-upload-img li{
        float: left;
        width: 180px;
        border: 1px solid #dcdcdc;
        height: 110px;
        padding:4px;
        margin: 15px 10px;
        position: relative;
    }

    .vedio_upload .xn-upload-img li .upload-add{
        padding:10px ;
        width: 170px;
        height: 100px;
        text-align: center;
        cursor: pointer;
    }

    .vedio_upload .xn-upload-img li .upload-img{
        width: 170px;
        height: 100px;
    }

    .vedio_upload .xn-upload-img li{
        float: left;
        width: 180px;
        border: 1px solid #dcdcdc;
        height: 110px;
        padding:4px;
        margin: 15px 10px;
        position: relative;
    }

    .vedio_upload .xn-upload-img li .upload-add{
        padding:10px ;
        width: 170px;
        height: 100px;
        text-align: center;
        cursor: pointer;
    }

    .vedio_upload .xn-upload-img li .upload-img{
        width: 170px;
        height: 100px;
    }
/*长图片的复写*/
    .lPic_upload .xn-upload-img li{
        float: left;
        width: 120px;
        border: 1px solid #dcdcdc;
        height: 160px;
        padding:4px;
        margin: 15px 10px;
        position: relative;
    }

    .lPic_upload .xn-upload-img li .upload-add{
        padding:30px ;
        width: 100px;
        height: 150px;
        text-align: center;
        cursor: pointer;
    }

    .lPic_upload .xn-upload-img li .upload-img{
        width: 100px;
        height: 150px;
    }

    .lPic_upload .xn-upload-img li{
        float: left;
        width: 120px;
        border: 1px solid #dcdcdc;
        height: 160px;
        padding:4px;
        margin: 15px 10px;
        position: relative;
    }

    .lPic_upload .xn-upload-img li .upload-add{
        padding:30px ;
        width: 100px;
        height: 150px;
        text-align: center;
        cursor: pointer;
    }

    .lPic_upload .xn-upload-img li .upload-img{
        width: 100px;
        height: 150px;
    }


</style>

<script type="text/ng-template"  id="editVipPrice.html">

    <form class="form-horizontal xn-form clearfix" xn-form-validate=""  role="form" name="validateForm"  >
        <div class="memberrule-title modal-header">
            <div class="xn-close xn-cursor" ng-click="cancel()">
                <i class="icon icon-delete"></i>
            </div>
            <h3 class="modal-title" ng-bind="editPrice.title"></h3>

        </div>
        <div class="clearfix modal-body">
            <div class="xn-input-line clearfix">
                <div class="col-sm-3 p_0 text-center">
                    <label class="input-word f-right">会员价1：</label>
                </div>
                <div class="col-sm-6 p_0">
                    <input type="text" class="form-control" ng-model="memberPrice.price1"/>
                </div>
            </div>
            <div class="xn-input-line clearfix">
                <div class="col-sm-3 p_0 text-center">
                    <label class="input-word f-right">会员价2：</label>
                </div>
                <div class="col-sm-6 p_0">
                    <input type="text" class="form-control" ng-model="memberPrice.price2"/>
                </div>
            </div>
            <div class="xn-input-line clearfix">
                <div class="col-sm-3 p_0 text-center">
                    <label class="input-word f-right">会员价3：</label>
                </div>
                <div class="col-sm-6 p_0">
                    <input type="text" class="form-control" ng-model="memberPrice.price3"/>
                </div>
            </div>
            <div class="xn-input-line clearfix">
                <div class="col-sm-3 p_0 text-center">
                    <label class="input-word f-right">会员价4：</label>
                </div>
                <div class="col-sm-6 p_0">
                    <input type="text" class="form-control" ng-model="memberPrice.price4"/>
                </div>
            </div>
            <div class="xn-input-line clearfix">
                <div class="col-sm-3 p_0 text-center">
                    <label class="input-word f-right">会员价5：</label>
                </div>
                <div class="col-sm-6 p_0">
                    <input type="text" class="form-control" ng-model="memberPrice.price5"/>
                </div>
            </div>
            <div class="ng-hide" ng-show="validateForm.$errors.length > 0 ">
                <div class="col-sm-10" style="width:100%;margin-top:0px;margin-bottom:0px;">
                    <div class="alert alert-danger ng-binding" style="margin-top:10px;margin-bottom:10px;"><i class="glyphicon glyphicon-remove-sign mr-5" ng-click="closeAlert(0,validateForm.$errors)"></i>{{validateForm.$errors[0]}}</div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a class="btn btn-primary"  ng-click="submit()">确认</a>
            <a class="btn btn-normal" ng-click="cancel()">取消</a>
        </div>
    </form>

</script>
<script type="text/ng-template"  id="editShipmentTemplate.html">

    <form class="form-horizontal xn-form clearfix" xn-form-validate=""  role="form" name="validateForm"  >
        <div class="memberrule-title modal-header">
            <div class="xn-close xn-cursor" ng-click="cancel()">
                <i class="icon icon-delete"></i>
            </div>
            <h3 class="modal-title" ng-bind="shipmentTemplate.title"></h3>

        </div>
        <div class="clearfix modal-body">
            <div class="xn-input-line clearfix">
                <div class="col-sm-3 p_0 text-center">
                    <label class="input-word f-right">发货模板：</label>
                </div>
                <div class="col-sm-6 p_0">
                    <select style="width:230px;height:28px;border:1px solid #ededed;padding: 0 10px;display:inline-block;"
                            ng-model="shipmentTemplate.id" name="shipmentTemplate"
                            ng-options="template.id as template.name for template in shipmentTemplateList">
                        <option value="">-------- 请选择发货模板 --------</option>
                    </select>
                </div>
            </div>
            <div class="ng-hide" ng-show="validateForm.$errors.length > 0 ">
                <div class="col-sm-10" style="width:100%;margin-top:0px;margin-bottom:0px;">
                    <div class="alert alert-danger ng-binding" style="margin-top:10px;margin-bottom:10px;"><i class="glyphicon glyphicon-remove-sign mr-5" ng-click="closeAlert(0,validateForm.$errors)"></i>{{validateForm.$errors[0]}}</div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a class="btn btn-primary"  ng-click="submit()">确认</a>
            <a class="btn btn-normal" ng-click="cancel()">取消</a>
        </div>
    </form>

</script>
<script src="$adminContent.getURI('dist/scripts/page/pointCommodity.js')" ></script>