feat: add product dialog

src/components/04_product-service/PriceDataComponent.vue

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+const remark = defineModel<string>('remark');
+const detail = defineModel<string>('detail');
+const name = defineModel<string>('name');
+const code = defineModel<string>('code');
+
+defineProps<{
+  dense?: boolean;
+  outlined?: boolean;
+  readonly?: boolean;
+  separator?: boolean;
+  isType?: boolean;
+}>();
+</script>
+
+<template>
+  <div class="row">
+    <div class="col-4 app-text-muted">• {{ $t(`ข้อมูลราคา`) }}</div>
+    <div class="col-8 row q-col-gutter-md">
+      <q-input
+        :dense="dense"
+        :outlined="!readonly"
+        :readonly="readonly"
+        :borderless="readonly"
+        hide-bottom-space
+        class="col-4"
+        label="ราคาขาย"
+        v-model="code"
+      />
+      <q-input
+        :dense="dense"
+        :outlined="!readonly"
+        :readonly="readonly"
+        :borderless="readonly"
+        hide-bottom-space
+        class="col-4"
+        label="ราคาตัวแทน"
+        v-model="name"
+      />
+      <q-input
+        :dense="dense"
+        :outlined="!readonly"
+        :readonly="readonly"
+        :borderless="readonly"
+        hide-bottom-space
+        class="col-4"
+        label="ราคาค่าดำเนินการ"
+        v-model="detail"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>