Initial commit

app/components/common/ProductInfo.vue

@@ -0,0 +1,21 @@
+<script setup>
+const props = defineProps({
+  row: Object,
+  pagename: String
+});
+const { $id } = useNuxtApp();
+</script>
+<template>
+  <div>
+    <DataView v-bind="{
+      setting: 'product-info',
+      pagename: $id(),
+      api: 'product',
+      params: {
+        filter: { prdbk__transaction__customer: props.row.id },
+        // copied from 02-connection.js
+        values: 'price_excluding_vat,prdbk__transaction__txncurrent__detail__status__name,locked_until,note,cart,cart__name,cart__code,cart__dealer,cart__dealer__code,cart__dealer__name,direction,type,zone_type,dealer,link,type__name,dealer__code,dealer__name,prdbk,prdbk__transaction__customer,prdbk__transaction,prdbk__transaction__policy__code,prdbk__transaction__sale_price,prdbk__transaction__discount_amount,prdbk__transaction__code,prdbk__transaction__customer__code,prdbk__transaction__customer__phone,prdbk__transaction__customer__fullname,prdbk__transaction__customer__legal_code,id,code,trade_code,land_lot_code,zone_code,zone_type__name,lot_area,building_area,total_built_area,number_of_floors,land_lot_size,origin_price,direction__name,villa_model,product_type,template_name,project,project__name,status,status__code,status__name,status__color,status__sale_status,status__sale_status__color,create_time,prdbk__transaction__amount_received,prdbk__transaction__amount_remain',
+      }
+    }" />
+  </div>
+</template>