clientDetail.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <meta charset=utf-8>
  6. <title>CLD.System</title>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta name=copyright content=smartcost.com.cn>
  9. <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  12. <link rel="stylesheet" href="css/sui/sm.css">
  13. <link rel="stylesheet" href="css/sui/sm-extend.css">
  14. <link rel="stylesheet" href="css/sui/global.css">
  15. <link rel=stylesheet href=css/global.css>
  16. </head>
  17. <body>
  18. <div class="warpContent page-group">
  19. <div class="page page-current">
  20. <nav class="bar bar-nav bar-standard">
  21. <button class="button button-link button-nav pull-left">
  22. <span class="icon icon-left"></span>
  23. 返回
  24. </button>
  25. <a href="clientDetailEdit.html" class="button button-link button-nav pull-right">
  26. 编辑客户信息
  27. </a>
  28. <h1 class="title">通讯录</h1>
  29. </nav>
  30. <div class="content">
  31. <div class="buttons-row m-1">
  32. <a href="clientDetail.html" class="active button">客户信息</a>
  33. <a href="clientRecord.html" class="button">服务记录</a>
  34. </div>
  35. <div class="list-block m-0">
  36. <ul>
  37. <li class="item-content">
  38. <div class="item-inner">
  39. <div class="item-title">姓名</div>
  40. <div class="item-after">张三</div>
  41. </div>
  42. </li>
  43. <li class="item-content">
  44. <div class="item-inner">
  45. <div class="item-title">性别</div>
  46. <div class="item-after">男</div>
  47. </div>
  48. </li>
  49. <li class="item-content">
  50. <div class="item-inner">
  51. <div class="item-title">昵称</div>
  52. <div class="item-after">X工</div>
  53. </div>
  54. </li>
  55. <li class="item-content">
  56. <div class="item-inner">
  57. <div class="item-title">手机</div>
  58. <div class="item-after">12345678910</div>
  59. </div>
  60. </li>
  61. <li class="item-content">
  62. <div class="item-inner">
  63. <div class="item-title">电话</div>
  64. <div class="item-after">0000-564645654</div>
  65. </div>
  66. </li>
  67. <li class="item-content">
  68. <div class="item-inner">
  69. <div class="item-title">QQ</div>
  70. <div class="item-after">12345678</div>
  71. </div>
  72. </li>
  73. <li class="item-content">
  74. <div class="item-inner">
  75. <div class="item-title">邮箱</div>
  76. <div class="item-after">123456@qq.com</div>
  77. </div>
  78. </li>
  79. <li class="item-content itemHhang">
  80. <div class="item-inner">
  81. <div class="item-title">锁</div>
  82. <div class="item-after"><a href="lockRecord.html">HNYH-0654</a>(专业版), <a href="lockRecord.html">DW-5465</a>(算量软件)</div>
  83. </div>
  84. </li>
  85. <li class="item-content itemHhang">
  86. <div class="item-inner">
  87. <div class="item-title">标签</div>
  88. <div class="item-after itemDis"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span><i class="contactsMark icon-">P</i><i class="contactsMark icon-">N</i></div>
  89. </div>
  90. </li>
  91. <li class="item-content">
  92. <div class="item-inner">
  93. <div class="item-title">添加人</div>
  94. <div class="item-after">广东版<a href="#">刘飞</a></div>
  95. </div>
  96. </li>
  97. </ul>
  98. </div>
  99. <div class="list-block">
  100. <ul>
  101. <li class="item-content">
  102. <div class="item-inner">
  103. <div class="item-title">客户地区</div>
  104. <div class="item-after">四川,成都,南岸区</div>
  105. </div>
  106. </li>
  107. <li class="item-content">
  108. <div class="item-inner">
  109. <div class="item-title">客户传真</div>
  110. <div class="item-after">0000-12345678</div>
  111. </div>
  112. </li>
  113. <li class="item-content">
  114. <div class="item-inner">
  115. <div class="item-title">客户部门</div>
  116. <div class="item-after">造价部</div>
  117. </div>
  118. </li>
  119. <li class="item-content">
  120. <div class="item-inner">
  121. <div class="item-title">客户职务</div>
  122. <div class="item-after">科员</div>
  123. </div>
  124. </li>
  125. <li class="item-content itemHhang">
  126. <div class="item-inner">
  127. <div class="item-title">客户办公室</div>
  128. <div class="item-after">13楼</div>
  129. </div>
  130. </li>
  131. <li class="item-content itemHhang">
  132. <div class="item-inner">
  133. <div class="item-title">客户地址</div>
  134. <div class="item-after">四川省成都市锦江工业园区三色路163号银海芯座16f</div>
  135. </div>
  136. </li>
  137. <li class="item-content itemHhang">
  138. <div class="item-inner">
  139. <div class="item-title">客户乘车</div>
  140. <div class="item-after">809到天环街下,马路对面坐199路到三色路永安路口下,前行100m</div>
  141. </div>
  142. </li>
  143. <li class="item-content">
  144. <div class="item-inner">
  145. <div class="item-title">客户地标</div>
  146. <div class="item-after">XXX大厦<a title="查看地图" href="#"><img src="img/map.png"></a></div>
  147. </div>
  148. </li>
  149. </ul>
  150. </div>
  151. <div class="list-block">
  152. <ul>
  153. <li class="item-content itemHhang">
  154. <div class="item-inner">
  155. <div class="item-title">单位全称</div>
  156. <div class="item-after"><a href="companyClient.html">四川华腾工程技术有限公司</a></div>
  157. </div>
  158. </li>
  159. <li class="item-content">
  160. <div class="item-inner">
  161. <div class="item-title">单位性质</div>
  162. <div class="item-after">咨询单位</div>
  163. </div>
  164. </li>
  165. <li class="item-content">
  166. <div class="item-inner">
  167. <div class="item-title">单位地区</div>
  168. <div class="item-after">四川,成都,南岸区</div>
  169. </div>
  170. </li>
  171. <li class="item-content">
  172. <div class="item-inner">
  173. <div class="item-title">单位传真</div>
  174. <div class="item-after">0000-12345678</div>
  175. </div>
  176. </li>
  177. <li class="item-content itemHhang">
  178. <div class="item-inner">
  179. <div class="item-title">单位主页</div>
  180. <div class="item-after"><a href="#">www.smartcost.com.cn</a></div>
  181. </div>
  182. </li>
  183. <li class="item-content">
  184. <div class="item-inner">
  185. <div class="item-title">单位部门</div>
  186. <div class="item-after">造价部</div>
  187. </div>
  188. </li>
  189. <li class="item-content">
  190. <div class="item-inner">
  191. <div class="item-title">单位职务</div>
  192. <div class="item-after">科员</div>
  193. </div>
  194. </li>
  195. <li class="item-content itemHhang">
  196. <div class="item-inner">
  197. <div class="item-title">单位办公室</div>
  198. <div class="item-after">13楼</div>
  199. </div>
  200. </li>
  201. <li class="item-content itemHhang">
  202. <div class="item-inner">
  203. <div class="item-title">单位地址</div>
  204. <div class="item-after">四川省成都市锦江工业园区三色路163号银海芯座16f</div>
  205. </div>
  206. </li>
  207. <li class="item-content itemHhang">
  208. <div class="item-inner">
  209. <div class="item-title">单位乘车</div>
  210. <div class="item-after">809到天环街下,马路对面坐199路到三色路永安路口下,前行100m</div>
  211. </div>
  212. </li>
  213. <li class="item-content">
  214. <div class="item-inner">
  215. <div class="item-title">单位地标</div>
  216. <div class="item-after">XXX大厦<a title="查看地图" href="#"><img src="img/map.png"></a></div>
  217. </div>
  218. </li>
  219. </ul>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
  225. <script type='text/javascript' src='js/sui/config.js'></script>
  226. <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
  227. <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
  228. <script type='text/javascript' src='js/sui/global.js'></script>
  229. </body>
  230. </html>