111 lines
3.9 KiB
Vue
111 lines
3.9 KiB
Vue
<template>
|
|
<Cn-page :loading="loading">
|
|
<view slot="body">
|
|
<view class="index">
|
|
<!-- <uni-forms ref="form" :label-width="80" :modelValue="formData" :rules="rules">
|
|
<uni-forms-item label="漏打日期" name="missingDate" required>
|
|
<uni-datetime-picker type="date" return-type="string" v-model="formData.missingDate" />
|
|
</uni-forms-item>
|
|
<uni-forms-item label="补卡类别" name="multipleDhoice" required>
|
|
<uni-data-checkbox v-model="formData.multipleDhoice" :localdata="range" />
|
|
</uni-forms-item>
|
|
<uni-forms-item label="漏打卡原因" name="reasonsForMissingPunch" required>
|
|
<uni-data-checkbox v-model="formData.reasonsForMissingPunch" :localdata="range2" />
|
|
</uni-forms-item>
|
|
<uni-forms-item name="remarks" label="备注" required>
|
|
<uni-easyinput type="textarea" v-model="formData.remarks" placeholder="请输入" />
|
|
</uni-forms-item>
|
|
</uni-forms> -->
|
|
<!-- <uni-steps :options="list2" active-color="#007AFF" direction="column" /> -->
|
|
<button type="default" class="submit-btn" @click="submit">提交</button>
|
|
</view>
|
|
</view>
|
|
</Cn-page>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "jiaban",
|
|
data () {
|
|
return {
|
|
loading: false,
|
|
alias: "missingPunchApplication",
|
|
// 表单数据
|
|
formData: {
|
|
created: "",
|
|
createdId: "",
|
|
viewRecordList: [],
|
|
applicant: "",
|
|
createdDate: "",
|
|
applicantId: "",
|
|
applicationNo: "",
|
|
multipleDhoice: "",
|
|
reasonsForMissingPunch: "",
|
|
remarks: ""
|
|
},
|
|
defId: "",
|
|
list2: [],
|
|
range: [
|
|
{ value: "上午上班", text: "上午上班" },
|
|
{ value: "下午上班", text: "下午上班" }
|
|
],
|
|
// 漏打卡原因
|
|
range2: [
|
|
{ value: "忘记打卡", text: "忘记打卡" },
|
|
{ value: "机器故障", text: "机器故障" },
|
|
{ value: "因公外出", text: "因公外出" },
|
|
{ value: "指纹丢失", text: "指纹丢失" },
|
|
{ value: "其他", text: "其他" }
|
|
],
|
|
rules: {
|
|
missingDate: {
|
|
rules: [
|
|
{
|
|
required: true,
|
|
errorMessage: "请选择漏打日期"
|
|
}
|
|
]
|
|
},
|
|
multipleDhoice: {
|
|
rules: [
|
|
{
|
|
required: true,
|
|
errorMessage: "请填写补卡类别"
|
|
}
|
|
]
|
|
},
|
|
reasonsForMissingPunch: {
|
|
rules: [
|
|
{
|
|
required: true,
|
|
errorMessage: "请选择漏打卡原因"
|
|
}
|
|
]
|
|
},
|
|
remarks: {
|
|
rules: [
|
|
{
|
|
required: true,
|
|
errorMessage: "请填写备注"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
};
|
|
},
|
|
onLoad () {
|
|
},
|
|
methods: {
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss">
|
|
.index {
|
|
padding: 34rpx;
|
|
|
|
.submit-btn {
|
|
background: $uni-theme-blue;
|
|
color: #fff;
|
|
}
|
|
}
|
|
</style>
|