表单报错修改
parent
ce8788adc3
commit
490817f62d
|
|
@ -44,7 +44,7 @@
|
|||
@success="submitsuccess"
|
||||
/> -->
|
||||
<div class="map-form-container" v-if="mapFormShow">
|
||||
<MapFormModal v-if="mapFormShow" @clsoeMapForm="clsoeMapForm" :data="mapFormData"/>
|
||||
<MapFormModal v-if="mapFormShow" @clsoeMapForm="clsoeMapForm" :data="mapFormData" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -109,8 +109,8 @@
|
|||
import { v4 as uuidv4 } from 'uuid';
|
||||
import { changeCardStructure, cardNestStructure } from '@/views/demo/onlineform/util.ts';
|
||||
const MapboxMap = defineAsyncComponent(() => import('@/components/MapboxMaps/MapComponent.vue'));
|
||||
const mapFormShow = ref<boolean>(false)
|
||||
const mapFormData = ref<Object>({})
|
||||
const mapFormShow = ref<boolean>(false);
|
||||
const mapFormData = ref<Object>({});
|
||||
const { createConfirm, createMessage } = useMessage();
|
||||
const route = useRoute();
|
||||
const btnArr: any = [
|
||||
|
|
@ -256,7 +256,7 @@
|
|||
}
|
||||
const [registerModal, { openModal }] = useModal();
|
||||
|
||||
const [registerMapFormModal,{ openModal:openMapFormModal }] = useModal();
|
||||
const [registerMapFormModal, { openModal: openMapFormModal }] = useModal();
|
||||
|
||||
const [registerTable, { reload, setColumns, getSelectRows, clearSelectedRowKeys }] = useTable({
|
||||
title: '表单列表',
|
||||
|
|
@ -276,13 +276,10 @@
|
|||
showTableSetting: true,
|
||||
bordered: true,
|
||||
beforeFetch: (data) => {
|
||||
console.log('item.key', data);
|
||||
// 接口请求前 参数处理
|
||||
const querys = JSON.parse(JSON.stringify(data));
|
||||
console.log('1111', querys);
|
||||
delete querys.page;
|
||||
delete querys.limit;
|
||||
console.log('querys', querys);
|
||||
var temp = {
|
||||
id: paramsId.value,
|
||||
mid: codeId.value,
|
||||
|
|
@ -415,7 +412,7 @@
|
|||
// key: 'f_id',
|
||||
keyValue: null,
|
||||
});
|
||||
const str: any = ref(addParamsArr.value[0].field);
|
||||
const str: any = ref();
|
||||
// const str: any = ref('_input_guid_43');
|
||||
addParamsArr.value.forEach((item) => {
|
||||
if (item.type == 'main') {
|
||||
|
|
@ -451,7 +448,7 @@
|
|||
if (haveMap.value) {
|
||||
// showFormModalData.value = toProps;
|
||||
// openShowFormModal.value = true;
|
||||
openModal(true,toProps);
|
||||
openModal(true, toProps);
|
||||
mapgemoList.value = [];
|
||||
mapSetData.value.isAllowAddPolygon && MapboxComponent.value.handlerDraw(status);
|
||||
} else {
|
||||
|
|
@ -556,11 +553,11 @@
|
|||
// showFormModalData.value = toProps;
|
||||
// openShowFormModal.value = true;
|
||||
// 根据ids获取图斑
|
||||
try{
|
||||
console.log("formConfig",formConfig);
|
||||
handlerShowGeomtrys(formConfig,rows[0])
|
||||
}catch(e){
|
||||
createMessage.error("当前数据没有图斑！");
|
||||
try {
|
||||
console.log('formConfig', formConfig);
|
||||
handlerShowGeomtrys(formConfig, rows[0]);
|
||||
} catch (e) {
|
||||
createMessage.error('当前数据没有图斑！');
|
||||
}
|
||||
} else {
|
||||
openModal(true, toProps);
|
||||
|
|
@ -574,82 +571,82 @@
|
|||
break;
|
||||
}
|
||||
};
|
||||
const chooseLayer = ref<string>("")
|
||||
const geomfield = ref<string>("");
|
||||
const chooseLayer = ref<string>('');
|
||||
const geomfield = ref<string>('');
|
||||
|
||||
function findValue(obj, targetKey) {
|
||||
for (var key in obj) {
|
||||
if (typeof obj[key] === 'object') {
|
||||
// 如果当前值是对象，则递归调用findValue
|
||||
var result = findValue(obj[key], targetKey);
|
||||
if (result !== undefined && result == 'MapGeom') {
|
||||
return result;
|
||||
}
|
||||
} else if (key === targetKey && obj[key] == 'MapGeom') {
|
||||
// 如果当前键等于目标键，则返回对应的值
|
||||
chooseLayer.value = obj['mapSetData'].chooseLayer;
|
||||
geomfield.value = obj['field']
|
||||
return obj[key];
|
||||
}
|
||||
for (var key in obj) {
|
||||
if (typeof obj[key] === 'object') {
|
||||
// 如果当前值是对象，则递归调用findValue
|
||||
var result = findValue(obj[key], targetKey);
|
||||
if (result !== undefined && result == 'MapGeom') {
|
||||
return result;
|
||||
}
|
||||
} else if (key === targetKey && obj[key] == 'MapGeom') {
|
||||
// 如果当前键等于目标键，则返回对应的值
|
||||
chooseLayer.value = obj['mapSetData'].chooseLayer;
|
||||
geomfield.value = obj['field'];
|
||||
return obj[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function handlerShowGeomtrys(currentNode,rows){
|
||||
findValue(currentNode.value.schemas,"component")
|
||||
|
||||
let info = currentNode.value.schemas?.find((item,index)=>{
|
||||
return item.component.match(/mapgeom/i)
|
||||
})
|
||||
let layer:string=chooseLayer.value;
|
||||
async function handlerShowGeomtrys(currentNode, rows) {
|
||||
findValue(currentNode.value.schemas, 'component');
|
||||
|
||||
let info = currentNode.value.schemas?.find((item, index) => {
|
||||
return item.component.match(/mapgeom/i);
|
||||
});
|
||||
let layer: string = chooseLayer.value;
|
||||
// // let layer:string="drone_shp_data";
|
||||
// if(info){
|
||||
// layer = info?.mapSetData?.chooseLayer
|
||||
// }
|
||||
if(!layer){
|
||||
createMessage.error("图斑未绑定图层服务！");
|
||||
if (!layer) {
|
||||
createMessage.error('图斑未绑定图层服务！');
|
||||
return;
|
||||
}
|
||||
let geomfiledValue = geomfield.value;
|
||||
let gids = "";
|
||||
let gids = '';
|
||||
try {
|
||||
// geomfiledValue = geomfiledValue.charAt(0).toLowerCase();
|
||||
geomfiledValue = geomfiledValue.charAt(0).toLowerCase() + geomfiledValue.slice(1);
|
||||
gids = rows[geomfiledValue]
|
||||
if(gids){
|
||||
try{
|
||||
let getGeomPrams = {
|
||||
TableName:layer,
|
||||
FieldName:"gid",
|
||||
FieldValue:gids,
|
||||
page:1,
|
||||
limit:999,
|
||||
key:null,
|
||||
}
|
||||
await getGeom(getGeomPrams).then(res=>{
|
||||
let geoms = [];
|
||||
if(res){
|
||||
if(res.items?.length>0){
|
||||
res.items.forEach((item,index)=>{
|
||||
let geom = {
|
||||
key:item.gid,
|
||||
mapgeom:item.geometry
|
||||
}
|
||||
geoms.push(geom);
|
||||
})
|
||||
}
|
||||
MapboxComponent.value.handlerDraw("Details",geoms, false)
|
||||
}else{
|
||||
createMessage.error("当前数据没有图斑！");
|
||||
gids = rows[geomfiledValue];
|
||||
if (gids) {
|
||||
try {
|
||||
let getGeomPrams = {
|
||||
TableName: layer,
|
||||
FieldName: 'gid',
|
||||
FieldValue: gids,
|
||||
page: 1,
|
||||
limit: 999,
|
||||
key: null,
|
||||
};
|
||||
await getGeom(getGeomPrams).then((res) => {
|
||||
let geoms = [];
|
||||
if (res) {
|
||||
if (res.items?.length > 0) {
|
||||
res.items.forEach((item, index) => {
|
||||
let geom = {
|
||||
key: item.gid,
|
||||
mapgeom: item.geometry,
|
||||
};
|
||||
geoms.push(geom);
|
||||
});
|
||||
}
|
||||
})
|
||||
}catch(e){
|
||||
createMessage.error("当前数据没有图斑！");
|
||||
}
|
||||
}else{
|
||||
createMessage.error("当前数据没有图斑！");
|
||||
MapboxComponent.value.handlerDraw('Details', geoms, false);
|
||||
} else {
|
||||
createMessage.error('当前数据没有图斑！');
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
createMessage.error('当前数据没有图斑！');
|
||||
}
|
||||
}catch{
|
||||
createMessage.error("获取图斑数据失败！");
|
||||
} else {
|
||||
createMessage.error('当前数据没有图斑！');
|
||||
}
|
||||
} catch {
|
||||
createMessage.error('获取图斑数据失败！');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -904,9 +901,9 @@
|
|||
}
|
||||
};
|
||||
|
||||
const clsoeMapForm = ()=>{
|
||||
const clsoeMapForm = () => {
|
||||
mapFormShow.value = false;
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
.full-modal {
|
||||
|
|
@ -939,13 +936,13 @@
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
.map-form-container{
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
.map-form-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: #fff;
|
||||
z-index: 999;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue