<% include ../header.html %>
<script src="<%= WEB_SITE_GLOBAL %>js/pagination/page.js"></script>
<script src="<%= WEB_SITE_GLOBAL %>js/cloud/curingFN.js"></script>

<script src="<%= WEB_SITE_GLOBAL %>js/tools.js"></script>
<script src="<%= WEB_SITE_GLOBAL %>js/zepto.min.js"></script>

<script src="<%= WEB_SITE_GLOBAL %>js/contacts/buildHtml.js"></script>
<script src="<%= WEB_SITE_GLOBAL %>js/cloud/buildHtml.js"></script>

<script src="<%= WEB_SITE_GLOBAL %>js/contacts/client.js"></script>
<script src="<%= WEB_SITE_GLOBAL %>js/cloud/curing.js"></script>

<style>
    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
        -webkit-appearance: none !important;
    }
    input[type="number"]{-moz-appearance:textfield;}
</style>










<body class="mod-bg-1 nav-function-fixed header-function-fixed">
<!-- DOC: script to save and load page settings -->
<% include ../themeSettingJS.html %>
<!-- BEGIN Page Wrapper -->
<div class="page-wrapper">
    <div class="page-inner">
        <!-- BEGIN Left Aside -->
        <aside class="page-sidebar">
            <% include ../menu.html %>
            <!-- 侧栏主菜单 -->
            <% include cloudMenu.html %>
            <!-- END 侧栏主菜单 -->
            <!--侧栏底部菜单-->
            <div class="nav-footer shadow-top">
                <a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
                    <i class="ni ni-chevron-right"></i>
                    <i class="ni ni-chevron-right"></i>
                </a>
                <ul class="list-table m-auto nav-footer-buttons">
                    <li>
                        <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Chat logs">
                            <i class="fal fa-comments"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Support Chat">
                            <i class="fal fa-life-ring"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Make a call">
                            <i class="fal fa-phone"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </aside>
        <!-- END 侧栏主菜单 -->
        <div class="page-content-wrapper">
            <!-- BEGIN 页面头部 -->
            <header class="page-header" role="banner">
                <!-- DOC: 侧栏收起工具 -->
                <div class="hidden-md-down dropdown-icon-menu position-relative" >
                    <a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="隐藏侧栏">
                        <i class="ni ni-menu"></i>
                    </a>
                    <ul>
                        <li>
                            <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="迷你侧栏">
                                <i class="ni ni-minify-nav"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="hidden-lg-up">
                    <a href="#" class="header-btn btn press-scale-down waves-effect waves-themed" data-action="toggle" data-class="mobile-nav-on">
                        <i class="ni ni-menu"></i>
                    </a>
                </div>
                <!--页面标题-->
                <h1 class="subheader-title">
                    云版管理
                </h1>
                <!--顶部右栏-->
                <% include ../userInfo.html %>
            </header>
            <!-- END 页面头部 -->
            <!-- BEGIN 页面内容 -->
            <!-- the #js-page-content id is needed for some plugins to initialize -->
            <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>
                    </h1>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div id="panel-1" class="panel">
                            <div class="panel-hdr">
                                <!-- 废弃 <div class="col-auto pr-0">
                                    <a href="#search-new" upNewClient 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="number" mobile2Info  value="" class="form-control bg-transparent" placeholder="请输入通行账号（手机）">
                                        <div class="input-group-append" mobile2Info >
                                            <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 pr-0">
                                    <select curingByCompilation class="custom-select form-control custom-select-sm">
										<option value="">已升级专业版</option>
                                        <% compilationList.forEach(function(compilation) { %>
                                        <option value="<%= compilation._id %>"><%= compilation.name %></option>
                                        <% }); %>
                                    </select>
                                </div>
                                <div class="col-auto pr-0">
                                    <select curingByLatestCompilation class="custom-select form-control custom-select-sm">
										<option value="">最近使用</option>
                                        <% compilationList.forEach(function(compilation) { %>
                                        <option value="<%= compilation._id %>"><%= compilation.name %></option>
                                        <% }); %>
                                    </select>
                                </div>
                                
                                
                                <div class="col-auto ml-auto">
                                              <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">已显示5列</button>
                                              <div class="dropdown-menu">
                                                <ul class="list-unstyled px-3 pt-2 mb-0">
                                                  <li class="mb-2">
                                                    <div class="custom-control custom-switch">
                                                      <input type="checkbox" class="custom-control-input" id="lie1">
                                                      <label class="custom-control-label" for="lie1">企业名称</label>
                                                    </div>
                                                  </li>
                                                  <li class="mb-2">
                                                    <div class="custom-control custom-switch">
                                                      <input type="checkbox" class="custom-control-input" id="lie2">
                                                      <label class="custom-control-label" for="lie2">CLD联系人</label>
                                                    </div>
                                                  </li>
                                                  <li class="mb-2">
                                                    <div class="custom-control custom-switch">
                                                      <input type="checkbox" class="custom-control-input" id="lie3">
                                                      <label class="custom-control-label" for="lie3">公司</label>
                                                    </div>
                                                  </li>
                                                  <li class="mb-2">
                                                    <div class="custom-control custom-switch">
                                                      <input type="checkbox" class="custom-control-input" id="lie4" checked="">
                                                      <label class="custom-control-label" for="lie4">最近登录</label>
                                                    </div>
                                                  </li>
                                                  <li class="mb-2">
                                                    <div class="custom-control custom-switch">
                                                      <input type="checkbox" class="custom-control-input" id="lie5">
                                                      <label class="custom-control-label" for="lie5">最近使用</label>
                                                    </div>
                                                  </li>
                                                  <li class="mb-2">
                                                    <div class="custom-control custom-switch">
                                                      <input type="checkbox" class="custom-control-input" id="lie6">
                                                      <label class="custom-control-label" for="lie6">登录时长</label>
                                                    </div>
                                                  </li>
                                                  <li class="mb-2">
                                                    <div class="custom-control custom-switch">
                                                      <input type="checkbox" class="custom-control-input" id="lie7">
                                                      <label class="custom-control-label" for="lie7">注册时间</label>
                                                    </div>
                                                  </li>
                                                </ul>
                                              </div>
                                          </div>
                                          <div class="col-auto pl-0">
                                            <button class="btn btn-sm btn-default" data-toggle="dropdown"><i class="fal fa-sort-amount-down"></i> 排序</button>
                                            <div class="dropdown-menu dropdown-menu-right"  id="paixu">
                                              <ul class="list-unstyled px-3 pt-2 mb-0">
                                                <li class="mb-2">
                                                  <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="pai1" data="latest_login" name="sortField" checked="">
                                                    <label class="custom-control-label" for="pai1">最近登录</label>
                                                  </div>
                                                </li>
                                                <li class="mb-2">
                                                  <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="pai3" data="addtime" name="sortField">
                                                    <label class="custom-control-label" for="pai3">注册时间</label>
                                                  </div>
                                                </li>
                                              </ul>
                                              <ul class="list-unstyled px-3 pt-2 mb-0 border-top">
                                                <li class="mb-2">
                                                  <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="pdown" data="desc" name="sort" checked="">
                                                    <label class="custom-control-label" for="pdown">降序</label>
                                                  </div>
                                                </li>
                                                <li class="mb-2">
                                                  <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="pup" data="asc" name="sort">
                                                    <label class="custom-control-label" for="pup">升序</label>
                                                  </div>
                                                </li>
                                              </ul>
                                            </div>
                                          </div>
                                
                                
                                
                                
                            </div>
                            <div class="panel-container " >
                                <div class="panel-content" >
                                    <div curingListBox>
                                    <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>登录时长</th>
                                            <th>注册时间</th>
                                            <th>已升级专业版</th>
                                            </tr></thead>
                                        <tbody curingUser >
                                        <% curingList.forEach(function(curing) { %>
                                        <tr curingInfoEdi dataCid="<%= curing.client_id %>" data="<%= curing.ssoId %>" dataId="<%= curing._id %>" data-toggle="modal" data-target="#detail">
                                            <td><%= curing.mobile %> </td>
                                            <td><%= curing.company %></td>
                                            <td><%= curing.clientInfo.clientname %></td>
                                            <td><%= curing.clientInfo.companyname %></td>
                                            
                                            <td><%= curing.latest_login %></td>
                                            <td><%= curing.latest_usedName %></td>
                                            <td><%= curing.online_newest %></td>
                                            <td><%= curing.addtime %></td>
                                            <td><%= curing.upgradeListName %></td>
                                        </tr>
                                        <% }); %>

                                        </tbody>
                                    </table>
                                    <!--翻页-->
                                    <div page class="d-flex justify-content-center">
                                    	<div pageDetail >
                                        <ul  class="pagination pagination-sm">

                                            <% if( pageData.previousPage == 0) {  %>
                                            <li class="page-item disabled">
                                                <span class="page-link" aria-label="Previous">
                                                    <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span>
                                                </span>
                                            </li>
                                            <% }else{ %>
                                            <li class="page-item ">
                                                <a parameter="<%= pageData.parameter %>" currentPage="<%= pageData.previousPage %>" class="page-link" href="javascript:void(0)" aria-label="Previous">
                                                    <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span>
                                                </a>
                                            </li>
                                            <% }; %>

						<% if( pageData.currentPage>=pageData.pageWidth ) {  %>
								
	  							<li class="page-item">
                                   <a parameter="<%= pageData.parameter %>" currentPage="1" class="page-link" href="javascript:void(0)">1</a>
                                </li>
	  							<li class="page-item ">
	                                                <span >
	                                                    <span aria-hidden="true">...</span>
	                                                </span>
	                             </li>
 						<% }; %>

                                            <% for (i = pageData.startPage; i <= pageData.endPage; i++) {  %>
                                                <% if( pageData.currentPage == i) {  %>
                                                <li class="page-item active" aria-current="page">
                                                    <span class="page-link">
                                                        <%= i %><span class="sr-only">(current)</span>
                                                    </span>
                                                </li>
                                                <% }else{ %>
                                                <li class="page-item">
                                                    <a parameter="<%= pageData.parameter %>" currentPage="<%= i %>" class="page-link" href="javascript:void(0)"><%= i %></a>
                                                </li>
                                                <% }; %>
                                            <% }; %>



 											<% if( pageData.totalPage >pageData.pageWidth && pageData.totalPage!= pageData.currentPage ) {  %>
												<li class="page-item ">
	                                                <span >
	                                                    <span aria-hidden="true">...</span>
	                                                </span>
	                                            </li>
											  <% }; %>

                                            <% if( pageData.currentPage == pageData.nextPage) {  %>
                                            <li class="page-item disabled">
                                                <span class="page-link"  aria-label="Next">
                                                    <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span>
                                                </span>
                                            </li>
                                            <% }else{ %>
                                            <li class="page-item">
                                                <a parameter="<%= pageData.parameter %>" currentPage="<%= pageData.nextPage %>" class="page-link" href="#" aria-label="Next"  >
                                                    <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span>
                                                </a>
                                            </li>
                                            <% }; %>

                                        </ul>
                                        </div>
                                    </div>
                                    
                                    
                                    
                                    
                                    </div>
                                    <!--已升级列表不存在-->
                                    <p upClientBox class="text-center" style="display:none">已升级用户列表不存在&nbsp;"<b curingMobile ></b>"&nbsp;，您可以尝试<a href="#search-new" upClient class="btn btn-sm btn-outline-primary ml-3" data-toggle="modal" data-target="#search-new">升级新用户</a></p>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </main>
            <!-- END Page Content -->
        </div>
    </div>
</div>



<!-- END Page Wrapper -->
<!-- BEGIN 账号弹窗-->
<div class="modal fade" id="detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <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="sheet-box row m-0">
                    <div class="sheet-left-panel">
                        <div class="sheet-panel-header d-flex justify-content-between mx-4">
                            <div>
                                <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="上一条记录" class="mr-2 disabled"><i class="fal fa-angle-up fa-2x"></i></a>
                                <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="下一条记录"><i class="fal fa-angle-down fa-2x"></i></a>
                            </div>
                            <div></div>
                        </div>
                        <div class="sheet-panel-content">
                            <div curingInfo class="sheet-panel-form slimScroll1 mx-4">
                                <input type="hidden" name="id" id="id" value="">
                                <curing>
                                </curing>
                                <curingClient>
                                </curingClient>





                            </div>
                        </div>
                    </div>
                    <div class="sheet-right-panel col p-0">
                        <div class="sheet-panel-tabs mx-4 mt-4">
                            <ul class="nav nav-tabs sheet-nav-tabs" role="tablist">
                                <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-yun" role="tab" aria-selected="true">养护云版</a></li>
                                <!-- <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-lock" role="tab" aria-selected="false">软件锁</a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-server" role="tab" aria-selected="false">服务记录</a></li> -->
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade active show sheet-panel-righttop" id="tab-yun" role="tabpanel" aria-labelledby="tab-yun">
                                    <div class="slimScrol3">
                                        <table class="table">
                                            <thead><tr><th class="border-0"></th><th class="border-0">产品</th><th class="border-0">专业版</th></tr></thead>
                                            <tbody upMajorBox >

                                            </tbody>

                                        </table>
                                    </div>
                                </div>

                            </div>

                            </div>

                            <!--
                            <div class="sheet-btns mt-3">
                                <a href="#add-server" class="btn btn-xs btn-outline-primary" data-toggle="modal" data-target="#add-server"><i class="far fa-plus"></i> 添加服务记录</a>
                                <a href="#add-lock" class="btn btn-xs btn-outline-primary" data-toggle="modal" data-target="#add-lock"><i class="far fa-link"></i> 绑定加密锁</a></div>
                            </div>
                            -->
                        <div class="sheet-panel-record" operateLog >
                            <ul class="nav nav-tabs nav-tabs-clean sheet-nav-tabs" role="tablist">
                                <li class="nav-item ml-4"><a class="nav-link text-center active" data-toggle="tab" href="#tab-log" role="tab" aria-selected="true">日志</a></li>
                            </ul>
                            <div class="tab-content p-3">
                                <div class="tab-pane fade active show sheet-panel-log" id="tab-log" role="tabpanel" aria-labelledby="tab-log">
                                    <div class="slimScrol4">
                                        <curingOperate></curingOperate>

                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>


                </div>
            </div>
        </div>
    </div>
        </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">
            <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" getClentList class="form-control border-left-0 bg-transparent pl-0" placeholder="搜索客户">
                    </div>
                </div>
            </div>
            <div class="modal-search-height border-top border-bottom">
                <div relevanceClientDo searchClient class="slimScrol2 p-4 modal-search-result">
                   <curingClient></curingClient>
                </div>
            </div>

        </div>
    </div>
</div>
<!--BEGIN 关联单位-->
<div class="modal fade" id="link-com" 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="搜索单位">
                    </div>
                </div>
            </div>
            <div class="modal-search-height border-top border-bottom">
                <div class="slimScrol2 p-4 modal-search-result">
                    <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-7 pr-0">珠海纵横创新软件有限公司</div><div class="col-5 pr-0">广东省,珠海市,香洲区</div></div>
                    </div>
                </div>
            </div>
            <div class="m-4">
                <a href="#" class="btn btn-sm btn-outline-primary"><i class="far fa-plus"></i> 添加新单位</a>
            </div>
        </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" fnSearchCuring class="form-control border-left-0 bg-transparent pl-0" placeholder="输入通行账号（手机）检索" value="">
                    </div>
                </div>
            </div>
            <div class="modal-search-height border-top border-bottom "  >
                <div class="slimScrol2 p-4 modal-search-result" >
                    <div curingInfo class="card p-3 mb-3" upCuringBox style="display:none">
                        <input type="hidden" id="curingSsoid" value="">
                        <input type="hidden" id="curingMobile" value="">
                        <input type="hidden" id="client_id" value="">
                        <input type="hidden" id="name" value="">
                        <input type="hidden" id="_id" value="">

                        <curing></curing>

                        <table class="table">
                            <thead>
                            <tr>
                                <th class="border-0"></th>
                                <th class="border-0">产品</th>
                                <th class="border-0">专业版</th>
                            </tr>
                            </thead>
                            <tbody upMajorBox id="upMajorBox" >

                            </tbody>
                        </table>
                    </div>
                    <!--没结果-->
                    <p class="text-center" upCuringBox style="display:none">该号码未注册养护项目</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" upCuring>
                <span></span>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
                <button type="button" data-dismiss="modal" upCuringDo class="btn btn-primary waves-effect waves-themed">确认升级</button>
            </div>
        </div>
    </div>
</div>
<!--BEGIN 移除单位确认-->
<div class="modal fade" id="remover-com" 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">
                为客户 <b>张三</b> 移除 <b>珠海纵横创新软件有限公司</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>

<!--BEGIN 移除CLD客户-->
<div class="modal fade" id="unlinkcld" 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-footer">
                <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
                <button type="button" relieveClientDo class="btn btn-primary waves-effect waves-themed">确认移除</button>
            </div>
        </div>
    </div>
</div>

<!--BEGIN 添加服务记录-->
<div class="modal fade" id="add-server" 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">
                <div class="form-group">
                    <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" class="custom-control-input" id="defaultInline1Radio" name="inlineDefaultRadiosExample">
                        <label class="custom-control-label" for="defaultInline1Radio">上门服务</label>
                    </div>
                    <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" class="custom-control-input" id="defaultInline2Radio" name="inlineDefaultRadiosExample" checked="">
                        <label class="custom-control-label" for="defaultInline2Radio">电话拜访</label>
                    </div>
                    <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" class="custom-control-input" id="defaultInline3Radio" name="inlineDefaultRadiosExample" checked="">
                        <label class="custom-control-label" for="defaultInline3Radio">其他事项</label>
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label" for="example-date">时间</label>
                    <input class="form-control" id="example-date" type="date" name="date" value="">
                </div>
                <div class="form-group">
                    <label class="form-label" for="example-date">内容</label>
                    <textarea class="form-control" id="example-textarea" rows="3" placeholder="填写详细服务内容"> </textarea>
                </div>
                <div class="form-group">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="customSwitch2" checked="">
                        <label class="custom-control-label" for="customSwitch2">添加提醒</label>
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label" for="example-date">提醒限期</label>
                    <input class="form-control" id="example-date" type="date" name="date" value="">
                </div>
                <div class="form-group">
                    <label class="form-label" for="example-date">备注</label>
                    <textarea class="form-control" id="example-textarea" rows="1"> </textarea>
                </div>
            </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>
<!--BEGIN 关联软件锁-->
<div class="modal fade" id="add-lock" 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 row">
                    <div class="input-group bg-white shadow-inset-2 col-6 p-0">
                        <div class="input-group-prepend">
                                    <span class="input-group-text bg-transparent border-right-0">
                                        <i class="fal fa-boxes"></i>
                                    </span>
                        </div>
                        <select class="form-control" id="example-select">
                            <option>不限产品</option>
                            <option>全国专业</option>
                            <option>全国标准</option>
                            <option>全国招投标</option>
                            <option>全国三算</option>
                        </select>
                    </div>
                    <div class="input-group bg-white shadow-inset-2 col-6 pr-0">
                        <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="搜索锁号">
                    </div>
                </div>
            </div>
            <div class="p-4 border-top d-flex justify-content-center">
                <ul class="nav nav-pills" role="tablist">
                    <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#">借出</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#2">销售</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#">赠送</a></li>
                </ul>
            </div>
            <div class="modal-search-height border-top">
                <div class="slimScrol2 p-4 modal-search-result">
                    <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-2 pr-0">ZH-03876</div><div class="col-7 pr-0">固化清单全功能+全国专业+全国专业（新定额）</div><div class="col-3 pr-0">2019-10-29 张三 接收</div></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-2 pr-0">ZH-03877</div><div class="col-7 pr-0">固化清单全功能+全国专业+全国专业（新定额）</div><div class="col-3 pr-0">2019-10-29 张三 接收</div></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-2 pr-0">ZH-03878</div><div class="col-7 pr-0">固化清单全功能+全国专业+全国专业（新定额）</div><div class="col-3 pr-0">2019-10-29 张三 接收</div></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-2 pr-0">ZH-03879</div><div class="col-7 pr-0">固化清单全功能+全国专业+全国专业（新定额）</div><div class="col-3 pr-0">2019-10-29 张三 接收</div></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>


<div autoHeight ></div>

<% include ../footer.html %>
