<style>
|
#orderDetail-info {
|
padding: 20px 25px 25px 0;
|
}
|
|
#orderDetail-info .layui-treeSelect .ztree li a, .ztree li span {
|
margin: 0 0 2px 3px !important;
|
}
|
#orderDetail-info #data-permission-tree-block {
|
border: 1px solid #eee;
|
border-radius: 2px;
|
padding: 3px 0;
|
}
|
#orderDetail-info .layui-treeSelect .ztree li span.button.switch {
|
top: 1px;
|
left: 3px;
|
}
|
|
</style>
|
<div class="layui-fluid" id="orderDetail-info">
|
<form class="layui-form" action="" lay-filter="orderDetail-info-form">
|
<div class="layui-form-item febs-hide">
|
<label class="layui-form-label febs-form-item-require">id：</label>
|
<div class="layui-input-block">
|
<input type="text" name="id">
|
</div>
|
</div>
|
<div class="layui-row layui-col-space10 layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label">收货人：</label>
|
<div class="layui-input-block">
|
<input type="text" name="name" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
<div class="layui-col-lg6">
|
<label class="layui-form-label">联系方式：</label>
|
<div class="layui-input-block">
|
<input type="text" name="phone" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">地区：</label>
|
<div class="layui-input-block">
|
<input type="text" name="address"
|
autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">地址：</label>
|
<div class="layui-input-block">
|
<input type="text" name="addressInfo"
|
autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
<!-- <div class="layui-form-item">-->
|
<!-- <label class="layui-form-label">支付订单号：</label>-->
|
<!-- <div class="layui-input-block">-->
|
<!-- <input type="text" name="payOrderNo"-->
|
<!-- autocomplete="off" class="layui-input" readonly>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="layui-form-item">-->
|
<!-- <label class="layui-form-label">支付凭证：</label>-->
|
<!-- <div class="layui-input-block">-->
|
<!-- <img alt="支付凭证" data-th-src="${orderDetail.payImage}" style="width: 200px">-->
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<div class="layui-row layui-col-space10 layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label">总金额：</label>
|
<div class="layui-input-block">
|
<input type="text" name="amount" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">订单明细：</label>
|
<div class="layui-input-block">
|
<textarea id="lay_edit" lay-verify="orderItems" name = "orderItems" class="layui-textarea" readonly></textarea>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">物流单号：</label>
|
<div class="layui-input-block">
|
<input type="text" name="expressNo"
|
autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">物流公司：</label>
|
<div class="layui-input-block">
|
<input type="text" name="expressCom"
|
autocomplete="off" class="layui-input" readonly >
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<script data-th-inline="javascript">
|
layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree'], function () {
|
var $ = layui.$,
|
febs = layui.febs,
|
layer = layui.layer,
|
formSelects = layui.formSelects,
|
treeSelect = layui.treeSelect,
|
form = layui.form,
|
eleTree = layui.eleTree,
|
orderDetail = [[${orderDetail}]],
|
$view = $('#orderDetail-info'),
|
validate = layui.validate,
|
_deptTree;
|
|
form.render();
|
|
initUserValue();
|
|
function initUserValue() {
|
form.val("orderDetail-info-form", {
|
"id": orderDetail.id,
|
"name": orderDetail.name,
|
"phone": orderDetail.phone,
|
"amount": orderDetail.amount,
|
"orderItems": orderDetail.orderItems,
|
"addressArea": orderDetail.addressArea,
|
"addressInfo": orderDetail.addressInfo,
|
"expressNo": orderDetail.expressNo,
|
"expressCom": orderDetail.expressCom,
|
// "payImage": orderDetail.payImage,
|
// "payOrderNo": orderDetail.payOrderNo,
|
"address": orderDetail.address
|
});
|
}
|
|
});
|
</script>
|
