138 lines
5.7 KiB
HTML
Executable File
138 lines
5.7 KiB
HTML
Executable File
<!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">
|
||
<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="index.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">
|
||
<p style="padding: 5px 20px;margin-bottom: 5px;">
|
||
<button type="button" class="mui-btn mui-btn-defualt mui-btn-block" style="padding: 10px;">
|
||
交车查询
|
||
</button>
|
||
</p>
|
||
</div>
|
||
|
||
<form class="mui-input-group" style="margin-bottom: 15px;" id="order-form">
|
||
<div class="mui-input-row">
|
||
<label>车牌号</label>
|
||
<input type="text" class="mui-input-clear" placeholder="如 LB163 ,无需号牌前缀" v-model="search.carno" name="carno">
|
||
</div>
|
||
<div class="mui-input-row">
|
||
<label>手机号</label>
|
||
<input type="text" class="mui-input-clear" placeholder="可使用接车人/发车人手机号" v-model="search.phone" name="phone">
|
||
</div>
|
||
<div class="mui-input-row">
|
||
<label>始发地</label>
|
||
<input type="text" class="mui-input-clear" placeholder="仅支持城市名称" v-model="search.city" name="city">
|
||
</div>
|
||
|
||
<div class="mui-button-row" style="height:120px;">
|
||
<button type="button" class="mui-btn mui-btn-primary" style="width:80px;height:80px;border-radius: 50%;margin-top: 20px;font-size:18px;" onclick="checkOrder('order-form');" id="submit">查询</button>
|
||
</div>
|
||
</form>
|
||
|
||
<div class="mui-content" id="PrintError"></div>
|
||
|
||
<div class="mui-content-padded">
|
||
<p style="padding: 5px 20px;margin-bottom: 5px;">
|
||
<button type="button" class="mui-btn mui-btn-default mui-btn-block" style="padding: 10px;">
|
||
使用说明
|
||
</button>
|
||
</p>
|
||
<div id="infoHelp">
|
||
<h3>订单查询目前支持：</h3>
|
||
<p>（1）通过发车人/接车人手机号+车牌号(仅输入尾数串)/车架号(后5位数字)，如"<span class="orange">琼B</span> <span class="red">LB163</span>"，仅输入'<span class="red">LB163</span>'即可进行查询。</p>
|
||
<p>（2）批量查询某同一目的地的运单。</p>
|
||
<h3>关于界面操作：</h3>
|
||
<p>本界面支持页面左右拖动手势、页面内容上下滑动；</p>
|
||
<p>您可通过以下方式打开侧滑边栏，查看更多功能链接：
|
||
<ol style="color:#555;">
|
||
<li>在当前页面向右拖动；</li>
|
||
<li>点击页面左上角<span class="mui-icon mui-icon-bars"></span> 图标；</li>
|
||
<li>点击左下角的主页按钮；</li>
|
||
</ol>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<nav class="mui-bar mui-bar-tab">
|
||
<a class="mui-tab-item" href="../../index.html">
|
||
⇤ 首页
|
||
</a>
|
||
<span class="mui-tab-item mui-active" href="#" id="offCanvasShow" >
|
||
<span class="mui-icon mui-icon-bars">
|
||
</span>
|
||
<span class="mui-tab-label">功能</span>
|
||
</span>
|
||
<span class="mui-tab-item" href="#" id="alertBtnHelp">
|
||
<span class="mui-icon mui-icon-extra mui-icon-extra-lamp">
|
||
</span>
|
||
<span class="mui-tab-label">帮助</span>
|
||
</span>
|
||
|
||
</nav>
|
||
<!-- 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="index.js" type="text/javascript" charset="utf-8"></script>
|