|
|
|
@ -95,12 +95,21 @@
|
|
|
|
|
stripe
|
|
|
|
|
height="600px"
|
|
|
|
|
v-loading="activityloading"
|
|
|
|
|
@header-click="handleHeaderClick"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="line_name" label="线路名称"> </el-table-column>
|
|
|
|
|
<el-table-column prop="tower_name" label="杆塔名称"> </el-table-column>
|
|
|
|
|
<el-table-column prop="cmdid" label="装置编号">
|
|
|
|
|
<template slot="header" slot-scope="scope">
|
|
|
|
|
装置编号<el-tag
|
|
|
|
|
type="success"
|
|
|
|
|
style="cursor: pointer; margin-left: 8px"
|
|
|
|
|
>复制列</el-tag
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="protocol" label="规约">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ protocolMap[scope.row.protocol] }}
|
|
|
|
@ -153,6 +162,38 @@ export default {
|
|
|
|
|
this.getactivityList();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
async handleHeaderClick(column) {
|
|
|
|
|
console.log(column);
|
|
|
|
|
// 获取当前列的数据字段名
|
|
|
|
|
const dataField = column.property;
|
|
|
|
|
// 获取当前列的所有数据值
|
|
|
|
|
const columnData = this.termsData.map((row) => row[dataField]);
|
|
|
|
|
console.log(`当前列数据字段:${dataField}`);
|
|
|
|
|
console.log(`当前列数据值:${columnData}`);
|
|
|
|
|
this.copyToClipboard(columnData.join("\n"));
|
|
|
|
|
},
|
|
|
|
|
copyToClipboard(text) {
|
|
|
|
|
const textArea = document.createElement("textarea");
|
|
|
|
|
textArea.value = text;
|
|
|
|
|
document.body.appendChild(textArea);
|
|
|
|
|
textArea.focus();
|
|
|
|
|
textArea.select();
|
|
|
|
|
try {
|
|
|
|
|
const successful = document.execCommand("copy");
|
|
|
|
|
const msg = successful ? "成功复制到剪贴板" : "复制失败";
|
|
|
|
|
console.log(msg);
|
|
|
|
|
this.$message({
|
|
|
|
|
duration: 1500,
|
|
|
|
|
showClose: true,
|
|
|
|
|
message: msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
} catch (err) {
|
|
|
|
|
console.error("复制失败:", err);
|
|
|
|
|
} finally {
|
|
|
|
|
document.body.removeChild(textArea);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//导出活动列表表格
|
|
|
|
|
handleExport() {
|
|
|
|
|
htmlToExcel.getExcel("#activityTable", "设备活动列表");
|
|
|
|
|