104 lines
3.1 KiB
JavaScript
Executable File
104 lines
3.1 KiB
JavaScript
Executable File
//用户检测
|
||
const User = checkUser();
|
||
|
||
/*————————vue预定义————————*/
|
||
var vm = new Vue({
|
||
el: '#offCanvasWrapper', //该ID元素必须被包含于body以内
|
||
data: {
|
||
ctms: params.ctms,
|
||
version: params.version,
|
||
Company:params.Company,
|
||
Page:{
|
||
title:'交车单',
|
||
menus: menus
|
||
},
|
||
orders:{
|
||
0:{
|
||
id:1,
|
||
car_id:1,
|
||
car_number:'车牌号',
|
||
car_title:'车型号',
|
||
start_city:"起运城市",
|
||
from_province:'起运省份',
|
||
aim_city:"目的城市",
|
||
to_province:'目标省份',
|
||
signdate:'下单日期',
|
||
car_extra:'随车物品',
|
||
checker:'验车人',
|
||
receiver_name:'收车人姓名',
|
||
receiver_mobiles:'收车人电话',
|
||
sender_name:'发车人姓名',
|
||
sender_mobiles:'发车人电话',
|
||
},
|
||
},
|
||
total:0,
|
||
pager:1,
|
||
},
|
||
created:function(o){ //实例创建完成时
|
||
// console.log(o)
|
||
},
|
||
mounted:function(o){ //页面初始化方法
|
||
// console.log(o)
|
||
},
|
||
destroyed:function(o){ //实例销毁方法
|
||
// console.log(o)
|
||
}
|
||
})
|
||
|
||
/*————————MUI操作————————*/
|
||
mui.init();
|
||
//侧滑容器父节点
|
||
var offCanvasWrapper = mui('#offCanvasWrapper');
|
||
//主界面容器
|
||
var offCanvasInner = offCanvasWrapper[0].querySelector('.mui-inner-wrap');
|
||
//菜单容器
|
||
var offCanvasSide = document.getElementById("offCanvasSide");
|
||
if (!mui.os.android) {
|
||
var spans = document.querySelectorAll('.android-only');
|
||
for (var i = 0, len = spans.length; i < len; i++) {
|
||
spans[i].style.display = "none";
|
||
}
|
||
}
|
||
|
||
//菜单界面，‘关闭侧滑菜单’按钮的点击事件
|
||
document.getElementById('offCanvasHide').addEventListener('tap', function() {
|
||
offCanvasWrapper.offCanvas('close');
|
||
});
|
||
//主界面和侧滑菜单界面均支持区域滚动；
|
||
mui('#offCanvasSideScroll').scroll();
|
||
mui('#offCanvasContentScroll').scroll();
|
||
//实现ios平台原生侧滑关闭页面；
|
||
if (mui.os.plus && mui.os.ios) {
|
||
mui.plusReady(function() { //5+ iOS暂时无法屏蔽popGesture时传递touch事件，故该demo直接屏蔽popGesture功能
|
||
plus.webview.currentWebview().setStyle({
|
||
'popGesture': 'none'
|
||
});
|
||
});
|
||
}
|
||
|
||
/*————————其他事件响应——————————*/
|
||
function openUrl(url,title){
|
||
mui.openWindow({
|
||
url: url,
|
||
id: encodeURI(url),
|
||
styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
|
||
}
|
||
});
|
||
}
|
||
|
||
mui('body').on("tap",'a',function(e){
|
||
var url = e.target.href;
|
||
var title = e.target.innerHTML;
|
||
openUrl(url,title);
|
||
});
|
||
|
||
//取运单列表缓存
|
||
function getOrderList(){
|
||
var orders = JSON.parse(localStorage.getItem('JiaocheList'));
|
||
vm.orders = orders;
|
||
}
|
||
|
||
mui.ready(function(){
|
||
mui.toast('数据加载中……');
|
||
getOrderList();
|
||
}); |