Initial commit，修正
This commit is contained in:
Executable
+13
@@ -0,0 +1,13 @@
|
||||
/*
|
||||
* @Author: fm453
|
||||
* @Date: 2021-03-28 22:28:13
|
||||
* @Last Modified by: fm453
|
||||
* @Last Modified time: 2021-03-29 22:24:33
|
||||
*/
|
||||
|
||||
p{
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.mui-bar-popover {
|
||||
width: 30%;
|
||||
}
|
||||
Executable
+119
@@ -0,0 +1,119 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="../../vue/js/v2.6.10/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<meta charset="utf-8">
|
||||
<title id="title">汽车托运管理系统</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<link rel="shortcut icon" href="../../static/favicon.ico">
|
||||
|
||||
<!--标准mui.css-->
|
||||
<link rel="stylesheet" href="../../mui/css/mui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../mui/css/icons-extra.css">
|
||||
<!--App自定义的css-->
|
||||
<!-- <link rel="stylesheet" type="text/css" href="../../mui/css/app.css"> -->
|
||||
<!--页面内定义的css-->
|
||||
<link rel="stylesheet" href="detail.css">
|
||||
</head>
|
||||
<body>
|
||||
<section id="app">
|
||||
<header class="mui-bar mui-bar-nav">
|
||||
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||||
<h1 class="mui-title" id="pagename">{{Page.title}}</h1>
|
||||
</header>
|
||||
<nav class="mui-bar mui-bar-tab ">
|
||||
<a class="mui-tab-item" href="#Popover_0"><i class="mui-icon mui-icon-list"></i> 发车方</a>
|
||||
<a class="mui-tab-item" href="#Popover_1"><i class="mui-icon mui-icon-list"></i> 接车方</a>
|
||||
<a class="mui-tab-item" href="#Popover_2"><i class="mui-icon mui-icon-list"></i> 其他</a>
|
||||
</nav>
|
||||
<div class="mui-content">
|
||||
|
||||
<div class="mui-card">
|
||||
<div class="mui-card-header ">
|
||||
[{{oid}}]<h4>{{order.car_number}}</h4>
|
||||
<h5 class="mui-pullright">{{order.car_title}}</h5>
|
||||
</div>
|
||||
<div class="mui-card-content mui-content-padded" >
|
||||
<p> 运单号：{{order.sn}}</p>
|
||||
<p> 日期：{{order.signdate}}</p>
|
||||
<p>起运地：{{order.from_province}}-{{order.start_city}} => 目的地：{{order.to_province}}-{{order.aim_city}}</p>
|
||||
<p> 随车物品：{{order.car_extra}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mui-card">
|
||||
<div class="mui-card-header ">
|
||||
<h4 class="mui-pullright">联系信息</h4>
|
||||
</div>
|
||||
<div class="mui-card-content mui-content-padded" >
|
||||
<p> 发车人：{{order.sender_name}} <em> {{order.sender_mobiles}} </em></p>
|
||||
<p> 接车人：{{order.receiver_name}}<em>{{order.receiver_mobiles}}</em></p>
|
||||
<p>送车地址：{{order.aim_address}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mui-card">
|
||||
<div class="mui-card-header ">
|
||||
<h4 class="mui-pullright">费用信息</h4>
|
||||
</div>
|
||||
<div class="mui-card-content mui-content-padded" >
|
||||
<p> 总运费：{{order.fee_total}} 元</p>
|
||||
<p> 现付：<span class="red">{{order.pay_send}} </span>元</p>
|
||||
<p> 到付：<span class="red">{{order.pay_receive}}</span> 元</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="mui-card">
|
||||
<div class="mui-card-header mui-card-media">
|
||||
<div class="mui-card-media-body">
|
||||
<p class="mui-ellipsis">验车照片</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mui-card-content mui-card-media" style="height:40vw;background-image:url('')">
|
||||
<img :src="order.thumb_b">
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="mui-card">
|
||||
<div class="mui-card-header ">
|
||||
<h4 class="mui-pullright">关联信息</h4>
|
||||
</div>
|
||||
<div class="mui-card-content mui-content-padded" >
|
||||
<p> 经办人：{{order.employee_title}} </p>
|
||||
<p> 验车人：{{order.checker}} </p>
|
||||
<p> 委托人：{{order.wtdw}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mui-content-padded mui-hidden" id="PrintError"></div>
|
||||
|
||||
<div id="Popover_0" class="mui-popover mui-bar-popover">
|
||||
<div class="mui-popover-arrow"></div>
|
||||
<ul class="mui-table-view">
|
||||
<li class="mui-table-view-cell"><a :href="'tel:'+ order.sender_mobiles ">电话</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="Popover_1" class="mui-popover mui-bar-popover">
|
||||
<div class="mui-popover-arrow"></div>
|
||||
<ul class="mui-table-view">
|
||||
<li class="mui-table-view-cell"><a :href="'tel:'+ order.receiver_mobiles ">电话</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="Popover_2" class="mui-popover mui-bar-popover">
|
||||
<div class="mui-popover-arrow"></div>
|
||||
<ul class="mui-table-view">
|
||||
<li class="mui-table-view-cell"><a :href="'remark.html?oid=' + order.id ">详情备注</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
<script src="../../mui/js/mui.js"></script>
|
||||
<script src="../../app.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="detail.js" type="text/javascript" charset="utf-8"></script>
|
||||
Executable
+117
@@ -0,0 +1,117 @@
|
||||
/**
|
||||
* @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 = obj.Page.title;
|
||||
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();
|
||||
});
|
||||
Executable
+6
@@ -0,0 +1,6 @@
|
||||
/*
|
||||
* @Author: fm453
|
||||
* @Date: 2021-03-28 22:26:39
|
||||
* @Last Modified by: fm453
|
||||
* @Last Modified time: 2021-03-29 22:24:07
|
||||
*/
|
||||
Executable
+78
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="../../vue/js/v2.6.10/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<meta charset="utf-8">
|
||||
<title id="title">汽车托运管理系统</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta http-equiv="pragma" content="no-cache">
|
||||
<link rel="shortcut icon" href="../../static/favicon.ico">
|
||||
|
||||
<!--标准mui.css-->
|
||||
<link rel="stylesheet" href="../../mui/css/mui.min.css">
|
||||
<!--App自定义的css-->
|
||||
<link rel="stylesheet" type="text/css" href="../../mui/css/app.css">
|
||||
<!--页面内定义的css-->
|
||||
<link rel="stylesheet" href="list.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable mui-scalable">
|
||||
<!--侧滑菜单部分-->
|
||||
<aside id="offCanvasSide" class="mui-off-canvas-left mui-slide-in">
|
||||
<div id="offCanvasSideScroll" class="mui-scroll-wrapper">
|
||||
<div class="mui-scroll">
|
||||
<div class="title">{{ctms}}</div>
|
||||
<div class="content">
|
||||
本系统由{{Company.name}}开发推出，为您提供轿运物流订单信息管理等实用功能。
|
||||
<span class="android-only">-Android Phone-
|
||||
</span>
|
||||
<p style="margin: 10px 15px;">
|
||||
<button id="offCanvasHide" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭边栏</button>
|
||||
</p>
|
||||
</div>
|
||||
<div class="title" style="margin-bottom: 25px;">功能列表</div>
|
||||
<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
|
||||
<li class="mui-table-view-cell" v-for="menu in Page.menus">
|
||||
<a class="mui-navigate-right" :href="'../' + menu.link">
|
||||
{{menu.title}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="title"></div>
|
||||
<div class="content">
|
||||
Powered by {{Company.title}} {{version}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<!--主界面部分-->
|
||||
<div class="mui-inner-wrap">
|
||||
<header class="mui-bar mui-bar-nav">
|
||||
<a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
|
||||
<h1 class="mui-title" id="pagename">{{Page.title}}</h1>
|
||||
</header>
|
||||
<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
|
||||
<div class="mui-scroll">
|
||||
|
||||
<div class="mui-content-padded" style="text-align: center;">
|
||||
<h1>开发完善中</h1>
|
||||
</div>
|
||||
<div class="mui-content">
|
||||
<img src="../../static/in-dev.jpg" width="100%">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- off-canvas backdrop -->
|
||||
<div class="mui-off-canvas-backdrop"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../mui/js/mui.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<script src="../../app.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="list.js" type="text/javascript" charset="utf-8"></script>
|
||||
Executable
+104
@@ -0,0 +1,104 @@
|
||||
//用户检测
|
||||
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();
|
||||
});
|
||||
Reference in New Issue
Block a user