FastAdmin后台 退貨訂單 實時提醒

實現思路

1、當用戶點擊退貨，redis key +1

2、后台做一個輪巡，每間隔 X秒 就發起AJAX請求，查詢是否有新退貨訂單 redis key > 0

3、當返回數據 redis key > 0

• 響起提示音
• 彈出提示框

4、后台人員點擊提示框確認按鈕

• 發起AJAX請求，獎 redis key 設置為 0
• 關閉提示音
• 跳轉到訂單tab頁（執行這個菜單的點擊事件）

 

代碼部分

js代碼

// /public/assets/js/backend/index.js
    // 輪詢
    setInterval(() => {
        $.ajax({
            type: 'POST',
            url: 'index/isHaveNewAfter',
            success: function (data) {
                if (data.code == 1) {
                    if (data.data > 0) {
                        // 提示音
                        var audio = document.getElementById('reftips');
                        audio.play();
                        // 提示框
                        Layer.alert('您有新的退貨訂單，請及時處理', {
                            skin: 'layui-layer-molv' //樣式類名  自定義樣式
                            , closeBtn: 0    // 是否顯示關閉按鈕
                            , anim: 1 //動畫類型
                            , btn: ['馬上去處理', '我知道了'] //按鈕
                            , icon: 6    // icon
                            , yes: function (index) {
                                handleTui('go');
                                audio.pause();
                                audio.currentTime = 0;
                                layer.close(index);
                            }, btn2: function (index) {
                                handleTui('know');
                                audio.pause();
                                audio.currentTime = 0;
                                layer.close(index);
                            }
                        });
                    }
                }
            }
        });
    }, 1000 * 30);
    function handleTui(type) {
        $.ajax({
            type: 'POST',
            url: 'index/handleTui',
            data: { type: type },
            async: false,//同步
            success: function (data) {
                if (data.code == 1) {
                    if (data.data == 'go') {
                        // 點擊菜單 "訂單管理"，打開tab頁
                        $('.sidebar-menu li a[addtabs=3768]').click();
                    }
                }
            }
        });
    }

php代碼

/**
     * 檢測是否有新退貨消息
     */
    public function isHaveNewAfter()
    {
        $tips = 'aftersale:tips:number';
        $redis = (new Redis())->getRedis();
        $tipsNumber = $redis->get($tips) ?: 0;
        $this->success('獲取新退貨消息數量成功', null, $tipsNumber);
    }

    /**
     * 已確認新退貨消息
     */
    public function handleTui()
    {
        $type = $this->request->post('type');
        $tips = 'aftersale:tips:number';
        $redis = (new Redis())->getRedis();
        $redis->set($tips, 0);
        $this->success('確認新退貨消息成功', null, $type);
    }