From e4e953d78eebd0a54371e388fa4e8940ed1697ac Mon Sep 17 00:00:00 2001
From: renshen <1005457301@qq.com>
Date: Sat, 12 Sep 2026 16:55:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BF=AB=E9=80=92=E5=BA=94=E4=BB=98=E5=AD=90?=
 =?UTF-8?q?=E7=9B=AE=E5=BD=95=E7=A7=BB=E5=85=A5=E7=BB=88=E7=89=88=E6=A8=AA?=
 =?UTF-8?q?=E5=90=91=E5=B7=A5=E4=BD=9C=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Listeners/Menu/ShowInAdmin.php            |   2 +-
 .../final-workspace.blade.php                 | 102 ++++++++++++++++++
 resources/views/business/pages/show.blade.php |   4 +-
 3 files changed, 106 insertions(+), 2 deletions(-)
 create mode 100644 resources/views/business/pages/courier-payables/final-workspace.blade.php

diff --git a/app/Listeners/Menu/ShowInAdmin.php b/app/Listeners/Menu/ShowInAdmin.php
index 0cfb81f2..c2a56afa 100644
--- a/app/Listeners/Menu/ShowInAdmin.php
+++ b/app/Listeners/Menu/ShowInAdmin.php
@@ -108,7 +108,7 @@ class ShowInAdmin
                 : $this->sortByTitleLength($section['pages'] ?? []);
             $order = ($sectionIndex + 1) * 10;
 
-            if (empty($pages) || $section['slug'] === 'supplier-payables') {
+            if (empty($pages) || in_array($section['slug'], ['supplier-payables', 'courier-payables'], true)) {
                 $menu->route(
                     'business.pages.show',
                     $section['title'],
diff --git a/resources/views/business/pages/courier-payables/final-workspace.blade.php b/resources/views/business/pages/courier-payables/final-workspace.blade.php
new file mode 100644
index 00000000..0268f8dc
--- /dev/null
+++ b/resources/views/business/pages/courier-payables/final-workspace.blade.php
@@ -0,0 +1,102 @@
+@php
+    $courierSection = collect(\App\Utilities\SidebarPermissions::navigationFor(user()))->firstWhere('slug', 'courier-payables');
+    $courierPages = $courierSection['pages'] ?? [];
+@endphp
+<div data-courier-final>
+    <nav class="business-tab-bar courier-final-tabs" aria-label="快递应付子功能">
+        @foreach ($courierPages as $item)
+            <a class="business-tab-link" data-courier-tab="{{ $item['slug'] }}"
+                href="{{ route('business.pages.show', ['section' => 'courier-payables', 'page' => $item['slug']]) }}">{{ $item['title'] }}</a>
+        @endforeach
+    </nav>
+    <div role="status" aria-live="polite" data-courier-status></div>
+    <button type="button" class="business-tab-link" data-courier-retry hidden>重新加载</button>
+    @if (empty($courierPages))
+        <div class="biz-empty">当前账号没有可访问的快递应付子功能。</div>
+    @endif
+    <div data-courier-frames></div>
+</div>
+<style>
+    .courier-final-tabs { flex-wrap:wrap; gap:4px 16px; min-height:34px; padding:0 16px; margin-bottom:12px; }
+    .courier-final-tabs .business-tab-link { min-height:34px; font-size:12px; color:var(--vip-content-muted, #595959); }
+    .courier-final-tabs .is-active { color:var(--vip-content-accent-dark, #856632); }
+    [data-courier-frames] iframe { width:100%; height:calc(100vh - 260px); min-height:400px; border:0; }
+    [data-courier-frames] iframe[hidden] { display:none; }
+    [data-courier-retry][hidden] { display:none!important; }
+</style>
+@push('body_end')
+<script>
+(() => {
+    const root = document.querySelector('[data-courier-final]');
+    if (!root) return;
+    const links = [...root.querySelectorAll('[data-courier-tab]')];
+    const frames = new Map();
+    const status = root.querySelector('[data-courier-status]');
+    const retry = root.querySelector('[data-courier-retry]');
+    let selected;
+    function select(link, push = true, reload = false) {
+        if (!link) return;
+        selected = link;
+        retry.hidden = true;
+        links.forEach(item => {
+            item.classList.toggle('is-active', item === link);
+            if (item === link) item.setAttribute('aria-current', 'page');
+            else item.removeAttribute('aria-current');
+        });
+        frames.forEach(frame => frame.hidden = true);
+        let frame = frames.get(link.dataset.courierTab);
+        if (!frame || reload) {
+            if (frame) frame.remove();
+            frame = document.createElement('iframe');
+            frame.title = link.textContent.trim();
+            frame.src = link.href;
+            frame.style.visibility = 'hidden';
+            status.textContent = '正在加载…';
+            const fail = () => {
+                frame.dataset.failed = '1';
+                if (selected === link) {
+                    status.textContent = '页面加载失败或登录已过期，请重试。';
+                    retry.hidden = false;
+                }
+            };
+            const timeout = setTimeout(fail, 45000);
+            frame.addEventListener('error', fail);
+            frame.addEventListener('load', () => {
+                clearTimeout(timeout);
+                try {
+                    const doc = frame.contentDocument;
+                    const content = doc.querySelector('#app');
+                    if (!content) { fail(); return; }
+                    // Preserve each page's own scripts, forms and routes in its document.
+                    const style = doc.createElement('style');
+                    style.textContent = '.js-menu,body>.container,#header [data-page-title-first]{display:none!important} #panel{margin:0!important;padding:0!important} #main-body>.container{margin:0!important;padding:0!important;width:100%!important} #header{padding:0!important;margin:0!important}';
+                    doc.head.appendChild(style);
+                    frame.style.visibility = 'visible';
+                    delete frame.dataset.failed;
+                    if (selected === link) { status.textContent = ''; retry.hidden = true; }
+                } catch (_) { fail(); }
+            });
+            root.querySelector('[data-courier-frames]').appendChild(frame);
+            frames.set(link.dataset.courierTab, frame);
+        } else {
+            status.textContent = frame.dataset.failed ? '页面加载失败，请重试。' : '';
+            retry.hidden = !frame.dataset.failed;
+        }
+        frame.hidden = false;
+        if (push) {
+            const url = new URL(location.href);
+            url.searchParams.set('view', link.dataset.courierTab);
+            history.pushState({}, '', url);
+        }
+    }
+    links.forEach(link => link.addEventListener('click', event => {
+        if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
+        event.preventDefault(); select(link);
+    }));
+    retry.addEventListener('click', () => select(selected, false, true));
+    const restore = () => select(links.find(link => link.dataset.courierTab === new URL(location.href).searchParams.get('view')) || links[0], false);
+    window.addEventListener('popstate', restore);
+    restore();
+})();
+</script>
+@endpush
diff --git a/resources/views/business/pages/show.blade.php b/resources/views/business/pages/show.blade.php
index 132d6f20..b7571b88 100644
--- a/resources/views/business/pages/show.blade.php
+++ b/resources/views/business/pages/show.blade.php
@@ -621,7 +621,9 @@
                 }
             @endphp
 
-            @if (!empty($content) && !empty($content['view']))
+            @if ($section['slug'] === 'courier-payables-final')
+                @include('business.pages.courier-payables.final-workspace')
+            @elseif (!empty($content) && !empty($content['view']))
                 <section class="business-content-section" aria-label="{{ $activeContentTitle }}">
                     @include($content['view'], $content)
                 </section>