|
|
|
@ -24,6 +24,7 @@
|
|
|
|
|
:sortable="column.sortable" |
|
|
|
|
:selectable="isselectfun" |
|
|
|
|
v-show="column.head" |
|
|
|
|
|
|
|
|
|
> |
|
|
|
|
<!-- <template #header> |
|
|
|
|
<el-text class="mx-1">{{ column.label }}</el-text> |
|
|
|
@ -85,6 +86,11 @@
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
<el-text |
|
|
|
|
class="mx-2 tabculconte" |
|
|
|
|
:class="scope.row[column.prop] == props.searchInput && scope.row[column.prop] |
|
|
|
|
? 'static-class' |
|
|
|
|
: '' |
|
|
|
|
" |
|
|
|
|
:id="scope.row[column.prop]" |
|
|
|
|
v-if="Number(column.type) < 6 && Number(column.type) > 0" |
|
|
|
|
>{{ scope.row[column.prop] }}</el-text |
|
|
|
|
> |
|
|
|
@ -282,6 +288,10 @@ let props = defineProps({
|
|
|
|
|
type: Array as PropType<TableColumnType[]>, |
|
|
|
|
required: true, |
|
|
|
|
}, |
|
|
|
|
searchInput:{ |
|
|
|
|
type: String, |
|
|
|
|
required: false, |
|
|
|
|
}, |
|
|
|
|
tableData: { |
|
|
|
|
type: Array as PropType<TableDataType[]>, |
|
|
|
|
required: true, |
|
|
|
@ -789,4 +799,10 @@ defineExpose({ handleCheckSelect });
|
|
|
|
|
background-color: var(--el-fill-color-light) !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.static-class { |
|
|
|
|
padding: 0 4px; |
|
|
|
|
scroll-behavior: smooth; |
|
|
|
|
background-color: #ff0000; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|