YoVinchen
989c2741a2
- 添加 GlobalExceptionHandler 全局异常处理 - 添加 ApiController REST API 控制器 - 更新 WebConfig 跨域配置和 ProductRepository 查询方法 - 新增 monitor/product-detail/profile JSP 视图页面 - 添加 FlashSaleServiceTest 秒杀服务单元测试 - 更新 application.yml 配置
46 lines
1.2 KiB
Vue
46 lines
1.2 KiB
Vue
<template>
|
|
<div class="admin-products">
|
|
<div class="page-header">
|
|
<h2 class="page-title">商品管理</h2>
|
|
<el-button type="primary">
|
|
<el-icon class="mr-1"><Plus /></el-icon>
|
|
添加商品
|
|
</el-button>
|
|
</div>
|
|
|
|
<div class="content-card">
|
|
<el-table :data="[]" stripe>
|
|
<el-table-column prop="id" label="ID" width="80" />
|
|
<el-table-column prop="name" label="商品名称" />
|
|
<el-table-column prop="price" label="价格" />
|
|
<el-table-column prop="stock" label="库存" />
|
|
<el-table-column prop="status" label="状态" />
|
|
<el-table-column label="操作" width="200">
|
|
<template #default>
|
|
<el-button text type="primary" size="small">编辑</el-button>
|
|
<el-button text type="danger" size="small">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.admin-products {
|
|
.page-header {
|
|
@apply flex justify-between items-center mb-6;
|
|
|
|
.page-title {
|
|
@apply text-2xl font-bold;
|
|
}
|
|
}
|
|
|
|
.content-card {
|
|
@apply bg-white rounded-lg shadow-sm p-6;
|
|
}
|
|
}
|
|
</style> |