From 06d0d2267bac9e107f3c6c071c114db01dc5d8df Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Wed, 16 Oct 2024 18:02:53 +0700
Subject: [PATCH] refactor: add header on peview

---
 src/components/05_quotation/peview/Header.vue | 69 +++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 src/components/05_quotation/peview/Header.vue

diff --git a/src/components/05_quotation/peview/Header.vue b/src/components/05_quotation/peview/Header.vue
new file mode 100644
index 00000000..b9340971
--- /dev/null
+++ b/src/components/05_quotation/peview/Header.vue
@@ -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>