<template>
    <!-- MQTT管理 -->
    <div class="taskMessagePage flex-col">
        <s-header :name="$t('mqtt.title')" :noback="false"></s-header>
        <div class="taskMessageBox flex-col">
            <!-- 消息管理 -->
            <div class="taskListRow flex-col" @click="pushPageList('/mqttMessage')">
                <div class="taskIcon messageIcon"></div>
                <div class="taskRight">
                    <div class="taskTitle">{{ $t('mqtt.message') }}</div>
                </div>
            </div>
            <!-- 消息管理 -->
            <div class="taskListRow flex-col" @click="pushPageList('/topic')">
                <div class="taskIcon topicIcon"></div>
                <div class="taskRight">
                    <div class="taskTitle">{{ $t('mqtt.topicManagement') }}</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import { onMounted } from 'vue';
import sHeader from "../../components/SimpleHeader";
import { styleUrl } from "../../common/js/utils";
import { useRouter } from "vue-router";

export default {
    components: { sHeader },
    setup() {
        styleUrl('mqtt');
        const router = useRouter();
        // 初始化页面获取列表
        const pushPageList = (url) => {
            router.push(url);
        };
        onMounted(async () => { });
        return {
            pushPageList,
        };
    }
};
</script>

<style lang="less" scoped>
@import "../../common/style/common.less";
</style>