|
@@ -1,7 +1,28 @@
|
|
|
<template>
|
|
|
<Dialog type="sm" title="请选择事发地点" customShow @close="handleClose" @confirm="submit">
|
|
|
- <el-form ref="queryFormRef" :model="form" :rules="rules">
|
|
|
+ <el-form ref="queryFormRef" :model="form">
|
|
|
<div class="form">
|
|
|
+ <div class="line">
|
|
|
+ <div class="form-item" style="margin-right: 20px">
|
|
|
+ <div class="text">灾害事件</div>
|
|
|
+ <el-input v-model="form.event_title" class="custom-input" placeholder="请输入" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="line">
|
|
|
+ <div class="form-item" style="margin-right: 20px">
|
|
|
+ <div class="text">灾害级别</div>
|
|
|
+ <el-select
|
|
|
+ v-model="form.event_level"
|
|
|
+ placeholder="请选择"
|
|
|
+ class="custom-select"
|
|
|
+ popper-class="custom-select-popper"
|
|
|
+ :teleported="false"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option v-for="item in mm_event_level" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="line">
|
|
|
<div class="form-item" style="margin-right: 20px">
|
|
|
<div class="text">详细地址</div>
|
|
@@ -51,7 +72,7 @@
|
|
|
<el-input v-model="form.longitude" class="custom-input" placeholder="请输入" />
|
|
|
</div>
|
|
|
<div class="form-item" style="margin-left: 80px">
|
|
|
- <div class="text">详细地址</div>
|
|
|
+ <div class="text">纬度</div>
|
|
|
<el-input v-model="form.latitude" class="custom-input" placeholder="请输入" />
|
|
|
</div>
|
|
|
</div>
|
|
@@ -78,6 +99,7 @@
|
|
|
import AMapLoader from '@amap/amap-jsapi-loader';
|
|
|
import { useRouter } from 'vue-router';
|
|
|
import { addEvent } from '@/api/emergencyCommandMap/JointDuty';
|
|
|
+import { showErrorMsg } from '@/utils/notification';
|
|
|
|
|
|
const props = defineProps({
|
|
|
visible: {
|
|
@@ -88,6 +110,8 @@ const props = defineProps({
|
|
|
},
|
|
|
flag: Boolean
|
|
|
});
|
|
|
+const proxy = getCurrentInstance()?.proxy;
|
|
|
+const { mm_event_level } = toRefs(proxy?.useDict( 'mm_event_level'));
|
|
|
const router = useRouter();
|
|
|
const emits = defineEmits(['update:visible']);
|
|
|
const containerScale = inject('containerScale');
|
|
@@ -97,11 +121,6 @@ let amap = {};
|
|
|
let marker = null; //地图上的点标记
|
|
|
let contextMenu = null;
|
|
|
let lnglatPosition = ref([]); //选中的新坐标
|
|
|
-let rules = reactive({
|
|
|
- address: [{ required: true, message: '详细地址不能为空', trigger: 'blur' }],
|
|
|
- longitude: [{ required: true, message: '经度不能为空', trigger: 'blur' }],
|
|
|
- latitude: [{ required: true, message: '纬度不能为空', trigger: 'blur' }]
|
|
|
-});
|
|
|
let pageNum = ref(1);
|
|
|
let pageSize = ref(10);
|
|
|
let total = ref(0);
|
|
@@ -321,19 +340,22 @@ function handleResize() {
|
|
|
map.resize();
|
|
|
}
|
|
|
function submit() {
|
|
|
- queryFormRef.value.validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- console.log('提交数据', form);
|
|
|
- addEvent(form).then((res) => {
|
|
|
- router.push({
|
|
|
- path: props.flag ? '/emergencyCommandMap' : '/emergencyCommandMap2',
|
|
|
- query: {
|
|
|
- event_id: res.data
|
|
|
- }
|
|
|
- });
|
|
|
+ if (!form.address) {
|
|
|
+ showErrorMsg('详细地址不能为空');
|
|
|
+ } else if (!form.longitude) {
|
|
|
+ showErrorMsg('经度不能为空');
|
|
|
+ } else if (!form.latitude) {
|
|
|
+ showErrorMsg('纬度不能为空');
|
|
|
+ } else {
|
|
|
+ addEvent(form).then((res) => {
|
|
|
+ router.push({
|
|
|
+ path: props.flag ? '/emergencyCommandMap' : '/emergencyCommandMap2',
|
|
|
+ query: {
|
|
|
+ event_id: res.data
|
|
|
+ }
|
|
|
});
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|