fix: 图片问题修复

src/base/base.scss

@@ -30,6 +30,7 @@
     background-color: #fff;
     border-radius: 14rpx;
     margin-bottom: 24rpx;
+    overflow: hidden;
     .common-card-title {
       font-size: 31rpx;
       color: #333;

src/base/common/charge.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container" v-if="chargeInfo?.title">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -36,6 +36,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServicePower } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 const chargeInfo = ref<any>({})
 const content = ref<any>({})

src/base/common/driversHome.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container" v-if="driverInfo?.title">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -16,7 +16,7 @@
         </view>
         <view class="common-card-title u-margin-top-45">设施配置</view>
         <view class="u-flex u-col-center u-margin-top-24">
-          <HyTag v-for="(item, index) in content.facilities" :key="index" :text="item.name" :imgUrl="item.img" />
+          <HyTag v-for="(item, index) in content.facilities" :key="index" :text="item.name" :imgUrl="pathPre + item.img" />
         </view>
       </view>
     </view>
@@ -30,6 +30,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceDriver } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 const driverInfo = ref<any>({})
 const content = ref<any>({})

src/base/common/join.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container" v-if="content?.intro || content?.image">
     <view class="common-header-wrapper join">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -20,6 +20,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceInvestment } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 // 招商加盟详情
 const joinInfo = ref<any>({})

src/base/common/nursingRoom.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container" v-if="boyInfo?.title">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -16,7 +16,7 @@
         </view>
         <view class="common-card-title u-margin-top-45">设施配置</view>
         <view class="bottom-box-wrap">
-          <HyTag v-for="item in content?.facilities" :key="item" :text="item.name" :imgUrl="item.img" />
+          <HyTag v-for="item in content?.facilities" :key="item" :text="item.name" :imgUrl="pathPre + item.img" />
         </view>
       </view>
     </view>
@@ -30,6 +30,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceBoy } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 const boyInfo = ref<any>({})
 const content = ref<any>({})

src/base/common/refuel.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container" v-if="refuelInfo?.title">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -28,6 +28,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceOil } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 // 我要加油
 const refuelInfo = ref<any>({})

src/base/common/repair.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container" v-if="carInfo?.title">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -25,6 +25,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceCar } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 const carInfo = ref<any>({})
 const content = ref<any>({})

src/base/common/spot.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -31,7 +31,7 @@ import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceScenicDetail } from '@/api/home'
 import { useGlobal } from '../../composables/index'
-const { minioUrl } = useGlobal()
+const { minioUrl, pathPre } = useGlobal()
 
 const id = ref<string>('')
 const details = ref<any>({})

src/base/shop/details.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -24,7 +24,7 @@
         <view class="common-card-list" v-if="content.facilities?.length > 0">
           <view class="card-list-item" v-for="(item, index) in content.facilities" :key="index">
             <view class="item-img-wrap">
-              <image :src="item.img" mode="aspectFill" />
+              <image :src="pathPre + item.img" mode="aspectFill" />
             </view>
             <view class="list-text">{{ item.name }}</view>
           </view>
@@ -41,6 +41,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceEatDetail } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 const id = ref<string>('')
 const details = ref<any>({})

src/base/shop/detailsShop.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="common-details-container">
     <view class="common-header-wrapper">
-      <image :src="content.image" mode="aspectFill" />
+      <image :src="pathPre + content.image" mode="aspectFill" />
     </view>
     <view class="common-content-wrapper">
       <view class="common-card">
@@ -41,6 +41,9 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getParkServiceShopDetail } from '@/api/home'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 const id = ref<string>('')
 const details = ref<any>({})

src/base/suggest/record.vue

@@ -6,7 +6,7 @@
           <view class="title u-line-2">{{ item.content }}</view>
           <view class="pic-list">
             <view class="pic-wrap" v-for="(pic, index) in item.albumPics" :key="index">
-              <image :src="pic" mode="aspectFill" @click="previewImage(item.albumPics, index)" />
+              <image :src="pathPre + pic" mode="aspectFill" @click="previewImage(item.albumPics, index)" />
             </view>
           </view>
           <view class="time-status-wrap">
@@ -28,6 +28,9 @@ import { ref } from 'vue'
 import { onLoad, onPageScroll } from '@dcloudio/uni-app'
 import { getQuestionFeedbackList } from '@/api/home'
 import { useListLoader } from '@/composables/useListLoader'
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
 
 const angle = ref(45)
 // 监听页面滚动

src/base/suggest/suggest.vue

@@ -89,8 +89,8 @@ const submit = () => {
   // 处理上传的图片
   const files = proxy?.$refs?.uploadRef?.lists.filter((v: any) => v.progress == 100) || []
   files.forEach((file: any) => {
-    if (file.response && file.response.data && file.response.data.url) {
-      pics.value.push(file.response.data.url)
+    if (file.response && file.response.data && file.response.data.filePath) {
+      pics.value.push(file.response.data.filePath)
     }
   })
   // 构造提交参数

src/components/HyService.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="service-item-wrapper">
     <view class="item-left-wrap">
-      <image :src="item.content.image" mode="aspectFill" />
+      <image :src="pathPre + item.content.image" mode="aspectFill" />
       <text>{{ item.title }}</text>
     </view>
     <view class="item-right-wrap" :style="{ backgroundImage: `url(${minioUrl}/bg_service_03.png)` }">
@@ -19,7 +19,7 @@
 
 <script lang="ts" setup>
 import { useGlobal } from '@/composables/index'
-const { minioUrl } = useGlobal()
+const { minioUrl, pathPre } = useGlobal()
 
 defineProps({
   item: {

src/components/HyShopItem.vue

@@ -2,7 +2,7 @@
 <template>
   <view class="shop-item-wrapper" @click="navigateToDetails(item)">
     <view class="item-left-wrap">
-      <image :src="item.content?.image" mode="aspectFill" />
+      <image :src="pathPre + item.content?.image" mode="aspectFill" />
     </view>
     <view class="item-right-wrap">
       <view class="top">
@@ -21,6 +21,10 @@
 </template>
 
 <script lang="ts" setup>
+import { useGlobal } from '@/composables/index'
+
+const { pathPre } = useGlobal()
+
 const props = defineProps({
   price: {
     type: Boolean,

src/pages/index.vue

@@ -15,7 +15,7 @@ import { useListLoader } from '@/composables/useListLoader'
 import { useGlobal } from '@/composables/index'
 import { user } from '@/stores/modules/user'
 
-const { minioUrl } = useGlobal()
+const { minioUrl, pathPre } = useGlobal()
 const userStore = user()
 
 const angle = ref(45)
@@ -385,7 +385,7 @@ const callPhone = (phone: string) => {
         <view class="index-shop-wrapper" v-if="shopList.length > 0">
           <view class="shop-item" v-for="(item, index) in shopList" :key="index" @click="navigateToShopDetail(item.id)">
             <view class="img-wrap">
-              <image :src="item.content.image" mode="aspectFill" />
+              <image :src="pathPre + item.content.image" mode="aspectFill" />
             </view>
             <view class="item-text u-line-1">{{ item.title }}</view>
           </view>
@@ -399,7 +399,7 @@ const callPhone = (phone: string) => {
         <view class="index-spot-wrapper" v-if="scenicList.length > 0">
           <view class="spot-item" v-for="(item, index) in scenicList" :key="index" @click="navigateToSpot(item.id)">
             <view class="spot-img-wrap">
-              <image :src="item.content.image" mode="aspectFill" />
+              <image :src="pathPre + item.content.image" mode="aspectFill" />
             </view>
             <view class="spot-right-wrap">
               <view class="right-header">

src/pages/service.vue

@@ -5,7 +5,7 @@ import { useListLoader } from '@/composables/useListLoader'
 import { getParkServiceList } from '@/api/home'
 import { useGlobal } from '@/composables/index'
 
-const { minioUrl } = useGlobal()
+const { minioUrl, pathPre } = useGlobal()
 
 const angle = ref(45)
 // 监听页面滚动
@@ -58,7 +58,7 @@ const goToNavigation = (longitude: string, latitude: string, name: string) => {
         <view class="service-item">
           <view class="item-header-wrap">
             <view class="header-img-box">
-              <image :src="item.content.image" mode="aspectFill" />
+              <image :src="pathPre + item.content.image" mode="aspectFill" />
               <view class="header-status-tag" :class="{ 'open-tag': item.content.status !== '建设中' }">{{ item.content.status }}</view>
             </view>
             <view class="header-right-box">