|
|
@ -22,7 +22,7 @@ |
|
|
|
<u-form-item label="反馈类型" label-width="170"> |
|
|
|
<u-form-item label="反馈类型" label-width="170"> |
|
|
|
<u-radio-group v-model="form.type"> |
|
|
|
<u-radio-group v-model="form.type"> |
|
|
|
<u-radio active-color="#FF4434" v-for="(item, index) in checkboxList1" :key="index" |
|
|
|
<u-radio active-color="#FF4434" v-for="(item, index) in checkboxList1" :key="index" |
|
|
|
:name="item.name"> |
|
|
|
:name="item.val"> |
|
|
|
{{ item.name }} |
|
|
|
{{ item.name }} |
|
|
|
</u-radio> |
|
|
|
</u-radio> |
|
|
|
</u-radio-group> |
|
|
|
</u-radio-group> |
|
|
@ -31,7 +31,7 @@ |
|
|
|
<u-form-item label="反馈类型" label-width="170"> |
|
|
|
<u-form-item label="反馈类型" label-width="170"> |
|
|
|
<u-radio-group v-model="form.shop"> |
|
|
|
<u-radio-group v-model="form.shop"> |
|
|
|
<u-radio active-color="#FF4434" v-for="(item, index) in checkboxList2" :key="index" |
|
|
|
<u-radio active-color="#FF4434" v-for="(item, index) in checkboxList2" :key="index" |
|
|
|
:name="item.name"> |
|
|
|
:name="item.val"> |
|
|
|
{{ item.name }} |
|
|
|
{{ item.name }} |
|
|
|
</u-radio> |
|
|
|
</u-radio> |
|
|
|
</u-radio-group> |
|
|
|
</u-radio-group> |
|
|
@ -45,15 +45,16 @@ |
|
|
|
<u-form-item label="投诉内容" required label-width="150" label-position="top"> |
|
|
|
<u-form-item label="投诉内容" required label-width="150" label-position="top"> |
|
|
|
<u-input v-model="form.comment" class="textarea" placeholder="请填写投诉内容" type="textarea" /> |
|
|
|
<u-input v-model="form.comment" class="textarea" placeholder="请填写投诉内容" type="textarea" /> |
|
|
|
</u-form-item> |
|
|
|
</u-form-item> |
|
|
|
<u-upload :fileList="finishImageList" :previewFullImage="true" @afterRead="afterRead" :maxCount="8" |
|
|
|
<u-upload :action="action" :header="header" :fileList="finishImageList" :previewFullImage="true" |
|
|
|
width="180" height="180" upload-text="上传照片" @delete="deletePic" name="1" multiple></u-upload> |
|
|
|
@afterRead="afterRead" :maxCount="8" upload-text="上传照片" @delete="deletePic" name="1" |
|
|
|
|
|
|
|
multiple></u-upload> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="section1Item" style="margin-top:20rpx;"> |
|
|
|
<view class="section1Item" style="margin-top:20rpx;"> |
|
|
|
<u-form-item label="您的称呼" label-width="170"> |
|
|
|
<u-form-item label="您的称呼" label-width="170"> |
|
|
|
<u-input placeholder="请输入您的称呼" v-model="form.name" /> |
|
|
|
<u-input placeholder="请输入您的称呼" v-model="form.user_name" /> |
|
|
|
</u-form-item> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="手机号码" label-width="170"> |
|
|
|
<u-form-item label="手机号码" label-width="170"> |
|
|
|
<u-input placeholder="请输入手机号" v-model="form.phone" /> |
|
|
|
<u-input placeholder="请输入手机号" v-model="form.mobile" /> |
|
|
|
</u-form-item> |
|
|
|
</u-form-item> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</u-form> |
|
|
|
</u-form> |
|
|
@ -62,19 +63,26 @@ |
|
|
|
<view class="introText">1.工作人员将于1小时内与您联系解决您的问题(工作时间为周一至周日09:00~21:30)</view> |
|
|
|
<view class="introText">1.工作人员将于1小时内与您联系解决您的问题(工作时间为周一至周日09:00~21:30)</view> |
|
|
|
<view class="introText">2.有效投诉奖励:最高奖励200元现金/代金券</view> |
|
|
|
<view class="introText">2.有效投诉奖励:最高奖励200元现金/代金券</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="submitBtn" @click="submit"> |
|
|
|
<view class="submitBtn-box"> |
|
|
|
提交 |
|
|
|
<view class="submitBtn" @click="submit"> |
|
|
|
|
|
|
|
提交 |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="section2" v-if="OrderType == 1 && feedBackList.length > 0"> |
|
|
|
<view class="section2" v-if="OrderType == 1 && feedBackList.length > 0"> |
|
|
|
<view class="feedShow" v-for="(item, index) in feedBackList" :key="index"> |
|
|
|
<view class="feedShow" v-for="(item, index) in feedBackList" :key="index"> |
|
|
|
<view class="feedbackItem"> |
|
|
|
<view class="feedbackItem"> |
|
|
|
<view class="feedbackContent"> |
|
|
|
<view class="feedbackContent"> |
|
|
|
<view class="fbTitle"> |
|
|
|
<view class="fbTitle"> |
|
|
|
<view class="fbFlag"> |
|
|
|
<view class="fbFlag" v-if="item.type == 1"> |
|
|
|
<text v-if="item.type == 1">投诉</text> |
|
|
|
<text>投诉</text> |
|
|
|
<text v-if="item.type == 2">建议</text> |
|
|
|
</view> |
|
|
|
<text v-if="item.type == 3">表扬</text> |
|
|
|
<view class="fbFlag fbFlag2" v-if="item.type == 2"> |
|
|
|
|
|
|
|
<text>建议</text> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="fbFlag fbFlag3" v-if="item.type == 3"> |
|
|
|
|
|
|
|
<text>表扬</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="fbTitleText"> |
|
|
|
<view class="fbTitleText"> |
|
|
|
{{ item.shop_name }} |
|
|
|
{{ item.shop_name }} |
|
|
@ -86,16 +94,14 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<u-read-more showHeight="160" textIndent="0" fontSize="26rpx" color="#9E9E9E" :toggle="true" |
|
|
|
<u-read-more showHeight="160" textIndent="0" fontSize="26rpx" color="#9E9E9E" :toggle="true" |
|
|
|
close-text="展开"> |
|
|
|
close-text="展开"> |
|
|
|
<rich-text v-if="index != 0" :nodes="item.content"></rich-text> |
|
|
|
<rich-text :nodes="item.content"></rich-text> |
|
|
|
<rich-text v-else |
|
|
|
|
|
|
|
nodes="投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容投诉内容"></rich-text> |
|
|
|
|
|
|
|
</u-read-more> |
|
|
|
</u-read-more> |
|
|
|
<view class="timefb"> |
|
|
|
<view class="timefb"> |
|
|
|
{{ item.created_at }} |
|
|
|
{{ item.created_at }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="feedbackResult"> |
|
|
|
<view class="feedbackResult" v-if="item.status"> |
|
|
|
<u-collapse> |
|
|
|
<u-collapse> |
|
|
|
<u-collapse-item :open="true" title="处理结果"> |
|
|
|
<u-collapse-item :open="true" title="处理结果"> |
|
|
|
<u-form :model="item" ref="item" class="selfForm"> |
|
|
|
<u-form :model="item" ref="item" class="selfForm"> |
|
|
@ -103,7 +109,7 @@ |
|
|
|
{{ item.replay_at }} |
|
|
|
{{ item.replay_at }} |
|
|
|
</u-form-item> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="反馈内容:" label-width="150" prop="feedback"> |
|
|
|
<u-form-item label="反馈内容:" label-width="150" prop="feedback"> |
|
|
|
{{ item.content }} |
|
|
|
{{ item.reply }} |
|
|
|
</u-form-item> |
|
|
|
</u-form-item> |
|
|
|
</u-form> |
|
|
|
</u-form> |
|
|
|
</u-collapse-item> |
|
|
|
</u-collapse-item> |
|
|
@ -122,7 +128,7 @@ |
|
|
|
{{ item.replay_at }} |
|
|
|
{{ item.replay_at }} |
|
|
|
</u-form-item> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="反馈内容:" label-width="150" prop="feedback"> |
|
|
|
<u-form-item label="反馈内容:" label-width="150" prop="feedback"> |
|
|
|
{{ item.content }} |
|
|
|
{{ item.reply }} |
|
|
|
</u-form-item> |
|
|
|
</u-form-item> |
|
|
|
</u-form> |
|
|
|
</u-form> |
|
|
|
</u-collapse-item> |
|
|
|
</u-collapse-item> |
|
|
@ -130,33 +136,39 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="empty" v-if="OrderType == 2"> |
|
|
|
<view class="empty" v-if="OrderType != 0 && total == 0"> |
|
|
|
|
|
|
|
<u-empty text="暂无信息" mode="list"></u-empty> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="empty" v-if="OrderType == 2"> |
|
|
|
<image class="emptyImg" :src="$picUrl + '/static/news1/feedbackempty.png'" mode="widthFix"></image> |
|
|
|
<image class="emptyImg" :src="$picUrl + '/static/news1/feedbackempty.png'" mode="widthFix"></image> |
|
|
|
<view class="emptytext"> |
|
|
|
<view class="emptytext"> |
|
|
|
还没有反馈内容 |
|
|
|
还没有反馈内容 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
|
|
|
|
import Config from '@/core/config' |
|
|
|
import * as feedback from '@/api/feedback' |
|
|
|
import * as feedback from '@/api/feedback' |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
|
|
|
|
action: '', |
|
|
|
|
|
|
|
header: '', |
|
|
|
OrderType: 0, |
|
|
|
OrderType: 0, |
|
|
|
shop_id: '', |
|
|
|
shop_id: '', |
|
|
|
|
|
|
|
total: 1, |
|
|
|
form: { |
|
|
|
form: { |
|
|
|
type: '', |
|
|
|
type: '', |
|
|
|
shop: '', |
|
|
|
shop: '', |
|
|
|
shopText: '', |
|
|
|
shopText: '', |
|
|
|
comment: '', |
|
|
|
comment: '', |
|
|
|
name: '', |
|
|
|
user_name: '', |
|
|
|
phone: '' |
|
|
|
phone: '' |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
feedBackList: [], |
|
|
|
feedBackList: [], |
|
|
|
page: 1, |
|
|
|
|
|
|
|
checkboxList1: [{ |
|
|
|
checkboxList1: [{ |
|
|
|
name: '投诉', |
|
|
|
name: '投诉', |
|
|
|
val: 1 |
|
|
|
val: 1 |
|
|
@ -171,10 +183,12 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
], |
|
|
|
checkboxList2: [{ |
|
|
|
checkboxList2: [{ |
|
|
|
name: '门店' |
|
|
|
name: '门店', |
|
|
|
|
|
|
|
val: 1 |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '其他' |
|
|
|
name: '其他', |
|
|
|
|
|
|
|
val: 2 |
|
|
|
}, |
|
|
|
}, |
|
|
|
], |
|
|
|
], |
|
|
|
typeShow: false, |
|
|
|
typeShow: false, |
|
|
@ -184,11 +198,25 @@ export default { |
|
|
|
result: {} |
|
|
|
result: {} |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
onReady() { |
|
|
|
|
|
|
|
this.action = (Config.get('apiUrl') + 'upload/image').replace("index.php?s=/", "") |
|
|
|
|
|
|
|
this.header = { |
|
|
|
|
|
|
|
'Storeid': uni.getStorageSync('Store').storeInfo.store_id, |
|
|
|
|
|
|
|
'Access-Token': uni.getStorageSync('AccessToken'), |
|
|
|
|
|
|
|
'platform': "MP-WEIXIN", |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
onShow() { |
|
|
|
this.getShopList() |
|
|
|
this.getShopList() |
|
|
|
}, |
|
|
|
}, |
|
|
|
onLoad(params) { |
|
|
|
onLoad(params) { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
onReachBottom() { |
|
|
|
|
|
|
|
if (this.feedBackList.length < this.total && this.OrderType!=0) { |
|
|
|
|
|
|
|
this.pageNum++; |
|
|
|
|
|
|
|
this.getFeedBack(this.OrderType) |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
getShopList() { |
|
|
|
getShopList() { |
|
|
@ -220,7 +248,7 @@ export default { |
|
|
|
}) |
|
|
|
}) |
|
|
|
return |
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
if (this.form.phone && (!/^\+?\d[\d -]{8,12}\d/.test(this.form.phone))) { |
|
|
|
if (this.form.mobile && (!/^\+?\d[\d -]{8,12}\d/.test(this.form.mobile))) { |
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title: '手机号格式不正确!', |
|
|
|
title: '手机号格式不正确!', |
|
|
|
icon: 'none', |
|
|
|
icon: 'none', |
|
|
@ -232,7 +260,10 @@ export default { |
|
|
|
shop_id: that.shop_id, |
|
|
|
shop_id: that.shop_id, |
|
|
|
type: that.form.type, |
|
|
|
type: that.form.type, |
|
|
|
object_type: that.form.shop, |
|
|
|
object_type: that.form.shop, |
|
|
|
content: that.form.comment |
|
|
|
content: that.form.comment, |
|
|
|
|
|
|
|
user_name: that.form.user_name, |
|
|
|
|
|
|
|
mobile: that.form.mobile, |
|
|
|
|
|
|
|
image_id: that.image_id |
|
|
|
} |
|
|
|
} |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
feedback.add(params) |
|
|
|
feedback.add(params) |
|
|
@ -250,6 +281,7 @@ export default { |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
onOrderTab(type) { |
|
|
|
onOrderTab(type) { |
|
|
|
this.OrderType = type; |
|
|
|
this.OrderType = type; |
|
|
|
|
|
|
|
this.pageNum = 1 |
|
|
|
this.feedBackList = [] |
|
|
|
this.feedBackList = [] |
|
|
|
if (type != 0) { |
|
|
|
if (type != 0) { |
|
|
|
this.getFeedBack(type) |
|
|
|
this.getFeedBack(type) |
|
|
@ -261,14 +293,15 @@ export default { |
|
|
|
const that = this |
|
|
|
const that = this |
|
|
|
let params = { |
|
|
|
let params = { |
|
|
|
is_my: 0, |
|
|
|
is_my: 0, |
|
|
|
page: that.page |
|
|
|
page: that.pageNum |
|
|
|
} |
|
|
|
} |
|
|
|
params.is_my = type == 1 ? 0 : 1 |
|
|
|
params.is_my = type == 1 ? 0 : 1 |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
feedback.list(params) |
|
|
|
feedback.list(params) |
|
|
|
.then(res => { |
|
|
|
.then(res => { |
|
|
|
if (res.status == 200) { |
|
|
|
if (res.status == 200) { |
|
|
|
that.feedBackList = res.data.list.data |
|
|
|
that.total = res.data.list.total |
|
|
|
|
|
|
|
that.feedBackList = that.feedBackList.concat(res.data.list.data) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch(reject) |
|
|
|
.catch(reject) |
|
|
@ -443,8 +476,8 @@ page { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.introContent { |
|
|
|
.introContent { |
|
|
|
margin-top: 16rpx; |
|
|
|
|
|
|
|
margin: 16rpx 30rpx 30rpx 30rpx; |
|
|
|
margin: 16rpx 30rpx 30rpx 30rpx; |
|
|
|
|
|
|
|
padding-bottom: 160rpx; |
|
|
|
|
|
|
|
|
|
|
|
.introText { |
|
|
|
.introText { |
|
|
|
font-size: 26rpx; |
|
|
|
font-size: 26rpx; |
|
|
@ -455,16 +488,24 @@ page { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.submitBtn-box { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
position: fixed; |
|
|
|
|
|
|
|
left: 0; |
|
|
|
|
|
|
|
z-index: 88; |
|
|
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
|
|
padding: 30rpx 32rpx; |
|
|
|
|
|
|
|
background: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.submitBtn { |
|
|
|
.submitBtn { |
|
|
|
height: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%); |
|
|
|
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%); |
|
|
|
border-radius: 52px 52px 52px 52px; |
|
|
|
border-radius: 52px 52px 52px 52px; |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
font-size: 32rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #FFFFFF; |
|
|
|
margin: 32rpx 30rpx 30rpx 30rpx; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
line-height: 100rpx; |
|
|
|
line-height: 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
@ -525,7 +566,14 @@ page { |
|
|
|
color: #FF4D4D; |
|
|
|
color: #FF4D4D; |
|
|
|
flex-shrink: 1; |
|
|
|
flex-shrink: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.fbFlag2{ |
|
|
|
|
|
|
|
border: 1px solid #41B4EC; |
|
|
|
|
|
|
|
color: #41B4EC; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.fbFlag3{ |
|
|
|
|
|
|
|
border: 1px solid #2DC37F; |
|
|
|
|
|
|
|
color: #2DC37F |
|
|
|
|
|
|
|
} |
|
|
|
.fbTitleText { |
|
|
|
.fbTitleText { |
|
|
|
flex: 1; |
|
|
|
flex: 1; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
@ -581,18 +629,4 @@ page { |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
height: calc(100vh - 102rpx); |
|
|
|
height: calc(100vh - 102rpx); |
|
|
|
|
|
|
|
}</style> |
|
|
|
.emptyImg { |
|
|
|
|
|
|
|
width: 210rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.emptytext { |
|
|
|
|
|
|
|
font-size: 32rpx; |
|
|
|
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
color: #717171; |
|
|
|
|
|
|
|
margin-top: 36rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|