ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式调整

Browse Source
This commit is contained in:
GYYM
2024-12-05 21:33:52 +08:00
parent b1c9375873
commit 9c0b9a7c93
11 changed files with 315 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/views/home/components/test.vue
View File

@@ -53,7 +53,7 @@
<el-table-column label="被检通道1" :min-width="minwidth" align="center">
<template #header>
<span>被检通道1</span>
<el-tooltip content = "被检装置1被检通道1" placement="top" style="align-items: bottom;">
<el-tooltip content = "240001被检通道1" placement="top" style="align-items: bottom;">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -77,7 +77,7 @@
<el-table-column label="被检通道2" :min-width="minwidth" align="center">
<template #header>
<span>被检通道2</span>
<el-tooltip content = "被检装置1被检通道2" placement="top">
<el-tooltip content = "240001被检通道2" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -98,7 +98,7 @@
<el-table-column label="被检通道3" :min-width="minwidth" align="center">
<template #header>
<span>被检通道3</span>
<el-tooltip content = "被检装置1被检通道3" placement="top">
<el-tooltip content = "240001被检通道3" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -119,7 +119,7 @@
<el-table-column label="被检通道4" :min-width="minwidth" align="center">
<template #header>
<span>被检通道4</span>
<el-tooltip content = "被检装置1被检通道4" placement="top">
<el-tooltip content = "240001被检通道4" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -140,7 +140,7 @@
<el-table-column p label="被检通道5" :min-width="minwidth" align="center">
<template #header>
<span>被检通道5</span>
<el-tooltip content = "被检装置2被检通道1" placement="top">
<el-tooltip content = "240002被检通道1" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -161,7 +161,7 @@
<el-table-column label="被检通道6" :min-width="minwidth" align="center">
<template #header>
<span>被检通道6</span>
<el-tooltip content = "被检装置2被检通道2" placement="top">
<el-tooltip content = "240002被检通道2" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -183,7 +183,7 @@
<el-table-column label="被检通道7" :min-width="minwidth" align="center">
<template #header>
<span>被检通道7</span>
<el-tooltip content = "被检装置2被检通道3" placement="top">
<el-tooltip content = "240002被检通道3" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -204,7 +204,7 @@
<el-table-column label="被检通道8" :min-width="minwidth" align="center">
<template #header>
<span>被检通道8</span>
<el-tooltip content = "被检装置2被检通道4" placement="top">
<el-tooltip content = "240002被检通道4" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
@@ -316,9 +316,7 @@ const scrollContainer = ref<HTMLElement | null>(null); // 声明 scrollContainer
const scrollToBottom = () => {
if (scrollContainer.value) {
//console.log(scrollContainer.value)
scrollContainer.value.scrollTop = scrollContainer.value.scrollHeight;
//console.log(scrollContainer.value)
}
};
@@ -380,14 +378,24 @@ const testLogList = ref([
log:'暂无数据，等待检测开始',
},
])
const columnList = ref([]);
const tableKey = ref(0);
function tableCell ({row,columnIndex}){
let items = columnList?.value.filter((item) => item === row.id)
if(columnIndex === 0 && items.length > 0)
{
console.log(row.id,columnList?.value,items)
return 'warning-row'
}
if(columnIndex === 0)
{
return 'warning-row'
}
{
return 'header-row'
}
}
const tableRowClassName = ({
@@ -397,8 +405,6 @@ const tableRowClassName = ({
row: any
rowIndex: number
}) => {
// console.log(activeIndex.value,rowIndex,row)
if (row.rowIndex === activeIndex.value.toString()) {
return 'warning-row'
}
@@ -433,6 +439,7 @@ function traverseTableData(data: any[],id: string): void {
{
item[field1] = "danger";
item[field2] = "×";
columnList.value.push(activeIndex.value.toString());
}
else
{
@@ -452,7 +459,6 @@ function traverseTableData(data: any[],id: string): void {
const updateTableData = (id: string) => {
traverseTableData(tableData.value,id);
console.log(id)
};
const handleReCheck = () => {
@@ -460,8 +466,7 @@ const handleReCheck = () => {
percentage.value = 0;
tableData.value.length = 0;
testLogList.value.length = 0;
console.log(tableData.value,operatorTableData.value)
columnList.value.length = 0;
tableData.value = JSON.parse(JSON.stringify(operatorTableData.value));
resumeTimer()
};
@@ -1791,7 +1796,7 @@ const ts = ref('');
const startTimer = () => {
//if (timer.value !== null) return; // 如果定时器已经启动，则不再重复启动
timer.value = setInterval(() => {
console.log(activeIndex.value,111,activeTotalNum.value,222)
if(activeIndex.value <= activeTotalNum.value)
{
@@ -1901,13 +1906,20 @@ watch(ts, function (newValue, oldValue) {
</script>
<style scoped lang="scss">
:deep(.el-table .warning-row) {
:deep(.el-table .header-row) {
// background-color:var(--el-color-warning-light-9);
background-color:#f5f7fa;
// color:red;
// font-size:30px;
// --el-table-tr-bg-color: var(--el-color-warning-light-9);
}
:deep(.el-table .warning-row) {
// background-color:var(--el-color-warning-light-9);
background-color:#bed96557;
// color:red;
// font-size:30px;
// --el-table-tr-bg-color: var(--el-color-warning-light-9);
}
.el-table .success-row {
--el-table-tr-bg-color: var(--el-color-success-light-9);
}