初始提交
This commit is contained in:
221
pages/workFlow/workFlowForm/leaveApply/index.vue
Normal file
221
pages/workFlow/workFlowForm/leaveApply/index.vue
Normal file
@@ -0,0 +1,221 @@
|
||||
<template>
|
||||
<view class="jnpf-wrap jnpf-wrap-workflow">
|
||||
<u-form :model="dataForm" :rules="rules" ref="dataForm" :errorType="['toast']" label-position="left"
|
||||
label-width="150" label-align="left">
|
||||
<view class="u-p-l-20 u-p-r-20 form-item-box">
|
||||
<u-form-item label="流程标题" prop="flowTitle" :required="requiredList.flowTitle"
|
||||
v-if="judgeShow('flowTitle')">
|
||||
<u-input v-model="dataForm.flowTitle" placeholder="流程标题" :disabled="judgeWrite('flowTitle')"
|
||||
input-align="right"></u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="流程编码" prop="billNo" v-if="judgeShow('billNo')" :required="requiredList.billNo">
|
||||
<u-input v-model="dataForm.billNo" placeholder="流程编码" disabled input-align="right"></u-input>
|
||||
</u-form-item>
|
||||
</view>
|
||||
<view class="jnpf-card">
|
||||
<view class="u-p-l-20 u-p-r-20 form-item-box">
|
||||
<u-form-item label="申请人员" prop="applyUser" v-if="judgeShow('applyUser')"
|
||||
:required="requiredList.applyUser">
|
||||
<u-input v-model="dataForm.applyUser" placeholder="请输入申请人员" :disabled="judgeWrite('applyUser')"
|
||||
input-align="right">
|
||||
</u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="申请部门" prop="applyDept" v-if="judgeShow('applyDept')"
|
||||
:required="requiredList.applyDept">
|
||||
<u-input v-model="dataForm.applyDept" placeholder="请输入申请部门" :disabled="judgeWrite('applyDept')"
|
||||
input-align="right">
|
||||
</u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="申请职位" prop="applyPost" v-if="judgeShow('applyPost')"
|
||||
:required="requiredList.applyPost">
|
||||
<u-input v-model="dataForm.applyPost" placeholder="请输入申请职位" :disabled="judgeWrite('applyPost')"
|
||||
input-align="right">
|
||||
</u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="申请日期" prop="applyDate" v-if="judgeShow('applyDate')"
|
||||
:required="requiredList.applyDate">
|
||||
<JnpfDatePicker v-model="dataForm.applyDate" placeholder="请输入申请日期"
|
||||
:disabled="judgeWrite('applyDate')" />
|
||||
</u-form-item>
|
||||
<u-form-item label="请假类别" prop="leaveType" v-if="judgeShow('leaveType')"
|
||||
:required="requiredList.leaveType">
|
||||
<JnpfSelect v-model="dataForm.leaveType" placeholder="请选择请假类别" :options="leaveTypeList"
|
||||
:disabled="judgeWrite('leaveType')" />
|
||||
</u-form-item>
|
||||
<u-form-item label="请假原因" prop="leaveReason" v-if="judgeShow('leaveReason')"
|
||||
:required="requiredList.leaveReason">
|
||||
<u-input v-model="dataForm.leaveReason" placeholder="请输入请假原因" type="textarea"
|
||||
:disabled="judgeWrite('leaveReason')" input-align="right"></u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="起始时间" prop="leaveStartTime" v-if="judgeShow('leaveStartTime')"
|
||||
:required="requiredList.leaveStartTime">
|
||||
<JnpfDatePicker format="yyyy-MM-dd HH:mm:ss" v-model="dataForm.leaveStartTime"
|
||||
placeholder="请选择起始时间" :disabled="judgeWrite('leaveStartTime')" />
|
||||
</u-form-item>
|
||||
<u-form-item label="结束时间" prop="leaveEndTime" v-if="judgeShow('leaveEndTime')"
|
||||
:required="requiredList.leaveEndTime">
|
||||
<JnpfDatePicker format="yyyy-MM-dd HH:mm:ss" v-model="dataForm.leaveEndTime"
|
||||
placeholder="请选择结束时间" :disabled="judgeWrite('leaveEndTime')" />
|
||||
</u-form-item>
|
||||
<u-form-item label="请假天数" prop="leaveDayCount" v-if="judgeShow('leaveDayCount')"
|
||||
:required="requiredList.leaveDayCount">
|
||||
<u-input v-model="dataForm.leaveDayCount" placeholder="请输入请假天数"
|
||||
:disabled="judgeWrite('leaveDayCount')" input-align="right"></u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="请假小时" prop="leaveHour" v-if="judgeShow('leaveHour')"
|
||||
:required="requiredList.leaveHour">
|
||||
<u-input v-model="dataForm.leaveHour" placeholder="请输入请假小时" type="number"
|
||||
:disabled="judgeWrite('leaveHour')" input-align="right"></u-input>
|
||||
</u-form-item>
|
||||
<!-- #ifndef APP-HARMONY -->
|
||||
<u-form-item label="相关附件" prop="fileJson" v-if="judgeShow('fileJson')"
|
||||
:required="requiredList.fileJson">
|
||||
<JnpfUploadFile v-model="fileList" :disabled="judgeWrite('fileJson')" />
|
||||
</u-form-item>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef APP-HARMONY -->
|
||||
<u-form-item label="相关附件" prop="fileJson" v-if="judgeShow('fileJson')"
|
||||
:required="requiredList.fileJson">
|
||||
<JnpfUploadFileH v-model="fileList" :disabled="judgeWrite('fileJson')" />
|
||||
</u-form-item>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</view>
|
||||
</u-form>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import comMixin from '../mixin'
|
||||
export default {
|
||||
name: 'LeaveApply',
|
||||
mixins: [comMixin],
|
||||
data() {
|
||||
return {
|
||||
billEnCode: 'WF_LeaveApplyNo',
|
||||
dataForm: {
|
||||
flowTitle: '',
|
||||
billNo: '',
|
||||
flowUrgent: 1,
|
||||
applyUser: '',
|
||||
leaveHour: '',
|
||||
applyDept: '',
|
||||
leaveStartTime: '',
|
||||
leaveEndTime: '',
|
||||
leaveDayCount: '',
|
||||
leaveReason: '',
|
||||
applyDate: '',
|
||||
leaveType: '',
|
||||
fileJson: '',
|
||||
applyPost: '',
|
||||
description: ''
|
||||
},
|
||||
rules: {
|
||||
flowTitle: [{
|
||||
required: true,
|
||||
message: '流程标题不能为空',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
flowUrgent: [{
|
||||
required: true,
|
||||
message: '紧急程度不能为空',
|
||||
trigger: 'change',
|
||||
type: 'number'
|
||||
}],
|
||||
billNo: [{
|
||||
required: true,
|
||||
message: '流程编码不能为空',
|
||||
trigger: 'blur',
|
||||
}],
|
||||
leaveHour: [{
|
||||
required: true,
|
||||
message: '请假小时不能为空',
|
||||
trigger: 'blur',
|
||||
}],
|
||||
leaveStartTime: [{
|
||||
required: true,
|
||||
message: '起始时间不能为空',
|
||||
trigger: 'blur',
|
||||
type: 'number'
|
||||
}],
|
||||
leaveDayCount: [{
|
||||
required: true,
|
||||
message: '请假天数不能为空',
|
||||
trigger: 'blur',
|
||||
}],
|
||||
leaveEndTime: [{
|
||||
required: true,
|
||||
message: '结束时间不能为空',
|
||||
trigger: 'blur',
|
||||
type: 'number'
|
||||
}],
|
||||
leaveReason: [{
|
||||
required: true,
|
||||
message: '请假原因不能为空',
|
||||
trigger: 'blur',
|
||||
type: 'string'
|
||||
}],
|
||||
},
|
||||
leaveTypeList: [{
|
||||
fullName: '事假',
|
||||
id: '事假',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
fullName: '病假',
|
||||
id: '病假',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
fullName: '婚假',
|
||||
id: '婚假',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
fullName: '产假',
|
||||
id: '产假',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
fullName: '丧假',
|
||||
id: '丧假',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
fullName: '年假',
|
||||
id: '年假',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
fullName: '调休',
|
||||
id: '调休',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
fullName: '其他',
|
||||
id: '其他',
|
||||
checked: false
|
||||
},
|
||||
|
||||
],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
selfInit(data) {
|
||||
this.dataForm.applyDate = new Date().getTime()
|
||||
this.dataForm.flowTitle = this.userInfo.userName + "的请假申请表"
|
||||
this.dataForm.applyUser = this.userInfo.userName + '/' + this.userInfo.userAccount
|
||||
this.dataForm.applyDept = this.userInfo.organizeName
|
||||
if (this.userInfo?.positionList?.length) {
|
||||
const list = this.userInfo.positionList.map(o => o.treeName)
|
||||
this.dataForm.applyPost = list.join(',')
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user