185 lines
8.2 KiB
HTML
Executable File
185 lines
8.2 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="'./pages/' + 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">
|
|
<div class="mui-card">
|
|
<div class="mui-card-header ">
|
|
<h3>{{User.username}}</h3>
|
|
<h4 class="mui-pullright">您好</h4>
|
|
</div>
|
|
<div class="mui-card-content mui-content-padded" >
|
|
<p>今天是 {{dates.m}}月{{dates.d}}日 星期{{dates.w}}</p>
|
|
<p>您登陆的手机号是 {{User.mobile}}</p>
|
|
<p>目前累计登记运单 {{stats.orderTotal}} 份，登记交车 {{stats.jiaocheTotal}} 车次</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mui-content">
|
|
<ul class="mui-table-view mui-grid-view mui-grid-9">
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon-extra mui-icon-extra-dictionary">
|
|
<span class="mui-badge">{{stats.orderToday}}</span>
|
|
</span>
|
|
<div class="mui-media-body">今日运单</div></a></li>
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon-extra mui-icon-extra-topic">
|
|
<span class="mui-badge">{{stats.orderYesterday}}</span>
|
|
</span>
|
|
<div class="mui-media-body">昨日运单</div></a></li>
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon-extra mui-icon-extra-gold">
|
|
<span class="mui-badge">{{stats.orderMonth}}</span>
|
|
</span>
|
|
<div class="mui-media-body">本月运单</div></a></li>
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon-extra mui-icon-extra-xiaoshuo">
|
|
<span class="mui-badge">{{stats.jiaocheToday}}</span>
|
|
</span>
|
|
<div class="mui-media-body">今日交车</div></a></li>
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon-extra mui-icon-extra-xiaoshuo">
|
|
<span class="mui-badge">{{stats.jiaocheYesterday}}</span>
|
|
</span>
|
|
<div class="mui-media-body">昨日交车</div></a></li>
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon-extra mui-icon-extra-xiaoshuo">
|
|
<span class="mui-badge">{{stats.jiaocheMonth}}</span>
|
|
</span>
|
|
<div class="mui-media-body">本月交车</div></a></li>
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon mui-icon-email">
|
|
<span class="mui-badge">{{stats.notice}}</span>
|
|
</span>
|
|
<div class="mui-media-body">系统消息</div></a></li>
|
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon mui-icon-extra mui-icon-extra-express">
|
|
</span>
|
|
<div class="mui-media-body">承运单</div></a></li>
|
|
<li id="offCanvasShow" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
|
|
<span class="mui-icon mui-icon-more"></span>
|
|
<div class="mui-media-body">更多</div></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="mui-content">
|
|
<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>
|
|
<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>今日运单、昨日运单、本月运单、累计运单</p>
|
|
<p>今日交车、昨日交车、本月交车、累计交车</p>
|
|
<h3>客资指数：</h3>
|
|
<p>本周新增、本月新增、累计客户</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="mui-bar mui-bar-tab">
|
|
<a href="#offCanvasSide" id="defaultTab" class="mui-tab-item mui-active">
|
|
<span class="mui-icon mui-icon-home">
|
|
</span>
|
|
<span class="mui-tab-label">侧边栏</span>
|
|
</a>
|
|
<a class="mui-tab-item" id="alertBtnHelp">
|
|
<span class="mui-icon mui-icon-extra mui-icon-extra-lamp">
|
|
</span>
|
|
<span class="mui-tab-label">帮助</span>
|
|
</a>
|
|
</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>
|