Skip to content

广
广东建设用地-前端
提交 9cadf637 authored 作者: jinrongbin's avatar jinrongbin
浏览文件
操作

地块边界文件GIS展示显示字段内容修改

上级 d67e3719
隐藏空白字符变更
内嵌 并排
正在显示 包含 98 行增加 和 96 行删除
src/components/customComponent/CdUpload.vue
浏览文件 @ 9cadf637
......@@ -50,62 +50,6 @@
</template>
<template #JUploadBjMap="{}">
<div class="flex">
<div class="dkInfo" v-if="mapShow">
<div class="header">
<div class="infoList">
<div class="name">字段名称</div>
<div class="infoString">字段代码</div>
<div class="infoVal">字段值</div>
</div>
</div>
<div class="content">
<div class="infoList">
<div class="name">地块名称</div>
<div class="infoString">WRDKMC</div>
<div class="infoVal">{{dkxx?.wrdkmc}}</div>
</div>
<div class="infoList">
<div class="name">地块代码</div>
<div class="infoString">WRDKBM</div>
<div class="infoVal">{{dkxx?.wrdkbm}}</div>
</div>
<div class="infoList">
<div class="name">行政区代码</div>
<div class="infoString">COUNTRYCODE</div>
<div class="infoVal">{{dkxx?.countryCode}}</div>
</div>
<div class="infoList">
<div class="name">地块地址</div>
<div class="infoString">WRDKDZ</div>
<div class="infoVal">{{dkxx?.wrdkdz}}</div>
</div>
<div class="infoList">
<div class="name">地块面积</div>
<div class="infoString">ZDMJ</div>
<div class="infoVal">{{dkxx?.zdmj}}</div>
</div>
<div class="infoList">
<div class="name">所处阶段编码</div>
<div class="infoString">SCJDBM</div>
<div class="infoVal">{{dkxx?.scjdbm}}</div>
</div>
<div class="infoList">
<div class="name">生产日期</div>
<div class="infoString">TSANP</div>
<div class="infoVal">{{dkxx?.tsamp}}</div>
</div>
<div class="infoList">
<div class="name">生产单位</div>
<div class="infoString">SYQDWMC</div>
<div class="infoVal">{{dkxx?.syqdwmc}}</div>
</div>
<div class="infoList">
<div class="name">备注</div>
<div class="infoString">BZ</div>
<div class="infoVal">{{dkxx?.bz}}</div>
</div>
</div>
</div>
<Mapbj :data="MapbjInfo" v-if="mapShow" style="height:500px;"/>
</div>
</template>
......@@ -1007,40 +951,3 @@
}
</style>
<style lang="less" scoped>
.dkInfo {
position: absolute;
right: 4px;
top: 6px;
width: 700px;
height: 342px;
z-index: 1000;
background-color: rgba(255, 255, 255, 1);
border: 1px solid #333333;
.header, .content {
.infoList {
display: flex;
align-items: center;
line-height: 32px;
font-size: 16px;
border-bottom: 2px solid #333333;
.name,.infoString {
width: 120px;
border-right: 2px solid #333333;
padding-left: 4px;
}
.infoVal {
flex: 1;
width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 4px;
}
}
}
.header {
background-color: #438eb9 ;
}
}
</style>
src/components/customComponent/mapbj.vue
浏览文件 @ 9cadf637
<template>
<div class="map h-240 w-full">
<div class="dkInfo">
<div class="header">
<div class="infoList">
<div class="name">字段名称</div>
<div class="infoString">字段代码</div>
<div class="infoVal">字段值</div>
</div>
</div>
<div class="content">
<div class="infoList">
<div class="name">地块名称</div>
<div class="infoString">DKMC</div>
<div class="infoVal">{{dkxxInfo?.dkmc}}</div>
</div>
<div class="infoList">
<div class="name">地块代码</div>
<div class="infoString">DKDM</div>
<div class="infoVal">{{dkxxInfo?.dkdm}}</div>
</div>
<div class="infoList">
<div class="name">行政区代码</div>
<div class="infoString">XZQDM</div>
<div class="infoVal">{{dkxxInfo?.xzqdm}}</div>
</div>
<div class="infoList">
<div class="name">行政区名称</div>
<div class="infoString">XZQMC</div>
<div class="infoVal">{{dkxxInfo?.xzqmc}}</div>
</div>
<div class="infoList">
<div class="name">地块面积</div>
<div class="infoString">YDMJ</div>
<div class="infoVal">{{dkxxInfo?.ydmj}}</div>
</div>
<div class="infoList">
<div class="name">代号</div>
<div class="infoString">DH</div>
<div class="infoVal">{{dkxxInfo?.scjdbm}}</div>
</div>
<div class="infoList">
<div class="name">生产日期</div>
<div class="infoString">SCRQ</div>
<div class="infoVal">{{dkxxInfo?.scrq}}</div>
</div>
<div class="infoList">
<div class="name">生产单位</div>
<div class="infoString">SCDW</div>
<div class="infoVal">{{dkxxInfo?.scdw}}</div>
</div>
<div class="infoList">
<div class="name">备注</div>
<div class="infoString">BZ</div>
<div class="infoVal">{{dkxxInfo?.bz}}</div>
</div>
</div>
</div>
<div id="bjMap" class="w-full h-full"></div>
</div>
</template>
......@@ -45,6 +101,7 @@
const layerGroups = ref();
const markerClusterLayer = ref();
const open = ref(true);
const dkxxInfo = ref({});
async function initMap() {
// 23.125178, 113.280637
......@@ -140,14 +197,13 @@
// item = JSON.parse(item);
// arry.push(item);
// });
dkxxInfo.value = res.dk;
let zxdw = JSON.parse(res.zxdw);
let xzqh = JSON.parse(res.xzqh);
let geo = JSON.parse(JSON.parse(res.dk.geo)[0]);
arry.push(zxdw);
// arry.push(xzqh);
arry.push(geo);
console.log(arry, 'arry');
position(arry);
}
// 拓扑计算
......@@ -1981,4 +2037,43 @@
{ deep: true, immediate: true }
);
</script>
<style lang="less" scoped></style>
<style lang="less" scoped>
.dkInfo {
position: absolute;
right: 4px;
top: 6px;
width: 700px;
height: 342px;
z-index: 1000;
background-color: rgba(255, 255, 255, 1);
border: 1px solid #333333;
.header, .content {
.infoList {
display: flex;
align-items: center;
line-height: 32px;
font-size: 16px;
border-bottom: 2px solid #333333;
font-weight: bold;
.name,.infoString {
width: 120px;
border-right: 2px solid #333333;
padding-left: 4px;
}
.infoVal {
flex: 1;
width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 4px;
}
}
}
.header {
background-color: #438eb9 ;
font-size: 18px;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论