文字加深

This commit is contained in:
2026-06-30 11:03:50 +08:00
parent 63f94c442b
commit 8a242227b0
3 changed files with 91 additions and 0 deletions
@@ -2541,6 +2541,36 @@ defineExpose({
</script> </script>
<style scoped> <style scoped>
/* 详情/查看模式下禁用表单文字颜色加深 */
.editor-form:deep(.ant-select-disabled .ant-select-selection-item) {
color: rgba(0, 0, 0, 0.85) !important;
}
.editor-form:deep(.ant-select-disabled .ant-select-selection-placeholder) {
color: rgba(0, 0, 0, 0.85) !important;
}
.editor-form:deep(.ant-input[disabled]) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.editor-form:deep(.ant-input-number-disabled .ant-input-number-input) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.editor-form:deep(.ant-picker.ant-picker-disabled .ant-picker-input input) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.editor-form:deep(.ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio + span) {
color: rgba(0, 0, 0, 0.85) !important;
}
.editor-form:deep(.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox + span) {
color: rgba(0, 0, 0, 0.85) !important;
}
.editor-form:deep(.ant-input-disabled) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.contract-main-editor { .contract-main-editor {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -1186,6 +1186,36 @@ onBeforeUnmount(() => {
</script> </script>
<style scoped> <style scoped>
/* 详情模式下禁用表单文字颜色加深 */
.config-form:deep(.ant-select-disabled .ant-select-selection-item) {
color: rgba(0, 0, 0, 0.85) !important;
}
.config-form:deep(.ant-select-disabled .ant-select-selection-placeholder) {
color: rgba(0, 0, 0, 0.85) !important;
}
.config-form:deep(.ant-input[disabled]) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.config-form:deep(.ant-input-number-disabled .ant-input-number-input) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.config-form:deep(.ant-picker.ant-picker-disabled .ant-picker-input input) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.config-form:deep(.ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio + span) {
color: rgba(0, 0, 0, 0.85) !important;
}
.config-form:deep(.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox + span) {
color: rgba(0, 0, 0, 0.85) !important;
}
.config-form:deep(.ant-input-disabled) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.contract-template-layout { .contract-template-layout {
display: grid; display: grid;
grid-template-columns: 460px minmax(0, 1fr); grid-template-columns: 460px minmax(0, 1fr);
@@ -28,6 +28,7 @@
:model="formState" :model="formState"
:rules="formRules" :rules="formRules"
:disabled="isViewMode" :disabled="isViewMode"
class="view-form"
> >
<a-card size="small" title="基本信息" class="panel-card"> <a-card size="small" title="基本信息" class="panel-card">
<div class="field-grid field-grid-2"> <div class="field-grid field-grid-2">
@@ -1013,6 +1014,36 @@ defineExpose({
</script> </script>
<style scoped> <style scoped>
/* 详情模式下禁用表单文字颜色加深 */
.view-form:deep(.ant-select-disabled .ant-select-selection-item) {
color: rgba(0, 0, 0, 0.85) !important;
}
.view-form:deep(.ant-select-disabled .ant-select-selection-placeholder) {
color: rgba(0, 0, 0, 0.85) !important;
}
.view-form:deep(.ant-input[disabled]) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.view-form:deep(.ant-input-number-disabled .ant-input-number-input) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.view-form:deep(.ant-picker.ant-picker-disabled .ant-picker-input input) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.view-form:deep(.ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio + span) {
color: rgba(0, 0, 0, 0.85) !important;
}
.view-form:deep(.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox + span) {
color: rgba(0, 0, 0, 0.85) !important;
}
.view-form:deep(.ant-input-disabled) {
color: rgba(0, 0, 0, 0.85) !important;
-webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
}
.template-manage-modal { .template-manage-modal {
display: grid; display: grid;
grid-template-columns: 560px minmax(0, 1fr); grid-template-columns: 560px minmax(0, 1fr);