feat(01): webUrl contract

src/components/01_branch-management/FormBranchContact.vue

@@ -3,6 +3,7 @@ const telephoneNo = defineModel<string>('telephoneNo');
 const contact = defineModel<string>('contact');
 const email = defineModel<string>('email');
 const contactName = defineModel<string>('contactName');
+const webUrl = defineModel<string>('webUrl');
 // const operatingHours = defineModel<string>('operatingHours');
 const lineId = defineModel<string>('lineId');
 const typeBranch = defineModel<string>('typeBranch');
@@ -127,6 +128,23 @@ defineProps<{
           />
         </template>
       </q-input>
+
+      <q-input
+        lazy-rules="ondemand"
+        :dense="dense"
+        outlined
+        :readonly="readonly"
+        hide-bottom-space
+        class="col-6 col-md-4"
+        :label="$t('branch.form.webUrl')"
+        for="input-web-url"
+        :model-value="readonly ? webUrl || '-' : webUrl"
+        @update:model-value="(v) => (typeof v === 'string' ? (webUrl = v) : '')"
+      >
+        <template #prepend>
+          <q-icon color="primary" name="mdi-web" size="xs" class="q-mr-xs" />
+        </template>
+      </q-input>
     </div>
   </div>
 </template>

src/i18n/eng/index.ts

@@ -204,6 +204,7 @@ export default {
       bankAccountType: 'Bank Account Type',
       latitude: 'Latitude',
       longitude: 'Longitude',
+      webUrl: 'Website URL',
     },
   },
 

src/i18n/tha/index.ts

@@ -204,6 +204,7 @@ export default {
       bankAccountType: 'ประเภทบัญชี',
       latitude: 'ละติจูด',
       longitude: 'ลองจิจูด',
+      webUrl: 'ที่อยู่เว็บไซต์',
     },
   },
 

src/pages/01_branch-management/MainPage.vue

@@ -291,6 +291,7 @@ const defaultFormData = {
   districtId: '',
   provinceId: '',
   lineId: '',
+  webUrl: '',
 };
 
 const formDialogRef = ref();
@@ -357,6 +358,7 @@ async function fetchBranchById(id: string) {
       provinceId: res.provinceId,
       lineId: res.lineId,
       status: res.status,
+      webUrl: res.webUrl,
     };
   }
 }
@@ -1528,6 +1530,7 @@ watch(currentHq, () => {
           v-model:email="formData.email"
           v-model:contact-name="formData.contactName"
           v-model:line-id="formData.lineId"
+          v-model:web-url="formData.webUrl"
           :separator="true"
           title="branch.form.group.contact"
           :dense="true"
@@ -1759,6 +1762,7 @@ watch(currentHq, () => {
               v-model:email="formData.email"
               v-model:contact-name="formData.contactName"
               v-model:line-id="formData.lineId"
+              v-model:web-url="formData.webUrl"
               :readonly="formType === 'view'"
               :view="formType === 'view'"
               :separator="true"

src/stores/branch/types.ts

@@ -72,6 +72,7 @@ export type BranchCreate = {
   qrCodeImage?: File;
   imageUrl?: File;
   lineId: string;
+  webUrl?: string;
 };
 
 export type BranchUserStats = {