From 60dba8526893c43d2df32786b0787ec4d908e593 Mon Sep 17 00:00:00 2001
From: betaqi <3188864257@qq.com>
Date: Mon, 3 Nov 2025 15:19:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E5=A4=87=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E8=AE=BE=E5=A4=87=E7=82=B9=E4=BD=8D=E6=94=B6?=
 =?UTF-8?q?=E7=BC=A9=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../stationData/component/pointCheckbox.vue   | 27 +++++++++++--------
 .../topology/components/detailDrawer.vue      | 11 ++++++--
 .../transfer/components/deviceDrawer.vue      | 13 +++++++--
 3 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/src/views/stationData/component/pointCheckbox.vue b/src/views/stationData/component/pointCheckbox.vue
index 2f8b0db..b1e8630 100644
--- a/src/views/stationData/component/pointCheckbox.vue
+++ b/src/views/stationData/component/pointCheckbox.vue
@@ -1,16 +1,21 @@
 <template>
-  <div class="w-320 h-full" v-loading="loadingPoints" element-loading-text="数据加载中...">
-    <template v-if="!pointList.length">
-      <el-empty></el-empty>
-    </template>
-    <el-scrollbar class="scroll" v-else>
-      <el-checkbox-group v-model="checkPointList" class="point-checks" @change="changePoints">
-        <template v-for="(item, index) in pointList" :key="index">
-          <el-checkbox :label="item.label" :value="item"/>
-        </template>
-      </el-checkbox-group>
-    </el-scrollbar>
+  <div class="w-320 flex h-full" v-loading="loadingPoints" element-loading-text="数据加载中...">
+    <div class="flex-1">
+      <template v-if="!pointList.length">
+        <el-empty></el-empty>
+      </template>
+      <el-scrollbar class="scroll" v-else>
+        <el-checkbox-group v-model="checkPointList" class="point-checks" @change="changePoints">
+          <template v-for="(item, index) in pointList" :key="index">
+            <el-checkbox :label="item.label" :value="item"/>
+          </template>
+        </el-checkbox-group>
+      </el-scrollbar>
+    </div>
+    <el-divider direction="vertical" style="height: 100%;"/>
+
   </div>
+
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/stationData/topology/components/detailDrawer.vue b/src/views/stationData/topology/components/detailDrawer.vue
index a4ab58c..0df2a20 100644
--- a/src/views/stationData/topology/components/detailDrawer.vue
+++ b/src/views/stationData/topology/components/detailDrawer.vue
@@ -4,14 +4,15 @@
       v-model="isShowDrawer"
       :title="title"
       direction="rtl"
-      size="90%"
+      size="100%"
       modal-class="model-dev-opn"
       :before-close="handleBeforeClose"
       @opened="onDrawerOpened">
       <main class="wh-full flex">
 
         <EdfsWrap title="点位选择"
-                  class="p-r-4 h-full w-340 border-r-1 border-solid border-r-#e4e7ed">
+                  isCollapse :collapsed="collapsed" @collapse="onCollapse"
+                  :style="{width: `${collapsed ? 0 : 340}px`}">
           <el-select
             v-if="currentGroup?.customNode"
             v-model="selectValue"
@@ -109,6 +110,7 @@ async function open(device: IDevice & {
 }, group: IPointGroupOV) {
   curDevice.value = device
   currentGroup.value = group
+  onCollapse(false)
   if (
     currentGroup.value.customNode &&
     currentGroup.value.brother &&
@@ -215,6 +217,7 @@ async function loadChardData() {
     return
   }
   clearData()
+  onCollapse(true)
   const limit = chartLimit.value
   const offset = chartOffset.value
   const options: any = {
@@ -389,6 +392,10 @@ const disabledDate = (time: any) => {
 
 }
 const getBeforeMonth = dayjs().startOf('month').subtract(1, 'month').startOf('month').toDate()
+const collapsed = ref(false)
+function onCollapse(value?:boolean) {
+  collapsed.value = value ?? !collapsed.value
+}
 
 defineExpose({
   open,
diff --git a/src/views/stationData/transfer/components/deviceDrawer.vue b/src/views/stationData/transfer/components/deviceDrawer.vue
index 9311ad5..985d714 100644
--- a/src/views/stationData/transfer/components/deviceDrawer.vue
+++ b/src/views/stationData/transfer/components/deviceDrawer.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="fault-rule-drawer">
-    <el-drawer v-model="isShowDrawer" :title="title" direction="rtl" size="90%"
+    <el-drawer v-model="isShowDrawer" :title="title" direction="rtl" size="100%"
                modal-class="model-dev-opn"
                :before-close="handleBeforeClose" @opened="onDrawerOpened">
       <main class="wh-full flex">
-        <EdfsWrap title="点位组" class="p-r-4 h-full border-r-1 border-solid border-r-#e4e7ed">
+        <EdfsWrap title="点位组" isCollapse :collapsed="collapsed" @collapse="onCollapse"
+                  :style="{width: `${collapsed ? 0 : 600}px`}">
           <PointGroupTree
             v-if="isShowDrawer"
             :data="pointGroup"
@@ -100,6 +101,7 @@ const curDevice = ref<IOfflineDevice | IOnlineDevice>()
 
 async function open(device: IOfflineDevice | IOnlineDevice) {
   curDevice.value = device
+  onCollapse(false)
   await loadPointGroup()
     .then(async () => {
       await loadDeviceDetails()
@@ -187,6 +189,7 @@ async function loadChardData() {
     message.error('请选择点位')
     return
   }
+  onCollapse(true)
   clearData()
   const limit = chartLimit.value
   const offset = chartOffset.value
@@ -396,6 +399,12 @@ const disabledDate = (time: any) => {
   }
 
 }
+
+const collapsed = ref(false)
+function onCollapse(value?:boolean) {
+  collapsed.value = value ?? !collapsed.value
+}
+
 const getBeforeMonth = dayjs().startOf('month').subtract(1, 'month').startOf('month').toDate()
 defineExpose({
   open,