feat: add shared to create product

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

@@ -15,6 +15,7 @@ const process = defineModel<number>('process');
 const name = defineModel<string>('name');
 const code = defineModel<string>('code');
 const expenseType = defineModel<string>('expenseType');
+const shared = defineModel<boolean>('shared');
 
 const codeOption = ref<{ id: string; name: string }[]>([]);
 
@@ -73,7 +74,7 @@ const detailEditorImageDrop = createEditorImageDrop(detail);
 
 <template>
   <div class="row col-12">
-    <div class="col-12 q-pb-sm text-weight-bold text-body1 row items-center">
+    <div class="col-12 q-pb-sm row items-center">
       <q-icon
         flat
         size="xs"
@@ -82,7 +83,21 @@ const detailEditorImageDrop = createEditorImageDrop(detail);
         name="mdi-office-building-outline"
         style="background-color: var(--surface-3)"
       />
-      {{ $t(`form.field.basicInformation`) }}
+      <span class="text-body1 text-weight-bold">
+        {{ $t(`form.field.basicInformation`) }}
+      </span>
+      <section class="q-px-md">
+        <label :style="{ opacity: readonly ? '.5' : undefined }">
+          <input
+            id="input-shared"
+            class="q-pr-sm"
+            type="checkbox"
+            v-model="shared"
+            :disabled="readonly"
+          />
+          {{ $t('general.shared') }}
+        </label>
+      </section>
     </div>
 
     <div class="col-12 row q-col-gutter-sm">