|
@@ -2,25 +2,17 @@
|
|
|
<div id="leaveRequest">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-form ref="form" :model="form" v-if="types == 0">
|
|
|
- <el-form-item>
|
|
|
- <span slot="label">
|
|
|
- <i class="el-icon-date date"></i>
|
|
|
- 开始时间
|
|
|
- </span>
|
|
|
- <el-date-picker v-model="form.starttime" type="date" placeholder="选择开始日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <span slot="label">
|
|
|
- <i class="el-icon-date endDate"></i>
|
|
|
- 结束时间
|
|
|
- </span>
|
|
|
- <el-date-picker v-model="form.endtime" type="date" placeholder="选择开始日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <span slot="label">请假事由</span>
|
|
|
- <el-input type="textarea" v-model="form.reason" :rows="4" placeholder="请输入请假理由"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-form ref="form" :model="form" v-if="types == '0'">
|
|
|
+ <van-cell title="开始时间" is-link :value="form.starttime" @click="birthdayPopup" />
|
|
|
+ <van-popup v-model="birthdayShow" position="bottom">
|
|
|
+ <van-datetime-picker @confirm="birthdayPicker" type="datetime" title="选择完整时间" :min-date="minDate" :max-date="maxDate" />
|
|
|
+ </van-popup>
|
|
|
+ <van-cell title="结束时间" is-link :value="form.endtime" @click="birthdayPopups" />
|
|
|
+ <van-popup v-model="endbirthdayshow" position="bottom">
|
|
|
+ <van-datetime-picker @confirm="birthdayPickers" type="datetime" title="选择完整时间" :min-date="minDate" :max-date="maxDate" />
|
|
|
+ </van-popup>
|
|
|
+ <van-field v-model="form.reason" rows="1" autosize label="请假理由" type="textarea" placeholder="请输入请假理由" />
|
|
|
+
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="onSubmit">提交</el-button>
|
|
|
<el-button @click="cancelClick()">取消</el-button>
|
|
@@ -28,17 +20,15 @@
|
|
|
</el-form>
|
|
|
|
|
|
<el-form ref="form" :model="form" v-if="types == '1'">
|
|
|
- <el-form-item>
|
|
|
- <span slot="label">
|
|
|
- <i class="el-icon-date date"></i>
|
|
|
- 退出时间
|
|
|
- </span>
|
|
|
- <el-date-picker v-model="form.starttime" type="date" placeholder="选择开始日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <span slot="label">退出事由</span>
|
|
|
- <el-input type="textarea" v-model="form.reason" :rows="4" placeholder="请输入退出事由"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <van-cell title="开始时间" is-link :value="form.starttime" @click="birthdayPopup" />
|
|
|
+ <van-popup v-model="birthdayShow" position="bottom">
|
|
|
+ <van-datetime-picker @confirm="birthdayPicker" type="datetime" title="选择完整时间" :min-date="minDate" :max-date="maxDate" />
|
|
|
+ </van-popup>
|
|
|
+ <!-- <van-cell title="结束时间" is-link :value="form.endtime" @click="birthdayPopups" />
|
|
|
+ <van-popup v-model="endbirthdayshow" position="bottom">
|
|
|
+ <van-datetime-picker @confirm="birthdayPickers" type="datetime" title="选择完整时间" :min-date="minDate" :max-date="maxDate" />
|
|
|
+ </van-popup> -->
|
|
|
+ <van-field v-model="form.reason" rows="1" autosize label="退出理由" type="textarea" placeholder="请输入退出理由" />
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="onSubmits">提交</el-button>
|
|
|
<el-button @click="cancelClick()">取消</el-button>
|
|
@@ -58,11 +48,51 @@ export default {
|
|
|
},
|
|
|
components: {},
|
|
|
data: () => ({
|
|
|
+ starttime: '',
|
|
|
+ minDate: new Date(2020, 0, 1),
|
|
|
+ maxDate: new Date(2025, 10, 1),
|
|
|
+ currentDate: new Date(),
|
|
|
+ birthdayShow: false,
|
|
|
+ endbirthdayshow: false,
|
|
|
date: require('@/assets/date.png'),
|
|
|
}),
|
|
|
created() {},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
+ // 出生日期
|
|
|
+ birthdayPopup() {
|
|
|
+ this.birthdayShow = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ birthdayPopups() {
|
|
|
+ this.endbirthdayshow = true;
|
|
|
+ },
|
|
|
+ // 确认选择之后的时间
|
|
|
+ birthdayPicker(val) {
|
|
|
+ let year = val.getFullYear();
|
|
|
+ let month = val.getMonth() + 1;
|
|
|
+ let day = val.getDate();
|
|
|
+ let Hours = val.getHours();
|
|
|
+ let getMinutes = val.getMinutes();
|
|
|
+ console.log(Hours);
|
|
|
+
|
|
|
+ let starttime = `${year}-${month}-${day}-${Hours}-${getMinutes}`;
|
|
|
+
|
|
|
+ this.$set(this.form, `starttime`, starttime);
|
|
|
+ this.birthdayShow = false;
|
|
|
+ },
|
|
|
+ birthdayPickers(val) {
|
|
|
+ let year = val.getFullYear();
|
|
|
+ let month = val.getMonth() + 1;
|
|
|
+ let day = val.getDate();
|
|
|
+ let Hours = val.getHours();
|
|
|
+ let getMinutes = val.getMinutes();
|
|
|
+ console.log(Hours);
|
|
|
+ let endtime = `${year}-${month}-${day}-${Hours}-${getMinutes}`;
|
|
|
+ this.$set(this.form, `endtime`, endtime);
|
|
|
+ this.endbirthdayshow = false;
|
|
|
+ },
|
|
|
+
|
|
|
onSubmit() {
|
|
|
this.$emit('submit', { data: this.form });
|
|
|
},
|