Browse Source

更新收费站视频接口

develop
little4 1 month ago
parent
commit
58dc5d530b
  1. 2
      ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
  2. 16
      ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
  3. 6
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/RoadNetworkFacilities/index.vue
  4. 9
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js

2
ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue

@ -24,7 +24,7 @@
<div class="controls"> <div class="controls">
<Button :style="{ background: firstBtnColor, width: isShowLeft ? '50%' : '30%' }" <Button :style="{ background: firstBtnColor, width: isShowLeft ? '50%' : '30%' }"
@click.native="$emit('firstBtnClick', cardData.id)">{{ getFirstBtnText(cardData.state) }}</Button> @click.native="$emit('firstBtnClick', cardData.id)">{{ getFirstBtnText(cardData.state) }}</Button>
<Button v-if="cardData.state == 4" :style="{ background: lastBtnColor, width: isShowLeft ? '50%' : '25%' }" <Button v-if="cardData.state == 4" :style="{ background: lastBtnColor, width: isShowLeft ? '50%' : '30%' }"
@click.native="$emit('lastBtnClick', cardData.id)">{{ getLastBtnText(cardData.state) }}</Button> @click.native="$emit('lastBtnClick', cardData.id)">{{ getLastBtnText(cardData.state) }}</Button>
<Button v-if="cardData.isDiaodu == 1" :style="{ background: lastBtnColor, width: isShowLeft ? '50%' : '30%' }" <Button v-if="cardData.isDiaodu == 1" :style="{ background: lastBtnColor, width: isShowLeft ? '50%' : '30%' }"
@click.native="$emit('lastBtnClick', cardData.id)">调度记录</Button> @click.native="$emit('lastBtnClick', cardData.id)">调度记录</Button>

16
ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue

@ -24,7 +24,7 @@
import { HttpLivePlayer, openLiveVideo } from "./videoStream.js" import { HttpLivePlayer, openLiveVideo } from "./videoStream.js"
import { find } from "lodash" import { find } from "lodash"
import { import {
getNearCameraNew, getNearCameraNew,getNearCameraNewStation,
} from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"; } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js";
import CameraControlDialog from "@screen/pages/Home/components/Dialogs/Camera/components/CameraControlDialog.vue"; import CameraControlDialog from "@screen/pages/Home/components/Dialogs/Camera/components/CameraControlDialog.vue";
@ -35,6 +35,11 @@ export default {
}, },
props: { props: {
//
facilityType:{
type: String,
default:null
},
// //
pileNum: { pileNum: {
type: String, type: String,
@ -84,8 +89,13 @@ export default {
}, },
async playVideo() { async playVideo() {
this.player?.destroy(); this.player?.destroy();
let reqCamrea = null;
let { code, data } = await getNearCameraNew(this.pileNum).catch(() => ({})); if(facilityType && facilityType === 1){ //
reqCamrea = await getNearCameraNewStation(this.pileNum).catch(() => ({}));
} else {
reqCamrea = await getNearCameraNew(this.pileNum).catch(() => ({}));
}
let { code, data } = reqCamrea;
if ( if (
code != 200 || code != 200 ||
(Array.isArray(data) ? !data?.length : !Object.keys(data || {}).length) (Array.isArray(data) ? !data?.length : !Object.keys(data || {}).length)

6
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/RoadNetworkFacilities/index.vue

@ -7,7 +7,7 @@
<div class="panelParent" style="display:flex;"> <div class="panelParent" style="display:flex;">
<div class="RoadNetworkFacilities"> <div class="RoadNetworkFacilities">
<div class="header"> <div class="header">
<Video ref="refVideo" class="video-stream" @nearload="bindNearLoad" :pileNum="dialogData.stakeMark" :rangeIndex="dialogData.facilityType === 1?'all':'upCamera'" :showHeader="false" /> <Video @facilityType="facilityType" ref="refVideo" class="video-stream" @nearload="bindNearLoad" :pileNum="dialogData.stakeMark" :rangeIndex="dialogData.facilityType === 1?'all':'upCamera'" :showHeader="false" />
</div> </div>
<div class="SolarEnergy"> <div class="SolarEnergy">
<ElTabs v-model="activeName" class="tabs"> <ElTabs v-model="activeName" class="tabs">
@ -117,7 +117,8 @@ export default {
// //
isCameraMap:false, isCameraMap:false,
imgSrc:'', imgSrc:'',
cameraMaps:[] cameraMaps:[],
facilityType: ''
}; };
}, },
watch: { watch: {
@ -188,6 +189,7 @@ export default {
this.isCameraMap = false; this.isCameraMap = false;
this.cameraMaps = []; this.cameraMaps = [];
if(dData.facilityType === 1){ if(dData.facilityType === 1){
this.facilityType = 1;
// console.log('') // console.log('')
if(dData.facilityName === '大学城收费站'){ if(dData.facilityName === '大学城收费站'){
this.imgSrc = require('@screen/images/shoufeiz/大学城收费站.jpg') this.imgSrc = require('@screen/images/shoufeiz/大学城收费站.jpg')

9
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js

@ -48,6 +48,15 @@ export function getNearCamera(pileNum) {
}); });
} }
export function getNearCameraNewStation(pileNum) {
return request({
url: "/video/tollStationList",
method: "get",
params: {
pileNum,
},
});
}
export function getNearCameraNew(pileNum) { export function getNearCameraNew(pileNum) {
return request({ return request({
url: "/video/nearCamPileNum", url: "/video/nearCamPileNum",

Loading…
Cancel
Save