236 lines
8.7 KiB
JavaScript
Executable File
236 lines
8.7 KiB
JavaScript
Executable File
//用户检测
|
||
const User = checkUser();
|
||
// console.log(User);
|
||
/*————————vue预定义————————*/
|
||
var vm = new Vue({
|
||
el: '#offCanvasWrapper', //该ID元素必须被包含于body以内
|
||
data: {
|
||
ctms: params.ctms,
|
||
version: params.version,
|
||
Company:params.Company,
|
||
Page:{
|
||
title:'轿运物流信息系统',
|
||
menus: menus
|
||
},
|
||
search:{
|
||
carno:'',
|
||
phone:'',
|
||
city:''
|
||
},
|
||
stats:{
|
||
orderToday:0,
|
||
orderYesterday:0,
|
||
orderMonth:0,
|
||
orderTotal:0,
|
||
jiaocheToday:0,
|
||
jiaocheYesterday:0,
|
||
jiaocheMonth:0,
|
||
jiaocheTotal:0,
|
||
notice:0
|
||
},
|
||
dates:{
|
||
y:'2022',
|
||
m:'01',
|
||
d:'01',
|
||
w:'六'
|
||
},
|
||
User:User
|
||
},
|
||
methods:{
|
||
TestFunc(){
|
||
console.log('测试下添加个自定义函数方法')
|
||
}
|
||
},
|
||
created:function(o){ //实例创建完成时
|
||
// console.log(o)
|
||
// console.log('页面创建完成');
|
||
// getData();
|
||
},
|
||
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";
|
||
}
|
||
}
|
||
//移动效果是否为整体移动
|
||
var moveTogether = false;
|
||
|
||
//主界面‘显示侧滑菜单’按钮的点击事件
|
||
document.getElementById('offCanvasShow').addEventListener('tap', function() {
|
||
offCanvasWrapper.offCanvas('show');
|
||
});
|
||
//菜单界面，‘关闭侧滑菜单’按钮的点击事件
|
||
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'
|
||
});
|
||
});
|
||
}
|
||
|
||
document.getElementById("alertBtnHelp").addEventListener('tap', function() {
|
||
mui.toast('感谢使用，请查看页面中的使用说明');
|
||
});
|
||
|
||
/*————————其他事件响应——————————*/
|
||
function checkOrder(formid){
|
||
var form = document.getElementById(formid);
|
||
var url = apis.domain+apis.OrderSearch;
|
||
var data = vm.search;
|
||
data.pid=apis.pid;
|
||
mui.post(url,{search:data},function(res){
|
||
console.log(res);
|
||
if(res){
|
||
switch(res.code){
|
||
case 200 :
|
||
//将查询结果缓存在本地
|
||
var orders = res.data.data.orders;
|
||
var o = JSON.stringify(orders);
|
||
console.log(o);
|
||
localStorage.setItem('OrderList',o);
|
||
//跳转到列表页
|
||
mui.openWindow({
|
||
url:'pages/order/list.html',
|
||
id:'OrderList',
|
||
styles:{
|
||
top:44, //新页面顶部位置
|
||
bottom:0, //新页面底部位置
|
||
width:'100%', //新页面宽度，默认为100%
|
||
height:'100%' //新页面高度，默认为100%
|
||
},
|
||
extras:{
|
||
orders:res.data.data.orders ,//自定义扩展参数，可以用来处理页面间传值 //实际未起作用
|
||
},
|
||
createNew:false,//是否重复创建同样id的webview，默认为false:不重复创建，直接显示
|
||
show:{
|
||
autoShow:true,//页面loaded事件发生后自动显示，默认为true
|
||
aniShow:'slide-in-right',//页面显示动画，默认为”slide-in-right“；
|
||
duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
|
||
},
|
||
waiting:{
|
||
autoShow:true,//自动显示等待框，默认为true
|
||
title:'正在加载...',//等待对话框上显示的提示内容
|
||
options:{
|
||
width:'100%',//等待框背景区域宽度，默认根据内容自动计算合适宽度
|
||
height:'100%',//等待框背景区域高度，默认根据内容自动计算合适高度
|
||
}
|
||
}
|
||
});
|
||
break;
|
||
|
||
case 400:
|
||
default:
|
||
document.getElementById('pagename').innerText = '未查询到结果！';
|
||
break;
|
||
}
|
||
}else{
|
||
document.getElementById('pagename').innerText = '查询失败！';
|
||
document.getElementById('PrintError').innerText = '您好,系统查询失败。如果可以，请您将此页截屏发送给我们(微信: sanyabaike )，以帮助我们找到问题并改进，感谢您的支持; 我们将根据反馈情况为您提供相应的答谢！' + res ;
|
||
let classAtr = document.getElementById("PrintError").getAttribute("class");
|
||
let newClass = classAtr.replace("mui-hidden","");
|
||
document.getElementById("PrintError").setAttribute("class",newClass);
|
||
}
|
||
},'json');
|
||
return false;
|
||
}
|
||
|
||
function openUrl(url,title){
|
||
mui.openWindow({
|
||
url: url,
|
||
id: encodeURI(url),
|
||
styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
|
||
// titleNView: { // 窗口的标题栏控件
|
||
// titleText:"", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题
|
||
// titleColor:"#000000", // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
|
||
// titleSize:"17px", // 字体大小,默认17px
|
||
// backgroundColor:"#F7F7F7", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
|
||
// progress:{ // 标题栏控件的进度条样式
|
||
// color:"#00FF00", // 进度条颜色,默认值为"#00FF00"
|
||
// height:"2px" // 进度条高度,默认值为"2px"
|
||
// },
|
||
// splitLine:{ // 标题栏控件的底部分割线，类似borderBottom
|
||
// color:"#CCCCCC", // 分割线颜色,默认值为"#CCCCCC"
|
||
// height:"1px" // 分割线高度,默认值为"2px"
|
||
// }
|
||
// }
|
||
}
|
||
});
|
||
}
|
||
|
||
function getData(){
|
||
console.log('拉取首页数据');
|
||
var url = apis.domain+apis.IndexData;
|
||
var data = {};
|
||
data.pid=apis.pid;
|
||
mui.post(url,data,function(res){
|
||
console.log(res);
|
||
if(res){
|
||
switch(res.code){
|
||
case 200 :
|
||
//将查询结果缓存在本地
|
||
var IndexData = res.data;
|
||
var o = JSON.stringify(IndexData);
|
||
localStorage.setItem('IndexData',o);
|
||
|
||
//将结果呈现到页面上
|
||
vm.stats.jiaocheMonth = IndexData.jiaocheMonth;
|
||
vm.stats.jiaocheDay = IndexData.jiaocheDay;
|
||
vm.stats.jiaocheWeek = IndexData.jiaocheWeek;
|
||
vm.stats.jiaocheTotal = IndexData.jiaocheTotal;
|
||
vm.stats.orderToday = IndexData.orderToday;
|
||
vm.stats.orderYesterday = IndexData.orderYesterday;
|
||
vm.stats.orderMonth = IndexData.orderMonth;
|
||
vm.stats.orderTotal = IndexData.orderTotal;
|
||
vm.stats.notice = IndexData.notice;
|
||
break;
|
||
|
||
case 400:
|
||
default:
|
||
break;
|
||
}
|
||
}
|
||
},'json');
|
||
return false;
|
||
}
|
||
|
||
/*——————MUI收尾————————*/
|
||
mui('body').on("tap",'a',function(e){
|
||
console.log(e.target);
|
||
var url = e.target.href;
|
||
var title = e.target.innerHTML;
|
||
if(!url || url == "#") return false;
|
||
openUrl(url,title);
|
||
});
|
||
|
||
mui.ready(function(){
|
||
mui.toast('数据加载中……');
|
||
var dates = getDateAllF();
|
||
vm.dates.y = dates.y;
|
||
vm.dates.m = dates.m;
|
||
vm.dates.d = dates.d;
|
||
vm.dates.w = dates.w;
|
||
getData();
|
||
}); |