Fix:2413 【商城小程序】订单管理点击更多展开内容,点其他地方无法收起

This commit is contained in:
modendeveloper
2024-09-26 21:32:42 +08:00
parent 27d4727f89
commit 714f5c3340
2 changed files with 14 additions and 4 deletions
+8 -2
View File
@@ -1,5 +1,5 @@
<template>
<view class="my-order v12-mx-2" ref="container">
<view class="my-order v12-mx-2" ref="container" @click="handleBody">
<view class="m-search-wrap v12-mb-2 v12-mt-3">
<u-search placeholder="请输入商品名/订单号" shape="round" :inputStyle="inputStyle" :showAction="false" bgColor="#FFF" v-model="keyword" @search="changeType"></u-search>
</view>
@@ -107,7 +107,7 @@
<view class="group-btn"
v-if="(Number(order._status._type) === 2 || Number(order._status._type) === 3) &&
order.isTickets === 0">
<text class="btn-more v12-font-24" @click="tapShowMore(order,orderListIndex)">更多</text>
<text class="btn-more v12-font-24" @click.stop="tapShowMore(order,orderListIndex)">更多</text>
<view class="group-float" v-show="order.showMore">
<view class="btn btn-service flex jc-center ai-center v12-font-24" @click="goRoom(order)"
v-if="order.merName">联系商家
@@ -309,6 +309,12 @@ export default {
}
},
methods: {
handleBody() {
this.orderList.forEach((e) => {
e.showMore = false
})
this.$forceUpdate()
},
delOrder(order) {
delOrderHandle(order.orderId).then(() => {
// this.goBack()
+6 -2
View File
@@ -1,5 +1,5 @@
<template>
<view class="order-details" style="padding: 30rpx;">
<view class="order-details" style="padding: 30rpx;" @click="handleBody">
<!-- 给header上与data上加on为退款订单-->
<view class=" v12-pa-3 v12-white" :class="refundOrder ? 'on' : ''" style="border-radius: 20rpx;">
<!-- <view class="status-img-box">
@@ -344,7 +344,7 @@
<view class="bnt v12-dark-text v12-dark-border cancel" @click="goRoom(orderInfo)">联系商家</view>
<view class="v12-justify-between">
<view class="" style="position: relative">
<text class="btn-more v12-font-24 v12-mr-2" @click="showMore = !showMore">更多</text>
<text class="btn-more v12-font-24 v12-mr-2" @click.stop="showMore = !showMore">更多</text>
<view class="group-float" v-show="showMore" :style="{top: orderInfo.isExtendedDelivery==0 ? '-60px' : '-32px'}">
<view v-if="orderInfo.isExtendedDelivery==0" class="btn flex jc-center ai-center v12-font-24" @click="toDelay(orderInfo.orderId)">延长收货</view>
<view class="btn flex jc-center ai-center v12-font-24" @click="goGoodsReturn(orderInfo)">申请退款</view>
@@ -544,6 +544,10 @@ export default {
},
methods: {
copyClipboard,
handleBody() {
this.showMore = false
this.$forceUpdate()
},
getExpressInfo() {
let params = {
orderCode: this.orderInfo.id,