From c832bf2e80ac465e71b7a1c1f7a59d4252030989 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 05 Aug 2025 17:33:08 +0800
Subject: [PATCH] feat:事件工单滚动条
---
src/views/dataCenter/dataCenter.vue | 19 ++++++++++++++++++-
1 files changed, 18 insertions(+), 1 deletions(-)
diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 4acc33f..7acdbd8 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/src/views/dataCenter/dataCenter.vue
@@ -16,6 +16,7 @@
:data="tableData"
class="custom-header"
@selection-change="handleSelectionChange"
+ @cell-click="handleCellClick"
>
<el-table-column type="selection" width="55" />
<el-table-column label="序号" type="index" width="60">
@@ -34,7 +35,14 @@
</el-table-column>
<el-table-column property="nestName" label="所属机巢" />
<el-table-column property="jobName" label="任务名称" show-overflow-tooltip />
- <el-table-column prop="nickName" label="文件名称" show-overflow-tooltip />
+ <el-table-column prop="nickName" label="文件名称" width="160">
+ <template #default="scope">
+ <el-tooltip-copy :content="scope.row.nickName" :showCopyText="true">
+ {{scope.row.nickName}}
+ </el-tooltip-copy>
+ </template>
+ </el-table-column>
+
<el-table-column property="link" label="缩略图" width="120">
<template #default="scope">
<img
@@ -303,6 +311,7 @@
import { getShowImg, getSmallImg, getzsSmallImg } from '@/utils/util';
import { onMounted, watch } from 'vue';
import dayjs from 'dayjs';
+import ElTooltipCopy from '@/components/ElTooltipCopy.vue';
function bytesToMB(bytes, decimalPlaces = 2) {
if (typeof bytes !== 'number' || bytes < 0) return '0';
@@ -709,6 +718,14 @@
viewer = null;
isMapInitialized.value = false;
}
+function handleCellClick(row, column) {
+ console.log(row,column.no)
+ if (column.no === 5) {
+ navigator.clipboard.writeText(row.nickName).then(() => {
+ ElMessage.success('复制文件名称成功')
+ })
+ }
+}
onMounted(() => {
getaiImagesPage();
// 监听打开全景事件
--
Gitblit v1.9.3