修改视频放大功能
This commit is contained in:
parent
4b7ce17883
commit
2b0acd819e
@ -345,9 +345,11 @@
|
|||||||
<div class="module-title-bg">
|
<div class="module-title-bg">
|
||||||
<img src="@/assets/svg/u155.svg" alt="" srcset="" style="margin-right: 5px; ">
|
<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>
|
</div>
|
||||||
<div style="display: flex;align-items: center;">
|
<div style="display: flex;align-items: center;">
|
||||||
|
|
||||||
<img src="@/assets/refresh.png" title="重启足部监视相机"
|
<img src="@/assets/refresh.png" title="重启足部监视相机"
|
||||||
@click="refreshClick('camera')"
|
@click="refreshClick('camera')"
|
||||||
alt="" style="margin-right: 5px;cursor: pointer; width: 14px;">
|
alt="" style="margin-right: 5px;cursor: pointer; width: 14px;">
|
||||||
@ -562,6 +564,12 @@
|
|||||||
<el-dialog class="historyDialogVisible" v-model="historyDialogVisible" center title="历史记录" width="100%">
|
<el-dialog class="historyDialogVisible" v-model="historyDialogVisible" center title="历史记录" width="100%">
|
||||||
<HistoryDashboard v-if="historyDialogVisible" :patientId="patientId"/>
|
<HistoryDashboard v-if="historyDialogVisible" :patientId="patientId"/>
|
||||||
</el-dialog>
|
</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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -576,6 +584,7 @@ import * as echarts from 'echarts'
|
|||||||
import { getBackendUrl, patientAPI } from '../services/api.js'
|
import { getBackendUrl, patientAPI } from '../services/api.js'
|
||||||
import noImageSvg from '@/assets/no-image.svg'
|
import noImageSvg from '@/assets/no-image.svg'
|
||||||
import HistoryDashboard from '@/views/PatientProfile.vue'
|
import HistoryDashboard from '@/views/PatientProfile.vue'
|
||||||
|
const isBig =ref(false)
|
||||||
const authStore = useAuthStore()
|
const authStore = useAuthStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
|
Loading…
Reference in New Issue
Block a user