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; | ... | ... |