vendor.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <title>供应商列表</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  7. <meta name="Keywords" content=""/>
  8. <meta name="Description" content=""/>
  9. <link rel="stylesheet" href="static/css/add.css "/>
  10. </head>
  11. <body>
  12. <style>
  13. .wrap table{
  14. background-color: #fff;
  15. }
  16. .wrap table .table-hover {
  17. border: 1px red solid;
  18. }
  19. #customer-tab .header th,#customer-tab tbody tr.header,#customer-tab tbody tr.header th{
  20. height: 38px;
  21. text-align: center;
  22. padding: 0;
  23. line-height: 38px;
  24. border-bottom-width: 0;
  25. background: #f5f5f5;
  26. border: none;
  27. font-size: 12px;
  28. }
  29. #customer-tab tbody tr.header:hover{
  30. border: none;
  31. }
  32. .pane-header{
  33. /*border-radius: 0px 0 0px 0px;
  34. box-shadow: 0 0 3px #ccc;
  35. background: linear-gradient(to top, #e7e7e7 0%,#ffffff 100%);*/
  36. height: 40px;
  37. font-size: 14px;
  38. line-height: 40px;}
  39. #customer-tab .pane-header th{
  40. border-bottom: none;
  41. }
  42. .table>tbody+tbody{
  43. border-top: none;
  44. }
  45. #customer-tab tbody td{
  46. border: none;
  47. }
  48. #customer-tab .pane-body{
  49. padding: 0;
  50. }
  51. #customer-tab tbody tr{
  52. background: none;
  53. height: 100px;
  54. border-top: #e8e8e8 1px solid;
  55. line-height: 100px;
  56. }
  57. #customer-tab tbody tr td{
  58. text-align: center;
  59. line-height: 20px;
  60. vertical-align: inherit;
  61. font-size: 14px;
  62. }
  63. #customer-tab tbody tr:hover{
  64. border: #d32526 1px solid;
  65. }
  66. #customer-tab .com_title{
  67. margin-bottom: 10px;
  68. }
  69. #customer-tab tbody tr td a{
  70. color: #3578ba;
  71. }
  72. #customer-tab tbody tr td a:hover{
  73. color: #d32526;
  74. }
  75. </style>
  76. <link rel="stylesheet" href="static/css/public.css">
  77. <div class="pub-com_head">
  78. <span>供应商资料</span>
  79. <div class="p-right">
  80. </div>
  81. </div>
  82. <div id="public">
  83. <div class="condition block" style="padding: 10px 15px;">
  84. <div class="search-bg condition block" style="padding: 10px 15px;">
  85. <div class="row">
  86. <div id="topSearch" style="float: left">
  87. <span class="text-muted f16"><i class="fa fa-search fa-lg"></i> 搜索"{{tip}}",为您找到结果:</span>
  88. 单据{{tableParams.total()}}条
  89. </div>
  90. <div class="col-xs-6">
  91. <div class="search">
  92. <div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick" on-toggle="searchAdvance=open">
  93. <input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch()" placeholder="输入企业名称、简称或申请人搜索" style="width: 100%"/>
  94. <a class="btn input-group-addon" ng-click="onSearch()">搜索</a>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="fr toggle">
  99. <a ng-click="condition.$open=!condition.$open" class="text-simple"><span ng-bind="condition.$open ? '简化筛选条件' : '更多筛选条件'"></span><i class="fa fa-fw" ng-class="{'fa-angle-up': condition.$open, 'fa-angle-down': !condition.$open}"></i></a>
  100. </div>
  101. </div>
  102. <div class="more" ng-class="{'open': condition.$open}">
  103. <form class="form-inline">
  104. <div class="form-group ">
  105. <label>日期:</label>
  106. <div class="btn-group btn-menu" dropdown is-open="condition.$dateZoneOpen">
  107. <button type="button" dropdown-toggle style="width: 85px;" class="btn btn-default btn-xs dropdown-toggle">
  108. {{dateZoneText}}<i class="fa fa-fw fa-angle-down icon-right"></i></span>
  109. </button>
  110. <ul class="dropdown-menu">
  111. <li><a ng-click="changeDateZone(1)">一个月内</a></li>
  112. <li><a ng-click="changeDateZone(6)">半年内</a></li>
  113. <li><a ng-click="changeDateZone()">半年前</a></li>
  114. </ul>
  115. </div>
  116. <div class="form-group input-group input-group-xs input-trigger">
  117. <input type="text" ng-model="condition.dateFrom"
  118. class="form-control" placeholder="从"
  119. datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
  120. ng-required="true"
  121. current-text="今天" clear-text="清除" close-text="关闭"
  122. datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
  123. ng-focus="openDatePicker($event, condition, '$fromOpened')">
  124. <span class="input-group-btn">
  125. <button type="button" class="btn btn-default"
  126. ng-click="openDatePicker($event, condition, '$fromOpened')">
  127. <i class="fa fa-calendar"></i>
  128. </button>
  129. </span>
  130. </div>
  131. <div class="form-group input-group input-group-xs input-trigger">
  132. <input type="text" ng-model="condition.dateTo"
  133. class="form-control" placeholder="到"
  134. datepicker-popup="yyyy-MM-dd" is-open="condition.$toOpened"
  135. ng-required="true"
  136. current-text="今天" clear-text="清除" close-text="关闭"
  137. datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
  138. ng-focus="openDatePicker($event, condition, '$toOpened')">
  139. <span class="input-group-btn">
  140. <button type="button" class="btn btn-default"
  141. ng-click="openDatePicker($event, condition, '$toOpened')">
  142. <i class="fa fa-calendar"></i>
  143. </button>
  144. </span>
  145. </div>
  146. </div>
  147. <div class="form-group">
  148. <label>采纳结果:</label>
  149. <div class="btn-group btn-menu" dropdown is-open="condition.$agreedOpen">
  150. <button type="button" dropdown-toggle style="width: 70px;" class="btn btn-default btn-xs dropdown-toggle">
  151. {{agreedText}}<i class="fa fa-fw fa-angle-down icon-right"></i></span>
  152. </button>
  153. <ul class="dropdown-menu">
  154. <li><a ng-click="changeAgreed()">全部</a></li>
  155. <li><a ng-click="changeAgreed(1)">已采纳</a></li>
  156. <li><a ng-click="changeAgreed(0)">未采纳</a></li>
  157. </ul>
  158. </div>
  159. </div>
  160. </form>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="wrap" id="customer-tab">
  166. <div class="content">
  167. <!--供应商列表-->
  168. <table class="table table-hover"
  169. ng-table="customerParams">
  170. <thead>
  171. <tr class="pane-header">
  172. <th width="180" class="text-center">企业名称</th>
  173. <th width="120" class="text-center">简称</th>
  174. <th width="200" class="text-center">地址</th>
  175. <th width="100" class="text-center">联系人</th>
  176. <th width="80" class="text-center">职位</th>
  177. <th width="80" class="text-center">联系方式</th>
  178. <th width="170" class="text-center">操作</th>
  179. </tr>
  180. </thead>
  181. <tbody>
  182. <tr ng-repeat="vendor in $data">
  183. <td class="text-center" ng-bind="::vendor.vendorEnterprise.enName"></td>
  184. <td class="text-center" ng-bind="::vendor.vendorEnterprise.enShortname"></td>
  185. <td class="text-center" ng-bind="::vendor.vendorEnterprise.enAddress"></td>
  186. <td class="text-center" ng-bind="::vendor.vendorUser.userName"></td>
  187. <td ng-bind="::vendor.vendorUser.position"></td>
  188. <td class="text-center" ng-bind="::vendor.vendorUser.userTel"></td>
  189. <td class="text-center">
  190. <a href="#/purc/vendor/{{vendor.id}}">查看详情</a>
  191. <a ng-click="purcByEn(vendor.vendorEnterprise.enBussinessCode)">下达采购单</a>
  192. </td>
  193. </tr>
  194. </tbody>
  195. </table>
  196. </div>
  197. </div>
  198. </body>
  199. </html>