签订协议页面修改,确认后跳转签名页面

This commit is contained in:
WindowBird 2025-09-11 15:52:45 +08:00
parent ff4aa4d667
commit a4c2efa42a

View File

@ -1,6 +1,5 @@
<template> <template>
<view class="page"> <view class="page">
<uv-button throttleTime="1000" type="primary " @click="openProtocol">点击查看协议</uv-button>
<uv-form ref="form" :model="userInfo" :rules="rules" labelPosition="left" labelWidth="auto"> <uv-form ref="form" :model="userInfo" :rules="rules" labelPosition="left" labelWidth="auto">
<uv-form-item borderBottom label="电话:" prop="phone"> <uv-form-item borderBottom label="电话:" prop="phone">
<uv-input v-model="userInfo.phone" border="none"></uv-input> <uv-input v-model="userInfo.phone" border="none"></uv-input>
@ -14,45 +13,62 @@
<uv-form-item borderBottom label="统一社会信用代码:" prop="code"> <uv-form-item borderBottom label="统一社会信用代码:" prop="code">
<uv-input v-model="userInfo.code" border="none"></uv-input> <uv-input v-model="userInfo.code" border="none"></uv-input>
</uv-form-item> </uv-form-item>
<uv-form-item label="营业执照"> <view class="license">
<text>营业执照</text>
</view>
<uv-form-item>
<image-uploader <image-uploader
ref="uploader" ref="uploader"
:height="'150rpx'" :height="'400rpx'"
:width="'150rpx'" :width="'auto'"
@success="handleUploadSuccess" @success="handleUploadSuccess"
/> />
</uv-form-item> </uv-form-item>
<text>签名区域</text> <!-- <text>签名区域</text>-->
<uv-form-item> <!-- <uv-form-item>-->
<view style="width: auto; height: 500rpx; background-color: #8f939c"> <!-- <view style="width: auto; height: 500rpx; background-color: #8f939c">-->
<l-signature <!-- <l-signature-->
ref="signatureRef" <!-- ref="signatureRef"-->
:openSmooth="openSmooth" <!-- :openSmooth="openSmooth"-->
:penColor="penColor" <!-- :penColor="penColor"-->
:penSize="penSize" <!-- :penSize="penSize"-->
disableScroll <!-- disableScroll-->
></l-signature> <!-- ></l-signature>-->
</view> <!-- </view>-->
</uv-form-item> <!-- </uv-form-item>-->
<view class="btn-signature"> <view class="btn-signature">
<uv-button <uv-button
customStyle="margin-top: 10px" customStyle="margin-top: 10px"
text="清空签名" throttleTime="1000"
type="error" type="primary "
@click="onClick('clear')" @click="openProtocol"
></uv-button> >点击查看协议
</uv-button>
<uv-button <uv-button
customStyle="margin-top: 10px" customStyle="margin-top: 10px"
text="确认签名" text="已阅读协议并去签名"
type="primary" type="primary"
@click="onClick('save')" @click="goToSignature"
></uv-button> >
<uv-button </uv-button>
customStyle="margin-top: 10px" <!-- <uv-button-->
text="提交协议" <!-- customStyle="margin-top: 10px"-->
type="primary" <!-- text="清空签名"-->
@click="submit" <!-- type="error"-->
></uv-button> <!-- @click="onClick('clear')"-->
<!-- ></uv-button>-->
<!-- <uv-button-->
<!-- customStyle="margin-top: 10px"-->
<!-- text="确认签名"-->
<!-- type="primary"-->
<!-- @click="onClick('save')"-->
<!-- ></uv-button>-->
<!-- <uv-button-->
<!-- customStyle="margin-top: 10px"-->
<!-- text="提交协议"-->
<!-- type="primary"-->
<!-- @click="submit"-->
<!-- ></uv-button>-->
</view> </view>
</uv-form> </uv-form>
</view> </view>
@ -132,6 +148,9 @@ export default {
}, },
}) })
}, },
goToSignature() {
uni.navigateTo(/pages/)
},
handleUploadSuccess(result) { handleUploadSuccess(result) {
console.log('图片上传成功:', result.url) console.log('图片上传成功:', result.url)
this.userInfo.businessLicenseUrl = result.url this.userInfo.businessLicenseUrl = result.url
@ -235,4 +254,12 @@ export default {
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.license {
margin-top: 50rpx;
display: flex;
align-items: center;
justify-content: center;
width: 690rpx;
}
</style> </style>