From e88491268b48a060116d5d55b259bfd525e5d6fc Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Thu, 9 Oct 2025 20:04:50 +0800
Subject: [PATCH] hide the "Set Location" button in the map sheet on the
 transaction view page in mobile version

---
 src/components/mobile/MapSheet.vue         | 7 ++++---
 src/views/mobile/transactions/EditPage.vue | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/mobile/MapSheet.vue b/src/components/mobile/MapSheet.vue
index 86fe59d1..6572e909 100644
--- a/src/components/mobile/MapSheet.vue
+++ b/src/components/mobile/MapSheet.vue
@@ -4,8 +4,8 @@
         <f7-toolbar>
             <div class="swipe-handler"></div>
             <div class="left">
-                <f7-link :text="tt('Disable Click to Set Location')" @click="switchSetGeoLocationByClickMap(false)" v-if="isSupportGetGeoLocationByClick() && props.setGeoLocationByClickMap"></f7-link>
-                <f7-link :text="tt('Enable Click to Set Location')" @click="switchSetGeoLocationByClickMap(true)" v-if="isSupportGetGeoLocationByClick() && !props.setGeoLocationByClickMap"></f7-link>
+                <f7-link :text="tt('Disable Click to Set Location')" @click="switchSetGeoLocationByClickMap(false)" v-if="!readonly && isSupportGetGeoLocationByClick() && props.setGeoLocationByClickMap"></f7-link>
+                <f7-link :text="tt('Enable Click to Set Location')" @click="switchSetGeoLocationByClickMap(true)" v-if="!readonly && isSupportGetGeoLocationByClick() && !props.setGeoLocationByClickMap"></f7-link>
             </div>
             <div class="right">
                 <f7-link :text="tt('Done')" @click="save"></f7-link>
@@ -47,6 +47,7 @@ type MapViewType = InstanceType<typeof MapView>;
 
 const props = defineProps<{
     modelValue?: Coordinate;
+    readonly?: boolean;
     setGeoLocationByClickMap?: boolean;
     show: boolean;
 }>();
@@ -71,7 +72,7 @@ const geoLocation = computed<Coordinate | undefined>({
 });
 
 function updateSpecifiedGeoLocation(coordinate: Coordinate): void {
-    if (isSupportGetGeoLocationByClick() && props.setGeoLocationByClickMap) {
+    if (!props.readonly && isSupportGetGeoLocationByClick() && props.setGeoLocationByClickMap) {
         geoLocation.value = coordinate;
         map.value?.setMarkerPosition(coordinate);
     }
diff --git a/src/views/mobile/transactions/EditPage.vue b/src/views/mobile/transactions/EditPage.vue
index 19ca7227..9a5c422f 100644
--- a/src/views/mobile/transactions/EditPage.vue
+++ b/src/views/mobile/transactions/EditPage.vue
@@ -343,7 +343,8 @@
                     </f7-block>
                 </template>
 
-                <map-sheet v-model="transaction.geoLocation"
+                <map-sheet :readonly="mode === TransactionEditPageMode.View"
+                           v-model="transaction.geoLocation"
                            v-model:set-geo-location-by-click-map="setGeoLocationByClickMap"
                            v-model:show="showGeoLocationMapSheet">
                 </map-sheet>