code review 订单列表.vue 界面

pull/2/head
YunaiV 2022-10-31 10:09:10 +08:00
parent e6acdf7098
commit cca27636b7
1 changed files with 8 additions and 0 deletions

View File

@ -1,5 +1,10 @@
<template>
<!-- TODO挪到 mall/trade/order/index.vue -->
<!-- TODO咱的一些 html 标签是不是可以按照一行紧凑一点嘿嘿这样阅读起来方便一些 -->
<div class="app-container">
<!-- 搜索工作栏 -->
<!-- TODO: inline 看看是不是需要; v-show= 那块逻辑还是要的 -->
<el-row :gutter="20">
<el-form
:model="queryParams"
@ -133,6 +138,7 @@
:row-class-name="rowClassName"
border
>
<!-- TODO: 多选咱先去掉哈 -->
<el-table-column type="selection" :selectable="(row, index) => index % 2"/>
<el-table-column label="商品" prop="goods" width="360">
<template slot-scope="{ row, $index }">
@ -162,6 +168,7 @@
<el-button type="text">详情</el-button>
<el-button type="text">备注</el-button>
</el-col>
<!-- TODO关闭订单修改地址调整价格 -->
</el-row>
<div v-else class="goods-info">
<img :src="row.picture"/>
@ -169,6 +176,7 @@
</div>
</template>
</el-table-column>
<!-- TODO需要考虑下一个订单下有多个商品的情况 -->
<el-table-column label="单价(元)/数量" prop="fee" align="center" width="115">
<template slot-scope="{ row }">
<div>{{row.price}}</div>