MrShi
2026-06-05 00a7a61df86db969f2ba61c508d02ba4709ce3d4
small-program/pages/storage-point-detail/storage-point-detail.vue
@@ -8,6 +8,9 @@
            </swiper>
            <view class="popup-body">
            <text class="popup-title">{{ activeStore.name ||'' }}</text>
            <view class="point-tips">
               <view class="point-tips-item" v-for="(tag, idx) in activeStore.locationTagNames" :key="idx">{{ tag }}</view>
            </view>
            <text class="popup-hours">{{ activeStore.time ||'' }}</text>
            <text class="popup-desc" v-if="activeStore.content">{{ activeStore.content ||'' }}</text>
            <view class="popup-address-row" @click="openNavigation">
@@ -31,11 +34,12 @@
               <text class="popup-section-text">{{ activeStore.feeStandard || ''}}</text>
            </view>
            </view>
         <!-- <view class="popup-footer">
         <view class="popup-footer">
              <view class="popup-btn ghost" @click="contactStore">联系门店</view>  
            <view class="popup-btn primary" @click="storeLuggage">行李寄存</view>
         </view> -->
         </view>
      </view>
      <auth-login :show="showLogin" @close="showLogin = false"></auth-login>
   </view>
</template>
@@ -45,13 +49,15 @@
      data() {
         return { 
            id:null,
            activeStore: {}
            activeStore: {},
            showLogin: false
         }
      },
      computed: {
         ...mapState(['latitude', 'longitude'])
         ...mapState(['latitude', 'longitude', 'token'])
      },
      async onLoad(options) {
         console.log(options)
            this.id = options.id
            this.getShopInfo()
      }, 
@@ -91,17 +97,24 @@
               longitude: this.longitude,
            }).then(res => {
               if (res.code === 200) {
                  if (res.data.locationTagNames) {
                     res.data.locationTagNames = res.data.locationTagNames.split(',')
                  }
                  this.activeStore = res.data
               }
            })
         },
         contactStore() {
            uni.showToast({
               title: '联系门店待接入',
               icon: 'none'
            })
            uni.makePhoneCall({
               phoneNumber: this.activeStore.linkPhone
            });
         },
         storeLuggage() {
            if (!this.token) {
               this.showLogin = true
               return
            }
            uni.setStorageSync('selectedStore', this.activeStore)
            uni.navigateTo({
               url: '/pages/luggage-storage/luggage-storage'
            })
@@ -153,6 +166,28 @@
      padding: 24rpx 24rpx 0;
      gap: 18rpx;
   }
   .point-tips {
      width: 100%;
      display: flex;
      align-items: center;
      margin-top: 12rpx;
      .point-tips-item {
         width: 130rpx;
         height: 36rpx;
         line-height: 36rpx;
         text-align: center;
         border-radius: 8rpx;
         font-weight: 400;
         font-size: 20rpx;
         color: #10B2FA;
         margin-right: 12rpx;
         border: 1rpx solid #10B2FA;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
      }
   }
   .search-box {
      flex: 1;