Fix：4953 【商城小程序】体验项目详情页，点击营业执照按钮不会跳转显示对应资质内容

pages.json

@@ -760,6 +760,14 @@
             "navigationStyle": "custom"
           }
         },
+        {
+          "path": "views/storeLicense",
+          "style": {
+            "navigationBarTitleText": "营业执照",
+            "navigationBarBackgroundColor": "#FFFFFF",
+            "navigationStyle": "custom"
+          }
+        },
         {
           "path": "views/submitOrder",
           "style": {

pkg_product/views/experienceProjectDetail.vue

@@ -324,8 +324,8 @@ export default {
     },
     handleViewLicense() {
       if (this.project.qualification) {
-        uni.previewImage({
-          urls: this.project.qualification
+        uni.navigateTo({
+          url: `/pkg_product/views/storeLicense?name=${encodeURIComponent(this.project.name)}&images=${encodeURIComponent(this.project.qualification)}`
         })
       } else {
         uni.showToast({

pkg_product/views/storeLicense.vue

@@ -0,0 +1,111 @@
+<template>
+  <view class="license-page">
+    <hx-navbar
+      :fixed="true"
+      title="营业执照"
+      :background-color="[1, '#ffffff']"
+      color="#333333"
+    />
+    <view class="content-wrap">
+      <view class="store-info">
+        <text class="label">商家名称：</text>
+        <text class="value">{{ storeName }}</text>
+      </view>
+      <view class="license-img-wrap" v-if="licenseImages.length">
+        <image 
+          v-for="(img, index) in licenseImages" 
+          :key="index"
+          :src="img" 
+          class="license-img" 
+          mode="widthFix"
+          @click="previewImage(index)"
+        />
+      </view>
+      <view class="empty-tips" v-else>
+        暂无营业执照信息
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      storeName: '',
+      licenseImages: []
+    }
+  },
+  onLoad(options) {
+    if (options.name) {
+      this.storeName = decodeURIComponent(options.name)
+    }
+    if (options.images) {
+      const imagesStr = decodeURIComponent(options.images)
+      // 处理可能是逗号分隔的多张图片，如果是单张也兼容
+      this.licenseImages = imagesStr.split(',').filter(item => item.trim())
+    }
+  },
+  methods: {
+    previewImage(index) {
+      uni.previewImage({
+        current: index,
+        urls: this.licenseImages
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.license-page {
+  min-height: 100vh;
+  background-color: #fff;
+}
+.content-wrap {
+  padding: 24rpx 0;
+}
+.store-info {
+  background-color: #ffffff;
+  padding: 0rpx 24rpx;
+  border-radius: 0;
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 24rpx;
+  
+  .label {
+    font-size: 28rpx;
+    color: #666;
+    flex-shrink: 0;
+  }
+  
+  .value {
+    font-size: 28rpx;
+    color: #333;
+    font-weight: bold;
+    flex: 1;
+  }
+}
+.license-img-wrap {
+  background-color: #ffffff;
+  padding: 24rpx 0;
+  border-radius: 0;
+  
+  .license-img {
+    width: 100%;
+    display: block;
+    margin-bottom: 24rpx;
+    border-radius: 8rpx;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+.empty-tips {
+  text-align: center;
+  padding: 100rpx 0;
+  color: #999;
+  font-size: 28rpx;
+}
+</style>