contacts-group.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>CLD.System</title>
  6. <meta 陈特=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta 陈特=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">我的客户</a><a href="contacts-company.html">我的单位</a><a href="contacts-group.html" class="now">我的群组</a><a href="contacts-staff.html">内部通讯</a>
  36. <div class="searchItem"><input name="search" placeholder="姓名 单位名称 QQ 手机 电话 地址" type="text"><input value="搜索" class="subBtn" type="submit"><input class="subBtn add" value="新客户" onclick="addClient()" type="button"></div>
  37. </div>
  38. <div class="groupSide">
  39. <div class="sideItem autoHeightR5">
  40. <ul class="groupCont">
  41. <li class="active">最近添加客户<span class="groupNum fR">13</span></li>
  42. <li>最近记录客户<span class="groupNum fR">0</span></li>
  43. </ul>
  44. <ul class="groupTree">
  45. <li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;<span class="groupTitle">第一层组1</span></a>
  46. <ul class="tree_2">
  47. <li><a href="#"><span class="groupTitle">第二层组1</span></a><span class="groupNum fR">3</span></li>
  48. <li class="active"><a href="#"><span class="groupTitle">第二层组2</span></a><span class="groupNum fR">0</span></li>
  49. <li><a href="#"><span class="groupTitle">第二层组3</span></a><span class="groupNum fR">0</span></li>
  50. </ul>
  51. <div class="addG"><a href="#">添加群组</a></div>
  52. </li>
  53. <li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;<span class="groupTitle">第一层组2层组2层组2</span></a>
  54. <ul class="tree_2">
  55. <li><a href="#"><span class="groupTitle">第二层组二层组层组二层组1</span></a><span class="groupNum fR">3</span></li>
  56. <li><a href="#"><span class="groupTitle">第二层组2</span></a><span class="groupNum fR">0</span></li>
  57. <li><input type="text" placeholder="输入群组名字,回车确认" style="width:140px;margin:0"></li>
  58. </ul>
  59. <div class="addG"><a href="#">添加群组</a></div>
  60. </li>
  61. <li><a href="" class="fr active"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;</span><span class="groupTitle">第一层组3</span></a>
  62. <div class="addG"><a href="#">添加群组</a></div></li>
  63. <li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;</span><span class="groupTitle">第一层组4</span></a>
  64. <div class="addG"><a href="#">添加群组</a></div></li>
  65. <li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">E</span>&nbsp;</span><span class="groupTitle">刘飞共享</span></a>
  66. <ul class="tree_2">
  67. <li><a href="#"><span class="groupTitle">第二层组二层组层组二层组1</span></a><span class="groupNum fR">3</span></li>
  68. <li><a href="#"><span class="groupTitle">第二层组2</span></a><span class="groupNum fR">0</span></li>
  69. </ul></li>
  70. </ul>
  71. <div class="addTopgroup">
  72. <a href="">添加目录</a>
  73. <label class="hide"><input type="text" placeholder="输入群组名字,回车确认"></label>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="groupContent">
  78. <div class="groupCate">
  79. <legend>
  80. <div class="btn-group fR">
  81. <a class="btn dropdown-toggle btn-small" data-toggle="dropdown" href="#">
  82. <i class="icon-">F</i>&nbsp;群组操作
  83. <span class="caret"></span>
  84. </a>
  85. <ul class="dropdown-menu">
  86. <li><a href="#shareGroup" data-toggle="modal">共享群组</a></li>
  87. <li><a href="#enpGroup" data-toggle="modal">清空群组</a></li>
  88. <li><a href="#delGroup" data-toggle="modal">删除群组</a></li>
  89. </ul>
  90. </div>
  91. <span>第二层组2</span> <a class="icon-" href="#editGname" data-toggle="modal">I</a>&nbsp;<span style="font-size:12px">共享:陈帅</span></legend>
  92. <ul class="cateList">
  93. <li>
  94. <div class="bulk fR">
  95. <div class="btn-group">
  96. <a class="btn dropdown-toggle btn-small" data-toggle="dropdown" href="#">
  97. 批量操作
  98. <span class="caret"></span>
  99. </a>
  100. <ul class="dropdown-menu">
  101. <li><a href="#moveGroup" data-toggle="modal">移动到群组</a></li>
  102. <li><a href="#quitGroup" data-toggle="modal">移出群组</a></li>
  103. <li><a href="#addTab" data-toggle="modal">添加标签</a></li>
  104. <li><a href="#delTab" data-toggle="modal">删除标签</a></li>
  105. </ul>
  106. </div>
  107. <i class="chk"><input type="checkbox"></i>
  108. </div>
  109. <div class="clearfix">
  110. <div class="ib"><select><option>不限</option><option>客户</option><option>单位</option></select></div>
  111. <label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
  112. <label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
  113. <label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
  114. <label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
  115. <label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
  116. <label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  117. <label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  118. </div>
  119. </li>
  120. </ul>
  121. </div>
  122. <div class="groupList autoHeightL3">
  123. <table class="contactTable">
  124. <tbody>
  125. <tr>
  126. <td class="female" width="120"><a class="opensidebar"><b class="name female">李海燕</b></a></td>
  127. <td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  128. <td width="90"><span class="lim">经营部</span><span class="lim">领导</span></td>
  129. <td><span class="contactsTag2 tagCol-02">个人标签</span><span class="contactsTag2 tagCol-05">个人标签</span></td>
  130. <td width=""><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span></div></td>
  131. <td style="text-align:right" width="40"><i class="chk"><input type="checkbox"></i></td>
  132. </tr>
  133. <tr>
  134. <td></td>
  135. <td><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  136. <td><span class="lim">施工</span></td>
  137. <td><span class="contactsTag2 tagCol-01">个人标签</span></td>
  138. <td width=""><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span></div></td>
  139. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  140. </tr>
  141. <tr>
  142. <td class="female"><a><b class="name female">李海燕</b></a></td>
  143. <td><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
  144. <td><span class="lim">经营部</span><span class="lim">领导</span></td>
  145. <td><span class="contactsTag2 tagCol-01">个人标签</span><span class="contactsTag2 tagCol-03">个人标签</span></td>
  146. <td width=""><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span></div></td>
  147. <td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
  148. </tr>
  149. </tbody>
  150. </table>
  151. </div>
  152. <div class="changePage" style="position:static">
  153. 翻页
  154. <select>
  155. <option selected="" value=":1">第1页</option><option selected="" value=":1">第2页</option></select>
  156. </div>
  157. <div class="wrapDetil">
  158. <div class=" autoHeightR5">
  159. <div class="contactInfo clearfix">
  160. <div class="contactPanel">
  161. <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>
  162. <table>
  163. <tbody>
  164. <tr><th>性别</th><td>男</td><th>昵称</th><td>张工</td></tr>
  165. <tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
  166. <tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
  167. <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>
  168. <tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
  169. <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>
  170. </tbody></table>
  171. </div>
  172. <div class="contactPanel" style="margin-bottom:0">
  173. <table>
  174. <tbody><tr><th>单位全称</th><td colspan="4"><a href="#">四川蓉城第二绕城高速公路开发有限责任公司</a></td></tr>
  175. <tr><th>单位主页</th><td colspan="4">www.abc.com</td></tr>
  176. <tr><th>客户地区</th><td>四川,成都,南岸区</td><th>部/职</th><td>市场经营部(科员)</td></tr>
  177. <tr><th>客户传真</th><td>0000-12345678</td><th>办公室</th><td>13楼第三个房间</td></tr>
  178. <tr><th>客户地址</th><td colspan="4">四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
  179. <tr><th>客户乘车</th><td colspan="4">809到天环街下,马路对面坐199路到三色路永安路口下,前行100m,对面即是</td></tr>
  180. <tr><th>客户地标</th><td colspan="4">XXX大厦</td></tr>
  181. <tr><th>客户住宿</th><td colspan="4">7天酒店</td></tr>
  182. </tbody></table>
  183. </div>
  184. </div>
  185. <div style="height: 50px;" class="lockRecord autoHeightR1">
  186. <!--添加记录按钮-->
  187. <div class="addRecord addRecordButton clearfix">
  188. <a href="#" onclick="slideupInfo(this)">+ 打开添加记录</a>
  189. </div>
  190. <!--添加记录-->
  191. <div class="addRecord addRecordForm clearfix hide">
  192. <a onclick="slidedownInfo(this)" class="fR slidedownInfo">- 关闭添加记录</a>
  193. <form>
  194. <div class="control-group">
  195. <div class="controls">
  196. <label class="radio inline">
  197. <input name="1" type="radio">上门服务
  198. </label>
  199. <label class="radio inline">
  200. <input name="1" type="radio">电话拜访
  201. </label>
  202. <label class="radio inline">
  203. <input name="1" type="radio">其他事项
  204. </label>
  205. </div>
  206. </div>
  207. <!--添加记录-备注-->
  208. <div class="control-group">
  209. <div class="controls">时间:
  210. <select><option>10月</option><option>11月</option></select>
  211. <select><option>27日</option><option>28日</option></select>
  212. </div>
  213. </div>
  214. <div class="control-group">
  215. <div class="controls">
  216. <textarea rows="5" style="width:95%"></textarea>
  217. </div>
  218. </div>
  219. <div class="control-group">
  220. <div class="controls">
  221. <div style="display:inline-block;margin-right:10px"><label><input type="checkbox"> 添加提醒</label></div>
  222. <div>限期:<input class="span2" type="text"></div>
  223. <div>备注:<input type="text"></div>
  224. </div>
  225. </div>
  226. <div class="control-group">
  227. <div class="controls clearfix">
  228. <a class="button" href="#">确定添加</a>
  229. <a class="button btn-gray" href="#">取消</a>
  230. </div>
  231. </div>
  232. </form>
  233. </div>
  234. <!--记录列表-->
  235. <div class="infoFlowList">
  236. <div class="dateTitle">
  237. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  238. <span class="year">2013</span>
  239. </div>
  240. <ul class="flowList">
  241. <li class="item iconService">上门服务 &lt; 广东办<a href="#">刘飞</a></li>
  242. <li class="item">
  243. 1-给彭工更新了软件程序,安装演示了软。<br>
  244. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  245. 3-表示论文发表评职称也可以随时联系我。<br>
  246. </li>
  247. </ul>
  248. </div>
  249. <div class="infoFlowList">
  250. <div class="dateTitle">
  251. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  252. <span class="year">2013</span>
  253. </div>
  254. <ul class="flowList">
  255. <li class="item iconPhone">电话拜访 &lt; 广东办<a href="#">刘飞</a></li>
  256. <li class="item">
  257. 1-给彭工更新了软件程序,安装演示了软。<br>
  258. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  259. 3-表示论文发表评职称也可以随时联系我。<br>
  260. </li>
  261. </ul>
  262. </div>
  263. <div class="infoFlowList">
  264. <div class="dateTitle">
  265. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  266. <span class="year">2013</span>
  267. </div>
  268. <ul class="flowList">
  269. <li class="item iconOther">其他事项 &lt; 广东办<a href="#">刘飞</a></li>
  270. <li class="item">
  271. 1-给彭工更新了软件程序,安装演示了软。<br>
  272. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  273. 3-表示论文发表评职称也可以随时联系我。<br>
  274. </li>
  275. </ul>
  276. </div>
  277. <div class="infoFlowList">
  278. <div class="dateTitle">
  279. <em class="month"><span class="num">9</span><span class="text">-01</span></em>
  280. <span class="year">2013</span>
  281. </div>
  282. <ul class="flowList">
  283. <li class="item iconOther">其他事项 &lt; 广东办<a href="#">刘飞</a></li>
  284. <li class="item">
  285. 1-给彭工更新了软件程序,安装演示了软。<br>
  286. 2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
  287. 3-表示论文发表评职称也可以随时联系我。<br>
  288. </li>
  289. </ul>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. <!--弹出(共享群组)-->
  298. <div class="modal hide fade" id="shareGroup">
  299. <div class="modal-header">
  300. <h3>共享群组</h3>
  301. </div>
  302. <div class="modal-body">
  303. <div class="control-group">
  304. <div class="controls clearfix">
  305. <div class="bsAlert bsWarning">与以下同事共享群组后,你们将一起维护群组内的客户。</div>
  306. <ul class="groupCheckbox clearfix">
  307. <li>
  308. <label class="checkbox">
  309. <input type="checkbox">陈帅
  310. </label>
  311. </li>
  312. <li>
  313. <label class="checkbox">
  314. <input type="checkbox">范月光
  315. </label>
  316. </li>
  317. <li>
  318. <label class="checkbox">
  319. <input type="checkbox">王涛
  320. </label>
  321. </li>
  322. <li>
  323. <label class="checkbox">
  324. <input type="checkbox">苟彦刚
  325. </label>
  326. </li>
  327. <li>
  328. <label class="checkbox">
  329. <input type="checkbox">刘飞
  330. </label>
  331. </li>
  332. <li>
  333. <label class="checkbox">
  334. <input type="checkbox">王洪生
  335. </label>
  336. </li>
  337. <li>
  338. <label class="checkbox">
  339. <input type="checkbox">姜栋
  340. </label>
  341. </li>
  342. <li>
  343. <label class="checkbox">
  344. <input type="checkbox">刘庆
  345. </label>
  346. </li>
  347. <li>
  348. <label class="checkbox">
  349. <input type="checkbox">黄巾桃
  350. </label>
  351. </li>
  352. <li>
  353. <label class="checkbox">
  354. <input type="checkbox">祝海宾
  355. </label>
  356. </li>
  357. <li>
  358. <label class="checkbox">
  359. <input type="checkbox">王文鹏
  360. </label>
  361. </li>
  362. <li>
  363. <label class="checkbox">
  364. <input type="checkbox">周江红
  365. </label>
  366. </li>
  367. <li>
  368. <label class="checkbox">
  369. <input type="checkbox">王智
  370. </label>
  371. </li>
  372. <li>
  373. <label class="checkbox">
  374. <input type="checkbox">全冰
  375. </label>
  376. </li>
  377. <li>
  378. <label class="checkbox">
  379. <input type="checkbox">魏明月
  380. </label>
  381. </li>
  382. <li>
  383. <label class="checkbox">
  384. <input type="checkbox">王星植
  385. </label>
  386. </li>
  387. <li>
  388. <label class="checkbox">
  389. <input type="checkbox">张文远
  390. </label>
  391. </li>
  392. <li>
  393. <label class="checkbox">
  394. <input type="checkbox">赵君红
  395. </label>
  396. </li>
  397. <li>
  398. <label class="checkboxe">
  399. <input type="checkbox">李清学
  400. </label>
  401. </li>
  402. <li>
  403. <label class="checkbox">
  404. <input type="checkbox">孙燕娇
  405. </label>
  406. </li>
  407. </ul>
  408. </div>
  409. </div>
  410. </div>
  411. <div class="modal-footer">
  412. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  413. <a href="#" class="button">确定</a>
  414. </div>
  415. </div>
  416. <!--弹出(共享群组)-->
  417. <!--弹出(清空群组)-->
  418. <div class="modal hide fade" id="enpGroup">
  419. <div class="modal-header">
  420. <h3>清空群组确认</h3>
  421. </div>
  422. <div class="modal-body">
  423. <div class="control-group">
  424. <div class="controls clearfix">
  425. 确定把 <span class="cGroup"><span class="tagGroup">第二层组2</span> 里的客户清空</span>?
  426. </div>
  427. </div>
  428. </div>
  429. <div class="modal-footer">
  430. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  431. <a href="#" class="button">确定</a>
  432. </div>
  433. </div>
  434. <!--弹出(清空群组)-->
  435. <!--弹出(清空群组)-->
  436. <div class="modal hide fade" id="delGroup">
  437. <div class="modal-header">
  438. <h3>删除群组确认</h3>
  439. </div>
  440. <div class="modal-body">
  441. <div class="control-group">
  442. <div class="controls clearfix">
  443. 确定把 <span class="cGroup"><span class="tagGroup">第二层组2</span> 删除</span>?
  444. </div>
  445. </div>
  446. </div>
  447. <div class="modal-footer">
  448. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  449. <a href="#" class="button">确定</a>
  450. </div>
  451. </div>
  452. <!--弹出(清空群组)-->
  453. <!--弹出(移动群组)-->
  454. <div class="modal hide fade" id="moveGroup">
  455. <div class="modal-header">
  456. <h3>移动至群组</h3>
  457. </div>
  458. <div class="modal-body">
  459. <div class="control-group">
  460. <div class="controls clearfix">
  461. <ul class="groupCheckbox clearfix">
  462. <li>
  463. <label class="checkbox">
  464. <input type="checkbox">群组名群组名群组名群组名群组名1
  465. </label>
  466. </li>
  467. <li>
  468. <label class="checkbox">
  469. <input type="checkbox">群组名1
  470. </label>
  471. </li>
  472. <li>
  473. <label class="checkbox">
  474. <input type="checkbox">群组名1
  475. </label>
  476. </li>
  477. <li>
  478. <label class="checkbox">
  479. <input type="checkbox">群组名1
  480. </label>
  481. </li>
  482. <li>
  483. <label class="checkbox">
  484. <input type="checkbox">群组名1
  485. </label>
  486. </li>
  487. <li>
  488. <label class="checkbox">
  489. <input type="checkbox">群组名1
  490. </label>
  491. </li>
  492. <li>
  493. <label class="checkbox">
  494. <input type="checkbox">群组名1
  495. </label>
  496. </li>
  497. <li>
  498. <label class="checkbox">
  499. <input type="checkbox">群组名1
  500. </label>
  501. </li>
  502. <li>
  503. <label class="checkbox">
  504. <input type="checkbox">群组名1
  505. </label>
  506. </li>
  507. <li>
  508. <label class="checkbox">
  509. <input type="checkbox">群组名1
  510. </label>
  511. </li>
  512. <li>
  513. <label class="checkbox">
  514. <input type="checkbox">群组名1
  515. </label>
  516. </li>
  517. <li>
  518. <label class="checkbox">
  519. <input type="checkbox">群组名1
  520. </label>
  521. </li>
  522. <li>
  523. <label class="checkbox">
  524. <input type="checkbox">群组名1
  525. </label>
  526. </li>
  527. <li>
  528. <label class="checkbox">
  529. <input type="checkbox">群组名1
  530. </label>
  531. </li>
  532. <li>
  533. <label class="checkbox">
  534. <input type="checkbox">群组名1
  535. </label>
  536. </li>
  537. <li>
  538. <label class="checkbox">
  539. <input type="checkbox">群组名1
  540. </label>
  541. </li>
  542. <li>
  543. <label class="checkbox">
  544. <input type="checkbox">群组名1
  545. </label>
  546. </li>
  547. <li>
  548. <label class="checkbox">
  549. <input type="checkbox">群组名1
  550. </label>
  551. </li>
  552. <li>
  553. <label class="checkboxe">
  554. <input type="checkbox">群组名1
  555. </label>
  556. </li>
  557. <li>
  558. <label class="checkbox">
  559. <input type="checkbox">群组名1
  560. </label>
  561. </li>
  562. </ul>
  563. </div>
  564. </div>
  565. </div>
  566. <div class="modal-footer">
  567. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  568. <a href="#" class="button">确定</a>
  569. </div>
  570. </div>
  571. <!--弹出(移动群组)-->
  572. <!--弹出(移出群组)-->
  573. <div class="modal hide fade" id="quitGroup">
  574. <div class="modal-header">
  575. <h3>移出群组确认</h3>
  576. </div>
  577. <div class="modal-body">
  578. <div class="control-group">
  579. <div class="controls clearfix">
  580. 确定把客户移出 <span class="cGroup"><span class="tagGroup">第二层组2</span></span>?
  581. </div>
  582. </div>
  583. </div>
  584. <div class="modal-footer">
  585. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  586. <a href="#" class="button">确定</a>
  587. </div>
  588. </div>
  589. <!--弹出(移出群组)-->
  590. <!--弹出(添加标签)-->
  591. <div class="modal hide fade" id="addTab">
  592. <div class="modal-header">
  593. <h3>添加标签</h3>
  594. </div>
  595. <div class="modal-body">
  596. <div class="control-group">
  597. <div class="controls clearfix">
  598. <label class="checkbox">
  599. <label><input type="checkbox"><span class="contactsTag tagCol-01">下周拜访</span></label>
  600. </label>
  601. <label class="checkbox">
  602. <label><input type="checkbox"><span class="contactsTag tagCol-02">意向</span></label>
  603. </label>
  604. <label class="checkbox">
  605. <label><input type="checkbox"><span class="contactsTag tagCol-03">公司内部员工</span></label>
  606. </label>
  607. <label class="checkbox">
  608. <label><input type="checkbox"><span class="contactsTag tagCol-04">个人标签</span></label>
  609. </label>
  610. <label class="checkbox">
  611. <label><input type="checkbox"><span class="contactsTag tagCol-05">个人标签</span></label>
  612. </label>
  613. <label class="checkbox">
  614. <label><input type="checkbox"><span class="contactsTag tagCol-06">个人标签</span></label>
  615. </label>
  616. <label class="checkbox">
  617. <label><input type="checkbox"><span class="contactsTag tagCol-07">个人标签</span></label>
  618. </label>
  619. </div>
  620. </div>
  621. </div>
  622. <div class="modal-footer">
  623. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  624. <a href="#" class="button">确定</a>
  625. </div>
  626. </div>
  627. <!--弹出(添加标签)-->
  628. <!--弹出(删除标签)-->
  629. <div class="modal hide fade" id="delTab">
  630. <div class="modal-header">
  631. <h3>删除标签</h3>
  632. </div>
  633. <div class="modal-body">
  634. <div class="control-group">
  635. <div class="controls clearfix">
  636. <label class="checkbox">
  637. <label><input type="checkbox"><span class="contactsTag tagCol-01">下周拜访</span></label>
  638. </label>
  639. <label class="checkbox">
  640. <label><input type="checkbox"><span class="contactsTag tagCol-02">意向</span></label>
  641. </label>
  642. <label class="checkbox">
  643. <label><input type="checkbox"><span class="contactsTag tagCol-03">公司内部员工</span></label>
  644. </label>
  645. <label class="checkbox">
  646. <label><input type="checkbox"><span class="contactsTag tagCol-04">个人标签</span></label>
  647. </label>
  648. <label class="checkbox">
  649. <label><input type="checkbox"><span class="contactsTag tagCol-05">个人标签</span></label>
  650. </label>
  651. <label class="checkbox">
  652. <label><input type="checkbox"><span class="contactsTag tagCol-06">个人标签</span></label>
  653. </label>
  654. <label class="checkbox">
  655. <label><input type="checkbox"><span class="contactsTag tagCol-07">个人标签</span></label>
  656. </label>
  657. </div>
  658. </div>
  659. </div>
  660. <div class="modal-footer">
  661. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  662. <a href="#" class="button">确定</a>
  663. </div>
  664. </div>
  665. <!--弹出(删除标签)-->
  666. <!--修改群组名字-->
  667. <div class="modal hide fade" id="editGname">
  668. <div class="modal-header">
  669. <h3>修改群组名字</h3>
  670. </div>
  671. <div class="modal-body">
  672. <div class="control-group">
  673. <div class="controls clearfix">
  674. <input type="text">
  675. </div>
  676. </div>
  677. </div>
  678. <div class="modal-footer">
  679. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  680. <a href="#" class="button">确定</a>
  681. </div>
  682. </div>
  683. <!--修改群组名字-->
  684. <script type="text/javascript">autoFlashHeight();</script>
  685. </body>