From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/iot/device/device/detail/DeviceDetailsHeader.vue | 74 +++++++++++++++++++++++++++++++++++++
1 files changed, 74 insertions(+), 0 deletions(-)
diff --git a/src/views/iot/device/device/detail/DeviceDetailsHeader.vue b/src/views/iot/device/device/detail/DeviceDetailsHeader.vue
new file mode 100644
index 0000000..c6d031f
--- /dev/null
+++ b/src/views/iot/device/device/detail/DeviceDetailsHeader.vue
@@ -0,0 +1,74 @@
+<!-- 璁惧淇℃伅锛堝ご閮級 -->
+<template>
+ <div>
+ <div class="flex items-start justify-between">
+ <div>
+ <el-col>
+ <el-row>
+ <span class="text-xl font-bold">{{ device.deviceName }}</span>
+ </el-row>
+ </el-col>
+ </div>
+ <div>
+ <!-- 鍙充笂锛氭寜閽� -->
+ <el-button
+ @click="openForm('update', device.id)"
+ v-hasPermi="['iot:device:update']"
+ v-if="product.status === 0"
+ >
+ 缂栬緫
+ </el-button>
+ </div>
+ </div>
+ </div>
+ <ContentWrap class="mt-10px">
+ <el-descriptions :column="5" direction="horizontal">
+ <el-descriptions-item label="浜у搧">
+ <el-link @click="goToProductDetail(product.id)">{{ product.name }}</el-link>
+ </el-descriptions-item>
+ <el-descriptions-item label="ProductKey">
+ {{ product.productKey }}
+ <el-button @click="copyToClipboard(product.productKey)">澶嶅埗</el-button>
+ </el-descriptions-item>
+ </el-descriptions>
+ </ContentWrap>
+ <!-- 琛ㄥ崟寮圭獥锛氭坊鍔�/淇敼 -->
+ <DeviceForm ref="formRef" @success="emit('refresh')" />
+</template>
+<script setup lang="ts">
+import DeviceForm from '@/views/iot/device/device/DeviceForm.vue'
+import { ProductVO } from '@/api/iot/product/product'
+import { DeviceVO } from '@/api/iot/device/device'
+import { useClipboard } from '@vueuse/core'
+
+const message = useMessage()
+const { t } = useI18n() // 鍥介檯鍖�
+const router = useRouter()
+
+const { product, device } = defineProps<{ product: ProductVO; device: DeviceVO }>()
+const emit = defineEmits(['refresh'])
+
+/** 鎿嶄綔淇敼 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+ formRef.value.open(type, id)
+}
+
+/** 澶嶅埗鍒板壀璐存澘鏂规硶 */
+const copyToClipboard = async (text: string) => {
+ const { copy, copied, isSupported } = useClipboard({ legacy: true, source: text })
+ if (!isSupported) {
+ message.error(t('common.copyError'))
+ return
+ }
+ await copy()
+ if (unref(copied)) {
+ message.success(t('common.copySuccess'))
+ }
+}
+
+/** 璺宠浆鍒颁骇鍝佽鎯呴〉闈� */
+const goToProductDetail = (productId: number) => {
+ router.push({ name: 'IoTProductDetail', params: { id: productId } })
+}
+</script>
--
Gitblit v1.8.0