jws-frontend/src/components/04_product-service/TotalProductCardComponent.vue
2024-06-11 15:12:33 +07:00

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>