|
|
@@ -0,0 +1,172 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang=zh-cn>
|
|
|
+ <head>
|
|
|
+ <!-- Required meta tags -->
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
+ <!-- Bootstrap CSS -->
|
|
|
+ <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="css/font-awesome/fontawesome-all.css">
|
|
|
+ <link rel="stylesheet" href="css/global.css">
|
|
|
+ <title>启动器</title>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div class="container-width rounded">
|
|
|
+ <div class="header">
|
|
|
+ <div class="d-flex">
|
|
|
+ <div class="pt-2 pb-2 pr-2"><img src="images/softIcon.png" width="30" height="30"></div>
|
|
|
+ <div class="p-2"><h5 class="mt-1">纵横 Z+<span class="version-name">版本：V30.01</span></h5></div>
|
|
|
+ <div class="ml-auto p-2 pt-3">
|
|
|
+ <div class="d-flex flex-wrap">
|
|
|
+ <div class=""><!--未登录 -->
|
|
|
+ <div class="dropdown mr-2">
|
|
|
+ <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
+ <img class="head-img" src="images/headimg.png"> 登录
|
|
|
+ </div>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton" style="width:260px;">
|
|
|
+ <div class="downloading">
|
|
|
+ <form>
|
|
|
+ <div class="form-group">
|
|
|
+ <!-- <label for="tel">邮箱/手机</label> -->
|
|
|
+ <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="邮箱 或 手机">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <!-- <label for="password">密码</label> -->
|
|
|
+ <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="密码">
|
|
|
+ </div>
|
|
|
+ <button type="submit" class="btn btn-blue btn-sm mr-4 btn-block">登录</button>
|
|
|
+ <div class="alert alert-danger alert-sm mt-3" role="alert">帐号或者密码错误！</div>
|
|
|
+ <div class="row mt-2">
|
|
|
+ <div class="col text-left"><a href="" class="">忘记密码</a></div>
|
|
|
+ <div class="col text-right"><a href="" class="">注册通行帐号</a></div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=""><!-- 已登录 -->
|
|
|
+ <div class="dropdown mr-2">
|
|
|
+ <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
+ <img class="head-img" src="images/headimg2.png"> 翡翠虾饺
|
|
|
+ </div>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton" style="width:260px;">
|
|
|
+ <div class="downloading">
|
|
|
+ <div class="">
|
|
|
+ <button type="button" class="btn btn-primary btn-sm btn-block" data-toggle="modal" data-target="#onlinewrap">免费开通纵横网络版</button>
|
|
|
+ <a href="#" class="dropdown-item" data-toggle="modal" data-target="#online-two">已开通纵横网络版</a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a class="dropdown-item" href="#">通行账号</a>
|
|
|
+ <a class="dropdown-item" href="#">帮助中心</a>
|
|
|
+ <a class="dropdown-item" href="#">退出</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=""><!--更新提示-->
|
|
|
+ <div class="dropdown mr-2">
|
|
|
+ <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
+ <span class="badge badge-light"><i class="fas fa-arrow-up text-secondary"></i> 3</span>
|
|
|
+ <!-- <i class="fas fa-arrow-alt-circle-up"></i> -->
|
|
|
+ </div>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
|
|
|
+ <div class="downloading">
|
|
|
+ <div class="downloaded">
|
|
|
+ <div class="pb-2">
|
|
|
+ <div class="float-right"><button type="button" class="btn btn-success btn-sm ml-2">更新</button></div>
|
|
|
+ <div>计量支付结算决算 专业版</div>
|
|
|
+ <div class="text-secondary">当前版本：9.1.0.411 | 升级版本：9.2.0.511</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="downloaded">
|
|
|
+ <div class="pb-2">
|
|
|
+ <div class="float-right"><button type="button" class="btn btn-success btn-sm ml-2">更新</button></div>
|
|
|
+ <div>广东公路造价（增值税） 标准版</div>
|
|
|
+ <div class="text-secondary">当前版本：9.1.0.411 | 升级版本：9.2.0.511</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=""><!--正在下载软件-->
|
|
|
+ <div class="dropdown mr-2">
|
|
|
+ <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
+ <span class="badge badge-light"><i class="fas fa-download text-secondary"></i> 2</span>
|
|
|
+ </div>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
|
|
|
+ <div class="downloaded">
|
|
|
+ <div class="pb-2"><span class="float-right">63.5MB</span>公路造价（增值税）专业版</div>
|
|
|
+ <div class="pb-2">
|
|
|
+ <div class="progress-content">
|
|
|
+ <div class="float-right"><a href="#"><i class="far fa-pause-circle text-secondary mr-2"></i></a><a href="#"><i class="far fa-play-circle text-secondary mr-2"></i></a><a href="#"><i class="fas fa-times text-danger"></i></a></div>
|
|
|
+ <div class="progress-width progress">
|
|
|
+ <div class="progress-bar bg-success" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="downloaded">
|
|
|
+ <div class="pb-2"><span class="float-right">63.5MB</span>公路造价（增值税）专业版</div>
|
|
|
+ <div class="pb-2">
|
|
|
+ <div class="progress-content">
|
|
|
+ <div class="float-right"><a href="#"><i class="fas fa-times text-danger"></i></a></div>
|
|
|
+ <div class="progress-width">
|
|
|
+ <button type="button" class="btn btn-blue btn-sm btn-lg btn-block">安装软件</button>
|
|
|
+ <button type="button" class="btn btn-secondary btn-sm btn-lg btn-block" disabled>正在安装本软件...</button>
|
|
|
+ <button type="button" class="btn btn-success btn-sm btn-lg btn-block">已安装</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=""><!--软件锁-->
|
|
|
+ <div class="dropdown">
|
|
|
+ <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
+ <span class="badge badge-light"><i class="fab fa-usb text-secondary"></i> 99+</span>
|
|
|
+ </div>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
|
|
|
+ <div class="downloading">
|
|
|
+ <div class="border-bottom"><span class="float-right"><b>期限：2019-06-26</b></span><h5>SC-0001</h5></div>
|
|
|
+ <div class="detail-content">
|
|
|
+ <ul>
|
|
|
+ <li><div class="float-right"><button type="button" class="btn btn-success btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>纵横公路工程造价管理系统<span class="text-orange">专业版</span></li>
|
|
|
+ <li><div class="float-right"><button type="button" class="btn btn-orange btn-sm"><i class="fas fa-download mr-2"></i>下载</button></div>纵横公路养护造价管理系统<span class="text-orange">广东养护专业版</span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+ <div class="mr-3 ml-5"><a href="#" class="colorblack"><i class="fas fa-minus"></i></a></div>
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+ <div class=""><a href="#" class="colorblack"><i class="fas fa-times"></i></a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="software-wrap">
|
|
|
+ <div class="software-down" style="height:595px;">
|
|
|
+ <div class="row" style="margin-top:80px;">
|
|
|
+ <div class="col"></div>
|
|
|
+ <div class="col">
|
|
|
+ <a href="software-list.html" class="btn btn-orange btn-block">开始使用</a>
|
|
|
+ </div>
|
|
|
+ <div class="col"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="js/jquery/jquery-3.2.1.min.js"></script>
|
|
|
+ <script src="js/popper/popper.min.js"></script>
|
|
|
+ <script src="js/bootstrap/bootstrap.min.js"></script>
|
|
|
+ <script src="js/global.js"></script>
|
|
|
+ <script type="text/javascript">autoFlashHeight();</script>
|
|
|
+ </body>
|
|
|
+</html>
|
