//用户检测 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(); });