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('OrderList'));
|
|
vm.orders = orders;
|
|
}
|
|
|
|
mui.ready(function(){
|
|
mui.toast('数据加载中……');
|
|
getOrderList();
|
|
}); |