feat(01): la long map

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

@@ -32,7 +32,7 @@ defineProps<{
     </div>
 
     <div class="col-12 bordered rounded column">
-      <div class="q-pl-md q-py-sm app-text-muted bordered-b">location</div>
+      <!-- <div class="q-pl-md q-py-sm app-text-muted bordered-b">location</div> -->
 
       <div v-if="!!longitude && !!latitude" class="col flex flex-center">
         <iframe
@@ -54,7 +54,7 @@ defineProps<{
           background-repeat: no-repeat;
         "
       >
-        <q-btn
+        <!-- <q-btn
           :text-color="$q.dark.isActive ? 'black' : 'white'"
           style="
             background: var(--blue-5);
@@ -67,8 +67,26 @@ defineProps<{
           :label="$t('branch.form.shareLocation')"
           @click="getLocation()"
           id="btn-get-location"
-        />
+        /> -->
       </div>
     </div>
+    <div class="row full-width q-pt-sm">
+      <q-input
+        v-model="latitude"
+        :readonly="readonly"
+        :outlined="outlined"
+        :dense="dense"
+        :label="$t('branch.form.latitude')"
+        class="col q-mr-xs"
+      />
+      <q-input
+        v-model="longitude"
+        :readonly="readonly"
+        :outlined="outlined"
+        :dense="dense"
+        :label="$t('branch.form.longitude')"
+        class="col q-ml-xs"
+      />
+    </div>
   </div>
 </template>

src/i18n/eng/index.ts

@@ -202,6 +202,8 @@ export default {
       bankAccountNumber: 'Bank Account Number',
       bankAccountName: 'Bank Account Name',
       bankAccountType: 'Bank Account Type',
+      latitude: 'Latitude',
+      longitude: 'Longitude',
     },
   },
 

src/i18n/tha/index.ts

@@ -202,6 +202,8 @@ export default {
       bankAccountNumber: 'เลขบัญชี',
       bankAccountName: 'ชื่อบัญชี',
       bankAccountType: 'ประเภทบัญชี',
+      latitude: 'ละติจูด',
+      longitude: 'ลองจิจูด',
     },
   },
 

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

@@ -1559,6 +1559,8 @@ watch(currentHq, () => {
           :separator="true"
           v-model:latitude="formData.latitude"
           v-model:longitude="formData.longitude"
+          outlined
+          dense
           title="branch.form.group.location"
         />
         <FormQr
@@ -1792,6 +1794,8 @@ watch(currentHq, () => {
               v-model:longitude="formData.longitude"
               :readonly="formType === 'view'"
               :separator="true"
+              outlined
+              dense
               class="q-mb-xl"
             />
             <FormQr