首页 > 编程语言 >微信小程序点击选择拨打多个电话

微信小程序点击选择拨打多个电话

时间:2024-04-02 14:57:50浏览次数:22  
标签:console log phone2 微信 phone1 res 点击 拨打

 

wxml 内

<view class='product-contact' wx:if="{{contact!=''}}" data-contact1="{{contact1}}" data-contact2="{{contact2}}" catchtap='makeCall'>立即联系</view>

js 内

data: {
    contact: '123456,654321',
    contact1: '123456',
    contact2: ''
},
makeCall: function (e) {
    var phone1 = e.currentTarget.dataset.contact1, //手机号
        phone2 = e.currentTarget.dataset.contact2; //固话
    console.log('phone1:',phone1,',phone2:',phone2);
    if (phone1 && phone2 && phone1 != phone2) {
        console.log('两个电话均存在');
        wx.showActionSheet({
            itemList: [phone1, phone2],
            success(res) {
                if (res.tapIndex === 0) {
                    wx.makePhoneCall({
                        phoneNumber: phone1,
                        success: function () {
                            console.log('拨打电话成功' + phone1)
                        },
                        fail: function () {
                            console.log("拨打电话失败")
                        }
                    })
                } else if (res.tapIndex === 1) {
                    wx.makePhoneCall({ 
                        phoneNumber: phone2,
                        success: function () {
                            console.log('拨打电话成功' + phone2)
                        },
                        fail: function () {
                            console.log("拨打电话失败")
                        }
                    })
                }
            },
            fail(res) {
                console.log("拨打电话失败")
            }
        })
    } else if (phone1 && phone2 && phone1 === phone2) {
        console.log('两个电话相同');
        wx.showModal({
            content: "确认拨打" + phone2 + "吗",
            confirmColor: '#2EA7E0',
            success(res) {
                if (res.cancel) {
                    // 用户点击了取消属性的按钮 
                    return false
                } else if (res.confirm) {
                    wx.makePhoneCall({ //调用小程序拨打电话的api
                        phoneNumber: phone2, //获取到的电话号码
                        success: function () {
                            console.log('拨打电话成功')
                        },
                        fail: function () {
                            console.log("拨打电话失败")
                        }
                    })
                }
            }
        })
    } else if (!phone1 && phone2) {
        //弹出dialog弹出框
        console.log('一个电话存在');
        wx.showModal({
            content: "确认拨打" + phone2 + "吗",
            confirmColor: '#2EA7E0',
            success(res) {
                if (res.cancel) {
                    // 用户点击了取消属性的按钮 
                    return false
                } else if (res.confirm) {
                    wx.makePhoneCall({ //调用小程序拨打电话的api
                        phoneNumber: phone2, //获取到的电话号码
                        success: function () {
                            console.log('拨打电话成功')
                        },
                        fail: function () {
                            console.log("拨打电话失败")
                        }
                    })
                }
            }
        })
    } else if (!phone2 && phone1) {
        //弹出dialog弹出框
        console.log('一个电话存在');
        wx.showModal({
            content: "确认拨打" + phone1 + "吗",
            confirmColor: '#2EA7E0',
            success(res) {
                if (res.cancel) {
                    // 用户点击了取消属性的按钮 
                    return false
                } else if (res.confirm) {
                    wx.makePhoneCall({ //调用小程序拨打电话的api
                        phoneNumber: phone1, //获取到的电话号码
                        success: function () {
                            console.log('拨打电话成功')
                        },
                        fail: function () {
                            console.log("拨打电话失败")
                        }
                    })
                }
            }
        })
    } else if (!phone2 && !phone2) {
        console.log('两个电话均不存在');
        wx.showModal({
            content: "暂无联系电话",
            confirmColor: '#2EA7E0',
            showCancel: false, //不显示取消按钮
            success(res) {
                if (res.confirm) {
                    return false
                }
            }
        })
    }
}

 

标签:console,log,phone2,微信,phone1,res,点击,拨打
From: https://www.cnblogs.com/shuihanxiao/p/18110558

相关文章

  • 微信小程序无法跳转到其他小程序
    真机调试时无法跳转到其他小程序,也没有报错,就是不执行跳转。最后排查到微信小程序不能一启动就跳转到其他小程序,解决方案:增加弹窗提示再跳转。uni.showModal({ title:'', content:"是否重新进入"+uni.getStorageSync('appName'), success:function(res){ if(re......
  • UP主爆肝一个月,自制微信朋友圈导出工具
    视频演示Bilibili这是我编写的一个导出备份微信朋友圈的工具,可以自由选择联系人与朋友圈时间,导出后是html网页版,可以通过浏览器查看。爬爬虾之前分享过很多玩微信的视频,比如微信机器人,备份微信聊天记录等等。然而我一直没找到好用的导出备份微信朋友圈软件。于是我决定用Python......
  • 微信小程序裁剪图片(上传头像裁剪)完整源码
    效果图(将下面的代码复制粘贴就可以做出来了)第一步    将资源文件解压放到utils目录下第二步        页面json配置文件引入组件{"usingComponents":{"image-cropper":"/utils/image-cropper/image-cropper"},"navigationStyle":"custom"......
  • 微信公众号服务器配置
    如图在设置URL时候,微信会给你的url以GET方式传入signaturetimestampnonceechostr几个值,和验证token处理数据返回的echostr代码如下(我添加了写入日志文件的操作)$DOCUMENT_ROOT=$_SERVER['DOCUMENT_ROOT'];$fp=fopen($DOCUMENT_ROOT.'/aaa.txt','......
  • 微信开发者工具打包测试小程序
    1.下载微信开发者工具官网下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html2.开通小程序前端代码的git权限3.开通体验版权限和开发者权限4.拉代码gitclonexxx(gitlab地址)若git上配置了sshkey,可用如下命......
  • 微信支付商户自动续费功能申请开通详解,申请自动续费的意义!
    在这个快速发展的数字时代,微信支付已经成为我们日常生活中不可或缺的一部分。作为商户,我们总是在寻找提高效率和客户满意度的方法。现在,有了微信支付的自动续费功能,我们可以做到这一点。一、一键开通,轻松管理自动续费功能的开通非常简单,但是关键的关键你需要找对可以协助开......
  • 通过企业微信API接口发送消息(通过postman或者企业微信开发者中心《服务端API调试工具
    如何创建一个与企业后台互动的自建应用添加自建应用登录企业微信管理后台->应用管理->自建下创建应用,填写必要的logo,应用名称,在可见范围中选择部门/成员获取应用的相关信息agentid和secret;应用里创建完毕可出现在选择了可见范围的成员的企业微信终端上。使用Postman调试api......
  • 微信小城序 场馆预定 截图
    目录1.会员预定流程图2.界面截图功能说明,可以预定场馆包括当天在内的一周时间之内的时间段,系统管理员可以设置时间段,价格已经是否开放等。如果某个时间段已经被预定,则该时间段不可以被用户选择;当天时间段内需提前两小时才可以预定。1.会员预定流程图graphTD;开始-->预定......
  • vue表单点击按钮增加或者删除一行
    vue表单点击按钮增加或者删除一行不需要动态改变的就不用放在一个form-item中,可以单独写一个form-item。需要点击增加和删除的表单项目可以用v-for来循环渲染。<a-form:label-col="{span:8}":wrapper-col="{span:12}"> <a-form-itemlabel="服务器名称">......
  • vue3 点击按钮跳转到对应的tab页面
     大家好呀,我又来记录一下啦实现功能:点击”查看“按钮,跳转到对应的tab页面方法:router按钮部分:<el-buttonsize="small"@click="check(scope.row.name)">查看</el-button>对应的方法:check(){this.$router.push({path:'/about'})},router:import......