update 反馈

xuxueyang

2024-08-26 b6c8307813d161412d509e24b5662d406b864c7c

 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;