zhouhui
/
lcny-vue3-antd-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

new-map
ihzero 2023-02-03 16:18:51 +08:00
parent 7cd857619d
commit e3f9d87416
3 changed files with 33 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/main/monitor/components/LiveBroadcast.vue
View File

@ -1,16 +1,19 @@
<template> <template>
<div> <div>
<BasicForm @register="registerForm" /> <BasicForm @register="registerForm" />
<List <div class="min-h-400px">
:grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 5, column: 8 }" <List
:data-source="list" :grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 5, column: 8 }"
> :data-source="list"
<template #renderItem="{ item }"> >
<List-item> <template #renderItem="{ item }">
<LiveBroadcastItem :url="socketUrl" :item="item" /> <List-item>
</List-item> <LiveBroadcastItem :url="socketUrl" :item="item" />
</template> </List-item>
</List> </template>
</List>
</div>
<div class="text-right"> <div class="text-right">
<a-pagination <a-pagination
size="small" size="small"

30
src/views/main/monitor/components/Playback.vue
View File

@ -1,16 +1,19 @@
<template> <template>
<div> <div>
<BasicForm @register="registerForm" /> <BasicForm @register="registerForm" />
<List <div class="min-h-400px">
:grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 5, column: 8 }" <List
:data-source="list" :grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 5, column: 8 }"
> :data-source="list"
<template #renderItem="{ item }"> >
<List-item> <template #renderItem="{ item }">
<LiveBroadcastItem :recommend="false" :url="socketUrl" :item="item" /> <List-item>
</List-item> <LiveBroadcastItem :recommend="false" :url="socketUrl" :item="item" />
</template> </List-item>
</List> </template>
</List>
</div>
<div class="text-right"> <div class="text-right">
<a-pagination <a-pagination
size="small" size="small"
@ -111,7 +114,10 @@
component: 'RangePicker', component: 'RangePicker',
required: true, required: true,
componentProps: { componentProps: {
format: 'YYYY-MM-DD', format: 'YYYY-MM-DD HH:mm',
showTime: {
format: 'HH:mm',
},
placeholder: ['开始时间', '结束时间'], placeholder: ['开始时间', '结束时间'],
disabledDate: (current) => { disabledDate: (current) => {
return current && current > dayjs().endOf('day') return current && current > dayjs().endOf('day')
@ -174,7 +180,7 @@
const { username, password, ip, passage } = cur.extends const { username, password, ip, passage } = cur.extends
cur.extends.rtsp_url = `rtsp://${username}:${password}@${ip}:9200/cam/playback?channel=${passage}&subtype=0&starttime=${dayjs( cur.extends.rtsp_url = `rtsp://${username}:${password}@${ip}:9200/cam/playback?channel=${passage}&subtype=0&starttime=${dayjs(
params.start_time, params.start_time,
).format('YYYY_MM_DD_HH_mm_ss')}&endtime=${dayjs(params.start_time).format( ).format('YYYY_MM_DD_HH_mm_ss')}&endtime=${dayjs(params.end_time).format(
'YYYY_MM_DD_HH_mm_ss', 'YYYY_MM_DD_HH_mm_ss',
)}` )}`
console.log(cur.extends.rtsp_url) console.log(cur.extends.rtsp_url)

6
src/views/main/monitor/index.vue
View File

@ -5,11 +5,9 @@
<template v-for="item in achieveList" :key="item.key"> <template v-for="item in achieveList" :key="item.key">
<a-tab-pane> <a-tab-pane>
<template #tab> <template #tab>
<span> <span> {{ item.name }}</span>
<component :is="item.iconComponent" />
{{ item.name }}</span
>
</template> </template>
<component :is="item.component" /> <component :is="item.component" />
</a-tab-pane> </a-tab-pane>
</template> </template>