投递与确认

zhangwei

2024-08-26 79745a1b12fa6d69edd3a353cb11b8ae02b8d4aa

 src/pages/enterprise/enterprise.vue

@@ -1,7 +1,7 @@
<template>
   <view class="full-page">
      <view class="content">
         <up-form labelPosition="left" :model="enterpriseInfo" :rules="rules" ref="form1" labelWidth='90'>
         <up-form labelPosition="left" :model="enterpriseInfo" :rules="rules" ref="formRef" labelWidth='90'>
            <up-form-item label="公司营业执照" prop="enterpriseInfo.businessLicense" required borderBottom ref="item1">
               <fui-upload immediate :url="`${apiBaseUrl}api/UpFile/UpBizLicense`" ref="uploadB" max='1'
                  background='#fff' @success="success" @error="error" @complete="complete" width="300"
@@ -14,29 +14,29 @@
                  <up-icon name="arrow-right"></up-icon>
               </template> -->
            </up-form-item>
            <up-form-item label="企业名称" required prop="enterpriseInfo.suppliername" borderBottom ref="item1">
            <up-form-item label="企业名称" required prop="suppliername" borderBottom ref="item1">
               <up-input v-model="enterpriseInfo.suppliername" border="none" placeholder="请输入企业名称"
                  readonly></up-input>
            </up-form-item>
            <up-form-item label="企业注册号" required prop="enterpriseInfo.suppliercode" borderBottom ref="item1">
            <up-form-item label="企业注册号" required prop="suppliercode" borderBottom ref="item1">
               <up-input v-model="enterpriseInfo.suppliercode" border="none" placeholder="请输入企业注册号"
                  readonly></up-input>
            </up-form-item>
            <up-form-item label="注册时间" required prop="enterpriseInfo.regtime" borderBottom ref="item1">
            <up-form-item label="注册时间" required prop="regtime" borderBottom ref="item1">
               <up-input v-model="enterpriseInfo.regtime" border="none" placeholder="请输入企业注册号" readonly></up-input>
            </up-form-item>
            <up-form-item label="企业注册地址" required prop="enterpriseInfo.address" borderBottom ref="item1">
            <up-form-item label="企业注册地址" required prop="address" borderBottom ref="item1">
               <up-input v-model="enterpriseInfo.address" border="none" placeholder="请输入企业注册地址"
                  readonly></up-input>
            </up-form-item>
            <up-form-item label="联系人" required prop="enterpriseInfo.contact" borderBottom ref="item1">
            <up-form-item label="联系人" required prop="contact" borderBottom ref="item1">
               <up-input v-model="enterpriseInfo.contact" border="none" placeholder="请输入联系人"></up-input>
            </up-form-item>
            <up-form-item label="联系电话" required prop="enterpriseInfo.phone" borderBottom ref="item1">
            <up-form-item label="联系电话" required prop="phone" borderBottom ref="item1">
               <up-input v-model="enterpriseInfo.phone" border="none" placeholder="请输入联系电话"></up-input>
            </up-form-item>

            <up-form-item label="公司简介" required prop="enterpriseInfo.resume" borderBottom ref="item1">
            <up-form-item label="公司简介" required prop="resume" borderBottom ref="item1">
               <up-textarea v-model="enterpriseInfo.resume" count placeholder="请输入公司简介"
                  maxlength='800'></up-textarea>
            </up-form-item>
@@ -55,13 +55,56 @@
   } from '@/common/setting/constVarsHelper.js';
   import {
      onLoad,
      onShow
      onShow,
      onReady
   } from "@dcloudio/uni-app";

   let rules = {
      businessLicense: {
         required: true,
         message: '营业执照不能为空',
         trigger: ['blur', 'change']
      }, //营业执照路径
      suppliername: {
         required: true,
         message: '企业名称不能为空',
         trigger: ['blur', 'change']
      }, //企业名称
      regtime: {
         required: true,
         message: '注册时间不能为空',
         trigger: ['blur', 'change']
      }, //注册时间
      address: {
         required: true,
         message: '企业注册地址不能为空',
         trigger: ['blur', 'change']
      }, //联系地址
      suppliercode: {
         required: true,
         message: '企业注册号不能为空',
         trigger: ['blur', 'change']
      }, //企业注册号
      contact: {
         required: true,
         message: '联系人不能为空',
         trigger: ['blur', 'change']
      }, //联系人
      resume: {
         required: true,
         message: '公司简介不能为空',
         trigger: ['blur', 'change']
      }, //公司简介
      phone: {
         required: true,
         message: '电话号码不能为空',
         trigger: ['blur', 'change']
      }
   }
   import {
      ref,
      reactive,
      getCurrentInstance
      getCurrentInstance,
      onMounted
   } from 'vue';
   const {
      $upload,
@@ -83,8 +126,16 @@
         enterpriseInfo.resume = data.resume
      }
   })

   // 使用 ref 创建响应式引用  
   const formRef = ref(null);
   onReady(() => {
      formRef.value.setRules(rules);
   })
   onMounted(() => {
      formRef.value.setRules(rules);
      console.log(formRef.value, 'formRef'); // 访问子组件Demo中的属性
   });
   const enterpriseInfo = reactive({
      id: 0, //用户公司Id
      businessLicense: '', //营业执照路径
@@ -123,17 +174,23 @@

   }
   const saveUserCompany = () => {
      $api.saveUserCompany(enterpriseInfo).then(res => {
         if (res.code == 1) {
            $api.getUser().then(res => {
               $db.set('userInfo', JSON.stringify(res.data))
            })
            $util.showToast({
               title: "保存成功！",
               icon: "success"
            })
         }
      formRef.value.validate().then(res => {
         $api.saveUserCompany(enterpriseInfo).then(res => {
            if (res.code == 1) {
               $api.getUser().then(res => {
                  $db.set('userInfo', JSON.stringify(res.data))
               })
               $util.showToast({
                  title: "保存成功！",
                  icon: "success"
               })
            }
         })
      }).catch(errors => {
         console.log(errors)
         uni.$u.toast(errors[0].message)
      })

   }
</script>