update techytable滚动条

This commit is contained in:
lb 2022-11-10 13:41:57 +08:00
parent 8a9df0fd17
commit affc23fbc2
4 changed files with 47 additions and 18 deletions

View File

@ -163,7 +163,7 @@ export default {
} }
#v3d-outter *::-webkit-scrollbar { #v3d-outter *::-webkit-scrollbar {
width: 8px; width: calc(8px * var(--beilv));
} }
#v3d-outter *::-webkit-scrollbar-track { #v3d-outter *::-webkit-scrollbar-track {
@ -173,14 +173,14 @@ export default {
} }
#v3d-outter *::-webkit-scrollbar-button { #v3d-outter *::-webkit-scrollbar-button {
width: 8px; width: calc(8px * var(--beilv));
height: 8px; height: calc(8px * var(--beilv));
background: #5bc4bf9f; background: #5bc4bf9f;
position: relative; position: relative;
} }
#v3d-outter *::-webkit-scrollbar-thumb { #v3d-outter *::-webkit-scrollbar-thumb {
border-radius: 8px; border-radius: calc(8px * var(--beilv));
background: #5bc4bf9f; background: #5bc4bf9f;
} }

View File

@ -288,7 +288,7 @@ export default {
.table-wrapper { .table-wrapper {
height: calc(100% - 3vh); height: calc(100% - 3vh);
overflow: scroll; overflow: auto;
} }
.grid { .grid {

View File

@ -7,7 +7,7 @@
--> -->
<template> <template>
<div class="visual-base-table-container"> <div class="visual-base-table-container">
<el-table class="techy-el-table" v-loading="isLoading" :data="renderData" border> <el-table class="techy-el-table" v-loading="isLoading" :data="renderData" border height="100%">
<el-table-column <el-table-column
v-if="page && limit && showIndex" v-if="page && limit && showIndex"
prop="_pageIndex" prop="_pageIndex"
@ -116,11 +116,40 @@ export default {
</script> </script>
<style scoped> <style scoped>
.visual-base-table-container, .visual-base-table-container >>> ::-webkit-scrollbar {
.visual-base-table-container >>> .el-table { width: calc(8px * var(--beilv));
min-width: 100%;
} }
.visual-base-table-container >>> ::-webkit-scrollbar-track {
background-color: #14243f;
border-radius: 0;
}
.visual-base-table-container >>> ::-webkit-scrollbar-button {
width: calc(8px * var(--beilv));;
height: calc(8px * var(--beilv));;
background: #5bc4bf9f;
position: relative;
}
.visual-base-table-container >>> ::-webkit-scrollbar-thumb {
border-radius: calc(8px * var(--beilv));;
background: #5bc4bf9f;
}
/* .visual-base-table-container {
min-width: 30vw;
} */
.visual-base-table-container {
height: 100%;
}
/* .visual-base-table-container >>> .el-table {
min-width: 120%;
} */
/* 清除默认样式 */ /* 清除默认样式 */
.visual-base-table-container >>> th.gutter {
display: none;
}
.visual-base-table-container >>> table { .visual-base-table-container >>> table {
background: transparent; background: transparent;
} }

View File

@ -33,12 +33,12 @@ const PriorityComponent = {
} }
export const equipmentExceptionProps = [ export const equipmentExceptionProps = [
{ label: '设备名称', prop: 'eqName', align: 'center' }, { label: '设备名称', prop: 'eqName', align: 'center', 'min-width': 60 },
{ label: '所属产线', prop: 'pl', align: 'center', width: 80 }, { label: '所属产线', prop: 'pl', align: 'center', 'min-width': 60 },
{ label: '报修/异常内容', prop: 'content', align: 'center' }, { label: '报修/异常内容', prop: 'content', align: 'center', 'min-width': 80 },
{ label: '报修/发现人', prop: 'creator', align: 'center', width: 100 }, { label: '报修/发现人', prop: 'creator', align: 'center', width: 110 },
{ label: '时间', prop: 'time', align: 'center' }, { label: '时间', prop: 'time', align: 'center', 'min-width': 80 },
{ label: '优先级', prop: 'priority', align: 'center', subcomponent: PriorityComponent, width: 80 } { label: '优先级', prop: 'priority', align: 'center', subcomponent: PriorityComponent, 'min-width': 60 },
] ]
export const equipmentExceptionDatalist = [ export const equipmentExceptionDatalist = [
@ -80,10 +80,10 @@ const LifeRemainComponent = {
} }
export const equipmentAlarmProps = [ export const equipmentAlarmProps = [
{ label: '设备名称', prop: 'eqName', align: 'center' }, { label: '设备名称', prop: 'eqName', align: 'center', 'min-width': 100 },
{ label: '设备编码', prop: 'eqCode', align: 'center' }, { label: '设备编码', prop: 'eqCode', align: 'center', 'min-width': 100 },
{ label: '所属产线', prop: 'pl', align: 'center' }, { label: '所属产线', prop: 'pl', align: 'center' },
{ label: '报警级别', prop: 'priority', align: 'center', width: 80, subcomponent: PriorityComponent }, { label: '报警级别', prop: 'priority', align: 'center', subcomponent: PriorityComponent, 'min-width': 85 },
{ label: '报警内容', prop: 'content', align: 'center' } { label: '报警内容', prop: 'content', align: 'center' }
] ]