contacts-client.html 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594
  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="contacts-client.html" class="now">我的客户</a><a href="contacts-company.html">我的单位</a><a href="contacts-group.html">我的群组</a><a href="contacts-staff.html">内部通讯</a>
  36. <div class="searchItem">
  37. <input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"><input type="button" value="新客户" class="subBtn add"></div>
  38. <!-- <a class="new-ribbon" href="#" title="查看CLD更新历史"><b>新功能</b><br>03-08</a> -->
  39. <div class="remind "><div class="icon- icons animation" id="openRemind">K</div><span class="tabPoint">2</span>
  40. <div class="remindList hide">
  41. <ul>
  42. <li class="clearfix"><div class="time fL">04-16<p>05-27</p></div><div class="entry fL"><div class="remindIcon iconService fL"></div><b>张亮贞</b><span class="icon- tips dl" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>中铁十五局集团第二工程有限公司</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  43. <li class="clearfix"><div class="time fL">05-06<p>05-26</p></div><div class="entry fL"><div class="remindIcon iconOther fL"></div><b>邱世安</b><span class="icon- tips dl" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>吉安公路勘察设计院</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  44. <li class="clearfix"><div class="time fL">04-19<p>06-09</p></div><div class="entry fL"><div class="remindIcon iconService fL"></div><b>尚林玲</b><span class="icon- tips" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>合肥市高新区天元路5号科苑大厦2楼</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  45. <li class="clearfix"><div class="time fL">04-18<p>06-09</p></div><div class="entry fL"><div class="remindIcon iconPhone fL"></div><b>吴鹏</b><span class="icon- tips" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>万安县财政局</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  46. <li class="clearfix"><div class="time fL">04-17<p>06-09</p></div><div class="entry fL"><div class="remindIcon iconPhone fL"></div><b>刘文涛</b><span class="icon- tips" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>平远县交通运输局</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  47. <li class="clearfix"><div class="time fL">04-16<p>06-09</p></div><div class="entry fL"><div class="remindIcon iconOther fL"></div><b>李海燕</b><span class="icon- tips" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>四川省交通厅公路勘察设计</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  48. <li class="clearfix"><div class="time fL">04-16<p>04-09</p></div><div class="entry fL"><div class="remindIcon iconOther fL"></div><b>李海燕</b><span class="icon- tips" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>四川省交通厅公路勘察设计</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  49. <li class="clearfix"><div class="time fL">04-16<p>04-09</p></div><div class="entry fL"><div class="remindIcon iconService fL"></div><b>李海燕</b><span class="icon- tips" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>四川省交通厅公路勘察设计</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  50. <li class="clearfix"><div class="time fL">04-16<p>04-09</p></div><div class="entry fL"><div class="remindIcon iconService fL"></div><b>李海燕</b><span class="icon- tips" data-placement="right" data-toggle="ctooltip" data-original-title="备注">K</span><p>四川省交通厅公路勘察设计</p></div><div class="fR"><a href="" class="hide" >不再提醒</a></div></li>
  51. </ul>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="contactDatabase fL">
  56. <div class="contactCate">
  57. <ul class="cateList">
  58. <li class="fR">
  59. <div class="btn-group">
  60. <a class="btn dropdown-toggle btn-mini" data-toggle="dropdown" href="#">
  61. <i class="icon-">h</i>&nbsp;排序
  62. <span class="caret"></span>
  63. </a>
  64. <ul class="dropdown-menu">
  65. <li><a tabindex="-1" href="#"><i class="icon-">h</i>&nbsp;最新添加</a></li>
  66. <li><a tabindex="-1" href="#"><i class="icon-">g</i>&nbsp;最近编辑</a></li>
  67. <li><a tabindex="-1" href="#"><i class="icon-">f</i>&nbsp;单位名称</a></li>
  68. <li><a tabindex="-1" href="#"><i class="icon-">i</i>&nbsp;最近记录</a></li>
  69. </ul>
  70. </div></li>
  71. <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>
  72. <div class="resultTips">< 搜索<b class="colRed">中铁</b>有结果<b class="colRed">123</b>条,可在结果中进行地区筛选</div>
  73. </li>
  74. <li class="filter clearfix">
  75. <label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
  76. <label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
  77. <label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
  78. <label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
  79. <label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
  80. <label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  81. <label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  82. <a href="#editTag" data-toggle="modal" role="button" title="编辑标签">编辑</a>
  83. <div class="mark">
  84. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">L</i>
  85. <i class="contactsMark icon- now" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">M</i>
  86. <i class="contactsMark icon- now" data-placement="right" data-toggle="ctooltip" data-original-title="皇冠标签">N</i>
  87. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">O</i>
  88. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">P</i>
  89. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">Q</i>
  90. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">R</i>
  91. <i class="contactsMark icon-" data-placement="right" data-toggle="ctooltip" data-original-title="点击筛选">n</i>
  92. </div>
  93. </li>
  94. </ul>
  95. <div class="contactTableHead">
  96. <table>
  97. <tr>
  98. <td width="80">姓名</td>
  99. <td width="300">单位</td>
  100. <td width="90"><span>部门&职位</span></td>
  101. <td width="70">个人标签</td>
  102. <td width="80">协作标签</td>
  103. <td width="90">手机</td>
  104. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  105. </tr>
  106. </table>
  107. </div>
  108. </div>
  109. <div class="contactList autoHeightL2">
  110. <table class="contactTable">
  111. <tr>
  112. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  113. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  114. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  115. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  116. <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>
  117. <td width="90"><span class="lim">15812644017,121212</span></td>
  118. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  119. </tr>
  120. <tr>
  121. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  122. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  123. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  124. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  125. <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>
  126. <td width="90"><span class="lim">15812644017,121212</span></td>
  127. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  128. </tr>
  129. <tr>
  130. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  131. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  132. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  133. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  134. <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>
  135. <td width="90"><span class="lim">15812644017,121212</span></td>
  136. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  137. </tr>
  138. <tr>
  139. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  140. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  141. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  142. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  143. <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>
  144. <td width="90"><span class="lim">15812644017,121212</span></td>
  145. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  146. </tr>
  147. <tr>
  148. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  149. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  150. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  151. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  152. <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>
  153. <td width="90"><span class="lim">15812644017,121212</span></td>
  154. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  155. </tr>
  156. <tr>
  157. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  158. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  159. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  160. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  161. <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>
  162. <td width="90"><span class="lim">15812644017,121212</span></td>
  163. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  164. </tr>
  165. <tr>
  166. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  167. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  168. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  169. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  170. <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>
  171. <td width="90"><span class="lim">15812644017,121212</span></td>
  172. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  173. </tr>
  174. <tr>
  175. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  176. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  177. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  178. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  179. <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>
  180. <td width="90"><span class="lim">15812644017,121212</span></td>
  181. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  182. </tr>
  183. <tr>
  184. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  185. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  186. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  187. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  188. <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>
  189. <td width="90"><span class="lim">15812644017,121212</span></td>
  190. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  191. </tr>
  192. <tr>
  193. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  194. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  195. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  196. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  197. <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>
  198. <td width="90"><span class="lim">15812644017,121212</span></td>
  199. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  200. </tr>
  201. <tr>
  202. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  203. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  204. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  205. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  206. <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>
  207. <td width="90"><span class="lim">15812644017,121212</span></td>
  208. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  209. </tr>
  210. <tr>
  211. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  212. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  213. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  214. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  215. <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>
  216. <td width="90"><span class="lim">15812644017,121212</span></td>
  217. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  218. </tr>
  219. <tr>
  220. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  221. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  222. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  223. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  224. <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>
  225. <td width="90"><span class="lim">15812644017,121212</span></td>
  226. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  227. </tr>
  228. <tr>
  229. <td width="80" class="female"><a><b class="name female">李海燕</b></a></td>
  230. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  231. <td width="90"><span class="lim">经营部</span><span class="lim">领导<i class="icon- sport">1<i></span></td>
  232. <td width="70"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  233. <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>
  234. <td width="90"><span class="lim">15812644017,121212</span></td>
  235. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  236. </tr>
  237. </table>
  238. </div>
  239. <div class="changePage">
  240. 翻页
  241. <select>
  242. <option selected="" value=":1">第1页</option></select>
  243. </div>
  244. </div>
  245. <div class="contactDetil fL">
  246. <div class="contactInfo clearfix">
  247. <div class="contactPanel">
  248. <h1><p class="fR">广东办-<a href="#">刘飞</a></p>张三<i class="icon- sport">1</i> <a data-original-title="编辑客户" data-toggle="ctooltip" data-placement="right" href="#" class="icon- edit">I</a></h1>
  249. <table>
  250. <tbody>
  251. <tr><th>性别</th><td>男</td><th>昵称</th><td>张工</td></tr>
  252. <tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
  253. <tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
  254. <tr><th>锁</th><td colspan="3"><a href="#" class="disenable" title="更换">HNYH-0072(专业版)</a>,<a href="#" class="disenable" title="收回">HNYH-0654(专业版)</a>,<a href="#">DW-5465</a>(算量软件)</td></tr>
  255. <tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
  256. <tr><td colspan="4"><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span><a href="#editGroup" data-toggle="modal" class="icon-" title="编辑群组">F</a></div></td></tr>
  257. </tbody></table>
  258. </div>
  259. <div class="contactPanel" style="margin-bottom:0">
  260. <table>
  261. <tbody><tr><th>单位全称</th><td colspan="4"><a href="#">四川蓉城第二绕城高速公路开发有限责任公司</a></td></tr>
  262. <tr><th>单位主页</th><td colspan="4">www.abc.com</td></tr>
  263. <tr><th>客户地区</th><td>四川,成都,南岸区</td><th>部/职</th><td>市场经营部(科员)</td></tr>
  264. <tr><th>客户传真</th><td>0000-12345678</td><th>办公室</th><td>13楼第三个房间</td></tr>
  265. <tr><th>客户地址</th><td colspan="4">四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
  266. <tr><th>客户乘车</th><td colspan="4">809到天环街下,马路对面坐199路到三色路永安路口下,前行100m,对面即是</td></tr>
  267. <tr><th>客户地标</th><td colspan="4">XXX大厦</td></tr>
  268. <tr><th>客户住宿</th><td colspan="4">7天酒店</td></tr>
  269. </tbody></table>
  270. </div>
  271. </div>
  272. <div class="lockRecord autoHeightR1">
  273. <!--添加记录按钮-->
  274. <div class="addRecord addRecordButton clearfix" >
  275. <a href="#" onclick="slideupInfo(this)">+ 打开添加记录</a>
  276. </div>
  277. <!--添加记录-->
  278. <div class="addRecord addRecordForm clearfix hide">
  279. <a onclick="slidedownInfo(this)" class="fR slidedownInfo">- 关闭添加记录</a>
  280. <form>
  281. <div class="control-group">
  282. <div class="controls">
  283. <label class="radio inline">
  284. <input type="radio" name="1">上门服务
  285. </label>
  286. <label class="radio inline">
  287. <input type="radio" name="1">电话拜访
  288. </label>
  289. <label class="radio inline">
  290. <input type="radio" name="1">其他事项
  291. </label>
  292. </div>
  293. </div>
  294. <!--添加记录-备注-->
  295. <div class="control-group">
  296. <div class="controls">时间:
  297. <select><option>10月</option><option>11月</option></select>
  298. <select><option>27日</option><option>28日</option></select>
  299. </div>
  300. </div>
  301. <div class="control-group">
  302. <div class="controls">
  303. <textarea rows="5" style="width:95%" ></textarea>
  304. </div>
  305. </div>
  306. <div class="control-group">
  307. <div class="controls">
  308. <div style="display:inline-block;margin-right:10px"><label><input type="checkbox"> 添加提醒</label></div>
  309. <div>限期:<input class="span2" type="text"></div>
  310. <div>备注:<input type="text"></div>
  311. </div>
  312. </div>
  313. <div class="control-group">
  314. <div class="controls clearfix">
  315. <a class="button" href="#">确定添加</a>
  316. <a class="button btn-gray" href="#">取消</a>
  317. </div>
  318. </div>
  319. </form>
  320. </div>
  321. <!--记录列表-->
  322. <div class="infoFlowList">
  323. <div class="dateTitle">
  324. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  325. <span class="year">2013</span>
  326. </div>
  327. <ul class="flowList">
  328. <li class="item iconService">上门服务 < 广东办<a href="#">刘飞</a></li>
  329. <li class="item">
  330. 1-给彭工更新了软件程序,安装演示了软。<br>
  331. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  332. 3-表示论文发表评职称也可以随时联系我。<br>
  333. </li>
  334. </ul>
  335. </div>
  336. <div class="infoFlowList">
  337. <div class="dateTitle">
  338. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  339. <span class="year">2013</span>
  340. </div>
  341. <ul class="flowList">
  342. <li class="item iconPhone">电话拜访 < 广东办<a href="#">刘飞</a></li>
  343. <li class="item">
  344. 1-给彭工更新了软件程序,安装演示了软。<br>
  345. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  346. 3-表示论文发表评职称也可以随时联系我。<br>
  347. </li>
  348. </ul>
  349. </div>
  350. <div class="infoFlowList">
  351. <div class="dateTitle">
  352. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  353. <span class="year">2013</span>
  354. </div>
  355. <ul class="flowList">
  356. <li class="item iconOther">其他事项 < 广东办<a href="#">刘飞</a></li>
  357. <li class="item">
  358. 1-给彭工更新了软件程序,安装演示了软。<br>
  359. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  360. 3-表示论文发表评职称也可以随时联系我。<br>
  361. </li>
  362. </ul>
  363. </div>
  364. <div class="infoFlowList">
  365. <div class="dateTitle">
  366. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  367. <span class="year">2013</span>
  368. </div>
  369. <ul class="flowList">
  370. <li class="item iconOther">其他事项 < 广东办<a href="#">刘飞</a></li>
  371. <li class="item">
  372. 1-给彭工更新了软件程序,安装演示了软。<br>
  373. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  374. 3-表示论文发表评职称也可以随时联系我。<br>
  375. </li>
  376. </ul>
  377. </div>
  378. </div>
  379. </div>
  380. </div>
  381. </div>
  382. <!--弹出(添加标签)-->
  383. <div class="modal hide fade" id="addTag">
  384. <div class="modal-header">
  385. <h3>添加标签</h3>
  386. </div>
  387. <div class="modal-body">
  388. <form class="">
  389. <div class="control-group">
  390. <div class="controls clearfix">
  391. <label class="checkbox">
  392. <label><input type="checkbox"><span class="contactsTag tagCol-01">网络版用户</span></label>
  393. </label>
  394. <label class="checkbox">
  395. <input type="checkbox" ><span class="contactsTag tagCol-02">2013培训班</span>
  396. </label>
  397. <label class="checkbox">
  398. <input type="checkbox" ><span class="contactsTag tagCol-03">需要再次拜访</span>
  399. </label>
  400. <label class="checkbox">
  401. <input type="checkbox" ><span class="contactsTag tagCol-04">意向客户意向客户</span>
  402. </label>
  403. <label class="checkbox">
  404. <input type="checkbox" ><span class="contactsTag tagCol-05">重点客户重点客户</span>
  405. </label>
  406. <label class="checkbox">
  407. <input type="checkbox" ><span class="contactsTag tagCol-06">自定义标签</span>
  408. </label>
  409. <label class="checkbox">
  410. <input type="checkbox" ><span class="contactsTag tagCol-07">自定义标签</span>
  411. </label>
  412. </div>
  413. </div>
  414. </form>
  415. </div>
  416. <div class="modal-footer">
  417. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  418. <a href="#" class="button">确定</a>
  419. </div>
  420. </div>
  421. <!--弹出内容-->
  422. <!--弹出(编辑标签名)-->
  423. <div class="modal hide fade" id="editTag">
  424. <div class="modal-header">
  425. <h3>编辑标签</h3>
  426. </div>
  427. <div class="modal-body">
  428. <form class="">
  429. <div class="control-group">
  430. <div class="controls clearfix">
  431. <label class="checkbox">
  432. <span class="contactsTag tagCol-01">标签</span><input type="text" value="网络版用户">
  433. </label>
  434. <label class="checkbox">
  435. <span class="contactsTag tagCol-02">标签</span><input type="text" value="2013培训班">
  436. </label>
  437. <label class="checkbox">
  438. <span class="contactsTag tagCol-03">标签</span><input type="text" value="需要再次拜访">
  439. </label>
  440. <label class="checkbox">
  441. <span class="contactsTag tagCol-04">标签</span><input type="text" value="意向客户意向客户">
  442. </label>
  443. <label class="checkbox">
  444. <span class="contactsTag tagCol-05">标签</span><input type="text" value="重点客户重点客户">
  445. </label>
  446. <label class="checkbox">
  447. <span class="contactsTag tagCol-06">标签</span><input type="text" value="自定义标签">
  448. </label>
  449. <label class="checkbox">
  450. <span class="contactsTag tagCol-07">标签</span><input type="text" value="自定义标签">
  451. </label>
  452. </div>
  453. </div>
  454. </form>
  455. </div>
  456. <div class="modal-footer">
  457. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  458. <a href="#" class="button">确定</a>
  459. </div>
  460. </div>
  461. <!--弹出(群组编辑)-->
  462. <div class="modal hide fade" id="editGroup">
  463. <div class="modal-header">
  464. <h3>编辑群组</h3>
  465. </div>
  466. <div class="modal-body">
  467. <div class="control-group">
  468. <div class="controls clearfix">
  469. <ul class="groupCheckbox clearfix">
  470. <li>
  471. <label class="checkbox">
  472. <input type="checkbox">群组名群组名群组名群组名群组名1
  473. </label>
  474. </li>
  475. <li>
  476. <label class="checkbox">
  477. <input type="checkbox">群组名1
  478. </label>
  479. </li>
  480. <li>
  481. <label class="checkbox">
  482. <input type="checkbox">群组名1
  483. </label>
  484. </li>
  485. <li>
  486. <label class="checkbox">
  487. <input type="checkbox">群组名1
  488. </label>
  489. </li>
  490. <li>
  491. <label class="checkbox">
  492. <input type="checkbox">群组名1
  493. </label>
  494. </li>
  495. <li>
  496. <label class="checkbox">
  497. <input type="checkbox">群组名1
  498. </label>
  499. </li>
  500. <li>
  501. <label class="checkbox">
  502. <input type="checkbox">群组名1
  503. </label>
  504. </li>
  505. <li>
  506. <label class="checkbox">
  507. <input type="checkbox">群组名1
  508. </label>
  509. </li>
  510. <li>
  511. <label class="checkbox">
  512. <input type="checkbox">群组名1
  513. </label>
  514. </li>
  515. <li>
  516. <label class="checkbox">
  517. <input type="checkbox">群组名1
  518. </label>
  519. </li>
  520. <li>
  521. <label class="checkbox">
  522. <input type="checkbox">群组名1
  523. </label>
  524. </li>
  525. <li>
  526. <label class="checkbox">
  527. <input type="checkbox">群组名1
  528. </label>
  529. </li>
  530. <li>
  531. <label class="checkbox">
  532. <input type="checkbox">群组名1
  533. </label>
  534. </li>
  535. <li>
  536. <label class="checkbox">
  537. <input type="checkbox">群组名1
  538. </label>
  539. </li>
  540. <li>
  541. <label class="checkbox">
  542. <input type="checkbox">群组名1
  543. </label>
  544. </li>
  545. <li>
  546. <label class="checkbox">
  547. <input type="checkbox">群组名1
  548. </label>
  549. </li>
  550. <li>
  551. <label class="checkbox">
  552. <input type="checkbox">群组名1
  553. </label>
  554. </li>
  555. <li>
  556. <label class="checkbox">
  557. <input type="checkbox">群组名1
  558. </label>
  559. </li>
  560. <li>
  561. <label class="checkboxe">
  562. <input type="checkbox">群组名1
  563. </label>
  564. </li>
  565. <li>
  566. <label class="checkbox">
  567. <input type="checkbox">群组名1
  568. </label>
  569. </li>
  570. </ul>
  571. </div>
  572. </div>
  573. </div>
  574. <div class="modal-footer">
  575. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  576. <a href="#" class="button">确定</a>
  577. </div>
  578. </div>
  579. <!--弹出(群组编辑)-->
  580. <!--通知提醒-->
  581. <div class="globalNotice">
  582. <div class="entry clearfix">
  583. <div class="fR">
  584. <a class="button" href="#">我知道了</a>
  585. </div>
  586. <div class="item">
  587. <p>您所在办事处新增了90位客户</p>
  588. </div>
  589. </div>
  590. </div>
  591. <!--通知提醒-->
  592. <script type="text/javascript">autoFlashHeight();</script>
  593. </body>