contacts-edit.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>CLD.System</title>
  6. <meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta name=copyright content=smartcost.com.cn>
  9. <link rel=stylesheet href=css/global.css>
  10. <script src=js/jquery-1.7.1.min.js></script>
  11. <script src=js/global.js></script>
  12. </head>
  13. <body>
  14. <div class="mainLayout">
  15. <div class="mainMenu">
  16. <div class="menuItem">
  17. <a href="#" class="mLogo">CLD</a>
  18. <ul>
  19. <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
  20. <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
  21. <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
  22. <li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
  23. <li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
  24. <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
  25. <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
  26. <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
  27. <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
  28. <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
  29. <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
  30. </ul>
  31. </div>
  32. </div>
  33. <div class="warpContent">
  34. <div class="contactTab">
  35. <a href="#" class="now">我的客户</a><a href="#" >我的单位</a>
  36. <div class="searchItem"><input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"></div>
  37. <div class="tabButton">
  38. <a href="#" title="添加新客户">+客户</a>
  39. </div>
  40. </div>
  41. <div class="contactDatabase fL">
  42. <div class="contactCate">
  43. <ul class="cateList">
  44. <li><select><option>广东</option></select>&nbsp;<select><option>珠海</option></select>&nbsp;<select><option>香洲区</option></select></li>
  45. <li class="filter clearfix"><a href="#" class="now">不限</a><a href="">设计</a><a href="">咨询单位</a><a href="#">审核单位</a><a href="#">造价管理</a><a href="#">业主</a><a href="#">交通局</a><a href="#">公路局</a><a href="#">施工</a><a href="#">监理</a><a href="#">招标代理</a><a href="#">学校</a><a href="#">合作伙伴</a><a href="#">个人</a></li>
  46. <li class="filter clearfix">
  47. <label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
  48. <label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
  49. <label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
  50. <label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
  51. <label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
  52. <label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  53. <label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  54. <a href="#editTag" data-toggle="modal" role="button" title="编辑标签">编辑</a>
  55. </li>
  56. </ul>
  57. <div class="contactTableHead">
  58. <table>
  59. <tr><td width="330">单位</td><td width="100">标签</td><td width="190">地区</td><td width="60">客户数</td><td>单位性质</td></tr>
  60. </table>
  61. </div>
  62. </div>
  63. <div class="contactList autoHeightL2">
  64. <table class="contactTable">
  65. <tr>
  66. <td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
  67. <td width="100"><i class="contactsTag tagCol-01">x</i><i class="contactsTag tagCol-02">x</i><i class="contactsTag tagCol-03">x</i><i class="contactsTag tagCol-04">x</i><i class="contactsTag tagCol-05">x</i><i class="contactsTag tagCol-06">x</i><i class="contactsTag tagCol-07">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  68. <td width="190">四川,成都,XX区</td>
  69. <td width="60">6</td>
  70. <td>设计单位</td>
  71. </tr>
  72. <tr>
  73. <td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
  74. <td width="100"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  75. <td width="190">四川,成都,XX区</td>
  76. <td width="60">12</td>
  77. <td>设计,咨询</td>
  78. </tr>
  79. </table>
  80. <div class="changePage">
  81. 翻页
  82. <select>
  83. <option selected="" value=":1">第1页</option></select>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="contactDetil fL">
  88. <div class="contactInfo">
  89. <div class="contactPanel">
  90. <table>
  91. <tbody>
  92. <tr><th>姓名</th><td><input type="text" style="width:55%"><select><option>优先级</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option></select></td><th>昵称</th><td><input type="text" style="width:55%"><select><option>男</option><option>女</option></select></td></tr>
  93. <tr><th>手机</th><td><input type="text"> </td><th>电话</th><td><input type="text"> </td></tr>
  94. <tr><th>QQ</th><td><input type="text"> </td><th>邮箱</th><td><input type="text"> </td></tr>
  95. <tr><th>备注</th><td colspan="3"><input type="text"> </td></tr>
  96. <tr><th>传真</th><td><input type="text"> </td><th>主页</th><td><input type="text"> </td></tr>
  97. <tr><th>部门</th><td><input type="text"> </td><th>职务</th><td><input type="text"> </td></tr>
  98. <tr><th>办公室</th><td colspan="3"><input type="text"> </td></tr>
  99. <tr><th>客户地区</th><td colspan="3"><select><option>广东省</option></select></td></tr>
  100. <tr><th>客户地址</th><td colspan="3"><input type="text"> </td></tr>
  101. <tr><th>客户乘车</th><td colspan="3"><input type="text"> </td></tr>
  102. <tr><th>客户地标</th><td colspan="3"><input type="text"> </td></tr>
  103. <tr><th>客户住宿</th><td colspan="3"><input type="text"> </td></tr>
  104. <tr><td colspan="4"><a href="#" class="button">确定</a></td></tr>
  105. </tbody></table>
  106. </div>
  107. <div class="contactPanel">
  108. <table>
  109. <tbody><tr><th>单位全称</th><td colspan="3">XXXX公司<div class="fR"><a class="icon- edit" href="#">I</a>|<a data-original-title="更换单位" data-toggle="ctooltip" data-placement="left" class="icon- replace" href="#">J</a></div></td></tr>
  110. <tr ><th>单位地区</th><td colspan="3" ><span >四川,成都,南岸区</span></td></tr>
  111. <tr><th>单位性质</th><td colspan="3">设计单位,咨询单位</td></tr>
  112. <tr><th>单位地址</th><td colspan="3">撒打死的三</td></tr>
  113. <tr><th>单位乘车</th><td colspan="3">内容</td></tr>
  114. <tr><th>单位地标</th><td colspan="3">内容</td></tr>
  115. <tr><th>单位住宿</th><td colspan="3">内容</td></tr>
  116. </tbody></table>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. <script type="text/javascript">autoFlashHeight();</script>
  123. </body>