chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: add header on peview

Browse source
This commit is contained in:
Thanaphon Frappet 2024-10-16 18:02:53 +07:00
parent 9da40deada
commit 06d0d2267b
1 changed files with 69 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

69
src/components/05_quotation/peview/Header.vue Normal file
View file

@ -0,0 +1,69 @@
<script lang="ts" setup>
// NOTE: Import stores
// NOTE Import Types
// NOTE: Import Components
</script>
<template>
<div class="row">
<div class="column" style="width: 50%">
<div class="" style="font-weight: bold">
บริษัท นำคนต่างด้าวมาทำงานในประเทศ จ๊อบส์ เวิร์คเกอร์ เซอร์วิส จำกัด
(สำนักงานใหญ่)
</div>
<div>
49,51,53 ถ.สุขสวัสดิ์ แขวงราษฏร์บูรณะ เขตราษฏร์บูรณะ กรุงเทพมหานคร 10140
</div>
<div>เลขประจำตัวผู้เสียภาษี 0225566001988</div>
<div>เบอร์โทร 02-018-8688</div>
<div>https://www.jobsworkerservice.com</div>
</div>
<div class="column" style="width: 50%">
<div class="row">
<div class="text-orange set-width">เลขที่ใบเสนอราคา</div>
<div>QT240120S0003</div>
</div>
<div class="row">
<div class="text-orange set-width">วันที่ใบเสนอราคา</div>
<div>20/01/2024 10:36</div>
</div>
<div class="row">
<div class="text-orange set-width">ผู้ขาย</div>
<div>นายสดใส ใจงาม 084-363-5222</div>
</div>
<div class="row">
<div class="text-orange set-width">เงื่อนไขการชำระ</div>
<div>เงินสด - เต็มจำนวน</div>
</div>
<div class="row">
<div class="text-orange set-width">ชื่องาน</div>
<div>MOU Myanmar (Re-turn)</div>
</div>
<div class="row">
<div class="text-orange set-width">ผู้ติดต่อ</div>
<div>สุนี เจริญงาม</div>
</div>
<div class="row">
<div class="text-orange set-width">วันครบกำหนดชำระ</div>
<div>27/01/2024</div>
</div>
</div>
</div>
</template>
<style scoped>
.set-width {
width: 150px;
}
.text-orange {
color: var(--orange-5);
}
</style>