jobslink-user-clent/pageMy/help/mailbox.vue

<template>
    <view class="">
        <view class="content">
            <u--form labelPosition="left" :model="formData" :rules="rules" ref="formOne">
                <view class="card">
                    <view class="card_title">认证信息</view>
                    <u-form-item label="用工单位" labelWidth="100" prop="comname" borderBottom ref="item1">
                        <u--input v-model="formData.comname" placeholder="请输入用工单位名称"></u--input>
                    </u-form-item>

                    <u-form-item label="企业介绍" labelWidth="100" labelPosition="top" prop="companyDesc" borderBottom
                        ref="item1">
                        <u--textarea v-model="formData.companyDesc" placeholder="请输入企业介绍" count
                            maxlength="200"></u--textarea>
                    </u-form-item>
                </view>
                <view class="card">
                    <view class="card_title">联系人信息</view>
                    <u-form-item label="联系人" labelWidth="100" prop="manager" borderBottom ref="item1">
                        <u--input v-model="formData.manager" placeholder="请输入联系人"></u--input>
                    </u-form-item>
                    <u-form-item label="手机号码" labelWidth="100" prop="telphone" borderBottom ref="item1">
                        <u--input v-model="formData.telphone" placeholder="请输入手机号码"></u--input>
                    </u-form-item>
                </view>

                <view class="card">
                    <u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
                    <u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
                </view>
            </u--form>
        </view>
    </view>
</template>

<script>
    import dic from '@/common/dic.js'
    import {
        mapState
    } from 'vuex'
    import {
        getEmploymentSurveyManage
    } from '@/api/help.js'
    const rules = {
        comname: {
            type: 'string',
            required: true,
            message: '请输入用工单位',
            trigger: ['change']
        },
        companyTid: {
            type: 'string',
            required: true,
            max: 18,
            min: 18,
            message: '请输入18位统一信用代码',
            trigger: ['change']
        },
        masterName: {
            type: 'string',
            required: true,
            message: '请输入法人姓名',
            trigger: ['change']
        },
        masterIdentity: {
            type: 'string',
            required: true,
            pattern: /^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[Xx\d]$/,
            message: '请输入法人身份证号',
            trigger: ['change']
        },
        cityId: {
            type: 'string',
            required: true,
            message: '请选择所在地区',
            trigger: ['change']
        },
        companyAddress: {
            type: 'string',
            required: true,
            message: '请输入详细地址',
            trigger: ['change']
        },
        nature: {
            type: 'string',
            required: true,
            message: '请选择企业性质',
            trigger: ['change']
        },
        tradeId: {
            type: 'string',
            required: true,
            message: '请选择行业',
            trigger: ['change']
        },
        companyDesc: {
            type: 'string',
            min: 20,
            required: true,
            message: '请输入企业介绍（最少20个字符）',
            trigger: ['change']
        },
        manager: {
            type: 'string',
            required: true,
            message: '请输入联系人',
            trigger: ['change']
        },
        telphone: {
            type: 'string',
            required: true,
            pattern: /^1[3-9]{1}[0-9]{9}$/,
            message: '请输入手机号码',
            trigger: ['change']
        },
        identityUrl4Id: {
            type: 'string',
            required: true,
            message: '请上传法人身份证（人像）',
            trigger: ['change']
        },
        identityUrl5Id: {
            type: 'string',
            required: true,
            message: '请上传法人身份证（国徽）',
            trigger: ['change']
        },
        authUrlId: {
            type: 'string',
            required: true,
            message: '请上传企业营业执照',
            trigger: ['change']
        },
    }
    export default {
        data() {
            return {
                dic,
                formData: {},
                rules
            };
        },
        onLoad(options) {},
        computed: {
            ...mapState({
                authInfo: (state) => state.auth.authInfo,
                userInfo: (state) => state.user.userInfo
            }),
        },
        created() {},
        methods: {
            hideKeyboard() {
                uni.hideKeyboard()
            },
            async submit() {

            },
            reset() {
                const _this = this
                uni.showModal({
                    content: '重置将清空表单，确定重置吗？',
                    success() {
                        _this.formData = {}
                    },
                })
            }
        },
    }
</script>

<style lang="scss" scoped>
    .content {
        padding: 24rpx;

        .card {
            .card_title {
                font-weight: bold;
                margin-top: 20rpx;
            }

            .card_content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
        }
    }
</style>