root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

product：优化商品评论

Browse Source
This commit is contained in:
YunaiV 2023-10-01 21:23:50 +08:00
parent 8b7543acd5
commit 17c31978f7
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/mall/product/comment/index.vue
View File

@ -59,9 +59,8 @@
<!-- 列表 --> <!-- 列表 -->
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="false"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="false">
<el-table-column label="评论编号" align="center" prop="id" min-width="60" /> <el-table-column label="评论编号" align="center" prop="id" min-width="50" />
<el-table-column label="用户名称" align="center" prop="userNickname" width="80" /> <el-table-column label="商品信息" align="center" min-width="400">
<el-table-column label="商品信息" align="center" min-width="300">
<template #default="scope"> <template #default="scope">
<div class="row flex items-center gap-x-4px"> <div class="row flex items-center gap-x-4px">
<el-image <el-image
@ -82,10 +81,10 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="评分星级" align="center" prop="scores" width="80" /> <el-table-column label="用户名称" align="center" prop="userNickname" width="100" />
<el-table-column label="描述星级" align="center" prop="descriptionScores" width="80" /> <el-table-column label="商品评分" align="center" prop="descriptionScores" width="90" />
<el-table-column label="服务星级" align="center" prop="benefitScores" width="80" /> <el-table-column label="服务评分" align="center" prop="benefitScores" width="90" />
<el-table-column label="评论内容" align="center" prop="content" min-width="80"> <el-table-column label="评论内容" align="center" prop="content" min-width="210">
<template #default="scope"> <template #default="scope">
<p>{{ scope.row.content }}</p> <p>{{ scope.row.content }}</p>
<div class="flex justify-center gap-x-4px"> <div class="flex justify-center gap-x-4px">
@ -105,7 +104,7 @@
label="回复内容" label="回复内容"
align="center" align="center"
prop="replyContent" prop="replyContent"
min-width="100" min-width="250"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
@ -113,7 +112,7 @@
align="center" align="center"
prop="createTime" prop="createTime"
:formatter="dateFormatter" :formatter="dateFormatter"
width="170" width="180"
/> />
<el-table-column label="是否展示" align="center" width="80px"> <el-table-column label="是否展示" align="center" width="80px">
<template #default="scope"> <template #default="scope">

3
src/views/mall/product/spu/components/SkuTableSelect.vue
View File

@ -25,7 +25,7 @@
</el-table-column> </el-table-column>
<el-table-column align="center" label="销售价(元)" min-width="80"> <el-table-column align="center" label="销售价(元)" min-width="80">
<template #default="{ row }"> <template #default="{ row }">
{{ row.price }} {{ fenToYuan(row.price) }}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -36,6 +36,7 @@
import { ElTable } from 'element-plus' import { ElTable } from 'element-plus'
import * as ProductSpuApi from '@/api/mall/product/spu' import * as ProductSpuApi from '@/api/mall/product/spu'
import { propTypes } from '@/utils/propTypes' import { propTypes } from '@/utils/propTypes'
import { fenToYuan } from '@/utils'
defineOptions({ name: 'SkuTableSelect' }) defineOptions({ name: 'SkuTableSelect' })