增加 升级新用户 增加 升级提示

css/cld-custom.css

@@ -160,7 +160,7 @@
 .modal-backdrop {
   background:none;
 }
-.modal-search-result > .card:hover{
+.pointer-hover:hover{
   background-color: #fafafa;
   cursor: pointer;
 }

product-yun-yh.html

@@ -679,30 +679,25 @@
                     <main id="js-page-content" role="main" class="page-content">
                         <div class="subheader">
                             <h1 class="subheader-title">
-                                <i class='subheader-icon fal fa-'></i> 养护云版</span>
+                                <i class='subheader-icon fal fa-'></i> 养护云版-已升级用户</span>
                             </h1>
                         </div>
                         <div class="row">
                             <div class="col-xl-12">
                                 <div id="panel-1" class="panel">
                                     <div class="panel-hdr">
-                                        <div class="col-auto">
+                                        <div class="col-auto pr-0">
+                                            <a href="#search-new" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#search-new">升级新用户</a>
+                                        </div>
+                                        <div class="col-auto pr-0">
                                             <div class="input-group input-group-sm bg-white shadow-inset-2">
-                                                <input type="text" class="form-control bg-transparent" placeholder="请输入关键词" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="可使用通行账号、企业名称、CLD客户、单位名称 进行检索">
+                                                <input type="text" class="form-control bg-transparent" placeholder="请输入通行账号（手机）">
                                                 <div class="input-group-append">
                                                     <button class="btn btn-default waves-effect waves-themed" type="button"><i class="fal fa-search"></i></button>
                                                 </div>
                                             </div>
                                         </div>
-                                        <div class="col-auto">
-                                            <select class="custom-select form-control custom-select-sm">
-                                                <option selected="">已使用免费版</option>
-                                                <option value="1">重庆养护免费版</option>
-                                                <option value="2">广东养护免费版</option>
-                                                <option value="3">广西养护免费版</option>
-                                            </select>
-                                        </div>
-                                        <div class="col-auto">
+                                        <div class="col-auto pr-0">
                                             <select class="custom-select form-control custom-select-sm">
                                                 <option selected="">已升级专业版</option>
                                                 <option value="1">重庆养护专业版</option>
@@ -716,7 +711,7 @@
                                             <table class="table table-bordered table-hover table-striped">
                                                 <thead><tr><th>通行账号</th><th>企业名称</th><th>CLD客户</th><th>单位名称</th><th>最近使用</th><th>专业版</th><th>在线时长（最近3天）</th><th>注册云版</th><th>最近登录</th></tr></thead>
                                                 <tbody>
-                                                    <tr data-toggle="modal" data-target="#detail">
+                                                    <tr data-toggle="modal" data-target="#detail" class="pointer-hover">
                                                         <td>15812345678</td>
                                                         <td>xxxx公司</td>
                                                         <td>张三</td>
@@ -727,7 +722,7 @@
                                                         <td>2019-09-04 16:01:31</td>
                                                         <td>2019-09-05 14:29:03</td>
                                                     </tr>
-                                                    <tr>
+                                                    <tr class="pointer-hover">
                                                         <td>15812345678</td>
                                                         <td>xxxx公司</td>
                                                         <td>张三</td>
@@ -740,6 +735,31 @@
                                                     </tr>
                                                 </tbody>
                                             </table>
+                                            <!--翻页-->
+                                            <div class="d-flex justify-content-center">
+                                                <ul class="pagination pagination-sm">
+                                                    <li class="page-item disabled">
+                                                        <a class="page-link" href="#" aria-label="Previous">
+                                                            <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span>
+                                                        </a>
+                                                    </li>
+                                                    <li class="page-item active" aria-current="page">
+                                                        <span class="page-link">
+                                                            1
+                                                            <span class="sr-only">(current)</span>
+                                                        </span>
+                                                    </li>
+                                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
+                                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                                                    <li class="page-item">
+                                                        <a class="page-link" href="#" aria-label="Next">
+                                                            <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span>
+                                                        </a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                            <!--已升级列表不存在-->
+                                            <p class="text-center">已升级用户列表不存在&nbsp;"<b>15811111111</b>"&nbsp;，您可以尝试<a href="#search-new" class="btn btn-sm btn-outline-primary ml-3" data-toggle="modal" data-target="#search-new">升级新用户</a></p>
                                         </div>
                                     </div>
                                 </div>
@@ -1007,7 +1027,7 @@
                                             <table class="table">
                                                 <thead><tr><th class="border-0"></th><th class="border-0">产品</th><th class="border-0">专业版</th></tr></thead>
                                                 <tr><td>1</td><td>重庆养护(2018)</td><td>已升级（<a href="#">@刘飞</a> 6月5日 13:32）</td></tr>
-                                                <tr><td>2</td><td>广东养护(2018)</td><td><a href="#" class="btn btn-xs btn-outline-primary">升级</a></td></tr>
+                                                <tr><td>2</td><td>广东养护(2018)</td><td><a href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a></td></tr>
                                             </table>
                                         </div>
                                         <div class="tab-pane fade" id="tab-lock" role="tabpanel" aria-labelledby="tab-lock">Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic. </div>
@@ -1032,7 +1052,6 @@
             </div>
         </div>
         <!--BEGIN 关联CLD客户-->
-
         <div class="modal fade" id="linkcld" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
             <div class="modal-dialog modal-lg">
                 <div class="modal-content clearfix">
@@ -1053,11 +1072,11 @@
                     </div>
                     <div class="modal-search-height border-top border-bottom">
                         <div class="slimScrolz p-4 modal-search-result">
-                            <div class="card p-3 mb-3">
-                                <div class="row"><div class="col-2">张三</div><div class="col-2">处长</div><div class="col-4">珠海纵横创新软件有限公司</div></div>
+                            <div class="card pointer-hover p-3 mb-3" data-toggle="tooltip" data-placement="bottom" title="点击关联该客户" data-original-title="点击关联该客户">
+                                <div class="row"><div class="col-1 pr-0">张三</div><div class="col-2 pr-0">处长</div><div class="col-2 pr-0">15800000001</div><div class="col-4 pr-0">珠海纵横创新软件有限公司</div></div>
                             </div>
-                            <div class="card p-3 mb-3">
-                                <div class="row"><div class="col-2">张三</div><div class="col-2"></div><div class="col-4">珠海纵横创新软件有限公司</div></div>
+                            <div class="card pointer-hover p-3 mb-3" data-toggle="tooltip" data-placement="bottom" title="点击关联该客户" data-original-title="点击关联该客户">
+                                <div class="row"><div class="col-1 pr-0">张三</div><div class="col-2 pr-0"></div><div class="col-2 pr-0">15800000001</div><div class="col-4 pr-0">珠海纵横创新软件有限公司</div></div>
                             </div>
                         </div>
                     </div>
@@ -1067,6 +1086,72 @@
                 </div>
             </div>
         </div>
+        <!--BEGIN 检索云版客户-->
+        <div class="modal fade" id="search-new" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+            <div class="modal-dialog modal-lg">
+                <div class="modal-content clearfix">
+                    <div class="dialog-sheet">
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true"><i class="fal fa-times"></i></span>
+                        </button>
+                        <div class="m-4">
+                            <div class="input-group bg-white shadow-inset-2">
+                                <div class="input-group-prepend">
+                                    <span class="input-group-text bg-transparent border-right-0">
+                                        <i class="fal fa-search"></i>
+                                    </span>
+                                </div>
+                                <input type="text" class="form-control border-left-0 bg-transparent pl-0" placeholder="输入通行账号（手机）检索" value="15811111111">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="modal-search-height border-top border-bottom">
+                        <div class="slimScrolz p-4 modal-search-result">
+                            <div class="card p-3 mb-3">
+                                <table class="table">
+                                    <thead><tr><th class="border-0" colspan="4">通行账号</th></tr></thead>
+                                    <tbody>
+                                        <tr><td width="100">手机</td><td>15811111111</td><td width="100">邮箱</td><td></td></tr>
+                                        <tr><td width="100">称呼</td><td colspan="3">张三</td></tr>
+                                        <tr><td width="100">注册SSO</td><td>2019-10-21 10:31</td><td width="100">注册云版</td><td>2019-10-22 10:31</td></tr>
+                                        <tr><td width="100">企业名称</td><td>珠海纵横创新软件有限公司</td><td width="100">企业地区</td><td>广东</td></tr>
+                                    </tbody>
+                                </table>
+                                <table class="table">
+                                    <thead><tr><th class="border-0"></th><th class="border-0">产品</th><th class="border-0">专业版</th></tr></thead>
+                                    <tbody><tr><td>1</td><td>重庆养护(2018)</td><td>已升级</td></tr>
+                                    <tr><td>2</td><td>广东养护(2018)</td><td><a href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a></td></tr>
+                                </tbody></table>
+                            </div>
+                                <!--没结果-->
+                                    <p class="text-center">养护云版不存在&nbsp;"<b>15811111111</b>"&nbsp;用户，请检查是否输入有误。</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--BEGIN 升级确认-->
+        <div class="modal fade" id="update-confirm" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+            <div class="modal-dialog modal-dialog-centered">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h4 class="modal-title">
+                            确认升级
+                        </h4>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true"><i class="fal fa-times"></i></span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        为用户 "15811111111,张三"升级 <b>广东养护(2018)专业版</b>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
+                        <button type="button" class="btn btn-primary waves-effect waves-themed">确认升级</button>
+                    </div>
+                </div>
+            </div>
+        </div>
         </body>
         <!-- base vendor bundle: 
 			 DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations