|
|
@ -173,14 +173,8 @@ var geocoder // 新建一个正逆地址解析类 |
|
|
|
let loading // 加载动画 |
|
|
|
export default { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
formType: 'add', //表单操作类型 add新增,edit编辑,detail详情 |
|
|
|
|
|
|
|
btnDisable: false, |
|
|
|
|
|
|
|
unitId: '', |
|
|
|
keyWords: '', |
|
|
|
formData: { |
|
|
|
let initFormData = () => { |
|
|
|
let _form = { |
|
|
|
unitName: '', |
|
|
|
serviceMatterList: [], |
|
|
|
type: '', |
|
|
@ -189,15 +183,27 @@ export default { |
|
|
|
memberCount: 0, |
|
|
|
remark: '', //备注【最大500字】 |
|
|
|
address: '', //详细地址 |
|
|
|
longitude: 36.0722275, //经度 |
|
|
|
latitude: 120.38945519 //纬度 |
|
|
|
}, |
|
|
|
longitude: this.$store.state.user.longitude, //经度 |
|
|
|
latitude: this.$store.state.user.latitude//纬度 |
|
|
|
} |
|
|
|
|
|
|
|
return _form |
|
|
|
} |
|
|
|
return { |
|
|
|
formType: 'add', //表单操作类型 add新增,edit编辑,detail详情 |
|
|
|
|
|
|
|
btnDisable: false, |
|
|
|
|
|
|
|
unitId: '', |
|
|
|
keyWords: '', |
|
|
|
formData: initFormData(), |
|
|
|
serviceList: [],//服务list |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
components: {}, |
|
|
|
mounted () { |
|
|
|
|
|
|
|
this.initMap() |
|
|
|
}, |
|
|
|
|
|
|
@ -210,16 +216,27 @@ export default { |
|
|
|
//获取服务事项 |
|
|
|
await this.loadService() |
|
|
|
|
|
|
|
let { latitude, longitude } = this.$store.state.user; |
|
|
|
if (!latitude || latitude == "" || latitude == "0") { |
|
|
|
latitude = 39.9088810666821; |
|
|
|
longitude = 116.39743841556731; |
|
|
|
} |
|
|
|
|
|
|
|
this.formData.latitude = latitude |
|
|
|
this.formData.longitude = longitude |
|
|
|
|
|
|
|
this.formType = type |
|
|
|
if (unitId) { |
|
|
|
this.unitId = unitId |
|
|
|
this.formData.id = unitId |
|
|
|
await this.loadFormData() |
|
|
|
} else { |
|
|
|
map.setCenter(new TMap.LatLng(36.0722275, 120.38945519)) |
|
|
|
this.setMarker(36.0722275, 120.38945519) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
map.setCenter(new TMap.LatLng(this.formData.latitude, this.formData.longitude)) |
|
|
|
this.setMarker(this.formData.latitude, this.formData.longitude) |
|
|
|
|
|
|
|
this.endLoading() |
|
|
|
|
|
|
|
}, |
|
|
@ -259,8 +276,8 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
this.formData = { ...data } |
|
|
|
map.setCenter(new TMap.LatLng(this.formData.latitude, this.formData.longitude)) |
|
|
|
this.setMarker(this.formData.latitude, this.formData.longitude) |
|
|
|
// map.setCenter(new TMap.LatLng(this.formData.latitude, this.formData.longitude)) |
|
|
|
// this.setMarker(this.formData.latitude, this.formData.longitude) |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
@ -329,7 +346,7 @@ export default { |
|
|
|
// 地图初始化函数,本例取名为init,开发者可根据实际情况定义 |
|
|
|
initMap () { |
|
|
|
// 定义地图中心点坐标 |
|
|
|
var center = new window.TMap.LatLng(36.0722275, 120.38945519) |
|
|
|
var center = new window.TMap.LatLng(this.formData.latitude, this.formData.longitude) |
|
|
|
// 定义map变量,调用 TMap.Map() 构造函数创建地图 |
|
|
|
map = new window.TMap.Map(document.getElementById('app'), { |
|
|
|
center: center, // 设置地图中心点坐标 |
|
|
@ -450,8 +467,8 @@ export default { |
|
|
|
memberCount: 0, |
|
|
|
remark: '', //备注【最大500字】 |
|
|
|
address: '', //详细地址 |
|
|
|
longitude: '', //经度 |
|
|
|
latitude: '' //纬度 |
|
|
|
longitude: this.$store.state.user.longitude, //经度 |
|
|
|
latitude: this.$store.state.user.latitude//纬度 |
|
|
|
} |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|