1.只有待付款的订单启用倒计时，避免频繁请求接口

陶杰

2024-12-18 6f7d07bad2b1af2664f3190bb3e92b0819c46864

1.只有待付款的订单启用倒计时，避免频繁请求接口

 pages/order/order.vue

@@ -47,6 +47,44 @@
            this.listApi = `/api/customer/order/list`
            await this.getList()
            
            console.log('order-list-query',this.query.status)
            if(this.query.status=='PENDING'){
                this.getPendingTimer()
            }
			
        },



        onShow() {
            // console.log("onshow")
        },
        onReachBottom() {
            this.getMore()
        },
        async onPullDownRefresh() {
            this.page.current = 1
            await this.getList()
            uni.stopPullDownRefresh()
        },
        methods: {

            changeStatus(item) {
                this.query.status = item.value || '';
                this.refreshList();
                if(item.value=='PENDING'){
                    this.getPendingTimer()
                }else{
                    if(this.timer){
                        clearTimeout(this.timer)
                        this.timer=null
                    }
                }
				
            },

            getPendingTimer(){

            this.timer = setInterval(async () => {
                
                let res = await this.$http.request('get', `/api/order/time/now`, {
@@ -94,16 +132,6 @@
                    this.$forceUpdate()
            }, 1000)
        },
        onReachBottom() {
            this.getMore()
        },
        async onPullDownRefresh() {
            this.page.current = 1
            await this.getList()
            uni.stopPullDownRefresh()
        },
        methods: {


            openbrand(item) {
                console.log(item)
@@ -447,11 +475,20 @@
            </view>
        </view>
        <view class="status-list m-t-12 flex flex-wrap-normal">
            <view v-for="each of status" :key="each.value" @click.stop="(e)=>{
            <!-- <view v-for="each of status" :key="each.value" @click.stop="(e)=>{
              query.status = each.value || '';
              refreshList();
              if(query.status!='PENDING'){
                timer && clearTimeout(this.timer)
                timer=null
              }else{
                getPendingTimer()
              }
            }" class="status-each" :class="[query.status===each.value?'cur':'']">
                {{ each.name }}
            </view> -->
            <view v-for="each of status" :key="each.value" @click.stop="changeStatus(each)" class="status-each" :class="[query.status===each.value?'cur':'']">
                {{ each.name }}
            </view>
        </view>
        <no-data v-if="!list||list.length===0" style="width: 100%;" class="m-t-12"></no-data>