添加了个人中心界面的母版页,统一了个人中心界面风格
This commit is contained in:
@@ -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";
|
||||
|
||||
Reference in New Issue
Block a user