yudao-team/oa-ui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
XaoLi717 2024-12-27 14:44:20 +08:00
parent 26c531697e
commit d854d489fd
7 changed files with 211 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/Home/bgnr/bgyp/BgypDetail.vue
View File

@ -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>

14
src/views/Home/clnr/clgl/ClglDetail.vue
View File

@ -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>

14
src/views/Home/hynr/hygl/HyglDetail.vue
View File

@ -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>

14
src/views/Home/jbnr/jbgl/JbglDetail.vue
View File

@ -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>

241
src/views/Home/kqnr/kqgl/KqglDetail.vue
View File

@ -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-->
<!--// }-->
<!--// }-->

13
src/views/Home/qjgl/QjglDetail.vue
View File

@ -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>

14
src/views/Home/xjnr/xjgl/XjglDetail.vue
View File

@ -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>