artDialog.js的使用

参考文章地址 ： https://www.cnblogs.com/huhunet/p/5999839.html

html

 <td width="10%" class="show_content">
     <p>Q Q:<span><?php echo isBlockSensitiveInfo() ? '***' : $val['qq']?></span></p>
     <p>TEL:<span><?php echo isBlockSensitiveInfo() ? '***' : $val['telephone']?></span>
         <?php if(!empty($val['telephone'])): ?>
             <a href="javascript:void(0)" onclick="clickToDial(<?php echo $val['id']; ?>,<?php echo $val['user_id'] ?>)"><span class="glyphicon glyphicon-earphone"></span></a>
         <?php endif; ?>
         </p>
     <p>UID:<a href="javascript:void(0)" class="go_user" data-user-id="<?php echo $val['user_id']?>"><?php echo $val['user_id']?></a></p>
 </td>

js

    function clickToDial(feedback_id,uid){
        var theEvent = window.event || arguments.callee.caller.arguments[0];
        theEvent.stopPropagation();
        var change_title_interval;
        var click_to_dial = art.dialog({
            id:'click_to_dial',
            title: '拨打电话',
            width: '400px',
            padding: '20px 5px',
            ok: function(){
                var that = this;
                var feedback_id = $('#feedback_called_id').val();
                var telephone = $('#feedback_caller_number').val();
                if(!telephone) { 
                    _alert('手机号码不能为空');
                }else{
                    that.button({ name: '确定', disabled:true }); // 确定键不可点击
                    change_title_interval = setInterval(function(){change_dial_tile(that)},1000);
                    $.get('/user/feedback_click_to_dial', {feedback_id: feedback_id,telephone: telephone,},
                        function(result) {
                            _alert(result.msg);
                            if(result.code) {
                                if(change_title_interval) {
                                    clearInterval(change_title_interval);
                                }
                                point_dial = '';
                                that.close();
                            }
                    },'json');
                }

                return false;
            },
            okValue: '确定',
            cancelValue: '取消',
            cancel: function () {
                if(change_title_interval) {
                    clearInterval(change_title_interval);
                    $.get('/user/feedback_click_to_dial?is_dial=false',function(result){
                        that.button({name: '确定', disabled:false});
                        that.title('拨打电话');
                        _alert(result.msg);
                        if(result.code){
                            _alert('取消成功');
                        }
                    });
                }
                point_dial = '';
            }
        });
        
        $.ajax({
            url: '/user/feedback_click_to_dial_view?feedback_id='+feedback_id+'&uid='+uid,
            success: function (data){
                click_to_dial.content(data);
            },
            cache: true
        });

    }
    point_dial = '';
    function change_dial_tile(that){
        point_dial = (point_dial == '...') ? '.': (point_dial + '.');
        that.title('接通中' + point_dial);
    }