[FIX]【自助入司流程优化】签名页将担保人和申请人分成两栏

This commit is contained in:
yuweiqi
2020-05-13 09:41:23 +08:00
parent 5db5b24c0c
commit 42b38c98ad
2 changed files with 38 additions and 3 deletions

View File

@@ -19,9 +19,32 @@
</ul>
点击开始按钮进行相关操作
</div>
<div class="text-center mt20 mb60">
<div class="text-center mt20">
<van-button @click="faceAuth" v-no-more-click="1000" :disabled="isSubmit" type="danger" size="normal" style="width:30%">开始</van-button>
</div>
<div class="ebizGuarantor">
<van-field readonly label-width="120px" label="担保人" v-model="ebizGuarantor.name"></van-field>
<p class="p15 line-height">
以下内容需要您按照顺序阅读并签字确认
</p>
<div class="p15 line-height">
需签署
<ul>
<li class="flex" v-for="(sign, index) in signList" :key="index">
<div class="w260 blue">{{ sign.name }}</div>
<van-icon v-if="sign.signState === '1'" color="green" name="checked" />
</li>
</ul>
点击开始分享进行相关操作
</div>
<div class="flex justify-content-a mb60 mt20">
<van-button v-if="!isWeixin" @click="faceAuth" v-no-more-click="1000" :disabled="isSubmit" type="danger" size="normal" style="width:30%"
>分享</van-button
>
<van-button @click="faceAuth" v-no-more-click="1000" :disabled="isSubmit" type="danger" size="normal" style="width:30%">开始</van-button>
</div>
</div>
<van-button v-if="isSubmit" class="fixed bottom0" type="danger" v-no-more-click="1000" @click="clickSubmit" size="large">提交</van-button>
</div>
</template>
@@ -29,9 +52,14 @@
<script>
import { Field, Icon, Button } from 'vant'
import { agreementQuery, signAgreement } from '@/api/ebiz/agentEenter/agentEenter.js'
import { weixinShare } from '@/assets/js/utils/wxShare.js'
export default {
data() {
let isWeixin = this.$utils.device().isWeixin //判断环境
return {
// 是否在微信
isWeixin,
agentInfo: {
name: '皮伟',
idNo: '422801199210070412',
@@ -46,7 +74,7 @@ export default {
// { name: '《个险销售人员代理合同》', signState: '1' }
],
isSubmit: false,
ebizGuarantor: {}
ebizGuarantor: {} //担保人信息
}
},
created() {
@@ -223,4 +251,11 @@ export default {
.signContract-container {
height: 100%;
}
.ebizGuarantor {
/deep/ .van-field__body {
.van-field__control {
color: #e9332e;
}
}
}
</style>