Advertisement
Guest User

Untitled

a guest
Aug 21st, 2019
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.40 KB | None | 0 0
  1. <template>
  2. <div class="animated fadeIn">
  3. <b-row>
  4. <b-col sm="12">
  5. <b-card>
  6. <div slot="header">
  7. <strong>Laporan Perkembangan Pinjaman Mitra Binaan</strong>
  8. </div>
  9. <div class="form-group form-actions">
  10. <form>
  11. <div class="row">
  12. <div class="col">
  13. <label for="inputEmail4">Periode Salur</label>
  14. <input type="date" class="form-control" placeholder="">
  15. </div>
  16. <div class="col">
  17. <label for="inputEmail4">Sampai</label>
  18. <input type="date" class="form-control" placeholder="">
  19. </div>
  20. <div class="col">
  21. <label for="inputEmail4">Periode Kualitas Per</label>
  22. <v-select placeholder="Pilih Bulan" :options="options"/>
  23. </div>
  24. <div class="col" style="padding-top: 27px;">
  25. <v-select placeholder="Pilih Tahun" :options="options"/>
  26. </div>
  27. <div class="col">
  28. <label for="inputEmail4">Cabang</label>
  29. <v-select placeholder="--SEMUA--" :options="options"/>
  30. </div>
  31. <!-- <div class="col" >
  32. <label for="inputEmail4">Posting Jurnal</label>
  33. <v-select placeholder="--SEMUA--" :options="options"/>
  34. </div> -->
  35. <!-- <div class="col" >
  36. <label for="inputEmail4">Sumber Dana</label>
  37. <v-select placeholder="--SEMUA--" :options="options"/>
  38. </div> -->
  39.  
  40. </div>
  41. </form>
  42. </div>
  43.  
  44. <div class="form-group form-actions">
  45. <form>
  46. <div class="row">
  47. <div class="col">
  48. <label for="inputEmail4">Kualitas Pinjaman : </label>
  49. <div class="form-check">
  50. <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
  51. <label class="form-check-label" for="exampleRadios1">
  52. Lancar
  53. </label>
  54. </div>
  55. <div class="form-check">
  56. <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
  57. <label class="form-check-label" for="exampleRadios1">
  58. Kurang Lancar
  59. </label>
  60. </div>
  61. <div class="form-check">
  62. <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
  63. <label class="form-check-label" for="exampleRadios1">
  64. Diragukan
  65. </label>
  66. </div>
  67. <div class="form-check">
  68. <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
  69. <label class="form-check-label" for="exampleRadios1">
  70. Macet
  71. </label>
  72. </div>
  73. </div>
  74. <div class="col">
  75. <label for="inputEmail4">Sort By : </label>
  76. <div class="form-check">
  77. <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
  78. <label class="form-check-label" for="exampleRadios1">
  79. Lancar
  80. </label>
  81. </div>
  82. </div>
  83. </div>
  84. </form>
  85. </div>
  86. <div class="form-group form-actions">
  87. <form>
  88. <div class="row">
  89. <div class="col">
  90. <label for="inputEmail4">Bermasalah</label>
  91. <v-select placeholder="--SEMUA--" :options="options"/>
  92. </div>
  93. <div class="col">
  94. <label for="inputEmail4">Sektor</label>
  95. <v-select placeholder="Sektor Jasa" :options="options"/>
  96. </div>
  97. <div class="col">
  98. <label for="inputEmail4">Lunas</label>
  99. <v-select placeholder="--SEMUA--" :options="options"/>
  100. </div>
  101. <div class="col">
  102. <label for="inputEmail4">Provinsi</label>
  103. <v-select placeholder="--Pilih--" :options="options"/>
  104. </div>
  105. <div class="col">
  106. <label for="inputEmail4">Sort By</label>
  107. <v-select placeholder="--Pilih--" :options="options"/>
  108. </div>
  109. </div>
  110. </form>
  111. </div>
  112. <div class="form-group">
  113. <div class="col" style="padding-top: 27px;">
  114. <button class="btn btn-primary">Go</button>&nbsp;
  115. <button class="btn btn-primary">Reset</button>
  116. </div>
  117. </div>
  118. <br>
  119. <b-row>
  120. <b-col sm="12">
  121. <div style="overflow-x:auto;">
  122. <table id="dtHorizontalExample" class="table table-bordered">
  123. <tr style="background:#f1f1f1;">
  124. <td rowspan="2" style="text-align:center; padding-top:40px;">No</td>
  125. <td rowspan="2" style="text-align:center; padding-top:40px;">Kode</td>
  126. <td rowspan="2" style="text-align:center; padding-top:40px;">Nama</td>
  127. <td rowspan="2" style="text-align:center; padding-top:40px;">Nama Usaha</td>
  128. <td rowspan="2" style="text-align:center; padding-top:50px;">Alamat</td>
  129. <td rowspan="2" style="text-align:center; padding-top:50px;">Provinsi</td>
  130. <td rowspan="2" style="text-align:center; padding-top:50px;">Kota/Kabupaten</td>
  131. <td rowspan="2" style="text-align:center; padding-top:50px;">No. Telp/HP</td>
  132. <td rowspan="2" style="text-align:center; padding-top:50px;">Agunan</td>
  133. <td rowspan="2" style="text-align:center; padding-top:50px;">Jumlah Pinjaman</td>
  134. <td rowspan="2" style="text-align:center; padding-top:50px;">Nilai Jasa</td>
  135. <td rowspan="2" style="text-align:center; padding-top:50px;">Nilai Realisasi</td>
  136. <td rowspan="2" style="text-align:center; padding-top:40px;">Jangka Waktu</td>
  137. <td rowspan="2" style="text-align:center; padding-top:40px;">Tanggal Penyaluran</td>
  138. <td rowspan="2" style="text-align:center; padding-top:40px;">Tanggal Jatuh Tempo</td>
  139. <td rowspan="2" style="text-align:center; padding-top:40px;">Jumlah Jasa Jatuh Tempo</td>
  140. <td colspan="3" style="text-align:center;">Pengembalian Pinjaman</td>
  141. <td colspan="4" style="text-align:center;">Tunggakan</td>
  142. <td rowspan="2" style="text-align:center; padding-top:40px;">Sisa Pinjaman</td>
  143. <td rowspan="2" style="text-align:center; padding-top:50px;">Penyisihan</td>
  144. <td rowspan="2" style="text-align:center; padding-top:50px;">Kelebihan</td>
  145. <td rowspan="2" style="text-align:center; padding-top:50px;">STS</td>
  146. <td rowspan="2" style="text-align:center; padding-top:50px;">Sektor</td>
  147. <td rowspan="2" style="text-align:center; padding-top:50px;">Region</td>
  148. <td rowspan="2" style="text-align:center; padding-top:50px;">Sinergi</td>
  149. <td rowspan="2" style="text-align:center; padding-top:50px;">Kriteria</td>
  150. <td rowspan="2" style="text-align:center; padding-top:50px;">Catatan</td>
  151. <td rowspan="2" style="text-align:center; padding-top:40px;">Alamat Baru</td>
  152. <td rowspan="2" style="text-align:center; padding-top:40px;">Grace Periode</td>
  153. <td rowspan="2" style="text-align:center; padding-top:40px;">Tanggal Terakhir Bayar</td>
  154. <td rowspan="2" style="text-align:center; padding-top:40px;">Pemabayaran Terakhir Ke</td>
  155. <td colspan="4" style="text-align:center;">Nominal Terakhir Dibayar</td>
  156. <td rowspan="2" style="text-align:center; padding-top:40px;">Cabang Provinsi</td>
  157. <td rowspan="2" style="text-align:center; padding-top:40px;">Detail Jatuh Tempo</td>
  158. </tr>
  159. <tr style="background:#f1f1f1;">
  160. <td>Pokok</td>
  161. <td>Jasa Adm.</td>
  162. <td>Jumlah.</td>
  163. <td>Pokok</td>
  164. <td>Jasa Adm.</td>
  165. <td>Jumlah.</td>
  166. <td>Hari</td>
  167. <td>Pokok</td>
  168. <td>Jasa Adm.</td>
  169. <td>Lebih Bayar</td>
  170. <td>Jumlah.</td>
  171. </tr>
  172. <tr style="background:#f1f1f1; text-align:center;">
  173. <td>1</td>
  174. <td>2</td>
  175. <td>3</td>
  176. <td>4</td>
  177. <td>5</td>
  178. <td>6</td>
  179. <td>7</td>
  180. <td>8</td>
  181. <td>9</td>
  182. <td>10</td>
  183. <td>11</td>
  184. <td>12</td>
  185. <td>13</td>
  186. <td>14</td>
  187. <td>15</td>
  188. <td>16</td>
  189. <td>17</td>
  190. <td>18</td>
  191. <td>19</td>
  192. <td>20</td>
  193. <td>21</td>
  194. <td>22</td>
  195. <td>23</td>
  196. <td>24</td>
  197. <td>25</td>
  198. <td>26</td>
  199. <td>27</td>
  200. <td>28</td>
  201. <td>29</td>
  202. <td>30</td>
  203. <td>31</td>
  204. <td>32</td>
  205. <td>33</td>
  206. <td>34</td>
  207. <td>35</td>
  208. <td>36</td>
  209. <td>37</td>
  210. <td>38</td>
  211. <td>39</td>
  212. <td>40</td>
  213. <td>41</td>
  214. <td>42</td>
  215. </tr>
  216. <tr>
  217. <td>1</td>
  218. <td>28052287</td>
  219. <td>ipul samudin</td>
  220. <td>Galaxi Bima Darmasena</td>
  221. <td>Jalan Merpati Burung Bangao</td>
  222. <td>Bogor</td>
  223. <td>Parung</td>
  224. <td></td>
  225. <td>BPKB Mobil nya ga ada</td>
  226. <td>4,450,000</td>
  227. <td>5,000,200</td>
  228. <td>4,450,000</td>
  229. <td>36</td>
  230. <td>2019-07-2</td>
  231. <td>2020-08-19</td>
  232. <td>1,500,000</td>
  233. <td>1,500,000</td>
  234. <td>4,285,000</td>
  235. <td>750,000</td>
  236. <td>1,500,000</td>
  237. <td>8,660,000</td>
  238. <td>5,035,000</td>
  239. <td>155</td>
  240. <td>29,138,000</td>
  241. <td>7,284,500</td>
  242. <td>0</td>
  243. <td>Kurang Lancar</td>
  244. <td>Jas</td>
  245. <td>2800</td>
  246. <td>0</td>
  247. <td></td>
  248. <td></td>
  249. <td></td>
  250. <td>1 kali</td>
  251. <td>2015-06-30</td>
  252. <td>2</td>
  253. <td>862,000</td>
  254. <td>300,000</td>
  255. <td>0</td>
  256. <td>1,162,000</td>
  257. <td>2700</td>
  258. <td>1 Bulan</td>
  259. </tr>
  260. <tr>
  261. <td>2</td>
  262. <td>28052287</td>
  263. <td>Lutifa</td>
  264. <td>PT Tama Jaya Alumunium</td>
  265. <td>Jalan Tanah Air Kutidak Kulupakan</td>
  266. <td>Depok</td>
  267. <td>Sawangan</td>
  268. <td></td>
  269. <td>Sertifikat Hak Milik No.1223</td>
  270. <td>6,000,000</td>
  271. <td>3,100,000</td>
  272. <td>6,000,000</td>
  273. <td>36</td>
  274. <td>2019-07-02</td>
  275. <td>2020-08-19</td>
  276. <td>900,000</td>
  277. <td>1,500,000</td>
  278. <td>1,575,000</td>
  279. <td>175,000</td>
  280. <td>1,100,000</td>
  281. <td>4,300,000</td>
  282. <td>1,175,000</td>
  283. <td>76</td>
  284. <td>31,575,000</td>
  285. <td>7,893,750</td>
  286. <td>0</td>
  287. <td>Kurang Lancar</td>
  288. <td>Jas</td>
  289. <td>2800</td>
  290. <td>0</td>
  291. <td></td>
  292. <td></td>
  293. <td></td>
  294. <td>1 kali</td>
  295. <td>2016-02-25</td>
  296. <td>8</td>
  297. <td>2,975,000</td>
  298. <td>525,000</td>
  299. <td>0</td>
  300. <td>3,500,000</td>
  301. <td>2700</td>
  302. <td>1 Bulan</td>
  303. </tr>
  304. <tr style="font-weight: bold;">
  305. <td colspan="9">Jumlah</td>
  306. <td>10,450,000</td>
  307. <td>8,100,200</td>
  308. <td>10,450,000</td>
  309. <td></td>
  310. <td></td>
  311. <td></td>
  312. <td>2,400,000</td>
  313. <td>3,000,000</td>
  314. <td>5,860,000</td>
  315. <td>925,000</td>
  316. <td>2,600,000</td>
  317. <td>12,960,000</td>
  318. <td>6,785,000</td>
  319. <td></td>
  320. <td>60,713,000</td>
  321. <td>15,178,250</td>
  322. <td>0</td>
  323. <td></td>
  324. <td></td>
  325. <td></td>
  326. <td></td>
  327. <td></td>
  328. <td></td>
  329. <td></td>
  330. <td></td>
  331. <td></td>
  332. <td></td>
  333. <td>3,837,000</td>
  334. <td>825,000</td>
  335. <td>0</td>
  336. <td>4,662,000</td>
  337. <td></td>
  338. <td></td>
  339. </tr>
  340. </table>
  341.  
  342. </div>
  343.  
  344. </b-col>
  345. </b-row>
  346. </b-card>
  347. </b-col>
  348. </b-row>
  349. </div>
  350. </template>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement