流程detail,禁用状态下,组件的字体颜色更改更明显

src/views/Home/bgnr/bgyp/BgypDetail.vue

@@ -4,6 +4,7 @@
       <span style="font-size: 16px">用品管理流程</span>
     </template>
     <el-form
+      class="custom-input"
       ref="formRef"
       :model="formData"
       label-width="150px"
@@ -194,3 +195,16 @@ onMounted(async ()=> {
   await itemControl()
 })
 </script>
+
+<style scoped lang="scss">
+/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
+.custom-input ::v-deep {
+  .el-input.is-disabled .el-input__inner,
+  .el-select__wrapper.is-disabled .el-select__selected-item,
+  .el-textarea.is-disabled .el-textarea__inner,
+  .el-radio__input.is-disabled + span.el-radio__label {
+    color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
+    -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
+  }
+}
+</style>

src/views/Home/clnr/clgl/ClglDetail.vue

@@ -4,6 +4,7 @@
       <span style="font-size: 16px">车辆申请流程</span>
     </template>
     <el-form
+      class="custom-input"
       ref="formRef"
       :model="formData"
       :rules="formRules"
@@ -260,3 +261,16 @@ const formRef = ref() // 表单 Ref
 
 
 </script>
+
+<style scoped lang="scss">
+/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
+.custom-input ::v-deep {
+  .el-input.is-disabled .el-input__inner,
+  .el-select__wrapper.is-disabled .el-select__selected-item,
+  .el-textarea.is-disabled .el-textarea__inner,
+  .el-radio__input.is-disabled + span.el-radio__label {
+    color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
+    -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
+  }
+}
+</style>

src/views/Home/hynr/hygl/HyglDetail.vue

@@ -4,6 +4,7 @@
       <span style="font-size: 16px">会议申请流程</span>
     </template>
     <el-form
+      class="custom-input"
       ref="formRef"
       :model="formData"
       :rules="formRules"
@@ -351,3 +352,16 @@ const formRules = reactive({
   number: [{ required: true, message: '参会人数不能为空', trigger: 'blur' }],
 })
 </script>
+
+<style scoped lang="scss">
+/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
+.custom-input ::v-deep {
+  .el-input.is-disabled .el-input__inner,
+  .el-select__wrapper.is-disabled .el-select__selected-item,
+  .el-textarea.is-disabled .el-textarea__inner,
+  .el-radio__input.is-disabled + span.el-radio__label {
+    color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
+    -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
+  }
+}
+</style>

src/views/Home/jbnr/jbgl/JbglDetail.vue

@@ -4,6 +4,7 @@
         <span style="font-size: 16px">加班管理流程</span>
       </template>
       <el-form
+        class="custom-input"
         ref="formRef"
         :model="formData"
         label-width="150px"
@@ -214,3 +215,16 @@ onMounted(async ()=>{
   await itemControl()
 })
 </script>
+
+<style scoped lang="scss">
+/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
+.custom-input ::v-deep {
+  .el-input.is-disabled .el-input__inner,
+  .el-select__wrapper.is-disabled .el-select__selected-item,
+  .el-textarea.is-disabled .el-textarea__inner,
+  .el-radio__input.is-disabled + span.el-radio__label {
+    color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
+    -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
+  }
+}
+</style>

src/views/Home/kqnr/kqgl/KqglDetail.vue

@@ -4,6 +4,7 @@
       <span style="font-size: 16px">考勤申请流程</span>
     </template>
     <el-form
+      class="custom-input"
       ref="formRef"
       :model="formData"
       :rules="formRules"
@@ -297,117 +298,131 @@ const updateForm = async () => {
 }
 /** 打开弹窗 */
 defineExpose({ updateForm }) // 提供 open 方法，用于打开弹窗
-//获取所有员工的搜索条件参数
-// const queryParamsUser = reactive({
-//   pageNo: 1,
-//   pageSize: undefined,
-//   username: undefined,
-//   mobile: undefined,
-//   status: undefined,
-//   deptId: undefined,
-//   createTime: []
-// })
-//默认的工作状态
-// const dayStatus = [
-//   1,1,1,1,1,3,3,1,1,1,1,1,3,3,
-//   1,1,1,1,1,3,3,1,1,1,1,1,3,3,3,3,3
-// ]
-//改变状态后更改对应缩影为对应值
-// const changeDay = async (index:number,day:number,val:number)=>{
-//   let dayStatus = listData.value[index].dayStatus
-//   if (Array.isArray(dayStatus)){
-//     dayStatus[day - 1] = val
-//   }else{
-//     dayStatus = [];
-//     dayStatus[day - 1] = val; // 初始化值
-//   }
-//   await getWorkDay(index)
-// }
-
-//创建用户考勤数据
-// const createUser = async ()=>{
-//   queryParamsUser.deptId = formData.value.deptId
-//   const user = await getUserPageKQ(queryParamsUser)
-//   const dataUser = user.list
-//   for (let item of dataUser){
-//     const data : KqdataVO = {
-//       id:null,
-//       userId:item.id,
-//       userName:item.nickname,
-//       deptId:item.deptId,
-//       deptName:item.deptName,
-//       dayStatus:dayStatus.join(','),
-//       tokey:dateKey.value,
-//       workDay: 0,
-//       overDay: 0,
-//       yoverDay: 0,
-//     }
-//     // console.log(data)
-//     await KqdataApi.createKqdata(data)
-//   }
-// }
-
-//更新信息
-// const updateUser = async ()=>{
-//   for (let item of listData.value){
-//     const data : KqdataVO = {
-//       id:item.id,
-//       userId:item.userId,
-//       userName:item.userName,
-//       deptId:item.deptId,
-//       deptName:item.deptName,
-//       dayStatus: Array.isArray(item.dayStatus)
-//         ? item.dayStatus.join(',')
-//         : String(item.dayStatus), // 处理非数组情况
-//       tokey:item.tokey,
-//       workDay: item.workDay,
-//       overDay: item.overDay,
-//       yoverDay: item.yoverDay,
-//     }
-//     console.log(data)
-//     await KqdataApi.updateKqdata(data);
-//   }
-// }
-
-/** 获得数据 */
-// const getInfo = async () => {
-//   pop.value=false//每次打开渲染span
-//   await getUserInfo()
-//   formLoading.value = true
-//   try {
-//     formData.value = await KqglApi.getKqgl(props.id || queryId)
-//     await getList() //如果是修改那么我获取列表标识使用有的标识
-//     await changeStatus()//把字符串工作状态更改为数组
-//     await getWorkDay()//获取工作日信息
-//   } finally {
-//     formLoading.value = false
-//   }
-// }
-// defineExpose({ open }) // 提供 open 方法，用于打开弹窗
-
-/** 提交表单 */
-// const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
-// const submitForm = async () => {
-//   // 校验表单
-//   await formRef.value.validate()
-//   // 提交请求
-//   formLoading.value = true
-//   try {
-//     const data = formData.value as unknown as KqglVO
-//     if (formType.value === 'create') {
-//       data.date = dateKey.value //创建后提交的时候才会更新标识
-//       await KqglApi.createKqgl(data)
-//       message.success(t('common.createSuccess'))
-//     } else {
-//       await KqglApi.updateKqgl(data)
-//       message.success(t('common.updateSuccess'))
-//     }
-//     await updateUser() //提交的时候更新考勤数据
-//     dialogVisible.value = false
-//     // 发送操作成功的事件
-//     emit('success')
-//   } finally {
-//     formLoading.value = false
-//   }
-// }
 </script>
+
+<style scoped lang="scss">
+/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
+.custom-input ::v-deep {
+  .el-input.is-disabled .el-input__inner,
+  .el-select__wrapper.is-disabled .el-select__selected-item,
+  .el-textarea.is-disabled .el-textarea__inner,
+  .el-radio__input.is-disabled + span.el-radio__label {
+    color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
+    -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
+  }
+}
+</style>
+
+<!--//获取所有员工的搜索条件参数-->
+<!--// const queryParamsUser = reactive({-->
+<!--//   pageNo: 1,-->
+<!--//   pageSize: undefined,-->
+<!--//   username: undefined,-->
+<!--//   mobile: undefined,-->
+<!--//   status: undefined,-->
+<!--//   deptId: undefined,-->
+<!--//   createTime: []-->
+<!--// })-->
+<!--//默认的工作状态-->
+<!--// const dayStatus = [-->
+<!--//   1,1,1,1,1,3,3,1,1,1,1,1,3,3,-->
+<!--//   1,1,1,1,1,3,3,1,1,1,1,1,3,3,3,3,3-->
+<!--// ]-->
+<!--//改变状态后更改对应缩影为对应值-->
+<!--// const changeDay = async (index:number,day:number,val:number)=>{-->
+<!--//   let dayStatus = listData.value[index].dayStatus-->
+<!--//   if (Array.isArray(dayStatus)){-->
+<!--//     dayStatus[day - 1] = val-->
+<!--//   }else{-->
+<!--//     dayStatus = [];-->
+<!--//     dayStatus[day - 1] = val; // 初始化值-->
+<!--//   }-->
+<!--//   await getWorkDay(index)-->
+<!--// }-->
+
+<!--//创建用户考勤数据-->
+<!--// const createUser = async ()=>{-->
+<!--//   queryParamsUser.deptId = formData.value.deptId-->
+<!--//   const user = await getUserPageKQ(queryParamsUser)-->
+<!--//   const dataUser = user.list-->
+<!--//   for (let item of dataUser){-->
+<!--//     const data : KqdataVO = {-->
+<!--//       id:null,-->
+<!--//       userId:item.id,-->
+<!--//       userName:item.nickname,-->
+<!--//       deptId:item.deptId,-->
+<!--//       deptName:item.deptName,-->
+<!--//       dayStatus:dayStatus.join(','),-->
+<!--//       tokey:dateKey.value,-->
+<!--//       workDay: 0,-->
+<!--//       overDay: 0,-->
+<!--//       yoverDay: 0,-->
+<!--//     }-->
+<!--//     // console.log(data)-->
+<!--//     await KqdataApi.createKqdata(data)-->
+<!--//   }-->
+<!--// }-->
+
+<!--//更新信息-->
+<!--// const updateUser = async ()=>{-->
+<!--//   for (let item of listData.value){-->
+<!--//     const data : KqdataVO = {-->
+<!--//       id:item.id,-->
+<!--//       userId:item.userId,-->
+<!--//       userName:item.userName,-->
+<!--//       deptId:item.deptId,-->
+<!--//       deptName:item.deptName,-->
+<!--//       dayStatus: Array.isArray(item.dayStatus)-->
+<!--//         ? item.dayStatus.join(',')-->
+<!--//         : String(item.dayStatus), // 处理非数组情况-->
+<!--//       tokey:item.tokey,-->
+<!--//       workDay: item.workDay,-->
+<!--//       overDay: item.overDay,-->
+<!--//       yoverDay: item.yoverDay,-->
+<!--//     }-->
+<!--//     console.log(data)-->
+<!--//     await KqdataApi.updateKqdata(data);-->
+<!--//   }-->
+<!--// }-->
+
+<!--/** 获得数据 */-->
+<!--// const getInfo = async () => {-->
+<!--//   pop.value=false//每次打开渲染span-->
+<!--//   await getUserInfo()-->
+<!--//   formLoading.value = true-->
+<!--//   try {-->
+<!--//     formData.value = await KqglApi.getKqgl(props.id || queryId)-->
+<!--//     await getList() //如果是修改那么我获取列表标识使用有的标识-->
+<!--//     await changeStatus()//把字符串工作状态更改为数组-->
+<!--//     await getWorkDay()//获取工作日信息-->
+<!--//   } finally {-->
+<!--//     formLoading.value = false-->
+<!--//   }-->
+<!--// }-->
+<!--// defineExpose({ open }) // 提供 open 方法，用于打开弹窗-->
+
+<!--/** 提交表单 */-->
+<!--// const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调-->
+<!--// const submitForm = async () => {-->
+<!--//   // 校验表单-->
+<!--//   await formRef.value.validate()-->
+<!--//   // 提交请求-->
+<!--//   formLoading.value = true-->
+<!--//   try {-->
+<!--//     const data = formData.value as unknown as KqglVO-->
+<!--//     if (formType.value === 'create') {-->
+<!--//       data.date = dateKey.value //创建后提交的时候才会更新标识-->
+<!--//       await KqglApi.createKqgl(data)-->
+<!--//       message.success(t('common.createSuccess'))-->
+<!--//     } else {-->
+<!--//       await KqglApi.updateKqgl(data)-->
+<!--//       message.success(t('common.updateSuccess'))-->
+<!--//     }-->
+<!--//     await updateUser() //提交的时候更新考勤数据-->
+<!--//     dialogVisible.value = false-->
+<!--//     // 发送操作成功的事件-->
+<!--//     emit('success')-->
+<!--//   } finally {-->
+<!--//     formLoading.value = false-->
+<!--//   }-->
+<!--// }-->

src/views/Home/qjgl/QjglDetail.vue

@@ -2,6 +2,7 @@
   <ContentWrap>
     <!--  <Dialog :title="dialogTitle" v-model="dialogVisible">-->
     <el-form
+        class="custom-input"
         ref="formRef"
         :model="formData"
         :rules="formRules"
@@ -256,3 +257,15 @@ onMounted(async () => {
 
 })
 </script>
+<style scoped lang="scss">
+/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
+.custom-input ::v-deep {
+  .el-input.is-disabled .el-input__inner,
+  .el-select__wrapper.is-disabled .el-select__selected-item,
+  .el-textarea.is-disabled .el-textarea__inner,
+  .el-radio__input.is-disabled + span.el-radio__label {
+    color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
+    -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
+  }
+}
+</style>

src/views/Home/xjnr/xjgl/XjglDetail.vue

@@ -4,6 +4,7 @@
       <span style="font-size: 16px">销假管理流程</span>
     </template>
     <el-form
+      class="custom-input"
       ref="formRef"
       :model="formData"
       :rules="formRules"
@@ -211,3 +212,16 @@ onMounted(async () => {
   }
 })
 </script>
+
+<style scoped lang="scss">
+/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
+.custom-input ::v-deep {
+  .el-input.is-disabled .el-input__inner,
+  .el-select__wrapper.is-disabled .el-select__selected-item,
+  .el-textarea.is-disabled .el-textarea__inner,
+  .el-radio__input.is-disabled + span.el-radio__label {
+    color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
+    -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
+  }
+}
+</style>