展开收起图标

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 {