场地定位和搜索

src/views/SchoolManagement/Place/index.vue

@@ -71,8 +71,7 @@
     </div>
 
     <!-- 左侧场地弹框 -->
-    <div class="place-dialog">
-      <el-card v-if="placeDialogShow" :body-style="{ padding: '10px' }">
+    <el-card v-if="placeDialogShow" class="place-dialog" :body-style="{ padding: '10px' }">
       <template #header>
         <div class="clearfix">
           <div class="map-card-title">场地设置</div>
@@ -87,12 +86,7 @@
         <el-tab-pane label="场地信息" name="info">
           <el-form ref="FormPlace" :model="placeForm" label-width="70px">
             <el-form-item label="所属驾校" prop="schoolId">
-                <el-select
-                  v-model="placeForm.schoolId"
-                  placeholder="请选择"
-                  clearable
-                  class="w-full"
-                >
+              <el-select v-model="placeForm.schoolId" placeholder="请选择" clearable class="w-full">
                 <el-option
                   v-for="dict in schoolList"
                   :key="dict.schoolId"
@@ -164,14 +158,18 @@
       </div>
     </el-card>
     <el-autocomplete
-        class="ml-10px"
+      :style="{
+        position: 'absolute',
+        top: '20px',
+        left: placeDialogShow ? '380px' : '20px',
+        width: '200px'
+      }"
       v-model="areaValue"
       clearable
       placeholder="输入并搜索位置"
       :fetch-suggestions="remoteMethod"
       @select="currentSelect"
     />
-    </div>
 
     <!-- 底部驾校场地列表 -->
     <el-card
@@ -749,7 +747,7 @@ onMounted(() => {
   position: absolute;
   left: 20px;
   top: 20px;
-  width: 500px;
+  width: 350px;
   display: flex;
 }