Browse Source

样式调整

master
han\hanst 1 month ago
parent
commit
36bcc80a0a
  1. 25
      src/views/modules/erf/components/expTriConfirm.vue
  2. 6
      src/views/modules/erf/expApplyApproval.vue
  3. 6
      src/views/modules/erf/plannerSchedule.vue
  4. 7
      src/views/modules/erf/triConfirm.vue

25
src/views/modules/erf/components/expTriConfirm.vue

@ -92,13 +92,13 @@
align="center" align="center"
header-align="center"> header-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.confirmStatus === '已确认'" type="success" size="small">
已完成
<el-tag v-if="scope.row.confirmStatus === '已确认'" type="success" size="mini">
{{scope.row.confirmStatus}}
</el-tag> </el-tag>
<el-tag v-else-if="canConfirmProcess(scope.row)" type="warning" size="small">
<el-tag v-else-if="canConfirmProcess(scope.row)" type="warning" size="mini">
待确认 待确认
</el-tag> </el-tag>
<el-tag v-else type="info" size="small">
<el-tag v-else type="info" size="mini">
等待中 等待中
</el-tag> </el-tag>
</template> </template>
@ -120,8 +120,7 @@
label="操作" label="操作"
width="120" width="120"
align="center" align="center"
header-align="center"
fixed="right">
header-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<a <a
type="text" type="text"
@ -1203,4 +1202,18 @@ export default {
font-size: 12px; font-size: 12px;
vertical-align: middle; vertical-align: middle;
} }
/* 关键修复:cell容器要有足够的padding和overflow可见 */
.tri-confirm-table >>> .el-table__body-wrapper .cell {
padding: 2px 12px !important;
line-height: 14px !important;
overflow: visible !important;
height: auto !important;
}
/* 标签样式 - 确保不被遮挡 */
.tri-confirm-table >>> .el-tag {
vertical-align: middle !important;
display: inline-block !important;
}
</style> </style>

6
src/views/modules/erf/expApplyApproval.vue

@ -37,7 +37,7 @@
<!-- 查询条件表单 --> <!-- 查询条件表单 -->
<div class="search-section"> <div class="search-section">
<el-collapse v-model="searchExpanded">
<el-collapse class="no-arrow" v-model="searchExpanded">
<el-collapse-item name="1"> <el-collapse-item name="1">
<template slot="title"> <template slot="title">
<i class="el-icon-search"></i> <i class="el-icon-search"></i>
@ -1525,4 +1525,8 @@ export default {
.approval-logs-table >>> .el-table__body tr:hover > td { .approval-logs-table >>> .el-table__body tr:hover > td {
background-color: #f5f7fa !important; background-color: #f5f7fa !important;
} }
/deep/ .no-arrow .el-collapse-item__header .el-collapse-item__arrow {
display: none !important;
}
</style> </style>

6
src/views/modules/erf/plannerSchedule.vue

@ -37,7 +37,7 @@
<!-- 查询条件表单 --> <!-- 查询条件表单 -->
<div class="search-section"> <div class="search-section">
<el-collapse v-model="searchExpanded">
<el-collapse class="no-arrow" v-model="searchExpanded">
<el-collapse-item name="1"> <el-collapse-item name="1">
<template slot="title"> <template slot="title">
<i class="el-icon-search"></i> <i class="el-icon-search"></i>
@ -999,4 +999,8 @@ export default {
padding-top: 20px; padding-top: 20px;
border-top: 1px solid #EBEEF5; border-top: 1px solid #EBEEF5;
} }
/deep/ .no-arrow .el-collapse-item__header .el-collapse-item__arrow {
display: none !important;
}
</style> </style>

7
src/views/modules/erf/triConfirm.vue

@ -37,7 +37,7 @@
<!-- 查询条件表单 --> <!-- 查询条件表单 -->
<div class="search-section"> <div class="search-section">
<el-collapse v-model="searchExpanded">
<el-collapse class="no-arrow" v-model="searchExpanded">
<el-collapse-item name="1"> <el-collapse-item name="1">
<template slot="title"> <template slot="title">
<i class="el-icon-search"></i> <i class="el-icon-search"></i>
@ -1008,4 +1008,9 @@ export default {
width: 100%; width: 100%;
} }
} }
/deep/ .no-arrow .el-collapse-item__header .el-collapse-item__arrow {
display: none !important;
}
</style> </style>
Loading…
Cancel
Save