From f143d2a63e00e43b461914a0660e4a91dd50a1db Mon Sep 17 00:00:00 2001
From: cloudroam <cloudroam>
Date: 星期三, 09 十月 2024 19:56:17 +0800
Subject: [PATCH] Merge branch 'master' of http://47.96.225.205:8888/r/operation_pc-v2
---
components/order/evaluation-table.vue | 145 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 145 insertions(+), 0 deletions(-)
diff --git a/components/order/evaluation-table.vue b/components/order/evaluation-table.vue
new file mode 100644
index 0000000..c670ac6
--- /dev/null
+++ b/components/order/evaluation-table.vue
@@ -0,0 +1,145 @@
+<template>
+ <div class="after-sale-table">
+ <div class="table-header">
+ <div class="table-th" style="margin-left: 20px">商品名称</div>
+ <div class="table-th ">订单编号</div>
+ <div class="table-th">评价星级</div>
+ <div class="table-th">供应商信息</div>
+ <div class="table-th">评价内容</div>
+ <div class="table-th" style="margin-left: 20px">买家</div>
+ <div class="table-th">评价时间</div>
+ <div class="table-th" style="margin-left: 20px">操作</div>
+ </div>
+ <div v-for="item in list" :key="item.id" class="table-item">
+ <div class="table-body">
+ <div class="table-td">
+ <div class="flex">
+ <el-bus-image :src="item.flowerCover" class="w-60 h-60 mr-8" />
+ <div class="leading-20">
+ <div class="text-14 font-bold">
+ {{ item.flowerName }}
+ </div>
+ <div class="leading-20">
+ <span>规格：{{ item.flowerUnit }}</span>
+ </div>
+ <div class="leading-20">
+ <span>等级：{{ item.flowerLevel }}</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="table-td">
+ <div class="leading-20">{{ item.orderNo }}</div>
+ </div>
+ <div class="table-td">
+ <div class="leading-20">{{item.commentGrade }}星</div>
+ </div>
+ <div class="table-td">
+ <div class="leading-20">{{ item.supplierName }}[ID:{{ item.supplierId }}]</div>
+ </div>
+
+ <div class="table-td">
+ <div class="leading-20">{{ item.comment }}</div>
+ </div>
+
+ <div class="table-td">
+ <div class="leading-20">
+ <div class="leading-20">
+ <span>UID： {{ item.customerName }}</span>
+ </div>
+ <div class="leading-20">
+ <span>昵称： {{ item.customerName }}</span>
+ </div>
+
+ </div>
+ </div>
+
+ <div class="table-td">
+ <div class="leading-20">{{ item.createTime }}</div>
+ </div>
+
+ <div class="table-td !flex-none w-180 flex items-center">
+ <el-button type="text" @click="onDetail(item)">查看</el-button>
+ <el-button v-if="item.showFlag == '1'" type="text" @click="onShow(item)" >显示</el-button>
+ <el-button v-if="item.showFlag == '0'" type="text" @click="onHide(item)" >隐藏</el-button>
+ <el-button type="text" @click="onHandle(item)" >回复</el-button>
+ <el-button type="text" @click="onDelete(item)" >删除</el-button>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ props: {
+ list: {
+ type: Array,
+ default: () => [],
+ },
+ },
+ methods: {
+ onDetail(item) {
+ this.$emit('detail', item)
+ },
+ onHandle(item) {
+ this.$emit('handle', item)
+ },
+ onDelete(item) {
+ this.$emit('delete', item)
+ },
+ onShow(item) {
+ this.$emit('show', item)
+ },
+ onHide(item) {
+ this.$emit('hide', item)
+ },
+ },
+}
+</script>
+
+<style lang="scss" scoped>
+.after-sale-table {
+ .table-header {
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ color: $main-title-color;
+ background-color: #f4f4f5;
+ .table-th {
+ flex: 1;
+ height: 45px;
+ line-height: 45px;
+ font-weight: bold;
+ }
+ }
+ .table-item {
+ margin-top: 10px;
+ border-bottom: 1px solid #eee;
+ &__title {
+ height: 35px;
+ line-height: 35px;
+ background-color: #f4f4f5;
+ font-size: 14px;
+ color: $main-title-color;
+ padding: 0 10px;
+ & > span {
+ margin-right: 10px;
+ }
+ }
+ .table-body {
+ display: flex;
+ align-items: stretch;
+ font-size: 12px;
+ color: $main-title-color;
+ .table-td {
+ flex: 1;
+ padding: 15px 10px;
+ &:not(:last-child) {
+ border-right: 1px solid #eee;
+ }
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3