mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-19 20:43:56 +00:00
282 lines
38 KiB
PHP
282 lines
38 KiB
PHP
<div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
|
|
<div class="col-12 col-md-4 p-l-0 mb-4 mb-md-0">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row tabsContainer">
|
|
<div class="col">
|
|
<div class="row m-l-0 m-r-0 d-flex">
|
|
<div class="col m-r-5">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter active tabButton" tab-name="payments">
|
|
<!-- <div class="col p-t-20 p-b-20 bg-master-lighter active tabButton m-r-5" tab-name="payments"> -->
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="107.5" y1="43" x2="107.5" y2="80.625" gradientUnits="userSpaceOnUse" id="color-1_kzdcLBHUWdkz_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="107.5" y1="1.20131" x2="107.5" y2="131.08013" gradientUnits="userSpaceOnUse" id="color-2_kzdcLBHUWdkz_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="91.375" y1="1.20131" x2="91.375" y2="131.08013" gradientUnits="userSpaceOnUse" id="color-3_kzdcLBHUWdkz_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="77.9375" y1="1.20131" x2="77.9375" y2="131.08013" gradientUnits="userSpaceOnUse" id="color-4_kzdcLBHUWdkz_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="123.625" y1="1.20131" x2="123.625" y2="131.08013" gradientUnits="userSpaceOnUse" id="color-5_kzdcLBHUWdkz_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="137.0625" y1="1.20131" x2="137.0625" y2="131.08013" gradientUnits="userSpaceOnUse" id="color-6_kzdcLBHUWdkz_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="1.20131" x2="86" y2="131.08013" gradientUnits="userSpaceOnUse" id="color-7_kzdcLBHUWdkz_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="107.5" y1="1.20131" x2="107.5" y2="131.08013" gradientUnits="userSpaceOnUse" id="color-8_kzdcLBHUWdkz_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M110.1875,80.625v-5.375h2.6875c2.96431,0 5.375,-2.41069 5.375,-5.375v-5.375c0,-2.96431 -2.41069,-5.375 -5.375,-5.375h-10.75v-5.375h16.125v-5.375h-8.0625v-5.375h-5.375v5.375h-2.6875c-2.96431,0 -5.375,2.41069 -5.375,5.375v5.375c0,2.96431 2.41069,5.375 5.375,5.375h10.75v5.375h-16.125v5.375h8.0625v5.375z" fill="url(#color-1_kzdcLBHUWdkz_gr1)"></path><rect x="39" y="0" transform="scale(2.6875,2.6875)" width="2" height="7" fill="url(#color-2_kzdcLBHUWdkz_gr2)"></rect><rect x="33" y="2" transform="scale(2.6875,2.6875)" width="2" height="7" fill="url(#color-3_kzdcLBHUWdkz_gr3)"></rect><rect x="28" y="7" transform="scale(2.6875,2.6875)" width="2" height="7" fill="url(#color-4_kzdcLBHUWdkz_gr4)"></rect><rect x="45" y="2" transform="scale(2.6875,2.6875)" width="2" height="7" fill="url(#color-5_kzdcLBHUWdkz_gr5)"></rect><rect x="50" y="7" transform="scale(2.6875,2.6875)" width="2" height="7" fill="url(#color-6_kzdcLBHUWdkz_gr6)"></rect><path d="M151.65025,104.318c-2.5155,-1.86513 -5.88025,-2.40531 -9.23425,-1.48081l-41.08919,11.35738c0.50525,-1.247 0.7955,-2.60419 0.7955,-4.03125c0.00269,-5.9125 -4.81869,-10.72581 -10.74731,-10.72581h-24.46162c-0.91912,-4.71387 -4.35644,-10.75 -13.16338,-10.75h-10.75c0,-4.44513 -3.61738,-8.0625 -8.0625,-8.0625h-10.75c-4.44513,0 -8.0625,3.61737 -8.0625,8.0625v43c0,4.44512 3.61737,8.0625 8.0625,8.0625h10.75c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-2.02369l32.62625,22.04287c4.09306,2.7735 8.86069,4.16831 13.63638,4.16831c4.41287,0 8.83113,-1.18787 12.74412,-3.57706l48.84263,-29.83394c3.09869,-1.89469 5.02562,-5.32663 5.02562,-8.96013v-0.8385c0,-3.31369 -1.53994,-6.35594 -4.22475,-8.34737zM37.625,131.6875c0,1.48081 -1.204,2.6875 -2.6875,2.6875h-2.6875v-10.75h-5.375v10.75h-2.6875c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.6875v-43c0,-1.48081 1.204,-2.6875 2.6875,-2.6875h10.75c1.4835,0 2.6875,1.20669 2.6875,2.6875zM150.5,113.50388c0,1.77375 -0.94063,3.45075 -2.45369,4.37256l-48.84263,29.83394c-6.35594,3.87806 -14.4265,3.70338 -20.56744,-0.45419l-35.63625,-24.07731v-29.11638h10.75c7.58681,0 8.04637,6.72681 8.0625,8.0625v2.6875h29.5625c2.96431,0 5.375,2.39994 5.375,5.34813c0,2.97775 -2.41069,5.40187 -5.375,5.40187h-13.4375h-13.4375v5.375h13.4375h13.4375h5.375l47.09844,-12.91881c1.72,-0.47837 3.43463,-0.24725 4.59563,0.61544c1.30612,0.9675 2.05594,2.43756 2.05594,4.03125z" fill="url(#color-7_kzdcLBHUWdkz_gr7)"></path><path d="M107.5,94.0625c17.78319,0 32.25,-14.46681 32.25,-32.25c0,-17.78319 -14.46681,-32.25 -32.25,-32.25c-17.78319,0 -32.25,14.46681 -32.25,32.25c0,17.78319 14.46681,32.25 32.25,32.25zM107.5,34.9375c14.81888,0 26.875,12.05613 26.875,26.875c0,14.81887 -12.05612,26.875 -26.875,26.875c-14.81888,0 -26.875,-12.05613 -26.875,-26.875c0,-14.81887 12.05612,-26.875 26.875,-26.875z" fill="url(#color-8_kzdcLBHUWdkz_gr8)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Payments</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="pre-refunds">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-1_48314_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-2_48314_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="16.79688" x2="86" y2="92.05225" gradientUnits="userSpaceOnUse" id="color-3_48314_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-4_48314_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M147.8125,48.375h-32.25v5.375h32.25c1.50769,0 2.6875,1.12875 2.6875,2.56925v75.25c0,1.51844 -1.23087,2.80575 -2.6875,2.80575h-123.625c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-75.25c0,-1.4405 1.17981,-2.56925 2.6875,-2.56925h32.25v-5.375h-32.25c-4.52038,0 -8.0625,3.49106 -8.0625,7.94425v75.25c0,3.55019 2.25481,6.54944 5.375,7.67819v3.07181c0,4.51231 3.61737,8.18075 8.0625,8.18075h112.875c4.44512,0 8.0625,-3.66844 8.0625,-8.18075v-3.07181c3.12019,-1.12875 5.375,-4.128 5.375,-7.67819v-75.25c0,-4.45319 -3.54212,-7.94425 -8.0625,-7.94425zM142.4375,145.125h-112.875c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-2.56925h118.25v2.56925c0,1.51844 -1.23087,2.80575 -2.6875,2.80575z" fill="url(#color-1_48314_gr1)"></path><path d="M126.3125,129h-83.3125v-2.6875c0,-7.51425 -6.02806,-13.4375 -13.4375,-13.4375h-2.6875v-37.625h2.6875c6.3425,0 13.4375,-5.79156 13.4375,-13.46706v-2.70363l13.4375,0.04569v5.375l-8.2775,-0.01613c-1.26044,7.95231 -7.94425,14.61731 -15.91,15.86969v27.219c8.25869,1.18788 14.80006,7.76956 15.94762,16.05244h75.6155c1.17444,-8.30438 7.70238,-14.85112 15.93688,-16.03631v-27.262c-7.96844,-1.247 -14.65494,-7.89587 -15.91269,-15.82669h-8.27481v-5.375h13.4375v2.6875c0,6.30219 5.74587,13.4375 13.4375,13.4375h2.6875v37.50675l-2.6875,0.01613c-7.40944,0 -13.4375,6.03344 -13.4375,13.45094v2.6875z" fill="url(#color-2_48314_gr2)"></path><path d="M104.8125,53.75h-8.0625c-1.4835,0 -2.6875,1.14487 -2.6875,2.63106v29.61356c0,1.48619 -1.204,2.69288 -2.6875,2.69288h-10.75c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.69288v-29.61356c0,-1.48619 -1.204,-2.63106 -2.6875,-2.63106h-8.0625c-2.2145,0 -3.47763,-2.881 -2.15,-4.87781l16.65175,-25.04481c2.05056,-3.08256 6.57094,-3.08794 8.6215,-0.00806l16.65175,25.05556c1.32762,1.99681 0.0645,4.87512 -2.15,4.87512z" fill="url(#color-3_48314_gr3)"></path><path d="M86,112.875c-10.37375,0 -18.8125,-8.0625 -18.8125,-18.8125h5.375c0,8.0625 6.02806,13.4375 13.4375,13.4375c7.40944,0 13.4375,-5.375 13.4375,-13.4375h5.375c0,10.75 -8.43875,18.8125 -18.8125,18.8125z" fill="url(#color-4_48314_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Pre-Refunds</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="post-refunds">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-1_48314_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-2_48314_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="16.79688" x2="86" y2="92.05225" gradientUnits="userSpaceOnUse" id="color-3_48314_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-4_48314_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M147.8125,48.375h-32.25v5.375h32.25c1.50769,0 2.6875,1.12875 2.6875,2.56925v75.25c0,1.51844 -1.23087,2.80575 -2.6875,2.80575h-123.625c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-75.25c0,-1.4405 1.17981,-2.56925 2.6875,-2.56925h32.25v-5.375h-32.25c-4.52038,0 -8.0625,3.49106 -8.0625,7.94425v75.25c0,3.55019 2.25481,6.54944 5.375,7.67819v3.07181c0,4.51231 3.61737,8.18075 8.0625,8.18075h112.875c4.44512,0 8.0625,-3.66844 8.0625,-8.18075v-3.07181c3.12019,-1.12875 5.375,-4.128 5.375,-7.67819v-75.25c0,-4.45319 -3.54212,-7.94425 -8.0625,-7.94425zM142.4375,145.125h-112.875c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-2.56925h118.25v2.56925c0,1.51844 -1.23087,2.80575 -2.6875,2.80575z" fill="url(#color-1_48314_gr1)"></path><path d="M126.3125,129h-83.3125v-2.6875c0,-7.51425 -6.02806,-13.4375 -13.4375,-13.4375h-2.6875v-37.625h2.6875c6.3425,0 13.4375,-5.79156 13.4375,-13.46706v-2.70363l13.4375,0.04569v5.375l-8.2775,-0.01613c-1.26044,7.95231 -7.94425,14.61731 -15.91,15.86969v27.219c8.25869,1.18788 14.80006,7.76956 15.94762,16.05244h75.6155c1.17444,-8.30438 7.70238,-14.85112 15.93688,-16.03631v-27.262c-7.96844,-1.247 -14.65494,-7.89587 -15.91269,-15.82669h-8.27481v-5.375h13.4375v2.6875c0,6.30219 5.74587,13.4375 13.4375,13.4375h2.6875v37.50675l-2.6875,0.01613c-7.40944,0 -13.4375,6.03344 -13.4375,13.45094v2.6875z" fill="url(#color-2_48314_gr2)"></path><path d="M104.8125,53.75h-8.0625c-1.4835,0 -2.6875,1.14487 -2.6875,2.63106v29.61356c0,1.48619 -1.204,2.69288 -2.6875,2.69288h-10.75c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.69288v-29.61356c0,-1.48619 -1.204,-2.63106 -2.6875,-2.63106h-8.0625c-2.2145,0 -3.47763,-2.881 -2.15,-4.87781l16.65175,-25.04481c2.05056,-3.08256 6.57094,-3.08794 8.6215,-0.00806l16.65175,25.05556c1.32762,1.99681 0.0645,4.87512 -2.15,4.87512z" fill="url(#color-3_48314_gr3)"></path><path d="M86,112.875c-10.37375,0 -18.8125,-8.0625 -18.8125,-18.8125h5.375c0,8.0625 6.02806,13.4375 13.4375,13.4375c7.40944,0 13.4375,-5.375 13.4375,-13.4375h5.375c0,10.75 -8.43875,18.8125 -18.8125,18.8125z" fill="url(#color-4_48314_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Post-Refunds</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col hide">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="transactions">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-1_48314_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-2_48314_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="16.79688" x2="86" y2="92.05225" gradientUnits="userSpaceOnUse" id="color-3_48314_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-4_48314_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M147.8125,48.375h-32.25v5.375h32.25c1.50769,0 2.6875,1.12875 2.6875,2.56925v75.25c0,1.51844 -1.23087,2.80575 -2.6875,2.80575h-123.625c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-75.25c0,-1.4405 1.17981,-2.56925 2.6875,-2.56925h32.25v-5.375h-32.25c-4.52038,0 -8.0625,3.49106 -8.0625,7.94425v75.25c0,3.55019 2.25481,6.54944 5.375,7.67819v3.07181c0,4.51231 3.61737,8.18075 8.0625,8.18075h112.875c4.44512,0 8.0625,-3.66844 8.0625,-8.18075v-3.07181c3.12019,-1.12875 5.375,-4.128 5.375,-7.67819v-75.25c0,-4.45319 -3.54212,-7.94425 -8.0625,-7.94425zM142.4375,145.125h-112.875c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-2.56925h118.25v2.56925c0,1.51844 -1.23087,2.80575 -2.6875,2.80575z" fill="url(#color-1_48314_gr1)"></path><path d="M126.3125,129h-83.3125v-2.6875c0,-7.51425 -6.02806,-13.4375 -13.4375,-13.4375h-2.6875v-37.625h2.6875c6.3425,0 13.4375,-5.79156 13.4375,-13.46706v-2.70363l13.4375,0.04569v5.375l-8.2775,-0.01613c-1.26044,7.95231 -7.94425,14.61731 -15.91,15.86969v27.219c8.25869,1.18788 14.80006,7.76956 15.94762,16.05244h75.6155c1.17444,-8.30438 7.70238,-14.85112 15.93688,-16.03631v-27.262c-7.96844,-1.247 -14.65494,-7.89587 -15.91269,-15.82669h-8.27481v-5.375h13.4375v2.6875c0,6.30219 5.74587,13.4375 13.4375,13.4375h2.6875v37.50675l-2.6875,0.01613c-7.40944,0 -13.4375,6.03344 -13.4375,13.45094v2.6875z" fill="url(#color-2_48314_gr2)"></path><path d="M104.8125,53.75h-8.0625c-1.4835,0 -2.6875,1.14487 -2.6875,2.63106v29.61356c0,1.48619 -1.204,2.69288 -2.6875,2.69288h-10.75c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.69288v-29.61356c0,-1.48619 -1.204,-2.63106 -2.6875,-2.63106h-8.0625c-2.2145,0 -3.47763,-2.881 -2.15,-4.87781l16.65175,-25.04481c2.05056,-3.08256 6.57094,-3.08794 8.6215,-0.00806l16.65175,25.05556c1.32762,1.99681 0.0645,4.87512 -2.15,4.87512z" fill="url(#color-3_48314_gr3)"></path><path d="M86,112.875c-10.37375,0 -18.8125,-8.0625 -18.8125,-18.8125h5.375c0,8.0625 6.02806,13.4375 13.4375,13.4375c7.40944,0 13.4375,-5.375 13.4375,-13.4375h5.375c0,10.75 -8.43875,18.8125 -18.8125,18.8125z" fill="url(#color-4_48314_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Supplier Bills</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row no-margin">
|
|
<div class="col bg-white padding-25">
|
|
<div class="row tabsContainer tabContent" tab-name="payments">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<!-- <list-polling-component key="2" section="paymentVerificationSection" :endpoint="route('api.transaction.list.job')" :options="{'payment_approvals': true}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<payment-verification-component section="paymentVerificationSection" :data="data"></payment-verification-component>
|
|
</template>
|
|
</list-polling-component> -->
|
|
<list-component key="2" section="paymentVerificationSection" :endpoint="route('api.transaction.list')" :options="{'payment_approvals': true}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<payment-verification-component section="paymentVerificationSection" :data="data"></payment-verification-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row tabsContainer hide tabContent" tab-name="pre-refunds">
|
|
<div class="col">
|
|
<div class="row m-b-15 p-b-10 b-b b-grey">
|
|
<div class="col">
|
|
<small class="all-caps muted fs-10">Fully Refund</small>
|
|
</div>
|
|
<div class="col text-right">
|
|
<a :href="route('orders.refunds') + '?type=pre-full'" target="_blank">
|
|
<button class="btn btn-success btn-xs">Export Refunded Transactions</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<list-component key="2" section="listPreFullRefundTransactionSection" :endpoint="route('api.transaction.list')" :options="{'type': 6, status: 1, owner_does_not_have_transaction_type: 3, is_partial_refund: false}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<refund-verification-component section="listPreFullRefundTransactionSection" :data="data"></refund-verification-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
<div class="row m-b-15 p-b-10 b-b b-grey">
|
|
<div class="col">
|
|
<small class="all-caps muted fs-10">Partial Refund</small>
|
|
</div>
|
|
<div class="col text-right">
|
|
<a :href="route('orders.refunds') + '?type=pre-partial'" target="_blank">
|
|
<button class="btn btn-success btn-xs">Export Refunded Transactions</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<list-component key="3" section="listPrePartialRefundTransactionSection" :endpoint="route('api.transaction.list')" :options="{'type': 6, status: 1, owner_does_not_have_transaction_type: 3, is_partial_refund: true}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<refund-verification-component section="listPrePartialRefundTransactionSection" :data="data"></refund-verification-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row tabsContainer hide tabContent" tab-name="post-refunds">
|
|
<div class="col">
|
|
<div class="row m-b-15 p-b-10 b-b b-grey">
|
|
<div class="col">
|
|
<small class="all-caps muted fs-10">Fully Refund</small>
|
|
</div>
|
|
<div class="col text-right">
|
|
<a :href="route('orders.refunds') + '?type=post-full'" target="_blank">
|
|
<button class="btn btn-success btn-xs">Export Refunded Transactions</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<list-component key="4" section="listPostFullRefundTransactionSection" :endpoint="route('api.transaction.list')" :options="{'type': 6, status: 1, owner_has_transaction_type: 3, is_partial_refund: false}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<refund-verification-component section="listPostFullRefundTransactionSection" :data="data"></refund-verification-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
<div class="row m-b-15 p-b-10 b-b b-grey">
|
|
<div class="col">
|
|
<small class="all-caps muted fs-10">Partial Refund</small>
|
|
</div>
|
|
<div class="col text-right">
|
|
<a :href="route('orders.refunds') + '?type=post-partial'" target="_blank">
|
|
<button class="btn btn-success btn-xs">Export Refunded Transactions</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<list-component key="5" section="listPostPartialRefundTransactionSection" :endpoint="route('api.transaction.list')" :options="{'type': 6, status: 1, owner_has_transaction_type: 3, is_partial_refund: true}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<refund-verification-component section="listPostPartialRefundTransactionSection" :data="data"></refund-verification-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md p-l-0 p-r-0 mb-4 mb-md-0">
|
|
<div class="row">
|
|
<div class="col">
|
|
<admin-currency-section-component></admin-currency-section-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-2 p-r-0">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row m-l-0 m-r-0 d-none d-md-flex m-b-30 hide">
|
|
<div class="col bg-master p-t-20" style="background-image: linear-gradient(rgb(63, 63, 63) 0.01em, transparent 0.1em), linear-gradient(90deg, rgb(63, 63, 63) 0.1em, transparent 0.1em); background-size: 2em 2em;">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row fs-12 text-center m-b-20">
|
|
<div class="col">
|
|
<div class="row m-b-5">
|
|
<div class="col">
|
|
<div class="font-heading text-white fs-24 all-caps">1.5810</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 text-warning bold">- 0.0%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-auto m-r-5 p-b-10 b-b b-complete" style="border-bottom-width: 3px;">
|
|
<div class="fs-12 bold text-white">RMB</div>
|
|
</div>
|
|
<div class="col-auto m-r-5 p-b-10 b-b hint-text" style="border-bottom-width: 3px; border-bottom-color: transparent;">
|
|
<div class="fs-12 hint-text text-white">USD</div>
|
|
</div>
|
|
<div class="col-auto p-b-10 b-b hint-text" style="border-bottom-width: 3px; border-bottom-color: transparent;">
|
|
<div class="fs-12 hint-text text-white">SGD</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row no-margin">
|
|
<div class="col">
|
|
<div class="row m-b-10">
|
|
<div class="col b-a b-grey p-t-5 p-b-5">
|
|
<div class="row align-items-center">
|
|
<div class="col">
|
|
<div class="font-heading fs-10 all-caps text-complete-light">Customer Verification</div>
|
|
</div>
|
|
<div class="col-auto p-r-10">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="40" height="40"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="18.8125" x2="86" y2="150.07" gradientUnits="userSpaceOnUse" id="color-1_44031_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="130.34375" y1="18.8125" x2="130.34375" y2="150.07" gradientUnits="userSpaceOnUse" id="color-2_44031_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="53.86019" y1="18.8125" x2="53.86019" y2="150.07" gradientUnits="userSpaceOnUse" id="color-3_44031_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="53.75" y1="65.17188" x2="53.75" y2="92.10063" gradientUnits="userSpaceOnUse" id="color-4_44031_gr4"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="102.125" y1="65.17188" x2="102.125" y2="92.10063" gradientUnits="userSpaceOnUse" id="color-5_44031_gr5"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="77.9375" y1="93.72656" x2="77.9375" y2="121.2815" gradientUnits="userSpaceOnUse" id="color-6_44031_gr6"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="original-icon"><path d="M147.80175,100.63613c-2.61762,-2.76812 -5.676,-4.93425 -9.00581,-6.48763c0.62887,-3.56362 0.95406,-7.19444 0.95406,-10.836c0,-34.08556 -27.72694,-61.8125 -61.8125,-61.8125c-34.08556,0 -61.8125,27.72694 -61.8125,61.8125c0,34.08556 27.72694,61.8125 61.8125,61.8125c8.9225,0 17.4795,-1.85975 25.49094,-5.50131c5.42606,6.63275 13.66594,10.87631 22.88406,10.87631c16.29969,0 29.5625,-13.26281 29.5625,-29.5625c0,-7.57875 -2.86488,-14.78931 -8.07325,-20.30138zM77.9375,139.75c-31.11856,0 -56.4375,-25.31894 -56.4375,-56.4375c0,-31.11856 25.31894,-56.4375 56.4375,-56.4375c31.11856,0 56.4375,25.31894 56.4375,56.4375c0,3.02612 -0.25531,6.03881 -0.731,9.0085c-2.365,-0.602 -4.816,-0.946 -7.3315,-0.946c-16.29969,0 -29.5625,13.26281 -29.5625,29.5625c0,5.13312 1.31956,9.95988 3.62812,14.17119c-7.07081,3.07719 -14.60388,4.64131 -22.44062,4.64131zM126.3125,145.125c-13.33806,0 -24.1875,-10.84944 -24.1875,-24.1875c0,-13.33806 10.84944,-24.1875 24.1875,-24.1875c6.71875,0 12.9645,2.69019 17.58431,7.57606c4.257,4.51231 6.60319,10.40869 6.60319,16.61144c0,13.33806 -10.84944,24.1875 -24.1875,24.1875z" fill="url(#color-1_44031_gr1)"></path><path d="M141.88119,112.31869l-15.56869,15.56869l-7.50619,-7.50619l-3.80013,3.80013l11.30631,11.30631l19.36881,-19.36881z" fill="url(#color-2_44031_gr2)"></path><path d="M29.78288,66.29256l5.06594,1.78988c4.55531,-12.88925 14.96938,-23.30331 27.86131,-27.85863c4.8805,-1.72538 10.00556,-2.59881 15.22737,-2.59881v-5.375c-5.83456,0 -11.56162,0.97825 -17.01725,2.90788c-14.40769,5.09013 -26.04725,16.72969 -31.13737,31.13469z" fill="url(#color-3_44031_gr3)"></path><path d="M53.75,67.1875c-5.93706,0 -10.75,4.81294 -10.75,10.75c0,5.93706 4.81294,10.75 10.75,10.75c5.93706,0 10.75,-4.81294 10.75,-10.75c0,-5.93706 -4.81294,-10.75 -10.75,-10.75z" fill="url(#color-4_44031_gr4)"></path><path d="M102.125,67.1875c-5.93706,0 -10.75,4.81294 -10.75,10.75c0,5.93706 4.81294,10.75 10.75,10.75c5.93706,0 10.75,-4.81294 10.75,-10.75c0,-5.93706 -4.81294,-10.75 -10.75,-10.75z" fill="url(#color-5_44031_gr5)"></path><path d="M91.375,96.75h-26.875c-1.4835,0 -2.6875,1.204 -2.6875,2.6875v2.6875c0,8.90637 7.21863,16.125 16.125,16.125c8.90637,0 16.125,-7.21863 16.125,-16.125v-2.6875c0,-1.4835 -1.204,-2.6875 -2.6875,-2.6875z" fill="url(#color-6_44031_gr6)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<!-- <list-polling-component key="2" section="identificationVerificationSection" :options="{'per_page': 5, 'document_type_in': ['SSM_REGISTRATION', 'IDENTITY_CARD'], 'status': 1, 'with_company': true}" :endpoint="route('api.document.list.job')">
|
|
<template slot="list" slot-scope="{data}">
|
|
<identification-verification-component section="identificationVerificationSection" :data="data"></identification-verification-component>
|
|
</template>
|
|
</list-polling-component> -->
|
|
<list-component key="2" section="identificationVerificationSection" :options="{'per_page': 5, 'document_type_in': ['SSM_REGISTRATION', 'IDENTITY_CARD'], 'status': 1, 'with_company': true}" :endpoint="route('api.document.list')">
|
|
<template slot="list" slot-scope="{data}">
|
|
<identification-verification-component section="identificationVerificationSection" :data="data"></identification-verification-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|