zzyuan
/
gz-att-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

出差，请假

This commit is contained in:
lSun 2024-11-21 09:44:21 +08:00
parent cacd8374b5
commit 20834c7cd2
2 changed files with 44 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/process/evection/index.vue
View File

@ -61,8 +61,8 @@
<el-table-column label="出差开始时间" align="center" prop="leaveStartDate" :show-overflow-tooltip="true" width="180"> <el-table-column label="出差开始时间" align="center" prop="leaveStartDate" :show-overflow-tooltip="true" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.leaveStartDate }} <div>{{ scope.row.leaveStartDate }}
<span v-show="scope.row.leaveStartInterval=='1'">上午</span> <!-- <span v-show="scope.row.leaveStartInterval=='1'">上午</span>-->
<span v-show="scope.row.leaveStartInterval=='2'">下午</span> <!-- <span v-show="scope.row.leaveStartInterval=='2'">下午</span>-->
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -70,8 +70,8 @@
<el-table-column label="出差结束时间" align="center" prop="leaveEndDate" :show-overflow-tooltip="true" width="180"> <el-table-column label="出差结束时间" align="center" prop="leaveEndDate" :show-overflow-tooltip="true" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.leaveEndDate }} <div>{{ scope.row.leaveEndDate }}
<span v-show="scope.row.leaveEndInterval=='1'">上午</span> <!-- <span v-show="scope.row.leaveEndInterval=='1'">上午</span>-->
<span v-show="scope.row.leaveEndInterval=='2'">下午</span> <!-- <span v-show="scope.row.leaveEndInterval=='2'">下午</span>-->
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -150,7 +150,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="12">
<el-form-item label="出差开始时间：" prop="leaveStartDate"> <el-form-item label="出差开始时间：" prop="leaveStartDate">
<el-date-picker <el-date-picker
v-model="form.leaveStartDate" :clearable="false" v-model="form.leaveStartDate" :clearable="false"
@ -159,7 +159,7 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <!-- <el-col :span="4">
<el-form-item prop="leaveStartInterval" label-width="0px"> <el-form-item prop="leaveStartInterval" label-width="0px">
<el-select v-model="form.leaveStartInterval" style="width: 80%;margin-left: 30px;" <el-select v-model="form.leaveStartInterval" style="width: 80%;margin-left: 30px;"
@change="handleDateChange"> @change="handleDateChange">
@ -171,8 +171,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>-->
<el-col :span="8"> <el-col :span="12">
<el-form-item label="出差结束时间:" prop="leaveEndDate"> <el-form-item label="出差结束时间:" prop="leaveEndDate">
<el-date-picker <el-date-picker
v-model="form.leaveEndDate" :clearable="false" v-model="form.leaveEndDate" :clearable="false"
@ -181,7 +181,7 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <!-- <el-col :span="4">
<el-form-item prop="leaveEndInterval" label-width="0px"> <el-form-item prop="leaveEndInterval" label-width="0px">
<el-select v-model="form.leaveEndInterval" style="width: 80%;margin-left: 30px;" <el-select v-model="form.leaveEndInterval" style="width: 80%;margin-left: 30px;"
@change="handleDateChange"> @change="handleDateChange">
@ -193,7 +193,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>-->
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -241,7 +241,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="休假事由：" prop="leaveReason"> <el-form-item label="出差事由：" prop="leaveReason">
<el-input type="textarea" v-model="form.leaveReason" maxlength="200"></el-input> <el-input type="textarea" v-model="form.leaveReason" maxlength="200"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -333,15 +333,15 @@ export default {
leaveStartDate: [ leaveStartDate: [
{required: true, message: "出差开始时间不能为空", trigger: "blur"} {required: true, message: "出差开始时间不能为空", trigger: "blur"}
], ],
leaveStartInterval: [ /*leaveStartInterval: [
{required: true, message: "不能为空", trigger: "change"} {required: true, message: "不能为空", trigger: "change"}
], ],*/
leaveEndDate: [ leaveEndDate: [
{required: true, message: "出差结束时间不能为空", trigger: "blur"} {required: true, message: "出差结束时间不能为空", trigger: "blur"}
], ],
leaveEndInterval: [ /*leaveEndInterval: [
{required: true, message: "不能为空", trigger: "change"} {required: true, message: "不能为空", trigger: "change"}
], ],*/
leaveDuration: [ leaveDuration: [
{required: true, message: "出差时长不能为空", trigger: "blur"} {required: true, message: "出差时长不能为空", trigger: "blur"}
], ],
@ -353,7 +353,11 @@ export default {
], ],
hostUserId: [ hostUserId: [
{required: true, message: "代理主持工作人员不能为空", trigger: "blur"} {required: true, message: "代理主持工作人员不能为空", trigger: "blur"}
] ],
leaveReason: [
{required: true, message: "出差事由不能为空", trigger: "blur"}
],
}, },
// 开始日期选择限制 // 开始日期选择限制
startPickerOptions: { startPickerOptions: {
@ -380,6 +384,8 @@ export default {
}, },
methods: { methods: {
handleDateChange() { handleDateChange() {
this.form.leaveStartInterval = 1;
this.form.leaveEndInterval = 2;
if (this.form.leaveStartDate && this.form.leaveEndDate) { if (this.form.leaveStartDate && this.form.leaveEndDate) {
let daysNumber = this.daysBetween(this.form.leaveStartDate, this.form.leaveEndDate) let daysNumber = this.daysBetween(this.form.leaveStartDate, this.form.leaveEndDate)
// console.log(daysNumber) // console.log(daysNumber)

39
src/views/process/leaveReporting/index.vue
View File

@ -61,8 +61,8 @@
<el-table-column label="休假开始时间" align="center" prop="leaveStartDate" :show-overflow-tooltip="true" width="180"> <el-table-column label="休假开始时间" align="center" prop="leaveStartDate" :show-overflow-tooltip="true" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.leaveStartDate }} <div>{{ scope.row.leaveStartDate }}
<span v-show="scope.row.leaveStartInterval=='1'">上午</span> <!-- <span v-show="scope.row.leaveStartInterval=='1'">上午</span>-->
<span v-show="scope.row.leaveStartInterval=='2'">下午</span> <!-- <span v-show="scope.row.leaveStartInterval=='2'">下午</span>-->
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -70,8 +70,8 @@
<el-table-column label="休假结束时间" align="center" prop="leaveEndDate" :show-overflow-tooltip="true" width="180"> <el-table-column label="休假结束时间" align="center" prop="leaveEndDate" :show-overflow-tooltip="true" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.leaveEndDate }} <div>{{ scope.row.leaveEndDate }}
<span v-show="scope.row.leaveEndInterval=='1'">上午</span> <!-- <span v-show="scope.row.leaveEndInterval=='1'">上午</span>-->
<span v-show="scope.row.leaveEndInterval=='2'">下午</span> <!-- <span v-show="scope.row.leaveEndInterval=='2'">下午</span>-->
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -150,7 +150,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="12">
<el-form-item label="休假开始时间：" prop="leaveStartDate"> <el-form-item label="休假开始时间：" prop="leaveStartDate">
<el-date-picker <el-date-picker
v-model="form.leaveStartDate" :clearable="false" v-model="form.leaveStartDate" :clearable="false"
@ -159,7 +159,7 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <!-- <el-col :span="4">
<el-form-item prop="leaveStartInterval" label-width="0px"> <el-form-item prop="leaveStartInterval" label-width="0px">
<el-select v-model="form.leaveStartInterval" style="width: 80%;margin-left: 30px;" <el-select v-model="form.leaveStartInterval" style="width: 80%;margin-left: 30px;"
@change="handleDateChange"> @change="handleDateChange">
@ -171,8 +171,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>-->
<el-col :span="8"> <el-col :span="12">
<el-form-item label="休假结束时间:" prop="leaveEndDate"> <el-form-item label="休假结束时间:" prop="leaveEndDate">
<el-date-picker <el-date-picker
v-model="form.leaveEndDate" :clearable="false" v-model="form.leaveEndDate" :clearable="false"
@ -181,7 +181,7 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <!-- <el-col :span="4">
<el-form-item prop="leaveEndInterval" label-width="0px"> <el-form-item prop="leaveEndInterval" label-width="0px">
<el-select v-model="form.leaveEndInterval" style="width: 80%;margin-left: 30px;" <el-select v-model="form.leaveEndInterval" style="width: 80%;margin-left: 30px;"
@change="handleDateChange"> @change="handleDateChange">
@ -193,7 +193,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>-->
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -333,15 +333,15 @@ export default {
leaveStartDate: [ leaveStartDate: [
{required: true, message: "休假开始时间不能为空", trigger: "blur"} {required: true, message: "休假开始时间不能为空", trigger: "blur"}
], ],
leaveStartInterval: [ // leaveStartInterval: [
{required: true, message: "不能为空", trigger: "change"} // {required: true, message: "不能为空", trigger: "change"}
], // ],
leaveEndDate: [ leaveEndDate: [
{required: true, message: "休假结束时间不能为空", trigger: "blur"} {required: true, message: "休假结束时间不能为空", trigger: "blur"}
], ],
leaveEndInterval: [ // leaveEndInterval: [
{required: true, message: "不能为空", trigger: "change"} // {required: true, message: "不能为空", trigger: "change"}
], // ],
leaveDuration: [ leaveDuration: [
{required: true, message: "休假时长不能为空", trigger: "blur"} {required: true, message: "休假时长不能为空", trigger: "blur"}
], ],
@ -353,7 +353,10 @@ export default {
], ],
hostUserId: [ hostUserId: [
{required: true, message: "代理主持工作人员不能为空", trigger: "blur"} {required: true, message: "代理主持工作人员不能为空", trigger: "blur"}
] ],
leaveReason: [
{required: true, message: "休假事由不能为空", trigger: "blur"}
],
}, },
// 开始日期选择限制 // 开始日期选择限制
startPickerOptions: { startPickerOptions: {
@ -379,6 +382,8 @@ export default {
}, },
methods: { methods: {
handleDateChange() { handleDateChange() {
this.form.leaveStartInterval = 1;
this.form.leaveEndInterval = 2;
if (this.form.leaveStartDate && this.form.leaveEndDate) { if (this.form.leaveStartDate && this.form.leaveEndDate) {
let daysNumber = this.daysBetween(this.form.leaveStartDate, this.form.leaveEndDate) let daysNumber = this.daysBetween(this.form.leaveStartDate, this.form.leaveEndDate)
// console.log(daysNumber) // console.log(daysNumber)