<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>包小递专送</title>
<script type="text/javascript" src="./js/mui.js"></script>
<link href="./css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/common.css">
<script type="text/javascript" charset="utf-8">
mui.init()
</script>
</head>
<body>
<!-- <div class="mui-off-canvas-wrap"> -->
<div class="main-box mui-off-canvas-wrap">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left">
<div class="mui-scroll-wrapper">
<div class="mui-scroll" id="offCanvasSideScroll">
<!-- 菜单具体展示内容 -->
<div class="mui-btn">
<input id="bt1" class="mui-icon mui-icon-search" type="button" value="点击搜索设备" onclick="searchDevices('a')">
</div>
<div class="title">未配对蓝牙设备</div>
<ul class="mui-table-view" id="list1">
<li class="mui-table-view-cell">无</li>
</ul>
<div class="title">已配对蓝牙设备</div>
<ul class="mui-table-view" id="list2">
<li class="mui-table-view-cell">无</li>
</ul>
</div>
</div>
</aside>
<div class="mui-inner-wrap">
<div id="backdrop" class="mui-off-canvas-backdrop"></div>
<div class="main-top">
<div class="main-tt">
<div class="pop-btn" onclick="showPop()">
<img src="./images/more.png"/>
</div>
包小递专送
<div class="refresh-btn" onclick="refresh()">
刷新
</div>
</div>
<div class="select_box">
<span>开启自动接单：</span>
<label for="autoReceipt" class="auto_receipt" >
<input type="radio" name="autoReceipt" value="1" id="autoReceipt">
<img src="./images/sex_no_selected.png" class="selectedImg"/>
<span>是</span>
</label>
<label for="autoNoReceipt" class="auto_receipt" >
<input type="radio" name="autoReceipt" value="0" id="autoNoReceipt">
<img src="./images/sex_selected.png" class="selectedImg"/>
<span>否</span>
</label>
<button id="searchBluetooth" class="search-bluetooth" onclick="searchBluetooth()" >连接设备</button>
</div>
<div class="pop-box" id="popUserBox" style="display: none;">
<div class="pop-cont">
<div class="triggle"></div>
<div class="userName" >
<img src="./images/logo.png"/>
<span id="userName">13500000000</span>
</div>
<div class="userAmount">今日收入：<span id="userAmount">0.00 元</span></div>
<div class="logout">
<div onclick="logout()">
<img src="./images/logout.png" alt="">
<span>退出</span>
</div>
</div>
</div>
</div>
<div class="nav-tt-box" id="navBar">
<div class="nav-txt active">
待接单
</div>
<div class="nav-txt">
配送中
</div>
<div class="nav-txt">
已完成
</div>
</div>
</div>
<div class="mui-scroll-wrapper" id="offCanvasContentScroll">
<div class="mui-scroll" style="height: 100%;overflow: scroll;">
<div class="main-cont" id="mainCont">
<!--接单 start-->
<div class="main-box receipt-box" style="display: block;">
暂时没有数据~
</div>
<!--接单 end-->
<!--配送中 start-->
<div class="main-box delivery-box" style="display: none;">
暂时没有数据~
</div>
<!--配送中 end-->
<!--已完成 start-->
<div class="main-box finished-box" style="display: none">
暂时没有数据~
</div>
<!--已完成 end-->
</div>
</div>
</div>
</div>
</div>
<!-- </div> -->
<script src="./js/base.js"></script>
<script src="./js/jquery-3.4.1.min.js"></script>
<script>
var timer;
var autoReceipt;//1--开启自动接单，0--关闭自动接单
// var userId = localStorage.getItem('userId');
// var token = localStorage.getItem('sessionid');
var device = null,
BAdapter = null,
BluetoothAdapter = null,
uuid = null,
main = null,
bluetoothSocket = null;
mui.plusReady(function(){
if(localStorage.getItem('macaddress')){
connectFun(localStorage.getItem('macaddress'));
}
// $(function(){
ajaxInfo();
var userId = localStorage.getItem('userId');
var token = localStorage.getItem('sessionid');
$('#navBar').on('click','.nav-txt', function () {
console.log($(this).index());
var i = $(this).index();
$(this).addClass('active').siblings().removeClass('active');
$('#mainCont').find('.main-box').eq(i).show().siblings().hide();
if(userId){
if(i==0){
//获取待接单列表页面
getReceiptInfo(userId,token);
}else if(i==1){
//获取配送中列表页面
getDeliveryInfo(userId,token);
}else{
//获取已完成列表页面
getFinishedInfo(userId,token);
}
}else{
mui.alert('请重新登录');
location.href = 'login.html';
}
});
openReceipt();
$("input[name='autoReceipt']").click(function(){
console.log($(this).val())
autoReceipt = $(this).val();
autoReceiptFunc($(this).val());
//是否开启自动接单
var token = localStorage.getItem('sessionid');
if(token){
$.ajax({
type: "get",
url: baseUrl + "/w/driver/update_status?__sid=" + token,
dataType: "json",
success: function (res) {
console.log(res);
if(res.result=='true'){
mui.alert(res.message)
}else{
mui.alert(res.message)
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
if(XMLHttpRequest.status == 403){
mui.alert('请重新登录');
location.href = 'login.html';
}
}
})
}else{
mui.alert('请重新登录');
location.href = 'login.html';
}
});
//蓝牙是否已连接
mui('#offCanvasSideScroll').scroll();
})
function openReceipt(){
var token = localStorage.getItem('sessionid');
//是否开启自动接单
if(token){
$.ajax({
type: "get",
url: baseUrl + "/w/driver/get_status?__sid=" + token,
dataType: "json",
success: function (res) {
console.log(res);
if(res.result=='true'){
if(res.data == 1){
$('#autoReceipt').attr({'checked':true,'disabled':true});
}
if(res.data == 0){
$('#autoNoReceipt').attr({'checked':true,'disabled':true});
}
autoReceipt = res.data;
autoReceiptFunc(autoReceipt);
}else{
mui.alert(res.message)
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
if(XMLHttpRequest.status == 403){
mui.alert('请重新登录');
location.href = 'login.html';
}
}
})
}else{
mui.alert('请重新登录');
location.href = 'login.html';
}
}
function autoReceiptFunc(num){
//是否开启自动接单
clearInterval(timer)
if(num == 1){
$('#autoReceipt').attr({'checked':true,'disabled':true});
$('#autoNoReceipt').attr({'checked':false,'disabled':false});
//已开启
timer = setInterval(() => {
orderRefresh()
}, 60000);
$("img[class='selectedImg']").eq(0).attr('src','./images/sex_selected.png')
$("img[class='selectedImg']").eq(1).attr('src','./images/sex_no_selected.png')
}
if (num == 0){
//未开启
$('#autoReceipt').attr({'checked':false,'di
uni-app 项目调用手机原生事件，获取蓝牙连接，打印信息
1星 需积分: 40 152 浏览量
2022-06-16
16:54:03
上传
评论 2
收藏 20.43MB RAR 举报 
uni-h5-bluetooth.rar （49个子文件） 
bluetooth css 
mui.css 95KB common.css 11KB mui.min.css 74KB images 
refresh.png 4KB login_bg.png 85KB sex_selected.png 1KB logout.png 876B mobile.png 1KB logo.png 12KB sex_no_selected.png 994B password.png 2KB login_bot.png 19KB more.png 359B unpackage .dependencies 4B res icons 76x76.png 7KB 120x120.png 13KB 1024x1024.png 293KB 87x87.png 9KB 167x167.png 19KB 144x144.png 16KB 256x256.png 35KB 29x29.png 2KB 192x192.png 22KB 48x48.png 4KB 80x80.png 7KB 58x58.png 5KB 20x20.png 1KB 96x96.png 10KB 152x152.png 17KB 180x180.png 21KB 72x72.png 7KB 40x40.png 3KB 60x60.png 5KB .confirmed_dependencies 341B release H5624A000_1108165530.apk 4.09MB H5624A000_1108152916.apk 4.09MB H5624A000_1108154216.apk 4.09MB H5624A000_1108153556.apk 4.09MB H5624A000_1108152007.apk 4.09MB H5624A000_1108140725.apk 4.09MB fonts mui.ttf 29KB manifest.json 11KB
login.html 3KB index.html 33KB js base.js 31B mui.js 257KB mui.min.js 121KB jquery-3.4.1.min.js 86KB .project 838B
评论2