fatstokhar.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <html>
  2. <head>
  3. <META http-equiv="content-type" contentType="text/html; charset=UTF-8">
  4. <script src="./static/jquery.js"></script>
  5. <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  6. <link rel="stylesheet"
  7. href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  8. <style type="text/css">
  9. body {
  10. margin: 0px auto;
  11. padding: 0px 0px;
  12. font-family: calibri;
  13. }
  14. .container {
  15. margin: 20px 0px 0px 20px;
  16. width: 600px;
  17. }
  18. #hata {
  19. margin: 3px auto;
  20. width: inherit;
  21. float: left;
  22. color: red;
  23. }
  24. .stokTablo {
  25. margin: 0 auto;
  26. padding: 0px;
  27. width: 800px;
  28. font-size: 11px;
  29. }
  30. .stokTablo>thead {
  31. background-color: rgba(0, 100, 0, 0.5);
  32. font-weight: bold;
  33. }
  34. .stokTablo tr:nth-child(odd) {
  35. background-color: rgba(0, 100, 0, 0.2);
  36. vertical-align: middle;
  37. border: 1px solid #ffffff;
  38. border-width: 0px 1px 1px 0px;
  39. padding: 1px;
  40. font-size: 14px;
  41. font-weight: bold;
  42. color: #000000;
  43. }
  44. .stokTablo tr:nth-child(even) {
  45. background-color: rgba(0, 200, 0, 0.3);
  46. vertical-align: middle;
  47. border: 1px solid #ffffff;
  48. border-width: 0px 1px 1px 0px;
  49. padding: 1px;
  50. font-size: 14px;
  51. font-weight: bold;
  52. color: #000000;
  53. }
  54. </style>
  55. </head>
  56. <body>
  57. <div class="container">
  58. <table class="stokTablo">
  59. <thead>
  60. <td style="width: 10%;">BELGE NO:</td>
  61. <td style="width: 10%;">CARİ KOD:</td>
  62. <td style="width: 80%;">CARİ AD:</td>
  63. </thead>
  64. <tr>
  65. <td style="width: 10%;">{{belgeNo}}</td>
  66. <td style="width: 10%;">{{cariKod}}</td>
  67. <td style="width: 80%;">{{cariAd}}</td>
  68. </tr>
  69. </table>
  70. <table class="stokTablo">
  71. {% if fis %}
  72. <thead>
  73. <td style="width: 20%;">Stok Kodu</td>
  74. <td style="width: 50%;">Stok İsmi</td>
  75. <td style="width: 5%; text-align: right;">Miktar</td>
  76. <td style="width: 2%;">Birim</td>
  77. <td style="width: 3%;">KDV</td>
  78. <td style="width: 10%; text-align: right;">Birim Fiyat</td>
  79. <td style="width: 10%; text-align: right;">Tutar</td>
  80. </thead>
  81. {% for urun in fis.urunler %}
  82. <tr>
  83. <td style="width: 20%;"><a href="{{ url_for('fatstokhar') }}?stokNo={{urun.urunkodu}}&tarih={{fis.tarih}}">{{urun.urunkodu}}</a></td>
  84. <td style="width: 50%;">{{urun.urunismi}}</td>
  85. <td style="width: 5%; text-align: right;">{{'%.3f'|format(urun.miktar)}}</td>
  86. <td style="width: 2%;">{{urun.birim}}</td>
  87. <td style="width: 3%;">{{urun.kdv}}</td>
  88. <td style="width: 10%; text-align: right;">{{'%.2f'|format(urun.birimfiyat)}}</td>
  89. <td style="width: 10%; text-align: right;">{{'%.2f'|format(urun.tutar)}}</td>
  90. </tr>
  91. {% endfor %}
  92. <tfoot>
  93. <td style="width: 20%;"></td>
  94. <td style="width: 50%;"></td>
  95. <td style="width: 5%;"></td>
  96. <td style="width: 2%;"></td>
  97. <td style="width: 3%;"></td>
  98. <td style="width: 10%; text-align: right;">TOPLAM:</td>
  99. <td style="width: 10%; text-align: right;">{{'%.2f'|format(fis.toplamtutar)}}</td>
  100. </tfoot>
  101. {% endif %}
  102. </table>
  103. </div>
  104. </body>
  105. </html>