product-yun-yh.html 174 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>
  6. 云版管理-纵横CLD v2.0
  7. </title>
  8. <meta name="description" content="Page Titile">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
  11. <!-- Call App Mode on ios devices -->
  12. <meta name="apple-mobile-web-app-capable" content="yes" />
  13. <!-- Remove Tap Highlight on Windows Phone IE -->
  14. <meta name="msapplication-tap-highlight" content="no">
  15. <!-- base css -->
  16. <link rel="stylesheet" media="screen, print" href="css/vendors.bundle.css">
  17. <link rel="stylesheet" media="screen, print" href="css/app.bundle.css">
  18. <link rel="stylesheet" media="screen, print" href="css/cld-custom.css">
  19. <!-- Place favicon.ico in the root directory -->
  20. <link rel="shortcut icon" href="img/favicon/favicon.ico">
  21. <link rel="stylesheet" media="screen, print" href="css/fa-regular.css">
  22. <link rel="stylesheet" media="screen, print" href="css/fa-solid.css">
  23. <link rel="stylesheet" media="screen, print" href="css/fa-brands.css">
  24. </head>
  25. <body class="mod-bg-1 nav-function-fixed header-function-fixed">
  26. <!-- DOC: script to save and load page settings -->
  27. <script>
  28. /**
  29. * This script should be placed right after the body tag for fast execution
  30. * Note: the script is written in pure javascript and does not depend on thirdparty library
  31. **/
  32. 'use strict';
  33. var classHolder = document.getElementsByTagName("BODY")[0],
  34. /**
  35. * Load from localstorage
  36. **/
  37. themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
  38. {},
  39. themeURL = themeSettings.themeURL || '',
  40. themeOptions = themeSettings.themeOptions || '';
  41. /**
  42. * Load theme options
  43. **/
  44. if (themeSettings.themeOptions)
  45. {
  46. classHolder.className = themeSettings.themeOptions;
  47. console.log("%c✔ Theme settings loaded", "color: #148f32");
  48. }
  49. else
  50. {
  51. console.log("Heads up! Theme settings is empty or does not exist, loading default settings...");
  52. }
  53. if (themeSettings.themeURL && !document.getElementById('mytheme'))
  54. {
  55. var cssfile = document.createElement('link');
  56. cssfile.id = 'mytheme';
  57. cssfile.rel = 'stylesheet';
  58. cssfile.href = themeURL;
  59. document.getElementsByTagName('head')[0].appendChild(cssfile);
  60. }
  61. /**
  62. * Save to localstorage
  63. **/
  64. var saveSettings = function()
  65. {
  66. themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item)
  67. {
  68. return /^(nav|header|mod|display)-/i.test(item);
  69. }).join(' ');
  70. if (document.getElementById('mytheme'))
  71. {
  72. themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
  73. };
  74. localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
  75. }
  76. /**
  77. * Reset settings
  78. **/
  79. var resetSettings = function()
  80. {
  81. localStorage.setItem("themeSettings", "");
  82. }
  83. </script>
  84. <!-- BEGIN Page Wrapper -->
  85. <div class="page-wrapper">
  86. <div class="page-inner">
  87. <!-- BEGIN Left Aside -->
  88. <aside class="page-sidebar">
  89. <div class="page-logo">
  90. <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
  91. <div class='icon-stack fa-2x'>
  92. <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
  93. </div>
  94. <span class="page-logo-text mr-1">产品</span>
  95. <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
  96. <i class="ni ni-my-apps d-inline-block ml-1 fs-lg color-primary-300"></i>
  97. </a>
  98. </div>
  99. <!-- 侧栏主菜单 -->
  100. <nav id="js-primary-nav" class="primary-nav" role="navigation">
  101. <ul id="js-nav-menu" class="nav-menu">
  102. <li class="">
  103. <a href="#" title="软件锁" data-filter-tags="软件锁">
  104. <i class="fal fa-magic "></i>
  105. <span class="nav-link-text">软件锁</span>
  106. </a>
  107. </li>
  108. <li class="active open">
  109. <a href="#" title="云版管理" data-filter-tags="云版管理">
  110. <i class="fal fa-cloud "></i>
  111. <span class="nav-link-text">云版管理</span>
  112. </a>
  113. <ul>
  114. <li class="active">
  115. <a href="#" title="养护云造价" data-filter-tags="养护云造价">
  116. <span class="nav-link-text">养护云造价</span>
  117. </a>
  118. </li>
  119. <li>
  120. <a href="#" title="大司空云计价" data-filter-tags="大司空云计价">
  121. <span class="nav-link-text">大司空云计价</span>
  122. </a>
  123. </li>
  124. </ul>
  125. </li>
  126. </ul>
  127. <div class="filter-message js-filter-message bg-success-600"></div>
  128. </nav>
  129. <!-- END 侧栏主菜单 -->
  130. <!--侧栏底部菜单-->
  131. <div class="nav-footer shadow-top">
  132. <a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
  133. <i class="ni ni-chevron-right"></i>
  134. <i class="ni ni-chevron-right"></i>
  135. </a>
  136. <ul class="list-table m-auto nav-footer-buttons">
  137. <li>
  138. <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Chat logs">
  139. <i class="fal fa-comments"></i>
  140. </a>
  141. </li>
  142. <li>
  143. <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Support Chat">
  144. <i class="fal fa-life-ring"></i>
  145. </a>
  146. </li>
  147. <li>
  148. <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Make a call">
  149. <i class="fal fa-phone"></i>
  150. </a>
  151. </li>
  152. </ul>
  153. </div>
  154. </aside>
  155. <!-- END 侧栏主菜单 -->
  156. <div class="page-content-wrapper">
  157. <!-- BEGIN 页面头部 -->
  158. <header class="page-header" role="banner">
  159. <!-- DOC: 侧栏收起工具 -->
  160. <div class="hidden-md-down dropdown-icon-menu position-relative" >
  161. <a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="隐藏侧栏">
  162. <i class="ni ni-menu"></i>
  163. </a>
  164. <ul>
  165. <li>
  166. <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="迷你侧栏">
  167. <i class="ni ni-minify-nav"></i>
  168. </a>
  169. </li>
  170. </ul>
  171. </div>
  172. <div class="hidden-lg-up">
  173. <a href="#" class="header-btn btn press-scale-down waves-effect waves-themed" data-action="toggle" data-class="mobile-nav-on">
  174. <i class="ni ni-menu"></i>
  175. </a>
  176. </div>
  177. <!--页面标题-->
  178. <h1 class="subheader-title">
  179. 养护云造价
  180. </h1>
  181. <!--顶部右栏-->
  182. <div class="ml-auto d-flex">
  183. <!-- 信息提示 -->
  184. <!-- 用户菜单 -->
  185. <div>
  186. <a href="#" data-toggle="dropdown" title="drlantern@gotbootstrap.com" class="header-icon d-flex align-items-center justify-content-center ml-2">
  187. <img src="img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
  188. <!-- you can also add username next to the avatar with the codes below:
  189. <span class="ml-1 mr-1 text-truncate text-truncate-header hidden-xs-down">Me</span>
  190. <i class="ni ni-chevron-down hidden-xs-down"></i> -->
  191. </a>
  192. <div class="dropdown-menu dropdown-menu-animated dropdown-lg">
  193. <div class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
  194. <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
  195. <span class="mr-2">
  196. <img src="img/demo/avatars/avatar-admin.png" class="rounded-circle profile-image" alt="Dr. Codex Lantern">
  197. </span>
  198. <div class="info-card-text">
  199. <div class="fs-lg text-truncate text-truncate-lg">张三</div>
  200. <span class="text-truncate text-truncate-md opacity-80">工号:0001</span>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="dropdown-divider m-0"></div>
  205. <a href="#" class="dropdown-item" data-action="app-fullscreen">
  206. <span>员工信息</span>
  207. </a>
  208. <div class="dropdown-divider m-0"></div>
  209. <a href="#" class="dropdown-item" data-action="app-fullscreen">
  210. <span>全屏</span>
  211. <i class="float-right text-muted fw-n">F11</i>
  212. </a>
  213. <div class="dropdown-divider m-0"></div>
  214. <a class="dropdown-item fw-500 pt-3 pb-3" href="page_login_alt.html">
  215. <span>退出登录</span>
  216. </a>
  217. </div>
  218. </div>
  219. </div>
  220. </header>
  221. <!-- END 页面头部 -->
  222. <!-- BEGIN 页面内容 -->
  223. <!-- the #js-page-content id is needed for some plugins to initialize -->
  224. <main id="js-page-content" role="main" class="page-content">
  225. <div class="row">
  226. <div class="col-xl-12">
  227. <div id="panel-1" class="panel">
  228. <div class="panel-hdr">
  229. <div class="col-auto pr-0">
  230. <div class="input-group input-group-sm bg-white shadow-inset-2">
  231. <input type="text" class="form-control bg-transparent" placeholder="请输入手机、QQ">
  232. <div class="input-group-append">
  233. <button class="btn btn-default waves-effect waves-themed" type="button"><i class="fal fa-search"></i></button>
  234. </div>
  235. </div>
  236. </div>
  237. <div class="col-auto pr-0">
  238. <select class="custom-select form-control custom-select-sm">
  239. <option selected="">已升级专业版</option>
  240. <option value="1">重庆养护专业版</option>
  241. <option value="2">广东养护专业版</option>
  242. <option value="3">广西养护专业版</option>
  243. </select>
  244. </div>
  245. <div class="col-auto pr-0">
  246. <select class="custom-select form-control custom-select-sm">
  247. <option selected="">最近使用</option>
  248. <option value="1">重庆定额(2018)</option>
  249. <option value="2">江西定额(2018)</option>
  250. <option value="3">广东定额(2018)</option>
  251. </select>
  252. </div>
  253. <div class="col-auto ml-auto">
  254. <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">已显示5列</button>
  255. <div class="dropdown-menu">
  256. <ul class="list-unstyled px-3 pt-2 mb-0">
  257. <li class="mb-2">
  258. <div class="custom-control custom-switch">
  259. <input type="checkbox" class="custom-control-input" id="lie1">
  260. <label class="custom-control-label" for="lie1">称呼</label>
  261. </div>
  262. </li>
  263. <li class="mb-2">
  264. <div class="custom-control custom-switch">
  265. <input type="checkbox" class="custom-control-input" id="lie1">
  266. <label class="custom-control-label" for="lie1">真实姓名</label>
  267. </div>
  268. </li>
  269. <li class="mb-2">
  270. <div class="custom-control custom-switch">
  271. <input type="checkbox" class="custom-control-input" id="lie1">
  272. <label class="custom-control-label" for="lie1">企业名称</label>
  273. </div>
  274. </li>
  275. <li class="mb-2">
  276. <div class="custom-control custom-switch">
  277. <input type="checkbox" class="custom-control-input" id="lie2">
  278. <label class="custom-control-label" for="lie2">CLD联系人</label>
  279. </div>
  280. </li>
  281. <li class="mb-2">
  282. <div class="custom-control custom-switch">
  283. <input type="checkbox" class="custom-control-input" id="lie3">
  284. <label class="custom-control-label" for="lie3">公司</label>
  285. </div>
  286. </li>
  287. <li class="mb-2">
  288. <div class="custom-control custom-switch">
  289. <input type="checkbox" class="custom-control-input" id="lie4" checked="">
  290. <label class="custom-control-label" for="lie4">最近登录</label>
  291. </div>
  292. </li>
  293. <li class="mb-2">
  294. <div class="custom-control custom-switch">
  295. <input type="checkbox" class="custom-control-input" id="lie5">
  296. <label class="custom-control-label" for="lie5">最近使用</label>
  297. </div>
  298. </li>
  299. <li class="mb-2">
  300. <div class="custom-control custom-switch">
  301. <input type="checkbox" class="custom-control-input" id="lie6">
  302. <label class="custom-control-label" for="lie6">登录时长</label>
  303. </div>
  304. </li>
  305. <li class="mb-2">
  306. <div class="custom-control custom-switch">
  307. <input type="checkbox" class="custom-control-input" id="lie7">
  308. <label class="custom-control-label" for="lie7">注册时间</label>
  309. </div>
  310. </li>
  311. </ul>
  312. </div>
  313. </div>
  314. <div class="col-auto pl-0">
  315. <button class="btn btn-sm btn-default" data-toggle="dropdown"><i class="fal fa-sort-amount-down"></i> 排序</button>
  316. <div class="dropdown-menu dropdown-menu-right" id="paixu">
  317. <ul class="list-unstyled px-3 pt-2 mb-0">
  318. <li class="mb-2">
  319. <div class="custom-control custom-radio">
  320. <input type="radio" class="custom-control-input" id="pai1" name="paizhi" checked="">
  321. <label class="custom-control-label" for="pai1">最近登录</label>
  322. </div>
  323. </li>
  324. <li class="mb-2">
  325. <div class="custom-control custom-radio">
  326. <input type="radio" class="custom-control-input" id="pai3" name="paizhi">
  327. <label class="custom-control-label" for="pai3">注册时间</label>
  328. </div>
  329. </li>
  330. </ul>
  331. <ul class="list-unstyled px-3 pt-2 mb-0 border-top">
  332. <li class="mb-2">
  333. <div class="custom-control custom-radio">
  334. <input type="radio" class="custom-control-input" id="pdown" name="paixu" checked="">
  335. <label class="custom-control-label" for="pdown">降序</label>
  336. </div>
  337. </li>
  338. <li class="mb-2">
  339. <div class="custom-control custom-radio">
  340. <input type="radio" class="custom-control-input" id="pup" name="paixu">
  341. <label class="custom-control-label" for="pup">升序</label>
  342. </div>
  343. </li>
  344. </ul>
  345. </div>
  346. </div>
  347. </div>
  348. <div class="panel-container show">
  349. <div class="panel-content">
  350. <table class="table table-bordered table-hover table-striped">
  351. <thead><tr><th>通行账号</th><th>QQ</th><th>企业名称</th><th>CLD联系人</th><th>公司</th><th>最近登录</th><th>最近使用</th><th>登录时长</th><th>注册时间</th>
  352. <th width="150">已升级专业版</th></tr></thead>
  353. <tbody>
  354. <tr class="pointer-hover" data-toggle="modal" data-target="#detail" >
  355. <td>15812345671</td>
  356. <td>12121212</td>
  357. <td>xxxx公司</td>
  358. <td>张三</td>
  359. <td>XXXX公司</td>
  360. <td>2017-03-04</td>
  361. <td>重庆定额(2018)</td>
  362. <td>3小时40分钟(2018-03-04)</td>
  363. <td>2017-03-03</td>
  364. <td><span class="badge badge-primary mb-1">重庆养护(2018)</span><span class="badge badge-primary mb-1">广东养护(2018)</span></td>
  365. </tr>
  366. <tr>
  367. <td>15812345678</td>
  368. <td>12121212</td>
  369. <td>xxxx公司</td>
  370. <td>张三</td>
  371. <td>XXXX公司</td>
  372. <td>2017-03-04</td>
  373. <td>重庆定额(2018)</td>
  374. <td>3小时40分钟(2018-03-04)</td>
  375. <td>2017-03-03</td>
  376. <td><span class="badge badge-primary mb-1">重庆养护(2018)</span></td>
  377. </tr>
  378. <tr>
  379. <td>15812345678</td>
  380. <td>12121212</td>
  381. <td>xxxx公司</td>
  382. <td></td>
  383. <td></td>
  384. <td>2017-03-04</td>
  385. <td>重庆定额(2018)</td>
  386. <td>3小时40分钟(2018-03-04)</td>
  387. <td>2017-03-03</td>
  388. <td><span class="badge badge-primary mb-1">重庆养护(2018)</span></td>
  389. </tr>
  390. <tr>
  391. <td>15812345678</td>
  392. <td>12121212</td>
  393. <td>xxxx公司</td>
  394. <td></td>
  395. <td></td>
  396. <td>2017-03-04</td>
  397. <td>重庆定额(2018)</td>
  398. <td>3小时40分钟(2018-03-04)</td>
  399. <td>2017-03-03</td>
  400. <td></td>
  401. </tr>
  402. </tbody>
  403. </table>
  404. <!--翻页-->
  405. <div class="d-flex justify-content-center">
  406. <ul class="pagination pagination-sm">
  407. <li class="page-item disabled">
  408. <a class="page-link" href="#" aria-label="Previous">
  409. <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span>
  410. </a>
  411. </li>
  412. <li class="page-item active" aria-current="page">
  413. <span class="page-link">
  414. 1
  415. <span class="sr-only">(current)</span>
  416. </span>
  417. </li>
  418. <li class="page-item"><a class="page-link" href="#">2</a></li>
  419. <li class="page-item"><a class="page-link" href="#">3</a></li>
  420. <li class="page-item">
  421. <a class="page-link" href="#" aria-label="Next">
  422. <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span>
  423. </a>
  424. </li>
  425. </ul>
  426. </div>
  427. <!--搜索不存在账号-->
  428. <h3 class="text-center my-5">"<b>15811111111</b>",无搜索结果</h3>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434. </main>
  435. <!-- END Page Content -->
  436. </div>
  437. </div>
  438. </div>
  439. <!-- END Page Wrapper -->
  440. <!-- BEGIN 账号详情弹窗-->
  441. <div class="modal fade" id="detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  442. <div class="modal-dialog modal-xl">
  443. <div class="modal-content">
  444. <div class="dialog-sheet">
  445. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  446. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  447. </button>
  448. <div class="sheet-box row m-0">
  449. <div class="sheet-left-panel">
  450. <!--保存提示-->
  451. <!-- <div class="save-tips">
  452. <div class="alert bg-warning-700 text-white p-2 m-1" role="alert">
  453. <div class="d-flex align-items-center">
  454. <div class="alert-icon">
  455. <i class="fal fa-info-circle"></i>
  456. </div>
  457. <div class="flex-1">
  458. <span class="h5">内容已经修改</span>
  459. </div>
  460. <a href="#" class="btn btn-sm text-white width-8">取消</a>
  461. <a href="#" class="btn btn-light btn-sm width-8">保存</a>
  462. </div>
  463. </div>
  464. </div> -->
  465. <div class="sheet-panel-header d-flex justify-content-between mx-4">
  466. <div>
  467. <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="上一条记录" class="mr-2 disabled"><i class="far fa-chevron-up"></i></a>
  468. <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="下一条记录" class="mr-2"><i class="far fa-chevron-down"></i></a>
  469. <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="新页面打开"><i class="fal fa-external-link"></i></a>
  470. </div>
  471. <div>
  472. </div>
  473. </div>
  474. <div class="sheet-panel-content">
  475. <div class="sheet-panel-form slimScroll1 mx-4">
  476. <div class="form-header">
  477. <div class="d-flex justify-content-between"><span class="text-muted">通行账号SSO</span><span class="text-muted">注册于 2019年5月5日 14:55</span></div>
  478. <legend>15800000001</legend>
  479. </div>
  480. <div class="cldform clearfix">
  481. <div class="cldform-line"></div>
  482. <div class="cldform-item cldform-item-half pr-3">
  483. <div class="cldform-label">手机</div>
  484. <div class="cldform-control">
  485. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>15800000001</span></div>
  486. </div>
  487. </div>
  488. <div class="cldform-item cldform-item-half pl-3">
  489. <div class="cldform-label">邮箱</div>
  490. <div class="cldform-control">
  491. </div>
  492. </div>
  493. <div class="cldform-line"></div>
  494. <div class="cldform-item cldform-item-half pr-3">
  495. <div class="cldform-label">称呼</div>
  496. <div class="cldform-control">
  497. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>张三</span></div>
  498. </div>
  499. </div>
  500. <div class="cldform-item cldform-item-half pl-3">
  501. <div class="cldform-label">QQ</div>
  502. <div class="cldform-control">
  503. </div>
  504. </div>
  505. <div class="cldform-line"></div>
  506. <div class="cldform-item cldform-item-half pr-3">
  507. <div class="cldform-label">真实姓名</div>
  508. <div class="cldform-control">
  509. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>张三</span></div>
  510. </div>
  511. </div>
  512. <div class="cldform-item cldform-item-half pl-3">
  513. <div class="cldform-label">注册云版</div>
  514. <div class="cldform-control">
  515. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>2019-10-22 10:31</span></div>
  516. </div>
  517. </div>
  518. <div class="cldform-line"></div>
  519. <div class="cldform-item cldform-item-half pr-3">
  520. <div class="cldform-label">企业名称</div>
  521. <div class="cldform-control">
  522. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>珠海纵横创新软件有限公司</span></div>
  523. </div>
  524. </div>
  525. <div class="cldform-item cldform-item-half pl-3">
  526. <div class="cldform-label">企业地区</div>
  527. <div class="cldform-control">
  528. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>广东</span></div>
  529. </div>
  530. </div>
  531. <div class="cldform-line"></div>
  532. <div class="cldform-item cldform-item-half pr-3">
  533. <div class="cldform-label">最近使用</div>
  534. <div class="cldform-control">
  535. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>重庆定额(2018)</span></div>
  536. </div>
  537. </div>
  538. <div class="cldform-item cldform-item-half pl-3">
  539. <div class="cldform-label">累计时长</div>
  540. <div class="cldform-control">
  541. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>3天5小时</span></div>
  542. </div>
  543. </div>
  544. </div>
  545. <div class="form-header mt-3">
  546. <div class="d-flex justify-content-between"><span class="text-muted">CLD联系人</span><span class="text-muted"></span></div>
  547. <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>
  548. </div>
  549. <div class="form-header mt-3">
  550. <div class="d-flex justify-content-between"><span class="text-muted">联系人</span><span class="text-muted">陈特 创建于 2019年5月6日 14:55</span></div>
  551. <legend>张三</legend>
  552. </div>
  553. <div class="cldform clearfix">
  554. <div class="cldform-line"></div>
  555. <div class="cldform-item">
  556. <div class="cldform-label">姓名</div>
  557. <div class="cldform-control">
  558. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>张三</span></div>
  559. </div>
  560. </div>
  561. <div class="cldform-line"></div>
  562. <div class="cldform-item">
  563. <div class="cldform-label">姓名</div>
  564. <div class="cldform-control">
  565. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%">张三</textarea>
  566. </div>
  567. </div>
  568. <div class="cldform-line"></div>
  569. <div class="cldform-item cldform-item-wauto">
  570. <div class="cldform-label">联系人地区</div>
  571. <div class="cldform-control">
  572. <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>
  573. <div class="dropdown-menu" style="width:320px">
  574. <ul class="nav nav-tabs nav-tabs-clean justify-content-center" role="tablist">
  575. <li class="nav-item"><a class="nav-link text-center active" data-toggle="tab" href="#tab-province2" role="tab" aria-selected="true">省份</a></li>
  576. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city2" role="tab" aria-selected="false">市区</a></li>
  577. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area2" role="tab" aria-selected="false">县区</a></li>
  578. </ul>
  579. <div class="tab-content p-3">
  580. <div class="tab-pane city-item fade active show" id="tab-province2" role="tabpanel" aria-labelledby="tab-province">
  581. <!--华北地区-->
  582. <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>
  583. <button
  584. type="button" class="btn btn-xs btn-outline-default">山西省</button><button type="button" class="btn btn-xs btn-outline-default">内蒙古自治区</button>
  585. <!--东北地区-->
  586. <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>
  587. <!--华东地区-->
  588. <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>
  589. <button
  590. 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>
  591. <!--华中地区-->
  592. <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>
  593. <!--华南地区-->
  594. <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> <!--西南地区-->
  595. <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>
  596. <button
  597. type="button" class="btn btn-xs btn-outline-default">重庆市</button><button type="button" class="btn btn-xs btn-outline-default">西藏自治区</button>
  598. <!--西北地区-->
  599. <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>
  600. <button
  601. type="button" class="btn btn-xs btn-outline-default">青海省</button><button type="button" class="btn btn-xs btn-outline-default">新疆维吾尔自治区</button>
  602. <!--港澳台-->
  603. <button
  604. type="button" class="btn btn-xs btn-outline-default">台湾省</button>
  605. <button
  606. type="button" class="btn btn-xs btn-outline-default">香港特别行政区</button><button type="button" class="btn btn-xs btn-outline-default">澳门特别行政区</button>
  607. </div>
  608. <div class="tab-pane city-item fade" id="tab-city2" 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"
  609. 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>
  610. <button
  611. 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>
  612. <button
  613. 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>
  614. <button
  615. 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>
  616. <button
  617. type="button" class="btn btn-xs btn-outline-default">揭阳市</button><button type="button" class="btn btn-xs btn-outline-default">云浮市</button></div>
  618. <div class="tab-pane city-item fade" id="tab-area2" 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>
  619. </div>
  620. </div>
  621. </div>
  622. </div>
  623. <div class="cldform-line"></div>
  624. <div class="cldform-item">
  625. <div class="cldform-label">公司名称</div>
  626. <div class="cldform-control">
  627. <div class="cldform-contarl-box cldform-contarl-textareabox"><div class="card p-2 text-primary" href="#"><div class="d-flex justify-content-between"><a href="#com-detail" data-toggle="modal" data-target="#com-detail">珠海纵横创新软件有限公司</a><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>
  628. </div>
  629. </div>
  630. <div class="cldform-line"></div>
  631. <div class="cldform-item">
  632. <div class="cldform-label">公司名称</div>
  633. <div class="cldform-control">
  634. <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>
  635. </div>
  636. </div>
  637. <div class="cldform-line"></div>
  638. <div class="cldform-item cldform-item-half pr-3">
  639. <div class="cldform-label">性别</div>
  640. <div class="cldform-control">
  641. <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>
  642. <div class="dropdown-menu" style="width:220px">
  643. <button class="dropdown-item" >男</button>
  644. <button class="dropdown-item">女</button>
  645. </div>
  646. </div>
  647. </div>
  648. <div class="cldform-item cldform-item-half pl-3">
  649. <div class="cldform-label">昵称</div>
  650. <div class="cldform-control">
  651. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>陈(特)工:</span></div>
  652. </div>
  653. </div>
  654. <div class="cldform-line"></div>
  655. <div class="cldform-item cldform-item-half pr-3">
  656. <div class="cldform-label">手机</div>
  657. <div class="cldform-control">
  658. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>158 0000 0001</span></div>
  659. </div>
  660. </div>
  661. <div class="cldform-item cldform-item-half pl-3">
  662. <div class="cldform-label">QQ</div>
  663. <div class="cldform-control">
  664. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>1234567</span></div>
  665. </div>
  666. </div>
  667. <div class="cldform-line"></div>
  668. <div class="cldform-item cldform-item-half pr-3">
  669. <div class="cldform-label">电话</div>
  670. <div class="cldform-control">
  671. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850891</span></div>
  672. </div>
  673. </div>
  674. <div class="cldform-item cldform-item-half pl-3">
  675. <div class="cldform-label">邮箱</div>
  676. <div class="cldform-control">
  677. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>914630468@qq.com</span></div>
  678. </div>
  679. </div>
  680. <div class="cldform-line"></div>
  681. <div class="cldform-item cldform-item-half pr-3">
  682. <div class="cldform-label">传真</div>
  683. <div class="cldform-control">
  684. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850891</span></div>
  685. </div>
  686. </div>
  687. <div class="cldform-line"></div>
  688. <div class="cldform-item cldform-item-half pr-3">
  689. <div class="cldform-label">部门</div>
  690. <div class="cldform-control">
  691. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  692. </div>
  693. </div>
  694. <div class="cldform-item cldform-item-half pl-3">
  695. <div class="cldform-label">职务</div>
  696. <div class="cldform-control">
  697. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>科长</span></div>
  698. </div>
  699. </div>
  700. <div class="cldform-line"></div>
  701. <div class="cldform-item">
  702. <div class="cldform-label">办公室</div>
  703. <div class="cldform-control">
  704. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2楼</span></div>
  705. </div>
  706. </div>
  707. <div class="cldform-line"></div>
  708. <div class="cldform-item">
  709. <div class="cldform-label">联系人地址</div>
  710. <div class="cldform-control">
  711. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>银桦路8号深发展大厦24D</span></div>
  712. </div>
  713. </div>
  714. <div class="cldform-line"></div>
  715. <div class="cldform-item">
  716. <div class="cldform-label">联系人乘车</div>
  717. <div class="cldform-control">
  718. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  719. </div>
  720. </div>
  721. <div class="cldform-line"></div>
  722. <div class="cldform-item">
  723. <div class="cldform-label">联系人地标</div>
  724. <div class="cldform-control">
  725. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  726. </div>
  727. </div>
  728. <div class="cldform-line"></div>
  729. <div class="cldform-item">
  730. <div class="cldform-label">联系人住宿</div>
  731. <div class="cldform-control">
  732. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  733. </div>
  734. </div>
  735. <div class="cldform-line"></div>
  736. <div class="cldform-item">
  737. <div class="cldform-label">备注</div>
  738. <div class="cldform-control">
  739. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  740. </div>
  741. </div>
  742. <div class="cldform-line"></div>
  743. <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>
  744. </div>
  745. </div>
  746. </div>
  747. </div>
  748. </div>
  749. <div class="sheet-right-panel col p-0">
  750. <div class="sheet-panel-tabs mx-4 mt-4">
  751. <ul class="nav nav-tabs sheet-nav-tabs" role="tablist">
  752. <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-yun" role="tab" aria-selected="true">养护云造价</a></li>
  753. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-lock" role="tab" aria-selected="false">软件锁</a></li>
  754. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-server" role="tab" aria-selected="false">服务记录</a></li>
  755. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-online" role="tab" aria-selected="false">在线时长</a></li>
  756. </ul>
  757. <div class="tab-content">
  758. <div class="tab-pane fade active show sheet-panel-righttop" id="tab-yun" role="tabpanel" aria-labelledby="tab-yun">
  759. <div class="slimScrol3">
  760. <table class="table">
  761. <thead><tr><th class="border-0"></th><th class="border-0">产品</th><th class="border-0">专业版</th></tr></thead>
  762. <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>
  763. <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>
  764. </table>
  765. </div>
  766. </div>
  767. <div class="tab-pane fade sheet-panel-righttop" id="tab-lock" role="tabpanel" aria-labelledby="tab-lock">
  768. <div class="slimScrol3">
  769. <table class="table">
  770. <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>
  771. <tr><td>1</td><td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0654</a></td><td>固化清单全功能+全国专业+全国专业(新定额)</td><td>借出</td><td><a href="#">@刘飞</a></td></tr>
  772. <tr><td>2</td><td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0655</a></td><td>+全国专业(新定额)</td><td>借出</td><td><a href="#">@刘飞</a></td></tr>
  773. </table>
  774. </div>
  775. </div>
  776. <div class="tab-pane fade sheet-panel-righttop" id="tab-server" role="tabpanel" aria-labelledby="tab-server">
  777. <div class="slimScrol3">
  778. <table class="table">
  779. <thead><tr><th class="border-0"></th><th class="border-0">类型/时间</th><th class="border-0">服务内容</th></tr></thead>
  780. <tr><td width="20">1</td><td width="140"><a href="#">@陈特</a> 上门服务
  781. <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
  782. <tr><td>2</td><td><a href="#">@陈特</a> 上门服务
  783. <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
  784. <tr><td>3</td><td><a href="#">@陈特</a> 上门服务
  785. <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
  786. <tr><td>4</td><td><a href="#">@陈特</a> 上门服务
  787. <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
  788. <tr><td>5</td><td><a href="#">@陈特</a> 上门服务
  789. <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
  790. <tr><td>6</td><td><a href="#">@陈特</a> 上门服务
  791. <br><span class="text-muted">5月5日 14:55</span></td><td>1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td></tr>
  792. </table>
  793. </div>
  794. </div>
  795. <div class="tab-pane fade sheet-panel-righttop" id="tab-online" role="tabpanel" aria-labelledby="tab-server">
  796. <div class="slimScrol3">
  797. <table class="table">
  798. <thead><tr><th class="border-0"></th><th class="border-0">日期</th><th class="border-0">时长</th></tr></thead>
  799. <tr><td width="20">1</td><td width="140">2019-02-03</td><td>3小时</td></tr>
  800. </table>
  801. <p class="text-center text-muted">仅显示最近30天时长</p>
  802. </div>
  803. </div>
  804. </div>
  805. <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>
  806. </div>
  807. <div class="sheet-panel-record">
  808. <ul class="nav nav-tabs nav-tabs-clean sheet-nav-tabs" role="tablist">
  809. <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>
  810. </ul>
  811. <div class="tab-content p-3">
  812. <div class="tab-pane fade active show sheet-panel-log" id="tab-log" role="tabpanel" aria-labelledby="tab-log">
  813. <div class="slimScrol4">
  814. <p><a href="#">@陈特</a> 降级重庆养护(2018) 为免费版<br><span class="text-muted">5月5日 14:55</span></p></p>
  815. <p><a href="#">@陈特</a> 移除 CLD联系人 张三<br><span class="text-muted">5月5日 14:55</span></p></p>
  816. <p><a href="#">@陈特</a> 关联 CLD联系人 张三<br><span class="text-muted">5月5日 14:55</span></p></p>
  817. <p><a href="#">@陈特</a> 升级重庆养护(2018)<br><span class="text-muted">5月5日 14:55</span></p></p>
  818. </div>
  819. </div>
  820. </div>
  821. </div>
  822. </div>
  823. </div>
  824. </div>
  825. </div>
  826. </div>
  827. </div>
  828. <!-- BEGIN 公司详情弹窗-->
  829. <div class="modal fade" id="com-detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  830. <div class="modal-dialog modal-xl">
  831. <div class="modal-content">
  832. <div class="dialog-sheet">
  833. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  834. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  835. </button>
  836. <div class="sheet-box row m-0">
  837. <div class="sheet-left-panel">
  838. <!--保存提示-->
  839. <!-- <div class="save-tips">
  840. <div class="alert bg-warning-700 text-white p-2 m-1" role="alert">
  841. <div class="d-flex align-items-center">
  842. <div class="alert-icon">
  843. <i class="fal fa-info-circle"></i>
  844. </div>
  845. <div class="flex-1">
  846. <span class="h5">内容已经修改</span>
  847. </div>
  848. <a href="#" class="btn btn-sm text-white width-8">取消</a>
  849. <a href="#" class="btn btn-light btn-sm width-8">保存</a>
  850. </div>
  851. </div>
  852. </div> -->
  853. <div class="sheet-panel-header d-flex justify-content-between mx-4">
  854. <div>
  855. <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="新页面打开"><i class="fal fa-external-link"></i></a>
  856. </div>
  857. <div>
  858. </div>
  859. </div>
  860. <div class="sheet-panel-content">
  861. <div class="sheet-panel-form slimScroll1 mx-4">
  862. <div class="form-header mt-3">
  863. <div class="d-flex justify-content-between"><span class="text-muted">公司</span><span class="text-muted">陈特 创建于 2019年5月6日 14:55</span></div>
  864. <legend>珠海纵横创新软件有限公司</legend>
  865. </div>
  866. <div class="cldform clearfix">
  867. <div class="cldform-line"></div>
  868. <div class="cldform-item">
  869. <div class="cldform-label">公司全称</div>
  870. <div class="cldform-control">
  871. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>张三</span></div>
  872. </div>
  873. </div>
  874. <div class="cldform-line"></div>
  875. <div class="cldform-item cldform-item-wauto">
  876. <div class="cldform-label">公司地区</div>
  877. <div class="cldform-control">
  878. <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>
  879. <div class="dropdown-menu" style="width:300px">
  880. <ul class="nav nav-tabs nav-tabs-clean justify-content-center" role="tablist">
  881. <li class="nav-item"><a class="nav-link text-center active" data-toggle="tab" href="#tab-province2" role="tab" aria-selected="true">省份</a></li>
  882. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city2" role="tab" aria-selected="false">市区</a></li>
  883. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area2" role="tab" aria-selected="false">县区</a></li>
  884. </ul>
  885. <div class="tab-content p-3">
  886. <div class="tab-pane city-item fade active show" id="tab-province2" role="tabpanel" aria-labelledby="tab-province">
  887. <!--东北地区-->
  888. <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>
  889. <!--华北地区-->
  890. <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>
  891. <!--华中地区-->
  892. <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>
  893. <!--华东地区-->
  894. <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>
  895. <!--华南地区-->
  896. <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>
  897. <!--西北地区-->
  898. <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>
  899. <!--西南地区-->
  900. <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>
  901. </div>
  902. <div class="tab-pane city-item fade" id="tab-city2" 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>
  903. <div class="tab-pane city-item fade" id="tab-area2" 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>
  904. </div>
  905. </div>
  906. </div>
  907. </div>
  908. <div class="cldform-line"></div>
  909. <div class="cldform-item cldform-item-wauto">
  910. <div class="cldform-label">公司性质</div>
  911. <div class="cldform-control">
  912. <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown"><span class="cldform-contarl-dropdown">设计,咨询,招标代理</span></div>
  913. <div class="dropdown-menu" style="width:320px">
  914. <div class="row m-3">
  915. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  916. <input type="checkbox" class="custom-control-input" id="defaultInline1">
  917. <label class="custom-control-label" for="defaultInline1">设计</label>
  918. </div>
  919. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  920. <input type="checkbox" class="custom-control-input" id="defaultInline2">
  921. <label class="custom-control-label" for="defaultInline2">造价管理</label>
  922. </div>
  923. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  924. <input type="checkbox" class="custom-control-input" id="defaultInline3">
  925. <label class="custom-control-label" for="defaultInline3">业主</label>
  926. </div>
  927. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  928. <input type="checkbox" class="custom-control-input" id="defaultInline4">
  929. <label class="custom-control-label" for="defaultInline4">交通局</label>
  930. </div>
  931. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  932. <input type="checkbox" class="custom-control-input" id="defaultInline5">
  933. <label class="custom-control-label" for="defaultInline5">公路局</label>
  934. </div>
  935. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  936. <input type="checkbox" class="custom-control-input" id="defaultInline6">
  937. <label class="custom-control-label" for="defaultInline6">审计</label>
  938. </div>
  939. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  940. <input type="checkbox" class="custom-control-input" id="defaultInline7">
  941. <label class="custom-control-label" for="defaultInline7">财政</label>
  942. </div>
  943. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  944. <input type="checkbox" class="custom-control-input" id="defaultInline8">
  945. <label class="custom-control-label" for="defaultInline8">审核</label>
  946. </div>
  947. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  948. <input type="checkbox" class="custom-control-input" id="defaultInline9">
  949. <label class="custom-control-label" for="defaultInline9">施工</label>
  950. </div>
  951. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  952. <input type="checkbox" class="custom-control-input" id="defaultInline10">
  953. <label class="custom-control-label" for="defaultInline10">咨询</label>
  954. </div>
  955. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  956. <input type="checkbox" class="custom-control-input" id="defaultInline11">
  957. <label class="custom-control-label" for="defaultInline11">招标代理</label>
  958. </div>
  959. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  960. <input type="checkbox" class="custom-control-input" id="defaultInline12">
  961. <label class="custom-control-label" for="defaultInline10">监理</label>
  962. </div>
  963. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  964. <input type="checkbox" class="custom-control-input" id="defaultInline13">
  965. <label class="custom-control-label" for="defaultInline13">学校</label>
  966. </div>
  967. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  968. <input type="checkbox" class="custom-control-input" id="defaultInline14">
  969. <label class="custom-control-label" for="defaultInline14">个人</label>
  970. </div>
  971. <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
  972. <input type="checkbox" class="custom-control-input" id="defaultInline15">
  973. <label class="custom-control-label" for="defaultInline15">合作伙伴</label>
  974. </div>
  975. </div>
  976. </div>
  977. </div>
  978. </div>
  979. <div class="cldform-line"></div>
  980. <div class="cldform-item">
  981. <div class="cldform-label">公司地址</div>
  982. <div class="cldform-control">
  983. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>银桦路8号深发展大厦24D</span></div>
  984. </div>
  985. </div>
  986. <div class="cldform-line"></div>
  987. <div class="cldform-item cldform-item-half pr-3">
  988. <div class="cldform-label">公司传真</div>
  989. <div class="cldform-control">
  990. <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850888</span></div>
  991. </div>
  992. </div>
  993. <div class="cldform-item cldform-item-half pl-3">
  994. <div class="cldform-label">网址</div>
  995. <div class="cldform-control">
  996. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  997. </div>
  998. </div>
  999. <div class="cldform-line"></div>
  1000. <div class="cldform-item">
  1001. <div class="cldform-label">乘车路线</div>
  1002. <div class="cldform-control">
  1003. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  1004. </div>
  1005. </div>
  1006. <div class="cldform-line"></div>
  1007. <div class="cldform-item">
  1008. <div class="cldform-label">地标建筑</div>
  1009. <div class="cldform-control">
  1010. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  1011. </div>
  1012. </div>
  1013. <div class="cldform-line"></div>
  1014. <div class="cldform-item">
  1015. <div class="cldform-label">参考住宿</div>
  1016. <div class="cldform-control">
  1017. <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
  1018. </div>
  1019. </div>
  1020. </div>
  1021. </div>
  1022. </div>
  1023. </div>
  1024. <div class="sheet-right-panel col p-0">
  1025. <div class="sheet-panel-tabs mx-4 mt-4">
  1026. <ul class="nav nav-tabs sheet-nav-tabs" role="tablist">
  1027. <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-lianxi" role="tab" aria-selected="true">联系人</a>
  1028. </li>
  1029. <li class="nav-item">
  1030. </li>
  1031. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-clock" role="tab" aria-selected="false">软件锁</a></li>
  1032. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-cserver" role="tab" aria-selected="false">服务记录</a></li>
  1033. </ul>
  1034. <div class="tab-content">
  1035. <div class="tab-pane fade active show sheet-panel-righttop" id="tab-lianxi" role="tabpanel" aria-labelledby="tab-yun">
  1036. <div class="slimScrol3">
  1037. <table class="table">
  1038. <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>
  1039. <div class="dropdown-menu" style="max-height: 200px;overflow: auto;">
  1040. <a class="dropdown-item d-flex" href="#">所有<i class="far fa-check ml-auto"></i></a>
  1041. <a class="dropdown-item d-flex" href="#">部门1</a>
  1042. <a class="dropdown-item d-flex" href="#">部门2</a>
  1043. <a class="dropdown-item d-flex" href="#">部门1</a>
  1044. <a class="dropdown-item d-flex" href="#">部门2</a>
  1045. <a class="dropdown-item d-flex" href="#">部门1</a>
  1046. <a class="dropdown-item d-flex" href="#">部门2</a>
  1047. <a class="dropdown-item d-flex" href="#">部门1</a>
  1048. <a class="dropdown-item d-flex" href="#">部门2</a>
  1049. <a class="dropdown-item d-flex" href="#">部门1</a>
  1050. <a class="dropdown-item d-flex" href="#">部门2</a>
  1051. <a class="dropdown-item d-flex" href="#">部门1</a>
  1052. <a class="dropdown-item d-flex" href="#">部门2</a>
  1053. </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>
  1054. <tr><td>1</td><td>部门1</td><td><a href="#">张三</a></td><td>张(三)工:</td><td>15811111111</td><td>23232323</td></tr>
  1055. </table>
  1056. </div>
  1057. </div>
  1058. <div class="tab-pane fade sheet-panel-righttop" id="tab-clock" role="tabpanel" aria-labelledby="tab-lock">
  1059. <div class="slimScrol3">
  1060. <table class="table">
  1061. <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>
  1062. <tr><td>1</td><td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0654</a></td><td>固化清单全功能+全国专业+全国专业(新定额)</td><td>借出</td><td><a href="#">张三</a></td></tr>
  1063. <tr><td>2</td><td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0655</a></td><td>+全国专业(新定额)</td><td>借出</td><td><a href="#">李四</a></td></tr>
  1064. </table>
  1065. </div>
  1066. </div>
  1067. <div class="tab-pane fade sheet-panel-righttop" id="tab-cserver" role="tabpanel" aria-labelledby="tab-server">
  1068. <div class="slimScrol3">
  1069. <table class="table">
  1070. <thead><tr><th class="border-0"></th><th class="border-0">类型/时间</th><th class="border-0">服务内容</th</tr></thead>
  1071. <tr><td width="20">1</td><td width="140">上门服务 <a href="#">张三</a>
  1072. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>服务内容</td></tr>
  1073. <tr><td>2</td><td>上门服务 <a href="#">张三</a>
  1074. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>服务内容</td></tr>
  1075. <tr><td>3</td><td>上门服务 <a href="#">张大大</a>
  1076. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>服务内容</td></tr>
  1077. <tr><td>4</td><td>上门服务 <a href="#">李四</a>
  1078. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>服务内容</td></tr>
  1079. <tr><td>5</td><td>上门服务 <a href="#">王五</a>
  1080. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>服务内容</td></tr>
  1081. <tr><td>6</td><td>上门服务 <a href="#">张三</a>
  1082. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>服务内容</td></tr>
  1083. </table>
  1084. </div>
  1085. </div>
  1086. </div>
  1087. <div class="sheet-btns mt-3"><a href="#add-contact" class="btn btn-xs btn-outline-primary" data-toggle="modal" data-target="#add-contact"><i class="far fa-plus"></i> 添加联系人</a><a href="#add-server" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#add-server"><i class="far fa-plus"></i> 添加服务记录</a></div>
  1088. </div>
  1089. <div class="sheet-panel-record">
  1090. <ul class="nav nav-tabs nav-tabs-clean sheet-nav-tabs" role="tablist">
  1091. <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>
  1092. </ul>
  1093. <div class="tab-content p-3">
  1094. <div class="tab-pane fade active show sheet-panel-log" id="tab-log" role="tabpanel" aria-labelledby="tab-log">
  1095. <div class="slimScrol4">
  1096. <p><a href="#">@陈特</a> 移除联系人 张三<br><span class="text-muted">5月5日 14:55</span></p></p>
  1097. <p><a href="#">@陈特</a> 添加联系人 张三<br><span class="text-muted">5月5日 14:55</span></p></p>
  1098. <p><a href="#">@陈特</a> 将公司全称 纵横创新软件 改为 纵横创新软件有限公司<br><span class="text-muted">5月5日 14:55</span></p></p>
  1099. <p><a href="#">@陈特</a> 创建公司<br><span class="text-muted">5月5日 14:55</span></p></p>
  1100. </div>
  1101. </div>
  1102. </div>
  1103. </div>
  1104. </div>
  1105. </div>
  1106. </div>
  1107. </div>
  1108. </div>
  1109. </div>
  1110. <!-- BEGIN 锁详情弹窗-->
  1111. <div class="modal fade" id="lock-detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1112. <div class="modal-dialog modal-xl">
  1113. <div class="modal-content">
  1114. <div class="dialog-sheet">
  1115. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1116. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1117. </button>
  1118. <div class="sheet-box row m-0">
  1119. <div class="sheet-left-panel">
  1120. <!--保存提示-->
  1121. <!-- <div class="save-tips">
  1122. <div class="alert bg-warning-700 text-white p-2 m-1" role="alert">
  1123. <div class="d-flex align-items-center">
  1124. <div class="alert-icon">
  1125. <i class="fal fa-info-circle"></i>
  1126. </div>
  1127. <div class="flex-1">
  1128. <span class="h5">内容已经修改</span>
  1129. </div>
  1130. <a href="#" class="btn btn-sm text-white width-8">取消</a>
  1131. <a href="#" class="btn btn-light btn-sm width-8">保存</a>
  1132. </div>
  1133. </div>
  1134. </div> -->
  1135. <div class="sheet-panel-header d-flex justify-content-between mx-4">
  1136. <div>
  1137. <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="上一条记录" class="mr-2 disabled"><i class="far fa-chevron-up"></i></a>
  1138. <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="下一条记录" class="mr-2"><i class="far fa-chevron-down"></i></a>
  1139. <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="新页面打开"><i class="fal fa-external-link"></i></a>
  1140. </div>
  1141. <div>
  1142. </div>
  1143. </div>
  1144. <div class="sheet-panel-content">
  1145. <div class="sheet-panel-form slimScroll1 mx-4">
  1146. <div class="form-header mt-3">
  1147. <div class="d-flex justify-content-between"><span class="text-muted">软件锁</span><span class="text-muted">出库于 2019年5月6日 14:55</span></div>
  1148. <legend>HNYH-0654</legend>
  1149. </div>
  1150. <div class="cldform clearfix">
  1151. <div class="cldform-line"></div>
  1152. <div class="cldform-item">
  1153. <div class="cldform-label">锁号</div>
  1154. <div class="cldform-control">
  1155. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>HNYH-0654</span></div>
  1156. </div>
  1157. </div>
  1158. <div class="cldform-line"></div>
  1159. <div class="cldform-item">
  1160. <div class="cldform-label">产品</div>
  1161. <div class="cldform-control">
  1162. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>固化清单全功能+全国专业+全国专业(新定额)</span></div>
  1163. </div>
  1164. </div>
  1165. <div class="cldform-line"></div>
  1166. <div class="cldform-item">
  1167. <div class="cldform-label">期限</div>
  1168. <div class="cldform-control">
  1169. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span></span></div>
  1170. </div>
  1171. </div>
  1172. <div class="cldform-line"></div>
  1173. <div class="cldform-item">
  1174. <div class="cldform-label">使用状态</div>
  1175. <div class="cldform-control">
  1176. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>销售</span></div>
  1177. </div>
  1178. </div>
  1179. <div class="cldform-line"></div>
  1180. <div class="cldform-item">
  1181. <div class="cldform-label">负责人</div>
  1182. <div class="cldform-control">
  1183. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span><a href="#">@陈特</a></span></div>
  1184. </div>
  1185. </div>
  1186. <div class="cldform-line"></div>
  1187. <div class="cldform-item">
  1188. <div class="cldform-label">联系人</div>
  1189. <div class="cldform-control">
  1190. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span><a href="#">张三</a></span></div>
  1191. </div>
  1192. </div>
  1193. <div class="cldform-line"></div>
  1194. <div class="cldform-item">
  1195. <div class="cldform-label">公司</div>
  1196. <div class="cldform-control">
  1197. <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span><a href="#">珠海纵横创新软件有限公司</a></span></div>
  1198. </div>
  1199. </div>
  1200. </div>
  1201. </div>
  1202. </div>
  1203. </div>
  1204. <div class="sheet-right-panel col p-0">
  1205. <div class="sheet-panel-tabs mx-4 mt-4">
  1206. <ul class="nav nav-tabs sheet-nav-tabs" role="tablist">
  1207. <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-lserver" role="tab" aria-selected="false">记录内容</a></li>
  1208. </ul>
  1209. <div class="tab-content">
  1210. <div class="tab-pane fade sheet-panel-righttop show active" id="tab-lserver" role="tabpanel" aria-labelledby="tab-server">
  1211. <div class="slimScrol3">
  1212. <table class="table">
  1213. <thead><tr><th class="border-0"></th><th class="border-0">类型/时间</th><th class="border-0">服务内容</th</tr></thead>
  1214. <tr><td width="20">1</td><td width="150">销售 <a href="#">张三</a>
  1215. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>固化清单全功能+全国专业+全国专业(新定额)</td></tr>
  1216. <tr><td width="20">1</td><td width="140">借出 <a href="#">张三</a>
  1217. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>固化清单全功能+全国专业+全国专业(新定额)</td></tr>
  1218. <tr><td width="20">1</td><td width="140">赠送 <a href="#">张三</a>
  1219. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>固化清单全功能+全国专业+全国专业(新定额)</td></tr>
  1220. <tr><td width="20">1</td><td width="140">升级 <a href="#">张三</a>
  1221. <br><span class="text-muted">系统 5月5日 14:55</span></td><td>全国专业(新定额)</td></tr>
  1222. <tr><td width="20">1</td><td width="140">延期 <a href="#">张三</a>
  1223. <br><span class="text-muted">系统 5月5日 14:55</span></td><td>由2018-09-10延期至2019-09-10</td></tr>
  1224. <tr><td width="20">1</td><td width="140">收回 <a href="#">张三</a>
  1225. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td></td></tr>
  1226. <tr><td width="20">1</td><td width="140">更换 <a href="#">张三</a>
  1227. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td><a href="#">ZH-03905</a></td></tr>
  1228. <tr><td width="20">1</td><td width="140">备注 <a href="#">张三</a>
  1229. <br><span class="text-muted"><a href="#">@陈特</a> 5月5日 14:55</span></td><td>备注内容</td></tr>
  1230. </table>
  1231. </div>
  1232. </div>
  1233. </div>
  1234. <div class="sheet-btns mt-3"><a href="#add-lserver" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#add-lserver"><i class="far fa-plus"></i> 添加锁记录</a></div>
  1235. </div>
  1236. <div class="sheet-panel-record">
  1237. <ul class="nav nav-tabs nav-tabs-clean sheet-nav-tabs" role="tablist">
  1238. <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>
  1239. </ul>
  1240. <div class="tab-content p-3">
  1241. <div class="tab-pane fade active show sheet-panel-log" id="tab-log" role="tabpanel" aria-labelledby="tab-log">
  1242. <div class="slimScrol4">
  1243. <p><a href="#">@陈特</a> 移除联系人 张三<br><span class="text-muted">5月5日 14:55</span></p></p>
  1244. <p><a href="#">@陈特</a> 绑定联系人 张三<br><span class="text-muted">5月5日 14:55</span></p></p>
  1245. <p><a href="#">@陈特</a> 接收<br><span class="text-muted">5月5日 14:55</span></p></p>
  1246. <p>系统 生成<br><span class="text-muted">5月5日 14:55</span></p></p>
  1247. </div>
  1248. </div>
  1249. </div>
  1250. </div>
  1251. </div>
  1252. </div>
  1253. </div>
  1254. </div>
  1255. </div>
  1256. </div>
  1257. <!--BEGIN 关联CLD联系人-->
  1258. <div class="modal fade" id="linkcld" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1259. <div class="modal-dialog modal-lg">
  1260. <div class="modal-content clearfix">
  1261. <div class="dialog-sheet">
  1262. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1263. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1264. </button>
  1265. <div class="m-4">
  1266. <div class="input-group bg-white shadow-inset-2">
  1267. <div class="input-group-prepend">
  1268. <span class="input-group-text bg-transparent border-right-0">
  1269. <i class="fal fa-search"></i>
  1270. </span>
  1271. </div>
  1272. <input type="text" class="form-control border-left-0 bg-transparent pl-0" placeholder="搜索联系人(姓名、手机、QQ、公司名称)">
  1273. </div>
  1274. </div>
  1275. </div>
  1276. <div class="modal-search-height border-top border-bottom">
  1277. <div class="slimScrol2 p-4 modal-search-result">
  1278. <div class="card p-3 mb-3" title="点击关联该联系人">
  1279. <div class="row"><div class="col-1 pr-0">张三</div><div class="col-1 pr-0">处长</div><div class="col-2 pr-0">15800000001</div><div class="col-2 pr-0">1231233</div><div class="col-4 pr-0">珠海纵横创新软件有限公司</div><div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择ta</a></div></div>
  1280. </div>
  1281. <div class="card pointer-hover p-3 mb-3" title="点击关联该联系人">
  1282. <div class="row"><div class="col-1 pr-0">张三</div><div class="col-1 pr-0"></div><div class="col-2 pr-0">15800000001</div><div class="col-2 pr-0">1231233</div><div class="col-4 pr-0">珠海纵横创新软件有限公司</div><div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择ta</a></div></div>
  1283. </div>
  1284. </div>
  1285. </div>
  1286. <div class="m-4">
  1287. <a href="#add-contact" data-toggle="modal" data-target="#add-contact" class="btn btn-sm btn-outline-primary"><i class="far fa-plus"></i> 添加并关联新联系人</a>
  1288. </div>
  1289. </div>
  1290. </div>
  1291. </div>
  1292. <!--BEGIN 关联公司-->
  1293. <div class="modal fade" id="link-com" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1294. <div class="modal-dialog modal-lg">
  1295. <div class="modal-content clearfix">
  1296. <div class="dialog-sheet">
  1297. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1298. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1299. </button>
  1300. <div class="m-4">
  1301. <div class="input-group bg-white shadow-inset-2">
  1302. <div class="input-group-prepend">
  1303. <span class="input-group-text bg-transparent border-right-0">
  1304. <i class="fal fa-search"></i>
  1305. </span>
  1306. </div>
  1307. <input type="text" class="form-control border-left-0 bg-transparent pl-0" placeholder="搜索公司">
  1308. </div>
  1309. </div>
  1310. </div>
  1311. <div class="modal-search-height border-top border-bottom">
  1312. <div class="slimScrol2 p-4 modal-search-result">
  1313. <div class="card p-3 mb-3" title="点击关联该公司">
  1314. <div class="row">
  1315. <div class="col-6 pr-0">珠海纵横创新软件有限公司</div>
  1316. <div class="col-4 pr-0">广东省,珠海市,香洲区</div>
  1317. <div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择ta</a></div>
  1318. </div>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. <div class="m-4">
  1323. <a href="#add-company" data-toggle="modal" data-target="#add-company" class="btn btn-sm btn-outline-primary"><i class="far fa-plus"></i> 添加新公司</a>
  1324. </div>
  1325. </div>
  1326. </div>
  1327. </div>
  1328. <!--BEGIN 升级确认-->
  1329. <div class="modal fade" id="update-confirm" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1330. <div class="modal-dialog modal-dialog-centered">
  1331. <div class="modal-content">
  1332. <div class="modal-header">
  1333. <h4 class="modal-title">
  1334. 确认升级
  1335. </h4>
  1336. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1337. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1338. </button>
  1339. </div>
  1340. <div class="modal-body">
  1341. 为用户 <b>15811111111,张三</b> 升级 <b>广东养护(2018)专业版</b>
  1342. </div>
  1343. <div class="modal-footer">
  1344. <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
  1345. <button type="button" class="btn btn-primary waves-effect waves-themed">确认升级</button>
  1346. </div>
  1347. </div>
  1348. </div>
  1349. </div>
  1350. <!--BEGIN 降级确认-->
  1351. <div class="modal fade" id="degrade-confirm" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1352. <div class="modal-dialog modal-dialog-centered">
  1353. <div class="modal-content">
  1354. <div class="modal-header">
  1355. <h4 class="modal-title">
  1356. 确认降级
  1357. </h4>
  1358. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1359. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1360. </button>
  1361. </div>
  1362. <div class="modal-body">
  1363. 为用户 <b>15811111111,张三</b> <span class="text-danger">降级</span> <b>广东养护(2018)免费版</b>
  1364. </div>
  1365. <div class="modal-footer">
  1366. <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
  1367. <button type="button" class="btn btn-danger waves-effect waves-themed">确认降级</button>
  1368. </div>
  1369. </div>
  1370. </div>
  1371. </div>
  1372. <!--BEGIN 移除公司确认-->
  1373. <div class="modal fade" id="remover-com" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1374. <div class="modal-dialog modal-dialog-centered">
  1375. <div class="modal-content">
  1376. <div class="modal-header">
  1377. <h4 class="modal-title">
  1378. 确认移除
  1379. </h4>
  1380. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1381. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1382. </button>
  1383. </div>
  1384. <div class="modal-body">
  1385. 为联系人 <b>张三</b> 移除 <b>珠海纵横创新软件有限公司</b>
  1386. </div>
  1387. <div class="modal-footer">
  1388. <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
  1389. <button type="button" class="btn btn-primary waves-effect waves-themed">确认移除</button>
  1390. </div>
  1391. </div>
  1392. </div>
  1393. </div>
  1394. <!--BEGIN 移除联系人确认-->
  1395. <div class="modal fade" id="unlinkcld" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1396. <div class="modal-dialog modal-dialog-centered">
  1397. <div class="modal-content">
  1398. <div class="modal-header">
  1399. <h4 class="modal-title">
  1400. 确认移除
  1401. </h4>
  1402. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1403. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1404. </button>
  1405. </div>
  1406. <div class="modal-body">
  1407. 为通行账号 <b>15800000001</b> 移除联系人 <b>张三</b>
  1408. </div>
  1409. <div class="modal-footer">
  1410. <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
  1411. <button type="button" class="btn btn-primary waves-effect waves-themed">确认移除</button>
  1412. </div>
  1413. </div>
  1414. </div>
  1415. </div>
  1416. <!--BEGIN 添加服务记录-->
  1417. <div class="modal fade" id="add-server" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1418. <div class="modal-dialog modal-dialog-centered">
  1419. <div class="modal-content">
  1420. <div class="modal-header">
  1421. <h4 class="modal-title">
  1422. 添加服务记录
  1423. </h4>
  1424. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1425. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1426. </button>
  1427. </div>
  1428. <div class="modal-body">
  1429. <!--单位下添加服务记录-->
  1430. <div class="form-group">
  1431. <label class="form-label" for="example-datec">联系人</label>
  1432. <select class="form-control" id="example-datec">
  1433. <optgroup label="部门1">
  1434. <option>张三</option>
  1435. </optgroup>
  1436. <optgroup label="部门2">
  1437. <option>李四</option>
  1438. </optgroup>
  1439. </select>
  1440. </div>
  1441. <div class="form-group">
  1442. <div class="custom-control custom-radio custom-control-inline">
  1443. <input type="radio" class="custom-control-input" id="defaultInline1Radio" name="inlineDefaultRadiosExample">
  1444. <label class="custom-control-label" for="defaultInline1Radio">上门服务</label>
  1445. </div>
  1446. <div class="custom-control custom-radio custom-control-inline">
  1447. <input type="radio" class="custom-control-input" id="defaultInline2Radio" name="inlineDefaultRadiosExample" checked="">
  1448. <label class="custom-control-label" for="defaultInline2Radio">电话拜访</label>
  1449. </div>
  1450. <div class="custom-control custom-radio custom-control-inline">
  1451. <input type="radio" class="custom-control-input" id="defaultInline2Radio" name="inlineDefaultRadiosExample" checked="">
  1452. <label class="custom-control-label" for="defaultInline2Radio">在线服务</label>
  1453. </div>
  1454. <div class="custom-control custom-radio custom-control-inline">
  1455. <input type="radio" class="custom-control-input" id="defaultInline3Radio" name="inlineDefaultRadiosExample" checked="">
  1456. <label class="custom-control-label" for="defaultInline3Radio">其他事项</label>
  1457. </div>
  1458. </div>
  1459. <div class="form-group">
  1460. <label class="form-label" for="example-date">时间</label>
  1461. <input class="form-control" id="example-date" type="date" name="date" value="">
  1462. </div>
  1463. <div class="form-group">
  1464. <label class="form-label" for="example-date">内容</label>
  1465. <textarea class="form-control" id="example-textarea" rows="3" placeholder="填写详细服务内容"> </textarea>
  1466. </div>
  1467. <div class="form-group">
  1468. <div class="custom-control custom-switch">
  1469. <input type="checkbox" class="custom-control-input" id="customSwitch2" checked="">
  1470. <label class="custom-control-label" for="customSwitch2">添加提醒</label>
  1471. </div>
  1472. </div>
  1473. <div class="form-group">
  1474. <label class="form-label" for="example-date">提醒限期</label>
  1475. <input class="form-control" id="example-date" type="date" name="date" value="">
  1476. </div>
  1477. <div class="form-group">
  1478. <label class="form-label" for="example-date">备注</label>
  1479. <textarea class="form-control" id="example-textarea" rows="1"> </textarea>
  1480. </div>
  1481. </div>
  1482. <div class="modal-footer">
  1483. <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
  1484. <button type="button" class="btn btn-primary waves-effect waves-themed">确认添加</button>
  1485. </div>
  1486. </div>
  1487. </div>
  1488. </div>
  1489. <!--BEGIN 绑定加密锁-->
  1490. <div class="modal fade" id="add-lock" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1491. <div class="modal-dialog modal-lg">
  1492. <div class="modal-content clearfix">
  1493. <div class="dialog-sheet">
  1494. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1495. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1496. </button>
  1497. <div class="m-4 row">
  1498. <div class="input-group bg-white shadow-inset-2 col-6 p-0">
  1499. <div class="input-group-prepend">
  1500. <span class="input-group-text bg-transparent border-right-0">
  1501. <i class="fal fa-boxes"></i>
  1502. </span>
  1503. </div>
  1504. <select class="form-control" id="example-select">
  1505. <option>不限产品</option>
  1506. <option>全国专业</option>
  1507. <option>全国标准</option>
  1508. <option>全国招投标</option>
  1509. <option>全国三算</option>
  1510. </select>
  1511. </div>
  1512. <div class="input-group bg-white shadow-inset-2 col-6 pr-0">
  1513. <div class="input-group-prepend">
  1514. <span class="input-group-text bg-transparent border-right-0">
  1515. <i class="fal fa-search"></i>
  1516. </span>
  1517. </div>
  1518. <input type="text" class="form-control border-left-0 bg-transparent pl-0" placeholder="搜索锁号">
  1519. </div>
  1520. </div>
  1521. </div>
  1522. <div class="p-4 border-top d-flex justify-content-center">
  1523. <ul class="nav nav-pills" role="tablist">
  1524. <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#">借出</a></li>
  1525. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#2">销售</a></li>
  1526. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#">赠送</a></li>
  1527. </ul>
  1528. </div>
  1529. <div class="modal-search-height border-top">
  1530. <div class="slimScrol2 p-4 modal-search-result">
  1531. <div class="card p-3 mb-3" title="点击「借出」该锁">
  1532. <div class="row">
  1533. <div class="col-2 pr-0">ZH-03876</div>
  1534. <div class="col-7 pr-0">固化清单全功能+全国专业+全国专业(新定额)</div>
  1535. <div class="col-1 pr-0">接收</div>
  1536. <div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择ta</a></div>
  1537. </div>
  1538. </div>
  1539. <div class="card p-3 mb-3" title="点击「借出」该锁" >
  1540. <div class="row">
  1541. <div class="col-2 pr-0">ZH-03877</div>
  1542. <div class="col-7 pr-0">固化清单全功能+全国专业+全国专业(新定额)</div>
  1543. <div class="col-1 pr-0">接收</div>
  1544. <div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择ta</a></div>
  1545. </div>
  1546. </div>
  1547. <div class="card p-3 mb-3" title="点击「借出」该锁">
  1548. <div class="row">
  1549. <div class="col-2 pr-0">ZH-03878</div>
  1550. <div class="col-7 pr-0">固化清单全功能+全国专业+全国专业(新定额)</div>
  1551. <div class="col-1 pr-0">接收</div>
  1552. <div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择ta</a></div>
  1553. </div>
  1554. </div>
  1555. <div class="card p-3 mb-3" title="点击「借出」该锁">
  1556. <div class="row">
  1557. <div class="col-2 pr-0">ZH-03879</div>
  1558. <div class="col-7 pr-0">固化清单全功能+全国专业+全国专业(新定额)</div>
  1559. <div class="col-1 pr-0">接收</div>
  1560. <div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择ta</a></div>
  1561. </div>
  1562. </div>
  1563. </div>
  1564. </div>
  1565. </div>
  1566. </div>
  1567. </div>
  1568. <!--BEGIN 添加 新联系人-->
  1569. <div class="modal fade" id="add-contact" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1570. <div class="modal-dialog modal-lg">
  1571. <div class="modal-content">
  1572. <div class="modal-header">
  1573. <h4 class="modal-title">
  1574. 添加联系人
  1575. </h4>
  1576. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1577. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1578. </button>
  1579. </div>
  1580. <div class="modal-body">
  1581. <div class="cldform clearfix">
  1582. <div class="cldform-item">
  1583. <div class="cldform-label text-danger">姓名</div>
  1584. <div class="cldform-control">
  1585. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
  1586. </div>
  1587. </div>
  1588. <div class="cldform-line"></div>
  1589. <div class="cldform-item cldform-item-wauto">
  1590. <div class="cldform-label text-danger">联系人地区</div>
  1591. <div class="cldform-control">
  1592. <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>
  1593. <div class="dropdown-menu" style="width:300px">
  1594. <ul class="nav nav-tabs nav-tabs-clean justify-content-center" role="tablist">
  1595. <li class="nav-item"><a class="nav-link text-center active" data-toggle="tab" href="#tab-province" role="tab" aria-selected="true">省份</a></li>
  1596. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city" role="tab" aria-selected="false">市区</a></li>
  1597. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area" role="tab" aria-selected="false">县区</a></li>
  1598. </ul>
  1599. <div class="tab-content p-3">
  1600. <div class="tab-pane city-item fade active show" id="tab-province" role="tabpanel" aria-labelledby="tab-province">
  1601. <!--东北地区-->
  1602. <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>
  1603. <!--华北地区-->
  1604. <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>
  1605. <!--华中地区-->
  1606. <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>
  1607. <!--华东地区-->
  1608. <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>
  1609. <!--华南地区-->
  1610. <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>
  1611. <!--西北地区-->
  1612. <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>
  1613. <!--西南地区-->
  1614. <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>
  1615. </div>
  1616. <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-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><button type="button" class="btn btn-xs btn-outline-default">云浮市</button></div>
  1617. <div class="tab-pane city-item fade" id="tab-area" role="tabpanel" aria-labelledby="tab-area"><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>
  1618. </div>
  1619. </div>
  1620. </div>
  1621. </div>
  1622. <div class="cldform-line"></div>
  1623. <div class="cldform-item cldform-item-half pr-3">
  1624. <div class="cldform-label">性别</div>
  1625. <div class="cldform-control">
  1626. <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>
  1627. <div class="dropdown-menu" style="width:220px">
  1628. <button class="dropdown-item" >男</button>
  1629. <button class="dropdown-item">女</button>
  1630. </div>
  1631. </div>
  1632. </div>
  1633. <div class="cldform-item cldform-item-half pl-3">
  1634. <div class="cldform-label">昵称</div>
  1635. <div class="cldform-control">
  1636. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1637. </div>
  1638. </div>
  1639. <div class="cldform-line"></div>
  1640. <div class="cldform-item cldform-item-half pr-3">
  1641. <div class="cldform-label text-danger">手机</div>
  1642. <div class="cldform-control">
  1643. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
  1644. </div>
  1645. </div>
  1646. <div class="cldform-item cldform-item-half pl-3">
  1647. <div class="cldform-label text-danger">QQ</div>
  1648. <div class="cldform-control">
  1649. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
  1650. </div>
  1651. </div>
  1652. <div class="cldform-line"></div>
  1653. <div class="cldform-item cldform-item-half pr-3">
  1654. <div class="cldform-label">电话</div>
  1655. <div class="cldform-control">
  1656. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1657. </div>
  1658. </div>
  1659. <div class="cldform-item cldform-item-half pl-3">
  1660. <div class="cldform-label">邮箱</div>
  1661. <div class="cldform-control">
  1662. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1663. </div>
  1664. </div>
  1665. <div class="cldform-line"></div>
  1666. <div class="cldform-item cldform-item-half pr-3">
  1667. <div class="cldform-label">传真</div>
  1668. <div class="cldform-control">
  1669. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1670. </div>
  1671. </div>
  1672. <div class="cldform-line"></div>
  1673. <div class="cldform-item">
  1674. <div class="cldform-label">联系人地址</div>
  1675. <div class="cldform-control">
  1676. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1677. </div>
  1678. </div>
  1679. <div class="cldform-line"></div>
  1680. <div class="cldform-item">
  1681. <div class="cldform-label">联系人乘车</div>
  1682. <div class="cldform-control">
  1683. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1684. </div>
  1685. </div>
  1686. <div class="cldform-line"></div>
  1687. <div class="cldform-item">
  1688. <div class="cldform-label">联系人地标</div>
  1689. <div class="cldform-control">
  1690. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1691. </div>
  1692. </div>
  1693. <div class="cldform-line"></div>
  1694. <div class="cldform-item">
  1695. <div class="cldform-label">联系人住宿</div>
  1696. <div class="cldform-control">
  1697. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1698. </div>
  1699. </div>
  1700. <div class="cldform-line"></div>
  1701. <div class="cldform-item">
  1702. <div class="cldform-label">备注</div>
  1703. <div class="cldform-control">
  1704. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1705. </div>
  1706. </div>
  1707. <div class="cldform-line"></div>
  1708. <div class="alert alert-danger mt-1" role="alert">
  1709. <strong>添加失败!</strong> 有必填项未填写信息。
  1710. </div>
  1711. </div>
  1712. </div>
  1713. <div class="modal-footer">
  1714. <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
  1715. <!--关联联系人中添加-->
  1716. <button type="button" class="btn btn-primary waves-effect waves-themed">添加并关联</button>
  1717. <!--公司下中添加-->
  1718. <button type="button" class="btn btn-primary waves-effect waves-themed">为公司添加</button>
  1719. </div>
  1720. </div>
  1721. </div>
  1722. </div>
  1723. <!--BEGIN 添加 新公司-->
  1724. <div class="modal fade" id="add-company" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
  1725. <div class="modal-dialog modal-lg">
  1726. <div class="modal-content">
  1727. <div class="modal-header">
  1728. <h4 class="modal-title">
  1729. 添加新公司
  1730. </h4>
  1731. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1732. <span aria-hidden="true"><i class="fal fa-times"></i></span>
  1733. </button>
  1734. </div>
  1735. <div class="modal-body">
  1736. <div class="cldform clearfix">
  1737. <div class="cldform-item">
  1738. <div class="cldform-label text-danger">公司全称</div>
  1739. <div class="cldform-control">
  1740. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
  1741. </div>
  1742. </div>
  1743. <div class="cldform-line"></div>
  1744. <div class="cldform-item cldform-item-wauto">
  1745. <div class="cldform-label text-danger">公司地区</div>
  1746. <div class="cldform-control">
  1747. <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>
  1748. <div class="dropdown-menu" style="width:300px">
  1749. <ul class="nav nav-tabs nav-tabs-clean justify-content-center" role="tablist">
  1750. <li class="nav-item"><a class="nav-link text-center active" data-toggle="tab" href="#tab-province" role="tab" aria-selected="true">省份</a></li>
  1751. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city" role="tab" aria-selected="false">市区</a></li>
  1752. <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area" role="tab" aria-selected="false">县区</a></li>
  1753. </ul>
  1754. <div class="tab-content p-3">
  1755. <div class="tab-pane city-item fade active show" id="tab-province" role="tabpanel" aria-labelledby="tab-province">
  1756. <!--东北地区-->
  1757. <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>
  1758. <!--华北地区-->
  1759. <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>
  1760. <!--华中地区-->
  1761. <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>
  1762. <!--华东地区-->
  1763. <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>
  1764. <!--华南地区-->
  1765. <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>
  1766. <!--西北地区-->
  1767. <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>
  1768. <!--西南地区-->
  1769. <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>
  1770. </div>
  1771. <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-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><button type="button" class="btn btn-xs btn-outline-default">云浮市</button></div>
  1772. <div class="tab-pane city-item fade" id="tab-area" role="tabpanel" aria-labelledby="tab-area"><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>
  1773. </div>
  1774. </div>
  1775. </div>
  1776. </div>
  1777. <div class="cldform-line"></div>
  1778. <div class="cldform-item">
  1779. <div class="cldform-label">公司性质</div>
  1780. <div class="cldform-control">
  1781. <div class="cldform-control-checkbox">
  1782. <div class="custom-control custom-checkbox custom-control-inline">
  1783. <input type="checkbox" class="custom-control-input" id="defaultInline1">
  1784. <label class="custom-control-label" for="defaultInline1">设计</label>
  1785. </div>
  1786. <div class="custom-control custom-checkbox custom-control-inline">
  1787. <input type="checkbox" class="custom-control-input" id="defaultInline2">
  1788. <label class="custom-control-label" for="defaultInline2">造价管理</label>
  1789. </div>
  1790. <div class="custom-control custom-checkbox custom-control-inline">
  1791. <input type="checkbox" class="custom-control-input" id="defaultInline3">
  1792. <label class="custom-control-label" for="defaultInline3">业主</label>
  1793. </div>
  1794. <div class="custom-control custom-checkbox custom-control-inline">
  1795. <input type="checkbox" class="custom-control-input" id="defaultInline4">
  1796. <label class="custom-control-label" for="defaultInline4">交通局</label>
  1797. </div>
  1798. <div class="custom-control custom-checkbox custom-control-inline">
  1799. <input type="checkbox" class="custom-control-input" id="defaultInline5">
  1800. <label class="custom-control-label" for="defaultInline5">公路局</label>
  1801. </div>
  1802. <div class="custom-control custom-checkbox custom-control-inline">
  1803. <input type="checkbox" class="custom-control-input" id="defaultInline6">
  1804. <label class="custom-control-label" for="defaultInline6">审计</label>
  1805. </div>
  1806. <div class="custom-control custom-checkbox custom-control-inline">
  1807. <input type="checkbox" class="custom-control-input" id="defaultInline7">
  1808. <label class="custom-control-label" for="defaultInline7">财政</label>
  1809. </div>
  1810. <div class="custom-control custom-checkbox custom-control-inline">
  1811. <input type="checkbox" class="custom-control-input" id="defaultInline8">
  1812. <label class="custom-control-label" for="defaultInline8">审核</label>
  1813. </div>
  1814. <div class="custom-control custom-checkbox custom-control-inline">
  1815. <input type="checkbox" class="custom-control-input" id="defaultInline9">
  1816. <label class="custom-control-label" for="defaultInline9">施工</label>
  1817. </div>
  1818. <div class="custom-control custom-checkbox custom-control-inline">
  1819. <input type="checkbox" class="custom-control-input" id="defaultInline10">
  1820. <label class="custom-control-label" for="defaultInline10">咨询</label>
  1821. </div>
  1822. <div class="custom-control custom-checkbox custom-control-inline">
  1823. <input type="checkbox" class="custom-control-input" id="defaultInline11">
  1824. <label class="custom-control-label" for="defaultInline11">招标代理</label>
  1825. </div>
  1826. <div class="custom-control custom-checkbox custom-control-inline">
  1827. <input type="checkbox" class="custom-control-input" id="defaultInline12">
  1828. <label class="custom-control-label" for="defaultInline10">监理</label>
  1829. </div>
  1830. <div class="custom-control custom-checkbox custom-control-inline">
  1831. <input type="checkbox" class="custom-control-input" id="defaultInline13">
  1832. <label class="custom-control-label" for="defaultInline13">学校</label>
  1833. </div>
  1834. <div class="custom-control custom-checkbox custom-control-inline">
  1835. <input type="checkbox" class="custom-control-input" id="defaultInline14">
  1836. <label class="custom-control-label" for="defaultInline14">个人</label>
  1837. </div>
  1838. <div class="custom-control custom-checkbox custom-control-inline">
  1839. <input type="checkbox" class="custom-control-input" id="defaultInline15">
  1840. <label class="custom-control-label" for="defaultInline15">合作伙伴</label>
  1841. </div>
  1842. </div>
  1843. </div>
  1844. </div>
  1845. <div class="cldform-line"></div>
  1846. <div class="cldform-item">
  1847. <div class="cldform-label">公司地址</div>
  1848. <div class="cldform-control">
  1849. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1850. </div>
  1851. </div>
  1852. <div class="cldform-line"></div>
  1853. <div class="cldform-item cldform-item-half pr-3">
  1854. <div class="cldform-label">公司传真</div>
  1855. <div class="cldform-control">
  1856. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1857. </div>
  1858. </div>
  1859. <div class="cldform-item cldform-item-half pl-3">
  1860. <div class="cldform-label">网址</div>
  1861. <div class="cldform-control">
  1862. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1863. </div>
  1864. </div>
  1865. <div class="cldform-line"></div>
  1866. <div class="cldform-item">
  1867. <div class="cldform-label">乘车路线</div>
  1868. <div class="cldform-control">
  1869. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1870. </div>
  1871. </div>
  1872. <div class="cldform-line"></div>
  1873. <div class="cldform-item">
  1874. <div class="cldform-label">地标建筑</div>
  1875. <div class="cldform-control">
  1876. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1877. </div>
  1878. </div>
  1879. <div class="cldform-line"></div>
  1880. <div class="cldform-item">
  1881. <div class="cldform-label">参考住宿</div>
  1882. <div class="cldform-control">
  1883. <textarea class="cldform-contarl-textarea" style="height:36px;width:100%"></textarea>
  1884. </div>
  1885. </div>
  1886. <div class="cldform-line"></div>
  1887. <div class="alert alert-danger mt-1" role="alert">
  1888. <strong>添加失败!</strong> 有必填项未填写信息。
  1889. </div>
  1890. </div>
  1891. </div>
  1892. <div class="modal-footer">
  1893. <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
  1894. <button type="button" class="btn btn-primary waves-effect waves-themed">仅添加</button>
  1895. <button type="button" class="btn btn-primary waves-effect waves-themed">添加并关联</button>
  1896. </div>
  1897. </div>
  1898. </div>
  1899. </div>
  1900. <!-- BEGIN应用切换 -->
  1901. <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
  1902. <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
  1903. <div class="modal-content">
  1904. <div class="modal-body">
  1905. <ul class="app-list w-auto h-auto p-0 text-left">
  1906. <li>
  1907. <a href="#" class="app-list-item text-white">
  1908. <div class='icon-stack'>
  1909. <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
  1910. </div>
  1911. <span class="app-list-name">
  1912. 工作台
  1913. </span>
  1914. </a>
  1915. </li>
  1916. <li>
  1917. <a href="#" class="app-list-item text-white">
  1918. <div class='icon-stack'>
  1919. <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
  1920. </div>
  1921. <span class="app-list-name">
  1922. 客户
  1923. </span>
  1924. </a>
  1925. </li>
  1926. <li>
  1927. <a href="#" class="app-list-item text-white">
  1928. <div class='icon-stack'>
  1929. <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
  1930. </div>
  1931. <span class="app-list-name">
  1932. 产品
  1933. </span>
  1934. </a>
  1935. </li>
  1936. <li>
  1937. <a href="#" class="app-list-item text-white">
  1938. <div class='icon-stack'>
  1939. <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
  1940. </div>
  1941. <span class="app-list-name">
  1942. 开票合同
  1943. </span>
  1944. </a>
  1945. </li>
  1946. <li>
  1947. <a href="#" class="app-list-item text-white">
  1948. <div class='icon-stack'>
  1949. <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
  1950. </div>
  1951. <span class="app-list-name">
  1952. 财务费用
  1953. </span>
  1954. </a>
  1955. </li>
  1956. <li>
  1957. <a href="#" class="app-list-item text-white">
  1958. <div class='icon-stack'>
  1959. <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
  1960. </div>
  1961. <span class="app-list-name">
  1962. 考勤
  1963. </span>
  1964. </a>
  1965. </li>
  1966. <li>
  1967. <a href="#" class="app-list-item text-white">
  1968. <div class='icon-stack'>
  1969. <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
  1970. </div>
  1971. <span class="app-list-name">
  1972. 人资
  1973. </span>
  1974. </a>
  1975. </li>
  1976. <li>
  1977. <a href="#" class="app-list-item text-white">
  1978. <div class='icon-stack'>
  1979. <i class="base base-5 icon-stack-3x opacity-100 color-danger-300"></i> <i class="base base-14 icon-stack-2x opacity-100 color-danger-200"></i> <i class="fas fa-id-card icon-stack-2x opacity-100 color-white"></i>
  1980. </div>
  1981. <span class="app-list-name">
  1982. 我的纵横
  1983. </span>
  1984. </a>
  1985. </li>
  1986. </ul>
  1987. </div>
  1988. </div>
  1989. </div>
  1990. </div>
  1991. </body>
  1992. <!-- base vendor bundle:
  1993. DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations
  1994. + pace.js (recommended)
  1995. + jquery.js (core)
  1996. + jquery-ui-cust.js (core)
  1997. + popper.js (core)
  1998. + bootstrap.js (core)
  1999. + slimscroll.js (extension)
  2000. + app.navigation.js (core)
  2001. + ba-throttle-debounce.js (core)
  2002. + waves.js (extension)
  2003. + smartpanels.js (extension)
  2004. + src/../jquery-snippets.js (core) -->
  2005. <script src="js/vendors.bundle.js"></script>
  2006. <script src="js/app.bundle.js"></script>
  2007. <script src="js/cld-custom.js"></script>
  2008. <!--<script src="js/../script.js"></script>
  2009. <script>
  2010. $(document).ready(function () {
  2011. });
  2012. </script>-->
  2013. <script type="text/javascript">autoFlashHeight();</script>
  2014. <script type="text/javascript">
  2015. $('.slimScroll1').slimScroll({
  2016. position: 'right',
  2017. height:'auto' ,
  2018. railVisible: true
  2019. });
  2020. </script>
  2021. <script type="text/javascript">
  2022. $('.slimScrol2').slimScroll({
  2023. position: 'right',
  2024. height:'auto' ,
  2025. railVisible: true
  2026. });
  2027. </script>
  2028. <script type="text/javascript">
  2029. $('.slimScrol3').slimScroll({
  2030. position: 'right',
  2031. height:'auto' ,
  2032. railVisible: true
  2033. });
  2034. </script>
  2035. <script type="text/javascript">
  2036. $('.slimScrol4').slimScroll({
  2037. position: 'right',
  2038. height:'auto' ,
  2039. railVisible: true
  2040. });
  2041. </script>
  2042. </html>