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> |