From 5d87b43e5299381a8fdd4af38b0c4f8d396d249e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=86=AC=E4=BF=8A?= <1005441938@qq.com>
Date: Tue, 9 Dec 2025 11:48:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/modules/compliance.js              |  29 ++-
 src/views/compliance/keypoint/index.vue       | 139 +++++++++++++-
 .../compliance/keypoint/rankingDetails.vue    | 176 ++++++++++++++++++
 src/views/compliance/statistics/index.vue     |   2 +-
 .../compliance/warningStatistics/index.vue    | 144 +++++++++++++-
 .../warningStatistics/indicatorDetails.vue    | 144 ++++++++++++++
 6 files changed, 626 insertions(+), 8 deletions(-)
 create mode 100644 src/views/compliance/keypoint/rankingDetails.vue
 create mode 100644 src/views/compliance/warningStatistics/indicatorDetails.vue

diff --git a/src/router/modules/compliance.js b/src/router/modules/compliance.js
index 6fe3144d..ed80026e 100644
--- a/src/router/modules/compliance.js
+++ b/src/router/modules/compliance.js
@@ -13,7 +13,10 @@ const layout = function(meta = {}) {
 
 export default [
   {
-    ...layout(true),
+    ...layout(true,{
+      icon: 'customer-solid',
+      title: '申报自检结果统计'
+    }),
     children: [
       {
         path: "statistics",
@@ -24,15 +27,19 @@ export default [
       },
       {
         path: "alertstatistics",
+          hidden: true,
         component: () => import("@/views/compliance/statistics/alertstatistics"),
         meta: {
-          title: "申报自检结果统计"
+          title: "申报自检结果统计2"
         }
       }
     ]
   },
   {
-    ...layout(false),
+    ...layout(false,{
+      icon: 'customer-solid',
+      title: '重点企风险排名统计'
+    }),
     children: [
       {
         path: "keypoint",
@@ -40,6 +47,14 @@ export default [
         meta: {
           title: "重点企风险排名统计"
         }
+      },
+      {
+        path: "rankingDetails",
+        hidden: true,
+        component: () => import("@/views/compliance/keypoint/rankingDetails"),
+        meta: {
+          title: "重点企业排名统计"
+        }
       }
     ]
   },
@@ -52,6 +67,14 @@ export default [
         meta: {
           title: "指标预警排名统计"
         }
+      },
+      {
+        path: "indicatorDetails",
+          hidden: true,
+        component: () => import("@/views/compliance/warningStatistics/indicatorDetails"),
+        meta: {
+          title: "申报自检结果统计2"
+        }
       }
     ]
   }
diff --git a/src/views/compliance/keypoint/index.vue b/src/views/compliance/keypoint/index.vue
index 55e259f7..447922b3 100644
--- a/src/views/compliance/keypoint/index.vue
+++ b/src/views/compliance/keypoint/index.vue
@@ -1,3 +1,138 @@
 <template>
-    <div>111111111111111111  1</div>
-</template>
\ No newline at end of file
+  <div>
+    <!-- 查询 -->
+        <div class="searchBox">
+          <el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
+            <el-row :gutter="20">
+                <el-col :span="8">
+                  <el-form-item label="主管税务机关" >
+                    <el-select v-model="searchForm.zgswjg" style="width: 100%;">
+                        <el-option v-for="item in zgswjgList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                      </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="税款所属期起">
+                      <el-date-picker
+                        v-model="searchForm.zjrqqDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="税款所属期起">
+                      </el-date-picker>              
+                   </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="税款所属期止">
+                    <el-date-picker
+                        v-model="searchForm.zjrqzDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="税款所属期止">
+                    </el-date-picker>   
+                   </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="20" v-if="isExpanded"> 
+              <el-col :span="8">
+                  <el-form-item label="网格员">
+                    <el-input v-model="searchForm.wly"></el-input>
+                  </el-form-item>
+              </el-col>
+              <el-col :span="16">
+                <el-form-item label="排名类别" >
+                  <el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
+                      <el-option v-for="item in tsyjfxzbList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                   </el-select>
+                  </el-form-item>
+              </el-col>
+           </el-row>
+          </el-form>
+          <div class="expanded">
+            <el-button size="small">重置</el-button>
+            <el-button type="primary" size="small">统计</el-button>
+            <span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down'  "></i></span>   
+          </div>
+       </div>
+    <!-- 表格 -->   
+    <div class="tableBox">
+        <el-table 
+            :data="tableData" 
+            border 
+            style="width: 100%" 
+            size="small" 
+            :header-cell-style="{background:'#f6f8fa', color:'#333333',  textAlign:'center'}"
+            row-key="id"
+            v-loading="loading"
+            :height="tableHeight"
+          >
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
+            <el-table-column prop="dwmc" label="单位名称" ></el-table-column>
+            <el-table-column prop="zgswjg" label="主管税务机关"></el-table-column>
+            <el-table-column prop="fxzbgs" label="风险指标个数" width="200" align="center">
+               <template slot-scope="scope">
+                  <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.fxzbgs }}</span>
+                </template>
+            </el-table-column>    
+         </el-table>      
+          <div class="page">
+              <el-pagination background layout="prev, pager, next"  :total="1000"></el-pagination>
+          </div>
+    </div>  
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      loading: false,
+      isExpanded: false,
+      searchForm:{
+            zgswjg:'',
+            zjrqqDate:'',
+            zjrqzDate:'',
+            wly:'',
+            tsyjfxzb:''
+        },
+        zgswjgList: [
+          {value: '国家税务总局宜南昌税务局', label: '国家税务总局宜南昌税务局'},
+          {value: '国家税务总局九江市税务局', label: '国家税务总局九江市税务局'},
+          {value: '国家税务总局宜春市税务局', label: '国家税务总局宜春市税务局'},
+        ],
+        tsyjfxzbList:[
+          {value:'风险指标名称1', label:'风险指标名称1' },
+          {value:'风险指标名称2', label:'风险指标名称2' },  
+          {value:'风险指标名称3', label:'风险指标名称3' },
+        ],
+        tableData: [
+          {
+            dwmc:'某建筑公司1',
+            zgswjg:'国家税务总局宜南昌税务局',
+            fxzbgs:20
+          },
+          {
+            dwmc:'某建筑公司建筑公司建筑公司建筑公司建筑公司2',
+            zgswjg:'国家税务总局九江市税务局',
+            fxzbgs:15
+          }
+        ]
+
+    }
+  },
+   methods: {
+      toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+      },
+      handleClick(row){
+        this.$router.push({path:`/compliance/rankingDetails`, query:{}})
+      }
+   }, 
+  computed: {
+    tableHeight() {
+        return this.isExpanded ? window.innerHeight - 360   : window.innerHeight - 310  
+      }
+    }   
+}
+</script>
+<style lang="css" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/compliance/keypoint/rankingDetails.vue b/src/views/compliance/keypoint/rankingDetails.vue
new file mode 100644
index 00000000..6e421b8c
--- /dev/null
+++ b/src/views/compliance/keypoint/rankingDetails.vue
@@ -0,0 +1,176 @@
+<template>
+  <div>
+    <!-- 查询 -->
+        <div class="searchBox">
+          <el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
+            <el-row :gutter="20">
+                <el-col :span="8">
+                  <el-form-item label="主管税务机关" >
+                    <el-select v-model="searchForm.zgswjg" style="width: 100%;">
+                        <el-option v-for="item in zgswjgList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                      </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="税款所属期起">
+                      <el-date-picker
+                        v-model="searchForm.zjrqqDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="税款所属期起">
+                      </el-date-picker>              
+                   </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="税款所属期止">
+                    <el-date-picker
+                        v-model="searchForm.zjrqzDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="税款所属期止">
+                    </el-date-picker>   
+                   </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="20" v-if="isExpanded"> 
+              <el-col :span="8">
+                  <el-form-item label="网络员">
+                    <el-input v-model="searchForm.wly"></el-input>
+                  </el-form-item>
+              </el-col>
+              <el-col :span="16">
+                <el-form-item label="同时预警风险指标" >
+                  <el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
+                      <el-option v-for="item in tsyjfxzbList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                   </el-select>
+                  </el-form-item>
+              </el-col>
+           </el-row>
+          </el-form>
+          <div class="expanded">
+            <el-button size="small">重置</el-button>
+            <el-button type="primary" size="small">统计</el-button>
+            <span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down'  "></i></span>   
+          </div>
+       </div>
+    <!-- 表格 -->   
+    <div class="tableBox">
+        <el-table 
+            :data="tableData" 
+            border 
+            style="width: 100%" 
+            size="small" 
+            :header-cell-style="{background:'#f6f8fa', color:'#333333',  textAlign:'center'}"
+            row-key="id"
+            v-loading="loading"
+            :height="tableHeight"
+            :span-method="arraySpanMethod"
+          >
+            <el-table-column prop="dwmc"  label="单位名称" ></el-table-column>
+            <el-table-column prop="zgswjg" label="主管税务机关"></el-table-column>
+             <el-table-column prop="fxzbmc" label="征收项目" ></el-table-column>  
+            <el-table-column prop="fxzbmc" label="风险指标名称" ></el-table-column>   
+            
+         </el-table>      
+          <div class="page">
+              <el-pagination background layout="prev, pager, next"  :total="1000"></el-pagination>
+          </div>
+    </div>  
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      loading: false,
+      isExpanded: false,
+      searchForm:{
+            zgswjg:'',
+            zjrqqDate:'',
+            zjrqzDate:'',
+            wly:'',
+            tsyjfxzb:''
+        },
+        zgswjgList: [
+          {value: '国家税务总局宜南昌税务局', label: '国家税务总局宜南昌税务局'},
+          {value: '国家税务总局九江市税务局', label: '国家税务总局九江市税务局'},
+          {value: '国家税务总局宜春市税务局', label: '国家税务总局宜春市税务局'},
+        ],
+        tsyjfxzbList:[
+          {value:'风险指标名称1', label:'风险指标名称1' },
+          {value:'风险指标名称2', label:'风险指标名称2' },  
+          {value:'风险指标名称3', label:'风险指标名称3' },
+        ],
+        tableData: [
+          {
+            dwmc:'某建筑公司1',
+            zgswjg:'国家税务总局宜南昌税务局',
+            fxzbmc:'指标名称1'
+          },
+           {
+            dwmc:'某建筑公司1',
+            zgswjg:'国家税务总局宜南昌税务局',
+            fxzbmc:'指标名称2'
+          },
+           {
+            dwmc:'某建筑公司1',
+            zgswjg:'国家税务总局宜南昌税务局',
+            fxzbmc:'指标名称3'
+          },
+          {
+            dwmc:'某建筑公司1',
+            zgswjg:'国家税务总局宜南昌税务局',
+            fxzbmc:'指标名称4'
+          },
+        ]
+
+    }
+  },
+   methods: {
+      toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+      },
+      handleClick(row){
+        this.$router.push({path:`/declare/rankingDetail`, name:'rankingDetail', menu:true, meta:{title:'重点企业排名统计'}})
+      },
+      arraySpanMethod({ row, column, rowIndex, columnIndex }) {
+        if (columnIndex === 0) { // 假设我们合并第一列，即日期列
+            if (rowIndex % 4 === 0) { // 每4行合并一次
+                return {
+                    rowspan: 4, // 跨4行
+                    colspan: 1 // 跨1列，这里可以不设置或设为1，因为我们只合并行，不改变列宽
+                };
+            } else {
+                return {
+                    rowspan: 0, // 当前行不在合并范围内，不显示该行数据
+                    colspan: 0 // 当前列不显示数据，因为我们已经在上面行了显示过一次了
+                };
+            }
+        }
+
+        if (columnIndex === 1) { // 假设我们合并第一列，即日期列
+            if (rowIndex % 4 === 0) { // 每4行合并一次
+                return {
+                    rowspan: 4, // 跨4行
+                    colspan: 1 // 跨1列，这里可以不设置或设为1，因为我们只合并行，不改变列宽
+                };
+            } else {
+                return {
+                    rowspan: 0, // 当前行不在合并范围内，不显示该行数据
+                    colspan: 0 // 当前列不显示数据，因为我们已经在上面行了显示过一次了
+                };
+            }
+        }
+    }
+ 
+   }, 
+  computed: {
+    tableHeight() {
+        return this.isExpanded ? window.innerHeight - 360   : window.innerHeight - 310  
+      }
+    }   
+}
+</script>
+<style lang="css" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/compliance/statistics/index.vue b/src/views/compliance/statistics/index.vue
index 58fb943c..300d9c7b 100644
--- a/src/views/compliance/statistics/index.vue
+++ b/src/views/compliance/statistics/index.vue
@@ -255,7 +255,7 @@ export default {
         this.isExpanded = !this.isExpanded;
       },
       handleClick(row){
-        this.$router.push({path:`/declare/statistics`, name:'statistics', menu:true, meta:{title:'按户次查询明细'}})
+        this.$router.push({path:`/compliance/alertstatistics`, query:{}})
       }
     },
     computed: {
diff --git a/src/views/compliance/warningStatistics/index.vue b/src/views/compliance/warningStatistics/index.vue
index c549b726..f887fd0c 100644
--- a/src/views/compliance/warningStatistics/index.vue
+++ b/src/views/compliance/warningStatistics/index.vue
@@ -1,3 +1,143 @@
 <template>
-    <div>222222222222222</div>
-</template>
\ No newline at end of file
+  <div>
+    <!-- 查询 -->
+        <div class="searchBox">
+          <el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
+            <el-row :gutter="20">
+                <el-col :span="8">
+                  <el-form-item label="指标类别" >
+                    <el-select v-model="searchForm.zgswjg" style="width: 100%;">
+                        <el-option v-for="item in zgswjgList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                      </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="自检日期起">
+                      <el-date-picker
+                        v-model="searchForm.zjrqqDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="自检日期起">
+                      </el-date-picker>              
+                   </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="自检日期止">
+                    <el-date-picker
+                        v-model="searchForm.zjrqzDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="自检日期起">
+                    </el-date-picker>   
+                   </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="20" v-if="isExpanded"> 
+              <el-col :span="8">
+                  <el-form-item label="网格员">
+                    <el-input v-model="searchForm.wly"></el-input>
+                  </el-form-item>
+              </el-col>
+              <el-col :span="16">
+                <el-form-item label="排名统计" >
+                  <el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
+                      <el-option v-for="item in tsyjfxzbList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                   </el-select>
+                  </el-form-item>
+              </el-col>
+           </el-row>
+          </el-form>
+          <div class="expanded">
+            <el-button size="small">重置</el-button>
+            <el-button type="primary" size="small">统计</el-button>
+            <span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down'  "></i></span>   
+          </div>
+       </div>
+    <!-- 表格 -->   
+    <div class="tableBox">
+        <el-table 
+            :data="tableData" 
+            border 
+            style="width: 100%" 
+            size="small" 
+            :header-cell-style="{background:'#f6f8fa', color:'#333333',  textAlign:'center'}"
+            row-key="id"
+            v-loading="loading"
+            :height="tableHeight"
+          >
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
+            <el-table-column prop="zblb" label="指标类别" ></el-table-column>
+            <el-table-column prop="zbmc" label="指标名称"></el-table-column>
+            <el-table-column prop="qysl" label="企业数量" width="200" align="center">
+               <template slot-scope="scope">
+                  <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.qysl }}</span>
+                </template>
+            </el-table-column>    
+         </el-table>      
+          <div class="page">
+              <el-pagination background layout="prev, pager, next"  :total="1000"></el-pagination>
+          </div>
+    </div>  
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+          loading: false,
+      isExpanded: false,
+      searchForm:{
+            zgswjg:'',
+            zjrqqDate:'',
+            zjrqzDate:'',
+            wly:'',
+            tsyjfxzb:''
+        },
+        zgswjgList: [
+          {value: '轻度风险', label: '轻度风险'},
+          {value: '中度风险', label: '中度风险'},
+          {value: '严重风险', label: '严重风险'},
+        ],
+        tsyjfxzbList:[
+          {value:'风险指标名称1', label:'风险指标名称1' },
+          {value:'风险指标名称2', label:'风险指标名称2' },  
+          {value:'风险指标名称3', label:'风险指标名称3' },
+        ],
+        tableData: [
+          {
+            zblb:'轻度风险',
+            zbmc:'工费经费超高行业基准值',
+            qysl:10
+          },
+          {
+            zblb:'中度风险',
+            zbmc:'工费经费超高行业基准值',
+            qysl:20
+          },
+          {
+            zblb:'严重风险',
+            zbmc:'工费经费超高行业基准值',
+            qysl:30
+          }
+        ]
+
+    }
+  },
+   methods: {
+      toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+      },
+      handleClick(row){
+        this.$router.push({path:`/compliance/indicatorDetails`, query:{}})
+      }
+   }, 
+  computed: {
+    tableHeight() {
+        return this.isExpanded ? window.innerHeight - 360   : window.innerHeight - 310  
+      }
+    }   
+}
+</script>
+<style lang="css" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/compliance/warningStatistics/indicatorDetails.vue b/src/views/compliance/warningStatistics/indicatorDetails.vue
new file mode 100644
index 00000000..85a4d4cf
--- /dev/null
+++ b/src/views/compliance/warningStatistics/indicatorDetails.vue
@@ -0,0 +1,144 @@
+<template>
+  <div>
+    <!-- 查询 -->
+        <div class="searchBox">
+          <el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
+            <el-row :gutter="20">
+                <el-col :span="8">
+                  <el-form-item label="指标类别" >
+                    <el-select v-model="searchForm.zgswjg" style="width: 100%;">
+                        <el-option v-for="item in zgswjgList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                      </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="自检日期起">
+                      <el-date-picker
+                        v-model="searchForm.zjrqqDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="自检日期起">
+                      </el-date-picker>              
+                   </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="自检日期止">
+                    <el-date-picker
+                        v-model="searchForm.zjrqzDate"
+                        type="date"
+                        style="width: 100%;"
+                        placeholder="自检日期起">
+                    </el-date-picker>   
+                   </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="20" v-if="isExpanded"> 
+              <el-col :span="8">
+                  <el-form-item label="网络员">
+                    <el-input v-model="searchForm.wly"></el-input>
+                  </el-form-item>
+              </el-col>
+              <el-col :span="16">
+                <el-form-item label="排名类别" >
+                  <el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
+                      <el-option v-for="item in tsyjfxzbList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                   </el-select>
+                  </el-form-item>
+              </el-col>
+           </el-row>
+          </el-form>
+          <div class="expanded">
+            <el-button size="small">重置</el-button>
+            <el-button type="primary" size="small">统计</el-button>
+            <span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down'  "></i></span>   
+          </div>
+       </div>
+    <!-- 表格 -->   
+    <div class="tableBox">
+        <el-table 
+            :data="tableData" 
+            border 
+            style="width: 100%" 
+            size="small" 
+            :header-cell-style="{background:'#f6f8fa', color:'#333333',  textAlign:'center'}"
+            :default-expand-all="isExpandAll"
+            row-key="id"
+            v-loading="loading"
+            :height="tableHeight"
+          >
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
+            <el-table-column prop="qymc" label="企业名称" ></el-table-column>
+            <el-table-column prop="qysh" label="企业税号"></el-table-column>
+            <el-table-column prop="qyfr" label="企业法人" width="200" align="center"></el-table-column>  
+            <el-table-column prop="wlyxm" label="网络员姓名" width="200" align="center"></el-table-column>      
+            <el-table-column prop="frlldh" label="法人联系电话" width="200" align="center"></el-table-column>   
+         </el-table>      
+          <div class="page">
+              <el-pagination background layout="prev, pager, next"  :total="1000"></el-pagination>
+          </div>
+    </div>  
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      isExpanded: false,
+      searchForm:{
+            zgswjg:'',
+            zjrqqDate:'',
+            zjrqzDate:'',
+            wly:'',
+            tsyjfxzb:''
+        },
+        zgswjgList: [
+          {value: '轻度风险', label: '轻度风险'},
+          {value: '中度风险', label: '中度风险'},
+          {value: '严重风险', label: '严重风险'},
+        ],
+        tsyjfxzbList:[
+          {value:'风险指标名称1', label:'风险指标名称1' },
+          {value:'风险指标名称2', label:'风险指标名称2' },  
+          {value:'风险指标名称3', label:'风险指标名称3' },
+        ],
+        tableData: [
+          {
+            qymc:'宜春市新坊钽铌1',
+            qysh:'913609027165371025',
+            qyfr:'张三',
+            wlyxm:'李四',
+            frlldh:'15235566544'
+          },
+          {
+            qymc:'宜春市新坊钽铌2',
+            qysh:'913609027122566212',
+            qyfr:'张三',
+            wlyxm:'李四',
+            frlldh:'15235566544'
+          },
+          {
+            qymc:'宜春市新坊钽铌3',
+            qysh:'913609027165255663',
+            qyfr:'张三',
+            wlyxm:'李四',
+            frlldh:'15235566544'
+          }
+        ]
+
+    }
+  },
+   methods: {
+      toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+      }
+   }, 
+  computed: {
+    tableHeight() {
+        return this.isExpanded ? window.innerHeight - 360   : window.innerHeight - 310  
+      }
+    }   
+}
+</script>
+<style lang="css" scoped>
+
+</style>
\ No newline at end of file