From dfd968650941021782d7d8c8bd6b763f05b8ebb4 Mon Sep 17 00:00:00 2001
From: tanxinkeji <tanxinkeji@163.com>
Date: Fri, 5 Dec 2025 17:34:34 +0800
Subject: [PATCH] 11

---
 src/main.js                                   |   2 +-
 src/router/modules/compliance.js              |  37 +-
 src/styles/globalstyle.css                    |  54 +++
 .../compliance/statistics/alertstatistics.vue | 399 ++++++++++++++++++
 src/views/compliance/statistics/index.vue     | 271 +++++++++++-
 5 files changed, 744 insertions(+), 19 deletions(-)
 create mode 100644 src/styles/globalstyle.css
 create mode 100644 src/views/compliance/statistics/alertstatistics.vue

diff --git a/src/main.js b/src/main.js
index 4ad3de7a..fecbad09 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,7 +9,7 @@ import 'babel-polyfill'
 import Vue from 'vue'
 
 import 'normalize.css/normalize.css' // A modern alternative to CSS resets
-
+import './styles/globalstyle.css'
 // 配置信息
 import config from '@/config'
 window.WKConfig = config
diff --git a/src/router/modules/compliance.js b/src/router/modules/compliance.js
index 26cfd95f..6fe3144d 100644
--- a/src/router/modules/compliance.js
+++ b/src/router/modules/compliance.js
@@ -1,26 +1,32 @@
-
 /** 通讯录路由 */
-import Layout from '@/views/layout/compliance'
+import Layout from "@/views/layout/compliance";
 const layout = function(meta = {}) {
   return {
-    path: '/compliance',
+    path: "/compliance",
     component: Layout,
     meta: {
       requiresAuth: false,
       ...meta
     }
-  }
-}
+  };
+};
 
 export default [
   {
     ...layout(true),
     children: [
       {
-        path: 'statistics', 
-        component: () => import('@/views/compliance/statistics/index'),
+        path: "statistics",
+        component: () => import("@/views/compliance/statistics/index"),
         meta: {
-          title: '申报自检结果统计'
+          title: "申报自检结果统计"
+        }
+      },
+      {
+        path: "alertstatistics",
+        component: () => import("@/views/compliance/statistics/alertstatistics"),
+        meta: {
+          title: "申报自检结果统计"
         }
       }
     ]
@@ -29,10 +35,10 @@ export default [
     ...layout(false),
     children: [
       {
-        path: 'keypoint', 
-        component: () => import('@/views/compliance/keypoint/index'),
+        path: "keypoint",
+        component: () => import("@/views/compliance/keypoint/index"),
         meta: {
-          title: '重点企风险排名统计'
+          title: "重点企风险排名统计"
         }
       }
     ]
@@ -41,13 +47,12 @@ export default [
     ...layout(false),
     children: [
       {
-        path: 'warningStatistics', 
-        component: () => import('@/views/compliance/warningStatistics/index'),
+        path: "warningStatistics",
+        component: () => import("@/views/compliance/warningStatistics/index"),
         meta: {
-          title: '指标预警排名统计'
+          title: "指标预警排名统计"
         }
       }
     ]
   }
-]
-
+];
diff --git a/src/styles/globalstyle.css b/src/styles/globalstyle.css
new file mode 100644
index 00000000..94a9bb5f
--- /dev/null
+++ b/src/styles/globalstyle.css
@@ -0,0 +1,54 @@
+/************************* 全局样式 *************************/
+ .el-main > .content{
+    background-color: transparent !important;
+    border: 0 !important;
+ }
+ .searchBox{
+    background-color: #fff;
+    padding: 15px;
+    border-radius: 5px;
+    margin-bottom: 10px;
+   .el-form-item__label{
+      white-space: nowrap;
+       overflow: hidden;
+      text-overflow: ellipsis;
+   }
+   .expanded{
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      .text{
+         color:#409EFF;
+         margin-left: 10px;
+         font-size: 14px;
+         cursor: pointer;
+         display: inline-block;
+      }
+      .el-button+.el-button{
+         margin-left: 8px;
+      }
+   }
+ }
+ .tableBox{
+    background-color: #fff;
+    padding:15px 10px 10px 10px;
+    border-radius: 5px;
+    .el-dropdown{
+        margin-left: 3px;
+    }
+   .tableBtn{
+    margin-bottom: 10px;
+    }
+   .page{
+      display: flex;
+      justify-content: flex-end;
+       margin-top: 5px;
+   }
+   .el-pager li{
+      font-weight: normal;
+   }
+ }
+ .blue-text{
+   color:#409EFF; 
+   cursor: pointer;
+ }
\ No newline at end of file
diff --git a/src/views/compliance/statistics/alertstatistics.vue b/src/views/compliance/statistics/alertstatistics.vue
new file mode 100644
index 00000000..36d0b94b
--- /dev/null
+++ b/src/views/compliance/statistics/alertstatistics.vue
@@ -0,0 +1,399 @@
+<template>
+    <div>
+        <!-- 查询 -->
+         <div class="searchBox">
+            <el-form ref="searchForm" :model="searchForm" :rules="rules" label-width="120px" size="small">
+                <el-row :gutter="20" >
+                    <el-col :span="8">
+                         <el-form-item label="主管税务机关" required="true">
+                            <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-select v-model="searchForm.zgsws" style="width: 100%;">
+                                <el-option v-for="item in zgswsList" :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-select v-model="searchForm.ajjgxs" placeholder="请选择" multiple  style="width: 100%;">
+                                <el-option
+                                    v-for="item in options"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value">
+                                    
+                                    <span style="  margin-right:5px;">
+                                    <el-tooltip class="item" effect="dark" :content="item.tooltip" placement="top" :width="200">
+                                        <i class="el-icon-info"></i>  
+                                    </el-tooltip>
+                                    </span>
+                                    {{ item.label }} 
+                                </el-option>
+                            </el-select>
+                            <!-- <el-select v-model="searchForm.ajjgxs" style="width: 100%;">
+                                <el-option v-for="item in ajjgxsList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                            </el-select> -->
+                        </el-form-item> 
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20" v-if="isExpanded">  
+                    <el-col :span="8">
+                        <el-form-item label="统一社会信用代码">
+                            <el-select v-model="searchForm.zsxm" style="width: 100%;">
+                                <el-option v-for="item in zsxmList" :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-select v-model="searchForm.yzpzzl" style="width: 100%;" multiple collapse-tags>
+                                <el-option v-for="item in yzpzzlList" :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-select v-model="searchForm.zjzb" style="width: 100%;" multiple collapse-tags>
+                                <el-option v-for="item in zjzbList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>  
+                <el-row :gutter="20" v-if="isExpanded"> 
+                     <el-col :span="8">
+                        <el-form-item label="应征凭证种类">
+                            <el-select v-model="searchForm.ssgly" style="width: 100%;">
+                                <el-option v-for="item in ssglyList" :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-select v-model="searchForm.ssgly" style="width: 100%;">
+                                <el-option v-for="item in ssglyList" :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-select v-model="searchForm.ssgly" style="width: 100%;">
+                                <el-option v-for="item in ssglyList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20" v-if="isExpanded">
+                     <el-col :span="8">
+                        <el-form-item label="税款所属期">
+                            <el-date-picker
+                                 v-model="searchForm.skssqDate"
+                                type="daterange"
+                                range-separator="至"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                                style="width: 100%;"
+                            >
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="申报日期">
+                            <el-date-picker
+                                 v-model="searchForm.sbsjDate"
+                                type="daterange"
+                                range-separator="至"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                                style="width: 100%;"
+                            >
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="自检日期">
+                            <el-date-picker
+                                 v-model="searchForm.zjrqDate"
+                                type="daterange"
+                                range-separator="至"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                                style="width: 100%;"
+                            >
+                            </el-date-picker>
+                        </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"> 
+            <div class="tableBtn">
+               <el-button type="primary" size="small">导出</el-button>
+                <el-popover
+                    placement="bottom"
+                    width="260"
+                    v-model="settings"
+                    trigger="click">
+                    <el-button  slot="reference" size="small">结果列设置<i class="el-icon-caret-bottom"></i></el-button>
+                    <div class="popoverBox">
+                        <div class="popover-main">
+                            <el-checkbox-group v-model="visibleColumns">
+                                <el-checkbox 
+                                    style="display: block; line-height: 30px;"
+                                    v-for="column in columns" 
+                                    :key="column.prop"
+                                    :label="column.prop"
+                                >
+                                {{ column.label }}
+                                </el-checkbox>
+                            </el-checkbox-group>
+                        </div>
+                        <div class="popover-btn">
+                            <el-button size="small" @click="resetBtn">重置</el-button>
+                            <el-button type="primary" size="small" @click="saveColumnSettings">确定</el-button>
+                        </div>
+                    </div>
+                </el-popover>
+            </div>
+            <el-table 
+                :data="tableData" 
+                border 
+                style="width: 100%" 
+                size="small" 
+                :header-cell-style="{background:'#f6f8fa', color:'#333333',  textAlign:'center'}"
+                v-loading="loading"
+                :height="tableHeight"
+                :key="tableKey"
+             >
+                <el-table-column 
+                    v-for="column in columns" 
+                    :key="column.prop"
+                    :align="column.align"
+                    v-if="visibleColumns.includes(column.prop)"
+                    :prop="column.prop"
+                    :label="column.label"
+                    :sortable="column.sortable"
+                    :width="column.width">
+                    <template slot-scope="scope">
+                        <span class="blue-text" @click="dialogTableVisible = true"  v-if="column.prop === 'glzbsl'">
+                	        {{ scope.row[column.prop] }}
+                        </span>
+                        <span v-else>{{ scope.row[column.prop] }}</span>
+                    </template>
+                </el-table-column>
+            </el-table>   
+            <div class="page">
+                <el-pagination background layout="prev, pager, next"  :total="1000"></el-pagination>
+            </div>
+        </div> 
+        <!-- 弹窗 -->
+
+        <el-dialog title="自检结果明细查看" width="85%" height="500" :visible.sync="dialogTableVisible">
+            <div  style="margin-bottom: 10px;">
+                <el-button  size="small">导出</el-button>
+            </div>
+            <el-table :data="selfData"  border  style="width: 100%"  size="small"   :header-cell-style="{background:'#f6f8fa', color:'#333333',  textAlign:'center'}">  
+                <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
+                <el-table-column property="tyxydm" label="统一社会信用代码" width="200"></el-table-column>
+                <el-table-column property="nsrmc" label="纳税人名称"></el-table-column>
+                <el-table-column property="djzclx" label="登记注册类型"></el-table-column>
+                <el-table-column property="kzztdjlx" label="课征主体登记类型"></el-table-column>
+                <el-table-column property="hy" label="行业"></el-table-column>
+                <el-table-column property="zsxmmc" label="征收项目名称"></el-table-column>
+                <el-table-column property="yzpzzlmc" label="应征凭证种类名称"></el-table-column>
+                <el-table-column property="zjzbmc" label="自检指标名称"></el-table-column>
+                <el-table-column property="skssqq" label="税款所属期起"></el-table-column>
+                <el-table-column property="sksqqz" label="税款所属期止"></el-table-column>
+                <el-table-column property="ccsbrw" label="首次申报日期"></el-table-column>
+                 <el-table-column property="zxsbrq" label="最新申报日期"></el-table-column>
+            </el-table>
+             <div  style="justify-content: flex-end; margin-top: 10px; display: flex;">
+                <el-pagination background layout="prev, pager, next"  :total="1000" style="font-weight: normal;"></el-pagination>
+            </div>
+        </el-dialog>
+
+
+
+    </div>
+</template>
+<script>
+export default {
+    data() {
+      return {
+        isExpanded: false,
+        loading:false,
+        isExpandAll:false,
+        tableKey: 0,
+        showColumnSelector: false,
+        dialogTableVisible:false,
+        settings:false,
+        searchForm:{
+            zgswjg:'',
+            zgsws:'',
+            ajjgxs:'',
+            yzpzzl:'',
+            zjzb:'',
+            ssgly:'',
+            skssqDate:'',
+            sbsjDate:'',
+            zjrqDate:''
+        },
+        rules:{
+            zgswjg:'',
+        },
+        zgswjgList: [
+            {value: '国家税务总局宜南昌税务局', label: '国家税务总局宜南昌税务局'},
+            {value: '国家税务总局九江市税务局', label: '国家税务总局九江市税务局'},
+            {value: '国家税务总局宜春市税务局', label: '国家税务总局宜春市税务局'},
+        ],
+         ajjgxsList: [
+            {value: '按主管税务机关', label: '按主管税务机关'}
+        ],
+        yzpzzlList:[
+            {value: '种类1', label: '种类1'},
+            {value: '种类2', label: '种类2'},
+            {value: '种类3', label: '种类3'},
+        ],
+         zjzbList:[
+            {value: '指标1', label: '指标1'},
+            {value: '指标2', label: '指标2'},
+            {value: '指标3', label: '指标3'},
+        ],
+        zgswsList:[],
+        options: [
+        { value: 'option1', label: '一表多指标自检异常', tooltip: '同一申报表多个指标出现自检问题，即同一申报表、同属期有3个及以上自检指标出现自检问题。' },
+        { value: 'option2', label: '自检后税额大幅下降', tooltip: '自检后申报税额大幅下降，即更正申报后(包括第一次自检出现问题，作废申报后重新又申报)的应补退税额关联指标数比第一次申报自检出问题时的应补退税额少50%及以上并且更正后的应补退税额比第一次自检出问题时的应补退税额下降1万元及以上:' },
+        { value: 'option3', label: '同一自检月份多指标自检异常 ', tooltip: '同一自检月份多指标自检出现问题，即在同一自检月份5个及以上自检指标自检出问题。' },
+      ],
+        columns: [
+            { prop: 'id', label: '序号', width: '50', align:'center'},
+            { prop: 'zjrq', label: '自检日期', width: '170' ,  align:'center'},
+            { prop: 'tyshyydm', label: '统一社会信用代码(纳税人识别号）',  width: '350', sortable:true },
+            { prop: 'nsmc', label: '纳税人名称', width: '120' },
+            { prop: 'djzclx', label:'登记注册类型', width: '170' ,  align:'center'},
+            { prop: 'kzztlx', label:'课征主体类型', width: '120',  align:'center' },
+            { prop: 'hy', label:'行业' , width: '100',  align:'center'},
+            { prop:'glzbsl', label:'关联指标数量', width: '150', align:'center', },
+            { prop: 'ggswjg', label:'主管税务机关', width: '150' },
+            { prop: 'zgsws', label:'主管税务所(科、分局)', width: '200' },
+            { prop: 'ssgly', label:'税收管理员' , width: '150',  align:'center' },
+            { prop: 'zsmx', label:'征收项目', width: '150' ,  align:'center'},
+            { prop: 'yzpzzl', label:'应征凭证种类', width: '120' },
+            { prop: 'zjzbmc', label:'自检指标名称' , width: '150' },
+            { prop: 'skssq', label:'税款所属期起', width: '150',  align:'center', sortable:true },
+            { prop: 'skssz', label:'税款所属期止', width: '120',  align:'center' },
+            { prop: 'cssbrq', label:'首次申报日期' , width: '150' ,  align:'center', sortable:true},
+            { prop: 'zxsbrq', label:'最新申报日期', width: '150' ,  align:'center'},
+            { prop: 'jjjgtsxx', label:'自检结果提示信息', width: '120',  align:'center'},
+            { prop: 'zjcsbybtse', label:'自检出问题时申报应补退税额', width: '250' ,  align:'center' },
+            { prop: 'wtyjybtse', label:'问题已解决后的申报应补退税额', width: '250' ,  align:'center'},
+            { prop: 'bzskje', label:'补正税款金额', width: '120' ,  align:'center'},
+            { prop: 'zjwtclzt', label:'自检问题处理状态', width: '200' ,  align:'center' },
+            
+        ],
+        tableData: [
+            {
+              id:'1', 
+              zjrq:'2025-10-27',
+              tyshyydm:'913609027165371025',
+              nsmc:'宜春市新坊钽铌.',
+              djzclx:'其他有限责任公司',
+              kzztlx:'单位纳税人税务.',
+              hy:'稀土金属矿',
+              glzbsl:5,
+              ggswjg:'国家税务总局宜春市袁',
+              zgsws:'国家税务总局宜春市袁.',
+              ssgly:'陈佳鑫',
+              zsmx:'企业所得税',
+              yzpzzl:'',
+              zjzbmc:'',
+              skssq:'2025-07-01',
+              skssz:'2025-09-30',
+              zxsbrq:'2025-10-25',
+              cssbrq:'2025-10-25',
+              jjjgtsxx:'',
+              zjcsbybtse:'',
+              wtyjybtse:'',
+              bzskje:'',
+              zjwtclzt:'检查通过'
+            }
+        ],
+        visibleColumns: ['id','zjrq', 'tyshyydm','nsmc','djzclx','kzztlx','hy','glzbsl','ggswjg','zgsws','ssgly','zsmx','yzpzzl','zjzbmc','skssq','skssz','zxsbrq','cssbrq','jjjgtsxx','zjcsbybtse','wtyjybtse','bzskje','zjwtclzt'],
+        selfData:[
+            {
+               tyxydm:'913609027165371025',
+               nsrmc:'宜春市新坊钽铌', 
+               djzclx:'私营有限责..',
+               kzztdjlx:'单位纳税人税务登记',
+               hy:'住宅房屋建筑',
+               zsxmmc:'企业所得税',
+               yzpzzlmc:'《A200000中华人民共和企业所得税季国缴纳税申报表(A类，2021年版)》',
+               zjzbmc:'企业所得税报营业收入与财务报表比对不符',
+               skssqq:'2025-07-01',
+               sksqqz:'2025-09-30',
+               ccsbrw:'2025-10-11',
+               zxsbrq:'2025-10-11'
+            }
+        ]
+      }
+    },
+    methods: {
+      toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+      },
+    //   saveColumnSettings() {
+    //     localStorage.setItem('tableColumns', JSON.stringify(this.visibleColumns));
+    //     this.tableKey += 1;
+    //   },
+      resetBtn(){
+          this.visibleColumns=[]
+      },
+      saveColumnSettings(){
+            this.settings =false
+      }
+    },
+    // created() {
+    //     const savedColumns = localStorage.getItem('tableColumns');
+    //     if (savedColumns) {
+    //         this.visibleColumns = JSON.parse(savedColumns);
+    //     }
+    // },
+    computed: {
+        tableHeight() {
+            return this.isExpanded ? window.innerHeight - 500   : window.innerHeight - 350  
+        },
+        filteredColumns() {
+            return this.columns.filter(column => 
+            this.visibleColumns.includes(column.prop)
+            )
+        }    
+    }
+  }
+</script>
+<style lang="css" scoped>
+ 
+.popoverBox{
+    max-height: 500px;
+    overflow: hidden;
+    .popover-main{
+        height: 450px;
+        overflow: auto; 
+    }
+    .popover-btn{
+        margin-top: 10px;
+        text-align: center;
+    }
+}
+
+
+</style>
\ No newline at end of file
diff --git a/src/views/compliance/statistics/index.vue b/src/views/compliance/statistics/index.vue
index 8e829185..58fb943c 100644
--- a/src/views/compliance/statistics/index.vue
+++ b/src/views/compliance/statistics/index.vue
@@ -1,3 +1,270 @@
 <template>
-    <div>1111111111111111111</div>
-</template>
\ No newline at end of file
+    <div>
+        <!-- 查询 -->
+         <div class="searchBox">
+            <el-form ref="searchForm" :model="searchForm" label-width="120px" 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-select v-model="searchForm.zgsws" style="width: 100%;">
+                                <el-option v-for="item in zgswsList" :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-select v-model="searchForm.ajjgxs" style="width: 100%;">
+                                <el-option v-for="item in ajjgxsList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                            </el-select>
+                        </el-form-item> 
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20" v-if="isExpanded">  
+                    <el-col :span="8">
+                        <el-form-item label="征收项目">
+                            <el-select v-model="searchForm.zsxm" style="width: 100%;">
+                                <el-option v-for="item in zsxmList" :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-select v-model="searchForm.yzpzzl" style="width: 100%;" multiple collapse-tags>
+                                <el-option v-for="item in yzpzzlList" :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-select v-model="searchForm.zjzb" style="width: 100%;" multiple collapse-tags>
+                                <el-option v-for="item in zjzbList" :key="item.value"  :label="item.label" :value="item.value"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>  
+                <el-row :gutter="20" v-if="isExpanded"> 
+                     <el-col :span="8">
+                        <el-form-item label="税收管理员">
+                            <el-select v-model="searchForm.ssgly" style="width: 100%;">
+                                <el-option v-for="item in ssglyList" :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.sbsjDate"
+                                type="daterange"
+                                range-separator="至"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                                style="width: 100%;"
+                            >
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="自检日期">
+                            <el-date-picker
+                                 v-model="searchForm.zjrqDate"
+                                type="daterange"
+                                range-separator="至"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                                style="width: 100%;"
+                            >
+                            </el-date-picker>
+                        </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">
+            <div class="tableBtn">
+                <!-- <el-button type="primary" size="small">导出</el-button> -->
+                <el-dropdown>
+                    <el-button  size="small">导入<i class="el-icon-arrow-down el-icon--right"></i></el-button>
+                    <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item>导入EXL</el-dropdown-item>
+                        <el-dropdown-item>导入Doc</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <el-table 
+                :data="tableData" 
+                border 
+                style="width: 100%" 
+                size="small" 
+                :header-cell-style="{background:'#f6f8fa', color:'#333333',  textAlign:'center'}"
+                :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+                :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="zgswjg" label="主管税务机关" width="300"></el-table-column>
+                <el-table-column  prop="sbzjhc"  label="申报自检户次"  align="center">
+                    <template slot-scope="scope">
+                        <el-link  type="primary"  target="_blank"  @click="handleClick(scope.row)" :underline="false">{{ scope.row.sbzjhc }}</el-link>
+                    </template>
+                </el-table-column>
+                <el-table-column  prop="welch"  label="无需处理户次" align="center">
+                    <template slot-scope="scope">
+                         <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.welch }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column  prop="jctghc"  label="检查通过户次" align="center">
+                    <template slot-scope="scope">
+                         <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.jctghc }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column  prop="wgzhc"  label="未更正户次" align="center">
+                    <template slot-scope="scope">
+                         <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.wgzhc }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column  prop="ygzwwjhc"  label="已更正(问题未解决)户次" align="center">
+                    <template slot-scope="scope">
+                         <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.ygzwwjhc }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column  prop="ygzwjjhc"  label="已更正(问题已解决)户次" align="center">
+                    <template slot-scope="scope">
+                         <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.ygzwjjhc }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column  prop="bzskje"  label="补正税款金额" align="center">
+                    <template slot="header"> 
+                        补正税款金额
+                        <el-tooltip class="item" effect="dark" content="问题已解决后的申报应补退税额-自检出问题时申报应补退税额" placement="top"><i class="el-icon-question"></i></el-tooltip>
+                    </template>
+                    <template slot-scope="scope">
+                         <span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.bzskje }}</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 {
+        isExpanded: false,
+        loading:false,
+        isExpandAll:false,
+        searchForm:{
+            zgswjg:'',
+            zgsws:'',
+            ajjgxs:'',
+            yzpzzl:'',
+            zjzb:'',
+            ssgly:'',
+            sbsjDate:'',
+            zjrqDate:''
+        },
+        zgswjgList: [
+            {value: '国家税务总局宜南昌税务局', label: '国家税务总局宜南昌税务局'},
+            {value: '国家税务总局九江市税务局', label: '国家税务总局九江市税务局'},
+            {value: '国家税务总局宜春市税务局', label: '国家税务总局宜春市税务局'},
+        ],
+         ajjgxsList: [
+            {value: '按主管税务机关', label: '按主管税务机关'}
+        ],
+        yzpzzlList:[
+            {value: '种类1', label: '种类1'},
+            {value: '种类2', label: '种类2'},
+            {value: '种类3', label: '种类3'},
+        ],
+         zjzbList:[
+            {value: '指标1', label: '指标1'},
+            {value: '指标2', label: '指标2'},
+            {value: '指标3', label: '指标3'},
+        ],
+        zgswsList:[{}],
+        tableData: [
+            {
+                id:'1',         
+                zgswjg: "国家税务总局宜春市税务局",
+                sbzjhc:25838,
+                welch:0,
+                jctghc:24493,
+                wgzhc:1035,
+                ygzwwjhc:160,
+                ygzwjjhc:150,
+                bzskje:-8625.37,
+                children:[
+                    {
+                        id:'1', 
+                        zgswjg: "国家税务总局宜春市袁州区",
+                        sbzjhc:1000,
+                        welch:0,
+                        jctghc:1156,
+                        wgzhc:150,
+                        ygzwwjhc:20,
+                        ygzwjjhc:10,
+                        bzskje:-100,
+                    },
+                    {
+                        id:'2', 
+                        zgswjg: "国家税务总局宜春市袁州区税政股",
+                        sbzjhc:1000,
+                        welch:0,
+                        jctghc:1156,
+                        wgzhc:150,
+                        ygzwwjhc:20,
+                        ygzwjjhc:10,
+                        bzskje:-100,
+                    },
+                    {
+                        id:'3', 
+                        zgswjg: "国家税务总局宜春市第一分局",
+                        sbzjhc:1000,
+                        welch:0,
+                        jctghc:1156,
+                        wgzhc:150,
+                        ygzwwjhc:20,
+                        ygzwjjhc:10,
+                        bzskje:-100,
+                    },
+                ],
+                
+            }
+        ]
+      }
+    },
+    methods: {
+      toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+      },
+      handleClick(row){
+        this.$router.push({path:`/declare/statistics`, name:'statistics', menu:true, meta:{title:'按户次查询明细'}})
+      }
+    },
+    computed: {
+        tableHeight() {
+            // return this.isExpanded ? 'window.innerHeight - 350': 'window.innerHeight - 200'
+            return this.isExpanded ? window.innerHeight - 450   : window.innerHeight - 350  
+        }
+    }
+  }
+</script>
+<style lang="css" scoped>
+</style>
\ No newline at end of file