From 988558aaa309068fd393cc654be537434b0a15ea Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期四, 11 八月 2022 19:11:18 +0800 Subject: [PATCH] 修改 --- src/views/doublePrevent/riskLevel/riskCheckUnit/components/checkUnitDialog.vue | 20 +++++++++++++++----- 1 files changed, 15 insertions(+), 5 deletions(-) diff --git a/src/views/doublePrevent/riskLevel/riskCheckUnit/components/checkUnitDialog.vue b/src/views/doublePrevent/riskLevel/riskCheckUnit/components/checkUnitDialog.vue index 903bfc2..b1e6ca0 100644 --- a/src/views/doublePrevent/riskLevel/riskCheckUnit/components/checkUnitDialog.vue +++ b/src/views/doublePrevent/riskLevel/riskCheckUnit/components/checkUnitDialog.vue @@ -7,12 +7,12 @@ <el-row :gutter="35"> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12" class="mb20"> <el-form-item label="任务单元名称" prop="taskUnitName"> - <el-input class="input-length" v-model.trim="checkUnitForm.taskUnitName" placeholder="请输入任务单元名称" clearable></el-input> + <el-input class="input-length" :disabled="!disabled" v-model.trim="checkUnitForm.taskUnitName" placeholder="请输入任务单元名称" clearable></el-input> </el-form-item> </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12" class="mb20"> <el-form-item label="任务单元说明" prop="note"> - <el-input class="input-length" v-model.trim="checkUnitForm.note" placeholder="请输入任务单元说明" clearable></el-input> + <el-input class="input-length" :disabled="!disabled" v-model.trim="checkUnitForm.note" placeholder="请输入任务单元说明" clearable></el-input> </el-form-item> </el-col> </el-row> @@ -23,7 +23,7 @@ <el-tabs class="active" v-model="activeName"> <el-tab-pane label="检查项信息" name="checkUnit"> <div class="filter-container"> - <el-button size="default" type="success" @click="onOpenDialogRef('新增', '')"> + <el-button size="default" :disabled="!disabled" type="success" @click="onOpenDialogRef('新增', '')"> <el-icon> <ele-FolderAdd /> </el-icon> @@ -36,7 +36,7 @@ <el-table-column prop="checkContent" label="管控内容" show-overflow-tooltip align="center"></el-table-column> <el-table-column label="操作" width="150" align="center"> <template #default="scope"> - <el-button size="small" text type="danger" @click="onDelCheckUnit(scope.$index, scope.row)">删除</el-button> + <el-button size="small" text :disabled="!disabled" type="danger" @click="onDelCheckUnit(scope.$index, scope.row)">删除</el-button> </template> </el-table-column> </el-table> @@ -104,7 +104,7 @@ }); //打开模态框 - const openCheckUnitDialog = (type: string, value: object, department: []) => { + const openCheckUnitDialog = (type: string, value: object) => { state.isShowCheckUnitDialog = true; setTimeout(() => { checkUnitFormRef.value.clearValidate(); @@ -222,4 +222,14 @@ .filter-container { padding: 10px 0px; } +:deep(.el-textarea.is-disabled .el-textarea__inner) { + background-color: var(--el-card-bg-color); + color: var(--el-input-text-color, var(--el-text-color-regular)); +} +:deep(.el-input.is-disabled .el-input__inner) { + color: var(--el-input-text-color, var(--el-text-color-regular)); +} +:deep(.el-input.is-disabled .el-input__wrapper) { + background-color: var(--el-card-bg-color); +} </style> -- Gitblit v1.9.2