|
|
@@ -1,103 +1,106 @@
|
|
|
<template>
|
|
|
- <div >
|
|
|
+ <div>
|
|
|
|
|
|
- <el-tabs :value="tabVal" type="border-card" >
|
|
|
+ <el-tabs :value="tabVal" type="border-card">
|
|
|
<el-tab-pane label="地标信息" name="1">
|
|
|
- <el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small" style="max-width: 500px;">
|
|
|
- <el-form-item prop="mapName" label="地标名称">
|
|
|
- <el-input v-model="formData.mapName" :disabled="'mapName'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="ownedCityId" label="所属城市Id">
|
|
|
- <template>
|
|
|
- <el-select v-model="formData.ownedCityId" clearable placeholder="请选择" :disabled="'ownedCityId'==subColumn">
|
|
|
- <el-option v-for="item in ownedCityIdOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="mapSprite" label="缩略图">
|
|
|
- <single-upload v-model="formData.mapSprite" :disabled="'mapSprite'==subColumn"></single-upload>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="mapSprite" label="缩略图URL">
|
|
|
- <el-input v-model="formData.mapSprite" :disabled="'mapSprite'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="logeSprite" label="地点Loge图">
|
|
|
- <single-upload v-model="formData.logeSprite" :disabled="'logeSprite'==subColumn"></single-upload>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="logeSprite" label="地点Loge图URL">
|
|
|
- <el-input v-model="formData.logeSprite" :disabled="'logeSprite'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="openDescribe" label="营业/开放情况">
|
|
|
- <el-input v-model="formData.openDescribe" :disabled="'openDescribe'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="markDescribe" label="地标简介">
|
|
|
- <el-input type="textarea" v-model="formData.markDescribe" :disabled="'markDescribe'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="anchorImageGroupName" label="识别图组名称">
|
|
|
- <el-input v-model="formData.anchorImageGroupName" :disabled="'anchorImageGroupName'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="defaultMode" label="模式">
|
|
|
- <el-input v-model="formData.defaultMode" :disabled="'defaultMode'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="vuforiaImageGroupId" label="识别图集ID">
|
|
|
- <el-input v-model="formData.vuforiaImageGroupId" :disabled="'vuforiaImageGroupId'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="vuforiaDataName" label="识别图集数据名称">
|
|
|
- <el-input v-model="formData.vuforiaDataName" :disabled="'vuforiaDataName'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="mapInfo" label="地图信息">
|
|
|
- <el-input type="textarea" v-model="formData.mapInfo" :disabled="'mapInfo'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="mapWidth" label="地图宽">
|
|
|
- <el-input v-model="formData.mapWidth" :disabled="'mapWidth'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="mapHeight" label="地图高">
|
|
|
- <el-input v-model="formData.mapHeight" :disabled="'mapHeight'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="mapRate" label="比率">
|
|
|
- <el-input v-model="formData.mapRate" :disabled="'mapRate'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="showInPanel" label="是否显示">
|
|
|
- <el-input v-model="formData.showInPanel" :disabled="'showInPanel'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <div :style="{height:totalHeight-120+'px'}" style="overflow:auto">
|
|
|
+ <el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small" style="max-width: 500px;">
|
|
|
+ <el-form-item prop="mapName" label="地标名称">
|
|
|
+ <el-input v-model="formData.mapName" :disabled="'mapName'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="ownedCityId" label="所属城市Id">
|
|
|
+ <template>
|
|
|
+ <el-select v-model="formData.ownedCityId" clearable placeholder="请选择" :disabled="'ownedCityId'==subColumn">
|
|
|
+ <el-option v-for="item in ownedCityIdOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="mapSprite" label="缩略图">
|
|
|
+ <single-upload v-model="formData.mapSprite" :disabled="'mapSprite'==subColumn"></single-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="mapSprite" label="缩略图URL">
|
|
|
+ <el-input v-model="formData.mapSprite" :disabled="'mapSprite'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="logeSprite" label="地点Loge图">
|
|
|
+ <single-upload v-model="formData.logeSprite" :disabled="'logeSprite'==subColumn"></single-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="logeSprite" label="地点Loge图URL">
|
|
|
+ <el-input v-model="formData.logeSprite" :disabled="'logeSprite'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="openDescribe" label="营业/开放情况">
|
|
|
+ <el-input v-model="formData.openDescribe" :disabled="'openDescribe'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="markDescribe" label="地标简介">
|
|
|
+ <el-input type="textarea" v-model="formData.markDescribe" :disabled="'markDescribe'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="anchorImageGroupName" label="识别图组名称">
|
|
|
+ <el-input v-model="formData.anchorImageGroupName" :disabled="'anchorImageGroupName'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="defaultMode" label="模式">
|
|
|
+ <el-input v-model="formData.defaultMode" :disabled="'defaultMode'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="vuforiaImageGroupId" label="识别图集ID">
|
|
|
+ <el-input v-model="formData.vuforiaImageGroupId" :disabled="'vuforiaImageGroupId'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="vuforiaDataName" label="识别图集数据名称">
|
|
|
+ <el-input v-model="formData.vuforiaDataName" :disabled="'vuforiaDataName'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="mapInfo" label="地图信息">
|
|
|
+ <el-input type="textarea" v-model="formData.mapInfo" :disabled="'mapInfo'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="mapWidth" label="地图宽">
|
|
|
+ <el-input v-model="formData.mapWidth" :disabled="'mapWidth'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="mapHeight" label="地图高">
|
|
|
+ <el-input v-model="formData.mapHeight" :disabled="'mapHeight'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="mapRate" label="比率">
|
|
|
+ <el-input v-model="formData.mapRate" :disabled="'mapRate'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="showInPanel" label="是否显示">
|
|
|
+ <el-input v-model="formData.showInPanel" :disabled="'showInPanel'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form-item>
|
|
|
- <el-button type="text" @click="mapDialogVisible = !mapDialogVisible">点击打开地图选择地址</el-button>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="text" @click="mapDialogVisible = !mapDialogVisible">点击打开地图选择地址</el-button>
|
|
|
|
|
|
- <div class="amap-page-container" v-if="mapDialogVisible">
|
|
|
- <coordinate-select :value="[formData.longitude||118.79647,formData.latitude||32.05838]" @selected="coordinateSelected" v-if="mapDialogVisible"></coordinate-select>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
+ <div class="amap-page-container" v-if="mapDialogVisible">
|
|
|
+ <coordinate-select :value="[formData.longitude||118.79647,formData.latitude||32.05838]" @selected="coordinateSelected" v-if="mapDialogVisible"></coordinate-select>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item prop="longitude" label="经度">
|
|
|
+ <el-input v-model="formData.longitude" :disabled="'longitude'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="latitude" label="纬度">
|
|
|
+ <el-input v-model="formData.latitude" :disabled="'latitude'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="remark1" label="备注1">
|
|
|
+ <el-input v-model="formData.remark1" :disabled="'remark1'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="remark2" label="备注2">
|
|
|
+ <el-input v-model="formData.remark2" :disabled="'remark2'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="remark3" label="备注3">
|
|
|
+ <el-input v-model="formData.remark3" :disabled="'remark3'==subColumn"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="frontLevelId" label="上级地标ID">
|
|
|
+ <template>
|
|
|
+ <el-select v-model="formData.frontLevelId" clearable placeholder="请选择" :disabled="'frontLevelId'==subColumn">
|
|
|
+ <el-option v-for="item in frontLevelIdOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="onSave" :loading="$store.state.fetchingData" type="primary">保存</el-button>
|
|
|
+ <el-button @click="onDelete" v-if="formData.id" type="danger">删除</el-button>
|
|
|
+ <el-button @click="$router.go(-1)">取消</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
|
|
|
- <el-form-item prop="longitude" label="经度">
|
|
|
- <el-input v-model="formData.longitude" :disabled="'longitude'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="latitude" label="纬度">
|
|
|
- <el-input v-model="formData.latitude" :disabled="'latitude'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="remark1" label="备注1">
|
|
|
- <el-input v-model="formData.remark1" :disabled="'remark1'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="remark2" label="备注2">
|
|
|
- <el-input v-model="formData.remark2" :disabled="'remark2'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="remark3" label="备注3">
|
|
|
- <el-input v-model="formData.remark3" :disabled="'remark3'==subColumn"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="frontLevelId" label="上级地标ID">
|
|
|
- <template>
|
|
|
- <el-select v-model="formData.frontLevelId" clearable placeholder="请选择" :disabled="'frontLevelId'==subColumn">
|
|
|
- <el-option v-for="item in frontLevelIdOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button @click="onSave" :loading="$store.state.fetchingData" type="primary">保存</el-button>
|
|
|
- <el-button @click="onDelete" v-if="formData.id" type="danger">删除</el-button>
|
|
|
- <el-button @click="$router.go(-1)">取消</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="目标点内容" name="2" v-if="this.$route.query.id">
|
|
|
<AimPlaceContents></AimPlaceContents>
|
|
|
@@ -106,7 +109,7 @@
|
|
|
<AimPlacePositions></AimPlacePositions>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="识别图" name="4" v-if="this.$route.query.id">
|
|
|
- <VuforiaImageInfos></VuforiaImageInfos>
|
|
|
+ <VuforiaImageInfos></VuforiaImageInfos>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
|
|
|
@@ -188,6 +191,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+
|
|
|
saving: false,
|
|
|
formData: {
|
|
|
latitude: 32.05838,
|
|
|
@@ -200,7 +204,7 @@ export default {
|
|
|
subColumn: '',
|
|
|
subValue: '',
|
|
|
mapDialogVisible: false,
|
|
|
- tabVal:"2",
|
|
|
+ tabVal: "1",
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -224,7 +228,15 @@ export default {
|
|
|
}).then(res => {
|
|
|
if (res.success) {
|
|
|
this.$message.success('成功');
|
|
|
- this.$router.go(-1);
|
|
|
+ if (!this.formData.id) {
|
|
|
+ this.$router.replace({
|
|
|
+ name: '',
|
|
|
+ query: {
|
|
|
+ id: res.data
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
} else {
|
|
|
this.$message.warning('失败')
|
|
|
}
|
|
|
@@ -254,7 +266,7 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
components: {
|
|
|
- CoordinateSelect,AimPlaceContents,AimPlacePositions,VuforiaImageInfos
|
|
|
+ CoordinateSelect, AimPlaceContents, AimPlacePositions, VuforiaImageInfos
|
|
|
}
|
|
|
}
|
|
|
</script>
|