zpy

src/views/zyyqsj/index.vue

@@ -45,7 +45,7 @@
                             <!-- 第三级菜单 -->
                             <!-- 第三级菜单 -->
                             <el-menu-item v-for="content in innerItem.children2" :key="content.id"
                             <el-menu-item v-for="content in innerItem.children2" :key="content.id"
                                 :index="innerItem.name + '-' + content.mc"
                                 :index="innerItem.name + '-' + content.mc"
-                                @click.native="handleInnerClick(innerItem.name, content.mc, content.id, content.remark)"
+                                @click.native="handleInnerClick(innerItem.name, content.mc, content.id, content.remark,)"
                                 :class="{ 'menu-item-active': activeNameInner === innerItem.name + '-' + content.mc }">
                                 :class="{ 'menu-item-active': activeNameInner === innerItem.name + '-' + content.mc }">
                                 <span
                                 <span
                                     :style="{ width: '6px', height: '6px', background: '#165BFF', borderRadius: '50%', display: 'inline-block', marginRight: '10px' }"></span>
                                     :style="{ width: '6px', height: '6px', background: '#165BFF', borderRadius: '50%', display: 'inline-block', marginRight: '10px' }"></span>

src/views/zyyqsj/tzy/index.vue

@@ -17,8 +17,8 @@
         </el-row>
         </el-row>
         <el-row class="content" style="background-color: #f5f8fe;">
         <el-row class="content" style="background-color: #f5f8fe;">
             <!-- 显示选项卡的内容 -->
             <!-- 显示选项卡的内容 -->
-            <el-col v-if="activeNameOuter === '产品'" :span="24" :xs="24" :sm="24" :md="24"
-                style="border-radius: 10px; height: 100%;width: auto; background-color: #f5f8fe;">
+            <el-col v-if="this.cplx === '产品'" :span="24" :xs="24" :sm="24" :md="24"
+                style="border-radius: 10px; height: 100%; background-color: #f5f8fe;">
                 <div class="tabs">
                 <div class="tabs">
                     <el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs">
                     <el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs">
                         <el-tab-pane label="产品简介" name="first" :class="{ 'custom-active1': activeName === 'first' }">
                         <el-tab-pane label="产品简介" name="first" :class="{ 'custom-active1': activeName === 'first' }">
@@ -60,8 +60,8 @@
                 </div>
                 </div>
             </el-col>
             </el-col>
             <!-- 外层折叠项 2 选中的内容 -->
             <!-- 外层折叠项 2 选中的内容 -->
-            <el-col v-else-if="activeNameOuter === '服务类'" :span="24" :xs="24" :sm="24" :md="24"
-                style="border-radius: 10px; min-height: auto; background-color: #f5f8fe;">
+            <el-col v-else-if="this.cplx === '服务类'" :span="24" :xs="24" :sm="24" :md="24"
+                style="border-radius: 10px; min-height: 700px; background-color: #f5f8fe;">
                 <div class="tabs">
                 <div class="tabs">
                     <el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs">
                     <el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs">
                         <el-tab-pane label="团队介绍" name="first">
                         <el-tab-pane label="团队介绍" name="first">
@@ -107,6 +107,7 @@ export default {
 
 
     data() {
     data() {
         return {
         return {
+            cplx: '',
             remark: '', // 新增的remark属性
             remark: '', // 新增的remark属性
             defaultOpeneds: [],// 根据需要初始化 defaultOpeneds
             defaultOpeneds: [],// 根据需要初始化 defaultOpeneds
             selectedId: null, // 用于存储选中项的ID
             selectedId: null, // 用于存储选中项的ID
@@ -163,12 +164,9 @@ export default {
 
 
 
 
     mounted() {
     mounted() {
+        const id = this.$route.query.id
+        this.getListdt(id);
 
 
-        const serviceId = this.$route.query.id;
-        if (serviceId) {
-            // 调用接口获取数据
-            this.getListdt(serviceId);
-        }
     },
     },
     methods: {
     methods: {
 
 
@@ -275,6 +273,7 @@ export default {
                 this.fwts = res.data.fwts
                 this.fwts = res.data.fwts
                 this.fwal = res.data.fwal
                 this.fwal = res.data.fwal
                 this.remark = res.data.remark
                 this.remark = res.data.remark
+                this.cplx = res.data.cplx;
 
 
 
 
                 // 在这里处理返回的数据
                 // 在这里处理返回的数据
@@ -656,4 +655,23 @@ p {
     color: #165bff;
     color: #165bff;
     line-height: 26px;
     line-height: 26px;
 }
 }
+
+::v-deep.custom-tabs .el-tabs__nav {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+::v-deep.custom-tabs .el-tabs__nav .el-tabs__item {
+    flex-grow: 1;
+    text-align: center;
+    width: auto;
+    padding: 0;
+    margin: 0;
+}
+
+::v-deep.el-tabs .el-tabs__header {
+    padding: 0;
+    margin: 0 !important;
+}
 </style>
 </style>