|
|
|
@ -38,36 +38,49 @@ |
|
|
|
<!-- 底部区域 --> |
|
|
|
<footer-bar :showIndex="showIndex" @showMonitor="showMonitor"></footer-bar> |
|
|
|
|
|
|
|
<!-- 监控 --> |
|
|
|
<img @click="show = true" class="monitor—btn" src="../assets/img/monitor.png" style /> |
|
|
|
<!-- 监控1 --> |
|
|
|
<img @click="getWarehouses('show1')" class="monitor—btn" src="../assets/img/monitor.png" style /> |
|
|
|
<div class="vedio" v-show="show"> |
|
|
|
<div class="head"> |
|
|
|
<div class="camera">{{show}}摄像头监控视频</div> |
|
|
|
<img @click="show = false" class="close" src="../assets/img/close.png" /> |
|
|
|
</div> |
|
|
|
<div class="monitor"> |
|
|
|
<div class="monitor1"> |
|
|
|
<iframe :src="iframeSrc1" frameborder="0" height="100%" scrolling="no" width="100%"></iframe> |
|
|
|
<div class="screen"> |
|
|
|
<img @click="showScreen = true" class="monitor2" src="../assets/img/fullScreen.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 全屏监控 --> |
|
|
|
<video-screen :iframeSrc="iframeSrc1" @closeScreen="closeScreen" v-if="showScreen" /> |
|
|
|
|
|
|
|
<!-- 监控2 --> |
|
|
|
<img |
|
|
|
@click="show = true" |
|
|
|
@click="getWarehouses('show2')" |
|
|
|
class="monitor—btn monitor—btn1" |
|
|
|
src="../assets/img/monitor-left.png" |
|
|
|
style |
|
|
|
/> |
|
|
|
<div class="vedio" v-show="show"> |
|
|
|
<div class="vedio" v-show="show2"> |
|
|
|
<div class="head"> |
|
|
|
<div class="camera">摄像头监控视频</div> |
|
|
|
<img @click="show = false" class="close" src="../assets/img/close.png" /> |
|
|
|
</div> |
|
|
|
<div class="monitor"> |
|
|
|
<div class="monitor1"> |
|
|
|
<iframe |
|
|
|
frameborder="0" |
|
|
|
height="100%" |
|
|
|
scrolling="no" |
|
|
|
src="https://www.tall.wiki/kangfu-v1/?key=E83239936" |
|
|
|
width="100%" |
|
|
|
></iframe> |
|
|
|
<!-- 生产 https://www.tall.wiki/kangfu-v1/?key=E83239936 --> |
|
|
|
<!-- 测试 https://www.tall.wiki/kangfu-v1/?key=230659446 --> |
|
|
|
<iframe :src="iframeSrc2" frameborder="0" height="100%" scrolling="no" width="100%"></iframe> |
|
|
|
<div class="screen"> |
|
|
|
<img @click="$router.push('/vs')" class="monitor2" src="../assets/img/fullScreen.png" /> |
|
|
|
<img @click="showScreen = true" class="monitor2" src="../assets/img/fullScreen.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 全屏监控 --> |
|
|
|
<video-screen :iframeSrc="iframeSrc2" @closeScreen="closeScreen" v-if="showScreen" /> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script lang="ts"> |
|
|
|
@ -83,6 +96,8 @@ import Warehouse from "@/components/warehouse.vue"; |
|
|
|
import ParkingSpace from "@/components/parkingSpace.vue"; |
|
|
|
import UsableArea from "@/components/usableArea.vue"; |
|
|
|
import Memorabilia from "@/components/memorabilia.vue"; |
|
|
|
import VideoScreen from "@/components/videoScreen.vue"; |
|
|
|
import { getWarehouses } from "api/index"; |
|
|
|
|
|
|
|
export default defineComponent({ |
|
|
|
components: { |
|
|
|
@ -97,14 +112,49 @@ export default defineComponent({ |
|
|
|
ParkingSpace, |
|
|
|
UsableArea, |
|
|
|
Memorabilia, |
|
|
|
VideoScreen, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
show: false, |
|
|
|
show2: false, |
|
|
|
showScreen: false, |
|
|
|
showIndex: 0, |
|
|
|
iframeSrc1: "", |
|
|
|
iframeSrc2: "", |
|
|
|
}; |
|
|
|
}, |
|
|
|
methods: {}, |
|
|
|
methods: { |
|
|
|
// 关闭大屏 |
|
|
|
closeScreen() { |
|
|
|
this.showScreen = false; |
|
|
|
}, |
|
|
|
|
|
|
|
// 获取仓库信息 |
|
|
|
async getWarehouses(value) { |
|
|
|
try { |
|
|
|
if (value === "show1") { |
|
|
|
if (this.show2) { |
|
|
|
this.show2 = false; |
|
|
|
} |
|
|
|
this.show = true; |
|
|
|
} |
|
|
|
if (value === "show2") { |
|
|
|
if (this.show) { |
|
|
|
this.show = false; |
|
|
|
} |
|
|
|
this.show2 = true; |
|
|
|
} |
|
|
|
const data = await getWarehouses({ parkId: 1 }); |
|
|
|
if (data && data.parkEquipment && data.parkEquipment.length) { |
|
|
|
this.iframeSrc1 = data.parkEquipment[0].equipmentLocation; |
|
|
|
this.iframeSrc2 = data.parkEquipment[1].equipmentLocation; |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
console.log("error: ", error); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}); |
|
|
|
</script> |
|
|
|
|
|
|
|
@ -112,14 +162,14 @@ export default defineComponent({ |
|
|
|
.monitor—btn { |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
top: 28%; |
|
|
|
top: 20%; |
|
|
|
z-index: 99; |
|
|
|
width: 48rem; |
|
|
|
height: 50rem; |
|
|
|
} |
|
|
|
|
|
|
|
.monitor—btn1 { |
|
|
|
top: 20%; |
|
|
|
top: 28%; |
|
|
|
} |
|
|
|
|
|
|
|
.frame { |
|
|
|
|
