Skip to content

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

页面修改

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