From b6c8307813d161412d509e24b5662d406b864c7c Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期一, 26 八月 2024 14:18:22 +0800 Subject: [PATCH] update 反馈 --- sub_pages/customer/self/feedback-detail.vue | 118 ++++++--------------------------------- sub_pages/customer/self/feedback.vue | 3 2 files changed, 21 insertions(+), 100 deletions(-) diff --git a/sub_pages/customer/self/feedback-detail.vue b/sub_pages/customer/self/feedback-detail.vue index 0c75326..60dfad6 100644 --- a/sub_pages/customer/self/feedback-detail.vue +++ b/sub_pages/customer/self/feedback-detail.vue @@ -57,8 +57,8 @@ <template> <view class="delivery-detail-page bg-white p20"> <view v-if="dto.id"> - <view class="delivery-info flex"> - <view class="flex1 desc"> + <view class="delivery-info p10 flex"> + <view class="flex1"> <view class="name">投诉反馈类型:{{ dto.typeStr || dto.type || '-'}}</view> <view class="name">投诉反馈内容:{{ dto.feedBack || '-'}}</view> @@ -66,18 +66,23 @@ <view class="line-gray"></view> <view class="name">回复内容:{{ dto.reply || '-'}}</view> <view class="name">回复时间:{{ dto.replyTime || '-' }}</view> + </view> </view> </view> - <view class="m-t-12 flex" v-if="dto.pictures&&dto.pictures.length>0"> - <view class="m-l-15 m-r-0 station"> - <view>投诉反馈图片</view> + <view class="p10" style="margin-top: 0rpx;padding-top: 0rpx;" v-if="dto.pictures&&dto.pictures.length>0"> + <view class="line-gray"></view> + + <view class="m-r-0"> + <view>投诉反馈图片:</view> </view> - <view class="m-t-12 m-r-10 " v-for="(timg,index) of dto.pictures" :key="index"> - <image class="arrive-img" :src="timg" @click.stop="previewImg(timg)"> - </image> + <view class="flex"> + <view class="m-t-12 m-r-10 " v-for="(timg,index) of dto.pictures" :key="index"> + <image class="arrive-img" :src="timg" @click.stop="previewImg(timg)"> + </image> + </view> </view> </view> </view> @@ -87,6 +92,10 @@ <style lang="scss" scoped> .delivery-detail-page { + font-weight: 400; + font-size: 28rpx; + line-height: 40rpx; + .arrive-img { width: 96rpx; height: 96rpx; @@ -139,102 +148,13 @@ min-height: 118rpx; } - .each-list { - display: flex; - flex-wrap: wrap; - margin-top: 6rpx; - - .each-item { - min-width: 30%; - max-width: 40%; - text-align: center; - margin-left: 0rpx; - margin-right: auto; - display: flex; - - .label { - font-weight: 400; - font-size: 24rpx; - color: #666666; - text-align: left; - padding-right: 10rpx; - } - - .label::after { - content: ": " - } - - .value { - font-weight: 400; - font-size: 24rpx; - color: #666666; - } - } - } } - .popup-check-form { - background: #FFFFFF; - border-radius: 16rpx; - // width: 690rpx; - height: 882rpx; - margin-top: 120rpx; - margin-left: 30rpx; - margin-right: 30rpx; - padding: 24rpx 36rpx; - - .check-img { - width: 96rpx; - height: 96rpx; - border-radius: 4rpx; - border: 2rpx dashed #CECECE; - } - - .submit { - margin-top: 30rpx; - - .form-input { - height: 36rpx; - line-height: 36rpx; - } - - .value-item { - min-width: 152rpx; - width: fit-content; - text-align: center; - height: 58rpx; - background: #F1F5F2; - border-radius: 36rpx; - margin-bottom: 18rpx; - font-weight: 400; - font-size: 28rpx; - line-height: 58rpx; - padding: 8rpx 24rpx; - color: #33a868; - margin-left: 16rpx; - margin-right: 16rpx; - border: 2rpx solid #F1F5F2; - } - - .value-item.cur { - background: #E1F0E7; - border-radius: 36rpx; - border: 2rpx solid #20613D; - color: #20613D; - - } - } - } .delivery-info { - padding: 20rpx; + // padding: 10rpx; - .desc { - font-weight: 400; - font-size: 28rpx; - color: #666666; - line-height: 40rpx; - } + .station { height: 50rpx; diff --git a/sub_pages/customer/self/feedback.vue b/sub_pages/customer/self/feedback.vue index ee79494..7335372 100644 --- a/sub_pages/customer/self/feedback.vue +++ b/sub_pages/customer/self/feedback.vue @@ -2,9 +2,10 @@ <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 v-else style="min-height: 80vh;" class="p20"> <view class="follow-item m-b-40 flex" v-for="(item,index) of list" :key="index"> <view class="info"> + <view class="name">投诉反馈类型:{{ item.typeStr || item.type || '-'}}</view> <view class="name">投诉反馈内容:{{ item.feedBack || '-'}}</view> <view class="name">提交时间:{{ item.createTime || '-' }}</view> </view> -- Gitblit v1.9.3