customersInfo.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <style>
  2. #customer-tab .header th,#customer-tab tbody tr.header,#customer-tab tbody tr.header th{
  3. height: 38px;
  4. text-align: center;
  5. padding: 0;
  6. line-height: 38px;
  7. border-bottom-width: 0;
  8. /*background: #f5f5f5;*/
  9. border: none;
  10. font-size: 14px;
  11. }
  12. #customer-tab tbody tr.header:hover{
  13. border: none;
  14. }
  15. .pane .pane-header{
  16. border-radius: 0px 0 0px 0px;
  17. box-shadow: 0 0 3px #ccc;
  18. background: linear-gradient(to top, #e7e7e7 0%,#ffffff 100%);
  19. height: 40px;
  20. font-size: 14px;
  21. line-height: 40px;
  22. }
  23. .table>tbody+tbody{
  24. border-top: none;
  25. }
  26. #customer-tab tbody td{
  27. border: none;
  28. }
  29. #customer-tab .pane-body{
  30. padding: 0;
  31. }
  32. #customer-tab tbody tr{
  33. background: none;
  34. height: 80px;
  35. border-top: #e8e8e8 1px solid;
  36. }
  37. #customer-tab tbody tr td{
  38. text-align: center;
  39. line-height: 20px;
  40. vertical-align: inherit;
  41. font-size: 14px;
  42. }
  43. #customer-tab tbody tr:hover{
  44. /*border: #d32526 2px solid;*/
  45. }
  46. #customer-tab .form-horizontal .form-control{
  47. height: 36px;
  48. line-height: 36px;
  49. border: #327ebe 1px solid;
  50. border-radius: 0px;
  51. font-size: 14px;
  52. }
  53. #customer-tab .form-horizontal .form-group{
  54. margin: 0;
  55. padding: 10px 0;
  56. }
  57. #customer-tab .form-horizontal .form-group .input-group-addon{
  58. width: 85px;
  59. height: 36px;
  60. display: inline-block;
  61. background: #327ebe;
  62. font-size: 16px;
  63. text-align: center;
  64. line-height: 36px;
  65. color: #fff;
  66. padding: 0;
  67. border: none;
  68. border-radius: 0;
  69. position: absolute;
  70. top: 0;
  71. right: 15px;
  72. }
  73. #customer-tab table tr td a{
  74. color: #5078cb;
  75. }
  76. .form-horizontal #topSearch{
  77. font-size: 16px;
  78. line-height: 55px;
  79. }
  80. /*.ng-isolate-scope{
  81. display : none;
  82. }*/
  83. .pane{
  84. background: none;
  85. }
  86. .table{
  87. margin-bottom: 0;
  88. }
  89. #myquest-public .customer-tab .customer-hd .checkbox,#myquest-public .customer-tab .customer-hd .checkbox span{
  90. margin-left: 0 !important;
  91. }
  92. #myquest-public .customer-tab .customer-hd span{
  93. margin-left: 20px;
  94. }
  95. </style>
  96. <div style="margin-left: -240px; width: 1170px; background: #fff;" id="myquest-public">
  97. <div ng-include src="'static/tpl/index/baseInfo/vendorAndCustomer.html'"></div>
  98. <div class="loading in" ng-class="{'in': loading}">
  99. <i></i>
  100. </div>
  101. <div style="margin-top: -55px;">
  102. <div class="col-xs-6" style="float: left;"></div>
  103. <div class="form-input col-xs-6 myRequest search-bg">
  104. <div class="row">
  105. <div class="col-xs-9">
  106. <div class="search">
  107. <div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick" on-toggle="searchAdvance=open">
  108. <input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch()" placeholder="输入企业名称、联系人" />
  109. <a class="btn input-group-addon" ng-click="onSearch()">搜索</a>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="col-xs-3" style="padding-left: 0;">
  114. <p>搜索到<em>{{customerParams.total()}}</em>条</p>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="pane base-info" id="customer-tab">
  120. <!--<form class="form-horizontal">
  121. <div class="myReuest form-group" style="background: #f5f5f5;">
  122. <div class="row">
  123. <div class="col-xs-5">
  124. <div class="search">
  125. <input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch()" placeholder="输入企业名称搜索" />
  126. <a class="btn input-group-addon" ng-click="onSearch()">搜索</a>
  127. </div>
  128. </div>
  129. <div class="col-xs-4">
  130. <p style="margin: 0;">搜索到<em>{{customerParams.total()}}</em>条</p>
  131. </div>
  132. </div>
  133. </div>
  134. </form>-->
  135. <div class="pane-body">
  136. <table class="customer-tab table table-bordered table-striped table-hover"
  137. ng-table="customerParams">
  138. <tbody ng-repeat="customer in $data" ng-if="customerParams.total() > 0">
  139. <tr class="customer-hd">
  140. <td colspan="4" class="text-left"><span ng-bind="::customer.myEnterprise.enName"></span></td>
  141. <td>
  142. <span class="checkbox" style="width: 100%; margin: 0; height: 26px;">
  143. <span class="off" ng-if="customer.custswitch == 1 " ng-click="disableCust(customer.id)" title="已启用"></span>
  144. <span class="" ng-if="customer.custswitch == 0 " ng-click="activeCust(customer.id)" title="已禁用"></span>
  145. </span>
  146. </td>
  147. <!--<td width="200" class="text-center" ng-if="customer.custswitch == 1 "><a ng-click="disableCust(customer.id)">已启用</a></td>
  148. <td width="200" class="text-center" ng-if="customer.custswitch == 0 "><a ng-click="activeCust(customer.id)">已禁用</a></td>-->
  149. </tr>
  150. <tr class="customer-bd">
  151. <td class="first" colspan="4">
  152. <div><span class="text-muted">企业地址:</span><span ng-bind="::customer.myEnterprise.enAddress"></span></div>
  153. <div><span class="text-muted">联系人:</span><span ng-bind="::customer.myUser.userName"></span></div>
  154. <div><span class="text-muted">电话:</span><span ng-bind="::customer.myUser.userTel"></span></div>
  155. </td>
  156. <td width="100" class="text-center all-btn">
  157. </td>
  158. </tr>
  159. </tbody>
  160. <tbody ng-if="customerParams.total() == 0" class="no-record-tab">
  161. <tr>
  162. <td>
  163. <div class="text-muted"><h3><img src="static/img/icon/no-record.png" />暂无客户信息</h3></div>
  164. </td>
  165. </tr>
  166. </tbody>
  167. </table>
  168. </div>
  169. </div>
  170. </div>