|
@@ -5,7 +5,7 @@
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
- <title>产品购买-Smartcost</title>
|
|
|
+ <title>产品升级-Smartcost</title>
|
|
|
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
|
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
<link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
|
|
@@ -31,7 +31,7 @@
|
|
|
<button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
<a class="dropdown-item" href="user-info.html" target="_blank">账号资料</a>
|
|
|
- <a class="dropdown-item" href="user-buy.html" target="_blank">产品激活</a>
|
|
|
+ <a class="dropdown-item" href="user-buy.html" target="_blank">产品升级</a>
|
|
|
<a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
|
|
|
<div class="dropdown-divider"></div>
|
|
|
<a class="dropdown-item" href="#" target="_blank">退出登录</a>
|
|
@@ -56,7 +56,7 @@
|
|
|
<a class="nav-link" href="user-safe.html">账号安全</a>
|
|
|
</li>
|
|
|
<li class="nav-item">
|
|
|
- <a class="nav-link active" href="user-buy.html">产品激活</a>
|
|
|
+ <a class="nav-link active" href="user-buy.html">产品升级</a>
|
|
|
</li>
|
|
|
<li class="nav-item">
|
|
|
<a class="nav-link" href="user-set.html">登录设置</a>
|
|
@@ -72,13 +72,12 @@
|
|
|
<p class="card-text">简介</p>
|
|
|
<a class="btn btn-primary" href="#">了解企业版</a>
|
|
|
</div> -->
|
|
|
- <legend class=" mb-4">激活专业版</legend>
|
|
|
+ <legend class=" mb-4">升级专业版</legend>
|
|
|
<div class="row">
|
|
|
<div class="col-sm-4 mb-5">
|
|
|
<div class="card">
|
|
|
<div class=" card-body">
|
|
|
<h3 class="card-title">免费版 </h3>
|
|
|
- <a class="btn btn-outline-secondary disabled"><i class="fa fa-check"></i> 已激活</a>
|
|
|
<p class="card-text">
|
|
|
<ul class="pl-3">
|
|
|
<li>只可创建 50 个单位工程</li>
|
|
@@ -87,8 +86,14 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
<ul class="list-group list-group-flush">
|
|
|
- <li class="list-group-item">广东版 <i class="fa fa-check text-success"></i></li>
|
|
|
- <li class="list-group-item">重庆版 <i class="fa fa-check text-success"></i></li>
|
|
|
+ <li class="list-group-item d-flex justify-content-between">
|
|
|
+ 广东(2017)
|
|
|
+ <a class="btn disabled btn-sm"><i class="fa fa-check"></i> 已激活</a>
|
|
|
+ </li>
|
|
|
+ <li class="list-group-item d-flex justify-content-between">
|
|
|
+ 重庆(2015)
|
|
|
+ <a class="btn disabled btn-sm"><i class="fa fa-check"></i> 已激活</a>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -96,7 +101,6 @@
|
|
|
<div class="card">
|
|
|
<div class=" card-body">
|
|
|
<h3 class="card-title">专业版</h3>
|
|
|
- <a class="btn btn-primary" href="activ" data-toggle="modal" data-target="#activ">立即激活</a>
|
|
|
<p class="card-text">
|
|
|
<ul class="pl-3">
|
|
|
<li>创建单位工程无限制</li>
|
|
@@ -104,8 +108,14 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
<ul class="list-group list-group-flush">
|
|
|
- <li class="list-group-item">广东版 <i class="fa fa-check text-success"></i></li>
|
|
|
- <li class="list-group-item">重庆版</li>
|
|
|
+ <li class="list-group-item d-flex justify-content-between">
|
|
|
+ 广东(2017)
|
|
|
+ <a class="btn btn-primary btn-sm" href="activ" data-toggle="modal" data-target="#activ">立即升级</a>
|
|
|
+ </li>
|
|
|
+ <li class="list-group-item d-flex justify-content-between">
|
|
|
+ 重庆(2015)
|
|
|
+ <a class="btn btn-outline-secondary btn-sm" href="activ2" data-toggle="modal" data-target="#activ2"><i class="fa fa-check"></i> 已升级</a>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -115,33 +125,185 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--激活产品-->
|
|
|
+ <!--升级产品-->
|
|
|
<div class="modal fade" id="activ" data-backdrop="static" style="display: none;" aria-hidden="true">
|
|
|
- <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-dialog modal-lg" role="document">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
- <h5 class="modal-title">激活版本</h5>
|
|
|
+ <h5 class="modal-title">联系销售代表升级</h5>
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
- <div class="form-group">
|
|
|
- <input class="form-control" placeholder="输入激活码">
|
|
|
- </div>
|
|
|
- <div class="alert alert-danger" role="alert">
|
|
|
- 激活码无效
|
|
|
- </div>
|
|
|
- <div class="alert alert-success" role="alert">
|
|
|
- 输入激活码为 「广东专业版」 确认是否激活
|
|
|
+ <div class="row px-3">
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">刘飞</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">姜栋</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">冯娟</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">何耀</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">杨克松</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">黄俊杰</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">广东办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="alert alert-warning" role="alert">
|
|
|
- 输入激活码为 「广东专业版」 您已经激活该版本
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--售后服务-->
|
|
|
+ <div class="modal fade" id="activ2" data-backdrop="static" style="display: none;" aria-hidden="true">
|
|
|
+ <div class="modal-dialog modal-lg" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">重庆(2015)售后服务</h5>
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
+ <span aria-hidden="true">×</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="row px-3">
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">王星植</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">重庆办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">张文远</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">重庆办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">李清学</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">重庆办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">周洪波</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">重庆办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <h4 class="card-title">邹芝达</h4>
|
|
|
+ <h6 class="card-subtitle mb-2 text-muted">重庆办</h6>
|
|
|
+ </div>
|
|
|
+ <ul class="list-group list-group-flush">
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
|
|
|
+ <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
- <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
- <a href="" class="btn btn-primary">确定激活</a>
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|