|
|
@@ -3,94 +3,94 @@
|
|
|
<view class="common_page adffc" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
|
|
|
<cus-header title="申领社会实践记录" bgColor="#FFFFFF"></cus-header>
|
|
|
<!-- 证书部分 -->
|
|
|
- <div class="prove adffcac">
|
|
|
+ <view class="prove adffcac">
|
|
|
<image class="prove-logo" mode="widthFix" :src="certificateData.logoUrl"></image>
|
|
|
<image class="prove-title" mode="widthFix" :src="certificateData.titleUrl"></image>
|
|
|
<image class="prove-line" mode="widthFix" :src="certificateData.lineUrl"></image>
|
|
|
- <div class="prove-no">证书编号:{{ certificateData.certificateNumber }}</div>
|
|
|
- <div class="prove-info">
|
|
|
- <div class="prove-info-pre adf">
|
|
|
- <div class="prove-info-pre-left">
|
|
|
- <div class="prove-info-pre-left-text">义工服务姓名:</div>
|
|
|
- <div class="prove-info-pre-left-tip">Volunteer service Name</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre-right">{{ certificateData.memberName }}</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre adf">
|
|
|
- <div class="prove-info-pre-left">
|
|
|
- <div class="prove-info-pre-left-text space">所属学校:</div>
|
|
|
- <div class="prove-info-pre-left-tip">Affiliated school</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre-right">{{ certificateData.currentSchool }}</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre adf">
|
|
|
- <div class="prove-info-pre-left">
|
|
|
- <div class="prove-info-pre-left-text space">证件类型:</div>
|
|
|
- <div class="prove-info-pre-left-tip">Type of ID</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre-right">{{ certificateData.idType }}</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre adf">
|
|
|
- <div class="prove-info-pre-left">
|
|
|
- <div class="prove-info-pre-left-text space">证件号码:</div>
|
|
|
- <div class="prove-info-pre-left-tip">IdCard No</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre-right">{{ certificateData.idCard }}</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre adf">
|
|
|
- <div class="prove-info-pre-left">
|
|
|
- <div class="prove-info-pre-left-text">义工服务时长:</div>
|
|
|
- <div class="prove-info-pre-left-tip">Volunteer service Time</div>
|
|
|
- </div>
|
|
|
- <div class="prove-info-pre-right">{{ certificateData.volunteerHours }}小时</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="prove-memo">
|
|
|
+ <view class="prove-no">证书编号:{{ certificateData.certificateNumber }}</view>
|
|
|
+ <view class="prove-info">
|
|
|
+ <view class="prove-info-pre adf">
|
|
|
+ <view class="prove-info-pre-left">
|
|
|
+ <view class="prove-info-pre-left-text">义工服务姓名:</view>
|
|
|
+ <view class="prove-info-pre-left-tip">Volunteer service Name</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre-right">{{ certificateData.memberName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre adf">
|
|
|
+ <view class="prove-info-pre-left">
|
|
|
+ <view class="prove-info-pre-left-text space">所属学校:</view>
|
|
|
+ <view class="prove-info-pre-left-tip">Affiliated school</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre-right">{{ certificateData.currentSchool }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre adf">
|
|
|
+ <view class="prove-info-pre-left">
|
|
|
+ <view class="prove-info-pre-left-text space">证件类型:</view>
|
|
|
+ <view class="prove-info-pre-left-tip">Type of ID</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre-right">{{ certificateData.idType }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre adf">
|
|
|
+ <view class="prove-info-pre-left">
|
|
|
+ <view class="prove-info-pre-left-text space">证件号码:</view>
|
|
|
+ <view class="prove-info-pre-left-tip">IdCard No</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre-right">{{ certificateData.idCard }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre adf">
|
|
|
+ <view class="prove-info-pre-left">
|
|
|
+ <view class="prove-info-pre-left-text">义工服务时长:</view>
|
|
|
+ <view class="prove-info-pre-left-tip">Volunteer service Time</view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-info-pre-right">{{ certificateData.volunteerHours }}小时</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="prove-memo">
|
|
|
您累计参与了 <span>{{ certificateData.welfareCount }}</span> 场活动,捐赠了 <span>{{ certificateData.loveValue }}</span> 爱心值。向您践行志愿精神,为社会进步奉献力量致以最崇高的敬意。
|
|
|
- </div>
|
|
|
- <div class="prove-memo" style="margin-top: 30rpx;">特发此证!</div>
|
|
|
- <div class="prove-bottom">
|
|
|
- <div class="prove-bottom-pre">证明单位:{{ certificateData.issuer }}</div>
|
|
|
- <div class="prove-bottom-pre">发证日期:{{ certificateData.createDate }}</div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ <view class="prove-memo" style="margin-top: 30rpx;">特发此证!</view>
|
|
|
+ <view class="prove-bottom">
|
|
|
+ <view class="prove-bottom-pre">证明单位:{{ certificateData.issuer }}</view>
|
|
|
+ <view class="prove-bottom-pre">发证日期:{{ certificateData.createDate }}</view>
|
|
|
+ </view>
|
|
|
<image class="prove-seal" mode="widthFix" :src="certificateData.sealUrl"></image>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
<!-- 列表部分 -->
|
|
|
- <div class="list">
|
|
|
- <div class="list-box" v-for="(item,index) in activityList" :key="index">
|
|
|
- <div class="title">{{ item.activityName||'' }}</div>
|
|
|
- <div class="content adf">
|
|
|
- <div class="right">
|
|
|
- <div class="right-pre adf">
|
|
|
- <div class="tip">活动时间:</div>
|
|
|
- <div class="text">{{ item.activityStartTime||'' }}</div>
|
|
|
- </div>
|
|
|
- <div class="right-pre adf">
|
|
|
+ <view class="list">
|
|
|
+ <view class="list-box" v-for="(item,index) in activityList" :key="index">
|
|
|
+ <view class="title">{{ item.activityName||'' }}</view>
|
|
|
+ <view class="content adf">
|
|
|
+ <view class="right">
|
|
|
+ <view class="right-pre adf">
|
|
|
+ <view class="tip">活动时间:</view>
|
|
|
+ <view class="text">{{ item.activityStartTime||'' }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="right-pre adf">
|
|
|
<template v-if="item.activityLimit==2">
|
|
|
- <div class="tip">专享券贡献:</div>
|
|
|
- <div class="text">{{ item.valueLimit||0 }}张</div>
|
|
|
+ <view class="tip">专享券贡献:</view>
|
|
|
+ <view class="text">{{ item.valueLimit||0 }}张</view>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <div class="tip">爱心值贡献:</div>
|
|
|
- <div class="text">{{ item.valueLimit||0 }}</div>
|
|
|
+ <view class="tip">爱心值贡献:</view>
|
|
|
+ <view class="text">{{ item.valueLimit||0 }}</view>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- <div class="right-pre adf">
|
|
|
- <div class="tip">义工时长:</div>
|
|
|
- <div class="text">{{ item.serviceHours||0 }}小时</div>
|
|
|
- </div>
|
|
|
- <div class="right-pre adf">
|
|
|
- <div class="tip">公益合作:</div>
|
|
|
- <div class="text">{{ item.channelName||'' }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ <view class="right-pre adf">
|
|
|
+ <view class="tip">义工时长:</view>
|
|
|
+ <view class="text">{{ item.serviceHours||0 }}小时</view>
|
|
|
+ </view>
|
|
|
+ <view class="right-pre adf">
|
|
|
+ <view class="tip">公益合作:</view>
|
|
|
+ <view class="text">{{ item.channelName||'' }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<!-- 下载按钮 -->
|
|
|
- <div class="btn" @click="handleDownload">
|
|
|
+ <view class="btn" @click="handleDownload">
|
|
|
{{ isLoading ? '生成中...' : '下载' }}
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<canvas canvas-id="pdf-canvas" :style="'width:' + canvasWidth + 'px; height:' + canvasHeight + 'px; position: fixed; left: -9999px; top: -9999px;'"></canvas>
|
|
|
</template>
|