修改视频放大功能

This commit is contained in:
limengnan 2025-10-11 17:47:51 +08:00
parent 4b7ce17883
commit 2b0acd819e

View File

@ -345,9 +345,11 @@
<div class="module-title-bg">
<img src="@/assets/svg/u155.svg" alt="" srcset="" style="margin-right: 5px; ">
视频
<svg style="margin-left:10px;cursor: pointer;" @click="isBig = true" t="1760175912498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6796" width="16" height="16"><path d="M999.6 964.4L786.2 758.6c77.2-80.6 125-189.7 125-309.8C911.2 201.3 709.9 0 462.5 0S13.8 201.3 13.8 448.8s201.3 448.7 448.7 448.7c102.3 0 196.4-34.8 271.9-92.6l217.1 209.4c6.7 6.5 15.4 9.7 24 9.7 9.1 0 18.1-3.6 24.9-10.6 13.4-13.8 13-35.7-0.8-49zM83.1 448.8c0-209.2 170.2-379.4 379.4-379.4s379.4 170.2 379.4 379.4-170.2 379.4-379.4 379.4c-209.2-0.1-379.4-170.3-379.4-379.4z" p-id="6797" fill="#0099ff"></path><path d="M676.5 412.3H498.8V234.5c0-18.4-16.1-33.4-35.9-33.4S427 216 427 234.5v177.8H249.1c-18.4 0-33.4 16.1-33.4 35.9 0 19.9 14.9 35.9 33.4 35.9h177.8v177.8c0 18.4 16.1 33.4 35.9 33.4s35.9-14.9 35.9-33.4V484.1h177.8c18.4 0 33.4-16.1 33.4-35.9 0-19.9-14.9-35.9-33.4-35.9z" p-id="6798" fill="#0099ff"></path></svg>
</div>
</div>
<div style="display: flex;align-items: center;">
<img src="@/assets/refresh.png" title="重启足部监视相机"
@click="refreshClick('camera')"
alt="" style="margin-right: 5px;cursor: pointer; width: 14px;">
@ -562,6 +564,12 @@
<el-dialog class="historyDialogVisible" v-model="historyDialogVisible" center title="历史记录" width="100%">
<HistoryDashboard v-if="historyDialogVisible" :patientId="patientId"/>
</el-dialog>
<div v-if="isBig" style="position: fixed;top: 0;right: 0;
width: 70%;height: 100vh;z-index: 9999;background: red;border: 2px solid #b0b0b0">
<svg @click="isBig=false" style="position: absolute;right: 10px;top:10px;cursor: pointer;" t="1760175800150" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5743" width="24" height="24"><path d="M796 163.1L511.1 448l-285-285-63.9 64 285 285-285 285 63.8 63.8 285-285 285 285 63.8-63.8-285-285 285-285-63.8-63.9z" fill="#ffffff" p-id="5744"></path></svg>
<img v-if="isBig" :src="(cameraStatus === '已连接' && rtspImgSrc) ? rtspImgSrc : noImageSvg" alt=""
style="width: 100%;height: calc(100%);object-fit:contain;background:#323232;" />
</div>
</div>
</template>
@ -576,6 +584,7 @@ import * as echarts from 'echarts'
import { getBackendUrl, patientAPI } from '../services/api.js'
import noImageSvg from '@/assets/no-image.svg'
import HistoryDashboard from '@/views/PatientProfile.vue'
const isBig =ref(false)
const authStore = useAuthStore()
const router = useRouter()
const route = useRoute()