qiushanhe
/
ss-crm-manage-web
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

场地定位和搜索

Browse Source
pull/2/head
qsh 3 months ago
parent d6be0488c4
commit 57d6aa3a0e
1 changed files with 95 additions and 97 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 192
      src/views/SchoolManagement/Place/index.vue

192
src/views/SchoolManagement/Place/index.vue
Unescape View File

@ -71,107 +71,105 @@
</div> </div>
<!-- 左侧场地弹框 --> <!-- 左侧场地弹框 -->
<div class="place-dialog"> <el-card v-if="placeDialogShow" class="place-dialog" :body-style="{ padding: '10px' }">
<el-card v-if="placeDialogShow" :body-style="{ padding: '10px' }"> <template #header>
<template #header> <div class="clearfix">
<div class="clearfix"> <div class="map-card-title">场地设置</div>
<div class="map-card-title">场地设置</div> <el-tooltip content="取点" placement="right" effect="dark">
<el-tooltip content="取点" placement="right" effect="dark"> <el-button class="add-icon" @click="isPointing = !isPointing">
<el-button class="add-icon" @click="isPointing = !isPointing"> <Icon icon="ep:location" />
<Icon icon="ep:location" /> </el-button>
</el-button> </el-tooltip>
</el-tooltip> </div>
</div> </template>
</template> <el-tabs v-model="placeTab">
<el-tabs v-model="placeTab"> <el-tab-pane label="场地信息" name="info">
<el-tab-pane label="场地信息" name="info"> <el-form ref="FormPlace" :model="placeForm" label-width="70px">
<el-form ref="FormPlace" :model="placeForm" label-width="70px"> <el-form-item label="所属驾校" prop="schoolId">
<el-form-item label="所属驾校" prop="schoolId"> <el-select v-model="placeForm.schoolId" placeholder="请选择" clearable class="w-full">
<el-select <el-option
v-model="placeForm.schoolId" v-for="dict in schoolList"
placeholder="请选择" :key="dict.schoolId"
clearable :label="dict.schoolName"
class="w-full" :value="dict.schoolId"
>
<el-option
v-for="dict in schoolList"
:key="dict.schoolId"
:label="dict.schoolName"
:value="dict.schoolId"
/>
</el-select>
</el-form-item>
<el-form-item label="名称" prop="name">
<el-input v-model="placeForm.name" placeholder="输入名称" />
</el-form-item>
<el-form-item label="旗子颜色" prop="flagColor">
<el-radio-group v-model="placeForm.flagColor">
<el-radio v-for="(item, index) in colorOptions" :key="index" :label="item">
<img :src="flagMap[item]" style="width: 20px" />
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="地址" prop="address">
<el-input v-model="placeForm.address" placeholder="输入地址" />
</el-form-item>
<el-form-item label="经度" prop="lng">
<el-input-number
v-model="placeForm.lng"
:min="1"
:controls="false"
placeholder="输入经度"
style="width: 100%"
/> />
</el-form-item> </el-select>
<el-form-item label="纬度" prop="lat"> </el-form-item>
<el-input-number <el-form-item label="名称" prop="name">
v-model="placeForm.lat" <el-input v-model="placeForm.name" placeholder="输入名称" />
:min="1" </el-form-item>
:controls="false" <el-form-item label="旗子颜色" prop="flagColor">
placeholder="输入纬度" <el-radio-group v-model="placeForm.flagColor">
style="width: 100%" <el-radio v-for="(item, index) in colorOptions" :key="index" :label="item">
<img :src="flagMap[item]" style="width: 20px" />
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="地址" prop="address">
<el-input v-model="placeForm.address" placeholder="输入地址" />
</el-form-item>
<el-form-item label="经度" prop="lng">
<el-input-number
v-model="placeForm.lng"
:min="1"
:controls="false"
placeholder="输入经度"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="纬度" prop="lat">
<el-input-number
v-model="placeForm.lat"
:min="1"
:controls="false"
placeholder="输入纬度"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="所属区域" prop="area">
<el-select v-model="placeForm.area" placeholder="请选择" clearable class="w-full">
<el-option
v-for="dict in areaOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
/> />
</el-form-item> </el-select>
<el-form-item label="所属区域" prop="area"> </el-form-item>
<el-select v-model="placeForm.area" placeholder="请选择" clearable class="w-full"> <el-form-item label="电话" prop="phone">
<el-option <el-input v-model="placeForm.phone" placeholder="输入电话" />
v-for="dict in areaOptions" </el-form-item>
:key="dict.id" <el-form-item label="负责人" prop="contact">
:label="dict.name" <el-input v-model="placeForm.contact" placeholder="输入负责人" />
:value="dict.id" </el-form-item>
/> <!-- <el-form-item label="是否推荐" prop="contact">
</el-select>
</el-form-item>
<el-form-item label="电话" prop="phone">
<el-input v-model="placeForm.phone" placeholder="输入电话" />
</el-form-item>
<el-form-item label="负责人" prop="contact">
<el-input v-model="placeForm.contact" placeholder="输入负责人" />
</el-form-item>
<!-- <el-form-item label="是否推荐" prop="contact">
<el-radio v-model="placeForm.recommend" :label="true">是</el-radio> <el-radio v-model="placeForm.recommend" :label="true">是</el-radio>
<el-radio v-model="placeForm.recommend" :label="false">否</el-radio> <el-radio v-model="placeForm.recommend" :label="false">否</el-radio>
</el-form-item> --> </el-form-item> -->
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="描述" name="desc"> <el-tab-pane label="描述" name="desc">
<Editor v-model:modelValue="placeForm.introduce" /> <Editor v-model:modelValue="placeForm.introduce" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="flex items-center justify-center mt-10px"> <div class="flex items-center justify-center mt-10px">
<el-button type="primary" @click="onSubmit">保存</el-button> <el-button type="primary" @click="onSubmit">保存</el-button>
<el-button @click="closePlaceDialog">取消</el-button> <el-button @click="closePlaceDialog">取消</el-button>
</div> </div>
</el-card> </el-card>
<el-autocomplete <el-autocomplete
class="ml-10px" :style="{
v-model="areaValue" position: 'absolute',
clearable top: '20px',
placeholder="输入并搜索位置" left: placeDialogShow ? '380px' : '20px',
:fetch-suggestions="remoteMethod" width: '200px'
@select="currentSelect" }"
/> v-model="areaValue"
</div> clearable
placeholder="输入并搜索位置"
:fetch-suggestions="remoteMethod"
@select="currentSelect"
/>
<!-- 底部驾校场地列表 --> <!-- 底部驾校场地列表 -->
<el-card <el-card
@ -749,7 +747,7 @@ onMounted(() => {
position: absolute; position: absolute;
left: 20px; left: 20px;
top: 20px; top: 20px;
width: 500px; width: 350px;
display: flex; display: flex;
} }

Write Preview
Loading…
Cancel
Save