puzv/Market-Front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

购物车和订单详情页内容宽度修正

Browse Source
This commit is contained in:
puzvv
2025-12-23 20:57:02 +08:00
parent b8e47f1395
commit c7cbaab922
2 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/order/ContentPage.vue
View File

@@ -16,8 +16,8 @@
<!-- 订单列表 --> <!-- 订单列表 -->
<div class="order-list"> <div class="order-list">
<el-table :data="orderList" style="width: 100%" row-key="id"> <el-table :data="orderList" style="width: 100%" row-key="id">
<el-table-column prop="orderNo" label="订单号" width="300" /> <el-table-column prop="orderNo" label="订单号" min-width="200" />
<el-table-column prop="createTime" label="下单时间" width="200"> <el-table-column prop="createTime" label="下单时间" min-width="180">
<template #default="scope"> <template #default="scope">
{{ formatDate(scope.row.createTime) }} {{ formatDate(scope.row.createTime) }}
</template> </template>
@@ -25,15 +25,15 @@
<el-table-column <el-table-column
prop="productCount" prop="productCount"
label="商品数量" label="商品数量"
width="120" min-width="100"
/> />
<el-table-column prop="totalAmount" label="订单总额" width="138"> <el-table-column prop="totalAmount" label="订单总额" min-width="120">
<template #default="scope"> <template #default="scope">
¥{{ scope.row.totalAmount.toFixed(2) }} ¥{{ scope.row.totalAmount.toFixed(2) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="statusText" label="订单状态" width="120" /> <el-table-column prop="statusText" label="订单状态" min-width="100" />
<el-table-column label="操作" width="150"> <el-table-column label="操作" min-width="120">
<template #default="scope"> <template #default="scope">
<el-button <el-button
type="primary" type="primary"

21
src/pages/shoppingcart/ContentPage.vue
View File

@@ -43,7 +43,11 @@
<!-- 购物车商品列表 --> <!-- 购物车商品列表 -->
<div class="cart-items"> <div class="cart-items">
<el-table :data="cartItems" style="width: 100%" row-key="id"> <el-table :data="cartItems" style="width: 100%" row-key="id">
<el-table-column width="50"> <el-table-column
class-name="col-checkbox"
width="60"
prop="checked"
>
<template #default="scope"> <template #default="scope">
<el-checkbox <el-checkbox
v-model="scope.row.checked" v-model="scope.row.checked"
@@ -57,7 +61,12 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="productImage" label="商品" width="300"> <el-table-column
prop="productImage"
label="商品"
class-name="col-product"
min-width="280"
>
<template #default="scope"> <template #default="scope">
<div class="product-info"> <div class="product-info">
<el-image <el-image
@@ -75,11 +84,11 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="price" label="单价" width="168"> <el-table-column prop="price" label="单价" min-width="100">
<template #default="scope"> ¥{{ scope.row.price }} </template> <template #default="scope"> ¥{{ scope.row.price }} </template>
</el-table-column> </el-table-column>
<el-table-column prop="count" label="数量" width="200"> <el-table-column prop="count" label="数量" min-width="120">
<template #default="scope"> <template #default="scope">
<el-input-number <el-input-number
v-model="scope.row.count" v-model="scope.row.count"
@@ -93,13 +102,13 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="subtotal" label="小计" width="200"> <el-table-column prop="subtotal" label="小计" min-width="120">
<template #default="scope"> <template #default="scope">
¥{{ (scope.row.price * scope.row.count).toFixed(2) }} ¥{{ (scope.row.price * scope.row.count).toFixed(2) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="110"> <el-table-column label="操作" min-width="80">
<template #default="scope"> <template #default="scope">
<el-button <el-button
type="danger" type="danger"