From 61860e8f98422e0e946d6529f172f8c7c29fa049 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期五, 23 八月 2024 16:08:58 +0800 Subject: [PATCH] add 反馈功能 --- pages.json | 8 ++ sub_pages/customer/self/feedback.vue | 166 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 174 insertions(+), 0 deletions(-) diff --git a/pages.json b/pages.json index 8748ac2..296e138 100644 --- a/pages.json +++ b/pages.json @@ -410,6 +410,14 @@ "navigationBarTitleText": "我的收藏", "enablePullDownRefresh": true } + }, + , + { + "path": "self/feedback", + "style": { + "navigationBarTitleText": "投诉反馈", + "enablePullDownRefresh": true + } } // #endif ] diff --git a/sub_pages/customer/self/feedback.vue b/sub_pages/customer/self/feedback.vue new file mode 100644 index 0000000..87060aa --- /dev/null +++ b/sub_pages/customer/self/feedback.vue @@ -0,0 +1,166 @@ +<template> + <view class="follow-page"> + <no-data v-if="!list||list.length===0" style="width: 100%;"></no-data> + + <view v-else style="min-height: 80vh;"> + <view class="follow-item m-b-40 flex" v-for="(item,index) of list" :key="index"> + <view class="info"> + <view class="name">投诉反馈内容:{{ item.feedBack || '-'}}</view> + <view class="name">提交时间:{{ item.createTime || '-' }}</view> + </view> + <view class="line-gray"></view> + <view class="info"> + <view class="name">回复内容:{{ item.reply || '-'}}</view> + <view class="name">回复时间:{{ item.replyTime || '-' }}</view> + </view> + </view> + </view> + <footer-msg :more="page.total>0&&page.total>page.current*page.size&&list.length>0"></footer-msg> + + <view style="min-height:160rpx"> + </view> + + <view class="button-green-1 m-t-20 button-fixed-bottom " @click="addFeedback"> + 提交投诉/反馈 + </view> + + + <!-- <uni-popup ref="popup" type="bottom"> + <view class="component-popup_input_all"> + <view class="text-center m-b-40" style="font-size: 48rpx;font-weight: 600;">填写投诉/反馈内容</view> + <view v-for="(item,i) in level_columns" :key="i" class="m-t-20"> + <view class="m-t-12 flex value-items"> + <view class="value-item" @click="()=>{ + if(each.value!==query.value){ + query.level = each.value + query.levelStr = each.label + refreshList() + $refs.popup.close() + } + }" :class="[query.level==each.value?'cur':'']" v-for="(each, j) in item" :key="j"> + {{ each.label || '-' }} + </view> + </view> + </view> + <view class="button-space"></view> + <view> + <view class="button-green" @click="$refs.popup.close()">关闭 + </view> + </view> + </view> + </uni-popup> --> + + </view> +</template> + +<script> + export default { + data() { + return {} + }, + async onPullDownRefresh() { + await this.refreshList() + uni.stopPullDownRefresh() + }, + async onShow() { + + }, + async onLoad() { + this.listApi = '/api/feedback/my/feedback/list' + this.getList() + }, + methods: { + async addFeedback() { + const res = await this.$message.confirm('', { + editable: true, + title: '请填写投诉/反馈内容' + }) + if (res.content && res.confirm) { + // 发送请求 + if (!res.content) { + this.$message.showToast('未填写内容') + } else { + this.$message.showLoading() + const { + code + } = await this.$http.request('post', '', { + data: { + feedBack: res.content + } + }) + this.$message.hideLoading() + if (code == 0) { + await this.refreshList() + this.$message.showToast('提交成功') + } + } + + + } else { + + } + } + + } + } +</script> + +<style lang="scss" scoped> + .follow-page { + min-height: 99vh; + + .follow-item { + padding: 30rpx; + background-color: #FFFFFF; + margin-bottom: 20rpx; + + + .info { + .name { + font-weight: 400; + font-size: 24rpx; + color: #000000; + line-height: 40rpx; + margin-top: 6rpx; + } + + .time { + font-weight: 400; + font-size: 24rpx; + color: #a3a3a3; + line-height: 40rpx; + margin-top: 6rpx; + } + + } + + .button { + padding: 14rpx 36rpx; + text-align: center; + margin-left: 10rpx; + font-weight: 400; + font-size: 24rpx; + line-height: 30rpx; + border-radius: 34rpx; + margin-top: 10rpx; + + + // min-width: 128rpx; + height: 30rpx; + + + } + + .button-1 { + color: #999999; + border: 2rpx solid #999999; + + } + + .button-2 { + border: 2rpx solid #20613D; + color: #20613D; + } + } + } +</style> \ No newline at end of file -- Gitblit v1.9.3