添加复读订单列表

This commit is contained in:
@fawn-nine
2024-10-24 11:45:08 +08:00
parent 2799b324cf
commit 30ebae1c35
3 changed files with 289 additions and 0 deletions

View File

@@ -69,6 +69,7 @@ const mainRoutes = {
// { path: '/miniClassList', component: _import('modules/miniClass/miniClassList'), name: 'miniClass', meta: { title: '班级列表', isTab: true } },
// { path: '/miniClassList8', component: _import('modules/miniClass/miniClassList8'), name: 'miniClassList8', meta: { title: 'miniClassList8', isTab: true } },
{ path: '/ClassType', component: _import('modules/miniClass/miniClassType'), name: 'ClassType', meta: { title: '班级类型管理', isTab: true } },
{ path: '/reLearn', component: _import('modules/order/reLearn'), name: 'reLearn', meta: { title: '复读订单', isTab: true } },
],
beforeEnter (to, from, next) {
let token = Vue.cookie.get('token')

View File

@@ -0,0 +1,287 @@
<template>
<div class="mod-config">
<el-form
:inline="true"
:model="dataForm"
@keyup.enter.native="getDataList()"
>
<el-form-item label="">
<el-input v-model="dataForm.orderSn" placeholder="请输入订单编号" clearable>
</el-input>
</el-form-item>
<el-form-item label="">
<el-input v-model="dataForm.userInfo" placeholder="请输入用户名" clearable>
</el-input>
</el-form-item>
<!-- <el-form-item label="">
<el-input v-model="dataForm.userInfo" placeholder="用户手机/邮箱/姓名" clearable>
</el-input>
</el-form-item> -->
<el-form-item >
<el-button
@click="
pageIndex = 1;
getDataList();
"
>查询</el-button
>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;"
>
<el-table-column
prop="remark"
header-align="center"
align="center"
label="复读课程"
>
</el-table-column>
<el-table-column
prop="orderSn"
header-align="center"
align="center"
label="订单号"
>
</el-table-column>
<el-table-column
prop="createTime"
header-align="center"
align="center"
label="下单时间"
>
</el-table-column>
<el-table-column
prop="realMoney"
header-align="center"
align="center"
label="金额¥"
>
<template slot-scope="scope">
{{scope.row.realMoney}}
</template>
</el-table-column>
<el-table-column
header-align="center"
align="center"
label="用户信息"
>
<template slot-scope="scope">
用户{{scope.row.user.name || scope.row.user.nickname || '暂未设置'}}<br/>
电话{{scope.row.user.tel}}
</template>
</el-table-column>
<el-table-column
header-align="center"
align="center"
label="订单状态"
>
<template slot-scope="scope">
{{scope.row.orderStatus | getType}} </br>
支付方式{{scope.row.paymentMethod | getPayType}}<br/>
</template>
</el-table-column>
<!-- <el-table-column
fixed="right"
header-align="center"
align="center"
width="250"
label="操作"
>
<template slot-scope="scope">
<el-button v-if="scope.row.expire == 0" type="primary" @click="delay(scope.row)" plain size="mini">延期</el-button>
<el-button type="danger" @click="expired(scope.row)" plain size="mini">设置过期</el-button>
</template>
</el-table-column> -->
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
>
</el-pagination>
</div>
</template>
<script>
// import AddOrUpdate from './user-add-or-update'
export default {
data() {
return {
dataForm: {
orderSn: "",
userInfo: ""
},
dataList: [],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
total: 0,
totalLaoding: false,
dataListLoading: false
};
},
filters: {
// 获得订单状态
getType(value) {
var ss = ''
switch (value) {
case '0':
ss = '待付款'
break;
case '1':
ss = '待发货'
break;
case '2':
ss = '已发货'
break;
case '3':
ss = '已完成'
break;
}
return ss
},
getPayType(value) {
var ss = ''
switch (value) {
// case '0':
// ss = '余额'
// break;
case '1':
ss = '支付宝'
break;
case '2':
ss = '微信'
break;
case '3':
ss = 'ios内购'
break;
case '4':
ss = '天医币'
break;
}
return ss
},
},
components: {
// AddOrUpdate
},
created() {
this.getDataList()
},
activated() {
// this.getDataList()
// this.getcourpeList()
},
methods: {
// 获取数据列表
getDataList() {
this.dataListLoading = true;
this.$http({
// url: this.$http.adornUrl('/book/user/list'),
url: this.$http.adornUrl("/common/courseRelearn/orderListRelearn"),
method: "post",
data: this.$http.adornData({
"page": this.pageIndex,
"limit": this.pageSize,
...this.dataForm
})
})
.then(({ data }) => {
if(data && data.code!== 0) return this.$message.error(data.msg)
console.log(data,'data')
this.dataList = data.buyOrderPage.records;
this.totalPage = data.buyOrderPage.pages;
this.total = data.buyOrderPage.total;
this.dataListLoading = false;
});
},
// 每页数
sizeChangeHandle(val) {
this.pageSize = val;
this.pageIndex = 1;
this.getDataList();
},
// 当前页
currentChangeHandle(val) {
this.pageIndex = val;
this.getDataList();
},
// // 多选
// selectionChangeHandle(val) {
// this.dataListSelections = val
// },
// 新增 / 修改
closeDia() {
this.adc = false;
this.$refs.pointForm.resetFields();
// this.pointForm.pointType == 0
},
getCate(id) {
this.linshiids = []
this.$http({
url: this.$http.adornUrl("/master/userManage/catalogueListByCourse"),
method: "post",
data: this.$http.adornData({
"courseId": id
})
}).then(({ data }) => {
if (data && data.code === 0) {
console.log('data','data++++++++++++++++++++')
this.youForm.cate = data.list
// this.youForm.cate
}else{
this.youForm.cate = []
this.linshiids = []
}
}).catch(e => {
console.log('数据报错')
});
}
},
};
</script>
<style lang="less" scoped>
/deep/ .width100 .el-input__inner{width: 100%;}
.flexbox {
display: flex;
}
.userInfo {
margin-bottom: 20px;
}
.userInfo * {
font-size: 16px;
}
</style>

View File

@@ -210,6 +210,7 @@ import curriculum from "./curriculum.vue";
import AddOrUpdate from "./shopproduct-add-or-update";
// import AddOrUpdate from "./shopproduct-add-or-update";
import commonTree from "@/views/components/commonBookTags/tags.vue";
import commonTags from "./commonBookTags/commonTags1.vue";
import correlation from "./commonBookTags/correlation.vue";
export default {