|
@@ -10,15 +10,15 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div style="margin:2% 0;display: inline-block;">
|
|
<div style="margin:2% 0;display: inline-block;">
|
|
|
- <div style="position: relative;display: inline-block;margin: 10px 0px;">
|
|
|
|
|
- <span>筛选类型:</span>
|
|
|
|
|
- <el-select v-model="grade" style="width:150px;margin-left: 10px;" @change="animeDat2(grade)">
|
|
|
|
|
- <el-option v-for="item in scoreTypes" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </div>
|
|
|
|
|
- <el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="dataSelect">查询
|
|
|
|
|
- </el-button>
|
|
|
|
|
- <el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleans2">重置</el-button>
|
|
|
|
|
|
|
+ <div style="position: relative;display: inline-block;margin: 10px 0px;">
|
|
|
|
|
+ <span>筛选类型:</span>
|
|
|
|
|
+ <el-select v-model="grade" style="width:150px;margin-left: 10px;" @change="animeDat2(grade)">
|
|
|
|
|
+ <el-option v-for="item in scoreTypes" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="dataSelect">查询
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleans2">重置</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
<el-table v-loading="tableDataLoading" :data="tableData.list">
|
|
<el-table v-loading="tableDataLoading" :data="tableData.list">
|
|
|
<el-table-column fixed prop="id" label="编号" width="80">
|
|
<el-table-column fixed prop="id" label="编号" width="80">
|
|
@@ -42,7 +42,8 @@
|
|
|
|
|
|
|
|
<el-table-column prop="nickName" label="用户" width="150">
|
|
<el-table-column prop="nickName" label="用户" width="150">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
- <span style="color: #4f9dec;cursor: pointer;" @click='goUserInfo(scope.row.userId)'>{{scope.row.nickName ? scope.row.nickName : '暂无'}}</span>
|
|
|
|
|
|
|
+ <span style="color: #4f9dec;cursor: pointer;"
|
|
|
|
|
+ @click='goUserInfo(scope.row.userId)'>{{scope.row.nickName ? scope.row.nickName : '暂无'}}</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
|
@@ -50,57 +51,63 @@
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column prop="score" label="评分" width="80">
|
|
<el-table-column prop="score" label="评分" width="80">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
-<!-- <el-table-column prop="image" label="评价图" width="100">
|
|
|
|
|
|
|
+ <el-table-column prop="evaluateMessage" label="评论图片" width="280">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
- <div style="display: inline-block; margin: 3px;">
|
|
|
|
|
- <el-popover v-if="scope.row&&scope.row.newImage" placement="top-start" title="" trigger="hover" v-for="item in scope.row.newImage" :key="item">
|
|
|
|
|
- <img style="width: 50px; height: 50px" :src="item" alt="" slot="reference">
|
|
|
|
|
- <img style="width: 300px; height: auto" :src="item" alt="">
|
|
|
|
|
- </el-popover>
|
|
|
|
|
|
|
+ <div v-if="scope.row.pictures">
|
|
|
|
|
+ <span v-for="(item,index) in scope.row.pictures.split(',')" :key="index">
|
|
|
|
|
+ <el-popover placement="top-start" title="" trigger="hover">
|
|
|
|
|
+ <img style="width: 50px; height: 50px;margin: 3px;" :src="item" alt="" slot="reference">
|
|
|
|
|
+ <img style="width: 200px; height: 200px" :src="item" alt="">
|
|
|
|
|
+ </el-popover>
|
|
|
|
|
+ </span>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
</template>
|
|
</template>
|
|
|
- </el-table-column> -->
|
|
|
|
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="evaluateMessage" label="评价内容">
|
|
<el-table-column prop="evaluateMessage" label="评价内容">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-popover placement="top-start" title="" trigger="hover">
|
|
<el-popover placement="top-start" title="" trigger="hover">
|
|
|
- <div style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;" slot="reference">{{scope.row.evaluateMessage}}</div>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;"
|
|
|
|
|
+ slot="reference">{{scope.row.evaluateMessage}}</div>
|
|
|
<div style="width: 400px;">{{scope.row.evaluateMessage}}</div>
|
|
<div style="width: 400px;">{{scope.row.evaluateMessage}}</div>
|
|
|
</el-popover>
|
|
</el-popover>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="evaluateMessage" label="评论图片" width="280">
|
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
|
- <div v-if="scope.row.pictures">
|
|
|
|
|
- <span v-for="(item,index) in scope.row.pictures.split(',')" :key="index">
|
|
|
|
|
- <el-popover placement="top-start" title="" trigger="hover">
|
|
|
|
|
- <img style="width: 50px; height: 50px;margin: 3px;" :src="item" alt="" slot="reference">
|
|
|
|
|
- <img style="width: 200px; height: 200px" :src="item" alt="">
|
|
|
|
|
- </el-popover>
|
|
|
|
|
- </span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
|
|
+ <el-table-column prop="evaluateMessage" label="评论图片" width="280">
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <div v-if="scope.row.pictures">
|
|
|
|
|
+ <span v-for="(item,index) in scope.row.pictures.split(',')" :key="index">
|
|
|
|
|
+ <el-popover placement="top-start" title="" trigger="hover">
|
|
|
|
|
+ <img style="width: 50px; height: 50px;margin: 3px;" :src="item" alt="" slot="reference">
|
|
|
|
|
+ <img style="width: 200px; height: 200px" :src="item" alt="">
|
|
|
|
|
+ </el-popover>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="createTime" label="时间" width="150">
|
|
<el-table-column prop="createTime" label="时间" width="150">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column prop="shopReplyMessage" label="商家回复内容">
|
|
<el-table-column prop="shopReplyMessage" label="商家回复内容">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-popover placement="top-start" title="" trigger="hover">
|
|
<el-popover placement="top-start" title="" trigger="hover">
|
|
|
- <div style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;" slot="reference">{{scope.row.shopReplyMessage}}</div>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;"
|
|
|
|
|
+ slot="reference">{{scope.row.shopReplyMessage}}</div>
|
|
|
<div style="width: 400px;">{{scope.row.shopReplyMessage}}</div>
|
|
<div style="width: 400px;">{{scope.row.shopReplyMessage}}</div>
|
|
|
</el-popover>
|
|
</el-popover>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column prop="ordersPayMoney" label="操作" width="80">
|
|
<el-table-column prop="ordersPayMoney" label="操作" width="80">
|
|
|
- <template slot-scope="scope">
|
|
|
|
|
- <el-button size="mini" :disabled="!isAuth('shopsList:deletePl')" type="warning" icon="document" @click="deleteBtn(scope.row)">删除</el-button>
|
|
|
|
|
- </template>
|
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <el-button size="mini" :disabled="!isAuth('shopsList:deletePl')" type="warning" icon="document"
|
|
|
|
|
+ @click="deleteBtn(scope.row)">删除</el-button>
|
|
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<div style="text-align: center;margin-top: 10px;">
|
|
<div style="text-align: center;margin-top: 10px;">
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
|
- :page-sizes="[10, 20, 30, 40,100]" :page-size="limit" :current-page="page" layout="total,sizes, prev, pager, next"
|
|
|
|
|
- :total="tableData.totalCount">
|
|
|
|
|
|
|
+ :page-sizes="[10, 20, 30, 40,100]" :page-size="limit" :current-page="page"
|
|
|
|
|
+ layout="total,sizes, prev, pager, next" :total="tableData.totalCount">
|
|
|
</el-pagination>
|
|
</el-pagination>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -114,10 +121,10 @@
|
|
|
page: 1,
|
|
page: 1,
|
|
|
activeName: 'first',
|
|
activeName: 'first',
|
|
|
tableDataLoading: false,
|
|
tableDataLoading: false,
|
|
|
- grade:'',
|
|
|
|
|
|
|
+ grade: '',
|
|
|
dialogFormVisible: false,
|
|
dialogFormVisible: false,
|
|
|
tableData: {},
|
|
tableData: {},
|
|
|
- scoreTypes: [{//后台定义 1 2差评 3 4中评 5是好评
|
|
|
|
|
|
|
+ scoreTypes: [{ //后台定义 1 2差评 3 4中评 5是好评
|
|
|
label: '全部',
|
|
label: '全部',
|
|
|
value: ''
|
|
value: ''
|
|
|
},
|
|
},
|
|
@@ -134,25 +141,25 @@
|
|
|
value: 3
|
|
value: 3
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
- shopId:'',
|
|
|
|
|
|
|
+ shopId: '',
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
//提交查询
|
|
//提交查询
|
|
|
animeDat2(state) {
|
|
animeDat2(state) {
|
|
|
this.page = 1
|
|
this.page = 1
|
|
|
- this.grade=state;
|
|
|
|
|
|
|
+ this.grade = state;
|
|
|
this.dataSelect()
|
|
this.dataSelect()
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- cleans2(){
|
|
|
|
|
|
|
+ cleans2() {
|
|
|
this.page = 1
|
|
this.page = 1
|
|
|
- this.grade='';
|
|
|
|
|
|
|
+ this.grade = '';
|
|
|
this.dataSelect()
|
|
this.dataSelect()
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
//查看用户详情
|
|
//查看用户详情
|
|
|
- goUserInfo(userId){
|
|
|
|
|
|
|
+ goUserInfo(userId) {
|
|
|
this.$router.push({
|
|
this.$router.push({
|
|
|
path: '/userDetail',
|
|
path: '/userDetail',
|
|
|
query: {
|
|
query: {
|
|
@@ -181,7 +188,7 @@
|
|
|
'page': this.page,
|
|
'page': this.page,
|
|
|
'limit': this.limit,
|
|
'limit': this.limit,
|
|
|
'shopId': this.shopId,
|
|
'shopId': this.shopId,
|
|
|
- 'grade':this.grade,
|
|
|
|
|
|
|
+ 'grade': this.grade,
|
|
|
})
|
|
})
|
|
|
}).then(({
|
|
}).then(({
|
|
|
data
|
|
data
|
|
@@ -190,8 +197,8 @@
|
|
|
let returnData = data.data.pageUtils;
|
|
let returnData = data.data.pageUtils;
|
|
|
|
|
|
|
|
for (var i = 0; i < returnData.list.length; i++) {
|
|
for (var i = 0; i < returnData.list.length; i++) {
|
|
|
- if(returnData.list[0].image){
|
|
|
|
|
- returnData.list[0].newImage=returnData.list[0].image.split(',')
|
|
|
|
|
|
|
+ if (returnData.list[0].image) {
|
|
|
|
|
+ returnData.list[0].newImage = returnData.list[0].image.split(',')
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -204,41 +211,40 @@
|
|
|
this.$router.back()
|
|
this.$router.back()
|
|
|
},
|
|
},
|
|
|
// 删除评论
|
|
// 删除评论
|
|
|
- deleteBtn(row){
|
|
|
|
|
|
|
+ deleteBtn(row) {
|
|
|
this.$confirm(`确定要删除评论吗?`, '提示', {
|
|
this.$confirm(`确定要删除评论吗?`, '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
|
|
- cancelButtonText: '取消',
|
|
|
|
|
- type: 'warning'
|
|
|
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
|
+ type: 'warning'
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
- this.$http({
|
|
|
|
|
- url: this.$http.adornUrl('admin/order/deleteEvaluate'),
|
|
|
|
|
- method: 'post',
|
|
|
|
|
- params: this.$http.adornParams({
|
|
|
|
|
- 'evaluateId': row.id
|
|
|
|
|
- })
|
|
|
|
|
- }).then(({
|
|
|
|
|
- data
|
|
|
|
|
- }) => {
|
|
|
|
|
- if(data.code==0){
|
|
|
|
|
- this.$message({
|
|
|
|
|
- message: '取消成功',
|
|
|
|
|
- type: 'success',
|
|
|
|
|
- duration: 1500,
|
|
|
|
|
- onClose: () => {
|
|
|
|
|
- this.dataSelect()
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- }else{
|
|
|
|
|
- this.$message({
|
|
|
|
|
- message: data.msg,
|
|
|
|
|
- type: 'warning',
|
|
|
|
|
- duration: 1500,
|
|
|
|
|
- onClose: () => {
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ this.$http({
|
|
|
|
|
+ url: this.$http.adornUrl('admin/order/deleteEvaluate'),
|
|
|
|
|
+ method: 'post',
|
|
|
|
|
+ params: this.$http.adornParams({
|
|
|
|
|
+ 'evaluateId': row.id
|
|
|
|
|
+ })
|
|
|
|
|
+ }).then(({
|
|
|
|
|
+ data
|
|
|
|
|
+ }) => {
|
|
|
|
|
+ if (data.code == 0) {
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ message: '取消成功',
|
|
|
|
|
+ type: 'success',
|
|
|
|
|
+ duration: 1500,
|
|
|
|
|
+ onClose: () => {
|
|
|
|
|
+ this.dataSelect()
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ message: data.msg,
|
|
|
|
|
+ type: 'warning',
|
|
|
|
|
+ duration: 1500,
|
|
|
|
|
+ onClose: () => {}
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ })
|
|
|
}).catch(() => {})
|
|
}).catch(() => {})
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
@@ -251,4 +257,4 @@
|
|
|
|
|
|
|
|
<style>
|
|
<style>
|
|
|
|
|
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|