206 lines
4.1 KiB
HTML
206 lines
4.1 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport"
|
|||
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|||
|
|
<title>基本详情</title>
|
|||
|
|
<link href="../../component/pear/css/pear.css" rel="stylesheet">
|
|||
|
|
<style type="text/css">
|
|||
|
|
.layui-row .layui-col-xs4 {
|
|||
|
|
padding-bottom: 16px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body class="pear-container">
|
|||
|
|
<div class="layui-card">
|
|||
|
|
<div class="layui-card-body">
|
|||
|
|
<br>
|
|||
|
|
<h2>退款申请</h2>
|
|||
|
|
<br>
|
|||
|
|
<div class="layui-row layui-col-space1">
|
|||
|
|
<div class="layui-col-xs4">
|
|||
|
|
取货单号:1000000000
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-col-xs4">
|
|||
|
|
状态:已取货
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-col-xs4">
|
|||
|
|
销售单号:1234123421
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-col-xs12">
|
|||
|
|
子订单:3214321432
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<hr class="layui-bg-gray">
|
|||
|
|
|
|||
|
|
<br>
|
|||
|
|
<h2>用户信息</h2>
|
|||
|
|
<br>
|
|||
|
|
<div class="layui-row layui-col-space1 userInfo">
|
|||
|
|
<div class="layui-col-xs4">
|
|||
|
|
用户姓名：付小小
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-col-xs4">
|
|||
|
|
联系电话：18100000000
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-col-xs4">
|
|||
|
|
常用快递：菜鸟仓储
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-col-xs8">
|
|||
|
|
取货地址：浙江省杭州市西湖区万塘路18号
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-col-xs4">
|
|||
|
|
备注：无
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<hr class="layui-bg-gray">
|
|||
|
|
|
|||
|
|
<br>
|
|||
|
|
<h2>退货商品</h2>
|
|||
|
|
<table id="goods"></table>
|
|||
|
|
|
|||
|
|
<br>
|
|||
|
|
<h2>退货进度</h2>
|
|||
|
|
<table id="process"></table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script src="../../component/layui/layui.js"></script>
|
|||
|
|
<script src="../../component/pear/pear.js"></script>
|
|||
|
|
<script>
|
|||
|
|
layui.use(['jquery', 'form', 'element', 'table','topBar'], function () {
|
|||
|
|
var form = layui.form;
|
|||
|
|
var element = layui.element;
|
|||
|
|
var table = layui.table;
|
|||
|
|
|
|||
|
|
table.render({
|
|||
|
|
elem: '#goods',
|
|||
|
|
skin: 'line',
|
|||
|
|
cols: [
|
|||
|
|
[{
|
|||
|
|
field: "id",
|
|||
|
|
title: "商品编号"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "name",
|
|||
|
|
title: "商品名称"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "barcode",
|
|||
|
|
title: "商品条码"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "price",
|
|||
|
|
title: "单价"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "amount",
|
|||
|
|
title: "数量（件）"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "totalPrice",
|
|||
|
|
title: "金额"
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
data: [{
|
|||
|
|
id: 1234561,
|
|||
|
|
name: "矿泉水 550ml",
|
|||
|
|
barcode: "12421432143214321",
|
|||
|
|
price: "2.00",
|
|||
|
|
amount: 1,
|
|||
|
|
totalPrice: "2.00"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 1234562,
|
|||
|
|
name: "凉茶 300ml",
|
|||
|
|
barcode: "12421432143214322",
|
|||
|
|
price: "3.00",
|
|||
|
|
amount: 2,
|
|||
|
|
totalPrice: "6.00"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 1234563,
|
|||
|
|
name: "好吃的薯片",
|
|||
|
|
barcode: "12421432143214322",
|
|||
|
|
price: "3.00",
|
|||
|
|
amount: 2,
|
|||
|
|
totalPrice: "6.00"
|
|||
|
|
}, {
|
|||
|
|
id: 1234564,
|
|||
|
|
name: "特别好吃的蛋卷",
|
|||
|
|
barcode: "12421432143214322",
|
|||
|
|
price: "3.00",
|
|||
|
|
amount: 2,
|
|||
|
|
totalPrice: "6.00"
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
table.render({
|
|||
|
|
elem: '#process',
|
|||
|
|
skin: 'line',
|
|||
|
|
cols: [
|
|||
|
|
[{
|
|||
|
|
field: "time",
|
|||
|
|
title: "时间"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "process",
|
|||
|
|
title: "当前进度"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "state",
|
|||
|
|
title: "状态"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "operateId",
|
|||
|
|
title: "操作员ID"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: "useTime",
|
|||
|
|
title: "耗时"
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
data: [{
|
|||
|
|
time: "2017-10-01 14:10",
|
|||
|
|
process: "联系客户",
|
|||
|
|
state: "进行中",
|
|||
|
|
operateId: "取货员 ID1234",
|
|||
|
|
useTime: "5mins"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
time: "2017-10-01 14:10",
|
|||
|
|
process: "取货员出发",
|
|||
|
|
state: "完成",
|
|||
|
|
operateId: "取货员 ID1234",
|
|||
|
|
useTime: "1h"
|
|||
|
|
}, {
|
|||
|
|
time: "2017-10-01 14:10",
|
|||
|
|
process: "取货员接单",
|
|||
|
|
state: "完成",
|
|||
|
|
operateId: "取货员 ID1234",
|
|||
|
|
useTime: "5mins"
|
|||
|
|
}, {
|
|||
|
|
time: "2017-10-01 14:10",
|
|||
|
|
process: "申请审批通过",
|
|||
|
|
state: "完成",
|
|||
|
|
operateId: "系统",
|
|||
|
|
useTime: "1h"
|
|||
|
|
}, {
|
|||
|
|
time: "2017-10-01 14:10",
|
|||
|
|
process: "发起退货申请",
|
|||
|
|
state: "完成",
|
|||
|
|
operateId: "用户",
|
|||
|
|
useTime: "5mins"
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|