bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

装备台账样式修改

This commit is contained in:
cwchen 2025-10-29 16:01:58 +08:00
parent 2afd2a7686
commit 4f503efbe7
5 changed files with 125 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/EquipmentLedger/components/equ-repair.vue
View File

@ -15,7 +15,7 @@
</el-row>
</el-form>
<el-table :data="selectedEquipment" border :max-height="500">
<el-table :data="selectedEquipment" border stripe :max-height="500">
<el-table-column label="序号" type="index" align="center" width="55"/>
<el-table-column prop="name" label="装备名称" align="center"/>
<el-table-column prop="specificationModel" label="规格型号" align="center"/>
@ -600,4 +600,27 @@ export default {
::v-deep .el-input-number {
width: 100%;
}
::v-deep .el-table {
// 启用斑马纹
&.el-table--striped .el-table__body {
tr.el-table__row--striped td {
background-color: #F6FBFA !important; // 浅紫色
}
}
.el-table__header {
background: #E9F0EE;
th {
background: #E9F0EE !important;
color: #606266;
font-weight: 600;
height: 50px;
}
}
&.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
background-color: #CCF1E9 !important;
}
}
</style>

26
src/views/EquipmentLedger/components/equ-retire.vue
View File

@ -37,7 +37,7 @@
</el-row>
</el-form>
<el-table :data="selectedEquipment" border :max-height="600">
<el-table :data="selectedEquipment" border stripe :max-height="600">
<el-table-column label="序号" type="index" align="center" width="55" />
<el-table-column prop="name" label="装备名称" align="center" />
<el-table-column prop="specificationModel" label="规格型号" align="center" />
@ -536,5 +536,29 @@ export default {
::v-deep .el-input-number {
width: 100%;
}
::v-deep .el-table {
// 启用斑马纹
&.el-table--striped .el-table__body {
tr.el-table__row--striped td {
background-color: #F6FBFA !important; // 浅紫色
}
}
.el-table__header {
background: #E9F0EE;
th {
background: #E9F0EE !important;
color: #606266;
font-weight: 600;
height: 50px;
}
}
&.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
background-color: #CCF1E9 !important;
}
}
</style>

26
src/views/EquipmentLedger/components/equ-store.vue
View File

@ -89,7 +89,7 @@
</el-row>
</el-form>
<el-table :data="selectedEquipment" border>
<el-table :data="selectedEquipment" border stripe>
<el-table-column label="序号" type="index" align="center" width="55" />
<el-table-column prop="devName" label="装备名称" align="center" />
<el-table-column prop="devModel" label="规格型号" align="center" />
@ -616,5 +616,29 @@ export default {
margin-top: 4px;
display: inline-block;
}
::v-deep .el-table {
// 启用斑马纹
&.el-table--striped .el-table__body {
tr.el-table__row--striped td {
background-color: #F6FBFA !important; // 浅紫色
}
}
.el-table__header {
background: #E9F0EE;
th {
background: #E9F0EE !important;
color: #606266;
font-weight: 600;
height: 50px;
}
}
&.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
background-color: #CCF1E9 !important;
}
}
</style>

25
src/views/EquipmentLedger/components/euq-out.vue
View File

@ -214,6 +214,7 @@
<el-table
:data="addEquipmentList"
border
stripe
@selection-change="handleSelectionAddEquipment"
ref="equipmentTable"
:row-key="row => row.devId"
@ -684,5 +685,29 @@ export default {
::v-deep .el-input-number {
width: 100%;
}
::v-deep .el-table {
// 启用斑马纹
&.el-table--striped .el-table__body {
tr.el-table__row--striped td {
background-color: #F6FBFA !important; // 浅紫色
}
}
.el-table__header {
background: #E9F0EE;
th {
background: #E9F0EE !important;
color: #606266;
font-weight: 600;
height: 50px;
}
}
&.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
background-color: #CCF1E9 !important;
}
}
</style>

28
src/views/EquipmentLedger/index.vue
View File

@ -254,7 +254,6 @@
<el-button
icon="el-icon-refresh"
style="float: right; margin-left: 20px"
type="primary"
size="mini"
@click="resetQuery"
>
@ -346,6 +345,7 @@
:key="Date.now()"
@selection-change="handleSelectionChange"
v-loading="tableLoading"
border stripe
>
<el-table-column align="center" show-overflow-tooltip type="selection" width="50" />
<el-table-column align="center" show-overflow-tooltip type="index" label="序号" width="50" />
@ -1392,7 +1392,7 @@ export default {
}
</script>
<style scoped>
<style scoped lang="scss">
.app-container {
padding: 20px;
background-color: #f5f7fa;
@ -1680,4 +1680,28 @@ export default {
display: flex;
flex-direction: row;
}
::v-deep .el-table {
// 启用斑马纹
&.el-table--striped .el-table__body {
tr.el-table__row--striped td {
background-color: #F6FBFA !important; // 浅紫色
}
}
.el-table__header {
background: #E9F0EE;
th {
background: #E9F0EE !important;
color: #606266;
font-weight: 600;
height: 50px;
}
}
&.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
background-color: #CCF1E9 !important;
}
}
</style>