新增了服务类商品路由,删除订单批量删除按钮

This commit is contained in:
yuanteng 2024-11-13 09:12:21 +08:00
parent 79da702e4c
commit b647d773fa
8 changed files with 68 additions and 19 deletions

BIN
dist.zip Normal file

Binary file not shown.

View File

@ -41,7 +41,7 @@
<el-sub-menu index="2">
<template #title>
<el-icon><HomeFilled /></el-icon>
<span>商品管理</span>
<span>实体类商品管理</span>
</template>
<el-menu-item index="/AddProduct">
@ -59,6 +59,22 @@
<span slot="title">类别管理</span>
</el-menu-item>
</el-sub-menu>
<el-sub-menu index="3">
<template #title>
<el-icon><HomeFilled /></el-icon>
<span>服务类商品管理</span>
</template>
<el-menu-item index="/AddServiceProduct">
<el-icon><Menu /></el-icon>
<span slot="title">添加服务类商品</span>
</el-menu-item>
<el-menu-item index="/ProductCenter">
<el-icon><Menu /></el-icon>
<span slot="title">服务类商品中心</span>
</el-menu-item>
</el-sub-menu>
<el-sub-menu index="4">
<template #title>
<el-icon><HomeFilled /></el-icon>
@ -74,17 +90,18 @@
</el-menu-item>
</el-sub-menu>
<el-sub-menu index="3">
<el-sub-menu index="5">
<template #title>
<el-icon><HomeFilled /></el-icon>
<el-icon><HomeFilled/></el-icon>
<span>商品订单管理</span>
</template>
<el-menu-item index="/OrderList">
<el-icon><Menu /></el-icon>
<span slot="title">实体商品订单列表</span>
</el-menu-item>
</el-sub-menu>
</el-menu>
</el-aside>
</el-aside>

View File

@ -1,3 +1,5 @@
export const routes = [
{
path: '/',
@ -57,6 +59,16 @@ export const routes = [
path: '/CouponCenter',
name:'优惠券中心',
component: ()=> import("../views/Coupons/CouponCenter.vue")
},
{
path: '/AddServiceProduct',
name: '添加服务类商品',
componet: ()=> import("../views/ServiceType/AddServiceProduct.vue")
},
{
path: '/ProductCenter',
name: '服务类商品管理中心',
componet: ()=> import("../views/ServiceType/ProductCenter.vue")
}
]
},

View File

@ -178,7 +178,7 @@
<script setup lang="ts">
import { ElMessage , type UploadProps , genFileId ,type UploadRawFile } from 'element-plus';
import { ref, onMounted, inject, toRaw } from 'vue';
import { ref, onMounted, inject } from 'vue';
import myAxios from "@/api/myAxios";
const total = ref(0); //
const idList = ref([]);

View File

@ -82,7 +82,7 @@ const typeForm = ref({
const tableData = ref([])
// (0) (1)
const flag = ref(0)
const typeList = ref([])
//
onMounted(() => {
getTypeList()
@ -209,6 +209,13 @@ const Delete_type = async (index: number) => {
}
getTypeList()
}
//
const delBatch = async ()=>{
console.log(typeList.value);
const res = await myAxios.post('/goods/delBatch',{
idList: typeList.value
})
}
</script>
<style scoped></style>

View File

@ -5,16 +5,6 @@
<el-button class="ml-5" type="primary" @click="load" style="height: 25px;">搜索</el-button>
<el-button type="warning" @click="reset" style="height:25px">重置</el-button>
</div>
<div style="margin: 15px 0">
<el-popconfirm class="ml-5" confirm-button-text='确定' cancel-button-text='取消' icon="InfoFilled" icon-color="red"
title="您确定批量删除这些数据吗?" @confirm="delBatch" width=180>
<template #reference>
<el-button style="height: 25px" class="ml-5" type="danger">批量删除 <el-icon style="margin-left: 5px;">
<Remove />
</el-icon></el-button>
</template>
</el-popconfirm>
</div>
<!-- 数据展示层 -->
<el-table :data="tableData" border stripe header-cell-class-name="headerBg"
:cell-style="{ 'text-align': 'center', 'font-size': '16px' }" @selection-change="handleSelectionChange"
@ -180,9 +170,6 @@ const getOrderList = async () => {
});
}
}
const delBatch = () => {
//
}
//
const showDetail = (index: number, row: any) => {
title.value = "订单详情"

View File

@ -0,0 +1,13 @@
<template>
<div>
</div>
</template>
<script setup lang="ts">
</script>
<style scoped>
</style>

View File

@ -0,0 +1,13 @@
<template>
<div>
</div>
</template>
<script setup lang="ts">
</script>
<style scoped>
</style>