|
|
|
@ -60,22 +60,38 @@ |
|
|
|
:max="9999" |
|
|
|
label="容纳人数"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="负责人" |
|
|
|
style="display: block" |
|
|
|
label-width="150px" |
|
|
|
prop="principal"> |
|
|
|
<el-input v-model="formData.principal" |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入负责人姓名"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" |
|
|
|
style="display: block" |
|
|
|
label-width="150px" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="formData.mobile" |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入联系电话"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="地址" |
|
|
|
prop="address" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<div class="item_width_1"> |
|
|
|
<el-input |
|
|
|
style="width:420px" |
|
|
|
<el-input style="width:420px" |
|
|
|
:placeholder="'请输入所在地址'" |
|
|
|
v-model="formData.address"> |
|
|
|
</el-input> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
type="default" |
|
|
|
size="small" |
|
|
|
@click="handleSearchMap">查询</el-button> |
|
|
|
<div id="app" class="div_map"></div> |
|
|
|
<div id="app" |
|
|
|
class="div_map"></div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
@ -94,20 +110,20 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { Loading } from 'element-ui' // 引入Loading服务 |
|
|
|
import { requestPost } from '@/js/dai/request' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { Loading } from 'element-ui' // 引入Loading服务 |
|
|
|
import { requestPost } from '@/js/dai/request' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var map |
|
|
|
var search |
|
|
|
var markers |
|
|
|
var infoWindowList |
|
|
|
var geocoder // 新建一个正逆地址解析类 |
|
|
|
var map |
|
|
|
var search |
|
|
|
var markers |
|
|
|
var infoWindowList |
|
|
|
var geocoder // 新建一个正逆地址解析类 |
|
|
|
|
|
|
|
let loading // 加载动画 |
|
|
|
export default { |
|
|
|
let loading // 加载动画 |
|
|
|
export default { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 |
|
|
|
@ -123,7 +139,9 @@ |
|
|
|
capacity: '',//容纳人数 |
|
|
|
address: '', //详细地址 |
|
|
|
longitude: 36.0722275, //经度 |
|
|
|
latitude: 120.38945519 //纬度 |
|
|
|
latitude: 120.38945519, //纬度 |
|
|
|
principal: '', |
|
|
|
mobile: '' |
|
|
|
}, |
|
|
|
serviceList: [],//服务list |
|
|
|
publicServiceData: {}, |
|
|
|
@ -193,7 +211,7 @@ |
|
|
|
// let { latitude, longitude } = this.$store.state.user; |
|
|
|
// const lat = this.formData.latitude === null || this.formData.latitude === '' ? '' : this.formData.latitude; |
|
|
|
// const lon = this.formData.longitude === null || this.formData.longitude === '' ? '' : this.formData.longitude; |
|
|
|
if (this.formData.latitude !== null && this.formData.latitude !== '' && this.formData.longitude !== null && this.formData.longitude !== ''){ |
|
|
|
if (this.formData.latitude !== null && this.formData.latitude !== '' && this.formData.longitude !== null && this.formData.longitude !== '') { |
|
|
|
map.setCenter(new TMap.LatLng(this.formData.latitude, this.formData.longitude)) |
|
|
|
this.setMarker(this.formData.latitude, this.formData.longitude) |
|
|
|
} |
|
|
|
@ -224,12 +242,12 @@ |
|
|
|
}, |
|
|
|
async addUnit () { |
|
|
|
let url = '' |
|
|
|
if (this.formType === 'add'){ |
|
|
|
if (this.formType === 'add') { |
|
|
|
url = '/gov/org/icPublicService/add' |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
url = '/gov/org/icPublicService/edit' |
|
|
|
} |
|
|
|
const { data, code, msg,internalMsg } = await requestPost(url, this.formData) |
|
|
|
const { data, code, msg, internalMsg } = await requestPost(url, this.formData) |
|
|
|
if (code === 0) { |
|
|
|
this.$message({ |
|
|
|
type: 'success', |
|
|
|
@ -254,7 +272,7 @@ |
|
|
|
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 |
|
|
|
initMap () { |
|
|
|
let { latitude, longitude } = this.$store.state.user; |
|
|
|
console.log('lat'+latitude+',lon'+longitude) |
|
|
|
console.log('lat' + latitude + ',lon' + longitude) |
|
|
|
if (!latitude || latitude == "" || latitude == "0") { |
|
|
|
latitude = 39.9088810666821; |
|
|
|
longitude = 116.39743841556731; |
|
|
|
@ -431,20 +449,20 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.div_map { |
|
|
|
.div_map { |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.div_searchmap { |
|
|
|
} |
|
|
|
.div_searchmap { |
|
|
|
z-index: 5000; |
|
|
|
position: absolute; |
|
|
|
top: 5px; |
|
|
|
left: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang="scss" scoped > |
|
|
|
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|
|
|
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|
|
|
</style> |
|
|
|
|
jiangyy
3 years ago