添加了个人中心界面的母版页,统一了个人中心界面风格

This commit is contained in:
puzvv
2025-12-30 21:06:32 +08:00
parent f89327b609
commit ec89dc43e6
7 changed files with 511 additions and 262 deletions

View File

@@ -1,5 +1,5 @@
<template>
<MainLayout>
<UserLayout>
<div class="order-page">
<el-card class="order-card">
<template #header>
@@ -17,7 +17,11 @@
<div class="order-list">
<el-table :data="orderList" style="width: 100%" row-key="id">
<el-table-column prop="orderNo" label="订单号" min-width="200" />
<el-table-column prop="createTime" label="下单时间" min-width="180">
<el-table-column
prop="createTime"
label="下单时间"
min-width="180"
>
<template #default="scope">
{{ formatDate(scope.row.createTime) }}
</template>
@@ -27,12 +31,20 @@
label="商品数量"
min-width="100"
/>
<el-table-column prop="totalAmount" label="订单总额" min-width="120">
<el-table-column
prop="totalAmount"
label="订单总额"
min-width="120"
>
<template #default="scope">
¥{{ scope.row.totalAmount.toFixed(2) }}
</template>
</el-table-column>
<el-table-column prop="statusText" label="订单状态" min-width="100" />
<el-table-column
prop="statusText"
label="订单状态"
min-width="100"
/>
<el-table-column label="操作" min-width="120">
<template #default="scope">
<el-button
@@ -150,10 +162,10 @@
</span>
</template>
</el-dialog>
</MainLayout>
</UserLayout>
</template>
<script setup lang="ts">
import MainLayout from "@/layouts/MainLayout.vue";
import UserLayout from "@/layouts/UserLayout.vue";
import { ref, onMounted } from "vue";
import { useUserStore } from "@/stores/UserStore";
import { ElMessage } from "element-plus";