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

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;
}

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: "环林卡口名称"
}
];
}

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]);

View File

@ -359,65 +359,65 @@ export const publicRoutes = [
}
]
},
{
path: "/roll",
name: "roll",
meta: {
title: "黑白名单",
icon: "article"
},
children: [
{
path: "/BlacklistedPerson",
name: "BlacklistedPerson",
component: () =>
import(
"@/views/backOfficeSystem/peopleManag/BlacklistedPerson/index"
),
meta: {
title: "人员黑名单",
icon: "article"
}
},
{
path: "/PeoplePerson",
name: "PeoplePerson",
component: () =>
import("@/views/backOfficeSystem/peopleManag/PeoplePerson/index"),
meta: {
title: "人员白名单",
icon: "article"
}
},
{
path: "/listedVehicles",
name: "listedVehicles",
component: () =>
import(
"@/views/backOfficeSystem/peopleManag/listedVehicles/index"
),
meta: {
title: "车辆白名单",
icon: "article"
}
},
{
path: "/Givevehicles",
name: "Givevehicles",
component: () =>
import("@/views/backOfficeSystem/peopleManag/Givevehicles/index"),
meta: {
title: "车辆黑名单",
icon: "article"
}
}
]
},
// {
// path: "/roll",
// name: "roll",
// meta: {
// title: "黑白名单",
// icon: "article"
// },
// children: [
// {
// path: "/BlacklistedPerson",
// name: "BlacklistedPerson",
// component: () =>
// import(
// "@/views/backOfficeSystem/peopleManag/BlacklistedPerson/index"
// ),
// meta: {
// title: "人员黑名单",
// icon: "article"
// }
// },
// {
// path: "/PeoplePerson",
// name: "PeoplePerson",
// component: () =>
// import("@/views/backOfficeSystem/peopleManag/PeoplePerson/index"),
// meta: {
// title: "人员白名单",
// icon: "article"
// }
// },
// {
// path: "/listedVehicles",
// name: "listedVehicles",
// component: () =>
// import(
// "@/views/backOfficeSystem/peopleManag/listedVehicles/index"
// ),
// meta: {
// title: "车辆白名单",
// icon: "article"
// }
// },
// {
// path: "/Givevehicles",
// name: "Givevehicles",
// component: () =>
// import("@/views/backOfficeSystem/peopleManag/Givevehicles/index"),
// meta: {
// title: "车辆黑名单",
// icon: "article"
// }
// }
// ]
// },
{
path: "/checkpoint",
name: "checkpoint",
meta: {
title: "检查站管理",
title: "环林卡口管理",
icon: "article"
},
children: [
@ -427,7 +427,7 @@ export const publicRoutes = [
component: () =>
import("@/views/backOfficeSystem/peopleManag/checkpoint/index"),
meta: {
title: "检查站管理",
title: "环林卡口管理",
icon: "article"
}
}

View File

@ -31,7 +31,7 @@
:rules="rules"
>
<div class="bblxItem">
<div class="btItem">检查站设置</div>
<div class="btItem">环林卡口设置</div>
<div class="info">
<el-form-item>
<ChooseTable

View File

@ -110,7 +110,7 @@ const pageData = reactive({
controlsWidth: 250, //操作栏宽度
tableColumn: [
{ label: "负责人姓名", prop: "fzrXm" },
{ label: "检查站名称", prop: "jczmc" },
{ label: "环林卡口名称", prop: "jczmc" },
{ label: "报备状态", prop: "bbZt", showSolt: true }, //D_QW_BBZT
{ label: "报备时间结束时间", prop: "bbSjJssj" },
{ label: "报备时间开始时间", prop: "bbSjKssj" },

View File

@ -81,7 +81,7 @@
/>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" label="检查站名称">
<el-form-item style="width: 40%" label="环林卡口名称">
<div class="diviput" @click="showJcz = true">
<span v-if="listQuery.kkMc">{{ listQuery.kkMc }}</span>
<span class="placeholder" v-else> 请选择布控卡口</span>

View File

@ -140,7 +140,7 @@
/>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" label="检查站名称">
<el-form-item style="width: 40%" label="环林卡口名称">
<div class="diviput" @click="showJcz = true">
<span v-if="listQuery.kkMc">{{ listQuery.kkMc }}</span>
<span class="placeholder" v-else> 请选择布控卡口</span>

View File

@ -29,14 +29,14 @@
:placeholder="listQuery.ssbm ? listQuery.ssbm : '请选择所属部门'"
/>
</el-form-item>
<el-form-item style="width: 40%" label="检查站名称">
<el-form-item style="width: 40%" label="环林卡口名称">
<div class="diviput" @click="showJcz = true">
<span v-if="listQuery.kkMc">{{ listQuery.kkMc }}</span>
<span class="placeholder" v-else> 请选择布控卡口</span>
</div>
</el-form-item>
<el-form-item label="检查站标识码" style="width: 40%">
<el-input v-model="listQuery.jczmsm" placeholder="检查站标识码" />
<el-form-item label="环林卡口标识码" style="width: 40%">
<el-input v-model="listQuery.jczmsm" placeholder="环林卡口标识码" />
</el-form-item>
<el-form-item label="车牌号" prop="hphm" style="width: 40%">
<el-input v-model="listQuery.hphm" placeholder="车牌号" />

View File

@ -105,7 +105,7 @@ const searchConfiger = ref([
{
label: "车辆异常痕迹代码",
prop: "clychjdm",
placeholder: "请选择检查站类型",
placeholder: "请选择环林卡口类型",
showType: "input"
}
]);

View File

@ -29,14 +29,14 @@
:placeholder="listQuery.ssbm ? listQuery.ssbm : '请选择所属部门'"
/>
</el-form-item>
<el-form-item style="width: 40%" label="检查站名称">
<el-form-item style="width: 40%" label="环林卡口名称">
<div class="diviput" @click="showJcz = true">
<span v-if="listQuery.kkMc">{{ listQuery.kkMc }}</span>
<span class="placeholder" v-else> 请选择布控卡口</span>
</div>
</el-form-item>
<el-form-item label="检查站标识码" style="width: 40%">
<el-input v-model="listQuery.jczmsm" placeholder="检查站标识码" />
<el-form-item label="环林卡口标识码" style="width: 40%">
<el-input v-model="listQuery.jczmsm" placeholder="环林卡口标识码" />
</el-form-item>
<el-form-item
label="过检人员身份证号"

View File

@ -15,8 +15,8 @@
</div>
<div class="cntinfo">
<el-form
ref="elform"
:model="form"
ref="formRef"
:model="listQuery"
:rules="rules"
:inline="true"
label-position="top"
@ -355,6 +355,7 @@ const _onSave = () => {
if (!formRef) return;
formRef.value.validate((valid, fields) => {
if (valid) {
console.log("listQuery.value");
if (pageType.value == "add") {
TcsbsaveTcsbsave(listQuery.value).then((res) => {
ElMessage({ message: "新增成功", type: "success" });

View File

@ -81,10 +81,10 @@
/>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" label="检查站名称">
<el-form-item style="width: 40%" label="环林卡口名称">
<div class="diviput" @click="showJcz = true">
<span v-if="listQuery.kkMc">{{ listQuery.kkMc }}</span>
<span class="placeholder" v-else> 请选择布控卡口</span>
<span class="placeholder" v-else> 请选择环林卡口</span>
</div>
</el-form-item>
</el-form>

View File

@ -29,10 +29,10 @@
:placeholder="listQuery.ssbm ? listQuery.ssbm : '请选择所属部门'"
/>
</el-form-item>
<el-form-item style="width: 40%" prop="jczmc" label="检查站名称">
<el-form-item style="width: 40%" prop="jczmc" label="环林卡口名称">
<el-input
v-model="listQuery.jczmc"
placeholder="请输入检查站名称"
placeholder="请输入环林卡口名称"
style="width: 100%"
clearable
/>
@ -48,8 +48,8 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="jczlx" label="检查站类型">
<el-select v-model="listQuery.jczlx" placeholder="请选择检查站类型">
<el-form-item style="width: 40%" prop="jczlx" label="环林卡口类型">
<el-select v-model="listQuery.jczlx" placeholder="请选择环林卡口类型">
<el-option
v-for="dict in dict.D_BZ_JCZLX"
:key="dict.value"
@ -58,8 +58,8 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="jczjb" label="检查站级别">
<el-select v-model="listQuery.jczjb" placeholder="请选择检查站级别">
<el-form-item style="width: 40%" prop="jczjb" label="环林卡口级别">
<el-select v-model="listQuery.jczjb" placeholder="请选择环林卡口级别">
<el-option
v-for="dict in dict.D_BZ_JCZJB"
:key="dict.value"
@ -94,10 +94,10 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="dzmc" label="检查站地址">
<el-form-item style="width: 40%" prop="dzmc" label="环林卡口地址">
<el-input
v-model="listQuery.dzmc"
placeholder="请输入检查站地址"
placeholder="请输入环林卡口地址"
style="width: 100%"
clearable
/>

View File

@ -1,7 +1,7 @@
<template>
<div>
<div class="titleBox">
<PageTitle title="检查站管理">
<PageTitle title="环林卡口管理">
<el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle" @click="addEdit('add', row)"
@ -81,9 +81,9 @@ const searchConfiger = ref([
label: "所属部门"
},
{
label: "检查站名称",
label: "环林卡口名称",
prop: "jczmc",
placeholder: "请输入检查站名称",
placeholder: "请输入环林卡口名称",
showType: "input"
},
{
@ -95,9 +95,9 @@ const searchConfiger = ref([
},
{
label: "检查站类型",
label: "环林卡口类型",
prop: "jczlx",
placeholder: "请选择检查站类型",
placeholder: "请选择环林卡口类型",
showType: "select",
options: D_BZ_JCZLX
}
@ -120,9 +120,9 @@ const pageData = reactive({
controlsWidth: 250, //操作栏宽度
tableColumn: [
{ label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
{ label: "检查站名称", prop: "jczmc", showOverflowTooltip: true },
{ label: "环林卡口名称", prop: "jczmc", showOverflowTooltip: true },
{
label: "检查站类型",
label: "环林卡口类型",
prop: "jczlx",
showOverflowTooltip: true,
showSolt: true
@ -135,7 +135,7 @@ const pageData = reactive({
showOverflowTooltip: true
},
{
label: "检查站地址",
label: "环林卡口地址",
prop: "dzmc",
showOverflowTooltip: true
}

View File

@ -41,11 +41,11 @@
<el-form-item
style="width: 40%"
prop="gajczbsm"
label="公安检查站标识码"
label="公安环林卡口标识码"
>
<el-input
v-model="listQuery.gajczbsm"
placeholder="请输入公安检查站标识码"
placeholder="请输入公安环林卡口标识码"
style="width: 100%"
clearable
/>
@ -91,10 +91,10 @@
<el-input-number v-model="listQuery.sl" min="0" />
</el-form-item>
<el-form-item style="width: 40%" label="检查站名称">
<el-form-item style="width: 40%" label="环林卡口名称">
<div class="diviput" @click="showJcz = true">
<span v-if="listQuery.kkMc">{{ listQuery.kkMc }}</span>
<span class="placeholder" v-else> 请选择布控卡口</span>
<span class="placeholder" v-else> 请选择环林卡口</span>
</div>
</el-form-item>
</el-form>

View File

@ -140,7 +140,7 @@
/>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" label="检查站名称">
<el-form-item style="width: 40%" label="环林卡口名称">
<div class="diviput" @click="showJcz = true">
<span v-if="listQuery.kkMc">{{ listQuery.kkMc }}</span>
<span class="placeholder" v-else> 请选择布控卡口</span>

View File

@ -6,7 +6,7 @@
:key="index"
>
<div class="checkpoint-icon">
<img src="@/assets/images/bg_11.png" alt="检查站" />
<img src="@/assets/images/bg_11.png" alt="环林卡口" />
</div>
<div class="checkpoint-info">
<span class="checkpoint-name">{{ item.kkMc }}</span>
@ -38,7 +38,7 @@ const jczjczCountList = () => {
console.log(res);
})
.catch((err) => {
console.log("检查站备勤错误", err);
console.log("环林卡口备勤错误", err);
})
.finally(() => {
loading.value = false;

View File

@ -64,7 +64,7 @@ import zbbb from "./zbbb.vue";
const props = defineProps({
title: {
type: String,
default: "林芝市检查站综合管理"
default: "林芝市环林卡口综合管理"
},
query: {
type: String,

View File

@ -22,7 +22,7 @@
:rules="rules"
>
<div class="bblxItem">
<div class="btItem">检查站设置</div>
<div class="btItem">环林卡口设置</div>
<div class="info">
<el-form-item>
<ChooseTable
@ -219,7 +219,7 @@
<div class="num">
{{ listQuery.jyqxList ? listQuery.jyqxList.length : 0 }}
</div>
<ChooseTable
:deptment="deptment"
v-if="!isDetail"