298 lines
12 KiB
HTML
298 lines
12 KiB
HTML
![]() |
<include file="public/layout" />
|
||
|
|
||
|
<style type="text/css">
|
||
|
html, body {
|
||
|
overflow: visible;
|
||
|
}
|
||
|
|
||
|
a.btn {
|
||
|
background: #fff none repeat scroll 0 0;
|
||
|
border: 1px solid #f5f5f5;
|
||
|
border-radius: 4px;
|
||
|
color: #999;
|
||
|
cursor: pointer !important;
|
||
|
display: inline-block;
|
||
|
font-size: 12px;
|
||
|
font-weight: normal;
|
||
|
height: 20px;
|
||
|
letter-spacing: normal;
|
||
|
line-height: 20px;
|
||
|
margin: 0 5px 0 0;
|
||
|
padding: 1px 6px;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
a.red:hover {
|
||
|
background-color: #e84c3d;
|
||
|
border-color: #c1392b;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
</style>
|
||
|
<body style="background-color: #FFF; overflow: auto;">
|
||
|
<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
|
||
|
<div id="append_parent"></div>
|
||
|
<div id="ajaxwaitid"></div>
|
||
|
<div class="page">
|
||
|
<div class="fixed-bar">
|
||
|
<div class="item-title"><a class="back" href="javascript:history.back();" title="返回列表"><i class="fa fa-arrow-circle-o-left"></i></a>
|
||
|
<div class="subject">
|
||
|
<h3>修改订单</h3>
|
||
|
<h5>修改订单商品信息和收货人信息</h5>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<form class="form-horizontal" action="{:U('Admin/Order/edit_order')}" id="order-add" method="post">
|
||
|
<div class="ncap-form-default">
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label><em></em>订单总额</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<strong>{$order.total_amount}</strong>(商品总价:{$order.goods_price} 运费:{$order.shipping_price})
|
||
|
<span class="err"></span>
|
||
|
<p class="notic">订单总额=商品总价+运费 </p>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="consignee">收货人</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<input type="text" name="consignee" id="consignee" value="{$order.consignee}" class="input-txt" placeholder="收货人名字" />
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="consignee">手机</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<input type="text" name="mobile" id="mobile" value="{$order.mobile}" class="input-txt" placeholder="收货人联系电话" />
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="consignee">地址</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<select onblur="get_city(this)" id="province" name="province" >
|
||
|
<option value="0">选择省份</option>
|
||
|
<volist name="province" id="vo">
|
||
|
<option value="{$vo.id}" >{$vo.name}</option>
|
||
|
</volist>
|
||
|
</select>
|
||
|
<select onblur="get_area(this)" id="city" name="city">
|
||
|
<option value="0">选择城市</option>
|
||
|
<volist name="city" id="vo">
|
||
|
<option value="{$vo.id}">{$vo.name}</option>
|
||
|
</volist>
|
||
|
</select>
|
||
|
<select id="district" name="district" >
|
||
|
<option value="0">选择区域</option>
|
||
|
<volist name="area" id="vo">
|
||
|
<option value="{$vo.id}">{$vo.name}</option>
|
||
|
</volist>
|
||
|
</select>
|
||
|
<input type="text" name="address" id="address" value="{$order.address}" class="input-txt" placeholder="详细地址"/>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="shipping">配送物流</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<if condition="$order.shop_id eq 0">
|
||
|
<select id="shipping" name="shipping">
|
||
|
<volist name="shipping_list" id="shipping">
|
||
|
<option <if condition="$order.shipping_code eq $shipping.shipping_code">selected</if> value="{$shipping.shipping_code}" >{$shipping.shipping_name}</option>
|
||
|
</volist>
|
||
|
</select>
|
||
|
<else/>
|
||
|
<input value="上门自提" class="input-txt" type="text" disabled="disabled">
|
||
|
</if>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="payment">支付方式</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<select id="payment" name="payment" >
|
||
|
<volist name="payment_list" id="payment">
|
||
|
<option <if condition="$order[pay_code] eq $payment[code]">selected</if> value="{$payment.code}" >{$payment.name}</option>
|
||
|
</volist>
|
||
|
</select>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="invoice_title">发票抬头</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<input type="text" name="invoice_title" value="{$order.invoice_title}" class="input-txt" placeholder="发票抬头"/>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="invoice_title">纳税人识别号</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<input type="text" name="taxpayer" value="{$order.taxpayer}" class="input-txt" placeholder="纳税人识别号"/>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="invoice_title">添加商品</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<a href="javascript:void(0);" onclick="selectGoods()" class="ncap-btn-big ncap-btn-green" ><i class="fa fa-search"></i>添加商品</a>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">
|
||
|
<label for="invoice_title">商品列表</label>
|
||
|
</dt>
|
||
|
<dd class="opt">
|
||
|
<div class="ncap-order-details">
|
||
|
<div class="hDivBox" id="ajax_return">
|
||
|
<table cellspacing="0" cellpadding="0" style="border:0px">
|
||
|
<thead>
|
||
|
<tr>
|
||
|
<th class="sign" axis="col0">
|
||
|
<div style="width: 24px;"><i class="ico-check"></i></div>
|
||
|
</th>
|
||
|
<th align="left" abbr="order_sn" axis="col3" class="">
|
||
|
<div style="text-align: left; width: 360px;" class="">商品名称</div>
|
||
|
</th>
|
||
|
<th align="left" abbr="consignee" axis="col4" class="">
|
||
|
<div style="text-align: left; width: 120px;" class="">规格</div>
|
||
|
</th>
|
||
|
<th align="left" abbr="consignee" axis="col4" class="">
|
||
|
<div style="text-align: left; width: 120px;" class="">价格</div>
|
||
|
</th>
|
||
|
<th align="center" abbr="article_show" axis="col5" class="">
|
||
|
<div style="text-align: center; width: 80px;" class="">数量</div>
|
||
|
</th>
|
||
|
<th align="center" abbr="article_time" axis="col6" class="">
|
||
|
<div style="text-align: center; width: 80px;" class="">操作</div>
|
||
|
</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody>
|
||
|
<foreach name="orderGoods" item="vo">
|
||
|
<tr>
|
||
|
<td class="sign" axis="col0">
|
||
|
<div style="width: 24px;"><i class="ico-check"></i></div>
|
||
|
</td>
|
||
|
<td align="left" abbr="goods_name" axis="col3" class="">
|
||
|
<div style="text-align: left; width: 360px;" class="">{$vo.goods_name}</div>
|
||
|
</td>
|
||
|
<td align="left" abbr="spec_key_name" axis="col4" class="">
|
||
|
<div style="text-align: left; width: 120px;" class="">{$vo.spec_key_name}</div>
|
||
|
</td>
|
||
|
<td align="left" abbr="goods_price" axis="col4" class="">
|
||
|
<div style="text-align: left; width: 120px;" class="">{$vo.goods_price}</div>
|
||
|
</td>
|
||
|
<td align="center" abbr="article_show" axis="col5" class="">
|
||
|
<div style="text-align: center; width: 80px;" class="">
|
||
|
<input type="hidden" name="spec[]" rel="{$vo.goods_id}" value="{$vo.spec_key}">
|
||
|
<input type="text" class="input-txt" style="width:60px !important;text-align:center" name="old_goods[{$vo.rec_id}]" value="{$vo.goods_num}" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onpaste="this.value=this.value.replace(/[^\d.]/g,'')">
|
||
|
</div>
|
||
|
</td>
|
||
|
<td align="center" abbr="article_time" axis="col6" class="">
|
||
|
<div style="text-align: center; width: 80px;" class="">
|
||
|
<a class="btn red" href="javascript:void(0);" onclick="javascript:$(this).parent().parent().parent().remove();"><i class="fa fa-trash-o"></i>删除</a>
|
||
|
</div>
|
||
|
</td>
|
||
|
</tr>
|
||
|
</foreach>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
<div class="form-group">
|
||
|
<div class="col-xs-10" id="goods_td">
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<dl class="row">
|
||
|
<dt class="tit">管理员备注</dt>
|
||
|
<dd class="opt">
|
||
|
<textarea class="tarea" style="width:440px; height:150px;" name="admin_note" id="admin_note">{$order.admin_note|htmlspecialchars_decode}</textarea>
|
||
|
<span class="err"></span>
|
||
|
<p class="notic"></p>
|
||
|
</dd>
|
||
|
</dl>
|
||
|
<input type="hidden" name="order_id" value="{$order.order_id}">
|
||
|
<div class="bot"><a href="JavaScript:void(0);" onClick="checkSubmit()" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a></div>
|
||
|
</div>
|
||
|
|
||
|
</form>
|
||
|
</div>
|
||
|
<script type="text/javascript">
|
||
|
/* 用户订单区域选择 */
|
||
|
$(document).ready(function(){
|
||
|
$('#province').val({$order.province});
|
||
|
$('#city').val({$order.city});
|
||
|
$('#district').val({$order.district});
|
||
|
$('#shipping_id').val({$order.shipping_id});
|
||
|
});
|
||
|
// 选择商品
|
||
|
function selectGoods(){
|
||
|
var url = "{:U('Admin/Order/search_goods')}";
|
||
|
layer.open({
|
||
|
type: 2,
|
||
|
title: '选择商品',
|
||
|
shadeClose: true,
|
||
|
shade: 0.8,
|
||
|
area: ['60%', '60%'],
|
||
|
content: url,
|
||
|
});
|
||
|
}
|
||
|
|
||
|
// 选择商品返回
|
||
|
function call_back(table_html)
|
||
|
{
|
||
|
$('#goods_td').empty().html('<table id="new_table" class="table table-bordered">'+table_html+'</table>');
|
||
|
//过滤选择重复商品
|
||
|
$('input[name*="spec"]').each(function(i,o){
|
||
|
if($(o).val()){
|
||
|
var name='goods_id['+$(o).attr('rel')+']['+$(o).val()+'][goods_num]';
|
||
|
$('input[name="'+name+'"]').parent().parent().parent().remove();
|
||
|
}
|
||
|
});
|
||
|
layer.closeAll('iframe');
|
||
|
}
|
||
|
|
||
|
function delRow(obj){
|
||
|
$(obj).parent().parent().parent().remove();
|
||
|
var length = $("#goos_table tr").length;
|
||
|
if(length == 0){
|
||
|
$('#goods_td').empty();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function checkSubmit()
|
||
|
{
|
||
|
$("span[id^='err_']").each(function(){
|
||
|
$(this).hide();
|
||
|
});
|
||
|
($.trim($('#consignee').val()) == '') && $('#err_consignee').show();
|
||
|
($.trim($('#province').val()) == '') && $('#err_address').show();
|
||
|
($.trim($('#city').val()) == '') && $('#err_address').show();
|
||
|
($.trim($('#district').val()) == '') && $('#err_address').show();
|
||
|
($.trim($('#address').val()) == '') && $('#err_address').show();
|
||
|
($.trim($('#mobile').val()) == '') && $('#err_mobile').show();
|
||
|
if(($("input[name^='goods_id']").length ==0) && ($("input[name^='old_goods']").length == 0)){
|
||
|
layer.alert('订单中至少要有一个商品', {icon: 2}); // alert('少年,订单中至少要有一个商品');
|
||
|
return false;
|
||
|
}
|
||
|
if($("span[id^='err_']:visible").length > 0 )
|
||
|
return false;
|
||
|
$('#order-add').submit();
|
||
|
}
|
||
|
</script>
|
||
|
</body>
|
||
|
</html>
|