diff --git a/package.json b/package.json
index b4c7e4ab..4e0fd01a 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vite build ",
     "preview": "vite preview"
   },
   "dependencies": {
diff --git a/src/api/event-boot/report.ts b/src/api/event-boot/report.ts
index 0c4cd946..445ac903 100644
--- a/src/api/event-boot/report.ts
+++ b/src/api/event-boot/report.ts
@@ -11,32 +11,46 @@ export function getEventReport(data) {
 // 生成报告
 export function getAreaReport(data) {
     return createAxios({
-        url: "/event-boot/report/getAreaReport",
-        method: "post",
+        url: '/event-boot/report/getAreaReport',
+        method: 'post',
         data,
-        responseType: "blob",
-    });
+        responseType: 'blob'
+    })
 }
 //查询所有模板
 export function getList(data) {
     return createAxios({
-        url: "/system-boot/EventTemplate/getList",
-        method: "post",
-        data,
-    });
+        url: '/system-boot/EventTemplate/getList',
+        method: 'post',
+        data
+    })
 }
 export function selectReleation(data) {
     return createAxios({
-        url: "/system-boot/EventTemplate/selectReleation",
-        method: "post",
-        params:data
-    });
+        url: '/system-boot/EventTemplate/selectReleation',
+        method: 'post',
+        params: data
+    })
 }
 export function getLineExport(data) {
     return createAxios({
-        url: "/event-boot/report/getLineExport",
-        method: "post",
+        url: '/event-boot/report/getLineExport',
+        method: 'post',
         data: data,
-        responseType: 'blob',
-    });
-}
\ No newline at end of file
+        responseType: 'blob'
+    })
+}
+export function getVoltage(data:any) {
+    return createAxios({
+        url: '/event-boot/report/getVoltage',
+        method: 'post',
+        data
+    })
+}
+export function getGeneralSituation(data:any) {
+    return createAxios({
+        url: '/event-boot/report/getGeneralSituation',
+        method: 'post',
+        data
+    })
+}
diff --git a/src/components/table/index.vue b/src/components/table/index.vue
index 03617faa..2e4bc8d9 100644
--- a/src/components/table/index.vue
+++ b/src/components/table/index.vue
@@ -98,6 +98,7 @@ import FieldRender from '@/components/table/fieldRender/index.vue'
 import Column from '@/components/table/column/index.vue'
 import { useConfig } from '@/stores/config'
 import type TableStoreClass from '@/utils/tableStore'
+
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 
 const config = useConfig()
@@ -114,7 +115,7 @@ const props = withDefaults(defineProps<Props>(), {
 onMounted(() => {
     tableStore.table.ref = tableRef.value as VxeTableInstance
 })
-console.log(props)
+// console.log(props)
 const onTableSizeChange = (val: number) => {
     tableStore.onTableAction('page-size-change', { size: val })
 }
diff --git a/src/views/pqs/voltageSags/operationsManagement/TerminalOperation/index.vue b/src/views/pqs/voltageSags/operationsManagement/TerminalOperation/index.vue
index 3912530d..cecb1b8c 100644
--- a/src/views/pqs/voltageSags/operationsManagement/TerminalOperation/index.vue
+++ b/src/views/pqs/voltageSags/operationsManagement/TerminalOperation/index.vue
@@ -66,7 +66,7 @@ const manufacturer = dictData.getBasicData('Dev_Manufacturers')
 const manufacturerForm = ref<string[]>([])
 const tableStore = new TableStore({
     isWebPaging: true,
-    url: '/device-boot/runManage/getRuntimeData',
+    url: 'Operationmanagement/terminalmanagement',
     method: 'POST',
     column: [
         {
diff --git a/src/views/pqs/voltageSags/operationsManagement/point/index.vue b/src/views/pqs/voltageSags/operationsManagement/point/index.vue
index 3261866a..7b721ea6 100644
--- a/src/views/pqs/voltageSags/operationsManagement/point/index.vue
+++ b/src/views/pqs/voltageSags/operationsManagement/point/index.vue
@@ -63,7 +63,7 @@ import { useDictData } from '@/stores/dictData'
 import Area from '@/components/form/area/index.vue'
 
 defineOptions({
-    name: 'voltage/sags/operationsManagement/point'
+    name: 'Operationmanagement/accountinformation'
 })
 const dictData = useDictData()
 const interferenceSource = dictData.getBasicData('Interference_Source')
diff --git a/src/views/pqs/voltageSags/operationsManagement/statistics/index.vue b/src/views/pqs/voltageSags/operationsManagement/statistics/index.vue
index f4292f04..76f7ee60 100644
--- a/src/views/pqs/voltageSags/operationsManagement/statistics/index.vue
+++ b/src/views/pqs/voltageSags/operationsManagement/statistics/index.vue
@@ -102,7 +102,7 @@ import * as echarts from 'echarts/core'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 
 defineOptions({
-    name: 'voltage/sags/operationsManagement/statistics'
+    name: 'Operationmanagement/terminalstatistics'
 })
 const dictData = useDictData()
 const areaStatistics = ref()
diff --git a/src/views/pqs/voltageSags/report/monitoringPointReport/index.vue b/src/views/pqs/voltageSags/report/monitoringPointReport/index.vue
index 4e1e782f..cd42de2a 100644
--- a/src/views/pqs/voltageSags/report/monitoringPointReport/index.vue
+++ b/src/views/pqs/voltageSags/report/monitoringPointReport/index.vue
@@ -137,7 +137,7 @@ import TableStore from '@/utils/tableStore'
 import PointTree from '@/components/tree/pms/pointTree.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import { mainHeight } from '@/utils/layout'
-import { getLineExport, getList, selectReleation } from '@/api/event-boot/report.ts'
+import { getLineExport, getList, selectReleation } from '@/api/event-boot/report'
 import { useMonitoringPoint } from '@/stores/monitoringPoint'
 import { ElMessage } from 'element-plus'
 const monitoringPoint = useMonitoringPoint()
@@ -174,7 +174,7 @@ const formd: any = ref({
 const templatePolicy: any = ref([])
 const tableStore = new TableStore({
     url: '',
-    method: '',
+    method: 'post',
     column: []
 })
 provide('tableStore', tableStore)
@@ -194,7 +194,7 @@ getList({
 const handleNodeClick = (data: any, node: any) => {  
     dotList.value = data
 }
-const changeFn = val => {
+const changeFn = (val:any) => {
     formd.value = {
         xq: false,
         lb: false,
@@ -217,7 +217,7 @@ const changeFn = val => {
     }
 
     selectReleation(data).then(res => {
-        res.data.forEach(item => {
+        res.data.forEach((item:any) => {
             for (let k in formd.value) {
                 if (item.name == k) {
                     formd.value[k] = true
@@ -242,7 +242,7 @@ const exportEvent = () => {
     formd.value.searchEndTime = tableStore.table.params.searchEndTime
     formd.value.flag = TableHeaderRef.value.datePickerRef.interval
     ElMessage('生成报告中,请稍等!')
-    getLineExport(formd.value).then(res => {
+    getLineExport(formd.value).then((res:any) => {
         let blob = new Blob([res], {
             type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8'
         })
diff --git a/src/views/pqs/voltageSags/report/regionalReports/index.vue b/src/views/pqs/voltageSags/report/regionalReports/index.vue
index e43f31af..fabd4e24 100644
--- a/src/views/pqs/voltageSags/report/regionalReports/index.vue
+++ b/src/views/pqs/voltageSags/report/regionalReports/index.vue
@@ -141,7 +141,7 @@ import { ref, onMounted, provide, reactive } from 'vue'
 import TableStore from '@/utils/tableStore'
 import TableHeader from '@/components/table/header/index.vue'
 import { useDictData } from '@/stores/dictData'
-import { getAreaReport, getList, selectReleation } from '@/api/event-boot/report.ts'
+import { getAreaReport, getList, selectReleation } from '@/api/event-boot/report'
 import { ElMessage } from 'element-plus'
 defineOptions({
     name: 'TransientReport/regionalreports'
@@ -161,7 +161,7 @@ const templatePolicy: any = ref([])
 const value = ref<string>('')
 const tableStore = new TableStore({
     url: '',
-    method: '',
+    method: 'post',
     column: []
 })
 const formInline: any = ref({
@@ -195,7 +195,7 @@ getList({
     templatePolicy.value = res.data.records
 })
 // 模板策略变化
-const changeFn = val => {
+const changeFn = (val:any) => {
     formInline.value = {
         monitorDistributeChart: false,
         eventCountTable: false,
@@ -218,7 +218,7 @@ const changeFn = val => {
     }
 
     selectReleation(data).then(res => {
-        res.data.forEach(item => {
+        res.data.forEach((item:any) => {
             for (let k in formInline.value) {
                 if (item.name == k) {
                     formInline.value[k] = true
@@ -245,7 +245,7 @@ const exportEvent = () => {
     formInline.value.waveType = tableStore.table.params.waveType
     formInline.value.interval = tableStore.table.params.timeFlag
     ElMessage('生成报告中,请稍等!')
-    getAreaReport(formInline.value).then(res => {
+    getAreaReport(formInline.value).then((res:any) => {
         let blob = new Blob([res], {
             type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8'
         })
diff --git a/src/views/pqs/voltageSags/report/weekly/components/causeStatistics.vue b/src/views/pqs/voltageSags/report/weekly/components/causeStatistics.vue
new file mode 100644
index 00000000..10b011f5
--- /dev/null
+++ b/src/views/pqs/voltageSags/report/weekly/components/causeStatistics.vue
@@ -0,0 +1,162 @@
+<template>
+    <div>
+        <TableHeader date-picker>
+            <template #operation>
+                <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
+            </template>
+        </TableHeader>
+        <!-- <Table isGroup ref="tableRef" /> -->
+        <vxe-table height="200" ref="tableRef" auto-resize :data="tableStore.table.data" v-bind="defaultAttribute">
+            <vxe-table-colgroup title="暂态原因统计表">
+                <vxe-table-column field="transientCause" title="暂态原因"></vxe-table-column>
+                <vxe-table-column field="fault" title="短路故障"></vxe-table-column>
+                <vxe-table-column field="excitation" title="变压器激磁"></vxe-table-column>
+                <vxe-table-column field="disturbance" title="电压扰动"></vxe-table-column>
+                <vxe-table-column field="largeInduction" title="大型感应电动机启动"></vxe-table-column>
+                <vxe-table-column field="other" title="其他"></vxe-table-column>
+            </vxe-table-colgroup>
+        </vxe-table>
+        <div :style="{ height: height }">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { ref, onMounted, provide, nextTick } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import { useDictData } from '@/stores/dictData'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+const dictData = useDictData()
+const tableRef = ref()
+const options = ref({})
+const height = mainHeight(340).height
+const tableStore = new TableStore({
+    url: '/event-boot/report/getReason',
+    publicHeight: 300,
+    showPage: false,
+    method: 'POST',
+    column: [],
+    loadCallback: () => {
+        let arr = [
+            {
+                transientCause: '次数',
+                fault: '',
+                excitation: '',
+                disturbance: '',
+                largeInduction: '',
+                other: ''
+            },
+            {
+                transientCause: '占比(%)',
+                fault: '',
+                excitation: '',
+                disturbance: '',
+                largeInduction: '',
+                other: ''
+            }
+        ]
+        let pie: any = []
+        tableStore.table.data.forEach((item: any) => {
+            let obj = { value: item.times, name: item.reason, zb: item.rate - 0 }
+            pie.push(obj)
+        })
+        tableStore.table.data.forEach(item => {
+            if (item.reason == '电压扰动') {
+                arr[0].disturbance = item.times
+                arr[1].disturbance = item.rate
+            } else if (item.reason == '短路故障') {
+                arr[0].fault = item.times
+                arr[1].fault = item.rate
+            } else if (item.reason == '变压器激磁') {
+                arr[0].excitation = item.times
+                arr[1].excitation = item.rate
+            } else if (item.reason == '大型感应电动机启动') {
+                arr[0].largeInduction = item.times
+                arr[1].largeInduction = item.rate
+            } else if (item.reason == '其他') {
+                arr[0].other = item.times
+                arr[1].other = item.rate
+            }
+        })
+        tableStore.table.data = arr
+        options.value = {
+            title: {
+                text: '暂态原因统计',
+                top: '20'
+            },
+            legend: {
+                type: 'scroll',
+                orient: 'vertical',
+                left: 10,
+                top: '5%',
+                tooltip: {
+                    show: true
+                }
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            },
+            dataZoom: { show: false },
+            tooltip: {
+                formatter: function (params) {
+                    return `暂态原因统计:  <br/>${params.data.name}:${params.data.value}次  <br/>占比:${params.data.zb}%`
+                }
+            },
+            options: {
+                series: [
+                    {
+                        name: '暂态原因统计',
+                        type: 'pie',
+                        radius: '60%',
+                        label: {
+                            normal: {
+                                show: false
+                            }
+                        },
+                        emphasis: {
+                            label: {
+                                show: true,
+                                fontSize: '12',
+                                formatter: '{b}: {c} (次) 占比:{d}%'
+                            }
+                        },
+                        data: pie
+                    }
+                ]
+            }
+        }
+    }
+})
+tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', [
+    'Report_Type',
+    'Manufacturer',
+    'Voltage_Level',
+    'Load_Type'
+])[0]
+tableStore.table.params.deptIndex = dictData.state.area[0].id
+tableStore.table.params.monitorFlag = 2
+tableStore.table.params.powerFlag = 2
+tableStore.table.params.serverName = 'event-boot'
+tableStore.table.params.type = 0
+provide('tableStore', tableStore)
+nextTick(() => {
+    tableStore.index()
+})
+// 导出
+const exportEvent = () => {
+    tableRef.value.exportData({
+        filename: '暂态原因统计', // 文件名字
+        sheetName: 'Sheet1',
+        type: 'xlsx', //导出文件类型 xlsx 和 csv
+        useStyle: true,
+        data: tableStore.table.data // 数据源 // 过滤那个字段导出
+    })
+}
+</script>
diff --git a/src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue b/src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue
new file mode 100644
index 00000000..d4b5df17
--- /dev/null
+++ b/src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue
@@ -0,0 +1,95 @@
+<template>
+    <div>
+        <el-form :inline="true">
+            <el-form-item label="日期">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init">查询</el-button>
+            </el-form-item>
+        </el-form>
+
+        <div v-loading="loading" style="display: flex; overflow: hidden" :style="{ height: height }">
+            <vxe-table style="flex: 1" v-bind="defaultAttribute" height="100%" :data="region">
+                <vxe-table-colgroup title="暂态统计(按区域统计)">
+                    <vxe-table-column field="name" title="区域"></vxe-table-column>
+                    <vxe-table-colgroup title="监测点数量">
+                        <vxe-table-column field="onLine" title="在线"></vxe-table-column>
+                        <vxe-table-column field="offLine" title="离线"></vxe-table-column>
+                    </vxe-table-colgroup>
+                    <vxe-table-column field="sagsCount" title="暂降次数"></vxe-table-column>
+                    <vxe-table-column field="breakCount" title="中断次数"></vxe-table-column>
+                    <vxe-table-column field="upCount" title="暂升次数"></vxe-table-column>
+                </vxe-table-colgroup>
+            </vxe-table>
+            <vxe-table style="flex: 1" class="ml10" v-bind="defaultAttribute" height="100%" :data="voltage">
+                <vxe-table-colgroup title="暂态统计(按电压等级统计)">
+                    <vxe-table-column field="name" title="电压等级"></vxe-table-column>
+                    <vxe-table-colgroup title="监测点数量">
+                        <vxe-table-column field="onLine" title="在线"></vxe-table-column>
+                        <vxe-table-column field="offLine" title="离线"></vxe-table-column>
+                    </vxe-table-colgroup>
+                    <vxe-table-column field="sagsCount" title="暂降次数"></vxe-table-column>
+                    <vxe-table-column field="breakCount" title="中断次数"></vxe-table-column>
+                    <vxe-table-column field="upCount" title="暂升次数"></vxe-table-column>
+                </vxe-table-colgroup>
+            </vxe-table>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { useDictData } from '@/stores/dictData'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import { ref, reactive, onMounted, } from 'vue'
+import { getVoltage, getGeneralSituation } from '@/api/event-boot/report'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { mainHeight } from '@/utils/layout'
+const dictData = useDictData()
+const datePickerRef = ref()
+const loading = ref(true)
+const formData = reactive({
+    deptIndex: dictData.state.area[0].id,
+    monitorFlag: 2,
+    powerFlag: 2,
+    searchBeginTime: '',
+    searchEndTime: '',
+    serverName: 'event-boot'
+})
+const height = mainHeight(145).height
+const region = ref([])
+const voltage = ref([])
+const init = () => {
+    loading.value = true
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+
+    Promise.all([
+        getGeneralSituation({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Manufacturer',
+
+                'Voltage_Level',
+                'Load_Type'
+            ])[0]
+        }),
+        getVoltage({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Power_Network',
+                'Manufacturer',
+                'Load_Type'
+            ])[0]
+        })
+    ]).then(res => {
+        loading.value = false
+        region.value = res[0].data
+        voltage.value = res[1].data
+    })
+}
+onMounted(() => {
+    init()
+})
+</script>
diff --git a/src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue b/src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue
new file mode 100644
index 00000000..4bf0c2b7
--- /dev/null
+++ b/src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue
@@ -0,0 +1,269 @@
+<template>
+    <div>
+        <el-form :inline="true">
+            <el-form-item label="日期">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init">查询</el-button>
+            </el-form-item>
+        </el-form>
+
+        <div v-loading="loading" :style="{ height: height }">
+            <div style="display: flex">
+                <my-echart class="bars_w" :options="options1" />
+                <my-echart class="bars_w" :options="options2" />
+            </div>
+            <div style="display: flex">
+                <my-echart class="bars_w" :options="options3" />
+                <my-echart class="bars_w" :options="options4" />
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { useDictData } from '@/stores/dictData'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import { ref, reactive, onMounted } from 'vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { getVoltage, getGeneralSituation } from '@/api/event-boot/report'
+import { mainHeight } from '@/utils/layout'
+const dictData = useDictData()
+const datePickerRef = ref()
+const loading = ref(true)
+const formData = reactive({
+    deptIndex: dictData.state.area[0].id,
+    monitorFlag: 2,
+    powerFlag: 2,
+    searchBeginTime: '',
+    searchEndTime: '',
+    serverName: 'event-boot'
+})
+const height = mainHeight(145).height
+const options1 = ref({})
+const options2 = ref({})
+const options3 = ref({})
+const options4 = ref({})
+
+const init = () => {
+    loading.value = true
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+
+    Promise.all([
+        getGeneralSituation({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Manufacturer',
+
+                'Voltage_Level',
+                'Load_Type'
+            ])[0]
+        }),
+        getVoltage({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Power_Network',
+                'Manufacturer',
+                'Load_Type'
+            ])[0]
+        })
+    ]).then(res => {
+        // region.value = res[0].data
+        // voltage.value = res[1].data
+
+        let area = []
+        let onlineData = []
+        let offlineData = []
+        res[0].data.forEach(item => {
+            area.push(item.name)
+            onlineData.push(item.onLine)
+            offlineData.push(item.offLine)
+        })
+        options1.value = {
+            title: {
+                text: '设备运行情况',
+                subtext: '区域统计'
+            },
+
+            legend: {
+                data: ['在线', '离线']
+            },
+
+            xAxis: {
+                name: '(区域)',
+                data: res[0].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '次数' // 给X轴加单位
+            },
+            color: ['#07CCCA', '#FFBF00'],
+            options: {
+                series: [
+                    {
+                        name: '在线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+                        // color: 'green',
+                        data: res[0].data.map(item => item.onLine)
+                    },
+                    {
+                        name: '离线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+                        // color: 'orange',
+                        data: res[0].data.map(item => item.offLine)
+                    }
+                ]
+            }
+        }
+        options2.value = {
+            title: {
+                text: '设备运行情况',
+                subtext: '电压等级统计'
+            },
+
+            legend: {
+                data: ['在线', '离线']
+            },
+
+            xAxis: {
+                name: '电压\n等级',
+                data: res[1].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '次数' // 给X轴加单位
+            },
+            color: ['#07CCCA', '#FFBF00'],
+            options: {
+                series: [
+                    {
+                        name: '在线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+                        // color: 'green',
+                        data: res[1].data.map(item => item.onLine)
+                    },
+                    {
+                        name: '离线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+                        // color: 'orange',
+                        data: res[1].data.map(item => item.offLine)
+                    }
+                ]
+            }
+        }
+        options3.value = {
+            title: {
+                text: '暂态事件次数',
+                subtext: '区域统计'
+            },
+
+            legend: {
+                data: ['暂降次数', '中断次数', '暂升次数']
+            },
+
+            xAxis: {
+                name: '(区域)',
+                data: res[0].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '次数' // 给X轴加单位
+            },
+            color: ['#07CCCA', '#FFBF00', '#77DA63'],
+            options: {
+                series: [
+                    {
+                        name: '暂降次数',
+                        type: 'bar',
+                        stack: 'account',
+                        barWidth: 20,
+
+                        data: res[0].data.map(item => item.sagsCount)
+                    },
+                    {
+                        name: '中断次数',
+                        type: 'bar',
+                        stack: 'account',
+                        barWidth: 20,
+
+                        data: res[0].data.map(item => item.breakCount)
+                    },
+                    {
+                        name: '暂升次数',
+                        type: 'bar',
+                        stack: 'account',
+                        barWidth: 20,
+
+                        data: res[0].data.map(item => item.upCount)
+                    }
+                ]
+            }
+        }
+        options4.value = {
+            title: {
+                text: '暂态事件次数',
+                subtext: '电压等级统计'
+            },
+
+            legend: {
+                data: ['暂降次数', '中断次数', '暂升次数']
+            },
+            color: ['#07CCCA', '#FFBF00', '#77DA63'],
+            xAxis: {
+                name: '电压\n等级',
+                data: res[1].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '次数'
+            },
+            options: {
+                series: [
+                    {
+                        name: '暂降次数',
+                        type: 'bar',
+                        stack: 'account',
+                        barWidth: 20,
+
+                        data: res[1].data.map(item => item.sagsCount)
+                    },
+                    {
+                        name: '中断次数',
+                        type: 'bar',
+                        stack: 'account',
+                        barWidth: 20,
+
+                        data: res[1].data.map(item => item.breakCount)
+                    },
+                    {
+                        name: '暂升次数',
+                        type: 'bar',
+                        stack: 'account',
+                        barWidth: 20,
+
+                        data: res[1].data.map(item => item.upCount)
+                    }
+                ]
+            }
+        }
+        loading.value = false
+    })
+}
+onMounted(() => {
+    init()
+})
+const layout = mainHeight(150) as any
+</script>
+<style lang="scss" scoped>
+.bars_w {
+    width: 100%;
+    height: calc(v-bind('layout.height') / 2);
+}
+</style>
diff --git a/src/views/pqs/voltageSags/report/weekly/components/table.vue b/src/views/pqs/voltageSags/report/weekly/components/table.vue
new file mode 100644
index 00000000..5c384f61
--- /dev/null
+++ b/src/views/pqs/voltageSags/report/weekly/components/table.vue
@@ -0,0 +1,75 @@
+<template>
+    <div>
+        <TableHeader date-picker>
+            <template #operation>
+                <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
+            </template>
+        </TableHeader>
+        <Table :isGroup="props.info.isGroup" ref="tableRef" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import { ref, onMounted, provide, nextTick } from 'vue'
+import { useDictData } from '@/stores/dictData'
+import createAxios from '@/utils/request'
+import { requestPayload } from '@/utils/request'
+interface Props {
+    info: any
+}
+const props = withDefaults(defineProps<Props>(), {})
+const dictData = useDictData()
+const tableRef = ref()
+const tableStore = new TableStore({
+    url: props.info.url,
+    publicHeight: 62,
+    method: 'POST',
+    column: props.info.column,
+
+    loadCallback: () => {}
+})
+tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', [
+    'Report_Type',
+    'Manufacturer',
+    'Voltage_Level',
+    'Load_Type'
+])[0]
+tableStore.table.params.deptIndex = dictData.state.area[0].id
+tableStore.table.params.monitorFlag = 2
+tableStore.table.params.powerFlag = 2
+tableStore.table.params.serverName = 'event-boot'
+tableStore.table.params.type = 0
+provide('tableStore', tableStore)
+nextTick(() => {
+    tableStore.index()
+})
+// 导出
+const exportEvent = () => {
+    let form = JSON.parse(JSON.stringify(tableStore.table.params))
+    form.pageNum = 1
+    form.pageSize = tableStore.table.total
+    createAxios(
+        Object.assign(
+            {
+                url: props.info.url,
+                method: 'post'
+            },
+            requestPayload('POST', form)
+        )
+    ).then(res => {
+        tableRef.value.getRef().exportData({
+            filename: props.info.name, // 文件名字
+            sheetName: 'Sheet1',
+            type: 'xlsx', //导出文件类型 xlsx 和 csv
+            useStyle: true,
+            data: res.data.records, // 数据源 // 过滤那个字段导出
+            columnFilterMethod: function (column: any) {
+                return !(column.$columnIndex === 0)
+            }
+        })
+    })
+}
+</script>
diff --git a/src/views/pqs/voltageSags/report/weekly/index.vue b/src/views/pqs/voltageSags/report/weekly/index.vue
index b0d1d0b0..9b488864 100644
--- a/src/views/pqs/voltageSags/report/weekly/index.vue
+++ b/src/views/pqs/voltageSags/report/weekly/index.vue
@@ -1,11 +1,215 @@
 <template>
-
-    <div>周报 </div>
-
+    <div class="default-main">
+        <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
+            <el-tab-pane label="暂态总体概况" name="1">
+                <el-tabs v-model="activeName1" tab-position="left" :style="{ height: height }" type="border-card">
+                    <el-tab-pane label="表格" name="1">
+                        <OverviewTab v-if="activeName1 == '1'" />
+                    </el-tab-pane>
+                    <el-tab-pane label="图形" name="2">
+                        <OverviewTabEch v-if="activeName1 == '2'" />
+                    </el-tab-pane>
+                </el-tabs>
+            </el-tab-pane>
+            <el-tab-pane label="暂态原因统计" name="2"><CauseStatistics /></el-tab-pane>
+            <el-tab-pane v-for="item in list" :label="item.name" :name="item.id" :key="item.id">
+                <Table :info="item"></Table>
+            </el-tab-pane>
+        </el-tabs>
+    </div>
 </template>
-<script setup lang='ts'>
-import { ref, reactive } from 'vue'
-</script>
-<style lang="scss" scoped>
+<script setup lang="tsx">
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from './components/table.vue'
+import OverviewTab from './components/overviewTab.vue'
+import OverviewTabEch from './components/overviewTabEch.vue'
+import CauseStatistics from './components/causeStatistics.vue'
+import { useDictData } from '@/stores/dictData'
+import { mainHeight } from '@/utils/layout'
+defineOptions({
+    name: 'TransientReport/weekly'
+})
+const dictData = useDictData()
+const height = mainHeight(80).height
+const activeName = ref('1')
+const activeName1 = ref('1')
+const list = ref([
+    {
+        name: '暂态严重度统计',
+        id: '3',
+        isGroup: true,
+        url: '/event-boot/report/getSeverity',
+        column: [
+            {
+                title: '暂态事件严重度(前二十)',
+                children: [
+                    {
+                        field: 'index',
+                        title: '序号',
+                        width: '60',
+                        formatter: (row: any) => {
+                            return (
+                                (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize +
+                                row.rowIndex +
+                                1
+                            )
+                        }
+                    },
+                    { field: 'startTime', title: '暂态事件发生时刻', width: '200' },
+                    { field: 'gdName', title: '供电公司' },
+                    { field: 'subName', title: '变电站' },
+                    { field: 'lineName', title: '监测点' },
+                    { field: 'voltageScale', title: '监测点电压等级' },
+                    { field: 'loadType', title: '干扰源类型' },
+                    {
+                        field: 'featureAmplitude',
+                        title: '暂降(骤升)幅值(%)',
+                        formatter: ({ row }: any) => (row.featureAmplitude * 100).toFixed(2)
+                    },
+                    { field: 'duration', title: '持续时间(s)' },
+                    { field: 'severity', title: '暂态事件严重度' }
+                ]
+            }
+        ]
+    },
+    {
+        name: '详细事件列表',
+        id: '4',
 
+        url: '/event-boot/report/getContinueTime',
+        column: [
+            {
+                field: 'index',
+                title: '序号',
+                width: '60',
+                formatter: (row: any) => {
+                    return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+                }
+            },
+            { field: 'startTime', title: '暂态事件发生时刻', width: '200' },
+            { field: 'gdName', title: '供电公司', width: '150' },
+            { field: 'subName', title: '变电站' },
+            { field: 'lineName', title: '监测点' },
+            {
+                field: 'objName',
+                title: '监测点对象名称',
+                formatter: ({ row }: any) => (row.objName ? row.objName : '/')
+            },
+            { field: 'voltageScale', title: '电压等级', width: '150' },
+            { field: 'loadType', title: '干扰源类型', width: '150' },
+
+            {
+                field: 'featureAmplitude',
+                title: '暂降(骤升)幅值(%)',
+                width: '150',
+                formatter: ({ row }: any) => (row.featureAmplitude * 100).toFixed(2)
+            },
+            { field: 'duration', title: '持续时间(s)', width: '120' },
+            { field: 'advanceType', title: '暂态类型(机器判断)', width: '150' }
+        ]
+    },
+    {
+        name: '暂降次数统计',
+        id: '5',
+        url: '/event-boot/report/getSagTimes',
+        column: [
+            {
+                field: 'index',
+                title: '序号',
+                width: '60',
+                formatter: (row: any) => {
+                    return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+                }
+            },
+            { field: 'lineName', title: '监测点' },
+            { field: 'loadType', title: '干扰源类型' },
+            {
+                field: 'objName',
+                title: '监测点对象名称',
+                formatter: ({ row }: any) => (row.objName ? row.objName : '/')
+            },
+            { field: 'subName', title: '变电站' },
+            { field: 'gdName', title: '供电公司', width: '150' },
+            { field: 'times', title: '暂降次数', width: '150' }
+        ]
+    },
+    {
+        name: '暂升次数统计',
+        id: '6',
+        url: '/event-boot/report/getUpTimes',
+        column: [
+            {
+                field: 'index',
+                title: '序号',
+                width: '60',
+                formatter: (row: any) => {
+                    return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+                }
+            },
+            { field: 'lineName', title: '监测点' },
+            { field: 'loadType', title: '干扰源类型' },
+            {
+                field: 'objName',
+                title: '监测点对象名称',
+                formatter: ({ row }: any) => (row.objName ? row.objName : '/')
+            },
+            { field: 'voltageScale', title: '监测点电压等级' },
+            { field: 'subName', title: '变电站' },
+            { field: 'subScale', title: '变电站电压等级' },
+            { field: 'gdName', title: '供电公司', width: '150' },
+            { field: 'times', title: '暂升次数', width: '150' }
+        ]
+    },
+    {
+        name: '短时中断次数统计',
+        id: '7',
+        url: '/event-boot/report/getBreakTimes',
+        column: [
+            {
+                field: 'index',
+                title: '序号',
+                width: '60',
+                formatter: (row: any) => {
+                    return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+                }
+            },
+            { field: 'lineName', title: '监测点' },
+            { field: 'loadType', title: '干扰源类型' },
+            {
+                field: 'objName',
+                title: '监测点对象名称',
+                formatter: ({ row }: any) => (row.objName ? row.objName : '/')
+            },
+            { field: 'voltageScale', title: '监测点电压等级' },
+            { field: 'subName', title: '变电站' },
+            { field: 'subScale', title: '变电站电压等级' },
+            { field: 'gdName', title: '供电公司' },
+            { field: 'times', title: '短时中断次数' }
+        ]
+    }
+])
+const tableStore = new TableStore({
+    url: '',
+    method: 'post',
+    column: []
+})
+
+tableStore.table.params.waveType = 0
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    // tableStore.index()
+})
+
+const handleClick = () => {}
+</script>
+
+<style lang="scss">
+.el-tabs__content {
+    height: 100%;
+    .el-tab-pane {
+        height: 100%;
+    }
+}
 </style>