mirror of
https://gitee.com/ZhongBangKeJi/crmeb_java.git
synced 2026-05-04 15:41:26 +08:00
451f8a765e
# v1.3 更新列表
1. 【新增】砍价
2. 【新增】拼团
3. 【新增】一号通
4. 【修复】商品sku 编辑时出现商品属性对应错误的问题
5. 【修复】商品推广海报生成二维码可能会出错的问题【小程序调试中】
6. 【修复】微信公众号和小程序头像可能获取不到的问题
7. 【修复】下单时可能会出错的问题
8. 【修复】pc管理端用户访问量
9. 【修复】微信退款
10. 【修复】管理端订单状态可能出现不正确的情况
11. 【修复】WEB管理端-菜单色调，短信API更新，首页用户访问量，系统设置tab是自动选择下一及表单
12. 【修复】系统设置出现更新不正确的问题
339 lines
10 KiB
Vue
339 lines
10 KiB
Vue
<template>
|
||
<div class="divBox">
|
||
<el-card class="box-card">
|
||
<div slot="header" class="clearfix">
|
||
<div class="container">
|
||
<el-form :inline="true">
|
||
<el-form-item label="时间选择：" class="width100">
|
||
<el-radio-group v-model="tableFrom.dateLimit" type="button" @change="selectChange(tableFrom.dateLimit)" class="mr20" size="small">
|
||
<el-radio-button :label=item.val v-for="(item,i) in fromList.fromTxt" :key="i">{{item.text}}</el-radio-button>
|
||
</el-radio-group>
|
||
<el-date-picker @change="onchangeTime" v-model="timeVal" value-format="yyyy-MM-dd" format="yyyy-MM-dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 220px;"></el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item label="评价状态：" class="mr10">
|
||
<el-select v-model="tableFrom.isReply" placeholder="请选择评价状态" @change="seachList" size="small" class="selWidth" clearable>
|
||
<el-option label="已回复" value="1"></el-option>
|
||
<el-option label="未回复" value="0"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="商品搜索：" class="mr10">
|
||
<el-input v-model="tableFrom.productSearch" placeholder="请输入商品名称，商品id" class="selWidth" size="small" clearable>
|
||
<el-button slot="append" icon="el-icon-search" @click="seachList" size="small"/>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="用户名称：">
|
||
<el-input v-model="tableFrom.nickname" placeholder="请输入用户名称" class="selWidth" size="small" clearable>
|
||
<el-button slot="append" icon="el-icon-search" @click="seachList" size="small"/>
|
||
</el-input>
|
||
</el-form-item>
|
||
<!--<el-select v-model="uids" class="selWidth" reserve-keyword multiple remote filterable-->
|
||
<!--:remote-method="remoteMethod" :loading="loading" placeholder="请输入用户名称" clearable @change="seachList">-->
|
||
<!--<el-option-->
|
||
<!--v-for="item in options"-->
|
||
<!--:key="item.uid"-->
|
||
<!--:label="item.nickname"-->
|
||
<!--:value="item.uid">-->
|
||
<!--</el-option>-->
|
||
<!--</el-select>-->
|
||
|
||
</el-form>
|
||
</div>
|
||
<el-button size="small" type="primary" @click="add">添加虚拟评论</el-button>
|
||
</div>
|
||
<el-table
|
||
v-loading="listLoading"
|
||
:data="tableData.data"
|
||
style="width: 100%"
|
||
size="mini"
|
||
class="table"
|
||
>
|
||
<el-table-column
|
||
prop="id"
|
||
label="ID"
|
||
width="50"
|
||
/>
|
||
<el-table-column label="商品信息" min-width="300">
|
||
<template slot-scope="scope">
|
||
<div class="demo-image__preview acea-row row-middle" v-if="scope.row.storeProduct">
|
||
<el-image
|
||
style="width:30px;height: 30px;"
|
||
:src="scope.row.storeProduct.image"
|
||
:preview-src-list="[scope.row.storeProduct.image]"
|
||
class="mr10"
|
||
/>
|
||
<div class="info">{{scope.row.storeProduct.storeName}}</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="nickname"
|
||
label="用户名称"
|
||
min-width="200"
|
||
/>
|
||
<el-table-column
|
||
prop="productScore"
|
||
label="商品评分"
|
||
min-width="90"
|
||
/>
|
||
<el-table-column
|
||
prop="serviceScore"
|
||
label="服务评分"
|
||
min-width="90"
|
||
/>
|
||
<el-table-column
|
||
label="评价内容"
|
||
min-width="210"
|
||
>
|
||
<template slot-scope="scope">
|
||
<div class="mb5 content_font">{{scope.row.comment}}</div>
|
||
<template v-if="scope.row.pics.length && scope.row.pics[0]">
|
||
<div class="demo-image__preview">
|
||
<el-image
|
||
:src="item"
|
||
class='mr5'
|
||
:preview-src-list="[item]"
|
||
v-for="(item,index) in scope.row.pics" :key="index"
|
||
/>
|
||
</div>
|
||
</template>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="merchantReplyContent"
|
||
label="回复内容"
|
||
min-width="250"
|
||
/>
|
||
<el-table-column
|
||
label="评价时间"
|
||
min-width="120"
|
||
>
|
||
<template slot-scope="scope">
|
||
<span> {{scope.row.createTime}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" min-width="120" fixed="right" align="center">
|
||
<template slot-scope="scope">
|
||
<el-button type="text" size="small" @click="reply(scope.row.id)" class="mr10">回复</el-button>
|
||
<el-button type="text" size="small" @click="handleDelete(scope.row.id, scope.$index)">删除</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<div class="block">
|
||
<el-pagination
|
||
:page-sizes="[20, 40, 60, 80]"
|
||
:page-size="tableFrom.limit"
|
||
:current-page="tableFrom.page"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
:total="tableData.total"
|
||
@size-change="handleSizeChange"
|
||
@current-change="pageChange"
|
||
/>
|
||
</div>
|
||
<el-dialog
|
||
title="提示"
|
||
:visible.sync="dialogVisible"
|
||
width="700px"
|
||
z-index="4"
|
||
:before-close="handleClose">
|
||
<creat-comment :key="timer" @getList="seachList"></creat-comment>
|
||
</el-dialog>
|
||
</el-card>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import creatComment from './creatComment.vue'
|
||
import { categoryApi, replyListApi, replyDeleteApi, replyCommentApi } from '@/api/store'
|
||
import { formatDates } from '@/utils/index';
|
||
import { userListApi } from '@/api/user'
|
||
export default {
|
||
name: 'StoreComment',
|
||
filters: {
|
||
formatDate (time) {
|
||
if (time !== 0) {
|
||
const date = new Date(time * 1000);
|
||
return formatDates(date, 'yyyy-MM-dd hh:mm');
|
||
}
|
||
}
|
||
},
|
||
components: { creatComment },
|
||
data() {
|
||
return {
|
||
merCateList: [],
|
||
props: {
|
||
children: 'child',
|
||
label: 'name',
|
||
value: 'id',
|
||
emitPath: false
|
||
},
|
||
fromList: {
|
||
title: '选择时间',
|
||
custom: true,
|
||
fromTxt: [
|
||
{ text: '全部', val: '' },
|
||
{ text: '今天', val: 'today' },
|
||
{ text: '昨天', val: 'yesterday' },
|
||
{ text: '最近7天', val: 'lately7' },
|
||
{ text: '最近30天', val: 'lately30' },
|
||
{ text: '本月', val: 'month' },
|
||
{ text: '本年', val: 'year' }
|
||
]
|
||
},
|
||
tableData: {
|
||
data: [],
|
||
total: 0
|
||
},
|
||
listLoading: true,
|
||
tableFrom: {
|
||
page: 1,
|
||
limit: 20,
|
||
isReply: '',
|
||
dateLimit: '',
|
||
// uid: '',
|
||
nickname: '',
|
||
productSearch:'',
|
||
isDel: false
|
||
},
|
||
timeVal: [],
|
||
loading: false,
|
||
uids: [],
|
||
options: [],
|
||
dialogVisible: false,
|
||
timer: ''
|
||
}
|
||
},
|
||
mounted() {
|
||
// this.getLstFilterApi()
|
||
this.getList()
|
||
this.getCategorySelect()
|
||
},
|
||
methods:{
|
||
remoteMethod(query) {
|
||
if (query !== '') {
|
||
this.loading = true;
|
||
setTimeout(() => {
|
||
this.loading = false;
|
||
userListApi({keywords: query, page: 1, limit: 10}).then(res => {
|
||
this.options = res.list
|
||
})
|
||
}, 200);
|
||
} else {
|
||
this.options = [];
|
||
}
|
||
},
|
||
seachList() {
|
||
this.dialogVisible = false
|
||
this.tableFrom.page = 1
|
||
this.getList()
|
||
},
|
||
// 回复
|
||
reply(id) {
|
||
this.$prompt('回复内容', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
inputErrorMessage: '请输入回复内容',
|
||
inputType: 'textarea',
|
||
inputPlaceholder: '请输入回复内容',
|
||
inputValidator: (value) => {
|
||
if (!value) {
|
||
return '输入不能为空';
|
||
}
|
||
}
|
||
}).then(({value}) => {
|
||
replyCommentApi({
|
||
ids: id,
|
||
merchantReplyContent: value
|
||
}).then(res => {
|
||
this.$message({
|
||
type: 'success',
|
||
message: '回复成功'
|
||
});
|
||
this.getList();
|
||
})
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '取消输入'
|
||
})
|
||
})
|
||
},
|
||
// 选择时间
|
||
selectChange (tab) {
|
||
this.timeVal = [];
|
||
this.tableFrom.page = 1
|
||
this.getList();
|
||
},
|
||
// 商户分类；
|
||
getCategorySelect() {
|
||
categoryApi({ status: -1, type: 1 }).then(res => {
|
||
this.merCateList = res
|
||
}).catch(res => {
|
||
this.$message.error(res.message)
|
||
})
|
||
},
|
||
add() {
|
||
this.dialogVisible = true
|
||
this.timer = new Date().getTime()
|
||
},
|
||
handleClose(){
|
||
this.dialogVisible = false
|
||
},
|
||
// 具体日期
|
||
onchangeTime (e) {
|
||
this.timeVal = e;
|
||
this.tableFrom.dateLimit = e ? this.timeVal.join(',') : ''
|
||
this.tableFrom.page = 1
|
||
this.getList();
|
||
},
|
||
// 删除
|
||
handleDelete(id, idx) {
|
||
this.$modalSure().then(() => {
|
||
replyDeleteApi(id).then(() => {
|
||
this.$message.success('删除成功')
|
||
this.tableData.data.splice(idx, 1)
|
||
})
|
||
})
|
||
},
|
||
// 列表
|
||
getList() {
|
||
this.listLoading = true
|
||
this.tableFrom.uid = this.uids.join(',')
|
||
replyListApi(this.tableFrom).then(res => {
|
||
this.tableData.data = res.list
|
||
this.tableData.total = res.total
|
||
this.listLoading = false
|
||
}).catch(() => {
|
||
this.listLoading = false
|
||
})
|
||
},
|
||
pageChange(page) {
|
||
this.tableFrom.page = page
|
||
this.getList()
|
||
},
|
||
handleSizeChange(val) {
|
||
this.tableFrom.limit = val
|
||
this.getList()
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.selWidth{
|
||
width: 350px !important;
|
||
}
|
||
.table{
|
||
.el-image{
|
||
width: auto !important;
|
||
height: 30px !important;
|
||
}
|
||
/deep/.el-image__inner, .el-image__placeholder, .el-image__error {
|
||
width: auto !important;
|
||
}
|
||
}
|
||
.info{
|
||
width:63%;
|
||
}
|
||
|
||
</style>
|