advance.uvue

<template>
    <view class="uni-container">
        <page-head :title="title"></page-head>

        <view class="uni-panel" v-for="(item, index) in list" :key="index">
            <view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="triggerCollapse(index)">
                <text class="uni-panel-text">{{item.name}}</text>
                <image :src="item.pages.length > 0 ? item.open ? arrowUpIcon : arrowDownIcon : arrowRightIcon"
                    class="uni-icon"></image>
            </view>
            <view class="uni-panel-c" v-if="item.open">
                <view class="uni-navigate-item" v-for="(page,key) in item.pages" :key="key" @click="goDetailPage(page)"
                    hover-class="uni-navigate-item-active">
                    <text class="uni-navigate-text">{{page.name}}</text>
                    <image :src="arrowRightIcon" class="uni-icon" v-if="page.url"></image>
                </view>
            </view>
        </view>
    </view>
</template>
<script lang="ts">
    import {
        doTimerTask,
        doIntervalTask,
        clearIntervalTask,
        getMetaConfig,
        quitApp,
        TimerOptions
    } from "../../uni_modules/uts-advance";

    type Page = {
        name : string,
        url ?: string
        function ?: string
    }
    type ListItem = {
        name : string,
        open : boolean,
        pages : Page[],
    }
    export default {
        data() {
            return {
                title: 'UTS进阶示例',
                taskId: 0,

                list: [{
                    name: "延迟任务",
                    open: false,
                    pages: [{
                        name: "开启延迟任务",
                        function: "testTimer"
                    }] as Page[]
                },
                {
                    name: "定时任务",
                    open: false,
                    pages: [{
                        name: "开启定时任务",
                        function: "testInterval"
                    }, {
                        name: "关闭定时任务",
                        function: "testClearInterval"
                    }] as Page[]
                },
                {
                    name: "语法示例",
                    open: false,
                    pages: [{
                        name: "进阶语法示例",
                        url: "SyntaxCase/index"
                    }, {
                        name: "参数传递示例",
                        url: "SyntaxCase/paramTest"
                    }, {
                        name: "日志打印示例",
                        url: "SyntaxCase/consoleTest"
                    }, {
                        name: "实例测试示例",
                        url: "SyntaxCase/instanceTest"
                    }] as Page[]
                },
                ] as ListItem[],
                arrowUpIcon: '/static/icons/arrow-up.png',
                arrowDownIcon: '/static/icons/arrow-down.png',
                arrowRightIcon: '/static/icons/arrow-right.png',
            }
        },
        methods: {
            triggerCollapse(index : number) {
                for (var i = 0; i < this.list.length; ++i) {
                    if (index == i) {
                        this.list[i].open = !this.list[i].open;
                    } else {
                        this.list[i].open = false;
                    }
                }
            },
            goDetailPage(e : Page) {
                if (e.function != null) {
                    const funName = e.function
                    switch (funName) {
                        case 'testTimer':
                            this.testTimer()
                            break
                        case 'testInterval':
                            this.testInterval()
                            break
                        case 'testClearInterval':
                            this.testClearInterval()
                            break
                        case 'testMetaRead':
                            this.testMetaRead()
                            break
                        case 'testQuitApp':
                            this.testQuitApp()
                            break
                    }
                    return
                }
                uni.navigateTo({
                    url: `/pages/${e.url}`
                })
            },

            /**
             * 测试延迟任务
             */
            testTimer: function () {
                doTimerTask({
                    start: function (response) {
                        uni.showToast({
                            title: response,
                            icon: 'none'
                        });
                    },
                    work: function (response) {
                        uni.showToast({
                            title: response,
                            icon: 'none'
                        });
                    },
                } as TimerOptions);
            },
            /**
             * 测试周期任务
             */
            testInterval: function () {
                var ret = doIntervalTask({
                    start: function (response) {
                        uni.showToast({
                            title: response,
                            icon: 'none'
                        });
                    },
                    work: function (response) {
                        uni.showToast({
                            title: response,
                            icon: 'none'
                        });
                    },
                } as TimerOptions);
                if (ret.taskId != null) {
                    this.taskId = ret.taskId!;
                }
            },
            /**
             * 取消周期任务
             */
            testClearInterval: function () {
                console.log(this.taskId);
                clearIntervalTask(this.taskId);
            },
            // testInputDialog() {
            //     getUserInput(function (res) {
            //         console.log(res);
            //     });
            // },
            testQuitApp() {
                quitApp()
            },
            testMetaRead() {
                let ret = getMetaConfig();
                uni.showToast({
                    icon: "none",
                    title: '读取成功,注意查看控制台输出'
                });
                console.log(ret);
            }

        }
    }
</script>

<style>
    @import '@/common/uni-uvue.css';
</style>