45 lines
1.4 KiB
Vue
45 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import AppBox from 'components/app/AppBox.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<AppBox no-padding bordered style="box-shadow: var(--shadow-3)">
|
|
<div class="row q-pa-sm q-col-gutter-md">
|
|
<div class="col-4">
|
|
<div
|
|
class="rounded q-pa-md"
|
|
style="
|
|
border: 1px solid var(--green-10);
|
|
background-color: var(--surface-2);
|
|
"
|
|
>
|
|
<q-img src="blank-image.png"></q-img>
|
|
</div>
|
|
</div>
|
|
<div class="col-8">
|
|
<div class="q-pr-sm q-mb-sm">
|
|
{{ 'ค่าบริการและค่าดำเนินงานยื่นแบบคำร้องขอนำเข้า' }}
|
|
</div>
|
|
<div class="row justify-between q-mb-xs">
|
|
<div
|
|
class="q-px-sm row items-center justify-between rounded hover-item text-white"
|
|
style="background-color: var(--blue-6)"
|
|
@click.stop="$emit('viewDetail')"
|
|
>
|
|
{{ 'AC103' }}
|
|
</div>
|
|
<div class="text-bold" style="color: var(--green-9)">
|
|
{{ '฿1,200.00' }}
|
|
</div>
|
|
</div>
|
|
<div class="row justify-between app-text-muted">
|
|
<div>ระยะเวลาในการดำเนินการ</div>
|
|
<div>14 วัน</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</AppBox>
|
|
</template>
|
|
|
|
<style scoped></style>
|