diff --git a/src/assets/images/bgs/1.png b/src/assets/images/bgs/1.png
new file mode 100644
index 00000000..745fdfd3
Binary files /dev/null and b/src/assets/images/bgs/1.png differ
diff --git a/src/assets/images/bgs/2.png b/src/assets/images/bgs/2.png
new file mode 100644
index 00000000..f16a80ee
Binary files /dev/null and b/src/assets/images/bgs/2.png differ
diff --git a/src/assets/images/bgs/3.png b/src/assets/images/bgs/3.png
new file mode 100644
index 00000000..804b295e
Binary files /dev/null and b/src/assets/images/bgs/3.png differ
diff --git a/src/views/home/components/provincial/Bottom1-1.vue b/src/views/home/components/provincial/Bottom1-1.vue
index dcb1891d..7e4a5f57 100644
--- a/src/views/home/components/provincial/Bottom1-1.vue
+++ b/src/views/home/components/provincial/Bottom1-1.vue
@@ -12,7 +12,7 @@
 import TitleBox from '../TitleBox'
 import * as echarts from 'echarts'
 import { getEquipmentStatusApi } from '@/api/wsScreen/index'
-import EquipStatusMore from '@/views/home/components/provincial/Dialog/EquipStatusMore'
+import EquipStatusMore from '@/views/home/components/provincial/Dialog/EquipStatusMoreImg'
 
 export default {
   name: 'Bottom1-1',
diff --git a/src/views/home/components/provincial/Bottom2.vue b/src/views/home/components/provincial/Bottom2.vue
index 5a467083..f80f8807 100644
--- a/src/views/home/components/provincial/Bottom2.vue
+++ b/src/views/home/components/provincial/Bottom2.vue
@@ -54,7 +54,7 @@
 <script>
 import TitleBox from '../TitleBox'
 import { getUsageStatisticsApi } from '@/api/wsScreen'
-import EquipUsageRateMore from '@/views/home/components/provincial/Dialog/EquipUsageRateMore.vue'
+import EquipUsageRateMore from '@/views/home/components/provincial/Dialog/EquipUsageRateMoreImg.vue'
 
 export default {
   name: 'Bottom2',
diff --git a/src/views/home/components/provincial/Center2.vue b/src/views/home/components/provincial/Center2.vue
index 9c8ba476..9a5f6dc6 100644
--- a/src/views/home/components/provincial/Center2.vue
+++ b/src/views/home/components/provincial/Center2.vue
@@ -85,7 +85,7 @@
 <script>
 import TitleBox from '../TitleBox'
 import { getEquipmentUseApi, getVoltageLevelApi } from '@/api/wsScreen'
-import ProEquipMore from '@/views/home/components/provincial/Dialog/ProEquipMore.vue'
+import ProEquipMore from '@/views/home/components/provincial/Dialog/ProEquipMoreImg.vue'
 
 export default {
   name: 'Center2',
diff --git a/src/views/home/components/provincial/Dialog/EquipStatusMoreImg.vue b/src/views/home/components/provincial/Dialog/EquipStatusMoreImg.vue
new file mode 100644
index 00000000..b10fb99e
--- /dev/null
+++ b/src/views/home/components/provincial/Dialog/EquipStatusMoreImg.vue
@@ -0,0 +1,144 @@
+<template>
+  <div>
+    <el-dialog
+      v-if="dialogVisible"
+      v-loading="isLoading"
+      :visible.sync="dialogVisible"
+      width="85%"
+      :modal="false"
+      class="dlg-box"
+    >
+      <div>
+        <img src="@/assets/images/bgs/3.png" style="width: 100%" alt="">
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getDeviceListAPI } from '@/api/EquipmentLedger/index.js'
+export default {
+  data() {
+    return {
+      isLoading: false,
+      dialogVisible: false,
+      showSearch: true,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        status: '', // 状态
+      },
+      equipList: [
+        { label: '全网省', value: 1 },
+        { label: '合肥市', value: 2 },
+      ],
+      statusList: [
+        { label: '在库', value: 1 },
+        { label: '自用', value: 2 },
+        { label: '共享', value: 3 },
+        { label: '退役', value: 4 },
+        { label: '维修', value: 5 },
+      ],
+
+      tableColumns: [
+        { label: '施工装备', prop: 'major' },
+        { label: '型号', prop: 'specificationModel' },
+        { label: '数量', prop: 'count' },
+        { label: '设备编码', prop: 'code' },
+        { label: '特征项1', prop: 'featureItem1' },
+        { label: '特征值1', prop: 'featureValue1' },
+        { label: '特征项1', prop: 'featureItem2' },
+        { label: '特征值2', prop: 'featureValue2' },
+        { label: '特征项2', prop: 'featureItem3' },
+        { label: '特征值3', prop: 'featureValue3' },
+        { label: '特征项4', prop: 'featureItem4' },
+        { label: '特征值4', prop: 'featureValue4' },
+        { label: '特征项5', prop: 'featureItem5' },
+        { label: '特征值5', prop: 'featureValue5' },
+        { label: '特征项6', prop: 'featureItem6' },
+        { label: '特征值6', prop: 'featureValue6' },
+        { label: '特征项7', prop: 'featureItem7' },
+        { label: '特征值7', prop: 'featureValue7' },
+        { label: '特征项8', prop: 'featureItem8' },
+        { label: '特征值8', prop: 'featureValue8' },
+        { label: '特征项9', prop: 'featureItem9' },
+        { label: '特征值9', prop: 'featureValue9' },
+        { label: '产权单位', prop: 'propertyUnit' },
+        { label: '资产原值(万元)', prop: 'originalValue' },
+        { label: '出厂日期', prop: 'productionDate' },
+        { label: '使用项目', prop: 'usingProject' },
+        // { label: 'vlook的状态', prop: 'vlookStatus' },
+        { label: '状态', prop: 'status' },
+        { label: '下次维保日期', prop: 'nextMaintenanceDate' },
+        { label: '生产厂家', prop: 'manufacturer' },
+      ],
+      tableList: [],
+      total: 0,
+    }
+  },
+  created() {},
+  methods: {
+    openDialog() {
+      this.dialogVisible = true
+    },
+    async getList() {
+      try {
+        // 获取设备列表
+        const res = await getDeviceListAPI(this.queryParams)
+        this.tableList = res.data?.rows || []
+        this.total = res.data?.total || 0
+      } catch (error) {
+        this.$message.error('获取设备列表失败：' + (error.message || '未知错误'))
+        console.error(error)
+      }
+    },
+    getFeatureValue(row, prop) {
+      const match = prop.match(/feature(Item|Value)(\d+)/)
+      if (!match) return '-'
+
+      const type = match[1] // 'Item' or 'Value'
+      const index = Number(match[2]) - 1
+      const list = row.propertyVoList || []
+
+      if (!list[index]) return '-'
+
+      return type === 'Item' ? list[index].propertyName : list[index].propertyValue
+    },
+    // 查询
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams.pageNum = 1
+      this.queryParams.pageSize = 10
+      this.getList()
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.dlg-box {
+  // position: absolute;
+  .close-btn {
+    width: 39px;
+    height: 39px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+    // background-image: url('../../img/close.png');
+    // background-size: 100% 100%;
+  }
+  .dlg-title {
+    margin-top: -25px;
+    margin-bottom: 45px;
+    font-size: 21px;
+    text-align: center;
+    font-weight: 800;
+  }
+}
+</style>
diff --git a/src/views/home/components/provincial/Dialog/EquipUsageRateMoreImg.vue b/src/views/home/components/provincial/Dialog/EquipUsageRateMoreImg.vue
new file mode 100644
index 00000000..c4ea5175
--- /dev/null
+++ b/src/views/home/components/provincial/Dialog/EquipUsageRateMoreImg.vue
@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <el-dialog
+      v-if="dialogVisible"
+      v-loading="isLoading"
+      :visible.sync="dialogVisible"
+      width="85%"
+      :modal="false"
+      class="dlg-box"
+    >
+      <div>
+        <img src="@/assets/images/bgs/2.png" style="width: 100%" alt="">
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getUsageStatisticsDetailsApi } from '@/api/wsScreen'
+
+export default {
+  data() {
+    return {
+      isLoading: false,
+      dialogVisible: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+
+      tableColumns: [
+        { label: '装备名称', prop: 'name' },
+        { label: '在用率 (%)', prop: 'proportion' },
+        { label: '周转率 (次/年)', prop: 'turnoverRate' },
+      ],
+      tableList: [],
+      total: 0,
+    }
+  },
+  created() {},
+  methods: {
+    openDialog() {
+      this.dialogVisible = true
+    },
+    async getList() {
+      try {
+        const res = await getUsageStatisticsDetailsApi({ ...this.queryParams })
+        this.tableList = res.rows || []
+        this.total = res.total || 0
+      } catch (err) {
+        console.log('🚀 ~ err:', err)
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.dlg-box {
+  .close-btn {
+    width: 39px;
+    height: 39px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+  }
+  .dlg-title {
+    margin-top: -25px;
+    margin-bottom: 45px;
+    font-size: 21px;
+    text-align: center;
+    font-weight: 800;
+  }
+}
+</style>
diff --git a/src/views/home/components/provincial/Dialog/ProEquipMoreImg.vue b/src/views/home/components/provincial/Dialog/ProEquipMoreImg.vue
new file mode 100644
index 00000000..a3f815e0
--- /dev/null
+++ b/src/views/home/components/provincial/Dialog/ProEquipMoreImg.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <el-dialog
+      v-if="dialogVisible"
+      v-loading="isLoading"
+      :visible.sync="dialogVisible"
+      width="85%"
+      :modal="false"
+      class="dlg-box"
+    >
+      <div>
+        <img src="@/assets/images/bgs/1.png" style="width: 100%" alt="">
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getEquipmentDetailsApi } from '@/api/wsScreen'
+
+export default {
+  data() {
+    return {
+      isLoading: false,
+      dialogVisible: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        proName: '', // 装备类型
+      },
+      tableColumns: [
+        { label: '工程名称', prop: 'proName' },
+        { label: '在用装备数量（台）', prop: 'inUser' },
+        { label: '类型', prop: 'projectTypeName' },
+        { label: '电压等级（kV）', prop: 'voltage' },
+        { label: '规模（拆单公里）', prop: 'scale' },
+        { label: '百公里线路装备使用情况', prop: 'usage' },
+      ],
+      tableList: [],
+      total: 0,
+    }
+  },
+  created() {},
+  methods: {
+    openDialog() {
+      this.dialogVisible = true
+    },
+    async getList() {
+      try {
+        const res = await getEquipmentDetailsApi({ ...this.queryParams })
+        this.tableList = res.rows || []
+        this.total = res.total || 0
+      } catch (error) {
+        console.log('🚀 ~ error:', error)
+      }
+    },
+    // 查询
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams.pageNum = 1
+      this.queryParams.pageSize = 10
+      this.getList()
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.dlg-box {
+  .close-btn {
+    width: 39px;
+    height: 39px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+  }
+  .dlg-title {
+    margin-top: -25px;
+    margin-bottom: 45px;
+    font-size: 21px;
+    text-align: center;
+    font-weight: 800;
+  }
+}
+</style>