119 lines
3.9 KiB
JavaScript
Executable File
119 lines
3.9 KiB
JavaScript
Executable File
/**
|
||
* @Author: 嗨噜客科技(www.hiluker.cn) <fm453>
|
||
* @Date: 2021-09-30T01:47:50+08:00
|
||
* @Email: fm453@hiluker.com
|
||
* @Last modified by: fm453
|
||
* @Last modified time: 2021-09-30T01:50:53+08:00
|
||
*/
|
||
|
||
//用户检测
|
||
const User = checkUser();
|
||
|
||
/*————————vue预定义————————*/
|
||
var vm = new Vue({
|
||
el: '#app', //该ID元素必须被包含于body以内
|
||
data: {
|
||
ctms: params.ctms,
|
||
version: params.version,
|
||
Company:params.Company,
|
||
Page:{
|
||
title:'轿运物流信息系统',
|
||
menus: menus
|
||
},
|
||
oid:0,
|
||
order:{
|
||
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:'发车人电话',
|
||
},
|
||
},
|
||
methods:{
|
||
//
|
||
},
|
||
created:function(o){ //实例创建完成时
|
||
console.log(o)
|
||
},
|
||
mounted:function(o){ //页面初始化方法
|
||
console.log(o)
|
||
this.oid = getUriQueryVariable('oid');
|
||
},
|
||
destroyed:function(o){ //实例销毁方法
|
||
console.log(o)
|
||
},
|
||
});
|
||
|
||
/*————————MUI操作————————*/
|
||
mui.init({
|
||
swipeBack:true, //启用右滑关闭功能
|
||
});
|
||
|
||
/*————————其他事件响应——————————*/
|
||
function openUrl(url,title){
|
||
mui.openWindow({
|
||
url: url,
|
||
id: encodeURI(url),
|
||
styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
|
||
}
|
||
});
|
||
}
|
||
|
||
//取运单信息
|
||
function getOrderDetail(){
|
||
var url = apis.domain+apis.OrderDetail;
|
||
var data = {
|
||
pid: apis.pid,
|
||
oid: vm.oid
|
||
};
|
||
mui.ajax(url,{
|
||
data:data,
|
||
dataType:'json',//服务器返回json格式数据
|
||
type:'post',//HTTP请求类型
|
||
timeout:10000,//超时时间设置为10秒；
|
||
// crossDomain:true, //跨域
|
||
// headers:{'Content-Type':'application/json'},
|
||
success:function(res){
|
||
switch(res.code){
|
||
case 200 :
|
||
//将查询结果缓存在本地
|
||
localStorage.setItem('orderDetail-'+vm.oid,JSON.stringify(res.data));
|
||
//显示数据
|
||
vm.order = res.data;
|
||
document.getElementById('pagename').innerText = res.data.car_title + '-' + res.data.car_number;
|
||
document.title = res.data.car_title + '-' + res.data.car_number + '|' + res.data.start_city +'发到'+ res.data.aim_city;
|
||
break;
|
||
|
||
case 400:
|
||
default:
|
||
// document.getElementById('pagename').innerText = '未查询到结果！';
|
||
break;
|
||
}
|
||
},
|
||
error:function(xhr,type,errorThrown){
|
||
console.log(type);
|
||
document.getElementById('pagename').innerText = '查询失败！';
|
||
document.getElementById('PrintError').innerText = '您好,信息查询失败。如果可以，请您将此页截屏发送给我们(微信: sanyabaike )，以帮助我们找到问题并改进，感谢您的支持！' + errorThrown ;
|
||
let classAtr = document.getElementById("PrintError").getAttribute("class");
|
||
let newClass = classAtr.replace("mui-hidden","");
|
||
document.getElementById("PrintError").setAttribute("class",newClass);
|
||
}
|
||
});
|
||
return false;
|
||
}
|
||
|
||
mui.ready(function(){
|
||
mui.toast('数据加载中……');
|
||
getOrderDetail();
|
||
});
|