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);
    }