usoft
/
platform-b2b


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>代采订单02</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/deputyOrder/base.css"/>
    <link rel="stylesheet" href="static/css/deputyOrder/order.css"/>
</head>
<body>
<style>
/* 日期选择器 */
    .date-picker {
        padding-top: 10px;
    }
    .date-picker input {
        border-radius: 0;
        border: 1px solid #5078cb;
        border-right: none;
        font-size: 12px;
    }
    .date-picker span .btn-open {
        color: #fff;
        background-color: #5078cb;
        border-radius: 0;
        border: 1px solid #5078cb;
        border-left: none;
    }

    /* 修改本页内btn的样式 及datepicker中的btn-success的样式 */
    .date-picker .btn {
        border-radius: 0;
    }

   .date-picker .btn-success {
        background-color: #327EBE;
    }
    .date-picker ul {
        border-radius: 0;
    }
   .date-picker ul div:focus {
        outline: none;
        border-radius: 0;
        border: none;
    }
.input-group-addon {
	background-color: inherit;
  	border: 1px solid #e1e1e1;
  	color: #888 !important;
}
.purchase_form01 ul li .dropdown-menu {
	width: 257px;
	height: 300px;
}
.purchase_form01 ul li .dropdown-menu span{
	width: 14px;
	height: 16px;
	line-height: 20px;
}
.purchase_form01 ul li.ng-scope{
	margin-top: 210px
}
.purchase_form01 ul li.ng-scope span{
	width: 120px;
	height: 50px;
}
.purchase_form01 ul li .input-group .input-group-btn .btn-sm{
	width: 37px;
    height: 34px;
    z-index: 3;
    position: absolute;
    background: #bfbfbf;
    border: 1px solid #bfbfbf;
}
.purchase_form01 ul li .input-group .input-group-btn .btn-sm:focus{
    background: #5078cb;
}
.purchase_form01 ul li .input-group .form-control {
    width:146px;
    background: #fff;
    border: #bfbfbf 1px solid;
	}
.purchase_form01 ul li .input-group .form-control:focus{
    border: #5078cb 1px solid;
}
.purchase_form01 ul li .dropdown-menu li{
  line-height: 30px;
}
.purchase_form01 ul li .dropdown-menu button{
	position: relative;
	widhth: 46px;
	height: 30px;
    border-color: #fff;
}
.purchase_form01 ul li .dropdown-menu div{
	width: 255px;
	height: 220px;
}

.purchase_form01 ul li .dropdown-menu span i{
	color: white;
}

.purchase_xq dd input{
 	border: none;
	border-bottom: 1px solid #333;
	height: 35px;
	width: 80px;
	font-size: 14px;
}

.purchase_xq dd input:focus {
	border-bottom: 1px solid blue;
}

.purchase .input-group .form-control{
	border-radius: 0px;
	border: 1px solid #5078cb;
}

.purchase .input-group .input-group-btn i{
	color: #fff;
}

.purchase .input-group .input-group-btn {
	width: 37px;
	height: 34px;
	position: absolute;
	right: 74px;
}
.purchase_xq dl span.wid01{
    width: 4%;
}
.purchase_xq dl span.wid02{
    width: 13%;
}
.purchase_xq dl span{
    width: 9.2%;
}
.purchase_xq dd input{
    width: 92%;
}
.purchase_form01 b {
	color: red;
}
</style>
<div class="warp">
    <div class=" purchase">
        <form class="width100" name="order">
            <!--<div class="com_title">服务>采购模块><font>>代采订单</font></div>-->
            <div class="com_head"><span>代采订单</span></div>
            <div class="purchase_form">
                <!--基本信息-->
                <div class="com_title01"><span>基本信息</span></div>
                <div class="purchase_form01 clearfix">
                    <ul>
                        <li>
                            <div class="fl">
                                <em>流水号：</em>
                                <span ng-bind="deOrder.code"></span>
                            </div>
                            <div class="fr">
                                <em>制单日期：</em>
                                <span class="has_time" ng-bind="deOrder.entrydate| date: 'yyyy-MM-dd'"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>状态：</em>
                                <span ng-bind="deOrder.status"></span>
                            </div>
                            <div class="fr">
                                <em>业务状态：</em>
                                <span ng-bind="deOrder.prostatus"></span>
                            </div>
                        </li>
                        <li>
                         	<div class="fl">
                                <em><b>*</b>主协议签订日期：</em>
                                 <div class="input-group">
									<input ng-model="deOrder.madealdate" type="text" class="form-control" 
										placeholder="点击选择时间" datepicker-popup="yyyy-MM-dd" is-open="deOrder.$madealdate"
										min-date="getMinDate()" ng-required="true"
										current-text="今天" clear-text="清除" close-text="关闭"
										datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
										ng-focus="openDatePicker($event, deOrder.madealdate.$dateOpen)" readonly>
									<span class="input-group-btn">
										<button type="button" class="btn btn-default btn-sm"
											ng-click="openDatePicker($event, deOrder, '$madealdate')">
											<i class="fa fa-calendar fa-lg"></i>
										</button>
									</span>
                                </div>
                            </div>
                            <div class="fr">
                                <em>主协议编号：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.madealcode"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>终端供应商名称：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.tervendor"></span>
                            </div>
                            <div class="fr">
                                <em>电话：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.vendtel"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>联系人：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.venduser"></span>
                            </div>
                            <div class="fr">
                                <em><b>*</b>供应商发货时间：</em>
                                 <div class="input-group">
									<input ng-model="deOrder.shipdate" type="text" class="form-control" 
										placeholder="点击选择时间" datepicker-popup="yyyy-MM-dd" is-open="deOrder.$shipdate"
										min-date="getMinDate()" ng-required="true"
										current-text="今天" clear-text="清除" close-text="关闭"
										datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
										ng-focus="openDatePicker($event, deOrder.$dateOpen)" readonly>
									<span class="input-group-btn">
										<button type="button" class="btn btn-default btn-sm"
											ng-click="openDatePicker($event, deOrder, '$shipdate')">
											<i class="fa fa-calendar fa-lg"></i>
										</button>
									</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>货物包装要求：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.goodspacking"></span>
                            </div>
                            <div class="fr">
                                <em>供应商交货方式：</em>
                                <span>
                                   <input type="text" class="input01" ng-model="deOrder.deliverymethod" >
                                </span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>我方提货方式：</em>
                                <span>
                                    <select name="" class="select" ng-model="deOrder.pickupmethod" ng-init="deOrder.pickupmethod = '自提'">
                                        <option value="自提">自提</option>
                                        <option value="委托第三方提货">委托第三方提货</option>
                                        <option value="贵公司送货">贵公司送货</option>
                                        <option value="其他">其他</option>
                                    </select>
                                </span>
                            </div>
                            <div class="fr">
                                <em>我方付款方式：</em>
                                <span>
                                    <input  ng-model="deOrder.paymentmethod" list="paymentmethod" class="select">
                                    <datalist id="paymentmethod">
                                    	 <option value="T/T支付">T/T支付</option>
                                    	 <option value="T/T全款">T/T全款</option>
                                    </datalist>
                                </span>
                            </div>
                        </li>
                        <li>
                         	<div class="fl">
                                <em>我方提货时间：</em>
                               <span><input type="text" class="input01" ng-model="deOrder.pickupdate"></span>
                            </div>
                            <div class="fr">
                                <em>交易币别：</em>
                               <span> 
	                               	<select name="" class="select" ng-model="deOrder.currency" ng-init="deOrder.currency = 'USD'">
	                                    <option value="USD">USD</option>
	                                    <option value="RMB">RMB</option>
	                                    <option value="HKD">HKD</option>
	                                </select>
                                </span>
                            </div>
                        </li>
                         <li>
                         	<div class="fl">
                                <em>代采企业：</em>
                               <span>
                               		<select name="" class="select" ng-model="deOrder.deputyuu" style="width: 200px" ng-change="change(deOrder.deputyuu)"
                               			ng-options="deputyEn.deputyEnterprise.uu as deputyEn.deputyEnterprise.enName for deputyEn in deputyEnterprises">
                               		<option value="">请选择代采企业</option>
                               		</select>
                               </span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="com_title01"><span>下单明细(注：金额单位为<span ng-bind="deOrder.currency"></span>)</span><a ng-click="uplodaByBatch()">批量导入</a>  </div>
                <div class="purchase_xq clearfix">
                    <dl>
                        <dt>
                            <span class="wid01">序号</span>
                            <span class="wid02">产品名称</span>
                            <span>型号</span>
                            <span>产品规格</span>
                            <span>品牌</span>
                            <span>数量</span>
                            <span>单价</span>
                            <span>订单单价</span>
                            <span>采购总额</span>
                            <span>备注</span>
                            <span>操作</span>
                        </dt>
                        <dd ng-repeat="item in deOrder.deputyOrderItems">
                            <span class="wid01">{{$index+1}}</span>
                            <span class="wid02"><input type="text" class="text-center" ng-model="item.prodname"></span>
                            <span><input type="text" class="text-center" ng-model="item.prodcode"></span>
                            <span><input type="text" class="text-center" ng-model="item.prodspec"></span>
                            <span><input type="text" class="text-center" ng-model="item.prodbrand"></span>
                            <span><input type="text" class="text-center" ng-model="item.amount"></span>
                            <span><input type="text" class="text-center" ng-model="item.unitprice"></span>
                            <span>{{item.unitprice*(1+rate.rate/100)| number: 6}}</span>
                            <span>{{item.unitprice * item.amount | number: 2}}</span>
                            <span><input type="text" class="text-center" ng-model="item.remark"></span>
                            <span><a ng-click="add($index)" style="color: #1f4fb2">添加</a><a ng-click="del($index)" style="color: #d32526"> 删除</a></span>
                        </dd>
                    </dl>
                 <!--    <div class="page fl">
                        <ul>
                            <li><a href="#">上一页</a> </li>
                            <li>第<input type="text" placeholder="3">页&nbsp;共6页</li>
                            <li><a href="#">下一页</a> </li>
                        </ul>
                    </div> -->
                </div>
                <!--采购订单-->
                <div class="com_title01"><span>采购订单</span></div>
                <div class="purchase_form01 clearfix">
                    <ul>
                        <li>
                            <div class="fl">
                                <em>总价款({{deOrder.currency}})：</em>
                                <span >{{deOrder.totalamount}}</span>
                            </div>
                            <div class="fr">
                            	 <em>订单总价款({{deOrder.currency}})：</em>
                                <span >{{deOrder.orderamount}}</span>
                            </div>
                        </li>
                        <li>
                        	<div class="fl">
                            	 <em><b>*</b>订单编号：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.salecode" ng-required="true"></span>
                            </div>
                        	<div class="fr">
                                <em><b>*</b>我方付款提货时间：</em>
                                 <div class="input-group">
									<input ng-model="deOrder.paydeldate" type="text" class="form-control" 
										placeholder="点击选择时间" datepicker-popup="yyyy-MM-dd" is-open="deOrder.$paydeldate"
										min-date="getMinDate()" ng-required="true"
										current-text="今天" clear-text="清除" close-text="关闭"
										datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
										ng-focus="openDatePicker($event, deOrder.$dateOpen)" readonly>
									<span class="input-group-btn">
										<button type="button" class="btn btn-default btn-sm"
											ng-click="openDatePicker($event, deOrder, '$paydeldate')">
											<i class="fa fa-calendar fa-lg"></i>
										</button>
									</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>我方付款金额({{deOrder.currency}})：</em>
                                <span >{{deOrder.totalpayament}}</span>
                            </div>
                            <div class="fr">
                                <em>我方付款日期：</em>
                                <span ng-bind="deOrder.paymentdate">2017-02-20</span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>风险承担方式：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.riskmethod"></span>
                            </div>
                            <div class="fr">
                                <em>运、税费承担方式：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.taxpaymentmethod"></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--付款确认书-->
                <div class="com_title01"><span>付款确认书</span></div>
                <div class="purchase_form01 clearfix">
                    <ul>
                        <li>
                            <div class="fl wid100">
                                <em>终端供应商地址：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.tervendaddress"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl wid100">
                                <em>公司全称（英文）：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.companyname"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em><b>*</b>要求付汇日期：</em>
                                 <div class="input-group">
									<input ng-model="deOrder.requirepaydate" type="text" class="form-control" 
										placeholder="点击选择时间" datepicker-popup="yyyy-MM-dd" is-open="deOrder.$requirepaydate"
										min-date="getMinDate()" ng-required="true"
										current-text="今天" clear-text="清除" close-text="关闭"
										datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
										ng-focus="openDatePicker($event, deOrder.$dateOpen)" readonly>
									<span class="input-group-btn">
										<button type="button" class="btn btn-default btn-sm"
											ng-click="openDatePicker($event, deOrder, '$requirepaydate')">
											<i class="fa fa-calendar fa-lg"></i>
										</button>
									</span>
                                </div>
                            </div>
                            <div class="fr">
                                <em>实际付汇日期：</em>
                                <span ng-bind="deOrder.actualpaydate"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>付款金额({{deOrder.currency}})：</em>
                                <span>{{deOrder.usdpayment}}</span>
                            </div>
                            <div class="fr">
                                <em>实际付款金额({{deOrder.currency}}):</em>
                                <span ng-bind="deOrder.actusdpayment"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>银行名称（英文）：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.bankname"></span>
                            </div>
                            <div class="fr">
                                <em>银行账号：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.bankaccount"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl wid100">
                                <em>银行地址（英文）：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.bankaddress"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em>银行代码：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.bankcode"></span>
                            </div>
                            <div class="fr">
                                <em>其它相关资料：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.otherdata"></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--买卖合同-->
                <div class="com_title01"><span>买卖合同</span></div>
                <div class="purchase_form01 clearfix">
                    <ul>
                        <li>
                        	<!-- <div class="fl">
                                <em>供应商：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.customer" ng-click="dbfindVendor(deOrder.deputyuu)"></span>
                            </div> -->
                         <!--    <div class="fl">
                                <em>供应商：</em>
                               <span>
                               		<select name="" class="select" ng-model="deOrder.customer" style="width: 200px"
                               			ng-options="deputyEn.deputyEnterprise.enName as deputyEn.deputyEnterprise.enName for deputyEn in deputyEnterprises">
                               		<option value="">请选择供应商</option>
                               		</select>
                               </span>
                            </div> -->
                            <div class="fr">
                                <em>供应商方法定代表人： </em>
                                <span><input type="text" class="input01" ng-model="deOrder.legalrepresent"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fl">
                                <em><b>*</b>合同编号： </em>
                                <span><input type="text" class="input01" ng-model="deOrder.salepocode" ng-required="true"></span>
                            </div>
                        </li>
                         <li>
                            <div class="fl">
                                <em>付款公司： </em>
                                <span><input type="text" class="input01" ng-model="deOrder.paycomname" ng-click="dbfindPayCompany(deOrder.deputyuu)"></span>
                            </div>
                            <div class="fr">
                                <em>付款公司地址：</em>
                                <span><input type="text" class="input01" ng-model="deOrder.paycomaddress"></span>
                            </div>
                        </li>
                        <li>
                        	<div class="fl">
                                <em>供应商方传真： </em>
                                <span><input type="text" class="input01" ng-model="deOrder.enfax"></span>
                            </div>
                            <div class="fr">
                                <em><b>*</b>货款支付时间：</em>
                                 <div class="input-group">
									<input ng-model="deOrder.paydate" type="text" class="form-control" 
										placeholder="点击选择时间" datepicker-popup="yyyy-MM-dd" is-open="deOrder.$paydate"
										min-date="getMinDate()" ng-required="true"
										current-text="今天" clear-text="清除" close-text="关闭"
										datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
										ng-focus="openDatePicker($event, deOrder.$dateOpen)" readonly>
									<span class="input-group-btn">
										<button type="button" class="btn btn-default btn-sm"
											ng-click="openDatePicker($event, deOrder, '$paydate')">
											<i class="fa fa-calendar fa-lg"></i>
										</button>
									</span>
                                </div>
                            </div>
                        </li>
                        <li>
                       	 	<div class="fl">
                                <em>货款支付方式：</em>
                                <span>
                                	<input ng-model="deOrder.paymethod" list="paymethod" class="select">
                                	<datalist id="paymethod">
                                	 	<option value="月结30天"></option>
                                	</datalist>
                                </span>
                            </div>
                            <div class="fr">
                                <em><b>*</b>交货时间：</em>
                                 <div class="input-group">
									<input ng-model="deOrder.deliverydate" type="text" class="form-control" 
										placeholder="点击选择时间" datepicker-popup="yyyy-MM-dd" is-open="deOrder.$deliverydate"
										min-date="getMinDate()" ng-required="true"
										current-text="今天" clear-text="清除" close-text="关闭"
										datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
										ng-focus="openDatePicker($event, deOrder.$dateOpen)" readonly>
									<span class="input-group-btn">
										<button type="button" class="btn btn-default btn-sm"
											ng-click="openDatePicker($event, deOrder, '$deliverydate')">
											<i class="fa fa-calendar fa-lg"></i>
										</button>
									</span>
                                </div>
                            </div>
                            <div class="fr"></div>
                        </li>
                    </ul>
                </div>
                <div class="save">
                	<button ng-click="save()" ng-disabled="order.$invalid">保存</button>
                	<button ng-click="submit()" ng-disabled="order.$invalid">提交</button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>