加班管理

This commit is contained in:
XaoLi717 2024-11-08 08:13:49 +08:00
parent ada57beec5
commit e69abd3cca
5 changed files with 70 additions and 66 deletions

View File

@ -25,11 +25,23 @@
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入申请标题" />
</el-form-item>
</el-col>
<!-- <el-col :span="12">-->
<!-- </el-col>-->
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="物品数量" prop="usageQuantity">
<el-input v-model.number="formData.usageQuantity" placeholder="请输入申请物品数量" />
</el-form-item>
<!-- <el-form-item label="物品名字" prop="usageName">-->
<!-- <el-input v-model="formData.usageName" placeholder="请输入申请物品名字" />-->
<!-- </el-form-item>-->
</el-col>
<el-col :span="12">
<el-form-item label="申请时间" prop="usageDate">
<el-date-picker
@ -41,18 +53,6 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="物品数量" prop="usageQuantity">
<el-input v-model.number="formData.usageQuantity" placeholder="请输入申请物品数量" />
</el-form-item>
<!-- <el-form-item label="物品名字" prop="usageName">-->
<!-- <el-input v-model="formData.usageName" placeholder="请输入申请物品名字" />-->
<!-- </el-form-item>-->
</el-col>
<!-- <el-col :span="12">-->
<!-- </el-col>-->
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="申请物品" prop="usageId">

View File

@ -24,11 +24,23 @@
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入申请标题" disabled/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">-->
<!-- </el-col>-->
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="物品数量" prop="usageQuantity">
<el-input v-model="formData.usageQuantity" placeholder="请输入申请物品数量" disabled/>
</el-form-item>
<!-- <el-form-item label="物品名字" prop="usageName">-->
<!-- <el-input v-model="formData.usageName" placeholder="请输入申请物品名字" disabled />-->
<!-- </el-form-item>-->
</el-col>
<el-col :span="12">
<el-form-item label="申请时间" prop="usageDate" >
<el-date-picker
@ -41,22 +53,10 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="物品名字" prop="usageName">
<el-input v-model="formData.usageName" placeholder="请输入申请物品名字" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="物品数量" prop="usageQuantity">
<el-input v-model="formData.usageQuantity" placeholder="请输入申请物品数量" disabled/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="申请物品" prop="usageId">
<el-select v-model="formData.usageId" placeholder="请选择申请物品id" disabled>
<el-select v-model="formData.usageId" placeholder="请选择申请物品" disabled>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.BGYP_USAGE_NAME)"
:key="dict.value"
@ -147,8 +147,8 @@ const getInfo = async () => {
detailLoading.value = false
}
}
onMounted(()=> {
getUserInfo()
getInfo()
onMounted(async ()=> {
await getUserInfo()
await getInfo()
})
</script>

View File

@ -190,9 +190,9 @@ const getUserInfo = async () => {
}
}
/** 初始化 **/
onMounted(() => {
getUserInfo()
getInfo()
onMounted(async () => {
await getUserInfo()
await getInfo()
})
const formRules = reactive({
// carUser: [{ required: true, message: '', trigger: 'blur' }],

View File

@ -25,24 +25,16 @@
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="申请标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入申请标题" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请时间" prop="usageDate">
<el-date-picker
v-model="formData.usageDate"
type="date"
value-format="x"
placeholder="选择申请时间"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">-->
<!-- </el-col>-->
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="8">
<el-form-item label="开始时间" prop="startDate">
<el-date-picker
v-model="formData.startDate"
@ -53,7 +45,7 @@
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="8">
<el-form-item label="结束时间" prop="endDate">
<el-date-picker
v-model="formData.endDate"
@ -64,6 +56,11 @@
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="加班总时长" prop="duration">
<el-input v-model.number="formData.duration" placeholder="请输入加班总时长" disabled/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
@ -79,8 +76,13 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="加班总时长" prop="duration">
<el-input v-model.number="formData.duration" placeholder="请输入加班总时长" disabled/>
<el-form-item label="申请时间" prop="usageDate">
<el-date-picker
v-model="formData.usageDate"
type="date"
value-format="x"
placeholder="选择申请时间"
/>
</el-form-item>
</el-col>
</el-row>

View File

@ -29,20 +29,11 @@
<el-input v-model="formData.title" placeholder="请输入申请标题" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请时间" prop="usageDate">
<el-date-picker
v-model="formData.usageDate"
type="date"
value-format="x"
placeholder="选择申请时间"
disabled
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">-->
<!-- </el-col>-->
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="8">
<el-form-item label="开始时间" prop="startDate">
<el-date-picker
v-model="formData.startDate"
@ -53,7 +44,7 @@
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="8">
<el-form-item label="结束时间" prop="endDate">
<el-date-picker
v-model="formData.endDate"
@ -64,6 +55,11 @@
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="加班总时长" prop="duration">
<el-input v-model="formData.duration" placeholder="请输入加班总时长" disabled />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
@ -80,8 +76,14 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="加班总时长" prop="duration">
<el-input v-model="formData.duration" placeholder="请输入加班总时长" disabled />
<el-form-item label="申请时间" prop="usageDate">
<el-date-picker
v-model="formData.usageDate"
type="date"
value-format="x"
placeholder="选择申请时间"
disabled
/>
</el-form-item>
</el-col>
</el-row>
@ -154,8 +156,8 @@ const getInfo = async () => {
}
const formRef = ref() // Ref
onMounted(()=>{
getUserInfo()
getInfo()
onMounted(async ()=>{
await getUserInfo()
await getInfo()
})
</script>