展开收起图标

hejianhao

2025-02-25 bba11a405d15e42ac13a9f85344baabf26d10a94

展开收起图标

 H5/pages/result-entry/index.vue

@@ -77,14 +77,15 @@
                    </view>
                </view>
            </view>
            <view @tap="unfold" class="bgcolor3 absolute w-100 txt-center"
                style="bottom:-58rpx;left: 50%;transform: translate(-50%,-50%);">
                <image src="/static/location/back.png" class="h-23 w-15" style="transform: rotate(-90deg);" />
            <view @tap="unfold" class="absolute" style="bottom:-90rpx;left: 50%;transform: translate(-50%,-50%);">
                <image v-if="!unfoldFlag" src="@/static/unfold.png" class="h-54 w-156" />
                <image v-if="unfoldFlag" src="@/static/packUp.png" class="h-54 w-156" />
            </view>
        </view>
        <view class="br-19 mt-76 bs-1 pt-35 pb-33">
            <view class="fs-27 lh-38 font-bold ml-31">处理状态</view>
            <view @tap="showList = true" class="br-15 py-15 pl-31 mx-31 pr-27 mt-27 flex j-between a-center border2" :class="(rulsFlag && !status) && 'bgcolor-border'">
            <view @tap="showList = true" class="br-15 py-15 pl-31 mx-31 pr-27 mt-27 flex j-between a-center border2"
                :class="(rulsFlag && !status) && 'bgcolor-border'">
                <view :class="!status && 'color6'">{{ status ? status : '请选择当前处理状态' }}</view>
                <image src="/static/location/back.png" class="h-23 w-15" style="transform: rotate(-90deg);" />
            </view>
@@ -174,13 +175,18 @@
</template>

<script>
import { saveResult, getComplaintDetail } from './service'
    import {
        saveResult,
        getComplaintDetail
    } from './service'
import config from '@/config/index.js'
export default {
    data() {
        return {
            showList: false,
            columns: [['已办结', '群众撤销']],
                columns: [
                    ['已办结', '群众撤销']
                ],
            unfoldFlag: false, //是否展开
            id: '',//诉求id
            info: {},//工单详情
@@ -196,7 +202,9 @@
    },
    onLoad(params) {
        this.id = params.id
        getComplaintDetail({ id: params.id }).then(res => {
            getComplaintDetail({
                id: params.id
            }).then(res => {
            this.info = res.data
        })
    },
@@ -258,7 +266,9 @@
                }
            })
        },
        confirm({ value }) {
            confirm({
                value
            }) {
            this.status = value[0]
            this.showList = false
        },
@@ -301,10 +311,12 @@
                                },
                                success: (res) => {
                                    if (JSON.parse(res.data).code == 200) {
                                        this.completionImages = this.completionImages.filter(item => item !=
                                            this.completionImages = this.completionImages.filter(
                                                item => item !=
                                            'loading')
                                        this.$nextTick(() => {
                                            this.completionImages.push(JSON.parse(res.data)
                                                this.completionImages.push(JSON.parse(res
                                                        .data)
                                                .data)
                                            this.localImageUrls.push(imgPathList[0])
                                        })
@@ -350,10 +362,12 @@
                            },
                            success: (res) => {
                                if (JSON.parse(res.data).code == 200) {
                                    this.completionVideos = this.completionVideos.filter(item => item !=
                                        this.completionVideos = this.completionVideos.filter(
                                            item => item !=
                                        'loading')
                                    this.$nextTick(() => {
                                        this.completionVideos.push(JSON.parse(res.data).data)
                                            this.completionVideos.push(JSON.parse(res.data)
                                                .data)
                                    })
                                } else {
                                    this.againCklicFlag = true
@@ -480,7 +494,7 @@
}

.transition-h {
    transition: max-height 0.5s ease-out;
        transition: max-height 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.max-300 {

 H5/static/packUp.png

 H5/static/unfold.png