bk2_designer.tmpl 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <html>
  2. <head>
  3. <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
  4. <style>
  5. body {
  6. background-color: #bdc3c7;
  7. }
  8. .table {
  9. width: 100%;
  10. background-color: #f3f3f3;
  11. }
  12. .table-fixed tbody {
  13. height: 600px;
  14. overflow-y: auto;
  15. width: 100%;
  16. }
  17. .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  18. display: block;
  19. }
  20. .table-fixed tbody td {
  21. float: left;
  22. }
  23. .table-fixed thead tr th {
  24. float: left;
  25. background-color: #8600FF;
  26. border-color: #8600FF;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <img src="http://ai.choozmo.com/img/logo_choozmo.webp" style="display: block; margin-left: auto; margin-right: auto; width: 150px;" >
  32. <h2 style="text-align:center;">幸福空間設計師SEO報告</h2>
  33. <div class="container">
  34. <table class="table">
  35. <thead>
  36. <tr style="background-color: #8600FF;">
  37. <th style="color: #eeeeee ;">設計師</th>
  38. <th style="color: #eeeeee ;">優先</th>
  39. <th style="color: #eeeeee ;">次之</th>
  40. <th style="color: #eeeeee ;">資料時間</th>
  41. </tr>
  42. </thead>
  43. <tbody>
  44. {% for item in displaydata %}
  45. <tr>
  46. <td>{{ item.designer |safe}}</td>
  47. <td>{{ item.first |safe }}</td>
  48. <td>{{ item.second |safe }}</td>
  49. <td>{{ item.dt |safe }}</td>
  50. </tr>
  51. {% endfor %}
  52. </tbody>
  53. </table>
  54. </div>
  55. </body>
  56. </html>