|
@@ -2,25 +2,61 @@
|
|
|
<div>
|
|
<div>
|
|
|
<el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small"
|
|
<el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small"
|
|
|
style="max-width: 500px;">
|
|
style="max-width: 500px;">
|
|
|
- <el-form-item prop="vuforiaImageGroupId" label="所属图集ID">
|
|
|
|
|
- <el-input v-model="formData.vuforiaImageGroupId" :disabled="'vuforiaImageGroupId'==subColumn"></el-input>
|
|
|
|
|
|
|
+ <el-form-item prop="vuforiaImageGroupId" label="所属图集ID">
|
|
|
|
|
+ <template>
|
|
|
|
|
+ <el-select v-model="formData.vuforiaImageGroupId" clearable placeholder="请选择" :disabled="'vuforiaImageGroupId'==subColumn">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in vuforiaImageGroupIdOptions"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </template>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="name" label="识别图名称">
|
|
|
|
|
|
|
+ <el-form-item prop="name" label="识别图名称">
|
|
|
<el-input v-model="formData.name" :disabled="'name'==subColumn"></el-input>
|
|
<el-input v-model="formData.name" :disabled="'name'==subColumn"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="vuforiaImageTypeId" label="识别图类型ID">
|
|
|
|
|
- <el-input v-model="formData.vuforiaImageTypeId" :disabled="'vuforiaImageTypeId'==subColumn"></el-input>
|
|
|
|
|
|
|
+ <el-form-item prop="vuforiaImageTypeId" label="识别图类型ID">
|
|
|
|
|
+ <template>
|
|
|
|
|
+ <el-select v-model="formData.vuforiaImageTypeId" clearable placeholder="请选择" :disabled="'vuforiaImageTypeId'==subColumn">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in vuforiaImageTypeIdOptions"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </template>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="areaMarking" label="区域标记编号">
|
|
|
|
|
|
|
+ <el-form-item prop="areaMarking" label="区域标记编号">
|
|
|
<el-input v-model="formData.areaMarking" :disabled="'areaMarking'==subColumn"></el-input>
|
|
<el-input v-model="formData.areaMarking" :disabled="'areaMarking'==subColumn"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="landMarkId" label="所属地标ID">
|
|
|
|
|
- <el-input v-model="formData.landMarkId" :disabled="'landMarkId'==subColumn"></el-input>
|
|
|
|
|
|
|
+ <el-form-item prop="landMarkId" label="所属地标ID">
|
|
|
|
|
+ <template>
|
|
|
|
|
+ <el-select v-model="formData.landMarkId" clearable placeholder="请选择" :disabled="'landMarkId'==subColumn">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in landMarkIdOptions"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </template>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="arContentGroupId" label="AR内容组ID">
|
|
<el-form-item prop="arContentGroupId" label="AR内容组ID">
|
|
|
- <el-input v-model="formData.arContentGroupId" :disabled="'arContentGroupId'==subColumn"></el-input>
|
|
|
|
|
|
|
+ <template>
|
|
|
|
|
+ <el-select v-model="formData.arContentGroupId" clearable placeholder="请选择" :disabled="'arContentGroupId'==subColumn">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in arContentGroupIdOptions"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </template>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="posX" label="坐标X">
|
|
|
|
|
|
|
+ <el-form-item prop="posX" label="坐标X">
|
|
|
<el-input v-model="formData.posX" :disabled="'posX'==subColumn"></el-input>
|
|
<el-input v-model="formData.posX" :disabled="'posX'==subColumn"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="posY" label="坐标Y">
|
|
<el-form-item prop="posY" label="坐标Y">
|
|
@@ -41,10 +77,10 @@
|
|
|
<el-form-item prop="remark3" label="备注3">
|
|
<el-form-item prop="remark3" label="备注3">
|
|
|
<el-input v-model="formData.remark3" :disabled="'remark3'==subColumn"></el-input>
|
|
<el-input v-model="formData.remark3" :disabled="'remark3'==subColumn"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="vuforiaImage" label="识别图">
|
|
|
|
|
- <el-input v-model="formData.vuforiaImage" :disabled="'vuforiaImage'==subColumn"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item>
|
|
|
|
|
|
|
+ <el-form-item prop="vuforiaImage" label="识别图">
|
|
|
|
|
+ <single-upload v-model="formData.vuforiaImage" :disabled="'vuforiaImage'==subColumn"></single-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item>
|
|
|
<el-button @click="onSave" :loading="$store.state.fetchingData" type="primary">保存</el-button>
|
|
<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="onDelete" v-if="formData.id" type="danger">删除</el-button>
|
|
|
<el-button @click="$router.go(-1)">取消</el-button>
|
|
<el-button @click="$router.go(-1)">取消</el-button>
|
|
@@ -85,14 +121,78 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- },
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ this.$http.get({
|
|
|
|
|
+ url:'/vuforiaImageGroup/all'
|
|
|
|
|
+ }).then(res => {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+
|
|
|
|
|
+ if (res.data.length > 0) {
|
|
|
|
|
+ res.data.forEach(item => {
|
|
|
|
|
+ this.vuforiaImageGroupIdOptions.push({label: item.vuforiaName, value:item.id});
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ this.$http.get({
|
|
|
|
|
+ url:'/vuforiaImageType/all'
|
|
|
|
|
+ }).then(res => {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+
|
|
|
|
|
+ if (res.data.length > 0) {
|
|
|
|
|
+ res.data.forEach(item => {
|
|
|
|
|
+ this.vuforiaImageTypeIdOptions.push({label: item.typeName, value:item.id});
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ this.$http.get({
|
|
|
|
|
+ url:'/landMark/all'
|
|
|
|
|
+ }).then(res => {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+
|
|
|
|
|
+ if (res.data.length > 0) {
|
|
|
|
|
+ res.data.forEach(item => {
|
|
|
|
|
+ this.landMarkIdOptions.push({label: item.mapName, value:item.id});
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ this.$http.get({
|
|
|
|
|
+ url:'/arContent/all'
|
|
|
|
|
+ }).then(res => {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+
|
|
|
|
|
+ if (res.data.length > 0) {
|
|
|
|
|
+ res.data.forEach(item => {
|
|
|
|
|
+ this.arContentGroupIdOptions.push({label: item.name, value:item.id});
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
saving: false,
|
|
saving: false,
|
|
|
formData: {},
|
|
formData: {},
|
|
|
rules: {
|
|
rules: {
|
|
|
},
|
|
},
|
|
|
- subColumn: '',
|
|
|
|
|
|
|
+ vuforiaImageGroupIdOptions:[],
|
|
|
|
|
+ vuforiaImageTypeIdOptions:[],
|
|
|
|
|
+ landMarkIdOptions:[],
|
|
|
|
|
+ arContentGroupIdOptions:[],
|
|
|
|
|
+ subColumn: '',
|
|
|
subValue: '',
|
|
subValue: '',
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|