请选择 进入手机版 | 继续访问电脑版

[问题求助] act框架的a-tab 真机同步后,iOS经常不出现tab标签项

[复制链接]
zhaokei 发表于 2021-11-10 17:31:56
act框架的a-tab 真机同步后,iOS经常不出现tab标签项

<template>
    <view class="page">
        <a-tabs class="a-tabs-box-cls" onchange={this.onchange}>
            <a-tab title="全部" value=""></a-tab>
            <a-tab title="草稿" value="-1"></a-tab>
            <a-tab title="待确认" value="0"></a-tab>
            <a-tab title="供应商拒绝" value="1"></a-tab>
            <a-tab title="待审批" value="2"></a-tab>
            <a-tab title="审批拒绝" value="3"></a-tab>
            <a-tab title="待发货" value="4"></a-tab>
            <a-tab title="待收货" value="5"></a-tab>
            <a-tab title="待结算" value="6"></a-tab>
            <a-tab title="部分收货" value="7"></a-tab>
            <a-tab title="已收货" value="8"></a-tab>
            <a-tab title="交易完成" value="9"></a-tab>
            <a-tab title="已取消" value="10"></a-tab>
            <a-tab title="部分发货" value="11"></a-tab>
            <a-tab title="审批通过" value="12"></a-tab>
        </a-tabs>
        <scroll-view class="scroll-view" scroll-y enable-back-to-top refresher-enabled
            refresher-triggered={refresherTriggered} onrefresherrefresh="onrefresherrefresh"
            onscrolltolower="onscrolltolower">
            <orderlist-item v-for="(item) in dataList" item={item} onitemClick="fnOpenDetails">
            </orderlist-item>
            <no-data v-if={showNoData} image="../../images/common/nolist.png" desc="暂无商品"></no-data>
        </scroll-view>
    </view>
</template>

<script>
import ATabs from "../../components/act/a-tabs";
import ATab from "../../components/act/a-tab";
import Toast from '../../components/act/a-toast';
import $util from '../../utils/util.js'
import '../../components/orderlist-item.stml';
import '../../components/no-data.stml'
export default {
    name: "simple-tab",
    components: { ATabs, ATab },
    data() {
        return {
            active: [2, 0],
            dataList: [],
            refresherTriggered: false,
            showNoData: false,
            haveMore: true,
            loading: false,
            // 接口所需字段
            pageNo: 1,
            pageSize: 10,
            orderStatusStr: ''
        }
    },
    apiready() {
        // this.getData(false);
    },
    methods: {
        getData(loadMore) {
            if (!loadMore) {
                this.pageNo = 1;
            }
            var param = {
                service: 'aaa',
                aaa: {
                    pageNo: this.pageNo,
                    pageSize: this.pageSize,
                    sn: '',
                    supplierName: '',
                    isMine: 1,
                    orderStatusStr: this.orderStatusStr,
                    dataSource: '',
                    createTimeStart: '',
                    createTimeEnd: '',
                    procGradeArray: '',
                    procApproach: '',
                    procPurposeArray: '',
                    procOriginArray: '',
                    procResultId: '',
                    procType: '',
                    procProposalId: '',
                    procResultName: '',
                    procProposalName: '',
                    authorized: '',
                    procResultType: '',
                    erpOrderType: '',
                    purchaserName: '',
                }
            }
            $util.doRequest(param, ret => {
                if (ret.respCode == "0000") {
                    if (ret && ret.recordsTotal != 0) {// 有数据
                        let list = ret.rows;
                        this.haveMore = list.length > 0;
                        if (loadMore) {// 加载更多
                            this.dataList = this.dataList.concat(list);
                        } else {// 首次打开
                            this.dataList = list;
                        }
                        // 有数据,页码+1
                        if (list.length > 0) {
                            this.pageNo += 1;
                        }
                    } else {// 没数据
                        if (!loadMore) {
                            this.dataList = [];
                        }
                    }
                    this.loading = false
                    this.showNoData = this.dataList.length == 0;;
                } else {
                    $util.toast(ret.msg);
                }
            }, false);
            this.data.refresherTriggered = false;
        },
        onscrolltolower() {// 底部上滑
            if (this.data.haveMore && !this.data.loading) {
                this.getData(true);
            }
        },
        onrefresherrefresh() {
            this.data.refresherTriggered = true;
            this.getData(false);
        },
        onchange(e) {
            console.log(JSON.stringify(e))
            var index = e.detail.current;
            var value = this.orderStatusStr;
            switch (index) {
                case 0: value = ''; break;
                case 1: value = '-1'; break;
                case 2: value = '0'; break;
                case 3: value = '1'; break;
                case 4: value = '2'; break;
                case 5: value = '3'; break;
                case 6: value = '4'; break;
                case 7: value = '5'; break;
                case 8: value = '6'; break;
                case 9: value = '7'; break;
                case 10: value = '8'; break;
                case 11: value = '9'; break;
                case 12: value = '10'; break;
                case 13: value = '11'; break;
                case 14: value = '12'; break;
            }
            this.orderStatusStr = value;
            this.getData(false);
        },
        beforeChange(index) {
            console.log('beforeChange')
            // 返回 false 表示阻止此次切换
            if (index === 1) {
                return false;
            }

            // 返回 Promise 来执行异步逻辑
            return new Promise((resolve) => {
                // 在 resolve 函数中返回 true 或 false

                Toast.loading({ forbidClick: true, message: `正在异步请求` });

                setTimeout(() => {
                    resolve(index !== 3);
                    Toast.clear();
                }, 1000)
            });
        },
        fnOpenDetails(e) {
            console.log(JSON.stringify(e));
            $util.openWin({
                name: "order_details",
                url: "../order_details/order_details.stml",
                title: "订单详情",
                pageParam: {
                    id: e.detail.id,
                }
            });
        },
    }
}
</script>

<style scoped>
.page {
    /* padding-top: 100px; */
    height: 100%;
    flex: 1;
    background-color: #f7f7f7;
}
.flex1 {
    flex: 1;
}
.simple {
    padding-bottom: 28px;
}
.a-tabs-box-cls {
    /* border: 1px solid green; */
    /* height: 80px; */
    min-height: 50px;
}
.a-tabs__content {
    display: none !important;
    min-height: 0 !important;
    height: 0;
}
</style>


4条回复

zhaokei 马路杀手 245Y币
下图,顶部tab标签栏,进入页面后,有时候出现,有时候不出现。
151636537223_.pic.jpg 141636537223_.pic.jpg
zhaokei 马路杀手 245Y币
zhaokei 马路杀手 245Y币
有人帮忙看看吗
zhaokei 马路杀手 245Y币
关闭帖子。好像是修改了样式引起的
您需要登录后才可以回帖 登录

本版积分规则