<script setup>
import {reactive} from "vue";
import {toPage} from "../../../utils/uils.js";
import XInput from "../../../components/XInput.vue";
import XFormItem from "../../../components/XFormItem.vue";
import XForm from "../../../components/XForm.vue";

const rules = {
    name: {
        reg: /.+/,
        msg: '姓名不能为空',
    }
};
const form = reactive({
    name: null,
});
</script>

<template>
    <view>
        <x-form :model="form" :rules="rules">
            <x-form-item label="真实姓名">
                <x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入真实姓名"></x-input>
            </x-form-item>
            <x-form-item label="身份证号码">
                <x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入身份证号码"></x-input>
            </x-form-item>
            <x-form-item label="银行卡号">
                <x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入银行卡号"></x-input>
            </x-form-item>
            <x-form-item label="手机号">
                <x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入手机号"></x-input>
            </x-form-item>
            <x-form-item>
                <view class="items-center test-24r xy">
                    <radio></radio>
                    本人承诺已阅读并同意
                    <text class="text-[var(--primary-color)]" @click="toPage('/pages/richPage/index')">
                        《灵活用工平台综合服务协议》
                    </text>
                    ，本人按照协议内容向贵司提供相应的服务。
                </view>
            </x-form-item>
            <x-form-item>
                <view
                    class="bg-[var(--primary-color)] py-[26rpx] w-full text-[#fff] rounded-[12rpx] !flex justify-center items-center !mt-[40rpx]">
                    提交
                </view>
            </x-form-item>
        </x-form>
    </view>
</template>

<style scoped lang="scss">
.xy {
    :deep(.uni-radio-input) {
        width: 28rpx;
        height: 28rpx;
    }
}
</style>
