|
|
@@ -184,362 +184,7 @@
|
|
|
<!--顶部右栏-->
|
|
|
<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">
|
|
|
@@ -586,9 +231,6 @@
|
|
|
<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">
|
|
|
@@ -604,17 +246,117 @@
|
|
|
<option value="3">广西养护专业版</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
+ <div class="col-auto pr-0">
|
|
|
+ <select class="custom-select form-control custom-select-sm">
|
|
|
+ <option selected="">最近使用</option>
|
|
|
+ <option value="1">重庆定额（2018）</option>
|
|
|
+ <option value="2">江西定额（2018）</option>
|
|
|
+ <option value="3">广东定额（2018）</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" name="paizhi" 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="pai2" name="paizhi">
|
|
|
+ <label class="custom-control-label" for="pai2">登录时长</label>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mb-2">
|
|
|
+ <div class="custom-control custom-radio">
|
|
|
+ <input type="radio" class="custom-control-input" id="pai3" name="paizhi">
|
|
|
+ <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" name="paixu" 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" name="paixu">
|
|
|
+ <label class="custom-control-label" for="pup">升序</label>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </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></tr></thead>
|
|
|
+ <thead><tr><th>通行账号</th><th>企业名称</th><th>CLD联系人</th><th>公司</th><th>最近登录</th><th>最近使用</th><th>登录时长</th><th>注册时间</th><th>已升级专业版</th></tr></thead>
|
|
|
<tbody>
|
|
|
<tr data-toggle="modal" data-target="#detail" class="pointer-hover">
|
|
|
<td>15812345678</td>
|
|
|
<td>xxxx公司</td>
|
|
|
<td>张三</td>
|
|
|
<td>XXXX公司</td>
|
|
|
+ <td>2017-03-04</td>
|
|
|
+ <td>重庆定额（2018）</td>
|
|
|
+ <td>3小时40分钟（2018-03-04）</td>
|
|
|
+ <td>2017-03-03</td>
|
|
|
<td><span class="badge badge-primary mr-1">重庆养护(2018)</span><span class="badge badge-primary">广东养护(2018)</span></td>
|
|
|
</tr>
|
|
|
<tr class="pointer-hover">
|
|
|
@@ -622,6 +364,10 @@
|
|
|
<td>xxxx公司</td>
|
|
|
<td>张三</td>
|
|
|
<td>XXXX公司</td>
|
|
|
+ <td>2017-03-04</td>
|
|
|
+ <td>重庆定额（2018）</td>
|
|
|
+ <td>3小时40分钟（2018-03-04）</td>
|
|
|
+ <td>2017-03-03</td>
|
|
|
<td><span class="badge badge-primary mr-1">重庆养护(2018)</span></td>
|
|
|
</tr>
|
|
|
<tr class="pointer-hover">
|
|
|
@@ -629,6 +375,10 @@
|
|
|
<td>xxxx公司</td>
|
|
|
<td></td>
|
|
|
<td></td>
|
|
|
+ <td>2017-03-04</td>
|
|
|
+ <td>重庆定额（2018）</td>
|
|
|
+ <td>3小时40分钟（2018-03-04）</td>
|
|
|
+ <td>2017-03-03</td>
|
|
|
<td><span class="badge badge-primary mr-1">重庆养护(2018)</span></td>
|
|
|
</tr>
|
|
|
<tr class="pointer-hover">
|
|
|
@@ -636,6 +386,10 @@
|
|
|
<td>xxxx公司</td>
|
|
|
<td></td>
|
|
|
<td></td>
|
|
|
+ <td>2017-03-04</td>
|
|
|
+ <td>重庆定额（2018）</td>
|
|
|
+ <td>3小时40分钟（2018-03-04）</td>
|
|
|
+ <td>2017-03-03</td>
|
|
|
<td></td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
@@ -769,6 +523,19 @@
|
|
|
<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">最近使用</div>
|
|
|
+ <div class="cldform-control">
|
|
|
+ <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>重庆定额（2018）</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>3天5小时</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>
|
|
|
@@ -959,13 +726,14 @@
|
|
|
<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>
|
|
|
+ <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-online" 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>1</td><td>重庆养护(2018)</td><td>已升级（<a href="#">@刘飞</a> 6月5日 13:32）<a href="#degrade-confirm" class="btn btn-xs btn-outline-danger waves-effect waves-themed" data-toggle="modal" data-target="#degrade-confirm">降级</a></td></tr>
|
|
|
<tr><td>2</td><td>广东养护(2018)</td><td><a href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a></td></tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
@@ -982,7 +750,7 @@
|
|
|
<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>
|
|
|
+ <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> 上门服务
|
|
|
@@ -998,6 +766,15 @@
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="tab-pane fade sheet-panel-righttop" id="tab-online" 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">2019-02-03</td><td>3小时</td></tr>
|
|
|
+ </table>
|
|
|
+ <p class="text-center text-muted">仅显示最近30天时长</p>
|
|
|
+ </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>
|
|
|
@@ -1231,10 +1008,21 @@
|
|
|
<div class="tab-pane fade active show sheet-panel-righttop" id="tab-lianxi" role="tabpanel" aria-labelledby="tab-yun">
|
|
|
<div class="slimScrol3">
|
|
|
<table class="table">
|
|
|
- <thead><tr><th width="20" class="border-0"></th><th class="border-0"><a class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">部门</a>
|
|
|
- <div class="dropdown-menu">
|
|
|
- <a class="dropdown-item" href="#">部门1</a>
|
|
|
- <a class="dropdown-item" href="#">部门2</a>
|
|
|
+ <thead><tr><th width="20" class="border-0"></th><th class="border-0"><a class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">所有</a>
|
|
|
+ <div class="dropdown-menu" style="max-height: 200px;overflow: auto;">
|
|
|
+ <a class="dropdown-item d-flex" href="#">所有<i class="far fa-check ml-auto"></i></a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门1</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门2</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门1</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门2</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门1</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门2</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门1</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门2</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门1</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门2</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门1</a>
|
|
|
+ <a class="dropdown-item d-flex" href="#">部门2</a>
|
|
|
</div></th><th class="border-0">姓名</th><th class="border-0">昵称</th><th class="border-0">手机</th><th class="border-0">QQ</th></tr></thead>
|
|
|
<tr><td>1</td><td>部门1</td><td><a href="#">张三</a></td><td>张（三）工：</td><td>15811111111</td><td>23232323</td></tr>
|
|
|
</table>
|
|
|
@@ -1572,6 +1360,28 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--BEGIN 降级确认-->
|
|
|
+ <div class="modal fade" id="degrade-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> <span class="text-danger">降级</span> <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-danger 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">
|
