-
-
详情
+
+
+
+
运输保障机构详情
-
-
返回基本信息
+
+
+
+ | 运输机构名称 |
+ {{ form.ORG_NAME }} |
+ 地址 |
+ {{ form.ADDRESS }} |
+
+
+ | 运输机构类型 |
+ {{ form.ORG_TYPE }} |
+ 运输机构级别 |
+ {{ form.ORG_LEVEL }} |
+
+
+ | 邮编 |
+ {{ form.POSTAL_CODE }} |
+ 机构密级 |
+ {{ form.SECURITY_LEVEL }} |
+
+
+ | 值班电话 |
+ {{ form.DUTY_PHONE }} |
+ 传真 |
+ {{ form.FAX }} |
+
+
+ | 所属区域 |
+ {{ form.ADMINISTRATIVE_REGION_NAME }} |
+
+
+ | 经度 |
+ {{ form.LONGITUDE }} |
+ 纬度 |
+ {{ form.LATITUDE }} |
+
+
+ | 应急运输方式 |
+ {{ form.EMERGENCY_TRANSPORT_MODE }} |
+
+
+ | 负责人 |
+ {{ form.RESPONSIBLE_PERSON }} |
+ 负责人办公电话 |
+ {{ form.RESPONSIBLE_OFFICE_PHONE }} |
+
+
+ | 负责人移动电话 |
+ {{ form.RESPONSIBLE_MOBILE_PHONE }} |
+ 负责人住宅电话 |
+ {{ form.RESPONSIBLE_HOME_PHONE }} |
+
+
+ | 联系人 |
+ {{ form.CONTACT_PERSON }} |
+ 联系人办公电话 |
+ {{ form.CONTACT_OFFICE_PHONE }} |
+
+
+ | 联系人移动电话 |
+ {{ form.CONTACT_MOBILE_PHONE }} |
+ 联系人住宅电话 |
+ {{ form.CONTACT_HOME_PHONE }} |
+
+
+ | 联系人电子邮箱 |
+ {{ form.CONTACT_EMAIL }} |
+
+
+ | 主管单位名称 |
+ {{ form.SUPERVISING_UNIT_NAME }} |
+ 主管单位地址 |
+ {{ form.SUPERVISING_UNIT_ADDRESS }} |
+
+
+ | 企业基本情况 |
+ {{ form.COMPANY_OVERVIEW }} |
+
+
+ | 客运能力 |
+ {{ form.PASSENGER_TRANSPORT_CAPACITY }} |
+ 货运能力 |
+ {{ form.CARGO_TRANSPORT_CAPACITY }} |
+
+
+ | 应急能力描述 |
+ {{ form.EMERGENCY_CAPACITY_DESCRIPTION }} |
+
+
+ | 备注 |
+ {{ form.REMARK }} |
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
+
diff --git a/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue
index d420212..1e99448 100644
--- a/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_information/security_agency/transportation_management/components/list.vue
@@ -74,12 +74,25 @@
no-children-text="暂无数据"
/>
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -117,6 +130,7 @@
placeholder="请选择主管单位"
no-options-text="暂无数据"
no-children-text="暂无数据"
+ @input="handleDepartmentChange"
/>
@@ -143,6 +157,38 @@
确 定
+
+
+
+
+
+
+
+
+
+
+
@@ -155,6 +201,21 @@ export default {
components: { Treeselect, Pagination },
data() {
return {
+ // 地图相关
+ CORPINFO_ID: this.$parent.CORPINFO_ID,
+ clientHeight: 600,
+ loadingMap: true,
+ listLoading: false,
+ buttonloading: false,
+ BMap: '',
+ map: '',
+ showMap: false,
+ addressKeyword: '',
+ pointLngLat: '',
+ zoom: 10,
+ dialogFormMap: false,
+ LATITUDE: '',
+ LONGITUDE: '',
listQuery: {
page: 1,
limit: 10
@@ -189,6 +250,7 @@ export default {
CONTACT_HOME_PHONE: '',
CONTACT_EMAIL: '',
SUPERVISING_UNIT: '',
+ SUPERVISING_UNIT_NAME: '',
SUPERVISING_UNIT_ADDRESS: '',
COMPANY_OVERVIEW: '',
PASSENGER_TRANSPORT_CAPACITY: '',
@@ -325,6 +387,12 @@ export default {
this.getDepartmentList()
},
methods: {
+ handleDepartmentChange(value) {
+ const selectedDepartment = this.DepartmentData.find(department => department.id === value)
+ if (selectedDepartment) {
+ this.form.SUPERVISING_UNIT_NAME = selectedDepartment.label
+ }
+ },
resetQuery() {
this.KEYWORDS_ORG_NAME = ''
this.KEYWORDS_ORG_TYPE = ''
@@ -355,6 +423,124 @@ export default {
console.error('获取树形数据失败', e)
})
},
+ //* **************地图相关*****************
+ // 地图相关
+ mapOpen() {
+ this.top = this.getScrollTop()
+ if (this.top) {
+ this.setScrollTop(0)
+ }
+ },
+ // 关闭地图后调用
+ mapClose() {
+ this.setScrollTop(this.top)
+ this.top = 0
+ this.showMap = false
+ },
+ getScrollTop() {
+ let scrollTop = 0
+ if (document.documentElement && document.documentElement.scrollTop) {
+ scrollTop = document.documentElement.scrollTop
+ } else if (document.body) {
+ scrollTop = document.body.scrollTop
+ }
+ return scrollTop
+ },
+ setScrollTop(top) {
+ if (!isNaN(top)) {
+ if (document.documentElement && document.documentElement.scrollTop !== undefined) {
+ document.documentElement.scrollTop = top
+ } else if (document.body) {
+ document.body.scrollTop = top
+ }
+ }
+ },
+ // 地图初始化
+ handler({ BMap, map }) {
+ this.mapOpen()
+ this.BMap = BMap
+ this.map = map
+ this.loadingMap = true
+ var geolocation = new BMap.Geolocation()
+ const myGeo = new BMap.Geocoder()
+ var $this = this
+ // 调用百度地图api 中的获取当前位置接口
+ geolocation.getCurrentPosition(function(r) {
+ myGeo.getLocation(new BMap.Point(r.point.lng, r.point.lat), function(result) {
+ if (result) {
+ $this.loadingMap = false
+ $this.$set($this, 'pointLngLat', { lng: result.point.lng, lat: result.point.lat })
+ map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放,默认关闭
+ $this.setCenter({ BMap, map })
+ }
+ })
+ })
+ },
+ // 搜索地图
+ querySearch(queryString, cb) {
+ var options = {
+ onSearchComplete: function(results) {
+ if (local.getStatus() === 0) {
+ // 判断状态是否正确
+ var s = []
+ for (var i = 0; i < results.getCurrentNumPois(); i++) {
+ var x = results.getPoi(i)
+ var item = { value: x.address + x.title, point: x.point }
+ s.push(item)
+ cb(s)
+ }
+ } else {
+ cb()
+ }
+ }
+ }
+ var local = new this.BMap.LocalSearch(this.map, options)
+ local.search(queryString)
+ },
+ handleSelect(item) {
+ var { point } = item
+ this.map.clearOverlays() // 清除地图上所有覆盖物
+ this.map.centerAndZoom(point, this.zoom)
+ const marker = new this.BMap.Marker(point) // 创建标注
+ this.map.addOverlay(marker) // 将标注添加到地图中
+ marker.enableDragging() // 可拖拽
+ this.LONGITUDE = point.lng
+ this.LATITUDE = point.lat
+ },
+ // 设置打开中心位置
+ setCenter({ BMap, map }) {
+ var lng = ''
+ var lat = ''
+ if (this.form.LONGITUDE == '' || this.form.LATITUDE == '') {
+ lng = '119.525971'
+ lat = '39.894727'
+ } else {
+ lng = this.form.LONGITUDE
+ lat = this.form.LATITUDE
+ }
+ var point = new BMap.Point(lng, lat)
+ // var point = new BMap.Point(this.form.LONGITUDE, this.form.LATITUDE)
+ const zoom = map.getZoom()
+ setTimeout(() => {
+ map.centerAndZoom(point, zoom)
+ }, 0)
+ // var marker = new BMap.Marker(point) // 创建标注
+ // map.addOverlay(marker) // 将标注添加到地图中
+ },
+ handleMap() {
+ this.dialogFormMap = true
+ this.LATITUDE = this.form.LATITUDE
+ this.LONGITUDE = this.form.LONGITUDE
+ },
+ getClickInfo(e) {
+ this.LONGITUDE = e.point.lng
+ this.LATITUDE = e.point.lat
+ },
+ setPosition() {
+ this.dialogFormMap = false
+ this.form.LATITUDE = this.LATITUDE
+ this.form.LONGITUDE = this.LONGITUDE
+ },
//* *******************列表查询******************************
getList() {
@@ -410,6 +596,7 @@ export default {
CONTACT_HOME_PHONE: data.CONTACT_HOME_PHONE,
CONTACT_EMAIL: data.CONTACT_EMAIL,
SUPERVISING_UNIT: data.SUPERVISING_UNIT,
+ SUPERVISING_UNIT_NAME: data.SUPERVISING_UNIT_NAME,
SUPERVISING_UNIT_ADDRESS: data.SUPERVISING_UNIT_ADDRESS,
COMPANY_OVERVIEW: data.COMPANY_OVERVIEW,
PASSENGER_TRANSPORT_CAPACITY: data.PASSENGER_TRANSPORT_CAPACITY,
@@ -425,6 +612,8 @@ export default {
handleAdd() {
this.dialogFormEdit = true
this.form = {}
+ this.form.LONGITUDE = ''
+ this.form.LATITUDE = ''
this.dialogType = 'saveUser'
this.$refs.upload.clearFiles()
},