微调

src/views/pqs/runManage/runEvaluate/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="default-main" style="position: relative">
-        <TableHeader date-picker>
+        <TableHeader date-picker >
             <template v-slot:select>
                 <el-form-item label="对象类型">
                     <el-select
@@ -124,6 +124,19 @@
                 </el-tooltip>
             </template>
         </TableHeader>
+
+        <div class="mapBox" >
+            <el-form :inline="true" class="demo-form-inline">
+                <el-form-item>
+                    <Area ref="areaRef" :show-all-levels="false" v-model="tableStore.table.params.orgNo" style="width: 100px"
+                        />
+                </el-form-item>
+                
+            </el-form>
+        </div>
+
+
+
         <Map />
 
         <transition name="slide-left">
@@ -237,6 +250,7 @@ import TableHeader from '@/components/table/header/index.vue'
 import TableStore from '@/utils/tableStore'
 import { useDictData } from '@/stores/dictData'
 import { mainHeight } from '@/utils/layout'
+import Area from '@/components/form/area/index.vue'
 import Map from './components/map.vue'
 import { BorderBox13 } from '@kjgl77/datav-vue3'
 import { useConfig } from '@/stores/config'
@@ -290,6 +304,7 @@ const tableStore = new TableStore({
         tableStore.table.data = []
     }
 })
+
 provide('tableStore', tableStore)
 const leftVisible = ref(true)
 const rightVisible = ref(true)
@@ -419,4 +434,43 @@ onMounted(() => {
         color: #ccc;
     }
 }
+:deep(.mapBox) {
+    position: absolute;
+    top: 80px;
+    left: calc(50% + 45px);
+
+    z-index: 1;
+
+    .el-select {
+        min-width: 100px;
+
+        .el-select__wrapper {
+            height: 46px !important;
+            border-radius: 8px;
+        }
+    }
+
+    .Icon {
+        height: 46px;
+        width: 46px;
+        background-color: #fff;
+        border-radius: 8px;
+        text-align: center;
+        line-height: 50px;
+        cursor: pointer;
+
+        .fa-refresh {
+            color: var(--el-color-primary) !important;
+        }
+    }
+
+    .el-input__wrapper {
+        height: 46px;
+        border-radius: 8px;
+    }
+
+    .el-form-item {
+        margin-right: 15px;
+    }
+}
 </style>