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