申请状态

components.d.ts

@@ -20,7 +20,7 @@ declare module 'vue' {
     CtPagination: typeof import('./src/components/CtPagination/index.vue')['default']
     CtSearch: typeof import('./src/components/CtSearch/index.vue')['default']
     CtTextField: typeof import('./src/components/CtVuetify/CtTextField/index.vue')['default']
-    DatePicker: typeof import('./src/components/FormUI/datePicker/index.vue')['default']
+    DatePicker: typeof import('./src/components/DatePicker/index.vue')['default']
     Details: typeof import('./src/components/Enterprise/details.vue')['default']
     Empty: typeof import('./src/components/Empty/index.vue')['default']
     HeadSearch: typeof import('./src/components/headSearch/index.vue')['default']

src/router/modules/personal.js

@@ -92,6 +92,13 @@ const personal = [
         meta: {
           title: '加入企业'
         }
+      },
+      {
+        path: '/enterprise/inReview',
+        component: () => import('@/views/enterprise/components/inReview.vue'),
+        meta: {
+          title: '申请信息'
+        }
       }
     ]
   }

src/views/enterprise/components/inReview.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="pt-5">
+    <v-card class="default-width pa-5">
+      <div style="width: 600px;margin: 80px auto;">
+        <div>您的申请正在审核中，审核时间在1~3个工作日内，申请结果会以短信方式通知到您的手机上，请注意查收</div>
+        <div class="mt-5">
+          <span>提交时间：</span>
+          <span>{{ commitTime }}</span>
+        </div>
+        <div class="text-center">
+          <!-- <v-btn class="mt-10" color="warning" @click="router.push({ path: '/' })">{{ $t('common.toHome') }}</v-btn> -->
+          <v-btn class="mt-10" color="warning" to="/">{{ $t('common.toHome') }}</v-btn>
+        </div>
+      </div>
+    </v-card>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+defineOptions({name: 'enterprise-enterpriseRegister-inReview'})
+
+const commitTime = ref(new Date())
+</script>
+<style lang="scss" scoped>
+</style>

src/views/enterprise/components/register.vue

@@ -5,71 +5,59 @@
       <div class="resume-header">
         <div class="resume-title">{{ $t('enterprise.registeringNewEnterprise') }}</div>
       </div>
-      <div v-if="submittedSuccess" class="" style="width: 600px;margin: 80px auto;">
-        <div>您的加入企业申请正在审核中，审核时间在1~3个工作日内，申请结果会以短信方式通知到您的手机上，请注意查收</div>
-        <div class="mt-5">
-          <span>提交时间：</span>
-          <span>{{ commitTime }}</span>
+      <!-- 表单 -->
+      <div class="CtFormClass" style="width: 600px;">
+        <CtForm ref="CtFormRef" :items="formItems" style="width: 100%;"></CtForm>
+        <!-- 上传照片 -->
+        <div style="color: #999;">
+          <span class="mr-1" style="color: #fe574a;">*</span>
+          <span>上传营业执照</span>
+          <!-- <span class="mx-3 defaultLink">查看示例</span> -->
+          <span>支持jpg、jpeg、png格式，照片大小不得超过10M</span>
         </div>
-        <div class="text-center">
-          <v-btn class="mt-10" color="warning" @click="router.push({ path: '/' })">{{ $t('common.toHome') }}</v-btn>
-        </div>
-      </div>
-      <template v-else>
-        <!-- 表单 -->
-        <div class="CtFormClass" style="width: 600px;">
-          <CtForm ref="CtFormRef" :items="formItems" style="width: 100%;"></CtForm>
-          <!-- 上传照片 -->
-          <div style="color: #999;">
-            <span class="mr-1" style="color: #fe574a;">*</span>
-            <span>上传营业执照</span>
-            <!-- <span class="mx-3 defaultLink">查看示例</span> -->
-            <span>支持jpg、jpeg、png格式，照片大小不得超过10M</span>
+        <div class="file-box">
+          <div class="file-item" v-if="licenseUrl">
+            <v-img width="100%" height="100%" :src="licenseUrl"></v-img>
+            <!-- <v-img width="100%" height="100%" src="http://menduner.citupro.com:6868/admin-api/infra/file/24/get/cd7f5e26a239fb0ab335585e04c709b065f52832fc31539b3a5423224fc6d16c.png"></v-img> -->
           </div>
-          <div class="file-box">
-            <div class="file-item" v-if="licenseUrl">
-              <v-img width="100%" height="100%" :src="licenseUrl"></v-img>
-              <!-- <v-img width="100%" height="100%" src="http://menduner.citupro.com:6868/admin-api/infra/file/24/get/cd7f5e26a239fb0ab335585e04c709b065f52832fc31539b3a5423224fc6d16c.png"></v-img> -->
-            </div>
-            <div class="file-item file-input-box" :class="{'verifyAct': fileVerify}" @click="openFileInput">
-              <div class="icon text-center">
-                <span class="mdi mdi-plus" style="font-size: 20px;"></span>
-                <div style="font-size: 12px; ">上传照片</div>
-              </div>
-              <input
-                type="file"
-                ref="fileInput"
-                accept="image/png, image/jpg, image/jpeg"
-                style="display: none;"
-                @change="handleUploadFile"
-              />
+          <div class="file-item file-input-box" :class="{'verifyAct': fileVerify}" @click="openFileInput">
+            <div class="icon text-center">
+              <span class="mdi mdi-plus" style="font-size: 20px;"></span>
+              <div style="font-size: 12px; ">上传照片</div>
             </div>
-          </div>
-          <!-- 注意事项 -->
-          <div class="note mt-5">
-            <h4>注意事项:</h4>
-            <span>企业名称为对外展示的企业名称，建议填写公司营业执照上的名称，请区分总公司和分公司</span>
-            <!-- <div>
-              <span>2.若公司已注册，请上传公司委托证明下载模版</span>
-              <span class="mx-3 defaultLink">下载模版</span>
-            </div> -->
+            <input
+              type="file"
+              ref="fileInput"
+              accept="image/png, image/jpg, image/jpeg"
+              style="display: none;"
+              @change="handleUploadFile"
+            />
           </div>
         </div>
-        <div class="text-center">
-          <!-- 提交 -->
-          <v-btn
-            :loading="loginLoading"
-            color="primary" class="white--text my-8" min-width="350"
-            @click="handleCommit"
-          >
-          {{ $t('common.complete') }}
-          </v-btn>
+        <!-- 注意事项 -->
+        <div class="note mt-5">
+          <h4>注意事项:</h4>
+          <span>企业名称为对外展示的企业名称，建议填写公司营业执照上的名称，请区分总公司和分公司</span>
+          <!-- <div>
+            <span>2.若公司已注册，请上传公司委托证明下载模版</span>
+            <span class="mx-3 defaultLink">下载模版</span>
+          </div> -->
         </div>
-        <!-- 底部 个人不能绑定企业 要去后端管理员加 -->
-        <!-- <div class="text-center">
-          <v-btn color="primary" variant="text" @click="router.push({ path: '/enterprise/joiningEnterprise' })">{{ $t('enterprise.joiningEnterprise') }}</v-btn>
-        </div> -->
-      </template>
+      </div>
+      <div class="text-center">
+        <!-- 提交 -->
+        <v-btn
+          :loading="loginLoading"
+          color="primary" class="white--text my-8" min-width="350"
+          @click="handleCommit"
+        >
+        {{ $t('common.complete') }}
+        </v-btn>
+      </div>
+      <!-- 底部 个人不能绑定企业 要去后端管理员加 -->
+      <!-- <div class="text-center">
+        <v-btn color="primary" variant="text" @click="router.push({ path: '/enterprise/joiningEnterprise' })">{{ $t('enterprise.joiningEnterprise') }}</v-btn>
+      </div> -->
     </v-card>
   </div>
 </template>
@@ -86,8 +74,6 @@ defineOptions({name: 'enterprise-enterpriseRegister-register'})
 const { t } = useI18n()
 const CtFormRef = ref()
 const router = useRouter()
-const commitTime = ref(null)
-const submittedSuccess = ref(false)
 const fileVerify = ref(false)
 const loginLoading = ref(false)
 
@@ -144,7 +130,7 @@ const handleUploadFile = async (e) => {
   if (!data) return
   licenseUrl.value = data
   fileVerify.value = false
-  console.log('uploadFile->data', data)
+  // console.log('uploadFile->data', data)
   Snackbar.success(t('common.uploadSucMsg'))
 }
 // 提交 企业注册
@@ -159,14 +145,13 @@ const handleCommit = async () => {
   }
   const baseInfo = {}
   formItems.value.options.forEach(e => { baseInfo[e.key] = e.value })
-  commitTime.value = new Date()
   await enterpriseRegisterApply({ ...baseInfo, businessLicenseUrl })
   Snackbar.success(t('common.submittedSuccessfully'))
-  submittedSuccess.value = true
-  // 测试跳转
+  router.push({ path: '/enterprise/inReview' })
+  // 暂时自动跳转
   setTimeout(() => {
     router.push({ path: '/enterprise' })
-  }, 5000);
+  }, 8000);
 }
 
 </script>