<% include ../header.html %>
<body class="mod-bg-1 nav-function-fixed header-function-fixed">
<!-- DOC: script to save and load page settings -->
<script>
    /**
     *	This script should be placed right after the body tag for fast execution
     *	Note: the script is written in pure javascript and does not depend on thirdparty library
     **/
    'use strict';

    var classHolder = document.getElementsByTagName("BODY")[0],
            /**
             * Load from localstorage
             **/
            themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
            {},
            themeURL = themeSettings.themeURL || '',
            themeOptions = themeSettings.themeOptions || '';
    /**
     * Load theme options
     **/
    if (themeSettings.themeOptions)
    {
        classHolder.className = themeSettings.themeOptions;
        console.log("%c✔ Theme settings loaded", "color: #148f32");
    }
    else
    {
        console.log("Heads up! Theme settings is empty or does not exist, loading default settings...");
    }
    if (themeSettings.themeURL && !document.getElementById('mytheme'))
    {
        var cssfile = document.createElement('link');
        cssfile.id = 'mytheme';
        cssfile.rel = 'stylesheet';
        cssfile.href = themeURL;
        document.getElementsByTagName('head')[0].appendChild(cssfile);
    }
    /**
     * Save to localstorage
     **/
    var saveSettings = function()
    {
        themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item)
        {
            return /^(nav|header|mod|display)-/i.test(item);
        }).join(' ');
        if (document.getElementById('mytheme'))
        {
            themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
        };
        localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
    }
    /**
     * Reset settings
     **/
    var resetSettings = function()
    {
        localStorage.setItem("themeSettings", "");
    }
</script>
<!-- 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>
                <!--顶部右栏-->
                <div class="ml-auto d-flex">
                    <!-- 信息提示 -->
                    <div>
                        <a href="#" class="header-icon" data-toggle="dropdown" title="You got 11 notifications">
                            <i class="fal fa-bell"></i>
                            <span class="badge badge-icon">11</span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-animated dropdown-xl">
                            <div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top mb-2">
                                <h4 class="m-0 text-center color-white">
                                    11 New
                                    <small class="mb-0 opacity-80">User Notifications</small>
                                </h4>
                            </div>
                            <ul class="nav nav-tabs nav-tabs-clean" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-messages" data-i18n="drpdwn.messages">Messages</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-feeds" data-i18n="drpdwn.feeds">Feeds</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-events" data-i18n="drpdwn.events">Events</a>
                                </li>
                            </ul>
                            <div class="tab-content tab-notification">
                                <div class="tab-pane active p-3 text-center">
                                    <h5 class="mt-4 pt-4 fw-500">
                                                <span class="d-block fa-3x pb-4 text-muted">
                                                    <i class="ni ni-arrow-up text-gradient opacity-70"></i>
                                                </span> Select a tab above to activate
                                        <small class="mt-3 fs-b fw-400 text-muted">
                                            This blank page message helps protect your privacy, or you can show the first message here automatically through
                                            <a href="#">settings page</a>
                                        </small>
                                    </h5>
                                </div>
                                <div class="tab-pane" id="tab-messages" role="tabpanel">
                                    <div class="custom-scroll h-100">
                                        <ul class="notification">
                                            <li class="unread">
                                                <a href="#" class="d-flex align-items-center">
                                                            <span class="status mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Melissa Ayre <span class="badge badge-primary fw-n position-absolute pos-top pos-right mt-1">INBOX</span></span>
                                                                <span class="msg-a fs-sm">Re: New security codes</span>
                                                                <span class="msg-b fs-xs">Hello again and thanks for being part...</span>
                                                                <span class="fs-nano text-muted mt-1">56 seconds ago</span>
                                                            </span>
                                                </a>
                                            </li>
                                            <li class="unread">
                                                <a href="#" class="d-flex align-items-center">
                                                            <span class="status mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Adison Lee</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">2 minutes ago</span>
                                                            </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-success mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Oliver Kopyuv</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">3 days ago</span>
                                                            </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-warning mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Dr. John Cook PhD</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">2 weeks ago</span>
                                                            </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-success mr-2">
                                                                <!-- <img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle" alt="Sarah McBrook" /> -->
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Sarah McBrook</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">3 weeks ago</span>
                                                            </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-success mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-m.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Anothony Bezyeth</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">one month ago</span>
                                                            </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-danger mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-j.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Lisa Hatchensen</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">one year ago</span>
                                                            </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="tab-pane" id="tab-feeds" role="tabpanel">
                                    <div class="custom-scroll h-100">
                                        <ul class="notification">
                                            <li class="unread">
                                                <div class="d-flex align-items-center show-child-on-hover">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name d-flex align-items-center">Administrator <span class="badge badge-success fw-n ml-1">UPDATE</span></span>
                                                                <span class="msg-a fs-sm">
                                                                    System updated to version <strong>4.0.2</strong> <a href="intel_build_notes.html">(patch notes)</a>
                                                                </span>
                                                                <span class="fs-nano text-muted mt-1">5 mins ago</span>
                                                            </span>
                                                    <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                        <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex align-items-center show-child-on-hover">
                                                    <div class="d-flex flex-column flex-1">
                                                                <span class="name">
                                                                    Adison Lee <span class="fw-300 d-inline">replied to your video <a href="#" class="fw-400"> Cancer Drug</a> </span>
                                                                </span>
                                                        <span class="msg-a fs-sm mt-2">Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day...</span>
                                                        <span class="fs-nano text-muted mt-1">10 minutes ago</span>
                                                    </div>
                                                    <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                        <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex align-items-center show-child-on-hover">
                                                    <!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-k.png" class="profile-image rounded-circle" alt="k" />-->
                                                    <div class="d-flex flex-column flex-1">
                                                                <span class="name">
                                                                    Troy Norman'<span class="fw-300">s new connections</span>
                                                                </span>
                                                        <div class="fs-sm d-flex align-items-center mt-2">
                                                            <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
                                                            <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
                                                            <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
                                                            <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
                                                            <div data-hasmore="+3" class="rounded-circle profile-image-md mr-1">
                                                                <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
                                                            </div>
                                                        </div>
                                                        <span class="fs-nano text-muted mt-1">55 minutes ago</span>
                                                    </div>
                                                    <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                        <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex align-items-center show-child-on-hover">
                                                    <!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-e.png" class="profile-image-sm rounded-circle align-self-start mt-1" alt="k" />-->
                                                    <div class="d-flex flex-column flex-1">
                                                        <span class="name">Dr John Cook <span class="fw-300">sent a <span class="text-danger">new signal</span></span></span>
                                                        <span class="msg-a fs-sm mt-2">Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</span>
                                                        <span class="fs-nano text-muted mt-1">10 minutes ago</span>
                                                    </div>
                                                    <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                        <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex align-items-center show-child-on-hover">
                                                    <div class="d-flex flex-column flex-1">
                                                        <span class="name">Lab Images <span class="fw-300">were updated!</span></span>
                                                        <div class="fs-sm d-flex align-items-center mt-1">
                                                            <a href="#" class="mr-1 mt-1" title="Cell A-0012">
                                                                <span class="d-block img-share" style="background-image:url('img/thumbs/pic-7.png'); background-size: cover;"></span>
                                                            </a>
                                                            <a href="#" class="mr-1 mt-1" title="Patient A-473 saliva">
                                                                <span class="d-block img-share" style="background-image:url('img/thumbs/pic-8.png'); background-size: cover;"></span>
                                                            </a>
                                                            <a href="#" class="mr-1 mt-1" title="Patient A-473 blood cells">
                                                                <span class="d-block img-share" style="background-image:url('img/thumbs/pic-11.png'); background-size: cover;"></span>
                                                            </a>
                                                            <a href="#" class="mr-1 mt-1" title="Patient A-473 Membrane O.C">
                                                                <span class="d-block img-share" style="background-image:url('img/thumbs/pic-12.png'); background-size: cover;"></span>
                                                            </a>
                                                        </div>
                                                        <span class="fs-nano text-muted mt-1">55 minutes ago</span>
                                                    </div>
                                                    <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                        <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex align-items-center show-child-on-hover">
                                                    <!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle align-self-start mt-1" alt="k" />-->
                                                    <div class="d-flex flex-column flex-1">
                                                        <div class="name mb-2">
                                                            Lisa Lamar<span class="fw-300"> updated project</span>
                                                        </div>
                                                        <div class="row fs-b fw-300">
                                                            <div class="col text-left">
                                                                Progress
                                                            </div>
                                                            <div class="col text-right fw-500">
                                                                45%
                                                            </div>
                                                        </div>
                                                        <div class="progress progress-sm d-flex mt-1">
                                                            <span class="progress-bar bg-primary-500 progress-bar-striped" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></span>
                                                        </div>
                                                        <span class="fs-nano text-muted mt-1">2 hrs ago</span>
                                                        <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                            <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="tab-pane" id="tab-events" role="tabpanel">
                                    <div class="d-flex flex-column h-100">
                                        <div class="h-auto">
                                            <table class="table table-bordered table-calendar m-0 w-100 h-100 border-0">
                                                <tr>
                                                    <th colspan="7" class="pt-3 pb-2 pl-3 pr-3 text-center">
                                                        <div class="js-get-date h5 mb-2">[your date here]</div>
                                                    </th>
                                                </tr>
                                                <tr class="text-center">
                                                    <th>Sun</th>
                                                    <th>Mon</th>
                                                    <th>Tue</th>
                                                    <th>Wed</th>
                                                    <th>Thu</th>
                                                    <th>Fri</th>
                                                    <th>Sat</th>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted bg-faded">30</td>
                                                    <td>1</td>
                                                    <td>2</td>
                                                    <td>3</td>
                                                    <td>4</td>
                                                    <td>5</td>
                                                    <td><i class="fal fa-birthday-cake mt-1 ml-1 position-absolute pos-left pos-top text-primary"></i> 6</td>
                                                </tr>
                                                <tr>
                                                    <td>7</td>
                                                    <td>8</td>
                                                    <td>9</td>
                                                    <td class="bg-primary-300 pattern-0">10</td>
                                                    <td>11</td>
                                                    <td>12</td>
                                                    <td>13</td>
                                                </tr>
                                                <tr>
                                                    <td>14</td>
                                                    <td>15</td>
                                                    <td>16</td>
                                                    <td>17</td>
                                                    <td>18</td>
                                                    <td>19</td>
                                                    <td>20</td>
                                                </tr>
                                                <tr>
                                                    <td>21</td>
                                                    <td>22</td>
                                                    <td>23</td>
                                                    <td>24</td>
                                                    <td>25</td>
                                                    <td>26</td>
                                                    <td>27</td>
                                                </tr>
                                                <tr>
                                                    <td>28</td>
                                                    <td>29</td>
                                                    <td>30</td>
                                                    <td>31</td>
                                                    <td class="text-muted bg-faded">1</td>
                                                    <td class="text-muted bg-faded">2</td>
                                                    <td class="text-muted bg-faded">3</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="flex-1 custom-scroll">
                                            <div class="p-2">
                                                <div class="d-flex align-items-center text-left mb-3">
                                                    <div class="width-5 fw-300 text-primary l-h-n mr-1 align-self-start fs-xxl">
                                                        15
                                                    </div>
                                                    <div class="flex-1">
                                                        <div class="d-flex flex-column">
                                                                    <span class="l-h-n fs-md fw-500 opacity-70">
                                                                        October 2020
                                                                    </span>
                                                                    <span class="l-h-n fs-nano fw-400 text-secondary">
                                                                        Friday
                                                                    </span>
                                                        </div>
                                                        <div class="mt-3">
                                                            <p>
                                                                <strong>2:30PM</strong> - Doctor's appointment
                                                            </p>
                                                            <p>
                                                                <strong>3:30PM</strong> - Report overview
                                                            </p>
                                                            <p>
                                                                <strong>4:30PM</strong> - Meeting with Donnah V.
                                                            </p>
                                                            <p>
                                                                <strong>5:30PM</strong> - Late Lunch
                                                            </p>
                                                            <p>
                                                                <strong>6:30PM</strong> - Report Compression
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="py-2 px-3 bg-faded d-block rounded-bottom text-right border-faded border-bottom-0 border-right-0 border-left-0">
                                <a href="#" class="fs-xs fw-500 ml-auto">view all notifications</a>
                            </div>
                        </div>
                    </div>
                    <!-- 用户菜单 -->
                    <div>
                        <a href="#" data-toggle="dropdown" title="drlantern@gotbootstrap.com" class="header-icon d-flex align-items-center justify-content-center ml-2">
                            <img src="img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
                            <!-- you can also add username next to the avatar with the codes below:
                            <span class="ml-1 mr-1 text-truncate text-truncate-header hidden-xs-down">Me</span>
                            <i class="ni ni-chevron-down hidden-xs-down"></i> -->
                        </a>
                        <div class="dropdown-menu dropdown-menu-animated dropdown-lg">
                            <div class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
                                <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
                                            <span class="mr-2">
                                                <img src="img/demo/avatars/avatar-admin.png" class="rounded-circle profile-image" alt="Dr. Codex Lantern">
                                            </span>
                                    <div class="info-card-text">
                                        <div class="fs-lg text-truncate text-truncate-lg">张三</div>
                                        <span class="text-truncate text-truncate-md opacity-80">工号：0001</span>
                                    </div>
                                </div>
                            </div>
                            <div class="dropdown-divider m-0"></div>
                            <a href="#" class="dropdown-item" data-action="app-fullscreen">
                                <span>员工信息</span>
                            </a>
                            <div class="dropdown-divider m-0"></div>
                            <a href="#" class="dropdown-item" data-action="app-fullscreen">
                                <span>全屏</span>
                                <i class="float-right text-muted fw-n">F11</i>
                            </a>
                            <div class="dropdown-divider m-0"></div>
                            <a class="dropdown-item fw-500 pt-3 pb-3" href="page_login_alt.html">
                                <span>退出登录</span>
                            </a>
                        </div>
                    </div>
                </div>
            </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" 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="请输入通行账号（手机）">
                                        <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 pr-0">
                                    <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>
                            <div class="panel-container show">
                                <div class="panel-content">
                                    <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>
                                        <% curingList.forEach(function(curing) { %>
                                        <tr data-toggle="modal" data-target="#detail">
                                            <td><%= curing.sso_id %> </td>
                                            <td>xxxx公司</td>
                                            <td><%= curing.clientname %></td>
                                            <td><%= curing.companyname %></td>
                                            <td>重庆养护</td>
                                            <td><span class="badge badge-primary">2</span></td>
                                            <td>3小时40分钟</td>
                                            <td>2019-09-04 16:01:31</td>
                                            <td>2019-09-05 14:29:03</td>
                                        </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>
                    </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 class="sheet-panel-form slimScroll1 mx-4">
                                <div class="form-header">
                                    <div class="d-flex justify-content-between"><span class="text-muted">通行账号</span><span class="text-muted">注册于 2019年5月5日 14:55</span></div>
                                    <legend>15800000001</legend>
                                </div>
                                <div class="cldform clearfix">
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item  cldform-item-half pr-3">
                                        <div class="cldform-label">手机</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>15800000001</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-item cldform-item-half pl-3">
                                        <div class="cldform-label">邮箱</div>
                                        <div class="cldform-control">

                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">称呼</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>张三</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-half pr-3">
                                        <div class="cldform-label">注册SSO</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>2019-10-21 10:31</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-item cldform-item-half pl-3">
                                        <div class="cldform-label">注册云版</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>2019-10-22 10:31</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-half pr-3">
                                        <div class="cldform-label">企业名称</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>珠海纵横创新软件有限公司</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-item cldform-item-half pl-3">
                                        <div class="cldform-label">企业地区</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>广东</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-header mt-3">
                                    <div class="d-flex justify-content-between"><span class="text-muted">CLD客户</span><span class="text-muted"></span></div>
                                    <div class="text-center"><a href="#linkcld" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#linkcld"><i class="far fa-link"></i> 关联CLD客户</a></div>
                                </div>
                                <div class="form-header mt-3">
                                    <div class="d-flex justify-content-between"><span class="text-muted">CLD客户</span><span class="text-muted">陈特 创建于 2019年5月6日 14:55</span></div>
                                    <legend>张三</legend>
                                </div>
                                <div class="cldform clearfix">
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">姓名</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>张三</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">姓名</div>
                                        <div class="cldform-control">
                                            <textarea class="cldform-contarl-textarea" style="height:36px;width:100%">张三</textarea>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-wauto">
                                        <div class="cldform-label">客户地区</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown"><span class="cldform-contarl-dropdown">广东省 / 珠海市 / 香洲区<i class="far fa-map-marker-alt mt-1"></i></span></div>
                                            <div class="dropdown-menu" style="width:300px">
                                                <ul class="nav nav-tabs nav-tabs-clean justify-content-center" role="tablist">
                                                    <li class="nav-item"><a class="nav-link text-center active" data-toggle="tab" href="#tab-province" role="tab" aria-selected="true">省份</a></li>
                                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city" role="tab" aria-selected="false">市区</a></li>
                                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area" role="tab" aria-selected="false">县区</a></li>
                                                </ul>
                                                <div class="tab-content p-3">
                                                    <div class="tab-pane city-item fade active show" id="tab-province" role="tabpanel" aria-labelledby="tab-province">
                                                        <!--东北地区-->
                                                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">黑龙江省</button><button type="button" class="btn btn-xs btn-outline-default">吉林省</button><button type="button" class="btn btn-xs btn-outline-default">辽宁省</button></p>
                                                        <!--华北地区-->
                                                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">北京市</button><button type="button" class="btn btn-xs btn-outline-default">天津市</button><button type="button" class="btn btn-xs btn-outline-default">河北省</button><button type="button" class="btn btn-xs btn-outline-default">山西省</button><button type="button" class="btn btn-xs btn-outline-default">内蒙古自治区</button></p>
                                                        <!--华中地区-->
                                                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">河南省</button><button type="button" class="btn btn-xs btn-outline-default">湖北省</button><button type="button" class="btn btn-xs btn-outline-default">湖南省</button></p>
                                                        <!--华东地区-->
                                                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">山东省</button><button type="button" class="btn btn-xs btn-outline-default">江苏省</button><button type="button" class="btn btn-xs btn-outline-default">安徽省</button><button type="button" class="btn btn-xs btn-outline-default">上海市</button><button type="button" class="btn btn-xs btn-outline-default">浙江省</button><button type="button" class="btn btn-xs btn-outline-default">江西省</button><button type="button" class="btn btn-xs btn-outline-default">福建省</button><button type="button" class="btn btn-xs btn-outline-default">台湾省</button></p>
                                                        <!--华南地区-->
                                                        <p class="mb-1"><button type="button" class="btn btn-xs btn-primary">广东省</button><button type="button" class="btn btn-xs btn-outline-default">广西壮族自治区</button><button type="button" class="btn btn-xs btn-outline-default">海南省</button><button type="button" class="btn btn-xs btn-outline-default">香港特别行政区</button><button type="button" class="btn btn-xs btn-outline-default">澳门特别行政区</button></p>
                                                        <!--西北地区-->
                                                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">陕西省</button><button type="button" class="btn btn-xs btn-outline-default">甘肃省</button><button type="button" class="btn btn-xs btn-outline-default">宁夏回族自治区</button><button type="button" class="btn btn-xs btn-outline-default">青海省</button><button type="button" class="btn btn-xs btn-outline-default">新疆维吾尔自治区</button></p>
                                                        <!--西南地区-->
                                                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">四川省</button><button type="button" class="btn btn-xs btn-outline-default">贵州省</button><button type="button" class="btn btn-xs btn-outline-default">云南省</button><button type="button" class="btn btn-xs btn-outline-default">重庆市</button><button type="button" class="btn btn-xs btn-outline-default">西藏自治区</button></p>
                                                    </div>
                                                    <div class="tab-pane city-item fade" id="tab-city" role="tabpanel" aria-labelledby="tab-city"><button type="button" class="btn btn-xs btn-outline-default">广州市</button><button type="button" class="btn btn-xs btn-outline-default">深圳市</button><button type="button" class="btn btn-xs btn-primary">珠海市</button><button type="button" class="btn btn-xs btn-outline-default">汕头市</button><button type="button" class="btn btn-xs btn-outline-default">佛山市</button><button type="button" class="btn btn-xs btn-outline-default">韶关市</button><button type="button" class="btn btn-xs btn-outline-default">湛江市</button><button type="button" class="btn btn-xs btn-outline-default">肇庆市</button><button type="button" class="btn btn-xs btn-outline-default">江门市</button><button type="button" class="btn btn-xs btn-outline-default">茂名市</button><button type="button" class="btn btn-xs btn-outline-default">惠州市</button><button type="button" class="btn btn-xs btn-outline-default">梅州市</button><button type="button" class="btn btn-xs btn-outline-default">汕尾市</button><button type="button" class="btn btn-xs btn-outline-default">河源市</button><button type="button" class="btn btn-xs btn-outline-default">阳江市</button><button type="button" class="btn btn-xs btn-outline-default">清远市</button><button type="button" class="btn btn-xs btn-outline-default">东莞市</button><button type="button" class="btn btn-xs btn-outline-default">中山市</button><button type="button" class="btn btn-xs btn-outline-default">潮州市</button><button type="button" class="btn btn-xs btn-outline-default">揭阳市</button><button type="button" class="btn btn-xs btn-outline-default">云浮市</button></div>
                                                    <div class="tab-pane city-item fade" id="tab-area" role="tabpanel" aria-labelledby="tab-area"><button type="button" class="btn btn-xs btn-primary">香洲区</button><button type="button" class="btn btn-xs btn-outline-default">金湾区</button><button type="button" class="btn btn-xs btn-outline-default">斗门区</button></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">单位名称</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><div class="card p-2 text-primary" href="#"><div class="d-flex justify-content-between"><span>珠海纵横创新软件有限公司</span><span><a href="javascript:void(0);" class="btn btn-outline-danger btn-xs btn-icon mr-1" data-toggle="modal" data-target="#remover-com"><i class="far fa-unlink" data-toggle="tooltip" data-placement="left" data-original-title="移除单位"></i></a><a href="javascript:void(0);" class="btn btn-outline-primary btn-xs btn-icon" data-toggle="modal" data-target="#link-com"><i class="far fa-retweet" data-toggle="tooltip" data-placement="left" data-original-title="更换单位"></i></a></span></div></div></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">单位名称</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span><a href="#link-com" data-toggle="modal" data-target="#link-com"><i class="far fa-link"></i> 关联单位</a></span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-half pr-3">
                                        <div class="cldform-label">性别</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown"><span class="cldform-contarl-dropdown">男<i class="far fa-angle-down mt-1"></i></span></div>
                                            <div class="dropdown-menu" style="width:220px"><a class="dropdown-item" href="#">男</a><a class="dropdown-item" href="#">女</a></div>
                                        </div>
                                    </div>
                                    <div class="cldform-item cldform-item-half pl-3">
                                        <div class="cldform-label">昵称</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>陈（特）工：</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-half pr-3">
                                        <div class="cldform-label">手机</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>158 0000 0001</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-item cldform-item-half pl-3">
                                        <div class="cldform-label">QQ</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>1234567</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-half pr-3">
                                        <div class="cldform-label">电话</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850891</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-item cldform-item-half pl-3">
                                        <div class="cldform-label">邮箱</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>914630468@qq.com</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-half pr-3">
                                        <div class="cldform-label">传真</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850891</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item cldform-item-half pr-3">
                                        <div class="cldform-label">部门/职称</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-item cldform-item-half pl-3">
                                        <div class="cldform-label">办公室</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2楼</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">客户地址</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>银桦路8号深发展大厦24D</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">客户乘车</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">客户地标</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">客户住宿</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item">
                                        <div class="cldform-label">备注</div>
                                        <div class="cldform-control">
                                            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
                                        </div>
                                    </div>
                                    <div class="cldform-line"></div>
                                    <div class="cldform-item text-center"><a href="#unlinkcld" class="btn btn-sm btn-outline-danger" data-toggle="modal" data-target="#unlinkcld"><i class="far fa-unlink"></i> 移除CLD客户</a>
                                    </div>
                                </div>
                            </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>
                                            <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="#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>
                                <div class="tab-pane fade sheet-panel-righttop" id="tab-lock" role="tabpanel" aria-labelledby="tab-lock">
                                    <div class="slimScrol3">
                                        <table class="table">
                                            <thead><tr><th class="border-0"></th><th class="border-0">锁号</th><th class="border-0">产品</th><th class="border-0">状态</th><th class="border-0">责任人</th></tr></thead>
                                            <tr><td>1</td><td><a href="#">HNYH-0654</a></td><td>固化清单全功能+全国专业+全国专业（新定额）</td><td>借出</td><td><a href="#">@刘飞</a></td></tr>
                                            <tr><td>2</td><td><a href="#">HNYH-0655</a></td><td>+全国专业（新定额）</td><td>借出</td><td><a href="#">@刘飞</a></td></tr>
                                        </table>
                                    </div>
                                </div>
                                <div class="tab-pane fade sheet-panel-righttop" id="tab-server" role="tabpanel" aria-labelledby="tab-server">
                                    <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>
                                            <tr><td width="20">1</td><td width="140"><a href="#">@陈特</a> 上门服务
                                                <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
                                            <tr><td>2</td><td><a href="#">@陈特</a> 上门服务
                                                <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
                                            <tr><td>3</td><td><a href="#">@陈特</a> 上门服务
                                                <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
                                            <tr><td>4</td><td><a href="#">@陈特</a> 上门服务
                                                <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
                                            <tr><td>5</td><td><a href="#">@陈特</a> 上门服务
                                                <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
                                            <tr><td>6</td><td><a href="#">@陈特</a> 上门服务
                                                <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
                                        </table>
                                    </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">
                            <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">
                                        <p><a href="#">@陈特</a> 关联 CLD客户 张三<br><span class="text-muted">5月5日 14:55</span></p></p>
                                        <p><a href="#">@陈特</a> 添加服务记录<br><span class="text-muted">5月5日 14:55</span></p></p>
                                    </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" 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-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 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>
            <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="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" 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="slimScrol2 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">
                为用户 <b>15811111111,张三</b> 升级 <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>
<!--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 添加服务记录-->
<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>
<% include ../footer.html %>
