vue2 全局定时器语音推送 min.js

段wl

已于 2023-07-08 18:19:01 修改

阅读量400

点赞数 1

文章标签：前端

于 2023-07-08 11:58:02 首次发布

本文链接：https://blog.csdn.net/sdgjah2/article/details/131610272

版权

该代码段展示了一个Vue应用，它每5秒检查一次新订单。如果检测到未接订单，应用将通过浏览器的speechSynthesisAPI进行语音播报，并显示警告通知。订单数据从/api/system/order接口获取，通知区分代理(agent)和普通用户。

摘要由CSDN通过智能技术生成

import {
    getOrderPage,
    getOrderSvPage,
} from "@/api/system/order";


const speechSynthesis = window.speechSynthesis;
const speechText = new SpeechSynthesisUtterance();
new Vue({
    // ...
    beforeCreate() {

        this.timer = setInterval(() => {
            let queryParams = {
                pageNo: 1,
                pageSize: 1,
                merchantClientStatus: 0,
            }
            if (localStorage.getItem("ACCESS_TOKEN")) {
                if (store.getters.roles[0] == 'agent') {
                    getOrderSvPage(queryParams).then(response => {
                        if (response.data.list && response.data.list.length > 0) {
                            this.$notify({
                                title: response.data.list[0].merchantName +
                                    '有未接订单，请尽快处理！',
                                type: 'warning'
                            });
                            speechText.text = response.data.list[
                                    0].merchantName +
                                '有未接订单，请尽快处理！'
                            console.log(speechSynthesis.speak(speechText))
                            speechSynthesis.speak(speechText);
                        } else {
                            speechSynthesis.cancel(speechText)
                        }
                    });
                } else {
                    getOrderPage(queryParams).then(response => {
                        if (response.data.list && response.data.list.length > 0) {
                            this.$notify({
                                title: response.data.list[0].merchantName +
                                    '有未接订单，请尽快处理！',
                                type: 'warning'
                            });

                            speechText.text = response.data.list[
                                    0].merchantName +
                                '有未接订单，请尽快处理！'
                            console.log(speechSynthesis.speak(speechText))
                            speechSynthesis.speak(speechText);

                        } else {
                            speechSynthesis.cancel(speechText)
                        }
                    });
                }
            }
        }, 5000); // 每隔1秒执行一次
    },
    beforeDestroy() {
        clearInterval(this.timer); // 清除定时器
    },
    // ...
})

需要浏览器开启权限才可以正常播放已edge举例