zenghuapei
/
cyywl_server
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
yudao-ui-admin/src/views/order/goodsOrder/index.vue
View File

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