From f64b12a86a4e22aac9cb5c0df75cc5dfe3dfe94f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=B6=E5=90=AF=E9=BE=99?= <shiqilong@beyondcent.com>
Date: Tue, 19 Nov 2024 16:45:09 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B6=85=E8=BF=87=2020=20=E6=9D=A1?=
 =?UTF-8?q?=E6=97=A0=E6=BB=91=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/data-collection/plugins/index.vue   | 33 ++++++++++---------
 .../src/views/data-collection/task/index.vue  | 29 ++++++++--------
 webs/ams-web/src/views/module/index.vue       | 30 ++++++-----------
 3 files changed, 44 insertions(+), 48 deletions(-)

diff --git a/webs/ams-web/src/views/data-collection/plugins/index.vue b/webs/ams-web/src/views/data-collection/plugins/index.vue
index e1bec78..cb6ef8c 100644
--- a/webs/ams-web/src/views/data-collection/plugins/index.vue
+++ b/webs/ams-web/src/views/data-collection/plugins/index.vue
@@ -1,18 +1,16 @@
 <template>
-  <div>
+  <div class="wrapper">
     <AmsPosition></AmsPosition>
-    <div class="warpper">
-      <split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
-        <template slot="paneL">
-          <Tree ref="TreeRef" category="template" @handleNodeClick="handleNodeClick"></Tree>
-        </template>
-        <template slot="paneR">
-          <List ref="listRef" :currentModuleId="currentModuleId" @handleCreate="handleCreate" @getDetail="getDetail"></List>
-        </template>
-      </split-pane>
-      <AddData :addData="addData" v-if="visible" @goBack="goBack"></AddData>
-      <Detail :detail="detail" v-if="detailVisible" @goBack="goBack"></Detail>
-    </div>
+    <split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
+      <template slot="paneL">
+        <Tree ref="TreeRef" category="template" @handleNodeClick="handleNodeClick"></Tree>
+      </template>
+      <template slot="paneR">
+        <List ref="listRef" :currentModuleId="currentModuleId" @handleCreate="handleCreate" @getDetail="getDetail"></List>
+      </template>
+    </split-pane>
+    <AddData :addData="addData" v-if="visible" @goBack="goBack"></AddData>
+    <Detail :detail="detail" v-if="detailVisible" @goBack="goBack"></Detail>
   </div>
 </template>
 
@@ -103,8 +101,13 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.warpper {
-  height: calc(100vh);
+.wrapper {
   background-color: #fff;
 }
+::v-deep .vue-splitter-container {
+  display: flex !important;
+  .splitter-pane {
+    position: relative !important;
+  }
+}
 </style>
diff --git a/webs/ams-web/src/views/data-collection/task/index.vue b/webs/ams-web/src/views/data-collection/task/index.vue
index 25dd96a..40c68d8 100644
--- a/webs/ams-web/src/views/data-collection/task/index.vue
+++ b/webs/ams-web/src/views/data-collection/task/index.vue
@@ -1,16 +1,14 @@
 <template>
-  <div>
+  <div class="wrapper">
     <AmsPosition></AmsPosition>
-    <div class="warpper">
-      <split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
-        <template slot="paneL">
-          <Tree ref="TreeRef" category="task" @handleNodeClick="handleNodeClick"></Tree>
-        </template>
-        <template slot="paneR">
-          <Content ref="ListRef" :currentModuleId="currentModuleId"></Content>
-        </template>
-      </split-pane>
-    </div>
+    <split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
+      <template slot="paneL">
+        <Tree ref="TreeRef" category="task" @handleNodeClick="handleNodeClick"></Tree>
+      </template>
+      <template slot="paneR">
+        <Content ref="ListRef" :currentModuleId="currentModuleId"></Content>
+      </template>
+    </split-pane>
   </div>
 </template>
 
@@ -71,8 +69,13 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.warpper {
-  height: calc(100vh);
+.wrapper {
   background-color: #fff;
 }
+::v-deep .vue-splitter-container {
+  display: flex !important;
+  .splitter-pane {
+    position: relative !important;
+  }
+}
 </style>
diff --git a/webs/ams-web/src/views/module/index.vue b/webs/ams-web/src/views/module/index.vue
index f4633f5..10683e1 100644
--- a/webs/ams-web/src/views/module/index.vue
+++ b/webs/ams-web/src/views/module/index.vue
@@ -173,7 +173,16 @@ export default {
   },
 }
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
+.wrapper {
+  background-color: #fff;
+}
+::v-deep .vue-splitter-container {
+  display: flex !important;
+  .splitter-pane {
+    position: relative !important;
+  }
+}
 .field-item {
   margin-top: 10px;
   cursor: move;
@@ -276,25 +285,6 @@ span.title {
   background-color: #dff0d8;
 }
 
-.wrapper {
-  height: calc(100vh - 110px);
-  .leftC {
-    height: 100%;
-    margin-left: 5px;
-  }
-
-  .rightC {
-    height: 100%;
-    margin-left: 10px;
-  }
-
-  .float-right {
-    position: absolute;
-    right: 10px;
-    top: 10px;
-  }
-}
-
 .splitter-pane-resizer {
   margin-left: 20px;
 }