usoft
/
platform-b2b


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
							<!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/deputyOrder/base.css"/>
    <link rel="stylesheet" href="static/css/deputyOrder/order.css"/>
</head>
<body>
<style>
/* 日期选择器 */
    .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: #3f84f6;
    }
    .date-picker ul {
        border-radius: 0;
    }
   .date-picker ul div:focus {
        outline: none;
        border-radius: 0;
        border: none;
    }
.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;
    margin-left: 75px;
}
.purchase_form01 ul li .input-group .input-group-btn .btn-sm:focus{
    background: #5078cb;
}
.purchase_form01 ul li .input-group .form-control {
    width:200px;
    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% !important;
}
.purchase_xq dl span.wid02{
    width: 13% !important;
}
.purchase_xq dl span{
    width: 9.2% !important;
}
.purchase_xq dd input{
    width: 92%;
}
.purchase_form01 b {
	color: red;
}
.com_title01 span{
    margin-left: 37px;
}
    /*新增变更明细*/
.purchase_xq {
    width: 948px;
    overflow: auto;
}
.purchase_xq .table{
    margin-bottom: 0;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.purchase_xq .table thead tr>th{
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #323232;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    text-align: center;
}
.purchase_xq .table tbody tr td{
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.purchase_xq .table tbody tr td input{
    border: none;
    height: 35px;
    width: 80px;
    font-size: 14px;
}
.purchase_xq .table tbody tr td input:focus {
    border: #3578ba 1px solid !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.purchase_xq .input-group .form-control {
        width: 80px;
        height: 30px;
        line-height: 30px;
        border: none;
        border-radius: 5px;
        background: #dcdcdc;
    }
.purchase_xq .table tbody tr td input.form-control:focus{
    border: none!important;
}
.purchase_xq .table tbody tr td ul.dropdown-menu{
    min-width: auto !important;
    display: block;
    top: 712px;
    left: 1100.5px!important;
}
</style>
<div class="warp">
    <div class=" purchase">
        <form class="width100" name="order" autocomplete="off">
            <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="change.code"></span>
                            </div>
                            <div class="fl">
                                <em>采购单号：</em>
                                <div class="input-group">
                                    <span class="input-group-btn">
                                        <button class="btn btn-sm" type="button" ng-click="getEnableOrders()"><i class="fa fa-search"></i></button>
                                    </span>
                                    <input type="text" ng-model="change.orderCode" class="form-control" readonly>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="fr">
                                <em>录入人：</em>
                                <span ng-bind="change.recorder"></span>
                            </div>
                            <div class="fr">
                                <em>录入日期：</em>
                                <span class="has_time" ng-bind="change.date| date: 'yyyy-MM-dd'"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fr">
                                <em>原付款方式：</em>
                                <span ng-bind="change.oldPayments || '无'"></span>
                            </div>
                            <div class="fr">
                                <em>新付款方式：</em>
                                <span><input type="text" class="input01" ng-model="change.newPayments"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fr">
                                <em>原付款币种：</em>
                                <span ng-bind="change.oldCurrency || '无'"></span>
                            </div>
                            <div class="fr">
                                <em>新付款币种：</em>
                                <span><input type="text" class="input01" ng-model="change.newCurrency"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fr">
                                <em>原付款汇率：</em>
                                <span ng-bind="change.oldRate || '无'"></span>
                            </div>
                            <div class="fr">
                                <em>新付款汇率：</em>
                                <span><input type="text" class="input01" ng-model="change.newRate"></span>
                            </div>
                        </li>
                        <li>
                            <div class="fr">
                                <em>备注：</em>
                                <span><input type="text" class="input01" ng-model="change.remark"></span>
                            </div>
                            <div class="fr">
                                <em>是否需要供应商确认：</em>
                                <select name="" class="select" ng-model="change.unNeedReply" ng-required="true">
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="com_title01"><span>变更明细</span></div>
                <div class="purchase_xq clearfix" scroll-table>
                    <table class="table">
                        <thead>
                        <tr>
                            <th width="60">序号</th>
                            <th width="160">产品名称</th>
                            <th width="160">型号</th>
                            <th width="160">品牌</th>
                            <th width="100">原数量</th>
                            <th width="100">新数量</th>
                            <th width="100">原单价</th>
                            <th width="100">新单价</th>
                            <th width="100">原税率</th>
                            <th width="100">新税率</th>
                            <th width="100">原交货日期</th>
                            <th width="100">新交货日期</th>
                            <th width="130">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="item in change.orderChangeItems">
                            <td>{{$index+1}}</td>
                            <td ng-bind="item.oldProduct.title || '-'" title="{{item.oldProduct.title}}"></td>
                            <td ng-bind="item.oldProduct.cmpCode || '-'" title="{{item.oldProduct.cmpCode}}"></td>
                            <td ng-bind="item.oldProduct.brand || '-'" title="{{item.oldProduct.brand}}"></td>
                            <td ng-bind="item.oldQty || '-'" title="{{item.oldQty}}"></td>
                            <td><input type="text" class="text-center" ng-model="item.newQty" placeholder="新数量"></td>
                            <td ng-bind="item.oldPrice || '-'" title="{{item.oldPrice}}"></td>
                            <td><input type="text" class="text-center" ng-model="item.newPrice" placeholder="新单价"></td>
                            <td ng-bind="item.oldTaxrate || '-'" title="{{item.oldTaxrate}}"></td>
                            <td><input type="text" class="text-center" ng-model="item.newTaxrate" placeholder="新税率"></td>
                            <td ng-bind="item.oldDelivery | date: 'yyyy-MM-dd'" title="{{item.oldDelivery | date: 'yyyy-MM-dd'}}"></td>
                            <td style="overflow: visible;" id="delivery">
                                <input ng-model="item.newDelivery" type="text" class="editable"
                                       placeholder="点击选择时间" datepicker-popup="yyyy-MM-dd" is-open="item.$dateOpen"
                                       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, $dateOpen)" readonly
                                       ng-click="openDatePicker($event, item.$dateOpen, $index)">
                            </td>
                            <td>
                                <!--<a ng-click="add($index)" style="color: #1f4fb2">添加</a>-->
                                <a ng-click="del($index)" style="color: #d32526"> 删除</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="save">
                	<button ng-click="save()">提交</button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>