lcw/xzlz_JczWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

111

Browse Source
This commit is contained in:
lcw
2025-06-23 09:57:34 +08:00
parent 77819f1bed
commit b433509302
127 changed files with 206 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/GdMap/index.vue
View File

@ -1,7 +1,8 @@
<template>
<div :id="mapid" class="map"></div>
<div class="changeMap_box" v-if="props.isShow">
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况"
style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949" />
<!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3" @change="onMapImageChange">
<el-carousel-item>
<div class="mapImageItem">
@ -74,7 +75,7 @@ const props = defineProps({
});
try {
const userInfo = getItem("deptId")[0].deptCode;
} catch (error) {}
} catch (error) { }
let map;
let mapLayer;
let mapLayer1;
@ -85,30 +86,36 @@ onMounted(() => {
box[0].style.right = !res ? "4px" : "398px";
box[0].style.transition = "0.5s";
});
map = new EliMap({
id: props.mapid,
crs: "EPSG:3857",
crs: "EPSG:4490",
style: {
glyphs: "./fonts/{fontstack}/{range}.pbf",
center: [94.36,29.65],
zoom: 10
center: [94.36057012, 29.64276831],
zoom: 15
},
transformRequest: (url) => {
if (url.indexOf("TileMatrix=") != -1) {
const arr = url.split("TileMatrix=");
const arr1 = arr[1].split("&");
const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
}
}
minZoom: 7,
maxZoom: 18,
});
window.map = map;
map.mapboxGLMap.on("load", () => {
map.addGaudLayer({
url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
})
map.addWMTSLayer(
"http://89.0.23.24/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap"
,
{
Service: "getImage",
Type: "RGB",
ZoomOffset: "0",
V: "0.3",
Zoom: "{z}",
Row: "{y}",
Col: "{x}"
},
{
tileSize: 300
}
);
zoomTarget.value = map.mapboxGLMap.getZoom();
});
mapUtil.value = new MapUtil(map);
@ -253,7 +260,6 @@ const mapSetLayer = (id, source) => {
//获取地图绘制的数据
const resFun = (coord, type, flag, data) => {
emitter.emit("coordString", {
coord: coord,
type: type,
@ -318,29 +324,35 @@ onUnmounted(() => {
right: 398px;
bottom: 4px;
z-index: 9;
.mapImageItem {
border: 1px solid #08aae8;
background: rgb(9, 26, 70);
& > img {
&>img {
width: 100%;
height: 50px;
}
& > div {
&>div {
text-align: center;
position: relative;
top: -3px;
}
}
.zoomTargetBox {
margin-top: 10px;
margin-left: 23px;
}
::v-deep .el-input-number__decrease,
::v-deep .el-input-number__increase {
background: #133362;
color: #fff;
border: none;
}
::v-deep .el-input__inner {
background: #0c1641;
}

22
src/components/chooseList/chooseTable.vue
View File

@ -158,9 +158,9 @@
</template>
<!-- 检查站 -->
<template #jczlx="{ row }">
<span v-if="row.jczlx == '1'">固定检查站</span>
<span v-if="row.jczlx == '2'">临时检查站</span>
<span v-if="row.jczlx == '3'">动态检查站</span>
<span v-if="row.jczlx == '1'">固定环林卡口</span>
<span v-if="row.jczlx == '2'">临时环林卡口</span>
<span v-if="row.jczlx == '3'">动态环林卡口</span>
</template>
</MyTable>
</div>
@ -302,9 +302,9 @@
</template>
<!-- 检查站 -->
<template #jczlx="{ row }">
<span v-if="row.jczlx == '01'">固定检查站</span>
<span v-if="row.jczlx == '02'">临时检查站</span>
<span v-if="row.jczlx == '03'">动态检查站</span>
<span v-if="row.jczlx == '01'">固定环林卡口</span>
<span v-if="row.jczlx == '02'">临时环林卡口</span>
<span v-if="row.jczlx == '03'">动态环林卡口</span>
</template>
</MyTable>
</div>
@ -661,19 +661,19 @@ const handleData = (val, type) => {
}
break;
case "jcz":
title.value = "检查站";
title.value = "环林卡口";
url.value = "/mosty-jcz/jcz/selectJczList";
pageDataL.tableColumn = [
{ label: "检查站名称", prop: "jczmc" },
{ label: "检查站类型", prop: "jczlx", showSolt: true }
{ label: "环林卡口名称", prop: "jczmc" },
{ label: "环林卡口类型", prop: "jczlx", showSolt: true }
];
if (!type) {
common.searchConfiger = [
{
showType: "input",
prop: "jczmc",
placeholder: "检查站名称",
label: "检查站名称"
placeholder: "环林卡口名称",
label: "环林卡口名称"
}
];
}

16
src/components/loder/Jczloder.vue
View File

@ -15,10 +15,10 @@
v-model="listQuery.ssbmdm"
/>
</el-form-item>
<el-form-item label="检查站名称">
<el-form-item label="环林卡口名称">
<el-input
v-model="listQuery.jczmc"
placeholder="请输入检查站名称"
placeholder="请输入环林卡口名称"
clearable
/>
</el-form-item>
@ -68,13 +68,13 @@
prop="jczmc"
show-overflow-tooltip
align="center"
label="检查站名称"
label="环林卡口名称"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
align="center"
label="检查站类型"
label="环林卡口类型"
prop="jczlx"
>
<template #default="{ row }">
@ -89,7 +89,7 @@
prop="xxdz"
show-overflow-tooltip
align="center"
label="检查站地址"
label="环林卡口地址"
>
</el-table-column>
<el-table-column
@ -157,7 +157,7 @@ const props = defineProps({
//标题
titleValue: {
type: String,
default: "选择检查站"
default: "选择环林卡口"
},
//是否单选
Single: {
@ -205,7 +205,7 @@ const onComfirm = () => {
//单选
if (props.Single) {
if (![ridioIndex.value][0]) {
proxy.$message.warning("请选择检查站");
proxy.$message.warning("请选择环林卡口");
return;
}
const info = tableData.value.find((item) => {
@ -216,7 +216,7 @@ const onComfirm = () => {
//多选
const jczList = JSON.parse(JSON.stringify(multipleSelectionUser.value));
if (jczList.length === 0) {
proxy.$message.warning("请选择检查站");
proxy.$message.warning("请选择环林卡口");
return;
}
emits("choosedJcz", [...jczList, ...checkopenList.value]);