Skip to content

E
ElectricitySheep
Commit a8a12b25 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent f24a462a
Hide whitespace changes
Inline Side-by-side
Showing with 739 additions and 793 deletions
src/components/UserMan/customSet.vue
View file @ a8a12b25
......@@ -163,7 +163,7 @@
style="padding-bottom: 10px; border-bottom: 1px solid rgb(255, 255, 255);">
<div>
<div class="app-image"
style="background: url(https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=480194109,2955193021) center center / cover rgb(227, 227, 227); width: 60px; height: 60px; border-radius: 999px; display: inline-block; border: 2px solid rgb(255, 255, 255);">
style="width: 60px; height: 60px; border-radius: 999px; display: inline-block; border: 2px solid rgb(255, 255, 255);">
</div>
</div>
<div style="margin-left: 20px; color: rgb(255, 255, 255);">
......@@ -548,7 +548,7 @@
<div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<div class="app-image"
style="background-image: url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3740798461,1728086832); background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
style="background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
</div>
<div flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center">
......@@ -568,7 +568,7 @@
<div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<div class="app-image"
style="background-image: url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3740798461); background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
style="background-image: url(ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3740798461); background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
</div>
<div flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center">
......
src/components/UserMan/verificationMember.vue
View file @ a8a12b25
<template>
<div class="verificationMember usersList">
<div class="head-title">
核销员
<el-button @click="dialogVisible=true" style="float:right;margin-top: -5px;" size="small" type="primary">添加核销员</el-button>
核销员
<el-button @click="dialogVisible=true" style="float:right;margin-top: -5px;" size="small" type="primary">添加核销员
</el-button>
</div>
<div class="content">
<div>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
<el-option label="全部平台" :value="0"></el-option>
<el-option v-for="item in platList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<div class="searchInput">
<el-input style="display:inline-block;width:225px;height:30px"
placeholder="请输入用户昵称搜索"
v-model="value"
size="small"
clearable>
</el-input>
<span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<div>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
<el-option label="全部平台" :value="0"></el-option>
<el-option v-for="item in platList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<div class="searchInput">
<el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入用户昵称搜索" v-model="value"
size="small" clearable>
</el-input>
<span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<el-table
:data="tableData"
v-loading="loading"
border
style="width: 100%;margin:20px 0">
<el-table-column
prop="ID"
label="用户ID">
</el-table-column>
<el-table-column
prop="address"
width="280"
label="用户">
<template slot-scope="scope">
<div class="app-image" style="background-image: url('https://wx.qlogo.cn/mmopen/vi_32/HO8Q9ibH7UtSFzHs67f0MH6VWjftiboELYLBya5OxpZkHDlicLMq39gxRHS4NhOG1AUepQ13JdUyrT7eM52u6hAsg/132');
background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%; float: left; margin-right: 8px;"></div>
<div flex="dir:left cross:center">易飞易&港中旅小李15351281772</div>
<img style="width:24px;height:24px" src="../../assets/img/userman/wx.png" alt="" class="platform-img">
<button type="button" class="el-button el-button--success" style="float: right; padding: 5px !important;">
<span>显示OpenId</span>
</button>
<div>ow_7I5dE_g9Fe1BuBPKdk8RNtEj0</div>
</template>
</el-table-column>
<el-table-column
prop="name"
label="所属门店">
</el-table-column>
<el-table-column
prop="name"
label="核销订单数">
</el-table-column>
<el-table-column
prop="name"
label="核销总额">
<template slot-scope="scope">
<span class="blue">0</span>
</template>
</el-table-column>
<el-table-column
prop="name"
label="核销卡券数">
<template slot-scope="scope">
<span class="blue">0</span>
</template>
</el-table-column>
<el-table-column
prop="address"
width="200"
label="操作">
<template slot-scope="scope">
<img style="width:32px;height:32px" src="../../assets/img/userman/edit.png" alt="">
<img style="width:32px;height:32px;margin:0 10px" src="../../assets/img/userman/integral.png" alt="">
<img style="width:32px;height:32px" src="../../assets/img/userman/balance.png" alt="">
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="ID" label="用户ID">
</el-table-column>
<el-table-column prop="address" width="280" label="用户">
<template slot-scope="scope">
<div class="app-image"
style="background-image: url('https://wx.qlogo.cn/mmopen/vi_32/HO8Q9ibH7UtSFzHs67f0MH6VWjftiboELYLBya5OxpZkHDlicLMq39gxRHS4NhOG1AUepQ13JdUyrT7eM52u6hAsg/132');
background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%; float: left; margin-right: 8px;">
</div>
<div flex="dir:left cross:center">易飞易&港中旅小李15351281772</div>
<img style="width:24px;height:24px" src="../../assets/img/userman/wx.png" alt="" class="platform-img">
<button type="button" class="el-button el-button--success" style="float: right; padding: 5px !important;">
<span>显示OpenId</span>
</button>
<div>ow_7I5dE_g9Fe1BuBPKdk8RNtEj0</div>
</template>
</el-table-column>
<el-table-column prop="name" label="所属门店">
</el-table-column>
<el-table-column prop="name" label="核销订单数">
</el-table-column>
<el-table-column prop="name" label="核销总额">
<template slot-scope="scope">
<span class="blue">0</span>
</template>
</el-table-column>
<el-table-column prop="name" label="核销卡券数">
<template slot-scope="scope">
<span class="blue">0</span>
</template>
</el-table-column>
<el-table-column prop="address" width="200" label="操作">
<template slot-scope="scope">
<img style="width:32px;height:32px" src="../../assets/img/userman/edit.png" alt="">
<img style="width:32px;height:32px;margin:0 10px" src="../../assets/img/userman/integral.png" alt="">
<img style="width:32px;height:32px" src="../../assets/img/userman/balance.png" alt="">
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
layout="prev, pager, next" :total="total">
</el-pagination>
</div>
<!-- 选择导出信息 -->
<el-dialog
title="设置核销员"
:visible.sync="dialogVisible"
width="600px">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item label="门店选择" prop="name">
<el-input style="width:230px" size="small" v-model="addMsg.name"></el-input>
</el-form-item>
<el-form-item label="昵称搜索" prop="name">
<el-input style="width:230px;" size="small" v-model="addMsg.name"></el-input>
</el-form-item>
</el-form>
<div style="text-align:right;margin-top:20px">
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
<el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
</div>
<el-dialog title="设置核销员" :visible.sync="dialogVisible" width="600px">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item label="门店选择" prop="name">
<el-input style="width:230px" size="small" v-model="addMsg.name"></el-input>
</el-form-item>
<el-form-item label="昵称搜索" prop="name">
<el-input style="width:230px;" size="small" v-model="addMsg.name"></el-input>
</el-form-item>
</el-form>
<div style="text-align:right;margin-top:20px">
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
<el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
......@@ -119,80 +87,87 @@
export default {
data() {
return {
loading:false,
addMsg:{},
dialogVisible:false,
value:'',
options:[],
tableData:[
{ID:'111'}
],
msg:{
pageIndex:1,
pageSize:15,
loading: false,
addMsg: {},
dialogVisible: false,
value: '',
options: [],
tableData: [{
ID: '111'
}],
msg: {
pageIndex: 1,
pageSize: 15,
},
total:0,
total: 0,
rules: {
name: [
{ required: true, message: '新手机号', trigger: 'blur' }
],
},
platList:[],
name: [{
required: true,
message: '新手机号',
trigger: 'blur'
}],
},
platList: [],
};
},
created() {
this.getplat();
this.getplat();
},
methods: {
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList(){
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList() {
},
getplat() {
this.apipost("/api/user/GetMemberUserSourceEnumList", {}, res => {
this.platList = res.data.data;
})
},
},
getplat() {
this.apipost("/api/user/GetMemberUserSourceEnumList", {}, res => {
this.platList = res.data.data;
})
},
},
mounted() {
}
};
</script>
<style>
.usersList .blue{
color:#409EFF;
}
.usersList .content .searchInput{
.usersList .blue {
color: #409EFF;
}
.usersList .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.usersList .content .searchInput .el-input__inner{
border:none;outline:none;
}
.usersList .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.usersList .content .searchInput{
}
.usersList .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width:250px;
width: 250px;
margin-right: 20px;
}
.usersList .content{
}
.usersList .content {
background: #fff;
margin-top:10px;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
}
</style>
src/components/orderMan/BulkShipment.vue
View file @ a8a12b25
<template>
<div class="BulkShipment">
<div class="head-title">
批量发货
</div>
<el-card style="margin-top:10px" class="box-card" shadow="never">
<el-form class="app-batch" :model="addMsg" :rules="rules" ref="addMsg" label-width="180px">
<el-form-item label="导入模板" prop="FilePath">
<el-input v-model="addMsg.FilePath" size="small" style="width:289px"
:disabled="true"
class="input-with-select">
</el-input>
<!-- :http-request="UploadImage" -->
<el-upload
class="upload-demo"
ref="upload"
:action="importFileUrl"
:multiple="true"
:on-success="successUpload"
:show-file-list="false"
accept=".csv, .xlsx">
<el-button size="small">选择文件</el-button>
</el-upload>
<el-button size="small" style="margin-left:20px">默认模板下载</el-button>
</el-form-item>
<el-form-item label="选择快递公司" prop="ExpressId">
<el-select size="small" v-model="addMsg.ExpressId" placeholder="请选择">
<el-option v-for="item in ExpressList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
</el-form>
</el-card>
<div style="margin-top:10px" >
<el-button @click="Save('addMsg')" size="small" type="primary">提交</el-button>
</div>
<div class="head-title">
批量发货
</div>
<el-card style="margin-top:10px" class="box-card" shadow="never">
<el-form class="app-batch" :model="addMsg" :rules="rules" ref="addMsg" label-width="180px">
<el-form-item label="导入模板" prop="FilePath">
<el-input v-model="addMsg.FilePath" size="small" style="width:289px" :disabled="true"
class="input-with-select">
</el-input>
<el-upload class="upload-demo" ref="upload" :action="importFileUrl" :multiple="true"
:on-success="successUpload" :show-file-list="false" accept=".csv, .xlsx">
<el-button size="small">选择文件</el-button>
</el-upload>
<el-button size="small" style="margin-left:20px">默认模板下载</el-button>
</el-form-item>
<el-form-item label="选择快递公司" prop="ExpressId">
<el-select size="small" v-model="addMsg.ExpressId" placeholder="请选择">
<el-option v-for="item in ExpressList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
</el-form>
</el-card>
<div style="margin-top:10px">
<el-button @click="Save('addMsg')" size="small" type="primary">提交</el-button>
</div>
</div>
</template>
<script>
export default {
export default {
data() {
return {
importFileUrl: this.domainManager().UploadFileUrl,
addMsg:{
FilePath:'',
ExpressId:'',
},
rules:{
ExpressId: [
{ required: true, message: '请选择快递公司', trigger: 'change' }
],
FilePath: [
{ required: true, message: '请选择导入模板', trigger: 'blur' }
],
},
ExpressList:[],
};
return {
importFileUrl: this.domainManager().UploadFileUrl,
addMsg: {
FilePath: '',
ExpressId: '',
},
rules: {
ExpressId: [{
required: true,
message: '请选择快递公司',
trigger: 'change'
}],
FilePath: [{
required: true,
message: '请选择导入模板',
trigger: 'blur'
}],
},
ExpressList: [],
};
},
created() {
this.getExpressInfo();
this.getExpressInfo();
},
methods: {
Save(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
this.apipost("/api/order/SetOrderBatchSendGoods",this.addMsg,
res => {
if (res.data.resultCode === 1) {
this.addMsg={
FilePath:'',
ExpressId:'',
}
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
Save(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.apipost("/api/order/SetOrderBatchSendGoods", this.addMsg,
res => {
if (res.data.resultCode === 1) {
this.addMsg = {
FilePath: '',
ExpressId: '',
}
this.Success(res.data.message);
} else {
return false;
this.Error(res.data.message);
}
});
},
successUpload(file){
this.addMsg.FilePath=file.data;
},
// 快递公司
getExpressInfo() {
this.apipost("/api/MallBase/GetExpressInfo", {}, res => {
if (res.data.resultCode == 1) {
this.ExpressList = res.data.data;
} else {
this.Info(res.data.message);
}
})
},
},
null
);
} else {
return false;
}
});
},
successUpload(file) {
this.addMsg.FilePath = file.data;
},
// 快递公司
getExpressInfo() {
this.apipost("/api/MallBase/GetExpressInfo", {}, res => {
if (res.data.resultCode == 1) {
this.ExpressList = res.data.data;
} else {
this.Info(res.data.message);
}
})
},
},
mounted() {
}
};
};
</script>
<style>
.BulkShipment .upload-demo{
.BulkShipment .upload-demo {
display: inline-block;
position: relative;
left:-5px;
}
left: -5px;
}
</style>
src/components/orderMan/evaluationMan.vue
View file @ a8a12b25
<template>
<div class="evalTemplate evaluationMan">
<div class="head-title">
评价管理
<el-button @click="CommonJump('customerEvaluation')" style="float:right;margin-left:10px" size="small" type="primary">添加客户评价</el-button>
<el-button @click="CommonJump('evaluationTemplate')" style="float:right" size="small" type="primary">回复模板</el-button>
</div>
<div class="content">
<div style="margin-bottom:20px">
<span>评价类型</span>
<el-select style="margin:0 10px" class="w100" @change="getList" v-model="msg.CommentGrade" size="small" placeholder="请选择">
<el-option label="全部评价" :value="0"></el-option>
<el-option
v-for="item in templateList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
</el-option>
</el-select>
<span>所属平台</span>
<el-select class="w100" @change="getList" style="margin-right: 10px;" v-model="msg.OrderSource" size="small" placeholder="请选择">
<el-option label="全平台" :value="0"></el-option>
<el-option
v-for="item in platList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
</el-option>
</el-select>
<el-input style="margin-left:15px;width:350px" class="input-item" placeholder="请输入内容" v-model="msgVal" size="small">
<el-select class="w100" @change="ChangeId" v-model="msgId" slot="prepend" placeholder="请选择">
<el-option
v-for="item in option"
:key="item.Id"
:label="item.name"
:value="item.Id">
</el-option>
</el-select>
<el-button @click="getList" slot="append" icon="el-icon-search"></el-button>
</el-input>
<el-button @click="plHf" style="margin-left:10px" size="small">批量回复</el-button>
<el-button @click="plSet(2)" style="margin-left:10px" size="small">批量隐藏</el-button>
<el-button @click="plSet(6)" style="margin-left:10px" size="small">批量删除</el-button>
<div class="evalTemplate evaluationMan">
<div class="head-title">
评价管理
<el-button @click="CommonJump('customerEvaluation')" style="float:right;margin-left:10px" size="small"
type="primary">添加客户评价</el-button>
<el-button @click="CommonJump('evaluationTemplate')" style="float:right" size="small" type="primary">回复模板
</el-button>
</div>
<div class="content">
<div style="margin-bottom:20px">
<span>评价类型</span>
<el-select style="margin:0 10px" class="w100" @change="getList" v-model="msg.CommentGrade" size="small"
placeholder="请选择">
<el-option label="全部评价" :value="0"></el-option>
<el-option v-for="item in templateList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span>所属平台</span>
<el-select class="w100" @change="getList" style="margin-right: 10px;" v-model="msg.OrderSource" size="small"
placeholder="请选择">
<el-option label="全平台" :value="0"></el-option>
<el-option v-for="item in platList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<el-input style="margin-left:15px;width:350px" class="input-item" placeholder="请输入内容" v-model="msgVal"
size="small">
<el-select class="w100" @change="ChangeId" v-model="msgId" slot="prepend" placeholder="请选择">
<el-option v-for="item in option" :key="item.Id" :label="item.name" :value="item.Id">
</el-option>
</el-select>
<el-button @click="getList" slot="append" icon="el-icon-search"></el-button>
</el-input>
<el-button @click="plHf" style="margin-left:10px" size="small">批量回复</el-button>
<el-button @click="plSet(2)" style="margin-left:10px" size="small">批量隐藏</el-button>
<el-button @click="plSet(6)" style="margin-left:10px" size="small">批量删除</el-button>
</div>
<el-table :data="tableData" v-loading="loading" border @selection-change="TableSelectChange" style="width: 100%">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="Id" label="ID" width="80">
</el-table-column>
<el-table-column prop="UserName" label="用户" width="100">
</el-table-column>
<el-table-column prop="Name" label="平台" width="80">
<template slot-scope="scope">
<img v-if="scope.row.PlatformSource==1" src="../../assets/img/userman/wx.png" alt="">
</template>
</el-table-column>
<el-table-column prop="Content" label="商品名称" width="200">
<template slot-scope="scope">
<div class="goods-info">
<div class="backImg"
:style="{backgroundImage:'url(' + domainManager().ImageUrl+scope.row.CoverImage + ')',backgroundSize:'cover'}">
</div>
<div class="app-ellipsis">
<div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;">
{{scope.row.GoodsName}}
</div>
</div>
</div>
<el-table
:data="tableData"
v-loading="loading"
border
@selection-change="TableSelectChange"
style="width: 100%">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="Id"
label="ID"
width="80">
</el-table-column>
<el-table-column
prop="UserName"
label="用户"
width="100">
</el-table-column>
<el-table-column
prop="Name"
label="平台"
width="80">
<template slot-scope="scope">
<img v-if="scope.row.PlatformSource==1" src="../../assets/img/userman/wx.png" alt="">
</template>
</el-table-column>
<el-table-column
prop="Content"
label="商品名称"
width="200">
<template slot-scope="scope">
<div class="goods-info">
<div class="backImg" :style="{backgroundImage:'url(' + domainManager().ImageUrl+scope.row.CoverImage + ')',backgroundSize:'cover'}"></div>
<div class="app-ellipsis">
<div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;">
{{scope.row.GoodsName}}
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="Name"
label="评价"
width="80">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="好评" placement="top">
<img v-if="scope.row.CommentGrade==1" src="../../assets/img/userman/good.png" alt="">
</el-tooltip>
<!-- <el-tooltip class="item" effect="dark" content="中评" placement="top">
<img v-if="scope.row.CommentGrade==2" src="../../assets/img/userman/good.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="差评" placement="top">
<img v-if="scope.row.CommentGrade==3" src="../../assets/img/userman/good.png" alt="">
</el-tooltip> -->
</template>
</el-table-column>
<el-table-column
prop="Name"
label="详情"
width="200">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="scope.row.Content" placement="top">
<span>{{scope.row.Content}}</span>
</el-tooltip>
<div>
<div v-for="(item,index) in scope.row.CommentImgList" :key="index" @click="OpenImg(scope.row)" style="margin: 10px; display: inline-block; cursor: pointer;">
<div class="backImg" :style="{backgroundImage:'url(' + domainManager().ImageUrl+item + ')',backgroundSize:'cover'}"></div>
</div>
<!-- <div style="margin: 10px; display: inline-block; cursor: pointer;">
<div class="backImg" style="background-image: url(https://cdnimg.iotweixin.com/uploads/mall1285/20200316/586d61c616082de7c3a7d1d778104785.jpg); background-size: cover;"></div>
</div> -->
</div>
</template>
</el-table-column>
<el-table-column
prop="CommentGradeName"
label="评价回复">
<template slot-scope="scope">
<span>{{scope.row.Reply}}</span>
</template>
</el-table-column>
<el-table-column
prop="CommentGradeName"
width="100"
label="置顶">
<template slot-scope="scope">
<el-switch
@change="changeSwitch(scope.row)"
v-model="scope.row.Is_Top"
active-color="#409EFF"
:active-value="1"
:inactive-value="0">
</el-switch>
</template>
</el-table-column>
<el-table-column
prop="CommentGradeName"
width="100"
label="状态">
<template slot-scope="scope">
<el-tag v-if="scope.row.Is_Show==1" size="mini" type="success">显示</el-tag>
<el-tag v-if="scope.row.Is_Show==2" size="mini" type="warning">隐藏</el-tag>
</template>
</el-table-column>
<el-table-column
width="220"
prop="address"
label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="评价回复" placement="top">
<img @click="EditTemplate(scope.row)" style="margin-right:10px" src="../../assets/img/userman/reply.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<img @click="setBatch(scope.row,6)" style="margin-right:10px" src="../../assets/img/userman/del.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="隐藏" placement="top">
<img @click="setBatch(scope.row,2)" v-if="scope.row.Is_Show==1" style="margin-right:10px" src="../../assets/img/userman/icon-hidden.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="显示" placement="top">
<img @click="setBatch(scope.row,3)" v-if="scope.row.Is_Show==2" style="margin-right:10px" src="../../assets/img/userman/icon-show.png" alt="">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
layout="prev, pager, next" :total="total">
</el-pagination>
</template>
</el-table-column>
<el-table-column prop="Name" label="评价" width="80">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="好评" placement="top">
<img v-if="scope.row.CommentGrade==1" src="../../assets/img/userman/good.png" alt="">
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="Name" label="详情" width="200">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="scope.row.Content" placement="top">
<span>{{scope.row.Content}}</span>
</el-tooltip>
<div>
<div v-for="(item,index) in scope.row.CommentImgList" :key="index" @click="OpenImg(scope.row)"
style="margin: 10px; display: inline-block; cursor: pointer;">
<div class="backImg"
:style="{backgroundImage:'url(' + domainManager().ImageUrl+item + ')',backgroundSize:'cover'}"></div>
</div>
</div>
</template>
</el-table-column>
<el-table-column prop="CommentGradeName" label="评价回复">
<template slot-scope="scope">
<span>{{scope.row.Reply}}</span>
</template>
</el-table-column>
<el-table-column prop="CommentGradeName" width="100" label="置顶">
<template slot-scope="scope">
<el-switch @change="changeSwitch(scope.row)" v-model="scope.row.Is_Top" active-color="#409EFF"
:active-value="1" :inactive-value="0">
</el-switch>
</template>
</el-table-column>
<el-table-column prop="CommentGradeName" width="100" label="状态">
<template slot-scope="scope">
<el-tag v-if="scope.row.Is_Show==1" size="mini" type="success">显示</el-tag>
<el-tag v-if="scope.row.Is_Show==2" size="mini" type="warning">隐藏</el-tag>
</template>
</el-table-column>
<el-table-column width="220" prop="address" label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="评价回复" placement="top">
<img @click="EditTemplate(scope.row)" style="margin-right:10px" src="../../assets/img/userman/reply.png"
alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<img @click="setBatch(scope.row,6)" style="margin-right:10px" src="../../assets/img/userman/del.png"
alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="隐藏" placement="top">
<img @click="setBatch(scope.row,2)" v-if="scope.row.Is_Show==1" style="margin-right:10px"
src="../../assets/img/userman/icon-hidden.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="显示" placement="top">
<img @click="setBatch(scope.row,3)" v-if="scope.row.Is_Show==2" style="margin-right:10px"
src="../../assets/img/userman/icon-show.png" alt="">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
layout="prev, pager, next" :total="total">
</el-pagination>
</div>
<!-- 评论回复 -->
<el-dialog custom-class="plDig" title="评论回复" :visible.sync="addDig" width="960px">
<div style="margin-bottom:15px">
<el-radio v-model="typeVal" :label="1">直接输入</el-radio>
<el-radio v-model="typeVal" :label="2">选择模板</el-radio>
</div>
<template v-if="typeVal==1">
<div style="height:220px">
<el-input v-model="hfMsg.Content" type="textarea" row="10" style="height:100%" placeholder="请输入回复内容">
</el-input>
</div>
<!-- 评论回复 -->
<el-dialog custom-class="plDig" title="评论回复" :visible.sync="addDig" width="960px">
<div style="margin-bottom:15px">
<el-radio v-model="typeVal" :label="1">直接输入</el-radio>
<el-radio v-model="typeVal" :label="2">选择模板</el-radio>
</template>
<template v-if="typeVal==2">
<el-card class="box-card" shadow="never">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane v-for="(item,index) in templateList" :key="item.Id" :dataId="item.Id" :label="item.Name"
:name="`first${index}`"></el-tab-pane>
</el-tabs>
<div class="table-box">
<div flex="dir:left">
<div flex="cross:center" class="table-item" style="width: 10%;"></div>
<div flex="cross:center" class="table-item" style="width: 30%;">模板名称</div>
<div flex="cross:center" class="table-item" style="width: 60%;">模板内容</div>
</div>
<template v-if="typeVal==1">
<div style="height:220px">
<el-input v-model="hfMsg.Content" type="textarea" row="10" style="height:100%" placeholder="请输入回复内容"></el-input>
<div v-for="(item,index) in tableData1" :key="index" flex="dir:left">
<div flex="main:center cross:center" class="table-item" style="width: 10%;">
<el-radio @change="radioChange(item.Content)" v-model="radio" :label="item.Id"></el-radio>
</div>
<div flex="cross:center" class="table-item" style="width: 30%;">
<div class="app-ellipsis">
<div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;">{{item.Name}}</div>
</div>
</template>
<template v-if="typeVal==2">
<el-card class="box-card" shadow="never">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane v-for="(item,index) in templateList" :key="item.Id" :dataId="item.Id" :label="item.Name" :name="`first${index}`"></el-tab-pane>
</el-tabs>
<div class="table-box">
<div flex="dir:left">
<div flex="cross:center" class="table-item" style="width: 10%;"></div>
<div flex="cross:center" class="table-item" style="width: 30%;">模板名称</div>
<div flex="cross:center" class="table-item" style="width: 60%;">模板内容</div>
</div>
<div v-for="(item,index) in tableData1" :key="index" flex="dir:left">
<div flex="main:center cross:center" class="table-item" style="width: 10%;">
<el-radio @change="radioChange(item.Content)" v-model="radio" :label="item.Id"></el-radio>
</div>
<div flex="cross:center" class="table-item" style="width: 30%;">
<div class="app-ellipsis">
<div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;">{{item.Name}}</div>
</div>
</div>
<div flex="cross:center" class="table-item" style="width: 60%;">
<div class="app-ellipsis">
<div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;">{{item.Content}}</div>
</div>
</div>
</div>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange1" :page-size="msg1.pageSize"
layout="prev, pager, next" :total="total1">
</el-pagination>
</div>
</el-card>
</template>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="addDig = false">取 消</el-button>
<el-button size="small" type="primary" @click="czsubmitForm">确 定</el-button>
</span>
</el-dialog>
<!-- 查看图片 -->
<el-dialog
:visible.sync="seeimgDig"
width="45%">
<div>
<img :src="imgSrc" style="width:100%;max-width:100%;" alt="">
</div>
<div flex="cross:center" class="table-item" style="width: 60%;">
<div class="app-ellipsis">
<div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;">{{item.Content}}
</div>
</div>
</div>
</div>
</el-dialog>
</div>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange1"
:page-size="msg1.pageSize" layout="prev, pager, next" :total="total1">
</el-pagination>
</div>
</el-card>
</template>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="addDig = false">取 消</el-button>
<el-button size="small" type="primary" @click="czsubmitForm">确 定</el-button>
</span>
</el-dialog>
<!-- 查看图片 -->
<el-dialog :visible.sync="seeimgDig" width="45%">
<div>
<img :src="imgSrc" style="width:100%;max-width:100%;" alt="">
</div>
</el-dialog>
</div>
</template>
<script>
export default {
export default {
name: "evalTemplate",
data(){
return{
imgSrc:'',
seeimgDig:false,
radio:false,
activeName:'first0',
typeVal:1,
addDig:false,
loading:false,
tableData:[],
msgVal:'',
msgId:'',
option:[
{Id:1,name:'昵称'},
{Id:2,name:'商品名称'},
{Id:3,name:'评价内容'},
],
msg:{
pageIndex:1,
pageSize:15,
CommentGrade:0,
PlatformSource:0,
UserName:'',
GoodsName:'',
Content:'',
},
templateList:[],
total:0,
addMsg:{
Id:0,
Name:'',
Content:'',
CommentGrade:0,
},
platList:[],
SelectList:[],
tableData1:[],
total1:0,
msg1:{
pageIndex:1,
pageSize:15,
Id:0,
Name:'',
CommentGrade:1,
data() {
return {
imgSrc: '',
seeimgDig: false,
radio: false,
activeName: 'first0',
typeVal: 1,
addDig: false,
loading: false,
tableData: [],
msgVal: '',
msgId: '',
option: [{
Id: 1,
name: '昵称'
},
{
Id: 2,
name: '商品名称'
},
{
Id: 3,
name: '评价内容'
},
],
msg: {
pageIndex: 1,
pageSize: 15,
CommentGrade: 0,
PlatformSource: 0,
UserName: '',
GoodsName: '',
Content: '',
},
templateList: [],
total: 0,
addMsg: {
Id: 0,
Name: '',
Content: '',
CommentGrade: 0,
},
platList: [],
SelectList: [],
tableData1: [],
total1: 0,
msg1: {
pageIndex: 1,
pageSize: 15,
Id: 0,
Name: '',
CommentGrade: 1,
},
hfMsg: {
CommentIds: '',
Type: 1,
Content: '',
},
}
},
created() {
this.getTemplate();
this.getList();
this.getplat();
this.getTemplateList();
},
mounted() {},
methods: {
OpenImg(item) {
// this.imgSrc=item;
this.imgSrc = 'https://cdnimg.iotweixin.com/uploads/mall1285/20200316/586d61c616082de7c3a7d1d778104785.jpg';
this.seeimgDig = true;
},
// 批量回复
plHf() {
let that = this;
if (this.SelectList.length == 0) {
this.Error("请勾选数据!");
return;
}
let Ids = "";
let IdList = [];
this.SelectList.forEach(item => {
IdList.push(item.Id);
})
Ids = IdList.join(',');
this.hfMsg = {
CommentIds: Ids,
Type: 1,
Content: '',
}
this.addDig = true;
},
EditTemplate(row) {
this.hfMsg = {
CommentIds: row.Id,
Type: 1,
Content: '',
}
this.addDig = true;
},
czsubmitForm() {
if (this.hfMsg.Content == '') {
this.Error("请输入内容");
return;
}
this.commonSet(this.hfMsg);
},
radioChange(val) {
this.hfMsg.Content = val;
},
handleClick(val) {
let dataId = val.$attrs.dataId;
this.msg1.CommentGrade = dataId;
this.getTemplateList();
},
// 批量删除 隐藏 显示
plSet(index) {
let that = this;
if (this.SelectList.length == 0) {
this.Error("请勾选数据!");
return;
}
let Ids = "";
let IdList = [];
this.SelectList.forEach(item => {
IdList.push(item.Id);
})
Ids = IdList.join(',');
let msg = {
CommentIds: Ids,
Type: index,
}
let str = "";
if (index == 2) {
str = `已选中${that.SelectList.length}条数据，是否批量隐藏？`;
}
if (index == 6) {
str = `已选中${that.SelectList.length}条数据，是否批量删除？`;
}
that.$confirm(str, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.commonSet(msg);
}).catch(() => {
});
},
changeSwitch(item) {
let index = 4;
if (item.Is_Top == 1) {
index = 4;
} else {
index = 5;
}
let msg = {
CommentIds: item.Id,
Type: index,
}
this.commonSet(msg);
},
// 显示隐藏
setBatch(item, index) {
let msg = {
CommentIds: item.Id,
Type: index,
}
this.commonSet(msg);
},
commonSet(msg) {
this.apipost("/api/order/SetGoodsCommentBatch", msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.Success(res.data.message)
this.getList();
this.addDig = false;
} else {
this.Error(res.data.message)
}
})
},
TableSelectChange(val) {
this.SelectList = val;
},
Delete(row) {
let that = this;
that.$confirm("确认删除模板？", '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apipost('/api/order/DelGoodsCommentTemplateInfo', {
TemplateId: row.Id
},
hfMsg:{
CommentIds:'',
Type:1,
Content:'',
res => {
if (res.data.resultCode === 1) {
this.getList();
this.Success(res.data.message)
} else {
this.Error(res.data.message);
}
},
null
);
}).catch(() => {
});
},
addTemplate() {
this.addMsg = {
Id: 0,
Name: '',
Content: '',
CommentGrade: 1,
}
this.addDig = true;
},
ChangeId(val) {
let msgVal = this.msgVal;
if (this.msgId == 1) {
this.msg.UserName = msgVal;
this.msg.GoodsName = '';
this.msg.Content = '';
}
if (this.msgId == 2) {
this.msg.UserName = '';
this.msg.GoodsName = msgVal;
this.msg.Content = '';
}
if (this.msgId == 3) {
this.msg.UserName = '';
this.msg.GoodsName = '';
this.msg.Content = msgVal;
}
},
created(){
this.getTemplate();
this.getList();
this.getplat();
},
getList() {
let msgVal = this.msgVal;
if (this.msgId == 1) {
this.msg.UserName = msgVal;
this.msg.GoodsName = '';
this.msg.Content = '';
}
if (this.msgId == 2) {
this.msg.UserName = '';
this.msg.GoodsName = msgVal;
this.msg.Content = '';
}
if (this.msgId == 3) {
this.msg.UserName = '';
this.msg.GoodsName = '';
this.msg.Content = '';
}
if (!this.msgVal || this.msgVal == '') {
this.msg.UserName = '';
this.msg.GoodsName = '';
this.msg.Content = '';
}
this.loading = true;
this.apipost("/api/order/GetGoodsCommentPageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
}
})
},
getplat() {
this.apipost("/api/user/GetMemberUserSourceEnumList", {}, res => {
this.platList = res.data.data;
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
handleCurrentChange1(val) {
this.msg1.pageIndex = val;
this.getTemplateList();
},
mounted(){},
methods:{
OpenImg(item){
// this.imgSrc=item;
this.imgSrc='https://cdnimg.iotweixin.com/uploads/mall1285/20200316/586d61c616082de7c3a7d1d778104785.jpg';
this.seeimgDig=true;
},
// 批量回复
plHf(){
let that=this;
if(this.SelectList.length==0){
this.Error("请勾选数据!");
return;
}
let Ids="";
let IdList=[];
this.SelectList.forEach(item=>{
IdList.push(item.Id);
})
Ids=IdList.join(',');
this.hfMsg={
CommentIds:Ids,
Type:1,
Content:'',
}
this.addDig=true;
},
EditTemplate(row){
this.hfMsg={
CommentIds:row.Id,
Type:1,
Content:'',
}
this.addDig=true;
},
czsubmitForm() {
if(this.hfMsg.Content==''){
this.Error("请输入内容");
return;
}
this.commonSet(this.hfMsg);
},
getTemplate() {
this.apipost("/api/order/GetGoodsCommentTypeEnumList", {}, res => {
this.templateList = res.data.data;
})
},
getTemplateList() {
this.loading1 = true;
this.apipost("/api/order/GetGoodsCommentTemplatePageList", this.msg1, res => {
this.loading1 = false;
if (res.data.resultCode == 1) {
this.total1 = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData1 = pageData;
}
})
},
},
radioChange(val){
this.hfMsg.Content=val;
},
handleClick(val){
let dataId=val.$attrs.dataId;
this.msg1.CommentGrade=dataId;
this.getTemplateList();
},
// 批量删除 隐藏 显示
plSet(index){
let that=this;
if(this.SelectList.length==0){
this.Error("请勾选数据!");
return;
}
let Ids="";
let IdList=[];
this.SelectList.forEach(item=>{
IdList.push(item.Id);
})
Ids=IdList.join(',');
let msg={
CommentIds:Ids,
Type:index,
}
let str="";
if(index==2){
str=`已选中${that.SelectList.length}条数据，是否批量隐藏？`;
}
if(index==6){
str=`已选中${that.SelectList.length}条数据，是否批量删除？`;
}
that.$confirm(str, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.commonSet(msg);
}).catch(() => {
});
},
changeSwitch(item){
let index=4;
if(item.Is_Top==1){
index=4;
}else{
index=5;
}
let msg={
CommentIds:item.Id,
Type:index,
}
this.commonSet(msg);
},
// 显示隐藏
setBatch(item,index){
let msg={
CommentIds:item.Id,
Type:index,
}
this.commonSet(msg);
},
commonSet(msg){
this.apipost("/api/order/SetGoodsCommentBatch",msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.Success(res.data.message)
this.getList();
this.addDig=false;
}else{
this.Error(res.data.message)
}
})
},
TableSelectChange(val){
this.SelectList=val;
},
Delete(row){
let that=this;
that.$confirm("确认删除模板？", '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apipost('/api/order/DelGoodsCommentTemplateInfo',{TemplateId:row.Id},
res => {
if (res.data.resultCode === 1) {
this.getList();
this.Success(res.data.message)
} else {
this.Error(res.data.message);
}
},
null
);
}).catch(() => {
});
},
addTemplate(){
this.addMsg={
Id:0,
Name:'',
Content:'',
CommentGrade:1,
}
this.addDig=true;
},
ChangeId(val){
let msgVal=this.msgVal;
if(this.msgId==1){
this.msg.UserName=msgVal;
this.msg.GoodsName='';
this.msg.Content='';
}
if(this.msgId==2){
this.msg.UserName='';
this.msg.GoodsName=msgVal;
this.msg.Content='';
}
if(this.msgId==3){
this.msg.UserName='';
this.msg.GoodsName='';
this.msg.Content=msgVal;
}
this.getList();
},
getList(){
let msgVal=this.msgVal;
if(this.msgId==1){
this.msg.UserName=msgVal;
this.msg.GoodsName='';
this.msg.Content='';
}
if(this.msgId==2){
this.msg.UserName='';
this.msg.GoodsName=msgVal;
this.msg.Content='';
}
if(this.msgId==3){
this.msg.UserName='';
this.msg.GoodsName='';
this.msg.Content='';
}
if(!this.msgVal || this.msgVal==''){
this.msg.UserName='';
this.msg.GoodsName='';
this.msg.Content='';
}
this.loading = true;
this.apipost("/api/order/GetGoodsCommentPageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
}
})
},
getplat(){
this.apipost("/api/user/GetMemberUserSourceEnumList",{}, res => {
this.platList=res.data.data;
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
handleCurrentChange1(val) {
this.msg1.pageIndex = val;
this.getTemplateList();
},
getTemplate(){
this.apipost("/api/order/GetGoodsCommentTypeEnumList",{}, res => {
this.templateList=res.data.data;
})
},
getTemplateList(){
this.loading1 = true;
this.apipost("/api/order/GetGoodsCommentTemplatePageList", this.msg1, res => {
this.loading1 = false;
if (res.data.resultCode == 1) {
this.total1 = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData1= pageData;
}
})
},
},
};
};
</script>
<style>
.evaluationMan .el-input.is-active .el-input__inner, .el-input__inner:focus {
.evaluationMan .el-input.is-active .el-input__inner,
.el-input__inner:focus {
border-color: #dcdfe6;
}
.plDig .table-item .el-radio__label{
}
.plDig .table-item .el-radio__label {
display: none;
}
.plDig .table-item {
}
.plDig .table-item {
border-bottom: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
height: 50px;
padding-left: 5px;
}
.plDig .table-box {
}
.plDig .table-box {
border-top: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
}
.plDig .el-textarea__inner{
height:100%;
}
.evaluationMan .backImg{
background-position: center center;
width: 50px; height: 50px;
border-radius: 0%;
margin-right: 10px;
}
.plDig .el-textarea__inner {
height: 100%;
}
.evaluationMan .backImg {
background-position: center center;
width: 50px;
height: 50px;
border-radius: 0%;
margin-right: 10px;
float: left;
}
.evalTemplate .input-item .el-input__inner:hover {
}
.evalTemplate .input-item .el-input__inner:hover {
border: 1px solid #dcdfe6;
border-right: 0;
outline: 0;
}
.evalTemplate .input-item .el-input__inner {
}
.evalTemplate .input-item .el-input__inner {
border-right: 0;
}
.evalTemplate .el-input-group__append {
}
.evalTemplate .el-input-group__append {
background-color: #fff;
border-left: 0;
width: 10%;
padding: 0;
}
.evalTemplate .content{
}
.evalTemplate .content {
background: #fff;
margin-top:10px;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment