123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191 |
- <% 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">已升级用户列表不存在 "<b>15811111111</b>" ,您可以尝试<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">养护云版不存在 "<b>15811111111</b>" 用户,请检查是否输入有误。</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 %>
|