121 lines
4.1 KiB
JavaScript
Executable File
121 lines
4.1 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();
|
||
}); |