jobslink-user-clent/pages/recruit/subPage/enterpriceCertification/enterpriceCertification.vue

<template>
    <view class="">
        <view class="content">
            <u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
                <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" prop="companyTid" borderBottom ref="item1">
                        <u--input v-model="formData.companyTid" placeholder="请输入统一信用代码"></u--input>
                    </u-form-item>
                    <u-form-item label="法人姓名" labelWidth="100" prop="masterName" borderBottom ref="item1">
                        <u--input v-model="formData.masterName" placeholder="请输入法人姓名"></u--input>
                    </u-form-item>
                    <u-form-item label="法人身份证号" labelWidth="100" prop="masterIdentity" borderBottom ref="item1">
                        <u--input v-model="formData.masterIdentity" placeholder="请输入法人身份证号"></u--input>
                    </u-form-item>
                    <u-form-item label="所在地区" labelWidth="100" prop="cityId" borderBottom ref="item1"
                        @click="showAddress = true; hideKeyboard()">
                        <PickerList placeholder="请选择所在地区" :columns="dic.addressColumn" :visibel="showAddress"
                            v-model="formData.cityId" @cancel="showAddress = false">
                        </PickerList>
                    </u-form-item>
                    <u-form-item label="详细地址" labelWidth="100" prop="companyAddress" borderBottom ref="item1">
                        <u--input v-model="formData.companyAddress" placeholder="请输入详细地址"></u--input>
                    </u-form-item>
                    <u-form-item label="企业性质" labelWidth="100" prop="nature" borderBottom ref="item1"
                        @click="showJobCompanyNature = true; hideKeyboard()">
                        <PickerList placeholder="请选择企业性质" :columns="[dic.companyEnum]" :visibel="showJobCompanyNature"
                            v-model="formData.nature" @cancel="showJobCompanyNature = false">
                        </PickerList>
                    </u-form-item>
                    <u-form-item label="行业" labelWidth="100" prop="tradeId" borderBottom ref="item1"
                        @click="showjobCompanyIndustry = true; hideKeyboard()">
                        <PickerList placeholder="请选择行业" :columns="dic.tradeArr" labelName="name" valueName="id"
                            :visibel="showjobCompanyIndustry" v-model="formData.tradeId"
                            @cancel="showjobCompanyIndustry = false">
                        </PickerList>
                    </u-form-item>
                    <u-form-item label="企业介绍" labelWidth="100" labelPosition="top" prop="companyDesc" borderBottom
                        ref="item1">
                        <u--textarea v-model="formData.companyDesc" placeholder="请输入内容"></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">
                    <view class="card_title">相关资料</view>
                    <view class="card_content">
                        <UploadIdNumber v-model="formData.identityUrl4Id" backImg="/static/img/idcard.png">
                        </UploadIdNumber>
                        <UploadIdNumber v-model="formData.identityUrl5Id" backImg="/static/img/backidcard1.png">
                        </UploadIdNumber>
                        <UploadIdNumber v-model="formData.authUrlId" backImg="/static/img/idcard.png"></UploadIdNumber>
                    </view>
                </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 UploadIdNumber from './uploadIdNumber.vue';
    import dic from '@/common/dic.js'
    import PickerList from './pickerList.vue';
    import {
        addInviteCompanyAuth
    } from '@/api/userrecruit.js'
    const rules = []
    import {
        mapState
    } from 'vuex'
    export default {
        components: {
            UploadIdNumber,
            PickerList
        },
        data() {
            return {
                showAddress: false,
                showJobCompanyNature: false,
                showjobCompanyIndustry: false,
                dic,
                formData: {},
                rules
            };
        },
        computed: {
            ...mapState({
                authInfo: (state) => state.auth.authInfo,
                userInfo: (state) => state.user.userInfo
            }),
        },
        created() {
            this.formData.manager = this.authInfo.realName
            this.formData.idNumber = this.authInfo.idNumber
            console.log(this.authInfo)
            console.log(this.userInfo)
        },
        methods: {
            hideKeyboard() {
                uni.hideKeyboard()
            },
            async submit() {
                let data = {
                    ...this.formData,
                    nature: Number(this.formData.nature),
                    cityId: Number(this.formData.cityId),
                    tradeId: Number(this.formData.tradeId),
                }
                let params = {
                    // auth: this.authInfo.authValue
                }
                let resData = await addInviteCompanyAuth({
                    params,
                    data
                })
                console.log(resData)
            },
            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>