newPartner.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440
  1. <style>
  2. .condition .more.open {
  3. margin-top: 10px;
  4. height: 36px;
  5. opacity: 1;
  6. }
  7. .condition .more .form-group {
  8. margin-bottom: 10px;
  9. }
  10. .order-table .header>th {
  11. height: 38px;
  12. text-align: center;
  13. background: #f5f5f5;
  14. border-top: 1px solid #e8e8e8;
  15. border-bottom: 1px solid #e8e8e8;
  16. }
  17. .order-table .sep-row {
  18. height: 10px;
  19. }
  20. .order-table .selector {
  21. vertical-align: middle;
  22. margin: 0 0 2px 0;
  23. }
  24. .toolbar label {
  25. margin-right: 10px;
  26. margin-bottom: 0;
  27. }
  28. .toolbar .select_all {
  29. margin: 0 6px 0 10px;
  30. line-height: 20px;
  31. }
  32. .toolbar .btn {
  33. -moz-border-radius: 2px;
  34. margin-right: 5px;
  35. border: 1px solid #dcdcdc;
  36. border-radius: 2px;
  37. -webkit-border-radius: 2px;
  38. }
  39. .order-table .order-hd {
  40. background: #fff;
  41. height: 50px;
  42. line-height: 50px;
  43. }
  44. .order-table .order-hd p{
  45. line-height: 26px;
  46. height: 26px;
  47. }
  48. .order-table .order-hd p.switch span:first-child{
  49. line-height: 26px;
  50. }
  51. .order-table .order-hd p.switch{
  52. padding-left: 10px;
  53. }
  54. .order-table .order-hd p.switch .checkbox{
  55. padding-top: 0;
  56. float: right;
  57. margin-right: 30px;
  58. }
  59. /*.order-table .order-hd td{
  60. padding-bottom: 10px;
  61. }*/
  62. .order-table .order-hd td.first {
  63. padding-left: 20px;
  64. }
  65. .order-table .order-hd .order-main span {
  66. margin-right: 8px;
  67. }
  68. .order-table .order-hd .order-code {
  69. font-style: normal;
  70. font-family: verdana;
  71. }
  72. .order-table .order-hd .order-sum {
  73. padding: 0 5px;
  74. }
  75. .order-table>tbody {
  76. border-bottom: 1px #e8e8e8 dotted;
  77. }
  78. .order-table>tbody:hover {
  79. border: #fff 1px solid;
  80. border-bottom: 20px solid #f5f5f5;
  81. }
  82. .order-table .operates {
  83. display: none;
  84. }
  85. .order-table .operates i {
  86. padding: 0 2px;
  87. }
  88. .order-table>tbody:hover .operates {
  89. display: block;
  90. }
  91. .order-table>tbody:hover .operates-status {
  92. display: none;
  93. }
  94. .order-table .order-bd {
  95. border-bottom: 1px solid #e6e6e6;
  96. }
  97. .order-table .order-bd>td {
  98. padding: 10px 5px;
  99. vertical-align: top;
  100. position: relative;
  101. }
  102. .order-table .order-bd .product {
  103. padding-left: 20px;
  104. }
  105. .order-table .order-bd .order-number {
  106. position: absolute;
  107. top: -1px;
  108. left: -1px;
  109. width: 20px;
  110. height: 20px;
  111. line-height: 20px;
  112. text-align: center;
  113. background: #f5f5f5;
  114. font-weight: 500;
  115. border: solid 1px #d5d5d5;
  116. border-radius: 0 0 10px 0;
  117. }
  118. .order-table .order-bd .order-number.key {
  119. background: #56a022;
  120. color: #ffffff;
  121. }
  122. .order-table .order-hd .row{
  123. margin-left: 0;
  124. }
  125. .unPrinted {
  126. color: #56a022;
  127. }
  128. .info-container .info:hover {
  129. color: #CC3333;
  130. }
  131. .white{
  132. color: #fff;
  133. }
  134. /*增加样式*/
  135. .view-slide-in {
  136. /*margin-top: 20px;*/
  137. }
  138. .view-slide-in .block {
  139. background: #fff;
  140. }
  141. .view-slide-in .group-container {
  142. background: #fff;
  143. margin-bottom: 10px;
  144. }
  145. .view-slide-in .group-container .btn-group {
  146. width: 190px;
  147. border: none;
  148. height: 45px;
  149. }
  150. .view-slide-in .group-container .btn-group .btn {
  151. color: #000;
  152. }
  153. .view-slide-in .group-container .btn-group .btn-info {
  154. color: #d32526;
  155. background: #fff;
  156. border: none;
  157. }
  158. .view-slide-in .group-container .btn-group .btn {
  159. border: none;
  160. font-size: 16px;
  161. font-family: "Microsoft YaHei", "微软雅黑";
  162. }
  163. .view-slide-in .group-container .btn-group .btn em {
  164. color: #d32526;
  165. font-style: inherit;
  166. }
  167. .view-slide-in .group-container .btn-group .btn:hover {
  168. background: #fff;
  169. color: #d32526;
  170. }
  171. .view-slide-in .group-container {
  172. padding: 0;
  173. }
  174. .view-slide-in .search-bg {
  175. margin-top: 10px;
  176. }
  177. #topSearch {
  178. font-size: 18px;
  179. }
  180. .view-slide-in #topSearch .search-bg i {
  181. color: #999;
  182. margin-left: 10px;
  183. }
  184. .form-group-sm .form-control-feedback {
  185. width: 85px;
  186. height: 36px;
  187. line-height: 36px;
  188. color: #fff;
  189. background: #3f84f6;
  190. text-align: center;
  191. font-size: 14px;
  192. cursor: pointer;
  193. }
  194. #topSearch .input-sm, .form-group-sm .form-control {
  195. height: 36px;
  196. line-height: 36px;
  197. border: #3f84f6 1px solid;
  198. border-radius: 0px;
  199. font-size: 14px;
  200. }
  201. .search-bg .col-xs-6,.search-bg .row {
  202. padding-right: 0;
  203. }
  204. .order-table .company-list,.order-table .order-hd:first-child {
  205. background: #fff;
  206. font-size: 16px;
  207. height: 40px;
  208. line-height: 40px;
  209. border-bottom: #ddd 1px solid;
  210. }
  211. .order-table .company-list {
  212. width:100%;
  213. height: 190px;
  214. border-bottom: 20px solid #f5f5f5;
  215. }
  216. .order-table .order-hd span.margin-left20 {
  217. margin-left: 35px;
  218. }
  219. .order-table .product {
  220. line-height: 25px;
  221. font-size: 14px;
  222. }
  223. .order-table .product span {
  224. margin-right: 10px;
  225. }
  226. .grey01 {
  227. color: #969595;
  228. font-size: 14px;
  229. text-align: center;
  230. }
  231. .order-table .btn {
  232. width: 80px;
  233. height: 24px;
  234. color: #fff;
  235. border-radius: 4px;
  236. padding: 0;
  237. line-height: 22px;
  238. margin-bottom: 2px;
  239. }
  240. /*.order-table .btn:hover{
  241. background: #5078cb;
  242. }*/
  243. .order-table .btn:hover{
  244. opacity: 0.9;
  245. }
  246. .order-table .btn01 {
  247. color: #3f84f6;
  248. background: #fff;
  249. border: none;
  250. font-size: 16px;
  251. }
  252. .order-table .order-hd td.first {
  253. line-height: 25px;
  254. font-size: 14px;
  255. padding-top: 10px;
  256. padding-bottom: 10px;
  257. }
  258. .search-bg .input-group-addon{
  259. width: 85px;
  260. height: 36px;
  261. display: inline-block;
  262. background: #3f84f6;
  263. font-size: 16px;
  264. text-align: center;
  265. line-height: 36px;
  266. color: #fff;
  267. padding: 0;
  268. border: none;
  269. border-radius: 0;
  270. position: absolute;
  271. top: 0;
  272. right: 0;
  273. }
  274. .search-bg .form-group{
  275. position: relative;
  276. }
  277. .order-table>tbody{
  278. border-bottom: #f5f5f5 16px solid !important;
  279. /*border: #f5f5f5 16px solid !important;*/
  280. }
  281. .label-success {
  282. background: #27b6da;
  283. }
  284. .label-danger {
  285. background: #3f84f6;
  286. }
  287. .order-table .order-hd .text-center p{
  288. margin: 5px 0;
  289. }
  290. .new-dot{
  291. top: 15px;
  292. }
  293. .order-table .company-list, .order-table .order-hd:first-child{
  294. border-top:#e8e8e8 1px solid;
  295. }
  296. .order-table .company-list tr .first{
  297. border-bottom: #e8e8e8 1px solid;
  298. }
  299. .order-table>tbody{
  300. border-bottom: none !important;
  301. }
  302. .order-table>tbody .height16{
  303. height: 16px;
  304. border-left: #f5f5f5 2px solid;
  305. border-right: #f5f5f5 2px solid;
  306. }
  307. .order-table>tbody .height16 td{
  308. background: #f5f5f5;
  309. }
  310. </style>
  311. <div class="block" style="width: 1170px;" id="myquest-public">
  312. <div class="loading in" ng-class="{'in': loading}">
  313. <i></i>
  314. </div>
  315. <div ng-include src="'static/tpl/index/baseInfo/addPartnerAndRecord.html'"></div>
  316. <div style="margin-top: -55px;">
  317. <div class="col-xs-6" style="float: left;"></div>
  318. <div class="form-input col-xs-6 myRequest search-bg">
  319. <div class="row">
  320. <div class="col-xs-9">
  321. <div class="search">
  322. <div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick" on-toggle="searchAdvance=open">
  323. <input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch()" placeholder="输入企业名称等关键词进行搜索" />
  324. <a class="btn input-group-addon" ng-click="onSearch()">搜索</a>
  325. </div>
  326. </div>
  327. </div>
  328. <div class="col-xs-3" style="padding-left: 0;">
  329. <p>搜索到<em>{{tableParams.total()}}</em>条</p>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. <table class="order-table block" ng-table="tableParams">
  335. <tbody ng-repeat="request in $data | orderBy : [ '-isTodo','-needAgreed']" class="company-list">
  336. <tr class="order-hd" ng-dblclick="order.$collapsed=!order.$collapsed" ng-class="{'text-bold': order.display>0}">
  337. <td colspan="4" style="position: relative;"><span ng-bind="request.vendName" class="margin-left20"></span><b class="new-dot" ng-if="request.statusCode==311 && request.method==0"></b><img src="static/img/logo/youruanrenzheng.png" id="logo" ng-if="enterprise.status == 313"></td>
  338. <td width="140" class="text-center">
  339. </td>
  340. </tr>
  341. <tr class="height72 order-hd" ng-dblclick="order.$collapsed=!order.$collapsed" ng-class="{'text-bold': order.display>0}">
  342. <td class="first" colspan="4">
  343. <div class="row">
  344. <div class="col-md-3"><span class="text-muted">营业执照:</span><span ng-bind="::request.vendUID"></span></div>
  345. <div class="col-md-3"><span class="text-muted">法定代表人:</span><span ng-bind="::request.enterprise.enCorporation"></span></div>
  346. <div class="col-md-4"><span class="text-muted">企业UU:</span><span ng-bind="::request.enterprise.uu"></span></div>
  347. </div>
  348. <span class="text-icon" ng-if="request.statusCode==313 && request.method == 1">已通过</span>
  349. <span class="text-icon" ng-if="request.statusCode==310 && request.method==1">未通过</span>
  350. <span class="text-icon" ng-if="request.statusCode==313 && request.method == 0">已同意</span>
  351. <span class="text-icon" ng-if="request.statusCode==310 && request.method==0">已拒绝</span>
  352. <div class="row">
  353. <div class="col-md-3"><span class="text-muted">联系人:</span><span ng-bind="::request.contact.userName"></span></div>
  354. <div class="col-md-3"><span class="text-muted">联系电话:</span><span ng-bind="::request.contact.userTel"></span></div>
  355. <div class="col-md-4"><span class="text-muted">邮箱:</span><span ng-bind="::request.contact.userEmail"></span></div>
  356. </div>
  357. <div class="row">
  358. <div class="col-md-3"><span class="text-muted">行业:</span><span ng-bind="::request.enterprise.profession"></span></div>
  359. <div class="col-md-7"><span class="text-muted">经营范围:</span><span ng-bind="::request.enterprise.tags"></span></div>
  360. </div>
  361. <div class="row col-md-12"><span class="text-muted">企业地址:</span><span ng-bind="::request.enterprise.enAddress"></span></div>
  362. </td>
  363. <td width="140" class="text-center">
  364. <p ng-if="request.statusCode==313 && request.vendor == 0"><a class="btn label-success white" ng-click="addSupplier(request.vendUID)">添加供应商 </a></p>
  365. <p class="switch" ng-if="request.statusCode==313 && request.vendor == 1">
  366. <span style="float: left;">供应商</span>
  367. <span class="checkbox">
  368. <span class="off" ng-if="request.vendor == 1 && request.vendswitch == 1" ng-click="relieve(request.vendorId)" title="已启用"></span>
  369. <span class="" ng-if="request.vendor == 1 && request.vendswitch != 1" ng-click="activeVend(request.vendorId)" title="已禁用"></span>
  370. </span>
  371. </p>
  372. <p ng-if="request.statusCode==313 && request.servicer != 1"><a class="line24 btn label-success white" ng-click="addServicer(request.vendUID)">添加服务商</a></p>
  373. <p class="switch" ng-if="request.statusCode==313 && request.servicer == 1">
  374. <span style="float: left;">服务商</span>
  375. <span class="checkbox">
  376. <span class="off" ng-if="request.servicer == 1 && request.servicerswitch == 1" ng-click="relieveServicer(request.vendorId)" title="已启用"></span>
  377. <span class="" ng-if="request.servicer == 1 && (request.servicerswitch != 1)" ng-click="activeServicer(request.vendorId)" title="已禁用"></span>
  378. </span>
  379. </p>
  380. <p ng-if="request.statusCode==313 && request.customer == 0"><a class="line24 btn label-danger white" ng-click="addCust(request.vendUID)">添加客户</a></p>
  381. <p class="switch" ng-if="request.statusCode==313 && request.customer == 1">
  382. <span style="float: left;">客户</span>
  383. <span class="checkbox">
  384. <span class="off" ng-if="request.customer == 1 && request.custswitch == 1" ng-click="disableCust(request.custId)" title="已启用"></span>
  385. <span class="" ng-if="request.customer == 1 && request.custswitch != 1" ng-click="activeCust(request.custId)" title="已禁用"></span>
  386. </span>
  387. </p>
  388. <p ng-if="request.statusCode==311 && request.method==0"><a class="btn label-success white" ng-click="agree(request.id)" style="width: 70px; background: #3f84f6;">同意</a></p>
  389. <p ng-if="request.statusCode==311 && request.method==0"><a class="btn label-danger white" ng-click="refuse(request.id, request.reason)" style="width: 70px; background: #e07b7c;">拒绝</a></p>
  390. <p ng-if="request.statusCode==311 && request.method==1"><span class="btn01 btn label-info white">待回复</span></p>
  391. <p ng-if="request.statusCode==310 && request.method==1" style="color: #d32526;">未通过</p>
  392. <p ng-if="request.statusCode==310 && request.method==1"><a class="btn label-danger white" ng-click="addAgain(request.vendName, request.vendUID)" >再次添加</a></p>
  393. <p ng-if="request.statusCode==310 && request.method==0"><span class="btn01 btn label-danger white" >已拒绝</span></p>
  394. </td>
  395. </tr>
  396. <tr class="height16">
  397. <td colspan="5"></td>
  398. </tr>
  399. </tbody>
  400. <tbody ng-if="tableParams.total() == 0" class="no-record-tab">
  401. <tr>
  402. <td colspan="5">
  403. <div id="empty">
  404. <div class="left_img">
  405. <a href="http://www.ubtob.com/" target="_blank" title="优软云首页"><img src="static/img/empty/uas_empty.png"></a>
  406. <a href="#/index" title="B2B商务首页">B2B 商务</a>
  407. </div>
  408. <div class="right_link">
  409. <p>暂无合作伙伴</p>
  410. </div>
  411. </div>
  412. </td>
  413. </tr>
  414. </tbody>
  415. </table>
  416. </div>