From 0c6fe13bffc50ca17fa76004963667384b1d0fae Mon Sep 17 00:00:00 2001
From: sugar1569 <sugar1569@vip.qq.com>
Date: Wed, 23 Sep 2026 18:50:57 +0800
Subject: [PATCH] =?UTF-8?q?feat(wechat-mini):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=20H5=20=E9=A2=84=E8=A7=88=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E5=85=9C=E5=BA=95=E9=80=BB=E8=BE=91=E5=8F=8A=E7=A9=BA?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增后端返回站点网址配置，前端按优先级组装 H5 预览地址，新增空状态提示引导配置站点网址
---
 .../admin/RoutineTemplateController.php       |  2 +
 .../pages/routine/download/index.vue          | 61 ++++++++++++-------
 2 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/backend/modules/channel/wechat_mini/controller/admin/RoutineTemplateController.php b/backend/modules/channel/wechat_mini/controller/admin/RoutineTemplateController.php
index 3685a2eae..c93704626 100644
--- a/backend/modules/channel/wechat_mini/controller/admin/RoutineTemplateController.php
+++ b/backend/modules/channel/wechat_mini/controller/admin/RoutineTemplateController.php
@@ -206,6 +206,8 @@ class RoutineTemplateController extends AuthController
         }
         $data['appId'] = sys_config('routine_appId');
         $data['help'] = 'https://doc.crmeb.com/web/single/crmeb_v4/978';
+        // 站点网址：前端 iframe H5 预览地址回退使用（H5 产物部署在 backend/public）
+        $data['site_url'] = sys_config('site_url');
         return app('json')->success($data);
     }
 }
diff --git a/frontend/admin/src/pages/plugin/wechat_mini/pages/routine/download/index.vue b/frontend/admin/src/pages/plugin/wechat_mini/pages/routine/download/index.vue
index aa183f04f..53462e7f4 100644
--- a/frontend/admin/src/pages/plugin/wechat_mini/pages/routine/download/index.vue
+++ b/frontend/admin/src/pages/plugin/wechat_mini/pages/routine/download/index.vue
@@ -1,16 +1,20 @@
 <template>
   <div>
-    <!-- <div class="i-layout-page-header header-title">
-      <span class="ivu-page-header-title">{{ $route.meta.title }}</span>
-    </div> -->
     <pages-header ref="pageHeader" :title="$route.meta.title"></pages-header>
-    <el-card :bordered="false" shadow="never" class="ivu-mt mt16">
+    <el-card shadow="never" class="ivu-mt mt16">
       <div class="flex-wrapper">
-        <!-- :src="iframeUrl" -->
-        <div>
-          <iframe class="iframe-box" :src="iframeUrl" frameborder="0" ref="iframe"></iframe>
+        <div v-if="iframeUrl" class="preview-box">
+          <iframe class="iframe-box" :src="iframeUrl" frameborder="0"></iframe>
           <div class="mask"></div>
         </div>
+        <div v-else class="preview-box preview-empty">
+          <el-empty description="未获取到 H5 商城地址，无法预览">
+            <div class="empty-tips">
+              请在 系统设置 → 系统配置 中正确配置站点网址（site_url）； 如需指向独立 H5 调试地址，可在
+              frontend/admin/.env.dev 中配置 VITE_APP_H5_URL
+            </div>
+          </el-empty>
+        </div>
 
         <div class="right">
           <div class="content">
@@ -66,27 +70,18 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue';
-import { storeToRefs } from 'pinia';
+import { ref } from 'vue';
 import { ElMessage } from 'element-plus';
 import { routineDownload, routineInfo } from '../../../api';
 import Setting from '@/setting';
-import { useMediaStore } from '@/store/module/media';
 
 defineOptions({ name: 'routineTemplate' });
 
-const { isMobile } = storeToRefs(useMediaStore());
-const labelWidth = computed(() => (isMobile.value ? undefined : '80px'));
-const labelPosition = computed(() => (isMobile.value ? 'top' : 'right'));
-
-const grid = ref({
-  xl: 7,
-  lg: 7,
-  md: 12,
-  sm: 24,
-  xs: 24,
-});
-const iframeUrl = ref(`${Setting.h5BaseURL || location.origin}/pages/index/index?mdType=iframeWindow`);
+// H5 预览地址：接口返回站点配置后按优先级组装
+// 1. 前端环境变量 VITE_APP_H5_URL（显式指定，如独立 uni-app dev server）
+// 2. 后端系统配置站点网址 site_url（默认形态，H5 部署在 backend/public）
+// 3. 当前域名（兜底）
+const iframeUrl = ref('');
 const is_live = ref(1);
 const pageData = ref({
   code: '',
@@ -98,6 +93,9 @@ const pageData = ref({
 
 routineInfo().then((res) => {
   pageData.value = res.data;
+  iframeUrl.value = `${
+    Setting.h5BaseURL || res.data.site_url || location.origin
+  }/pages/index/index?mdType=iframeWindow`;
 });
 
 function downLoad() {
@@ -126,7 +124,7 @@ function downLoadCode(url) {
     var url = canvas.toDataURL(); //得到图片的base64编码数据
     var a = document.createElement('a'); // 生成一个a元素
     var event = new MouseEvent('click'); // 创建一个单击事件
-    a.download = name || 'photo'; // 设置图片名称
+    a.download = '小程序码'; // 设置图片名称
     a.href = url; // 将生成的URL设置为a.href属性
     a.dispatchEvent(event); // 触发a的单击事件
   };
@@ -147,6 +145,23 @@ function downLoadCode(url) {
   display: flex;
   border-radius: 10px;
 }
+.preview-box {
+  position: relative;
+  width: 312px;
+}
+.preview-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+.empty-tips {
+  max-width: 260px;
+  font-size: 12px;
+  color: var(--prev-color-text-secondary);
+  line-height: 1.8;
+  text-align: center;
+}
 .iframe-box {
   width: 312px;
   height: 550px;