diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>
diff --git a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
index f723273..29057f2 100644
--- a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenAllAlarmStatus">
 import layout from './layout.vue'
+import { alarmStatistics } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -61,10 +68,32 @@
   })
 })
 console.log(pre.value, next.value)
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  alarmStatistics({ type: $props.type }).then((res) => {
+    dataList.value = res.data.map((item: any, index: number) => ({ ...item, id: index + 1 }))
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
     <template #content>
       <div class="container">
         <div class="left">

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>
diff --git a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
index f723273..29057f2 100644
--- a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenAllAlarmStatus">
 import layout from './layout.vue'
+import { alarmStatistics } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -61,10 +68,32 @@
   })
 })
 console.log(pre.value, next.value)
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  alarmStatistics({ type: $props.type }).then((res) => {
+    dataList.value = res.data.map((item: any, index: number) => ({ ...item, id: index + 1 }))
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
     <template #content>
       <div class="container">
         <div class="left">
diff --git a/src/views/home/dashboard/fullScreen-components/baseOver.vue b/src/views/home/dashboard/fullScreen-components/baseOver.vue
index 38c92cf..18ebbce 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOver.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOver.vue
@@ -4,28 +4,53 @@
   Date: 2024-09-18
  -->
 <script lang="ts" setup name="FullScreenBaseOver">
+import { overall } from '@/api/home/dashboard/fullScreen'
 const baseInfo = ref([
   {
     name: '管线',
-    value: '4523',
+    value: '0',
     unit: '公里',
   },
   {
     name: '闸井',
-    value: '23',
+    value: '0',
     unit: '座',
   },
   {
     name: '调压站',
-    value: '42',
+    value: '0',
     unit: '个',
   },
   {
     name: '调压箱',
-    value: '102',
+    value: '0',
     unit: '座',
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: '1' }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    baseInfo.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+fetchData()
 </script>
 
 <template>

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>
diff --git a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
index f723273..29057f2 100644
--- a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenAllAlarmStatus">
 import layout from './layout.vue'
+import { alarmStatistics } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -61,10 +68,32 @@
   })
 })
 console.log(pre.value, next.value)
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  alarmStatistics({ type: $props.type }).then((res) => {
+    dataList.value = res.data.map((item: any, index: number) => ({ ...item, id: index + 1 }))
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
     <template #content>
       <div class="container">
         <div class="left">
diff --git a/src/views/home/dashboard/fullScreen-components/baseOver.vue b/src/views/home/dashboard/fullScreen-components/baseOver.vue
index 38c92cf..18ebbce 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOver.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOver.vue
@@ -4,28 +4,53 @@
   Date: 2024-09-18
  -->
 <script lang="ts" setup name="FullScreenBaseOver">
+import { overall } from '@/api/home/dashboard/fullScreen'
 const baseInfo = ref([
   {
     name: '管线',
-    value: '4523',
+    value: '0',
     unit: '公里',
   },
   {
     name: '闸井',
-    value: '23',
+    value: '0',
     unit: '座',
   },
   {
     name: '调压站',
-    value: '42',
+    value: '0',
     unit: '个',
   },
   {
     name: '调压箱',
-    value: '102',
+    value: '0',
     unit: '座',
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: '1' }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    baseInfo.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+fetchData()
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/baseOverView.vue b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
index bd3a653..69fba17 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOverView.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenBasicOverView">
 import layout from './layout.vue'
+import { overall } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -23,31 +30,65 @@
     name: '管线',
     id: '1',
     unit: 'KM',
-    value: '57.9',
+    value: '0',
     img: img.gx,
   },
   {
     name: '调压站',
     id: '2',
     unit: '个',
-    value: '9',
+    value: '0',
     img: img.tyz,
   },
   {
     name: '闸井',
     id: '3',
     unit: '个',
-    value: '47',
+    value: '0',
     img: img.zj,
   },
   {
     name: '调压箱',
     id: '4',
     unit: '个',
-    value: '39',
+    value: '0',
     img: img.tyx,
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: $props.type }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    dataList.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>
diff --git a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
index f723273..29057f2 100644
--- a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenAllAlarmStatus">
 import layout from './layout.vue'
+import { alarmStatistics } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -61,10 +68,32 @@
   })
 })
 console.log(pre.value, next.value)
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  alarmStatistics({ type: $props.type }).then((res) => {
+    dataList.value = res.data.map((item: any, index: number) => ({ ...item, id: index + 1 }))
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
     <template #content>
       <div class="container">
         <div class="left">
diff --git a/src/views/home/dashboard/fullScreen-components/baseOver.vue b/src/views/home/dashboard/fullScreen-components/baseOver.vue
index 38c92cf..18ebbce 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOver.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOver.vue
@@ -4,28 +4,53 @@
   Date: 2024-09-18
  -->
 <script lang="ts" setup name="FullScreenBaseOver">
+import { overall } from '@/api/home/dashboard/fullScreen'
 const baseInfo = ref([
   {
     name: '管线',
-    value: '4523',
+    value: '0',
     unit: '公里',
   },
   {
     name: '闸井',
-    value: '23',
+    value: '0',
     unit: '座',
   },
   {
     name: '调压站',
-    value: '42',
+    value: '0',
     unit: '个',
   },
   {
     name: '调压箱',
-    value: '102',
+    value: '0',
     unit: '座',
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: '1' }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    baseInfo.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+fetchData()
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/baseOverView.vue b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
index bd3a653..69fba17 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOverView.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenBasicOverView">
 import layout from './layout.vue'
+import { overall } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -23,31 +30,65 @@
     name: '管线',
     id: '1',
     unit: 'KM',
-    value: '57.9',
+    value: '0',
     img: img.gx,
   },
   {
     name: '调压站',
     id: '2',
     unit: '个',
-    value: '9',
+    value: '0',
     img: img.tyz,
   },
   {
     name: '闸井',
     id: '3',
     unit: '个',
-    value: '47',
+    value: '0',
     img: img.zj,
   },
   {
     name: '调压箱',
     id: '4',
     unit: '个',
-    value: '39',
+    value: '0',
     img: img.tyx,
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: $props.type }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    dataList.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
index eb2c2fd..a5db67a 100644
--- a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
+++ b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenDeptAlarmCount">
 import layout from './layout.vue'
+import { deptAlarmStatistics } from '@/api/home/dashboard/fullScreen'
 import BarChartHorizontal from '@/components/Echart/BarChartHorizontal.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -18,19 +25,57 @@
 
 onMounted(() => {
   setTimeout(() => {
-    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司'].reverse()
+    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司']
     data.value = [
       {
         name: '数量',
         data: [54, 64, 32, 28, 43],
       },
     ]
-  }, 3000)
+  }, 500)
+})
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  xAxisData.value = []
+  data.value = []
+  loading.value = true
+  deptAlarmStatistics({ type: $props.type }).then((res) => {
+    let response = (res.data || []).sort((a: any, b: any) => Number(b.count) - Number(a.count))
+    if (response.length > 6) {
+      response = response.slice(0, 6)
+    }
+    // 截取前六个排序
+    xAxisData.value = response.map((item: any) => item.dept)
+    data.value = [
+      {
+        name: '数量',
+        data: response.map((item: any) => item.count),
+      },
+    ]
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="各分公司报警统计" subtitle="Alarm Statistics Of Each Company">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="各分公司报警统计"
+    subtitle="Alarm Statistics Of Each Company"
+  >
     <template #content>
       <bar-chart-horizontal
         :data="data" :x-axis-data="xAxisData" bar-width="10" :bar-coner="0" label-color="#a7ceec"

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>
diff --git a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
index f723273..29057f2 100644
--- a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenAllAlarmStatus">
 import layout from './layout.vue'
+import { alarmStatistics } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -61,10 +68,32 @@
   })
 })
 console.log(pre.value, next.value)
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  alarmStatistics({ type: $props.type }).then((res) => {
+    dataList.value = res.data.map((item: any, index: number) => ({ ...item, id: index + 1 }))
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
     <template #content>
       <div class="container">
         <div class="left">
diff --git a/src/views/home/dashboard/fullScreen-components/baseOver.vue b/src/views/home/dashboard/fullScreen-components/baseOver.vue
index 38c92cf..18ebbce 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOver.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOver.vue
@@ -4,28 +4,53 @@
   Date: 2024-09-18
  -->
 <script lang="ts" setup name="FullScreenBaseOver">
+import { overall } from '@/api/home/dashboard/fullScreen'
 const baseInfo = ref([
   {
     name: '管线',
-    value: '4523',
+    value: '0',
     unit: '公里',
   },
   {
     name: '闸井',
-    value: '23',
+    value: '0',
     unit: '座',
   },
   {
     name: '调压站',
-    value: '42',
+    value: '0',
     unit: '个',
   },
   {
     name: '调压箱',
-    value: '102',
+    value: '0',
     unit: '座',
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: '1' }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    baseInfo.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+fetchData()
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/baseOverView.vue b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
index bd3a653..69fba17 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOverView.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenBasicOverView">
 import layout from './layout.vue'
+import { overall } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -23,31 +30,65 @@
     name: '管线',
     id: '1',
     unit: 'KM',
-    value: '57.9',
+    value: '0',
     img: img.gx,
   },
   {
     name: '调压站',
     id: '2',
     unit: '个',
-    value: '9',
+    value: '0',
     img: img.tyz,
   },
   {
     name: '闸井',
     id: '3',
     unit: '个',
-    value: '47',
+    value: '0',
     img: img.zj,
   },
   {
     name: '调压箱',
     id: '4',
     unit: '个',
-    value: '39',
+    value: '0',
     img: img.tyx,
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: $props.type }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    dataList.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
index eb2c2fd..a5db67a 100644
--- a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
+++ b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenDeptAlarmCount">
 import layout from './layout.vue'
+import { deptAlarmStatistics } from '@/api/home/dashboard/fullScreen'
 import BarChartHorizontal from '@/components/Echart/BarChartHorizontal.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -18,19 +25,57 @@
 
 onMounted(() => {
   setTimeout(() => {
-    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司'].reverse()
+    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司']
     data.value = [
       {
         name: '数量',
         data: [54, 64, 32, 28, 43],
       },
     ]
-  }, 3000)
+  }, 500)
+})
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  xAxisData.value = []
+  data.value = []
+  loading.value = true
+  deptAlarmStatistics({ type: $props.type }).then((res) => {
+    let response = (res.data || []).sort((a: any, b: any) => Number(b.count) - Number(a.count))
+    if (response.length > 6) {
+      response = response.slice(0, 6)
+    }
+    // 截取前六个排序
+    xAxisData.value = response.map((item: any) => item.dept)
+    data.value = [
+      {
+        name: '数量',
+        data: response.map((item: any) => item.count),
+      },
+    ]
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="各分公司报警统计" subtitle="Alarm Statistics Of Each Company">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="各分公司报警统计"
+    subtitle="Alarm Statistics Of Each Company"
+  >
     <template #content>
       <bar-chart-horizontal
         :data="data" :x-axis-data="xAxisData" bar-width="10" :bar-coner="0" label-color="#a7ceec"
diff --git a/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue b/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
index 003c20f..886938c 100644
--- a/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenDeviceRunStatus">
 import layout from './layout.vue'
+import { deviceTrendStatistics } from '@/api/home/dashboard/fullScreen'
 import LineChart from '@/components/Echart/LineChart.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -17,39 +24,92 @@
 const xAxisData = ref<any[]>([])
 const data = ref<any[]>([])
 onMounted(() => {
-  setTimeout(() => {
-    xAxisData.value = [
-      '石景山区',
-      '海淀区',
-      '西城区',
-      '东城区',
-      '朝阳区',
-      '通州区',
-      '昌平区',
-    ]
+  // setTimeout(() => {
+  //   xAxisData.value = [
+  //     '石景山区',
+  //     '海淀区',
+  //     '西城区',
+  //     '东城区',
+  //     '朝阳区',
+  //     '通州区',
+  //     '昌平区',
+  //   ]
+  //   data.value = [
+  //     {
+  //       name: '运行中',
+  //       data: [79, 55, 32, 76, 45, 33, 35],
+  //       symbol: 'circle',
+  //       color: '#0889CC',
+  //     },
+  //     {
+  //       name: '维护中',
+  //       data: [7, 4, 2, 14, 0, 2, 11],
+  //       symbol: 'circle',
+  //       color: '#2E6C93',
+  //     },
+  //   ]
+  // }, 500)
+})
+
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  deviceTrendStatistics({ type: $props.type }).then((res) => {
+    console.log(res.data, '设备运行态势')
+    xAxisData.value = []
+    data.value = []
+    const data1 = [] as string[]
+    const data2 = [] as string[]
+    res.data.forEach((item: any) => {
+      for (const i in item) {
+        console.log(i)
+        xAxisData.value.push(i)
+        data1.push(item[i]['1'])
+        data2.push(item[i]['2'])
+      }
+    })
     data.value = [
       {
         name: '运行中',
-        data: [79, 55, 32, 76, 45, 33, 35],
+        data: data1,
         symbol: 'circle',
         color: '#0889CC',
       },
       {
         name: '维护中',
-        data: [7, 4, 2, 14, 0, 2, 11],
+        data: data2,
         symbol: 'circle',
         color: '#2E6C93',
       },
     ]
-  }, 1000)
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="设备运行态势" subtitle="Equipment Operation Status">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="设备运行态势"
+    subtitle="Equipment Operation Status"
+  >
     <template #content>
       <line-chart
-        :data="data" :x-axis-data="xAxisData" :style="{ width: '100%', height: `${height - 30}px` }" font-color="#fff" :legend="{
+        :data="data" :x-axis-data="xAxisData" :style="{ width: '100%', height: `${height - 30}px` }"
+        font-color="#fff" :legend="{
           show: true,
           // icon: 'line',
           orient: 'horizontal', // 图例方向

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>
diff --git a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
index f723273..29057f2 100644
--- a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenAllAlarmStatus">
 import layout from './layout.vue'
+import { alarmStatistics } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -61,10 +68,32 @@
   })
 })
 console.log(pre.value, next.value)
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  alarmStatistics({ type: $props.type }).then((res) => {
+    dataList.value = res.data.map((item: any, index: number) => ({ ...item, id: index + 1 }))
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
     <template #content>
       <div class="container">
         <div class="left">
diff --git a/src/views/home/dashboard/fullScreen-components/baseOver.vue b/src/views/home/dashboard/fullScreen-components/baseOver.vue
index 38c92cf..18ebbce 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOver.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOver.vue
@@ -4,28 +4,53 @@
   Date: 2024-09-18
  -->
 <script lang="ts" setup name="FullScreenBaseOver">
+import { overall } from '@/api/home/dashboard/fullScreen'
 const baseInfo = ref([
   {
     name: '管线',
-    value: '4523',
+    value: '0',
     unit: '公里',
   },
   {
     name: '闸井',
-    value: '23',
+    value: '0',
     unit: '座',
   },
   {
     name: '调压站',
-    value: '42',
+    value: '0',
     unit: '个',
   },
   {
     name: '调压箱',
-    value: '102',
+    value: '0',
     unit: '座',
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: '1' }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    baseInfo.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+fetchData()
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/baseOverView.vue b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
index bd3a653..69fba17 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOverView.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenBasicOverView">
 import layout from './layout.vue'
+import { overall } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -23,31 +30,65 @@
     name: '管线',
     id: '1',
     unit: 'KM',
-    value: '57.9',
+    value: '0',
     img: img.gx,
   },
   {
     name: '调压站',
     id: '2',
     unit: '个',
-    value: '9',
+    value: '0',
     img: img.tyz,
   },
   {
     name: '闸井',
     id: '3',
     unit: '个',
-    value: '47',
+    value: '0',
     img: img.zj,
   },
   {
     name: '调压箱',
     id: '4',
     unit: '个',
-    value: '39',
+    value: '0',
     img: img.tyx,
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: $props.type }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    dataList.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
index eb2c2fd..a5db67a 100644
--- a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
+++ b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenDeptAlarmCount">
 import layout from './layout.vue'
+import { deptAlarmStatistics } from '@/api/home/dashboard/fullScreen'
 import BarChartHorizontal from '@/components/Echart/BarChartHorizontal.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -18,19 +25,57 @@
 
 onMounted(() => {
   setTimeout(() => {
-    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司'].reverse()
+    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司']
     data.value = [
       {
         name: '数量',
         data: [54, 64, 32, 28, 43],
       },
     ]
-  }, 3000)
+  }, 500)
+})
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  xAxisData.value = []
+  data.value = []
+  loading.value = true
+  deptAlarmStatistics({ type: $props.type }).then((res) => {
+    let response = (res.data || []).sort((a: any, b: any) => Number(b.count) - Number(a.count))
+    if (response.length > 6) {
+      response = response.slice(0, 6)
+    }
+    // 截取前六个排序
+    xAxisData.value = response.map((item: any) => item.dept)
+    data.value = [
+      {
+        name: '数量',
+        data: response.map((item: any) => item.count),
+      },
+    ]
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="各分公司报警统计" subtitle="Alarm Statistics Of Each Company">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="各分公司报警统计"
+    subtitle="Alarm Statistics Of Each Company"
+  >
     <template #content>
       <bar-chart-horizontal
         :data="data" :x-axis-data="xAxisData" bar-width="10" :bar-coner="0" label-color="#a7ceec"
diff --git a/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue b/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
index 003c20f..886938c 100644
--- a/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenDeviceRunStatus">
 import layout from './layout.vue'
+import { deviceTrendStatistics } from '@/api/home/dashboard/fullScreen'
 import LineChart from '@/components/Echart/LineChart.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -17,39 +24,92 @@
 const xAxisData = ref<any[]>([])
 const data = ref<any[]>([])
 onMounted(() => {
-  setTimeout(() => {
-    xAxisData.value = [
-      '石景山区',
-      '海淀区',
-      '西城区',
-      '东城区',
-      '朝阳区',
-      '通州区',
-      '昌平区',
-    ]
+  // setTimeout(() => {
+  //   xAxisData.value = [
+  //     '石景山区',
+  //     '海淀区',
+  //     '西城区',
+  //     '东城区',
+  //     '朝阳区',
+  //     '通州区',
+  //     '昌平区',
+  //   ]
+  //   data.value = [
+  //     {
+  //       name: '运行中',
+  //       data: [79, 55, 32, 76, 45, 33, 35],
+  //       symbol: 'circle',
+  //       color: '#0889CC',
+  //     },
+  //     {
+  //       name: '维护中',
+  //       data: [7, 4, 2, 14, 0, 2, 11],
+  //       symbol: 'circle',
+  //       color: '#2E6C93',
+  //     },
+  //   ]
+  // }, 500)
+})
+
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  deviceTrendStatistics({ type: $props.type }).then((res) => {
+    console.log(res.data, '设备运行态势')
+    xAxisData.value = []
+    data.value = []
+    const data1 = [] as string[]
+    const data2 = [] as string[]
+    res.data.forEach((item: any) => {
+      for (const i in item) {
+        console.log(i)
+        xAxisData.value.push(i)
+        data1.push(item[i]['1'])
+        data2.push(item[i]['2'])
+      }
+    })
     data.value = [
       {
         name: '运行中',
-        data: [79, 55, 32, 76, 45, 33, 35],
+        data: data1,
         symbol: 'circle',
         color: '#0889CC',
       },
       {
         name: '维护中',
-        data: [7, 4, 2, 14, 0, 2, 11],
+        data: data2,
         symbol: 'circle',
         color: '#2E6C93',
       },
     ]
-  }, 1000)
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="设备运行态势" subtitle="Equipment Operation Status">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="设备运行态势"
+    subtitle="Equipment Operation Status"
+  >
     <template #content>
       <line-chart
-        :data="data" :x-axis-data="xAxisData" :style="{ width: '100%', height: `${height - 30}px` }" font-color="#fff" :legend="{
+        :data="data" :x-axis-data="xAxisData" :style="{ width: '100%', height: `${height - 30}px` }"
+        font-color="#fff" :legend="{
           show: true,
           // icon: 'line',
           orient: 'horizontal', // 图例方向
diff --git a/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue b/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue
index 61303e4..061b275 100644
--- a/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue
+++ b/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenMonitorDeviceCount">
 import layout from './layout.vue'
+import { deviceTypeStatistics } from '@/api/home/dashboard/fullScreen'
 import PieChart3D from '@/components/Echart/PieChart3D.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -15,35 +22,58 @@
 })
 const data = ref<any[]>([])
 onMounted(() => {
-  setTimeout(() => {
-    data.value = [
-      {
-        name: '管网哨兵',
-        value: '12',
-      },
-      {
-        name: '燃气智能监测终端',
-        value: '18',
-      },
-      {
-        name: '场站监测云台',
-        value: '6',
-      },
-      {
-        name: '井盖状态监测仪',
-        value: '10',
-      },
-      {
-        name: '智能警示桩',
-        value: '14',
-      },
-    ]
-  }, 2000)
+  // setTimeout(() => {
+  //   data.value = [
+  //     {
+  //       name: '管网哨兵',
+  //       value: '12',
+  //     },
+  //     {
+  //       name: '燃气智能监测终端',
+  //       value: '18',
+  //     },
+  //     {
+  //       name: '场站监测云台',
+  //       value: '6',
+  //     },
+  //     {
+  //       name: '井盖状态监测仪',
+  //       value: '10',
+  //     },
+  //     {
+  //       name: '智能警示桩',
+  //       value: '14',
+  //     },
+  //   ]
+  // }, 100)
+})
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  deviceTypeStatistics({ type: $props.type }).then((res) => {
+    // console.log(res.data, '监测设备统计')
+    data.value = res.data
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="监测设备统计" subtitle="Monitoring Equipment Statistics">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="监测设备统计" subtitle="Monitoring Equipment Statistics">
     <template #content>
       <pie-chart3-d :data="data" :style="{ width: '100%', height: `${height - 30}px` }" />
     </template>

diff --git a/src/api/home/dashboard/fullScreen.ts b/src/api/home/dashboard/fullScreen.ts
new file mode 100644
index 0000000..25df63f
--- /dev/null
+++ b/src/api/home/dashboard/fullScreen.ts
@@ -0,0 +1,53 @@
+/**
+ * 大屏接口
+ */
+import request from '@/api/index'
+
+// 总体报警情况
+export function alarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/alarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 各分公司报警统计
+export function deptAlarmStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deptAlarmStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 设备运行态势
+export function deviceTrendStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTrendStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 监测设备统计
+export function deviceTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/deviceTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 管网类型统计
+export function pipeTypeStatistics(data: any) {
+  return request({
+    url: '/cockpit/apis/pipeTypeStatistics',
+    method: 'post',
+    data,
+  })
+}
+// 基本概括
+export function overall(data: any) {
+  return request({
+    url: '/cockpit/apis/overall',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/Echart/BarChartHorizontal.vue b/src/components/Echart/BarChartHorizontal.vue
index 366e064..ff88935 100644
--- a/src/components/Echart/BarChartHorizontal.vue
+++ b/src/components/Echart/BarChartHorizontal.vue
@@ -272,7 +272,7 @@
       //   },
       // },
       valueFormatter: (value: string | number) => {
-        return value ? value + props.unit : ''
+        return value ? value + props.unit : value === 0 ? '0' : ''
       },
     }, // 提示框
     xAxis: [
diff --git a/src/components/Echart/PieChart3D.vue b/src/components/Echart/PieChart3D.vue
index 681ff96..4010cb6 100644
--- a/src/components/Echart/PieChart3D.vue
+++ b/src/components/Echart/PieChart3D.vue
@@ -602,7 +602,7 @@
     },
     grid3D: {
       show: false,
-      boxHeight: 26,
+      boxHeight: 5,
       left: '5%',
       top: '0%',
       width: '50%',
diff --git a/src/views/home/dashboard/components/controlMap.vue b/src/views/home/dashboard/components/controlMap.vue
index 388cec5..255c078 100644
--- a/src/views/home/dashboard/components/controlMap.vue
+++ b/src/views/home/dashboard/components/controlMap.vue
@@ -1484,20 +1484,20 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 基本概况 -->
-      <base-over-view />
+      <base-over-view :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 官网类型统计 -->
-      <pipe-network-type style="margin-top: 20px;" />
+      <pipe-network-type :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 监测设备统计 -->
-      <monitor-device-count style="margin-top: 20px;" />
+      <monitor-device-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 右侧 -->
     <div class="right-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status :type="showStatus === 'administration' ? '0' : '1'" />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
       <!-- 设备运行态势 -->
-      <device-run-status style="margin-top: 20px;" />
+      <device-run-status :type="showStatus === 'administration' ? '0' : '1'" style="margin-top: 20px;" />
     </div>
     <!-- 设备信息窗体 -->
     <detail-info ref="detailRef" />
diff --git a/src/views/home/dashboard/components/eventMap.vue b/src/views/home/dashboard/components/eventMap.vue
index 525f10f..40a18a8 100644
--- a/src/views/home/dashboard/components/eventMap.vue
+++ b/src/views/home/dashboard/components/eventMap.vue
@@ -185,9 +185,9 @@
     <!-- 左侧 -->
     <div class="left-container">
       <!-- 总体报警情况 -->
-      <all-alarm-status />
+      <all-alarm-status type=" " />
       <!-- 各分公司报警统计  -->
-      <dept-alarm-count style="margin-top: 20px;" />
+      <dept-alarm-count type=" " style="margin-top: 20px;" />
       <!-- 当前报警 -->
       <current-alarm style="margin-top: 20px;" />
     </div>
diff --git a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
index f723273..29057f2 100644
--- a/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/allAlarmStatus.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenAllAlarmStatus">
 import layout from './layout.vue'
+import { alarmStatistics } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -61,10 +68,32 @@
   })
 })
 console.log(pre.value, next.value)
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  alarmStatistics({ type: $props.type }).then((res) => {
+    dataList.value = res.data.map((item: any, index: number) => ({ ...item, id: index + 1 }))
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="总体报警情况" subtitle="Overall Alarm Situation">
     <template #content>
       <div class="container">
         <div class="left">
diff --git a/src/views/home/dashboard/fullScreen-components/baseOver.vue b/src/views/home/dashboard/fullScreen-components/baseOver.vue
index 38c92cf..18ebbce 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOver.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOver.vue
@@ -4,28 +4,53 @@
   Date: 2024-09-18
  -->
 <script lang="ts" setup name="FullScreenBaseOver">
+import { overall } from '@/api/home/dashboard/fullScreen'
 const baseInfo = ref([
   {
     name: '管线',
-    value: '4523',
+    value: '0',
     unit: '公里',
   },
   {
     name: '闸井',
-    value: '23',
+    value: '0',
     unit: '座',
   },
   {
     name: '调压站',
-    value: '42',
+    value: '0',
     unit: '个',
   },
   {
     name: '调压箱',
-    value: '102',
+    value: '0',
     unit: '座',
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: '1' }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    baseInfo.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+fetchData()
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/baseOverView.vue b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
index bd3a653..69fba17 100644
--- a/src/views/home/dashboard/fullScreen-components/baseOverView.vue
+++ b/src/views/home/dashboard/fullScreen-components/baseOverView.vue
@@ -5,6 +5,13 @@
  -->
 <script lang="ts" setup name="FullScreenBasicOverView">
 import layout from './layout.vue'
+import { overall } from '@/api/home/dashboard/fullScreen'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -23,31 +30,65 @@
     name: '管线',
     id: '1',
     unit: 'KM',
-    value: '57.9',
+    value: '0',
     img: img.gx,
   },
   {
     name: '调压站',
     id: '2',
     unit: '个',
-    value: '9',
+    value: '0',
     img: img.tyz,
   },
   {
     name: '闸井',
     id: '3',
     unit: '个',
-    value: '47',
+    value: '0',
     img: img.zj,
   },
   {
     name: '调压箱',
     id: '4',
     unit: '个',
-    value: '39',
+    value: '0',
     img: img.tyx,
   },
 ])
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  overall({ type: $props.type }).then((res) => {
+    console.log(res.data, '基本概括')
+    const dataDict = {
+      调压箱: 'tyx',
+      闸井: 'zj',
+      调压站: 'tyz',
+      管线: 'gx',
+    } as { [key: string]: any }
+    dataList.value.forEach((item: any) => {
+      const data = res.data.filter((citem: any) => citem.name === dataDict[item.name])
+      if (data.length) {
+        item.value = data[0].value
+      }
+    })
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
+})
 </script>
 
 <template>
diff --git a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
index eb2c2fd..a5db67a 100644
--- a/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
+++ b/src/views/home/dashboard/fullScreen-components/deptAlarmCount.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenDeptAlarmCount">
 import layout from './layout.vue'
+import { deptAlarmStatistics } from '@/api/home/dashboard/fullScreen'
 import BarChartHorizontal from '@/components/Echart/BarChartHorizontal.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -18,19 +25,57 @@
 
 onMounted(() => {
   setTimeout(() => {
-    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司'].reverse()
+    xAxisData.value = ['第一分公司', '第二分公司', '第三分公司', '第四分公司', '第五分公司']
     data.value = [
       {
         name: '数量',
         data: [54, 64, 32, 28, 43],
       },
     ]
-  }, 3000)
+  }, 500)
+})
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  xAxisData.value = []
+  data.value = []
+  loading.value = true
+  deptAlarmStatistics({ type: $props.type }).then((res) => {
+    let response = (res.data || []).sort((a: any, b: any) => Number(b.count) - Number(a.count))
+    if (response.length > 6) {
+      response = response.slice(0, 6)
+    }
+    // 截取前六个排序
+    xAxisData.value = response.map((item: any) => item.dept)
+    data.value = [
+      {
+        name: '数量',
+        data: response.map((item: any) => item.count),
+      },
+    ]
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="各分公司报警统计" subtitle="Alarm Statistics Of Each Company">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="各分公司报警统计"
+    subtitle="Alarm Statistics Of Each Company"
+  >
     <template #content>
       <bar-chart-horizontal
         :data="data" :x-axis-data="xAxisData" bar-width="10" :bar-coner="0" label-color="#a7ceec"
diff --git a/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue b/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
index 003c20f..886938c 100644
--- a/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
+++ b/src/views/home/dashboard/fullScreen-components/deviceRunStatus.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenDeviceRunStatus">
 import layout from './layout.vue'
+import { deviceTrendStatistics } from '@/api/home/dashboard/fullScreen'
 import LineChart from '@/components/Echart/LineChart.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -17,39 +24,92 @@
 const xAxisData = ref<any[]>([])
 const data = ref<any[]>([])
 onMounted(() => {
-  setTimeout(() => {
-    xAxisData.value = [
-      '石景山区',
-      '海淀区',
-      '西城区',
-      '东城区',
-      '朝阳区',
-      '通州区',
-      '昌平区',
-    ]
+  // setTimeout(() => {
+  //   xAxisData.value = [
+  //     '石景山区',
+  //     '海淀区',
+  //     '西城区',
+  //     '东城区',
+  //     '朝阳区',
+  //     '通州区',
+  //     '昌平区',
+  //   ]
+  //   data.value = [
+  //     {
+  //       name: '运行中',
+  //       data: [79, 55, 32, 76, 45, 33, 35],
+  //       symbol: 'circle',
+  //       color: '#0889CC',
+  //     },
+  //     {
+  //       name: '维护中',
+  //       data: [7, 4, 2, 14, 0, 2, 11],
+  //       symbol: 'circle',
+  //       color: '#2E6C93',
+  //     },
+  //   ]
+  // }, 500)
+})
+
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  deviceTrendStatistics({ type: $props.type }).then((res) => {
+    console.log(res.data, '设备运行态势')
+    xAxisData.value = []
+    data.value = []
+    const data1 = [] as string[]
+    const data2 = [] as string[]
+    res.data.forEach((item: any) => {
+      for (const i in item) {
+        console.log(i)
+        xAxisData.value.push(i)
+        data1.push(item[i]['1'])
+        data2.push(item[i]['2'])
+      }
+    })
     data.value = [
       {
         name: '运行中',
-        data: [79, 55, 32, 76, 45, 33, 35],
+        data: data1,
         symbol: 'circle',
         color: '#0889CC',
       },
       {
         name: '维护中',
-        data: [7, 4, 2, 14, 0, 2, 11],
+        data: data2,
         symbol: 'circle',
         color: '#2E6C93',
       },
     ]
-  }, 1000)
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="设备运行态势" subtitle="Equipment Operation Status">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="设备运行态势"
+    subtitle="Equipment Operation Status"
+  >
     <template #content>
       <line-chart
-        :data="data" :x-axis-data="xAxisData" :style="{ width: '100%', height: `${height - 30}px` }" font-color="#fff" :legend="{
+        :data="data" :x-axis-data="xAxisData" :style="{ width: '100%', height: `${height - 30}px` }"
+        font-color="#fff" :legend="{
           show: true,
           // icon: 'line',
           orient: 'horizontal', // 图例方向
diff --git a/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue b/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue
index 61303e4..061b275 100644
--- a/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue
+++ b/src/views/home/dashboard/fullScreen-components/monitorDeviceCount.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenMonitorDeviceCount">
 import layout from './layout.vue'
+import { deviceTypeStatistics } from '@/api/home/dashboard/fullScreen'
 import PieChart3D from '@/components/Echart/PieChart3D.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -15,35 +22,58 @@
 })
 const data = ref<any[]>([])
 onMounted(() => {
-  setTimeout(() => {
-    data.value = [
-      {
-        name: '管网哨兵',
-        value: '12',
-      },
-      {
-        name: '燃气智能监测终端',
-        value: '18',
-      },
-      {
-        name: '场站监测云台',
-        value: '6',
-      },
-      {
-        name: '井盖状态监测仪',
-        value: '10',
-      },
-      {
-        name: '智能警示桩',
-        value: '14',
-      },
-    ]
-  }, 2000)
+  // setTimeout(() => {
+  //   data.value = [
+  //     {
+  //       name: '管网哨兵',
+  //       value: '12',
+  //     },
+  //     {
+  //       name: '燃气智能监测终端',
+  //       value: '18',
+  //     },
+  //     {
+  //       name: '场站监测云台',
+  //       value: '6',
+  //     },
+  //     {
+  //       name: '井盖状态监测仪',
+  //       value: '10',
+  //     },
+  //     {
+  //       name: '智能警示桩',
+  //       value: '14',
+  //     },
+  //   ]
+  // }, 100)
+})
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  deviceTypeStatistics({ type: $props.type }).then((res) => {
+    // console.log(res.data, '监测设备统计')
+    data.value = res.data
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="监测设备统计" subtitle="Monitoring Equipment Statistics">
+  <layout v-loading="loading" class="layout" :height="height" :width="width" title="监测设备统计" subtitle="Monitoring Equipment Statistics">
     <template #content>
       <pie-chart3-d :data="data" :style="{ width: '100%', height: `${height - 30}px` }" />
     </template>
diff --git a/src/views/home/dashboard/fullScreen-components/pipeNetworkType.vue b/src/views/home/dashboard/fullScreen-components/pipeNetworkType.vue
index 3a7433a..4d7c355 100644
--- a/src/views/home/dashboard/fullScreen-components/pipeNetworkType.vue
+++ b/src/views/home/dashboard/fullScreen-components/pipeNetworkType.vue
@@ -5,7 +5,14 @@
  -->
 <script lang="ts" setup name="FullScreenPipeNetworkTypeCount">
 import layout from './layout.vue'
+import { pipeTypeStatistics } from '@/api/home/dashboard/fullScreen'
 import BarChart3D from '@/components/Echart/BarChart3D.vue'
+const $props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+})
 // 宽高
 const height = ref((window.innerHeight - 100 - 50) / 3)
 const width = ref((window.innerWidth - (window.innerWidth * 0.6) - 30) / 2)
@@ -22,16 +29,43 @@
   //   xAxisData.value = ['高压管线', '次高压管线', '中压管线', '低压管线']
   //   console.log(2000)
   // }, 2000)
-  setTimeout(() => {
-    data.value = [1212, 598, 449, 1387]
-    xAxisData.value = ['高压管线', '次高压管线', '中压管线', '低压管线']
-    console.log(3000)
-  }, 3000)
+  // setTimeout(() => {
+  //   data.value = [1212, 598, 449, 1387]
+  //   xAxisData.value = ['高压管线', '次高压管线', '中压管线', '低压管线']
+  // }, 500)
+})
+// 获取数据
+const loading = ref(true)
+const fetchData = () => {
+  loading.value = true
+  pipeTypeStatistics({ type: $props.type }).then((res) => {
+    console.log(res.data, '管网类型统计')
+    xAxisData.value = res.data.map((item: any) => item.name)
+    data.value = res.data.map((item: any) => item.value)
+    // data.value = res.data
+    loading.value = false
+  }).catch(() => {
+    loading.value = false
+  })
+}
+watch(() => $props.type, (newVal) => {
+  if (newVal) {
+    fetchData()
+  }
+  else {
+    loading.value = false
+  }
+}, {
+  deep: true,
+  immediate: true,
 })
 </script>
 
 <template>
-  <layout class="layout" :height="height" :width="width" title="管网类型统计" subtitle="Official Website Type Statistics">
+  <layout
+    v-loading="loading" class="layout" :height="height" :width="width" title="管网类型统计"
+    subtitle="Official Website Type Statistics"
+  >
     <template #content>
       <bar-chart3-d :x-axis-data="xAxisData" :data="data" :style="{ width: '100%', height: `${height - 30}px` }" />
     </template>