|
|
@ -3,14 +3,14 @@ |
|
|
|
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
|
|
<a-row> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-form-item label="区域" v-bind="validateInfos.lineId"> |
|
|
|
<a-form-item label="防区" v-bind="validateInfos.lineId"> |
|
|
|
<!-- <j-dict-select-tag v-model:value="formData.lineId" dictCode="" placeholder="" :disabled="disabled"/> --> |
|
|
|
<a-select |
|
|
|
v-model:value="formData.lineId" |
|
|
|
style="width: 300px" |
|
|
|
@change="changeLineValue" |
|
|
|
:disabled="disabled" |
|
|
|
placeholder="请选择所属区域" |
|
|
|
placeholder="请选择所属防区" |
|
|
|
> |
|
|
|
<a-select-option v-for="(item, index) in lineSelect" :value="item.id" :key="item.id"> |
|
|
|
{{ item.name }} |
|
|
@ -19,13 +19,13 @@ |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-form-item label="站点序号" v-bind="validateInfos.sitecode"> |
|
|
|
<a-input v-model:value="formData.sitecode" placeholder="请输入站点序号" :disabled="disabled"></a-input> |
|
|
|
<a-form-item label="点位序号" v-bind="validateInfos.sitecode"> |
|
|
|
<a-input v-model:value="formData.sitecode" placeholder="请输入点位序号" :disabled="disabled"></a-input> |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-form-item label="站点名称" v-bind="validateInfos.sitename"> |
|
|
|
<a-input v-model:value="formData.sitename" placeholder="请输入站点名称" :disabled="disabled"></a-input> |
|
|
|
<a-form-item label="点位名称" v-bind="validateInfos.sitename"> |
|
|
|
<a-input v-model:value="formData.sitename" placeholder="请输入点位名称" :disabled="disabled"></a-input> |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
<template v-if="disabled == false"> |
|
|
@ -98,7 +98,8 @@ |
|
|
|
import { Form } from 'ant-design-vue'; |
|
|
|
import EarthMapModal from '@/views/military/modules/earthMap/scene/model/mapModel/EarthMapModal.vue'; |
|
|
|
import locationPng from '@/assets/images/getLocation.png'; |
|
|
|
|
|
|
|
import { useUserStore } from '/@/store/modules/user'; |
|
|
|
const userStore = useUserStore(); |
|
|
|
const lineSelect: any = ref([]); |
|
|
|
const props = defineProps({ |
|
|
|
formDisabled: { type: Boolean, default: false }, |
|
|
@ -126,11 +127,11 @@ |
|
|
|
const confirmLoading = ref<boolean>(false); |
|
|
|
//表单验证 |
|
|
|
const validatorRules = { |
|
|
|
sitecode: [{ required: true, message: '请输入站点序号!' }], |
|
|
|
sitename: [{ required: true, message: '请输入站点名称!' }], |
|
|
|
sitecode: [{ required: true, message: '请输入点位序号!' }], |
|
|
|
sitename: [{ required: true, message: '请输入点位名称!' }], |
|
|
|
longitude: [{ required: true, message: '请输入经度!' }], |
|
|
|
latitude: [{ required: true, message: '请输入纬度!' }], |
|
|
|
lineId: [{ required: true, message: '请选择所属区域!' }], |
|
|
|
lineId: [{ required: true, message: '请选择所属防区!' }], |
|
|
|
}; |
|
|
|
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: true }); |
|
|
|
|
|
|
@ -151,19 +152,34 @@ |
|
|
|
}); |
|
|
|
//线路选择框 |
|
|
|
function setSelectList() { |
|
|
|
// defHttp |
|
|
|
// .get( |
|
|
|
// { |
|
|
|
// url: '/military/msMapLine/mapLineSelect', |
|
|
|
// }, |
|
|
|
// { isTransformResponse: false } |
|
|
|
// ) |
|
|
|
// // getAction(this.url.querySelectList, {}) |
|
|
|
// .then((res) => { |
|
|
|
// if (res.success) { |
|
|
|
// lineSelect.value = res.result; |
|
|
|
// } |
|
|
|
// }); |
|
|
|
defHttp |
|
|
|
.get( |
|
|
|
{ |
|
|
|
url: '/military/msMapLine/mapLineSelect', |
|
|
|
}, |
|
|
|
{ isTransformResponse: false } |
|
|
|
) |
|
|
|
// getAction(this.url.querySelectList, {}) |
|
|
|
url: '/military/msMapLine/list', |
|
|
|
params: { |
|
|
|
sceneId: userStore.userInfo?.sceneId + "*" |
|
|
|
}, |
|
|
|
},{ isTransformResponse: false }) |
|
|
|
.then((res) => { |
|
|
|
if (res.success) { |
|
|
|
lineSelect.value = res.result; |
|
|
|
lineSelect.value = res.result.records; |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
|