<!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
h5+连接蓝牙打印机打印小票
3星 · 超过75%的资源 需积分: 5 198 浏览量
2019-12-09
16:58:11
上传
评论 7
收藏 20.43MB RAR 举报 
bxdqs.rar （49个子文件） 
bxdqs 
manifest.json 11KB .project 838B
index.html 33KB images 
login_bg.png 85KB mobile.png 1KB login_bot.png 19KB sex_selected.png 1KB logout.png 876B refresh.png 4KB sex_no_selected.png 994B logo.png 12KB more.png 359B password.png 2KB js jquery-3.4.1.min.js 86KB mui.js 257KB mui.min.js 121KB base.js 31B login.html 3KB fonts mui.ttf 29KB css mui.min.css 74KB mui.css 95KB common.css 11KB unpackage release H5624A000_1108165530.apk 4.09MB H5624A000_1108152007.apk 4.09MB H5624A000_1108154216.apk 4.09MB H5624A000_1108153556.apk 4.09MB H5624A000_1108152916.apk 4.09MB H5624A000_1108140725.apk 4.09MB res icons 192x192.png 22KB 48x48.png 4KB 256x256.png 35KB 72x72.png 7KB 152x152.png 17KB 96x96.png 10KB 80x80.png 7KB 60x60.png 5KB 20x20.png 1KB 167x167.png 19KB 144x144.png 16KB 120x120.png 13KB 76x76.png 7KB 40x40.png 3KB 1024x1024.png 293KB 180x180.png 21KB 29x29.png 2KB 58x58.png 5KB 87x87.png 9KB .confirmed_dependencies 341B .dependencies 4B
- 1
- 2
前往页