contacts-company-edit.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  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. <style>
  14. #animation{
  15. -webkit-animation:infinite pulse 4s 1s ease both;
  16. -moz-animation:infinite pulse 4s 1s ease both;}
  17. @-webkit-keyframes pulse{
  18. 0%{-webkit-transform:scale(1)}
  19. 50%{-webkit-transform:scale(1.1)}
  20. 100%{-webkit-transform:scale(1)}
  21. }
  22. @-moz-keyframes pulse{
  23. 0%{-moz-transform:scale(1)}
  24. 50%{-moz-transform:scale(1.1)}
  25. 100%{-moz-transform:scale(1)}
  26. }
  27. </style>
  28. <body class="loginBg">
  29. <div class="mainLayout">
  30. <div class="mainMenu">
  31. <div class="menuItem">
  32. <a href="#" class="mLogo">CLD</a>
  33. <ul>
  34. <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
  35. <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
  36. <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
  37. <li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
  38. <li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
  39. <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
  40. <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
  41. <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
  42. <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
  43. <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
  44. <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="warpContent">
  49. <div class="contactTab">
  50. <a href="#">我的客户</a><a href="#" class="now">我的单位</a>
  51. <div class="searchItem"><input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"></div>
  52. <div class="tabButton">
  53. <a href="#" title="添加新客户">+客户</a>
  54. </div>
  55. </div>
  56. <div class="contactDatabase fL">
  57. <div class="contactCate">
  58. <ul class="cateList">
  59. <li><select><option>广东</option></select>&nbsp;<select><option>珠海</option></select>&nbsp;<select><option>香洲区</option></select></li>
  60. <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>
  61. <li class="filter clearfix">
  62. <label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
  63. <label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
  64. <label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
  65. <label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
  66. <label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
  67. <label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  68. <label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
  69. <a href="#editTag" data-toggle="modal" role="button" title="编辑标签">编辑</a>
  70. </li>
  71. </ul>
  72. <div class="contactTableHead">
  73. <table>
  74. <tr><td width="330">单位</td><td width="100">标签</td><td width="190">地区</td><td width="60">客户数</td><td>单位性质</td></tr>
  75. </table>
  76. </div>
  77. </div>
  78. <div class="contactList autoHeightL2">
  79. <table class="contactTable">
  80. <tr>
  81. <td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
  82. <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>
  83. <td width="190">四川,成都,XX区</td>
  84. <td width="60">6</td>
  85. <td>设计单位</td>
  86. </tr>
  87. <tr>
  88. <td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
  89. <td width="100"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
  90. <td width="190">四川,成都,XX区</td>
  91. <td width="60">12</td>
  92. <td>设计,咨询</td>
  93. </tr>
  94. </table>
  95. <div class="changePage">
  96. 翻页
  97. <select>
  98. <option selected="" value=":1">第1页</option></select>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="contactDetil fL">
  103. <div class="contactInfo clearfix">
  104. <div class="header">
  105. <h1 class="companyName">四川川交路桥有限责任公司</h1>
  106. <h2 class="cate"><b>已有部门:</b>A部门/B部门/C部门</h2>
  107. </div>
  108. </div>
  109. <div class="lockRecord autoHeightR4">
  110. <div class="contactPanel">
  111. <table>
  112. <tbody><tr><th>单位全称</th><td colspan="3"><input type="text" value="data"></td></tr>
  113. <tr><th>地区</th><td colspan="3"><select><option >四川</option></select><select><option>成都</option></select><select><option>南岸区</option></select></td></tr>
  114. <tr><th>性质</th><td colspan="3"><label><input type="checkbox">设计单位</label>&nbsp;<label><input type="checkbox">咨询单位</label>&nbsp;<label><input type="checkbox">审核单位</label>&nbsp;<label><input type="checkbox">造价管理</label>&nbsp;<label><input type="checkbox">业主</label>&nbsp;<label><input type="checkbox">交通局</label>&nbsp;<label><input type="checkbox">公路局</label>&nbsp;<label><input type="checkbox">施工单位</label>&nbsp;<label><input type="checkbox">监理单位</label>&nbsp;<label><input type="checkbox">招标代理</label>&nbsp;<label><input type="checkbox">学校</label>&nbsp;<label><input type="checkbox">合作伙伴</label>&nbsp;<label><input type="checkbox">个人</label></td></tr>
  115. <tr><th>传真</th><td><input type="text" value="data"> </td><th>主页</th><td><input type="text" value="data"> </td></tr>
  116. <tr><th>单位地址</th><td colspan="3"><input type="text" value="data"> </td></tr>
  117. <tr><th>乘车路线</th><td colspan="3"><input type="text" value="data"> </td></tr>
  118. <tr><th>地标建筑</th><td colspan="3"><input type="text" value="data"> </td></tr>
  119. <tr><th>住宿参考</th><td colspan="3"><input type="text" value="data"> </td></tr>
  120. <tr><td colspan="4"><a class="button" href="#welcome" data-toggle="modal">确定</a><span class="bsAlert bsSuccess fL">修改成功</span></td></tr>
  121. </tbody></table>
  122. <div class="bsAlert bsInfo">单位全称将与该单位已存在的客户进行同步;其他单位信息不会进行同步;<br>单位信息随该单位第一位客户录入,并作为“在这添加客户”的基础数据</div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <!--弹出(更新单位信息)-->
  129. <div class="modal hide fade" id="welcome">
  130. <div class="modal-dialog">
  131. <div class="modal-content">
  132. <div class="modal-header">
  133. <h3>更新单位信息:</h3>
  134. </div>
  135. <div class="modal-body">
  136. <h5>是否更新单位下所有个人的单位信息</h5>
  137. </div>
  138. <div class="modal-footer">
  139. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  140. <a href="#" class="button">确定</a>
  141. </div>
  142. </div></div>
  143. </div>
  144. <script type="text/javascript">autoFlashHeight();</script>
  145. </body>