zhengyiming
2025-02-14 ddfa27c45cc80f575f414bac49201ac60f20888a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<template>
  <ContentScrollView class="authenticationHome-page-view">
    <div class="authenticationHome-page-title">实名认证</div>
    <authenticationHomeItem
      title="企业法人认证"
      :icon="IconFaren"
      :info="[['企业营业执照照片', '法人身份证照片'], ['法人手机号码(接收短信验证码进行短信核验)']]"
      @click="goFaRen"
    ></authenticationHomeItem>
    <authenticationHomeItem
      title="企业经办人认证"
      isJBR
      :icon="IconJBR"
      :info="[
        ['企业授权书', '企业营业执照照片', '经办人身份证照片'],
        ['经办人手机号码(接收短信验证码进行短信核验)'],
      ]"
      @click="goJBR"
    >
      <template #title-extra>
        <div class="authenticationHome-page-title-btn" @click.stop="downloadPowerAttorneyTemplate">
          下载授权书模版
        </div>
      </template>
    </authenticationHomeItem>
  </ContentScrollView>
</template>
 
<script setup lang="ts">
import authenticationHomeItem from './authenticationHomeItem.vue';
import IconFaren from '@/assets/authentication/icon-faren.png';
import IconJBR from '@/assets/authentication/icon-jbr.png';
import Taro from '@tarojs/taro';
import { useDownloadPowerAttorneyTemplate } from '../hooks';
 
defineOptions({
  name: 'InnerPage',
});
 
function goFaRen() {
  Taro.navigateTo({ url: RouterPath.authenticationFaRen });
}
 
function goJBR() {
  Taro.navigateTo({ url: RouterPath.authenticationJBR });
}
 
const { downloadPowerAttorneyTemplate } = useDownloadPowerAttorneyTemplate();
</script>
 
<style lang="scss">
@import '@/styles/common.scss';
 
.authenticationHome-page-wrapper {
  .authenticationHome-page-view {
    padding-top: 48px;
    background-color: transparent;
  }
 
  .authenticationHome-page-title {
    font-weight: 600;
    font-size: 44px;
    color: #2f4879;
    line-height: 60px;
    margin-bottom: 44px;
  }
 
  .authenticationHome-page-title-btn {
    font-weight: bold;
    font-size: 24px;
    color: boleGetCssVar('color', 'primary');
    line-height: 34px;
    margin-left: 24px;
  }
}
</style>