This commit is contained in:
Teng 2025-12-30 11:23:55 +08:00
parent 31d2d99ad3
commit cc6b443275
10 changed files with 972 additions and 65 deletions

View File

@ -66,6 +66,26 @@
} }
} }
}, },
{
"path": "pages/controlroom/index",
"style": {
"navigationStyle": "custom",
"app-plus": {
"subNVues": [{
"id": "monitorSub",
"path": "pages/fullcamera",
"style": {
"position": "absolute",
"left": "20px",
"top": "40px",
"width": "800px",
"height": "450px",
"background": "transparent"
}
}]
}
}
},
// //
{ {
"path": "pages/watch/settings/settings", "path": "pages/watch/settings/settings",

View File

@ -0,0 +1,157 @@
<template>
<view class="right-top">
<view class="top-title">
切换机构
</view>
<scroll-view class="top-list" scroll-y>
<view class="list-view" :style="menutarget===index?{borderColor:`#8DD6FF`,backgroundColor:`#F7F7F9`}:{}"
v-for="(item,index) in leftMenuArray" :key="index" @click="clickmenu(index)">
<image class="list-img" v-show="item.areaFlag==1"
:src="`/static/index/newindex/leftmenu/NU${item.elderInfo?.name?`blue`:`white`}.png`" />
<image class="list-img" v-show="item.areaFlag==3"
:src="`/static/index/newindex/leftmenu/ware${item.elderInfo?.name?`blue`:`white`}.png`" />
<view class="" v-show="item.areaFlag==1">
<view class="first-line">
<view style="font-size: 1.2vw;">
{{ item.nuName }}
</view>
<view class="first-line-second">
{{ item.elderInfo?.name?`入住`:`空闲` }}
</view>
</view>
<view class="second-line">
NUID{{ item.nuId }}
</view>
</view>
<view class="" v-show="item.areaFlag==3">
<view class="first-line">
<view style="font-size: 1.2vw;">
{{ item.nuName }}
</view>
<view class="first-line-second">
{{ item.elderInfo?.name?`盘点`:`正常` }}
</view>
</view>
<view class="second-line">
NUID{{ item.nuId }}
</view>
</view>
</view>
</scroll-view>
</view>
</template>
<script setup>
import {
ref,
onMounted,
onBeforeUnmount,
computed,
nextTick,
watch
} from 'vue';
import {
queryPadPageList
} from '@/pages/watch/api/lunpan.js'
const menutarget = ref(0)
// 1 emit
const emit = defineEmits(['change'])
const clickmenu = (index) => {
if(menutarget.value == index){
return
}
menutarget.value = index
let data = leftMenuArray.value[index]
uni.setStorageSync('nuId', data.nuId);
uni.setStorageSync('nuName', data.nuName);
uni.setStorageSync('elderId', data.elderInfo ? data.elderInfo?.id : null);
uni.setStorageSync('NUall', data);
emit('change')
uni.$emit('fullmonitor:killView');
if (data?.cameraInfo !== null && data?.cameraInfo[0].deviceName) {
uni.$emit('fullmonitor:isshow', true);
//
setTimeout(() => {
uni.$emit('fullmonitor:changeinit', data?.cameraInfo[0].deviceIndex);
}, 100)
} else {
uni.$emit('fullmonitor:isshow', false)
}
}
const leftMenuArray = ref([]);
onMounted(() => {
queryPadPageList().then((res => {
leftMenuArray.value = res.result.records;
clickmenu(0)
}))
})
</script>
<style scoped lang="less">
.right-top {
margin-top: 80rpx;
width: 100%;
height: 50vh;
background-color: #fff;
border-radius: 4vh;
.top-title {
width: 100%;
height: 7vh;
display: flex;
align-items: center;
margin-left: 2vw;
font-size: 1.4vw;
font-weight: 600;
}
.top-list {
width: 100%;
height: 41vh;
.list-view {
width: 86%;
margin-left: 7%;
height: 8vh;
border: 2rpx solid transparent;
border-radius: 7vw;
margin-bottom: 0.6vh;
display: flex;
align-items: center;
.list-img {
width: 4vw;
height: 4vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
}
.first-line {
display: flex;
.first-line-second {
background-color: #E5E5E5;
color: #555555;
width: 3.2vw;
height: 1.5vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9vw;
border-radius: 0.5vw;
margin-left: 0.5vw;
}
}
.second-line {
color: #999999;
margin-top: 0.2vw;
font-size: 1vw;
}
}
}
}
</style>

View File

@ -0,0 +1,85 @@
<template>
<view class="right-top">
<scroll-view class="top-list" scroll-y>
<view class="list-view"
v-for="(item,index) in uni.getStorageSync('NUall').elderServerEntityList || []" :key="index" >
<view class="">
{{ item.directiveName }}
</view>
<view class="card-bottom">
{{ item?.startTime }}
-
{{ item?.endTime }}
<view class="bottom-blue">
待执行
</view>
</view>
</view>
</scroll-view>
</view>
</template>
<script setup>
</script>
<style scoped lang="less">
.right-top {
margin-top: 20rpx;
width: 100%;
height: 40vh;
background-color: #fff;
border-radius: 4vh;
padding-top: 2vh;
.top-title {
width: 100%;
height: 7vh;
display: flex;
align-items: center;
margin-left: 2vw;
font-size: 1.4vw;
font-weight: 600;
}
.top-list {
width: 100%;
height: 36vh;
.list-view {
width: 90%;
margin-left: 5%;
height: 10vh;
margin-bottom: 1vh;
border-radius: 1vw;
background-color: rgba(226, 227, 231, 0.5);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 1.5vw;
.card-bottom{
margin-top: 0.5vh;
display: flex;
align-items: center;
font-size: 1.2vw;
.bottom-blue{
width: 4vw;
height: 2vw;
margin-left: 1vw;
border-radius: 0.5vw;
background-color: #4874CB;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 1vw;
}
}
}
}
}
</style>

696
pages/controlroom/index.vue Normal file
View File

@ -0,0 +1,696 @@
<template>
<view class="view">
<view class="view-right">
<view class="big-bgc">
<view
style="width: 100%;height: 100%;z-index: 1;display: flex;justify-content: center;align-items: center;background-color: rgba(226, 227, 231, 0.5);">
<view style="position: relative;">
<image style="width: 600rpx;height: 600rpx;" src="/static/nocamera.png" />
<view
style="color: #4D5561;font-size: 32rpx;position: absolute;left: 50%;bottom: 100rpx;transform: translateX(-50%);">
暂无视频内容显示
</view>
</view>
</view>
</view>
<view class="picture">
<view class="picture-card" v-for="(item,index) in downpicture" :key="index"
:style="{color:downtarget===index?'#1486EB':''}" @click="clickDownCard(index)">
<view class="bgc-card" :style="{background:downtarget===index?'#E2EDFC':''}"
:class="{target: index === bottomTargetIndex}">
<image style="width: 70rpx;height: 70rpx;"
:src="`/static/index/picture/${index}${downtarget===index?1:0}.png`" />
</view>
{{item}}
</view>
<view class="picture-card" v-for="(item,index) in cameraArray.slice(0,4)" :key="index"
:style="{color:cameratarget.includes(index)?`#0E86EA`:``}" @click="clickcamera(index)">
<view class="bgc-card" :style="{background:cameratarget.includes(index)?'#E2EDFC':''}"
:class="{target: cameratarget.includes(index)}">
<image style="width: 70rpx;height: 70rpx;"
:src="`/static/index/camera/${index==9?5:(index>4?index+1:index)}${cameratarget.includes(index)?1:0}.png`" />
</view>
{{item}}
</view>
</view>
<view class="right-right">
<changemenu @change="change"></changemenu>
<history v-if="havehistory" ></history>
</view>
</view>
<joysticknew :moveright="480" :movebottom="0" @movecard="movecamera" />
</view>
</template>
<script setup lang="ts">
import { ref, onMounted, onBeforeUnmount, computed, reactive } from 'vue';
import { onShow, onLoad, onHide } from "@dcloudio/uni-app"
import { movedirection, queryPadPageList } from '@/pages/watch/api/lunpan.js'
import joysticknew from '@/component/public/newgame/joysticknew.vue';
import changemenu from './component/changemenu.vue'
import history from './component/history.vue'
const cameraArray = ref([])
const rightmessage = ref({
fzrHeadPath:"",
fzr:"",
fzrTel:""
});
onLoad(() => {
cameraArray.value = cameraBig;
})
const menuIndex = ref(-1);
const typeNow = ref(-1);
const photoplay = ref(false);
const getblue = ref(false);
const gobackdrawer = ref(null);
const wheelRef = ref(null);
const topnum = ref(0); // scroll-top (px)
const itemHeight = 100; // (px)
const containerHeight = 400; // scroll-view (px)
const wheretarget = ref(3);
const where = [
{
name: "左右翻转",
url: "/static/index/camera/800.png",
target: "/static/index/camera/801.png",
},
{
name: "上下翻转",
url: "/static/index/camera/810.png",
target: "/static/index/camera/811.png",
},
{
name: "中心翻转",
url: "/static/index/camera/820.png",
target: "/static/index/camera/821.png",
},
{
name: "不翻转",
url: "/static/index/camera/830.png",
target: "/static/index/camera/831.png",
},
]
const downpicture = [
"原图",
"全景拉伸",
"四分屏",
"180°全景",
"360°全景"
]
const cameratarget = ref([]);
const cameraBig = [
"截图",
"录制",
"对讲",
"静音",
"预警",
"图片",
"视频",
"清晰度",
"翻转",
"返回",
]
const cameraSmall = [
"截图",
"录制",
"对讲",
"静音",
"预警",
"展开",
]
const downtarget = ref(0)
const clickDownCard = (index : number) => {
bottomTargetIndex.value = index;
downtarget.value = index;
switch (index) {
case 0:
uni.$emit('fullmonitor:switchDisplay', 0)
break
case 1:
uni.$emit('fullmonitor:switchDisplay', 4)
break
case 2:
uni.$emit('fullmonitor:switchDisplay', 1)
break
case 3:
uni.$emit('fullmonitor:switchDisplay', 2)
break
case 4:
uni.$emit('fullmonitor:switchDisplay', 3)
break
}
}
const first = ref(5);
const second = ref(0);
function parseToMinutes(t : string) : number {
const [h, m] = t.split(':').map(Number)
return h * 60 + m
}
function findClosestItem(list : any[], nowStr : string) {
const now = parseToMinutes(nowStr)
let closest = null
let minDiff = Infinity
list.forEach((element) => {
const val = parseToMinutes(element.startTime)
// 24
let diff = Math.abs(val - now)
if (diff > 720) diff = 1440 - diff // 23:5000:10
if (diff < minDiff) {
minDiff = diff
closest = element
}
})
return closest
}
const serveritem = ref({
startTime: "",
endTime: "",
typeName: "",
immediateFile: ""
})
function clamp(v, a, b) { return Math.max(a, Math.min(b, v)); }
//
function genPaths(base, prefix, count, ext = 'png', startIndex = 0, pad = false) {
return Array.from({ length: count }, (_, i) => {
const idx = pad
? String(i + startIndex).padStart(2, '0')
: i + startIndex
return `${base}/${prefix}${idx}.${ext}`
})
}
onMounted(() => {
//
menuIndex.value = 0;
typeNow.value = 0;
photoplay.value = true;
getblue.value = true;
})
const leftTargetIndex = ref(0);
const topTargetIndex = ref(-1);
const bottomTargetIndex = ref(-1)
const shezhi = ref(false)
const movecamera = (type : number) => {
handleKey(type)
}
const savetypeNow = ref(0);
const removeTimers = new Map<number, ReturnType<typeof setTimeout>>();
onBeforeUnmount(() => {
for (const t of removeTimers.values()) {
clearTimeout(t)
}
removeTimers.clear()
})
const removeIndexOnce = (index : number) => {
const pos = cameratarget.value.indexOf(index)
if (pos !== -1) {
cameratarget.value.splice(pos, 1) // pos 1
}
}
const jumpopen = ref(false);
const clickcamera = (index : number) => {
switch (index) {
case 0:
//
uni.$emit('fullmonitor:doSnapshot')
// push
if (!cameratarget.value.includes(index)) {
cameratarget.value.push(index)
}
//
if (removeTimers.has(index)) {
clearTimeout(removeTimers.get(index)!)
}
// 1s
const timerId = setTimeout(() => {
const pos = cameratarget.value.indexOf(index)
if (pos !== -1) {
cameratarget.value.splice(pos, 1)
}
removeTimers.delete(index)
}, 500)
removeTimers.set(index, timerId)
break
case 1:
if (cameratarget.value.includes(index)) {
uni.$emit('fullmonitor:stopRecord');
removeIndexOnce(index)
} else {
uni.$emit('fullmonitor:startRecord');
cameratarget.value.push(index)
}
break
case 2:
if (cameratarget.value.includes(index)) {
uni.$emit('fullmonitor:stopTalk');
removeIndexOnce(index)
} else {
uni.$emit('fullmonitor:openTalk');
cameratarget.value.push(index)
}
break
case 3:
if (cameratarget.value.includes(index)) {
uni.$emit('fullmonitor:toggleVolume');
removeIndexOnce(index)
} else {
uni.$emit('fullmonitor:toggleVolume');
cameratarget.value.push(index)
}
break
case 4:
if (cameratarget.value.includes(index)) {
uni.$emit('fullmonitor:stopAlarm')
removeIndexOnce(index)
} else {
uni.$emit('fullmonitor:startAlarm')
cameratarget.value.push(index)
}
break
case 5:
if (cameratarget.value.includes(index)) {
removeIndexOnce(index)
} else {
cameratarget.value.push(index)
}
break
case 6:
if (cameratarget.value.includes(index)) {
removeIndexOnce(index)
} else {
cameratarget.value.push(index)
}
break
case 7:
if (cameratarget.value.includes(index)) {
uni.$emit('fullmonitor:changeQuality');
removeIndexOnce(index)
} else {
uni.$emit('fullmonitor:changeQuality');
cameratarget.value.push(index)
}
break
case 8:
jumpopen.value = true
break
case 9:
jumpopen.value = false;
uni.navigateBack()
break
}
}
const clickjump = (index : number) => {
wheretarget.value = index;
if (index === 3) {
uni.$emit('fullmonitor:flipImage', 6)
removeIndexOnce(8)
} else {
uni.$emit('fullmonitor:flipImage', index)
cameratarget.value.push(8)
}
}
// moveFirstUp / moveFirstDown
const moveUpDebounced = useThrottle(() => wheelRef.value?.moveFirstUp(), 400)
const moveDownDebounced = useThrottle(() => wheelRef.value?.moveFirstDown(), 400)
const moveUpsecond = useThrottle(() => wheelRef.value?.moveSecondUp(), 400)
const moveDownsecond = useThrottle(() => wheelRef.value?.moveSecondDown(), 400)
const clickDownsecond = useThrottle(() => doSomething(), 700)
const gaoqing = ref(0);
const yuntai = ref(false);
const savefirst = ref(-1);
function doSomething() {
wheelRef.value?.startchange()
if (first.value === 0) {
if (second.value) {
uni.$emit('fullmonitor:toggleVolume');
} else {
uni.$emit('fullmonitor:toggleVolume');
}
}
if (first.value === 1) {
if (second.value) {
uni.$emit('fullmonitor:stopTalk');
} else {
uni.$emit('fullmonitor:openTalk');
}
}
if (first.value === 2) {
uni.$emit('fullmonitor:doSnapshot');
}
if (first.value === 3) {
if (second.value) {
uni.$emit('fullmonitor:stopRecord');
} else {
uni.$emit('fullmonitor:startRecord');
}
}
if (first.value === 4) {
if (!second.value) {
savefirst.value = first.value
first.value = -1;
yuntai.value = true;
} else {
}
}
if (first.value === 5) {
if (gaoqing.value !== second.value) {
gaoqing.value = second.value
uni.$emit('fullmonitor:changeQuality'); //
}
}
if (first.value === 6) {
uni.$emit('fullmonitor:switchDisplay', second.value)
}
if (first.value === 7) {
if (second.value === 3) {
uni.$emit('fullmonitor:flipImage', 6)
} else {
uni.$emit('fullmonitor:flipImage', second.value)
}
}
if (first.value === 8) {
if (second.value) {
uni.$emit('fullmonitor:stopAlarm')
} else {
uni.$emit('fullmonitor:startAlarm')
}
}
}
function useThrottle(fn : () => void, delay = 1000) {
let throttling = false
return () => {
if (throttling) return
fn()
throttling = true
setTimeout(() => {
throttling = false
}, delay)
}
}
const pad = (n) => String(n).padStart(2, '0')
// 0,1,2,3
// -1
let activeDir = -1
// mapkey =
const stopTimers : Record<number, any> = {}
//
function handleKey(type : number) {
switch (type) {
case 0: runDirection(1, 0); break //
case 1: runDirection(5, 1); break //
case 2: runDirection(7, 2); break //
case 3: runDirection(3, 3); break //
case 4: //
first.value = savefirst.value
yuntai.value = false
savefirst.value = -1
moveUpsecond()
clickDownsecond()
break
case 5: //
first.value = savefirst.value
yuntai.value = false
savefirst.value = -1
moveUpsecond()
clickDownsecond()
break
}
}
// /
function runDirection(dirCode : number, type : number) {
//
if (activeDir !== -1 && activeDir !== type) {
stopDirection(activeDir)
}
activeDir = type
//
movedirection(dirCode, 1)
// stop
if (stopTimers[type]) clearTimeout(stopTimers[type])
stopTimers[type] = setTimeout(() => {
stopDirection(type)
}, 550) // 550ms
}
//
function stopDirection(type : number) {
if (type === -1) return
let dirCode = 0
switch (type) {
case 0: dirCode = 1; break
case 1: dirCode = 5; break
case 2: dirCode = 7; break
case 3: dirCode = 3; break
}
movedirection(dirCode, 0).then((res : any) => { })
clearTimeout(stopTimers[type])
stopTimers[type] = null
if (activeDir === type) activeDir = -1
}
//
function parseDateFlexible(s) {
if (s instanceof Date) return s
if (typeof s !== 'string') throw new Error('birth must be string or Date')
// "YYYY-MM-DD" "YYYYMMDD" "YYYY/MM/DD"
const m = s.match(/(\d{4})\D+(\d{1,2})\D+(\d{1,2})/)
if (!m) throw new Error('无法解析的日期格式')
return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]))
}
const havehistory = ref(true)
const change = () =>{
console.log("切换了",uni.getStorageSync('NUall'))
havehistory.value = false;
setTimeout(()=>{
havehistory.value = true;
},1)
}
</script>
<style lang="less" scoped>
.view {
background-color: #eff0f4;
width: 100%;
height: 100vh;
display: flex;
.view-right {
height: 100%;
width: 100%;
position: relative;
padding: 60rpx;
.scroll-vi {
height: 100rpx;
width: 100%;
margin-left: 0rpx;
margin-top: 80rpx;
position: relative;
display: flex;
.menu {
flex: 0 0 auto; // 👈
height: 90rpx;
width: 240rpx;
border-radius: 50rpx;
margin-left: 20rpx;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
padding-top: 9rpx;
.menu-img {
width: 55rpx;
height: 55rpx;
margin-right: 15rpx;
}
.menu-font {
margin-top: 18rpx;
font-size: 25rpx;
}
}
}
}
}
.big-bgc {
margin-left: -15rpx;
margin-top: 20rpx;
width: 1600rpx;
height: 900rpx;
border-radius: 55rpx;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@keyframes glowFlash {
0%,
100% {
box-shadow:
0 0 4rpx #f1d7da,
0 0 8rpx #f1d7da,
0 0 12rpx #f1d7da;
}
50% {
box-shadow:
0 0 10rpx #f1d7da,
0 0 20rpx #f1d7da,
0 0 30rpx #f1d7da;
}
}
.right-right {
position: absolute;
right: 25rpx;
top: 0rpx;
height: calc(100% - 250rpx);
width: 450rpx;
}
.bottom-view {
margin-left: 90rpx;
margin-top: 20rpx;
width: 440rpx;
height: 800rpx;
border-radius: 50rpx;
background-color: rgba(226, 227, 231, 0.5);
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden;
align-items: flex-start;
align-content: flex-start;
.button-father {
margin-top: 20rpx;
margin-bottom: 0;
margin-left: 28rpx;
text-align: center;
.bottom-button {
background-color: #F2F2F4;
display: flex;
justify-content: center;
align-items: center;
width: 110rpx;
height: 110rpx;
border: 1rpx solid #CDD3DD;
border-radius: 35rpx;
margin-bottom: 5rpx;
}
}
}
.target {
--color: #99C9FD;
--thick: 2px;
--radius: 60rpx;
--outline-offset: 0rpx;
/* 内层虚线(你现在用的) */
border-radius: var(--radius);
background-color: #ddf0ff;
/* 内部背景 */
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
/* 外层虚线:放在 outline不会影响元素尺寸 */
outline: var(--thick) dashed var(--color);
outline-offset: var(--outline-offset);
/* 保证文本 / 子元素在最上层 */
position: relative;
z-index: 1;
}
.picture {
display: flex;
margin-top: 80rpx;
.picture-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
// margin-left: 10rpx;
margin-right: 10rpx;
width: 130rpx;
.bgc-card {
width: 100%;
height: 130rpx;
background-color: rgba(226, 227, 231, 0.5);
border-radius: 30rpx;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10rpx;
}
}
}
.jump-white {
position: absolute;
bottom: 20rpx;
left: 50rpx;
width: 300rpx;
height: 400rpx;
background-color: #fff;
border-radius: 30rpx;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1)
}
.jump-item {
margin: 10rpx 10rpx;
height: 60rpx;
justify-content: center;
width: 93%;
display: flex;
border-radius: 20rpx;
align-items: center;
}
</style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="center-column" :style="{ height: isshow ? '500px' : '0px' }"> <div class="center-column" :style="{ height: isshow ? '449px' : '0px' }">
<!-- 视频播放组件 --> <!-- 视频播放组件 -->
<MonitorView ref="monitor" init="5" style="width: 800px;height: 500px;" @onTel="handleTelEvent" <MonitorView ref="monitor" init="5" style="width: 800px;height: 450px;" @onTel="handleTelEvent"
@onSnapShot="handleSnapShotEvent" @onRecord="handleRecordEvent" @onTalkStatus="handleTalkEvent" /> @onSnapShot="handleSnapShotEvent" @onRecord="handleRecordEvent" @onTalkStatus="handleTalkEvent" />
</div> </div>
</template> </template>

View File

@ -303,11 +303,11 @@
// }) // })
// } // }
// if (index === 3) { if (index === 3) {
// uni.navigateTo({ uni.navigateTo({
// url: "/pages/watch/full" url: "/pages/controlroom/index"
// }) })
// } }
if (index == 4) { if (index == 4) {
let data = filteredMenu(2)[0] let data = filteredMenu(2)[0]
uni.setStorageSync('nuId', data.nuId); uni.setStorageSync('nuId', data.nuId);

View File

@ -25,22 +25,6 @@
</view> </view>
</view> </view>
<view class="right-right"> <view class="right-right">
<!-- <view class="red-kuang">
<image style="width: 90rpx;height: 90rpx;margin-left: 40rpx;"
:src="`${uni.getStorageSync('serverUrl')}/sys/common/static/${rightmessage.fzrHeadPath}` " />
<view class="">
<view
style="margin-left: 20rpx;display: flex;align-items: center;margin-bottom: 5rpx;height: 60rpx;">
<view class="font-weight">
{{ rightmessage.fzr }}
</view>
</view>
<view class="font-small" style="margin-left: 20rpx;">
{{ rightmessage.fzrTel }}
</view>
</view>
</view> -->
<view class="bottom-view"> <view class="bottom-view">
<view v-for="(item,index) in cameraArray" class="button-father" @click="clickcamera(index)"> <view v-for="(item,index) in cameraArray" class="button-father" @click="clickcamera(index)">
<view class="bottom-button" <view class="bottom-button"
@ -637,44 +621,6 @@
height: calc(100% - 250rpx); height: calc(100% - 250rpx);
width: 570rpx; width: 570rpx;
.red-kuang {
// margin-top: 0rpx;
margin-left: 90rpx;
width: 430rpx;
height: 120rpx;
border-radius: 30rpx;
position: relative;
display: flex;
align-items: center;
background-color: rgba(226, 227, 231, 0.5);
.blue-bgc {
width: 120rpx;
height: 50rpx;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
font-size: 23rpx;
background-color: rgba(248, 249, 250, 0.5);
color: #017DE9;
border-radius: 20rpx;
// margin-left: 30rpx;
}
.font-weight {
font-size: 30rpx;
font-weight: 600;
}
.font-small {
font-size: 22rpx;
}
}
} }
.bottom-view { .bottom-view {

View File

@ -4,5 +4,8 @@ Promise.resolve("./pages/camera.js").then((res) => {
Promise.resolve("./pages/fullcamera.js").then((res) => { Promise.resolve("./pages/fullcamera.js").then((res) => {
res(); res();
}); });
Promise.resolve("./pages/fullcamera.js").then((res) => {
res();
});
Promise.resolve("./app.css.js").then(() => { Promise.resolve("./app.css.js").then(() => {
}); });

View File

@ -574,7 +574,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
) )
]); ]);
} }
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app_mini/pages/camera.nvue"]]); const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app_mini/pages/camera.nvue"]]);
export { export {
camera as default camera as default
}; };

View File

@ -559,14 +559,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
"div", "div",
{ {
class: "center-column", class: "center-column",
style: normalizeStyle({ height: $data.isshow ? "500px" : "0px" }) style: normalizeStyle({ height: $data.isshow ? "449px" : "0px" })
}, },
[ [
createCommentVNode(" 视频播放组件 "), createCommentVNode(" 视频播放组件 "),
createVNode(_component_MonitorView, { createVNode(_component_MonitorView, {
ref: "monitor", ref: "monitor",
init: "5", init: "5",
style: { "width": "800px", "height": "500px" }, style: { "width": "800px", "height": "450px" },
onOnTel: $options.handleTelEvent, onOnTel: $options.handleTelEvent,
onOnSnapShot: $options.handleSnapShotEvent, onOnSnapShot: $options.handleSnapShotEvent,
onOnRecord: $options.handleRecordEvent, onOnRecord: $options.handleRecordEvent,
@ -578,7 +578,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
) )
]); ]);
} }
const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app_mini/pages/fullcamera.nvue"]]); const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app_mini/pages/fullcamera.nvue"]]);
export { export {
fullcamera as default fullcamera as default
}; };