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 +++++++++-------------------------------------------------
1 files changed, 19 insertions(+), 99 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;
--
Gitblit v1.9.3