parent
8318c11546
commit
18083f5080
@ -0,0 +1,11 @@
|
||||
import httpService from "@/request"
|
||||
|
||||
// 订单
|
||||
// list
|
||||
export function orderList(params) {
|
||||
return httpService({
|
||||
url: `/user/shopOrder/list`,
|
||||
method: 'get',
|
||||
params: params,
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,154 @@
|
||||
/**
|
||||
* 配置
|
||||
* 表格列
|
||||
*/
|
||||
export const columns = [
|
||||
{
|
||||
title: "订单号",
|
||||
dataIndex: "code",
|
||||
width: "15%",
|
||||
},
|
||||
{
|
||||
title: "创建时间",
|
||||
dataIndex: "createDate",
|
||||
width: "15%",
|
||||
},
|
||||
{
|
||||
title: "付款方式",
|
||||
dataIndex: "payType",
|
||||
width: "15%",
|
||||
customRender: function (payType) {
|
||||
switch (payType) {
|
||||
case 1:
|
||||
return '支付宝'
|
||||
case 2:
|
||||
return '微信'
|
||||
case 3:
|
||||
return '现金'
|
||||
case 4:
|
||||
return 'pos'
|
||||
case 5:
|
||||
return '预缴扣除'
|
||||
case 6:
|
||||
return '银行卡'
|
||||
case 7:
|
||||
return '支票'
|
||||
case 8:
|
||||
return '转账'
|
||||
case 9:
|
||||
return '开发商代付'
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
// {
|
||||
// title: "jcook订单号",
|
||||
// dataIndex: "jcookCode",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "支付宝交易号",
|
||||
// dataIndex: "tradeNo",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "交易状态",
|
||||
// dataIndex: "tradeStatus",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "支付人名称",
|
||||
// dataIndex: "payName",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "支付人联系方式",
|
||||
// dataIndex: "payTel",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "付款方式",
|
||||
// dataIndex: "payType",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "付款金额",
|
||||
// dataIndex: "payPrice",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "运费",
|
||||
// dataIndex: "freightFee",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "收货人",
|
||||
// dataIndex: "receiverName",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "收货人联系方式",
|
||||
// dataIndex: "receiverTel",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "所在地区名称",
|
||||
// dataIndex: "locationName",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "详细地址",
|
||||
// dataIndex: "addressDetail",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "运费",
|
||||
// dataIndex: "freightFee",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "运费",
|
||||
// dataIndex: "freightFee",
|
||||
// width: "15%",
|
||||
// },
|
||||
// {
|
||||
// title: "房屋类型",
|
||||
// dataIndex: "manageEstateTypeName",
|
||||
// width: "15%",
|
||||
// },
|
||||
{
|
||||
title: "操作",
|
||||
dataIndex: "action",
|
||||
key: "action",
|
||||
width: "180",
|
||||
fixed: "right",
|
||||
scopedSlots: { customRender: "action" },
|
||||
},
|
||||
]
|
||||
// 搜索项
|
||||
export const searchForm = {
|
||||
code: "",
|
||||
jcookCode: '',
|
||||
tradeStatus:null
|
||||
}
|
||||
// 分页
|
||||
export const pagination = {
|
||||
current: 1,
|
||||
total: 0,
|
||||
pageSize: 10,
|
||||
showTotal: (total) => `共 ${total} 条`,
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: true,
|
||||
}
|
||||
export function del(data) {
|
||||
this.$confirm({
|
||||
title: "是否删除",
|
||||
// okText:'删除',
|
||||
// cancelText:'取消',
|
||||
icon: "",
|
||||
onOk: function () {
|
||||
console.log(data);
|
||||
},
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="cardTitle">订单列表</div>
|
||||
<div class="search-box">
|
||||
<a-row>
|
||||
<a-col :span="20">
|
||||
<a-space size="large">
|
||||
<a-input style="width: 200px" placeholder="请输入订单号" />
|
||||
<a-input style="width: 200px" placeholder="请输入jcook订单号" />
|
||||
<a-select style="width: 200px" v-model="searchForm.tradeStatus" placeholder="请选择交易状态" ></a-select>
|
||||
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||
<a-button>重 置</a-button>
|
||||
</a-space>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<!-- <a-button class="add-btn" @click="">添加</a-button> -->
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
<a-table :columns="columns" :data-source="tableData" :rowKey="record=>record.id">>
|
||||
<div slot="expandedRowRender" slot-scope="record" class="orderInfo">
|
||||
<a-descriptions title="商品信息">
|
||||
<a-descriptions-item label="UserName">
|
||||
{{record.freightFee}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="Telephone">
|
||||
1810000000
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="Live">
|
||||
Hangzhou, Zhejiang
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="Remark">
|
||||
empty
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="Address">
|
||||
No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
|
||||
</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
</div>
|
||||
<span slot="action" slot-scope="text, record" class="action-col">
|
||||
<a-space>
|
||||
<a @click='detail(record)'>查看详情</a>
|
||||
<a @click='remark(record)'>备注</a>
|
||||
</a-space>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { orderList } from '@/api/shop/order'
|
||||
import { columns,pagination,searchForm } from './depend/config'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tableData:[],
|
||||
columns,
|
||||
pagination,
|
||||
searchForm
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
// this.getData()
|
||||
this.tableData =[{
|
||||
"id":1,
|
||||
"code":"123456",
|
||||
"jcookCode":"123131241",
|
||||
"tradeNo":"12123",
|
||||
"tradeStatus":1,
|
||||
"payName":"张三",
|
||||
"payTel":"13738611460",
|
||||
"payType":1,
|
||||
"payPrice":13,
|
||||
"freightFee":4,
|
||||
"receiverName":"王五",
|
||||
"receiverTel":"13738611465",
|
||||
"locationName":"宁波镇海",
|
||||
"addressDetail":"深蓝大厦",
|
||||
"remake":null,
|
||||
"createName":"张三",
|
||||
"createDate":'2022-2-2'
|
||||
},{
|
||||
"id":2,
|
||||
"code":"123456",
|
||||
"jcookCode":"123131241",
|
||||
"tradeNo":"12123",
|
||||
"tradeStatus":1,
|
||||
"payName":"张三",
|
||||
"payTel":"13738611460",
|
||||
"payType":1,
|
||||
"payPrice":13,
|
||||
"freightFee":4,
|
||||
"receiverName":"王五",
|
||||
"receiverTel":"13738611465",
|
||||
"locationName":"宁波镇海",
|
||||
"addressDetail":"深蓝大厦",
|
||||
"remake":null,
|
||||
"createName":"张三",
|
||||
"createDate":'2022-2-2'
|
||||
},{
|
||||
"id":3,
|
||||
"code":"123456",
|
||||
"jcookCode":"123131241",
|
||||
"tradeNo":"12123",
|
||||
"tradeStatus":1,
|
||||
"payName":"张三",
|
||||
"payTel":"13738611460",
|
||||
"payType":1,
|
||||
"payPrice":13,
|
||||
"freightFee":4,
|
||||
"receiverName":"王五",
|
||||
"receiverTel":"13738611465",
|
||||
"locationName":"宁波镇海",
|
||||
"addressDetail":"深蓝大厦",
|
||||
"remake":null,
|
||||
"createName":"张三",
|
||||
"createDate":'2022-2-2'
|
||||
},
|
||||
]
|
||||
},
|
||||
methods: {
|
||||
async getData(){
|
||||
const res = await orderList({
|
||||
pageNum: this.pagination.current,
|
||||
size: this.pagination.pageSize,
|
||||
code:this.searchForm.code,
|
||||
jcookCode:this.searchForm.jcookCode,
|
||||
tradeStatus:this.searchForm.tradeStatus,
|
||||
})
|
||||
this.tableData = res.data.rows
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.orderInfo{
|
||||
// background-color:red;
|
||||
}
|
||||
/deep/tr.ant-table-expanded-row, tr.ant-table-expanded-row:hover{
|
||||
// z-index: 999;
|
||||
position: relative;
|
||||
}
|
||||
/deep/.action-col{
|
||||
position: relative;
|
||||
// background-color:red;
|
||||
// z-index: 1;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue