orders订单
parent
6144a9390a
commit
4d46564065
|
|
@ -0,0 +1,9 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
export function selectList(data){
|
||||||
|
return request({
|
||||||
|
url:"/market/orders/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,211 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
prop="date"
|
||||||
|
label="日期"
|
||||||
|
width="150">
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="购买信息">
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="账号"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="名称"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="购买详情">
|
||||||
|
<el-table-column
|
||||||
|
prop="province"
|
||||||
|
label="购买接口"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="city"
|
||||||
|
label="购买类型"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="address"
|
||||||
|
label="购买方式"
|
||||||
|
width="300">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zip"
|
||||||
|
label="总金额"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zip"
|
||||||
|
label="是否已经完成付款"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { selectList, update } from '@/api/market/orders'
|
||||||
|
import {handleDelete} from "@/api/market/product";
|
||||||
|
import { diGui } from "@/api/market/orders";
|
||||||
|
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||||
|
//例如：import 《组件名称》 from '《组件路径》,
|
||||||
|
import axios from 'axios'; // 假设你正在使用axios进行HTTP请求
|
||||||
|
|
||||||
|
export default {
|
||||||
|
dicts:[''],
|
||||||
|
//import引入的组件需要注入到对象中才能使用"
|
||||||
|
components: {},
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orders:{
|
||||||
|
pageNum:1,
|
||||||
|
pageSize:5,
|
||||||
|
total:1,
|
||||||
|
typeId:0
|
||||||
|
},
|
||||||
|
tableData: [], // 初始化为空数组，等待异步数据填充
|
||||||
|
arr:[],
|
||||||
|
type:[],
|
||||||
|
Cascader:{ expandTrigger:'hover',value:'id',label:'typeName',children:'parentPOS' },
|
||||||
|
typeId:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//计算属性 类似于data概念",
|
||||||
|
computed: {},
|
||||||
|
//监控data中的数据变化",
|
||||||
|
watch: {},
|
||||||
|
//方法集合",
|
||||||
|
methods: {
|
||||||
|
// 商品分类下拉框
|
||||||
|
shopTypeId(){
|
||||||
|
for (let i = 0; i < this.typeId.length; i++) {
|
||||||
|
this.orders.typeId=this.typeId[i]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/**递归*/
|
||||||
|
diGui(){
|
||||||
|
diGui(this.orders.typeId).then(
|
||||||
|
res => {
|
||||||
|
this.type=res.data
|
||||||
|
}
|
||||||
|
)
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
handleDelete(orders){
|
||||||
|
handleDelete(orders.id).then(
|
||||||
|
res => {
|
||||||
|
this.$message.success(res.msg)
|
||||||
|
this.page()
|
||||||
|
}
|
||||||
|
)
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
chong(){
|
||||||
|
this.orders={}
|
||||||
|
this.page()
|
||||||
|
},
|
||||||
|
// 分页
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.orders.pageSize=val
|
||||||
|
this.page()
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.orders.pageNum=val
|
||||||
|
this.page()
|
||||||
|
},
|
||||||
|
// 上架，新品，推荐修改
|
||||||
|
updateShop(orders){
|
||||||
|
update(orders).then(
|
||||||
|
res => {
|
||||||
|
this.$message.success(res.msg)
|
||||||
|
this.page()
|
||||||
|
}
|
||||||
|
)
|
||||||
|
},
|
||||||
|
// 修改跳转路径
|
||||||
|
handleEdit(orders){
|
||||||
|
if (this.orders.serviceIds && typeof this.orders.serviceIds === 'string') {
|
||||||
|
orders.serviceid = this.orders.serviceIds.split(',');
|
||||||
|
// ... 后续操作
|
||||||
|
}
|
||||||
|
console.log(JSON.stringify(orders))
|
||||||
|
orders.serviceid=orders.serviceIds.split(',').map(id => parseInt(id, 10));
|
||||||
|
console.log(JSON.stringify(orders))
|
||||||
|
this.$router.push({path:'/product/info/update',query:{orders:orders}})
|
||||||
|
},
|
||||||
|
// 查询
|
||||||
|
findShop(){
|
||||||
|
this.page()
|
||||||
|
},
|
||||||
|
// 添加跳转路径
|
||||||
|
add(){
|
||||||
|
this.$router.push('index')
|
||||||
|
},
|
||||||
|
// 多选框
|
||||||
|
handleSelectionChange(val) {
|
||||||
|
this.multipleSelection = val;
|
||||||
|
},
|
||||||
|
//商品列表
|
||||||
|
// selectList(){
|
||||||
|
// selectList(this.orders).then(
|
||||||
|
// res => {
|
||||||
|
// console.log(res)
|
||||||
|
// this.arr=res.data.list
|
||||||
|
// this.orders.total=res.data.total
|
||||||
|
// }
|
||||||
|
// )
|
||||||
|
// }.
|
||||||
|
|
||||||
|
selectList(){
|
||||||
|
selectList().then(
|
||||||
|
res=>{
|
||||||
|
this.typeList = res.data
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||||
|
created() {
|
||||||
|
this.selectList()
|
||||||
|
this.diGui()
|
||||||
|
this.fetchData(); // 组件创建后立即获取数据
|
||||||
|
|
||||||
|
},
|
||||||
|
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
beforeCreate() {
|
||||||
|
}, //生命周期 - 创建之前",
|
||||||
|
beforeMount() {
|
||||||
|
}, //生命周期 - 挂载之前",
|
||||||
|
beforeUpdate() {
|
||||||
|
}, //生命周期 - 更新之前",
|
||||||
|
updated() {
|
||||||
|
}, //生命周期 - 更新之后",
|
||||||
|
beforeDestroy() {
|
||||||
|
}, //生命周期 - 销毁之前",
|
||||||
|
destroyed() {
|
||||||
|
}, //生命周期 - 销毁完成",
|
||||||
|
activated() {
|
||||||
|
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 步骤条 -->
|
||||||
|
<el-steps :space="200" :active="active" finish-status="success" style=" width:80%;transform: translateX(30%);margin-top: 30px">
|
||||||
|
<el-step title="填写商品信息"></el-step>
|
||||||
|
<el-step title="填写商品促销"></el-step>
|
||||||
|
<el-step title="填写商品属性"></el-step>
|
||||||
|
<el-step title="选择商品关联"></el-step>
|
||||||
|
</el-steps>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue