diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/Descriptions.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/Descriptions.vue
index dc92eab4..a9445cae 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/Descriptions.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/Descriptions.vue
@@ -9,15 +9,15 @@
@@ -30,24 +30,28 @@
设备桩号:
- {{ dialogData.pileNum || '-' }}
+ {{ dialogData.stakeMarkId || '-' }}
方向:
- {{ cameraDirection || '-' }}
+
+ {{ { 1: '上行(菏泽方向)', 2: '中', 3: '下行(济南方向)' }[dialogData.direction] }}
+
经/纬度:
- {{ dialogData.camLong || '-' }} / {{ dialogData.camLat || '-' }}
+ {{ dialogData.longitude || '-' }} / {{ dialogData.latitude || '-' }}
道路名称:
- {{ dialogData.road }}
+ {{ dialogData.roadName }}
设备状态:
- {{ statusEnum.text || '-' }}
+
+ {{ { 0: '异常', 1: '正常' }[dialogData.device_state] }}
+
@@ -88,6 +92,8 @@ import { CameraStatusEnum, CameraDirectionEnum } from "@screen/utils/enum.js"
import { controlCamera } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
import { throttle } from "lodash"
+import { getRoadInfoByStakeMark } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
+
export default {
name: 'ControlCamera',
mixins: [dialogDelayVisible],
@@ -122,6 +128,11 @@ export default {
]
}
},
+ async created() {
+ const roadInfo = await getRoadInfoByStakeMark(this.dialogData.stakeMarkId);
+
+ if (roadInfo) this.dialogData.roadName = roadInfo.dc_road;
+ },
methods: {
controlClick: throttle(function (type) {
controlCamera(this.dialogData.camId, type)
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/index.vue
index b66a1808..7138bee4 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/index.vue
@@ -33,6 +33,7 @@ import Descriptions from '@screen/components/Descriptions.vue';
import CustomControlVideo from '@screen/components/CustomControlVideo/index.vue';
import DeviceControlDialog from "./components/DeviceControlDialog.vue"
import request from "@/utils/request";
+import { getRoadInfoByStakeMark } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
import { dialogDelayVisible } from "./../mixin"
@@ -87,53 +88,24 @@ export default {
]
}
},
- watch: {
- dialogData: {
- immediate: true,
- handler() {
- this.dialogData.roadName = "G35济泽高速";
- request({
- url: `/business/product/${this.dialogData.product_id}`,
- method: "get",
- })
- .then(({ code, data }) => {
- if (code != 200) return;
-
- this.dialogData.brand = data.brand;
- }).catch((err) => {
-
- });
-
- request({
- url: `/business/stakeMark/${this.dialogData.stakeMarkId}`,
- method: "get",
- })
- .then(({ code, data }) => {
- if (code != 200) return;
-
- request({
- url: `/business/roadSection/${data.section_id}`,
- method: "get",
- })
- .then(({ code, data }) => {
- if (code != 200) return;
-
- request({
- url: `/business/road/${data.road_id}`,
- method: "get",
- })
- .then(({ code, data }) => {
- if (code != 200) return;
-
- if (data.dc_road) this.dialogData.roadName = data.dc_road;
- })
- })
-
- }).catch((err) => {
-
- });
- }
- }
+ async created() {
+ this.dialogData.roadName = "G35济泽高速";
+
+ request({
+ url: `/business/product/${this.dialogData.product_id}`,
+ method: "get",
+ })
+ .then(({ code, data }) => {
+ if (code != 200) return;
+
+ this.dialogData.brand = data.brand;
+ }).catch((err) => {
+
+ });
+
+ const roadInfo = await getRoadInfoByStakeMark(this.dialogData.stakeMarkId);
+
+ if (roadInfo) this.dialogData.roadName = roadInfo.dc_road;
},
methods: {
handleClickTabs() { }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
index 522d3a85..a5ee86f5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
@@ -1,6 +1,6 @@
import { axiosIns } from "@screen/utils/axios/auth.js";
import { Message } from "element-ui";
-import request from "@/utils/request";
+import { getDeviceList } from "./httpList";
const PilePointJSON = require(`@screen/pages/Home/components/AMapContainer/data/lcz.json`);
@@ -37,20 +37,9 @@ export const eventMap = {
// status: "0",
// };
- const { code, data } = await axiosIns
- .get("/system/camera/camList")
- // .get("/system/dept/camTreeselect")
- .catch(() => ({}));
- // const { code, data } = {
- // code: 200,
- // data: [
- // {
- // pileNum: "K55+565",
- // },
- // ],
- // };
+ const data = await getDeviceList(1);
- if (code != 200) return Message.error("摄像机加载失败!");
+ if (!data) return;
cacheRemoveFunc.DriveTestEquipment_Camera_Remove?.();
@@ -58,13 +47,6 @@ export const eventMap = {
this,
item,
data,
- (item) => {
- const { lng, lat } = PilePointJSON[item.pileNum] || {};
-
- return {
- lnglat: [lng, lat],
- };
- },
(extData) => {
this.dialogConfig = {
// 0 有(球机) 1 ⽆(枪机)
@@ -81,23 +63,9 @@ export const eventMap = {
cacheRemoveFunc.Driving_Guidance_Remove?.();
},
async "路测设备/行车诱导"(item) {
- const { code, data } = await request({
- url: "/business/device/query",
- method: "get",
- params: {
- deviceType: 12,
- },
- })
- // .get("/system/dept/camTreeselect")
- .catch(() => ({}));
- // const { code, data } = {
- // code: 200,
- // data: [
- // {
- // stakeMarkId: "K176+167",
- // },
- // ],
- // };
+ const data = await getDeviceList(12);
+
+ if (!data) return;
if (code != 200) return Message.error("行车诱导设备加载失败!");
@@ -109,15 +77,6 @@ export const eventMap = {
this,
item,
data,
- (item) => {
- const { lng, lat } = PilePointJSON[item.stakeMarkId] || {};
-
- if (lng && lat) noneLocation = false;
-
- return {
- lnglat: [lng, lat],
- };
- },
(extData) => {
this.dialogConfig = {
component: "DrivingGuidance",
@@ -127,6 +86,5 @@ export const eventMap = {
);
if (noneLocation) Message.warning("未能匹配到诱导设备位置!");
- // cacheRemoveFunc.DriveTestEquipment_Camera_Remove?.();
},
};
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
index 2eae3adf..f0e590f5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
@@ -1,6 +1,8 @@
import { Message } from "element-ui";
import { axiosIns } from "@screen/utils/axios/auth.js";
+import request from "@/utils/request";
+
/**
*
* @param {string} camId 相机 ID
@@ -8,10 +10,12 @@ import { axiosIns } from "@screen/utils/axios/auth.js";
* @returns
*/
export function getCameraStream(camId, media = 1) {
- return axiosIns.post("/videoInfo/api/externalVideoStreaming", {
- type: 1,
- camId,
- media,
+ return request({
+ url: "/video/externalVideoStreaming",
+ method: "get",
+ params: {
+ camId,
+ },
});
}
@@ -45,12 +49,15 @@ export function getCameraStream(camId, media = 1) {
* @returns
*/
export function controlCamera(camId, cmdType) {
- return axiosIns
- .post("/videoInfo/api/PTZControl", {
+ return request({
+ url: "/video/PTZControl",
+ method: "get",
+ params: {
msgType: 3,
camId,
cmdType,
- })
+ },
+ })
.then((result) => {
if (result.code != 200) return Message.error(`相机操作失败!`);
})
@@ -58,3 +65,79 @@ export function controlCamera(camId, cmdType) {
Message.error(`相机操作失败!`);
});
}
+
+/**
+ * 通过 桩号获取 道路信息
+ * @returns
+ */
+export async function getRoadInfoByStakeMark(stakeMarkId) {
+ const stakeMarkInfo = await axiosIns.get(
+ `/business/stakeMark/${stakeMarkId}`
+ );
+
+ if (!stakeMarkInfo.data?.section_id) return {};
+
+ const roadSectionInfo = await axiosIns.get(
+ `/business/roadSection/${stakeMarkInfo.data.section_id}`
+ );
+
+ if (!roadSectionInfo.data?.road_id) return {};
+
+ return (
+ (await axiosIns.get(`/business/road/${roadSectionInfo.road_id}`)).data || {}
+ );
+}
+
+const DeviceTypeMap = {
+ 1: "摄像机",
+ 2: "可变信息标志",
+ 3: "气象监测器",
+ 4: "出口诱导灯",
+ 5: "路段语音广播",
+ 6: "护栏碰撞",
+ 7: "毫米波雷达",
+ 8: "合流区预警",
+ 9: "智慧锥桶",
+ 10: "激光疲劳唤醒",
+ 11: "一类交通量调查站",
+ 12: "行车诱导",
+ 13: "智能设备箱",
+ 14: "光线在线监测",
+};
+
+/**
+ * @description {DeviceTypeMap}
+ * @param {number} deviceType
+ 1: "摄像机",
+ 2: "可变信息标志",
+ 3: "气象监测器",
+ 4: "出口诱导灯",
+ 5: "路段语音广播",
+ 6: "护栏碰撞",
+ 7: "毫米波雷达",
+ 8: "合流区预警",
+ 9: "智慧锥桶",
+ 10: "激光疲劳唤醒",
+ 11: "一类交通量调查站",
+ 12: "行车诱导",
+ 13: "智能设备箱",
+ 14: "光线在线监测",
+ */
+export function getDeviceList(deviceType) {
+ return request({
+ url: "/business/device/query",
+ method: "get",
+ params: {
+ deviceType: 12,
+ },
+ })
+ .then(({ code, data }) => {
+ if (code != 200)
+ return Message.error(`${DeviceTypeMap[deviceType]}设备加载失败!`);
+
+ return data;
+ })
+ .catch(() => {
+ Message.error(`${DeviceTypeMap[deviceType]}设备加载失败!`);
+ });
+}
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
index f0eb8de0..4dab5b53 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
@@ -97,7 +97,7 @@ export async function setMarkerCluster(map, points, markerFun) {
* @param {*} _markerClick marker 点击
* @returns
*/
-export async function setMarkToMap(item, data, resolveMarker, _markerClick) {
+export async function setMarkToMap(item, data, _markerClick) {
const { mapIns } = this.getMap();
if (!mapIns) return Message.error("地图加载失败!");
@@ -124,12 +124,9 @@ export async function setMarkToMap(item, data, resolveMarker, _markerClick) {
const markerCluster = await setMarkerCluster(
mapIns,
data.map((item) => {
- const { lnglat, content } = resolveMarker(item);
- // const { lng, lat } = PilePointJSON[item.pileNum] || {};
-
return {
weight: 1,
- lnglat,
+ lnglat: [item.longitude, item.latitude],
name: "",
extData: item,
content:
@@ -156,9 +153,7 @@ export async function setMarkToMap(item, data, resolveMarker, _markerClick) {
markerClick
);
- setTimeout(() => {
- mapIns.setFitView([...markerCluster.U], false, [0, 0, 0, 0], 7);
- });
+ mapIns.setFitView([...markerCluster.U], false, [0, 0, 0, 0], 7);
return () => markerCluster.setMap(null);
}
diff --git a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
index f583188d..1812dc51 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
@@ -30,14 +30,32 @@ export const CameraStatusEnum = {
// 摄像机方向
export const CameraDirectionEnum = {
- 0: {
- text: "上行",
- },
+ // 0: {
+ // text: "上行",
+ // },
+ // 1: {
+ // text: "下行",
+ // },
+ // 2: {
+ // text: "上下行 (双向)",
+ // },
1: {
- text: "下行",
+ text: "上行(菏泽方向)",
},
2: {
- text: "上下行 (双向)",
+ text: "中",
+ },
+ 3: {
+ text: "下行(济南方向)",
+ },
+};
+
+export const DeviceTypeEnum = {
+ 0: {
+ text: "异常",
+ },
+ 1: {
+ text: "正常",
},
};