Tcode平台改造升级-产品服务详情页面开发

src/views/Jyh/ProductServices/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="pg-evaluate">
+    <ModBanner />
+    <ModTabs :defaultTab="activeTab" />
+    <ModTotal />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import ModBanner from './ModBanner.vue';
+import ModTabs from './ModTabs.vue';
+import ModTotal from './ModTotal.vue';
+
+const activeTab = ref<string | number>('');
+
+// 解析URL参数的方法
+const getUrlParam = (paramName: string): string | null => {
+  // 获取当前URL的查询参数
+  const searchParams = new URLSearchParams(window.location.search);
+  // 返回指定参数的值
+  return searchParams.get(paramName);
+};
+
+onMounted(() => {
+  // 获取url中tab参数的值
+  const tabParam = getUrlParam('tab');
+  if (tabParam) {
+    activeTab.value = /^\d+$/.test(tabParam) ? Number(tabParam) : tabParam;
+  } else {
+    activeTab.value = '1';
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.pg-evaluate {
+  background-color: #fafafa;
+  color: #333;
+}
+</style>