请假管理前端判断天数

This commit is contained in:
XaoLi717 2024-12-18 20:34:48 +08:00
parent 693a75dde6
commit 9c87a28c54
3 changed files with 40 additions and 24 deletions

View File

@ -9,6 +9,7 @@ export interface QjglVO {
startTime: Date // 开始时间
endTime: Date // 结束时间
day: number // 请假天数
remainingDays: number // 请假天数
filePath: string // 文件路径
userName: string // 作者
deptId: number // 部门id

View File

@ -76,8 +76,8 @@
</el-form-item>
</el-col>
<el-col v-if="formData.type==1" :span="12">
<el-form-item v-if="njList" label="剩余年假天数">
<el-input v-model="njList.remainingDays" placeholder="剩余年假天数" disabled />
<el-form-item label="剩余年假天数">
<el-input v-model="formData.remainingDays" placeholder="剩余年假天数" disabled />
</el-form-item>
</el-col>
</el-row>
@ -139,6 +139,7 @@ const formData = ref({
startTime: undefined,
endTime: undefined,
day: 0,
remainingDays: 0,
filePath: undefined,
userName: '',
deptId: undefined,
@ -356,7 +357,9 @@ const getNjglData = async ()=> {
//
if (njData.value.list[0]) {
njList.value = njData.value.list[0]
formData.value.remainingDays = njList.value?.remainingDays
}
}
/** 重置表单 */
const resetForm = () => {
@ -367,10 +370,11 @@ const resetForm = () => {
type: undefined,
startTime: undefined,
endTime: undefined,
day: undefined,
day: 0,
remainingDays: 0,
filePath: undefined,
userName: '',
deptId: '',
deptId: undefined,
deptName: '',
processInstanceId: undefined,
userId: undefined,

View File

@ -8,12 +8,12 @@
label-width="100px"
v-loading="formLoading"
>
<el-row>
<el-col :span="24">
<el-form-item label="请假标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入请假标题" :disabled="!isEditable('title')" />
</el-form-item>
</el-col>
<el-row>
<el-col :span="12">
<el-form-item label="起草人" prop="userName">
<el-input v-model="formData.userName" placeholder="请输入起草人" :disabled="!isEditable('userName')" />
@ -22,59 +22,68 @@
<el-col :span="12">
<el-form-item label="部门" prop="deptId">
<el-input v-model="formData.deptId" placeholder="请输入部门" v-show="false" />
<!-- <div class="pull-left" v-show="true" v-if="userInfo?.dept">{{ userInfo?.dept.name }} </div>-->
<!-- <div class="pull-left" v-show="true" v-if="deptInfo">{{ deptInfo }} </div>-->
<!-- <div class="pull-left" v-show="true" v-if="userInfo?.dept">{{ userInfo?.dept.name }} </div>-->
<!-- <div class="pull-left" v-show="true" v-if="deptInfo">{{ deptInfo }} </div>-->
<el-input v-model="formData.deptName" placeholder="请输入部门信息" :disabled="!isEditable('deptName')" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="开始时间" prop="startTime" >
<el-date-picker
v-model="formData.startTime"
type="datetime"
value-format="x"
placeholder="选择开始时间"
:disabled="!isEditable('startTime')"
v-model="formData.startTime"
type="datetime"
value-format="x"
placeholder="选择开始时间"
:disabled="!isEditable('startTime')"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="结束时间" prop="endTime" >
<el-date-picker
v-model="formData.endTime"
type="datetime"
value-format="x"
placeholder="选择结束时间"
:disabled="!isEditable('startTime')"
v-model="formData.endTime"
type="datetime"
value-format="x"
placeholder="选择结束时间"
:disabled="!isEditable('startTime')"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="请假类型" prop="type" >
<el-select v-model="formData.type" placeholder="请选择请假类型" :disabled="!isEditable('type')">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
v-for="dict in getIntDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="请假天数" prop="day" >
<el-input v-model="formData.day" placeholder="请输入请假天数" :disabled="!isEditable('day')"/>
</el-form-item>
</el-col>
<el-col v-if="formData.type==1" :span="12">
<el-form-item label="剩余年假天数">
<el-input v-model="formData.remainingDays" placeholder="剩余年假天数" disabled />
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item label="请假原因" prop="reason" >
<el-input v-model="formData.reason" placeholder="请输入请假原因" style="height: 100px;" :disabled="!isEditable('reason')"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</ContentWrap>
</template>
@ -108,6 +117,7 @@ const formData = ref({
startTime: undefined,
endTime: undefined,
day: undefined,
remainingDays: undefined,
filePath: undefined,
userName: undefined,
deptId: undefined,
@ -186,6 +196,7 @@ const resetForm = () => {
startTime: undefined,
endTime: undefined,
day: undefined,
remainingDays: undefined,
filePath: undefined,
userName: undefined,
deptId: undefined,