contacts-client.html 37 KB

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