Browse Source

我的待办/进窗列表/审计报表:所有查看项目详情的列表,修改样式为黑字白底

main
buaixuexideshitongxue 2 months ago
parent
commit
e141da85eb
  1. 82
      src/views/report/edit/controlPrice.vue
  2. 81
      src/views/warning/reportDetail.vue

82
src/views/report/edit/controlPrice.vue

@ -819,10 +819,9 @@ watch(()=>formData.value.review.thirdlyMoney,(val)=>{
</script>
<template>
<div class="wrapper" v-loading="loading">
<div class="wrapper control-price-page" v-loading="loading">
<main>
<el-header>
<h2 style="text-align: center">{{ isEndData ? '结算项目报审' : '控制价项目报审' }}</h2>
</el-header>
<el-main>
@ -1399,4 +1398,83 @@ watch(()=>formData.value.review.thirdlyMoney,(val)=>{
position: initial !important;
}
/* 只作用于本页面 */
.control-price-page {
/* 先全局把当前页面的禁用样式变量改掉 */
--el-disabled-bg-color: #ffffff;
--el-disabled-text-color: #000000;
--el-border-color-disabled: #dcdfe6;
/* 1) el-input 禁用:白底黑字 */
.el-input.is-disabled .el-input__wrapper {
background-color: #ffffff !important;
box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* 2) el-select 禁用:白底黑字 —— 新的正确写法(替换你旧的) */
.el-select.is-disabled .el-select__wrapper,
.el-select .el-select__wrapper.is-disabled {
background-color: #ffffff !important;
border-color: #dcdfe6 !important;
color: #000000 !important;
cursor: default !important;
}
.el-select.is-disabled .el-select__selected-item,
.el-select.is-disabled .el-input__inner {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* 3) el-date-picker 禁用:白底黑字 */
.el-date-editor.is-disabled .el-input__wrapper {
background-color: #ffffff !important;
}
.el-date-editor.is-disabled .el-input__inner {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* 4) el-textarea 禁用:白底黑字 */
.el-textarea.is-disabled .el-textarea__inner {
background-color: #ffffff !important;
color: #000000 !important;
}
/* 5) el-radio 禁用文字:黑色 */
.el-radio.is-disabled .el-radio__label {
color: #000000 !important;
}
/* 6) 禁用鼠标样式修正 */
.el-select.is-disabled,
.el-select.is-disabled * {
cursor: default !important;
}
.el-input.is-disabled,
.el-input.is-disabled * {
cursor: default !important;
}
.el-textarea.is-disabled,
.el-textarea.is-disabled * {
cursor: default !important;
}
.el-date-editor.is-disabled,
.el-date-editor.is-disabled * {
cursor: default !important;
}
.el-radio.is-disabled,
.el-radio.is-disabled * {
cursor: default !important;
}
}
</style>

81
src/views/warning/reportDetail.vue

@ -632,7 +632,7 @@ watch(() => formData.value.project.auditUnitId, (val) => {
</script>
<template>
<div class="wrapper" v-loading="loading">
<div class="wrapper control-price-page" v-loading="loading">
<main>
<el-header>
@ -1109,4 +1109,83 @@ watch(() => formData.value.project.auditUnitId, (val) => {
.el-table .el-table__cell{
position: initial !important;
}
/* 只作用于本页面 */
.control-price-page {
/* 先全局把当前页面的禁用样式变量改掉 */
--el-disabled-bg-color: #ffffff;
--el-disabled-text-color: #000000;
--el-border-color-disabled: #dcdfe6;
/* 1) el-input 禁用:白底黑字 */
.el-input.is-disabled .el-input__wrapper {
background-color: #ffffff !important;
box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* 2) el-select 禁用:白底黑字 —— 新的正确写法(替换你旧的) */
.el-select.is-disabled .el-select__wrapper,
.el-select .el-select__wrapper.is-disabled {
background-color: #ffffff !important;
border-color: #dcdfe6 !important;
color: #000000 !important;
cursor: default !important;
}
.el-select.is-disabled .el-select__selected-item,
.el-select.is-disabled .el-input__inner {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* 3) el-date-picker 禁用:白底黑字 */
.el-date-editor.is-disabled .el-input__wrapper {
background-color: #ffffff !important;
}
.el-date-editor.is-disabled .el-input__inner {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* 4) el-textarea 禁用:白底黑字 */
.el-textarea.is-disabled .el-textarea__inner {
background-color: #ffffff !important;
color: #000000 !important;
}
/* 5) el-radio 禁用文字:黑色 */
.el-radio.is-disabled .el-radio__label {
color: #000000 !important;
}
/* 6) 禁用鼠标样式修正 */
.el-select.is-disabled,
.el-select.is-disabled * {
cursor: default !important;
}
.el-input.is-disabled,
.el-input.is-disabled * {
cursor: default !important;
}
.el-textarea.is-disabled,
.el-textarea.is-disabled * {
cursor: default !important;
}
.el-date-editor.is-disabled,
.el-date-editor.is-disabled * {
cursor: default !important;
}
.el-radio.is-disabled,
.el-radio.is-disabled * {
cursor: default !important;
}
}
</style>

Loading…
Cancel
Save