87 lines
3.4 KiB
HTML
Executable File
87 lines
3.4 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">
|
|
<!--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-card" v-for="order in orders" :data-oid="order.id" :data-carid="order.car_id">
|
|
<div class="mui-card-header ">
|
|
<h3>{{order.car_number}}</h3>
|
|
<h4 class="mui-pullright">{{order.car_title}}</h4>
|
|
</div>
|
|
<div class="mui-card-content" >
|
|
<p> 日期：{{order.signdate}}</p>
|
|
<p>起运地：{{order.start_city}} => 目的地：{{order.aim_city}}</p>
|
|
</div>
|
|
<div class="mui-card-footer">
|
|
<a class="mui-card-link" :href="'detail.html?oid=' + order.id +''">在途跟踪</a>
|
|
<a class="mui-card-link" :href="'detail.html?oid=' + order.id +''">运单信息</a>
|
|
</div>
|
|
</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>
|