update 反馈

xuxueyang

2024-08-26 b6c8307813d161412d509e24b5662d406b864c7c

update 反馈

 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;

 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>