提交 d7ed7d18 编写于 作者: kadycui's avatar kadycui 💻

ADD: 添加新目录

上级 18c210de
<template>
<div>
分销员管理
</div>
</template>
\ No newline at end of file
<template>
<div>
分销设值
</div>
</template>
\ No newline at end of file
<template>
<div>
会员等级
</div>
</template>
\ No newline at end of file
<template>
<div>
配置
基础配置
</div>
</template>
\ No newline at end of file
<template>
<div>
交易设值
</div>
</template>
\ No newline at end of file
<template>
<div>
物流设值
</div>
</template>
\ No newline at end of file
<template>
<div>
<el-table :data="tableData" style="width: 100%"
element-loading-text="加载中..."
element-loading-spinner="el-icon-loading"
v-loading="loading">
<!-- 表格列配置,可以根据需求自行调整 -->
<el-table-column prop="id" label="ID" width="80"></el-table-column>
<el-table-column prop="name" label="姓名" width="120"></el-table-column>
<el-table-column prop="age" label="年龄" width="100"></el-table-column>
<!-- 其他表格列... -->
</el-table>
<!-- 表格分页 -->
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
:page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="total"
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
用户管理
</div>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue';
// 加载动画
const loading = ref(false)
// 表格数据
const tableData = ref([]);
// 当前页码和每页显示条数
const currentPage = ref(1);
const pageSize = ref(10);
// 总条数,需要根据实际需求设置
const total = ref(50);
// 处理每页条数变更
const handleSizeChange = (size) => {
pageSize.value = size;
// 模拟获取数据的方法,可以替换为你自己的数据获取逻辑
loading.value = true
getTableData();
loading.value = false
};
// 处理当前页码变更
const handleCurrentChange = (page) => {
currentPage.value = page;
// 模拟获取数据的方法,可以替换为你自己的数据获取逻辑
loading.value = true
getTableData();
loading.value = false
};
// 模拟获取表格数据的方法
const getTableData = () => {
// 模拟异步获取数据,可以替换为你自己的异步请求
setTimeout(() => {
const startIdx = (currentPage.value - 1) * pageSize.value;
tableData.value = [];
for (let i = startIdx; i < startIdx + pageSize.value; i++) {
tableData.value.push({
id: i + 1,
name: `User ${i + 1}`,
age: Math.ceil(Math.random() * 50) + 20,
});
}
}, 500);
};
// 初始化时获取表格数据
onMounted(() => {
loading.value = true
getTableData();
loading.value = false
});
</script>
<style>
/* 在这里添加自定义样式 */
</style>
\ No newline at end of file
\ No newline at end of file
......@@ -9,16 +9,22 @@ import Login from '@/pages/login.vue'
import GoodList from '@/pages/goods/list.vue'
import CategoryList from '@/pages/category/list.vue'
import UserList from '@/pages/user/list.vue'
import LevelList from '@/pages/level/list.vue'
import OrderList from '@/pages/order/list.vue'
import CommentList from '@/pages/comment/list.vue'
import ImageList from '@/pages/image/list.vue'
import NoticeList from '@/pages/notice/list.vue'
import SettingList from '@/pages/setting/base.vue'
import SettingBuy from '@/pages/setting/buy.vue'
import SettingShip from '@/pages/setting/ship.vue'
import CouponList from '@/pages/coupon/list.vue'
import ManagerList from '@/pages/manager/list.vue'
import AccessList from '@/pages/access/list.vue'
import RoleList from '@/pages/role/list.vue'
import SkusList from '@/pages/skus/list.vue'
import DistributionIndex from '@/pages/distribution/index.vue'
import DistributionSetting from '@/pages/distribution/setting.vue'
......@@ -125,7 +131,16 @@ const asyncRoutes = [{
title: "用户列表"
}
}, {
},{
path: "/level/list",
name: "/level/list",
component: LevelList,
meta: {
title: "用户列表"
}
},
{
path: "/order/list",
name: "/order/list",
component: OrderList,
......@@ -203,7 +218,37 @@ const asyncRoutes = [{
meta: {
title: "规格管理"
}
}]
},{
path:"/setting/buy",
name:"/setting/buy",
component:SettingBuy,
meta:{
title:"支付设置"
}
},{
path:"/setting/ship",
name:"/setting/ship",
component:SettingShip,
meta:{
title:"物流设置"
}
},{
path:"/distribution/index",
name:"/distribution/index",
component:DistributionIndex,
meta:{
title:"分销员管理"
}
},{
path:"/distribution/setting",
name:"/distribution/setting",
component:DistributionSetting,
meta:{
title:"分销设置"
}
}
]
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册