feat: 增强组件功能与样式优化

- 在多个组件中添加了新的属性和方法以提升功能性，如在卡片组件中引入 _ActiveTab 属性以管理活动标签。
- 优化了商品详情和商户页面的收藏逻辑，确保在未登录状态下引导用户登录。
- 更新了轮播组件的路由解析逻辑，增强了用户体验。
- 改进了投诉列表和收藏列表的样式，提升了响应式布局和可读性。
- 在全局配置中添加了对开发环境的错误处理，提升了调试体验。

manager/src/views/Main.vue

@@ -6,7 +6,11 @@
     <div class="sidebar-menu-con menu-bar">
       <shrinkable-menu />
     </div>
-    <div class="main-header-con" :style="{ height: '60px' }">
+    <div
+      class="main-header-con"
+      :class="{ 'has-tabs': setting.isUseTabsRouter }"
+      :style="{ height: setting.isUseTabsRouter ? '106px' : '60px' }"
+    >
       <div class="main-header">
         <div class="header-logo-con">
           <img :src="domainLogo" key="max-logo" />
@@ -51,15 +55,15 @@
           </div>
         </div>
       </div>
-    </div>
-    <div class="breadcrumb-bar" v-if="setting.isUseTabsRouter">
-      <page-breadcrumb />
+      <div class="tags-con" v-if="setting.isUseTabsRouter">
+        <tags-page-opened :pageTagsList="pageTagsList" />
+      </div>
     </div>
     <div
       class="single-page-con"
       :style="{
-        top: setting.isUseTabsRouter ? '104px' : '60px',
-        height: setting.isUseTabsRouter ? 'calc(100% - 114px)' : 'calc(100% - 70px)',
+        top: setting.isUseTabsRouter ? '106px' : '60px',
+        height: setting.isUseTabsRouter ? 'calc(100% - 116px)' : 'calc(100% - 70px)',
       }"
     >
       <div class="single-page">
@@ -75,7 +79,7 @@
 <script>
 import { UserFilled } from "@element-plus/icons-vue";
 import shrinkableMenu from "./main-parts/shrinkable-menu/shrinkable-menu.vue";
-import pageBreadcrumb from "./main-parts/page-breadcrumb.vue";
+import tagsPageOpened from "./main-parts/tags-page-opened.vue";
 import messageTip from "./main-parts/message-tip.vue";
 import circleLoading from "@/components/lili/circle-loading.vue";
 import Cookies from "js-cookie";
@@ -88,7 +92,7 @@ export default {
   components: {
     UserFilled,
     shrinkableMenu,
-    pageBreadcrumb,
+    tagsPageOpened,
     messageTip,
     circleLoading,
   },