|
{layout name="layout" /}
<nav class="breadcrumb">
<span><a href="/">首页</a></span>
<span>></span>
<span><a href="/sale_order/lists/{$year}">销售订单</a></span>
<span>></span>
<span>产品明细</span>
</nav>
<div class="content">
<div class="row">
<div class="col-md-3 btn-top-box" style="padding-left: 50px;">
<a href="javascript:window.history.back();" class="btn btn-default radius">返回</a>
<a href="javascript:save(0);" class="btn btn-primary radius">新增明细</a>
</div>
</div>
<div class="col-md-10">
<table class="table table-hover table-bordered table-condensed">
<thead>
<tr>
<th class="bg-info" colspan="14" style="text-align: left;">
购货单位: {$orderInfo.company_name} | 合同号: {$orderInfo.contract_no} | 时间: {$orderInfo.contract_time}
</th>
</tr>
<tr>
<th>id</th>
<th>种类</th>
<th>产品名称</th>
<th>产品公司价格</th>
<th>销售数量(单位KG/台)</th>
<th>销售价格</th>
<th>合同金额</th>
<th>实际发货量</th>
<th>实际成交价格</th>
<th>运费分摊</th>
<th>代理费分摊</th>
<th>备注</th>
<th>提成类型</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{php}$types=['一般', '特批1', '特批2'];{/php}
{foreach $list as $value}
<tr>
<td>{$value.id}</td>
<td>{$value.goods_category}</td>
<td>{$value.goods_name}</td>
<td>{$value.goods_price}</td>
<td>{$value.sales_amount}</td>
<td>{$value.sales_price}</td>
<td>{$value.sales_price * $value.sales_amount|round=2}</td>
<td>{$value.actual_amount}</td>
<td>{$value.actual_price}</td>
<td>{$value.fare}</td>
<td>{$value.agency}</td>
<td>{$value.remark}</td>
<td>{$types[$value['type']]}</td>
<td class="td-manager">
<a href="javascript:void(0);" onclick="save('{$value.id}')">修改</a>
<a href="javascript:void(0);" onclick="del('{$value.id}', this)">删除</a>
</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
<div class="modal" tabindex="-1" role="dialog" data-backdrop="false" id="myModal" aria-labelledby="myModalLabel" style="right: 10%;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">产品明细</h4>
</div>
<div class="modal-body">
<form role="form" id="goods-form">
<input type="hidden" name="id" id="id" value="0">
<input type="hidden" name="order_id" id="order_id" value="{$order_id}">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="name">产品类别</label>
<input type="text" class="form-control" name="goods_category" id="goods_category" placeholder="产品类别">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">产品名称</label>
<input type="text" class="form-control" name="goods_name" id="goods_name" placeholder="产品名称">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">产品价格(公司低价)</label>
<input type="text" class="form-control" name="goods_price" id="goods_price" placeholder="产品价格">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="name">销售数量（KG/台）</label>
<input type="number" class="form-control val_change" name="sales_amount" id="sales_amount" placeholder="数量">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">销售单价</label>
<input type="number" class="form-control val_change" name="sales_price" id="sales_price" placeholder="单价">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">总金额</label>
<input type="number" class="form-control" name="" id="sales_money" placeholder="总金额">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="name">实际发货量（KG/台）</label>
<input type="number" class="form-control val_change" name="actual_amount" id="actual_amount" placeholder="数量">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">实际成交价</label>
<input type="number" class="form-control val_change" name="actual_price" id="actual_price" placeholder="单价">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">总金额</label>
<input type="number" class="form-control" name="" id="actual_money" placeholder="总金额">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="name">代理费分摊</label>
<input type="number" class="form-control val_change" name="agency" id="agency" placeholder="代理费">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">运费分摊</label>
<input type="number" class="form-control val_change" name="fare" id="fare" placeholder="运费">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">提成类型</label>
<div class="mt-5">
<label class="radio-inline">
<input type="radio" name="type" id="type0" value="0" checked="checked"> 一般
</label>
<label class="radio-inline">
<input type="radio" name="type" id="type1" value="1"> 特批1
</label>
<label class="radio-inline">
<input type="radio" name="type" id="type2" value="2"> 特批2
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="name">备注</label>
<textarea class="form-control" name="remark" id="remark" rows="3"></textarea>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" onclick="closeModel()">Close</button>
<button type="button" class="btn btn-success" onclick="doSave()">Save</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
function save(id) {
console.log(id);
if (id) {
$.get('/sale_order/iteminfo', {
'id': id,
}, function(res) {
if (res.code == 2) {
var data = res.data;
$("#id").val(data.id);
$("#order_id").val(data.order_id);
$("#goods_category").val(data.goods_category);
$("#goods_name").val(data.goods_name);
$("#goods_price").val(data.goods_price);
$("#sales_amount").val(data.sales_amount);
$("#sales_price").val(data.sales_price);
$("#actual_amount").val(data.actual_amount);
$("#actual_price").val(data.actual_price);
$("#agency").val(data.agency);
$("#fare").val(data.fare);
$("input[type='radio'][name='type']").prop("checked",false);
$("input[type='radio'][name='type'][value='"+data.type+"']").prop("checked",true);
$("#remark").val(data.remark);
}
}, 'json');
} else {
$("#id").val(0);
$("#order_id").val({$order_id});
}
$('#myModal').modal('show');
}
function closeModel() {
$("#goods-form")[0].reset();
$('#myModal').modal('hide');
}
function doSave() {
var data = $("#goods-form").serializeArray();
$.post('/sale_order/itemsave', data, function(res) {
if (res.code == 2) {
alert('保存成功');
$("#goods-form")[0].reset();
$('#myModal').modal('hide');
window.location.reload();
} else {
alert(res.msg);
}
return false;
}, 'json');
return false;
}
function del(id, obj) {
$.ajax({
url: "/sale_order/itemdelete",
type: "POST",
data: {
"id": id
},
dataType: 'json',
success: function(data) {
if (data.code == 2) {
$(obj).parents("tr").remove();
} else {
alert("操作失败, 请稍后重试!");
}
return false;
}
});
}
</script>
</body>
</html>
|
