若依微服务1.2.6

1、电子围栏编辑页面返回区域数据
dev
xins 1 year ago
parent d2c20ebb54
commit 92c5c6a7c0

@ -1,24 +1,46 @@
<template> <template>
<div class="container"> <div class="container">
<div style="padding: 12px"> <div style="padding: 12px">
<el-form :inline="true" :model="form" class="demo-form-inline"> <el-form :inline="true" ref="form" :model="form" :rules="rules" class="demo-form-inline">
<el-form-item label="条件1"> <el-form-item label="电子围栏名称" prop="electronicFenceName">
<el-input v-model="form.data1" placeholder="条件1"></el-input> <el-input v-model="form.electronicFenceName" placeholder="请输入电子围栏名称"/>
</el-form-item> </el-form-item>
<el-form-item label="2"> <el-form-item label="所属场景" prop="sceneId">
<el-input v-model="form.data2" placeholder="2"></el-input> <el-select v-model="form.sceneId" placeholder="请选择" @input="sceneChange" :disabled="sceneDisabled">
<el-option
v-for="(scene, index) in editedScenes"
:key="index"
:label="scene.sceneName"
:value="scene.sceneId"
></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item label="触发状态" prop="triggerStatus">
<el-button type="primary" @click="a"></el-button> <el-select v-model="form.triggerStatus" placeholder="请选择触发状态">
<el-option
v-for="dict in dict.type.hw_fence_trigger_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="描述" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div> <div>
<el-col :span="12">
<el-button type="primary" @click="createPolygon"></el-button> <el-button type="primary" @click="createPolygon"></el-button>
<el-button type="primary" @click="createCircle"></el-button> <el-button type="primary" @click="createCircle"></el-button>
<el-button type="primary" @click="clear"></el-button> <el-button type="primary" @click="clear"></el-button>
<el-button type="primary" @click="getDate"></el-button> <el-button type="primary" @click="submitForm"></el-button>
</el-col>
</div> </div>
</div> </div>
<div id="map" class="map"></div> <div id="map" class="map"></div>
@ -26,7 +48,14 @@
</template> </template>
<script> <script>
import {
listElectronicFence,
getElectronicFence,
delElectronicFence,
addElectronicFence,
updateElectronicFence,
getEditedScenes
} from "@/api/business/electronicFence";
let map = null let map = null
let polyEditor = null let polyEditor = null
@ -34,15 +63,52 @@ let CircleEditor = null
let path = [[116.390969, 39.911592], [116.391496, 39.909008], [116.389264, 39.909765], [116.38802, 39.911016]] let path = [[116.390969, 39.911592], [116.391496, 39.909008], [116.389264, 39.909765], [116.38802, 39.911016]]
let path1 = [[116.391969, 39.912592], [116.392496, 39.910008], [116.390264, 39.910765], [116.38902, 39.912016]] let path1 = [[116.391969, 39.912592], [116.392496, 39.910008], [116.390264, 39.910765], [116.38902, 39.912016]]
export default { export default {
dicts: ['hw_fence_trigger_status'],
components: {}, components: {},
data() { data() {
return { return {
form: { form: {
data1: '', data1: '',
data2: '' data2: ''
},
//
editedScenes: [],
//
rules: {
electronicFenceName: [
{required: true, message: "电子围栏名称不能为空", trigger: "blur"}
],
sceneId: [
{required: true, message: "所属场景关联hw_scene表的scene_id字段不能为空", trigger: "blur"}
],
fenceType: [
{required: true, message: "规则类型不能为空", trigger: "change"}
],
effectiveTimeFlag: [
{required: true, message: "生效时间标识不能为空", trigger: "blur"}
],
effectiveTime: [
{required: true, message: "格式开始时间_结束时间_状态多个用|隔开不能为空", trigger: "blur"}
],
triggerStatus: [
{required: true, message: "触发状态不能为空", trigger: "change"}
],
areaShapeFlag: [
{required: true, message: "区域形状不能为空", trigger: "blur"}
],
fencePushFlag: [
{required: true, message: "报警推送标识(1、是0、否不能为空", trigger: "blur"}
],
} }
} }
}, },
created() {
getEditedScenes().then(response => {
this.editedScenes = response.data;
});
this.getEditedElectronicFence();
},
mounted() { mounted() {
map = new AMap.Map('map', { map = new AMap.Map('map', {
zoom: 11, zoom: 11,
@ -102,11 +168,11 @@ export default {
map.add(thisPolygon) map.add(thisPolygon)
map.setFitView() map.setFitView()
}, },
getDate() { getAreaData() {
let polygons = map.getAllOverlays('polygon'); let polygons = map.getAllOverlays('polygon');
let circles = map.getAllOverlays('circle'); let circles = map.getAllOverlays('circle');
let list = polygons.map(e => e._opts.path) let list = polygons.map(e => e._opts.path)//
let list1 = circles.map(e => { let list1 = circles.map(e => {//
return { return {
center: e._opts.center, center: e._opts.center,
radius: e._opts.radius radius: e._opts.radius
@ -130,9 +196,52 @@ export default {
index: index index: index
}) })
}) })
console.log(params)
console.log(params1) if (params.length > 0) {
this.form.polygonAreaListStr = JSON.stringify(params);
} }
if (params1.length > 0) {
this.form.circleAreaListStr = JSON.stringify(params1);
}
},
getEditedElectronicFence(){
const electronicFenceId = this.$route.params && this.$route.params.electronicFenceId;
if(electronicFenceId!=undefined){
getElectronicFence(electronicFenceId).then(response => {
this.form = response.data;
alert(this.form.circleAreaListStr);
alert(this.form.polygonAreaListStr);
});
}
},
/** 提交按钮 */
submitForm() {
this.$refs['form'].validate(valid => {
if (valid) {
this.getAreaData();
if (this.form.electronicFenceId != null) {
updateElectronicFence(this.form).then(response => {
this.$modal.msgSuccess(response.msg);
alert(response.code)
if (response.code === 200) {
this.close();
}
});
} else {
addElectronicFence(this.form).then(response => {
this.$modal.msgSuccess(response.msg);
if (response.code === 200) {
this.close();
}
});
}
}
});
},
} }
}; };
</script> </script>

Loading…
Cancel
Save