<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>
