Showing
5 changed files
with
26 additions
and
27 deletions
... | ... | @@ -2,7 +2,7 @@ |
2 | 2 | <Dropdown placement="bottomLeft" :overlayClassName="`${prefixCls}-dropdown-overlay`"> |
3 | 3 | <span :class="[prefixCls, `${prefixCls}--${theme}`]" class="flex"> |
4 | 4 | <img :class="`${prefixCls}__header`" :src="getUserInfo.avatar" /> |
5 | - <span :class="`${prefixCls}__info hidden md:block`"> | |
5 | + <span :class="`${prefixCls}__info hidden md:block w-30 truncate`"> | |
6 | 6 | <span :class="`${prefixCls}__name `" class="truncate"> |
7 | 7 | {{ getUserInfo.realName }} |
8 | 8 | </span> | ... | ... |
... | ... | @@ -92,10 +92,11 @@ |
92 | 92 | const { getResult } = useFingerprint(); |
93 | 93 | const beforeVideoPlay = async (record: CameraRecordItem) => { |
94 | 94 | if (isNullOrUnDef(record.accessMode)) return; |
95 | - const { url, type } = await getPlayUrl(record); | |
95 | + const { url, type, withToken } = (await getPlayUrl(record)) || {}; | |
96 | 96 | record.playSourceUrl = url; |
97 | 97 | record.streamType = type; |
98 | 98 | record.isTransform = true; |
99 | + record.withToken = withToken; | |
99 | 100 | }; |
100 | 101 | |
101 | 102 | const gridLayout = ref({ gutter: 1, column: 2 }); | ... | ... |
... | ... | @@ -632,9 +632,7 @@ export const formGBTSchema: QFormSchema[] = [ |
632 | 632 | }, |
633 | 633 | ]; |
634 | 634 | |
635 | -export async function getPlayUrl( | |
636 | - params: CameraRecord | |
637 | -): Promise<{ url: string; type: PlayerStreamType }> { | |
635 | +export async function getPlayUrl(params: CameraRecord) { | |
638 | 636 | const { accessMode } = params; |
639 | 637 | if (accessMode === AccessMode.ManuallyEnter) { |
640 | 638 | const { videoUrl } = params; |
... | ... | @@ -644,7 +642,11 @@ export async function getPlayUrl( |
644 | 642 | if (isRTSPPlay) { |
645 | 643 | const { getResult } = useFingerprint(); |
646 | 644 | const fingerprint = await getResult(); |
647 | - return { url: getFlvPlayUrl(videoUrl, fingerprint.visitorId), type: 'flv' }; | |
645 | + return { | |
646 | + url: getFlvPlayUrl(videoUrl, fingerprint.visitorId), | |
647 | + type: 'flv', | |
648 | + withToken: true, | |
649 | + }; | |
648 | 650 | } else { |
649 | 651 | return { url: videoUrl, type: 'auto' }; |
650 | 652 | } | ... | ... |
... | ... | @@ -8,7 +8,6 @@ |
8 | 8 | import { createOrEditEdgeInstance } from '/@/api/edgeManage/edgeInstance'; |
9 | 9 | import { EdgeInstanceItemType } from '/@/api/edgeManage/model/edgeInstance'; |
10 | 10 | import { buildUUID, randomString } from '/@/utils/uuid'; |
11 | - import { CopyOutlined } from '@ant-design/icons-vue'; | |
12 | 11 | import { handeleCopy } from '/@/views/device/profiles/step/topic'; |
13 | 12 | |
14 | 13 | const emits = defineEmits(['success', 'register']); |
... | ... | @@ -99,21 +98,17 @@ |
99 | 98 | <template #routingKey="{ model, field }"> |
100 | 99 | <div class="!flex justify-between items-center gap-5"> |
101 | 100 | <a-input disabled v-model:value="model[field]" /> |
102 | - <CopyOutlined | |
103 | - @click="handleCopyRoutingKey(model[field])" | |
104 | - class="cursor-pointer" | |
105 | - style="font-size: 32px" | |
106 | - /> | |
101 | + <a-button type="link" @click="handleCopyRoutingKey(model[field])" class="cursor-pointer" | |
102 | + >复制</a-button | |
103 | + > | |
107 | 104 | </div> |
108 | 105 | </template> |
109 | 106 | <template #secret="{ model, field }"> |
110 | 107 | <div class="!flex justify-between items-center gap-5"> |
111 | 108 | <a-input disabled v-model:value="model[field]" /> |
112 | - <CopyOutlined | |
113 | - @click="handleCopySecret(model[field])" | |
114 | - class="cursor-pointer" | |
115 | - style="font-size: 32px" | |
116 | - /> | |
109 | + <a-button type="link" @click="handleCopySecret(model[field])" class="cursor-pointer" | |
110 | + >复制</a-button | |
111 | + > | |
117 | 112 | </div> |
118 | 113 | </template> |
119 | 114 | </BasicForm> | ... | ... |
... | ... | @@ -30,16 +30,17 @@ |
30 | 30 | const { config } = props; |
31 | 31 | const { option } = config; |
32 | 32 | const { videoConfig, uuid } = option || {}; |
33 | - const { type, url } = await getPlayUrl({ | |
34 | - id: videoConfig?.id, | |
35 | - accessMode: videoConfig?.accessMode, | |
36 | - playProtocol: videoConfig?.playProtocol, | |
37 | - videoUrl: videoConfig?.videoUrl, | |
38 | - params: { | |
39 | - deviceId: videoConfig?.deviceId, | |
40 | - channelNo: videoConfig?.channelId, | |
41 | - }, | |
42 | - } as unknown as CameraRecord); | |
33 | + const { type, url } = | |
34 | + (await getPlayUrl({ | |
35 | + id: videoConfig?.id, | |
36 | + accessMode: videoConfig?.accessMode, | |
37 | + playProtocol: videoConfig?.playProtocol, | |
38 | + videoUrl: videoConfig?.videoUrl, | |
39 | + params: { | |
40 | + deviceId: videoConfig?.deviceId, | |
41 | + channelNo: videoConfig?.channelId, | |
42 | + }, | |
43 | + } as unknown as CameraRecord)) || {}; | |
43 | 44 | playType.value = type; |
44 | 45 | playUrl.value = url; |
45 | 46 | if (!uuid) return; | ... | ... |