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