lukegzs/ctms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
ctms/ctms-h5/index.html
fm453 b944fa7bb4 Initial commit，修正
2025-04-10 23:19:13 +08:00

185 lines
8.2 KiB
HTML
Executable File
Raw Blame History

<!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>
Reference in New Issue View Git Blame Copy Permalink