sooka_consult_uniapp/pages/me/officialAuthentication.vue

<template>
    <uni-section title="官方认证" type="line">
        <view class="example">
            <!-- 自定义表单校验 -->
            <uni-forms ref="customForm" :rules="customRules" :modelValue="form">
                <uni-forms-item label="企业名称" required name="enterpriseName">
                    <uni-easyinput v-model="form.enterpriseName" placeholder="请输入企业名称" maxlength="20"/>
                </uni-forms-item>
                <uni-forms-item label="法人姓名" required name="legalName">
                    <uni-easyinput v-model="form.legalName" placeholder="请输入法人姓名" maxlength="20"/>
                </uni-forms-item>
                <uni-forms-item label="联系电话" required name="phone">
                    <uni-easyinput v-model="form.phone" placeholder="请输入联系电话" maxlength="13"/>
                </uni-forms-item>
                <uni-forms-item label="证照信息" required name="path">
                    <upload :imgArr="imageList" name="path" v-model="form.path" :fileSize="1" :limit="2"
                            @updateImg="updateImg"></upload>
                </uni-forms-item>
            </uni-forms>
            <button type="primary" @click="submitForm('customForm')">提交</button>
        </view>
    </uni-section>
</template>

<script>
    import upload from '../../components/upload/index.vue'
    import {appletAdd} from '@/api/me/officialAuthentication.js'

    export default {
        components: {
            upload
        },
        onReady() {
            // 设置自定义表单校验规则，必须在节点渲染完毕后执行
            this.$refs.customForm.setRules(this.customRules)
        },
        data() {
            return {
                form: {},
                // 表单校验
                customRules: {
                    enterpriseName: {
                        rules: [{
                            required: true,
                            errorMessage: '企业名称不能为空'
                        }]
                    },
                    legalName: {
                        rules: [{
                            required: true,
                            errorMessage: '法人姓名不能为空'
                        }]
                    },
                    phone: {
                        rules: [{
                            required: true,
                            errorMessage: '联系电话不能为空'
                        },
						{
						  pattern:'^1[3456789]\\d{9}$',
						  errorMessage: '请填写正确的手机号'
						}]
                    },
                    path: {
                        rules: [{
                            required: true,
                            errorMessage: '证照信息不能为空'
                        }]
                    },
                },
                imageList: []
            }
        },
        methods: {
            // 取消按钮
            cancel() {
                this.open = false;
                this.reset();
            },
            /** 提交按钮 */
            submitForm(e) {
				this.$refs[e].validate().then(res => {
					if(this.imageList.length!=2){
						uni.showToast({
							title: "证照信息照片为两张！",
							icon: "none"
						})
					}else{
						appletAdd(this.form).then(res => {
							console.log("1111111111")
							uni.navigateBack();
							console.log("2222222222222")
						});
					}
				})
            },
			
            updateImg(imgList) {
                this.imageList = imgList;
                this.form.path = this.imageList.join(',');
            }
        }
    };
</script>

<style>
</style>