From d74e006cee61ccf4f04deae7f2e612bcb1179704 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Wed, 3 Aug 2022 13:52:18 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=B3=BB=E7=BB=9F=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E8=AE=BE=E7=BD=AE):=20=E6=96=B0=E5=A2=9E-?=
 =?UTF-8?q?=E4=B8=8A=E7=BA=A7=E5=8C=BA=E5=9F=9F=E4=B8=8B=E6=8B=89=E6=A0=91?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=94=99=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SysParam/MapSetting/MapSettingRight.vue   | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/frontend/src/views/system/SysParam/MapSetting/MapSettingRight.vue b/frontend/src/views/system/SysParam/MapSetting/MapSettingRight.vue
index ad024cf0f5..041e8a78d7 100644
--- a/frontend/src/views/system/SysParam/MapSetting/MapSettingRight.vue
+++ b/frontend/src/views/system/SysParam/MapSetting/MapSettingRight.vue
@@ -1,22 +1,9 @@
 <template>
   <div>
-    <el-empty v-if="status === 'empty'" description="请在左侧选择区域" />
 
-    <el-descriptions v-else-if="status === 'read-only'" title="区域信息" :column="1">
-
-      <el-descriptions-item :label="$t('map_setting.area_code')">{{ nodeInfo.code }}</el-descriptions-item>
-
-      <el-descriptions-item :label="$t('map_setting.area_name')">{{ nodeInfo.name }}</el-descriptions-item>
-
-      <el-descriptions-item :label="$t('map_setting.parent_name')">{{ nodeInfo.pname }}</el-descriptions-item>
-
-      <el-descriptions-item :label="$t('map_setting.geo_json')">
-        <json-view :data="json" />
-      </el-descriptions-item>
-    </el-descriptions>
     <!--基础配置表单-->
     <el-form
-      v-else
+      v-if="status !== 'empty' && status !== 'read-only'"
       ref="formInline"
       v-loading="loading"
       :model="formInline"
@@ -34,7 +21,8 @@
                 v-if="treeShow"
                 ref="deSelectTree"
                 v-model="formInline.pCode"
-                popover-class="test-class-wrap"
+                :popper-append-to-body="true"
+                popover-class="map-class-wrap"
                 :data="treeDatas"
                 :select-params="selectParams"
                 :tree-params="treeParams"
@@ -108,6 +96,20 @@
       </div>
     </el-form>
 
+    <el-descriptions v-else-if="status === 'read-only'" title="区域信息" :column="1">
+
+      <el-descriptions-item :label="$t('map_setting.area_code')">{{ nodeInfo.code }}</el-descriptions-item>
+
+      <el-descriptions-item :label="$t('map_setting.area_name')">{{ nodeInfo.name }}</el-descriptions-item>
+
+      <el-descriptions-item :label="$t('map_setting.parent_name')">{{ nodeInfo.pname }}</el-descriptions-item>
+
+      <el-descriptions-item :label="$t('map_setting.geo_json')">
+        <json-view :data="json" />
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <el-empty v-else-if="status === 'empty'" description="请在左侧选择区域" />
   </div>
 </template>
 
@@ -345,5 +347,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.map-class-wrap{
+  top: 65px !important;
+  left: 0px !important;
+}
 </style>