信眾牌位範本

web/admin/follower/reg.aspx

@@ -550,18 +550,21 @@
                         { text: '亥時 (21:00~23:00)', value: '亥時' }
                     ],
                     currentView: 'shuwen-component',
+                    externalHtml:'<p>loading...</p>'
                 }
             },
             mounted() {
                 this.search_dialog.current = this.search_dialog.controls.search1 ///default
                 //console.log("mounted");
                 //this.initialize();
-
+                
                 //取得家人列表
                 this.getFamilyMembers();
                 this.getCityOptions();
                 this.onCityChange();
                 this.initAutoEnroll();
+                this.loadExternalHtml();
+
             },
             watch: {
                 options: {
@@ -608,6 +611,22 @@
                 'shuwen-component': httpVueLoader('./tablet_template.vue'),
             },
             methods: {
+                async loadExternalHtml() {
+                    try {
+                        // 請求外部的 HTML 檔案或 API 路由
+                        const response = await axios.get('tablet_template.html');
+                        // 將取得的 HTML 字串存入變數
+                        this.externalHtml = response.data;
+                        $("#sec2-page6").html(this.externalHtml);
+                        setTimeout(() => {
+                            //console.log("load html:",this.follower_id);
+                            designer.follower_num = this.follower_id;
+                            //designer.getFamilies();
+                        },100);
+                    } catch (error) {
+                        console.error('載入失敗', error);
+                    }
+                },
                 initAutoEnroll() {
                     if (this.follower_id != '') {
                         axios.get(HTTP_HOST + `api/follower/GetAutoEnrollList/${this.follower_id}`)
@@ -2497,12 +2516,7 @@
 
                     </div>
                     <div class="tab-pane fade" id="sec2-page6" role="tabpanel" aria-labelledby="sec2-tab6" >
-                         <v-card class="mx-auto" outlined v-if="follower_id!=''">
-                              <keep-alive>
-                                  <component :is="currentView" >
-                                  </component>
-                               </keep-alive>  
-                         </v-card>
+                         <%--<div v-html="externalHtml"></div>--%>
                     </div>
                 </div>