contacts-lock.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>CLD.System</title>
  6. <meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta name=copyright content=smartcost.com.cn>
  9. <link rel=stylesheet href=css/global.css>
  10. <script src=js/jquery-1.7.1.min.js></script>
  11. <script src=js/global.js></script>
  12. </head>
  13. <body>
  14. <div class="mainLayout">
  15. <div class="mainMenu">
  16. <div class="menuItem">
  17. <a href="#" class="mLogo">CLD</a>
  18. <ul>
  19. <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
  20. <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
  21. <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
  22. <li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
  23. <li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
  24. <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
  25. <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
  26. <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
  27. <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
  28. <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
  29. <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
  30. </ul>
  31. </div>
  32. </div>
  33. <div class="warpContent">
  34. <div class="contactTab">
  35. <a href="#" class="now">我的客户</a><a href="#" >我的单位</a>
  36. <div class="searchItem"><input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"></div>
  37. <div class="tabButton">
  38. <a href="#" title="添加新客户">+客户</a>
  39. </div>
  40. </div>
  41. <div class="contactDatabase fL">
  42. <div class="contactCate">
  43. <ul class="cateList">
  44. <li class="fR">
  45. <div class="btn-group">
  46. <a class="btn dropdown-toggle btn-mini" data-toggle="dropdown" href="#">
  47. <i class="icon-">h</i>&nbsp;排序
  48. <span class="caret"></span>
  49. </a>
  50. <ul class="dropdown-menu">
  51. <li><a tabindex="-1" href="#"><i class="icon-">h</i>&nbsp;最新添加</a></li>
  52. <li><a tabindex="-1" href="#"><i class="icon-">g</i>&nbsp;最近编辑</a></li>
  53. <li><a tabindex="-1" href="#"><i class="icon-">f</i>&nbsp;单位名称</a></li>
  54. <li><a tabindex="-1" href="#"><i class="icon-">i</i>&nbsp;最近记录</a></li>
  55. </ul>
  56. </div></li>
  57. <li><span data-placement="right" data-toggle="ctooltip" data-original-title="地区筛选的客户包括:‘你所在办事处的省份’和‘您创建的客户’;非本人创建并且客户所在地非本办事处省份的客户,暂时不提供地区筛选。" ><select><option>内蒙古自治区</option></select>&nbsp;<select><option>珠海</option></select>&nbsp;<select><option>香洲区</option></select></span>&nbsp;<select><option>设计单位</option><option>咨询单位</option><option>审核单位</option><option>造价管理</option><option>业主</option><option>交通局</option><option>公路局</option><option>施工单位</option><option>监理单位</option><option>招标代理</option><option>学校</option><option>合作伙伴</option><option>个人</option></select>
  58. <div class="resultTips">< 搜索<b class="colRed">中铁</b>有结果<b class="colRed">123</b>条,可在结果中进行地区筛选</div>
  59. </li>
  60. <li class="filter clearfix">
  61. <label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
  62. <label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
  63. <label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
  64. <label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
  65. <label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
  66. <label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  67. <label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  68. <a href="#editTag" data-toggle="modal" role="button" title="编辑标签">编辑</a>
  69. <div class="mark">
  70. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">L</i>
  71. <i class="contactsMark icon- now" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">M</i>
  72. <i class="contactsMark icon- now" data-placement="right" data-toggle="ctooltip" data-original-title="皇冠标签">N</i>
  73. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">O</i>
  74. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">P</i>
  75. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">Q</i>
  76. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">R</i></div>
  77. </li>
  78. </ul>
  79. <div class="contactTableHead">
  80. <table>
  81. <tr>
  82. <td width="80">姓名</td>
  83. <td width="300">单位</td>
  84. <td width="90"><span>部门&职位</span></td>
  85. <td width="70">个人标签</td>
  86. <td width="80">协作标签</td>
  87. <td width="90">手机</td>
  88. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  89. </tr>
  90. </table>
  91. </div>
  92. </div>
  93. <div class="contactList autoHeightL2">
  94. <table class="contactTable">
  95. <tr>
  96. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  97. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  98. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  99. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  100. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  101. <td width="90"><span>15812644017,121212</span></td>
  102. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  103. </tr>
  104. <tr>
  105. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  106. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  107. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  108. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  109. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  110. <td width="90"><span>15812644017,121212</span></td>
  111. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  112. </tr>
  113. <tr>
  114. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  115. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  116. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  117. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  118. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  119. <td width="90"><span>15812644017,121212</span></td>
  120. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  121. </tr>
  122. <tr>
  123. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  124. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  125. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  126. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  127. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  128. <td width="90"><span>15812644017,121212</span></td>
  129. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  130. </tr>
  131. <tr>
  132. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  133. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  134. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  135. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  136. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  137. <td width="90"><span>15812644017,121212</span></td>
  138. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  139. </tr>
  140. <tr>
  141. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  142. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  143. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  144. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  145. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  146. <td width="90"><span>15812644017,121212</span></td>
  147. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  148. </tr>
  149. <tr>
  150. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  151. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  152. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  153. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  154. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  155. <td width="90"><span>15812644017,121212</span></td>
  156. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  157. </tr>
  158. <tr>
  159. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  160. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  161. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  162. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  163. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  164. <td width="90"><span>15812644017,121212</span></td>
  165. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  166. </tr>
  167. <tr>
  168. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  169. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  170. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  171. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  172. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  173. <td width="90"><span>15812644017,121212</span></td>
  174. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  175. </tr>
  176. <tr>
  177. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  178. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  179. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  180. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  181. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  182. <td width="90"><span>15812644017,121212</span></td>
  183. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  184. </tr>
  185. <tr>
  186. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  187. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  188. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  189. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  190. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  191. <td width="90"><span>15812644017,121212</span></td>
  192. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  193. </tr>
  194. <tr>
  195. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  196. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  197. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  198. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  199. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  200. <td width="90"><span>15812644017,121212</span></td>
  201. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  202. </tr>
  203. <tr>
  204. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  205. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  206. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  207. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  208. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  209. <td width="90"><span>15812644017,121212</span></td>
  210. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  211. </tr>
  212. <tr>
  213. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  214. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  215. <td width="90"><span>经营部</span><span>领导<i class="icon- sport">1<i></span></td>
  216. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  217. <td width="80"><i class="contactsMark icon-">L</i><i class="contactsMark icon-">M</i><i class="contactsMark icon-">N</i><i class="contactsMark icon-">O</i><i class="contactsMark icon-">P</i><i class="contactsMark icon-">Q</i><i class="contactsMark icon-">R</i><a href="#" class="addTag" title="添加协作标签">+</a></td>
  218. <td width="90"><span>15812644017,121212</span></td>
  219. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  220. </tr>
  221. </table>
  222. <div class="changePage">
  223. 翻页
  224. <select>
  225. <option selected="" value=":1">第1页</option></select>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="contactDetil fL">
  230. <div class="contactInfo clearfix">
  231. <div class="header">
  232. <h1>HNYH-0555</h1>
  233. <h2><a href="">张少珊</a>收回 / 专业版+河南养护</h2>
  234. </div>
  235. </div>
  236. <div class="lockRecord autoHeightR4">
  237. <!--添加记录按钮-->
  238. <div class="toolItem clearfix">
  239. <a href="#" class="button">添加记录</a>
  240. </div>
  241. <!--添加记录-->
  242. <div class="toolItem clearfix">
  243. <form >
  244. <div class="control-group">
  245. <label class="control-label" for="inputEmail">记录类型</label>
  246. <div class="controls">
  247. <label class="radio inline">
  248. <input type="radio" name="1">借出
  249. </label>
  250. <label class="radio inline">
  251. <input type="radio" name="1">销售
  252. </label>
  253. <label class="radio inline">
  254. <input type="radio" name="1">升级
  255. </label>
  256. <label class="radio inline">
  257. <input type="radio" name="1">更换
  258. </label>
  259. <label class="radio inline">
  260. <input type="radio" name="1">收回
  261. </label>
  262. <label class="radio inline">
  263. <input type="radio" name="1">备注
  264. </label>
  265. </div>
  266. </div>
  267. <!--添加记录-借锁-->
  268. <div class="control-group">
  269. <label class="control-label" for="inputPassword">借出客户</label>
  270. <div class="controls">
  271. <input type="text">
  272. </div>
  273. </div>
  274. <div class="control-group">
  275. <label class="control-label" for="inputPassword">产品</label>
  276. <div class="controls">
  277. <select><option>专业版</option></select>
  278. </div>
  279. </div>
  280. <!--添加记录-销售-->
  281. <div class="control-group">
  282. <label class="control-label" for="inputPassword">销售客户</label>
  283. <div class="controls">
  284. <input type="text">
  285. </div>
  286. </div>
  287. <div class="control-group">
  288. <label class="control-label" for="inputPassword">产品</label>
  289. <div class="controls">
  290. <select><option>专业版</option></select>
  291. </div>
  292. </div>
  293. <!--添加记录-升级-->
  294. <div class="control-group">
  295. <label class="control-label" for="inputPassword">新增产品</label>
  296. <div class="controls">
  297. <select><option>河南养护</option></select>
  298. </div>
  299. </div>
  300. <!--添加记录-更换-->
  301. <div class="control-group">
  302. <label class="control-label" for="inputPassword">新锁号</label>
  303. <div class="controls">
  304. <input type="text">
  305. </div>
  306. </div>
  307. <!--添加记录-备注-->
  308. <div class="control-group">
  309. <label class="control-label" for="inputPassword">备注</label>
  310. <div class="controls">
  311. <textarea style="width:95%" rows="5"></textarea>
  312. </div>
  313. </div>
  314. </form>
  315. </div>
  316. <!--添加记录按钮-->
  317. <div class="toolItem clearfix">
  318. <a href="#" class="button">确定添加</a>
  319. <a href="#" class="button btn-gray">取消</a>
  320. </div>
  321. <!--记录列表-->
  322. <div class="infoFlowList">
  323. <div class="dateTitle">
  324. <em class="month"><span class="num">8</span><span class="text">-01</span></em>
  325. <span class="year">2013</span>
  326. </div>
  327. <ul class="flowList">
  328. <li class="item iconLock">备注</li>
  329. <li class="item">总部<a href="#">张少珊</a></li>
  330. <li class="item">内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。内容,内容备注内容。</li>
  331. </ul>
  332. </div>
  333. <div class="infoFlowList">
  334. <div class="dateTitle">
  335. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  336. <span class="year">2013</span>
  337. </div>
  338. <ul class="flowList">
  339. <li class="item iconRecycle">收回</li>
  340. <li class="item">总部<a href="#">张少珊</a></li>
  341. <li class="item">广东办<a href="#">刘飞</a></li>
  342. </ul>
  343. </div>
  344. <div class="infoFlowList">
  345. <div class="dateTitle">
  346. <em class="month"><span class="num">8</span><span class="text">-01</span></em>
  347. <span class="year">2013</span>
  348. </div>
  349. <ul class="flowList">
  350. <li class="item iconReplace">更换</li>
  351. <li class="item">广东办<a href="#">刘飞</a></li>
  352. <li class="item"><a href="">ASDS-541</a></a>
  353. <li class="item"><a href="#">客户名</a></li>
  354. </ul>
  355. </div>
  356. <div class="infoFlowList">
  357. <div class="dateTitle">
  358. <em class="month"><span class="num">8</span><span class="text">-01</span></em>
  359. <span class="year">2013</span>
  360. </div>
  361. <ul class="flowList">
  362. <li class="item iconUpdate">升级</li>
  363. <li class="item">广东办<a href="#">刘飞</a></li>
  364. <li class="item">专业版/河南养护</li>
  365. <li class="item"><a href="#">客户名</a></li>
  366. </ul>
  367. </div>
  368. <div class="infoFlowList">
  369. <div class="dateTitle">
  370. <em class="month"><span class="num">8</span><span class="text">-01</span></em>
  371. <span class="year">2013</span>
  372. </div>
  373. <ul class="flowList">
  374. <li class="item iconSell">销售</li>
  375. <li class="item">广东办<a href="#">刘飞</a></li>
  376. <li class="item">专业版</li>
  377. <li class="item"><a href="#">客户名</a></li>
  378. </ul>
  379. </div>
  380. <div class="infoFlowList">
  381. <div class="dateTitle">
  382. <em class="month"><span class="num">5</span><span class="text">-19</span></em>
  383. <span class="year">2013</span>
  384. </div>
  385. <ul class="flowList">
  386. <li class="item iconBorrow">借出</li>
  387. <li class="item">广东办<a href="#">刘飞</a></li>
  388. <li class="item">专业版</li>
  389. <li class="item"><a href="#">客户名</a></li>
  390. </ul>
  391. </div>
  392. <div class="infoFlowList">
  393. <div class="dateTitle">
  394. <em class="month"><span class="num">5</span><span class="text">-18</span></em>
  395. <span class="year">2013</span>
  396. </div>
  397. <ul class="flowList">
  398. <li class="item iconReceive">接收</li>
  399. <li class="item">广东办<a href="#">刘飞</a></li>
  400. </ul>
  401. </div>
  402. <div class="infoFlowList">
  403. <div class="dateTitle">
  404. <em class="month"><span class="num">5</span><span class="text">-17</span></em>
  405. <span class="year">2013</span>
  406. </div>
  407. <ul class="flowList">
  408. <li class="item iconGenerate">生成</li>
  409. <li class="item">总部<a href="#">王晶</a></li>
  410. </ul>
  411. </div>
  412. </div>
  413. </div>
  414. </div>
  415. </div>
  416. <script type="text/javascript">autoFlashHeight();</script>
  417. </body>