usoft
/
platform-b2b


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<title>产品导入新增</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="Keywords" content=""/>
	<meta name="Description" content=""/>
	<link rel="stylesheet" href="static/css/add.css "/>
</head>
<body>
<style>
.productSpec textarea {
	width: 276.656px;
	height: auto;
}

#image-box .x-floating-wrap {
	position: fixed;
	z-index: 99998;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
#image-box .x-floating {
	position: fixed;
	z-index: 99999;
	top: 60px;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
#image-box .x-floating img {
	margin: auto auto;
	max-width: 100%;
	max-height: 80%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#image-box .x-close-wrap {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100000;
	width: 120px;
  	height: 120px;
	margin: -60px -60px 0 0;
	border-radius: 100%;
	background: #000;
	opacity: .3
}

#image-box .x-close-wrap a {
	position: absolute;
	left: 25px;
	bottom: 25px;
	font-size: 42px;
	color: #fff
}

#image-box .x-close-wrap:hover {
	opacity: .7
}
.well{
	width: 240px;
	background: #fff;
	border-radius: 0;
}
.pro-list-tab{
    font-size: 14px;
    margin:10px 0;
    line-height: 34px;
}
.pro-list-tab .col-md-2{
    width: 160px;
    margin-left: 5px;
}
.pro-list-tab .col-md-4{
    width: 30%;
}
.pro-list-tab .col-md-4 input{
    border: #bfbfbf 1px solid !important;
    padding-left: 10px;
    height: 34px;
    line-height: 34px;
    border: none;
    position: relative;
    font-size: 14px;
    width: 190px;
}
.pro-add-tab .upload-pro{
    min-height: 140px;
}
.upload-pro p{
    width: 100%;
    display: inline-block;
    line-height: 20px;
}

</style>
<div class="wrap">
	<div class="content">
		<!--<div class="com_title">服务>销售模块<font>>产品资料</font></div>-->
		<div class="com_head"><span>产品导入</span><span class="fr"><em>录入人：{{user.userName}}</em><time>日期：{{time}}</time></span></div>
		<!--产品资料新增-->
        <form class="pro-add-tab pro-add-data clearfix" name="productInfo">
            <div class="com_title01 sty01" style="margin-bottom: 15px;"><span>导入信息<em>*</em></span></div>
            <div class="pro-list-tab row">
                <div class="col-md-2">产品编号：</div>
                <div class="col-md-4"><input type="text" ng-model="prodInfo.code" style="cursor: pointer;" required="true"></div>
                <div class="col-md-2">产品名称：</div>
                <div class="col-md-4">
                	<input type="text"  ng-model="prodInfo.title" style="cursor: pointer;" required="true"
                		ng-change="getSimilarKinds(prodInfo.title)" name="title" ng-focus="onFocus('title')"
                		typeahead="kind.kindName for kind in getSimilarKinds($viewValue)"
						autocomplete="off" typeahead-on-select="onAssociateKindClick($item, prodInfo)"
						spellcheck="false">
                </div>
            </div>
            <div class="pro-list-tab row">
                <div class="col-md-2">产品型号：</div>
                <div class="col-md-4">
                	<input type="text"  ng-model="prodInfo.cmpCode" style="cursor: pointer;" required="true"
                		ng-change="getSimilarComponents(prodInfo.cmpCode)" name="cmpCode" ng-focus="onFocus('cmpCode')"
                		typeahead="cmp.code for cmp in getSimilarComponents($viewValue)"
						autocomplete="off" typeahead-on-select="onAssociateComponentClick($item, prodInfo)"
						spellcheck="false">
                </div>
                <div class="col-md-2">产品品牌：</div>
                <div class="col-md-4">
                	<input type="text"  ng-model="prodInfo.brand" style="cursor: pointer;" required="true"
                		ng-change="getSimilarBrands(prodInfo.brand)" name="brand" ng-focus="onFocus('brand')"
                		typeahead="brand.brandName for brand in getSimilarBrands($viewValue)"
						autocomplete="off" typeahead-on-select="onAssociateBrandClick($item, prodInfo)"
						spellcheck="false">
                </div>
             </div>
            <div class="pro-list-tab row">
                <div class="col-md-2">单位：</div>
                <div class="col-md-4">
                    <input type="text"  ng-model="prodInfo.unit" placeholder="单位" style="cursor: pointer;" list="unit">
                    <datalist id="unit">
                        <option value="PCS">
                        <option value="KG">
                        <option value="L">
                        <option value="M">
                    </datalist>
                </div>
                <div class="col-md-2">最小包装量：</div>
                <div class="col-md-4">
                    <input type="text" ng-model="prodInfo.minPack" placeholder="最小包装量" style="cursor: pointer;" ng-pattern="/^\+?[1-9]\d*$/">
                </div>
            </div>
            <div class="pro-list-tab row">
                <div class="col-md-2">最小订货量：</div>
                <div class="col-md-4">
                    <input type="text" ng-model="prodInfo.minOrder" placeholder="最小订货量" style="cursor: pointer;" ng-pattern="/^\+?[1-9]\d*$/">
                </div>
                <div class="col-md-2">交货周期：</div>
                <div class="col-md-4">
                    <input type="text" ng-model="prodInfo.leadtime" placeholder="交货周期" style="cursor: pointer;" ng-pattern="/^\+?[1-9]\d*$/">
                </div>
            </div>
            <div class="pro-list-tab row">
                <div class="col-md-2">状态：</div>
                <div class="col-md-4">有效</div>
            </div>
           <!-- <div class="com_title01 sty01" style="margin-bottom: 15px;"><span>标准信息</span></div>
            <div class="pro-list-tab row" style="padding-bottom: 5px;">
                <div class="col-md-2" style="padding-right: 0;">标准产品名称（类目）:</div>
                <div class="col-md-4"><input type="text" ng-model="" ></div>
                <div class="col-md-2">标准品牌：</div>
                <div class="col-md-4"><input type="text"  ng-model=""></div>
            </div>-->
            <div class="com_title01"><span>图片和详细说明</span></div>
            <dl>
                <dd class="upload-pro">
                    <div class="fl">产品图片：</div>
                    <div class="fr">
                        <div class="col-md-12" style="position: relative;">
                            <!-- <span><input type="file" onchange="proText.value=this.value" ng-model="myFiles" placeholder="图片或PDF文件" ng-multiple="false"></span> -->
                            <span><input ng-file-select  ng-model="myFiles" type="file" ng-multiple="false" id="enImage" name="enImage" placeholder="图片或PDF文件"></span>
                            <!--  <input type="text" id="proText"> -->
                            <i>提示：图片尺寸在750*750像素以上，图片请避免全文字</i>
                            <div class="well margin-b-0" ng-show="previewShow">
                                <div ng-show="previewShow">
                                    <img ng-show="previewShow" alt="营业执照复印件" src="{{imgPreview}}" width="100px" height="100px">
                                    <!--<div>
                                        &nbsp;&nbsp;<span class="text-primary"><b>{{imgPreviewName}}</b></span>
                                    </div>-->
                                </div>
                                <div ng-show="pdfShow">
                                    <img ng-show="pdfShow" src="static/img/all/pdf.jpg" alt="PDF文件" width="30px" height="40px">
                                    &nbsp;&nbsp;<span class="text-primary"><b>{{imgPreviewName}}</b></span>
                                </div>
                                <div ng-show="noneFileShow">
                                    <span class="text-warning">请上传清晰照片的图片文件或PDF文件</span>
                                </div>
                                <div class="hover-show">
                                    <em class="delete" title="删除" ng-click="clearfile()"><em class="fa fa-trash"></em></em>
                                    <a ng-href="" target="_blank"><em class="fa fa-search"></em>查看</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </dd>
               <!-- <dd ng-show="previewShow">
                	<div class="fl">&nbsp;</div>
                    <div class="fr">


                    </div>
                </dd>-->
              <!--   <dd class="text-detail">
                    <div class="fl">详细描述：</div>
                    <div class="fr">
                       <textarea placeholder="请输入产品详细描述"></textarea>
                    </div>
                </dd>
                <dd>
                    <div class="fl">产品规格：</div>
                    <div class="fr">
                        <span class="fj-file">
                            <i></i><input type="text" value="上传附件" id="upload_text">
                            <input type="file" onchange="upload_text.value=this.value" class="file01"/>
                        </span>
                    </div>
                </dd> -->
            </dl>
            <div class="many-file-btn">
                <button class="btn01" ng-click="submit(prodInfo)" ng-disabled="productInfo.$invalid">保存</button><a ui-sref="sale.uploadByBatch"  class="btn02">批量导入</a>
            </div>
        </form>
	</div>
</div>
<!--查看大图-->
<div id="image-box" style="display: none">
    <div class="x-close-wrap" title="关闭">
        <a href="javascript:void(0);">&times;</a>
    </div>
    <div class="x-floating-wrap"></div>
    <div class="x-floating">
        <img/>
    </div>
</div>
</body>
</html>