From e8846b9b1546ab0df16369e0b5104ff6eb0048da Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Fri, 26 Apr 2024 00:29:08 +0800
Subject: [PATCH] update code

---
 src/pages/index/indexDlg3.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/pages/index/indexDlg3.vue b/src/pages/index/indexDlg3.vue
index 24612c7..1b8915f 100644
--- a/src/pages/index/indexDlg3.vue
+++ b/src/pages/index/indexDlg3.vue
@@ -1,13 +1,21 @@
 <template>
     <MyDialog v-if="show" v-model="show" width="1000px" ref="dlg">
-        <template slot="title">            
-            <el-tabs v-model="nav" class="my-tabs" @tab-click="handleClick">    
-                <el-tab-pane label="按续建、新建、前期项目分类" name="a1"></el-tab-pane>
+        <template slot="title">         
+            <div class="warning-info-title" style="padding-left: 20px;">                
+                <div :class="nav == 'a1' ? 'active' : ''" class="nav-item" @click="toggleNav('a1')">按在建、前期、拟建、完成项目分类</div>
+                <div :class="nav == 'a2' ? 'active' : ''" class="nav-item" @click="toggleNav('a2')">按省、市、新区、新城级分类</div>
+            </div>   
+            <el-tabs v-model="nav" class="my-tabs" @tab-click="handleClick" v-if="1==2">    
+                <el-tab-pane label="按在建、前期、拟建、完成项目分类" name="a1"></el-tab-pane>
                 <el-tab-pane label="按省、市、新区、新城级分类" name="a2"></el-tab-pane>
             </el-tabs>
         </template>
         <el-table :data="tableData" class="mytable" height="500" style="width: 100%;background: transparent;">
-            <el-table-column prop="remark" label="分类项" > </el-table-column>
+            <el-table-column prop="remark" label="分类项" > 
+                <template slot-scope="scope">
+                    <span style="color:#fff;font-size: 12px;">{{ scope.row.remark }}项目</span>
+                </template>
+            </el-table-column>
             <el-table-column prop="money" label="项目数" >
                 <template slot-scope="scope">
                     <span style="color:#01A9FF;font-size: 12px;">{{ scope.row.month }}</span>
@@ -54,7 +62,8 @@ export default {
     mounted() {},
 
     methods: {
-        handleClick(tab){
+        toggleNav(tab){
+            this.nav=tab;
             this.loadData();
         },
         loadData(){