实现安装协议信息填写后去签名页面，分步提交
This commit is contained in:
WindowBird
parent
ef8c6d1705
commit
b5ef305654
|
|
@ -46,9 +46,9 @@
|
|||
</uv-button>
|
||||
<uv-button
|
||||
customStyle="margin-top: 10px"
|
||||
text="已阅读协议并去签名"
|
||||
text="确认协议并提交"
|
||||
type="primary"
|
||||
@click="goToSignature"
|
||||
@click="submit"
|
||||
>
|
||||
</uv-button>
|
||||
<!-- <uv-button-->
|
||||
|
|
@ -148,9 +148,7 @@ export default {
|
|||
},
|
||||
})
|
||||
},
|
||||
goToSignature() {
|
||||
uni.navigateTo(/pages/)
|
||||
},
|
||||
|
||||
handleUploadSuccess(result) {
|
||||
console.log('图片上传成功:', result.url)
|
||||
this.userInfo.businessLicenseUrl = result.url
|
||||
|
|
@ -170,13 +168,13 @@ export default {
|
|||
})
|
||||
return
|
||||
}
|
||||
if (this.userInfo.signatureUrl === '') {
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
title: '请确认签名',
|
||||
})
|
||||
return
|
||||
}
|
||||
// if (this.userInfo.signatureUrl === '') {
|
||||
// uni.showToast({
|
||||
// icon: 'error',
|
||||
// title: '请确认签名',
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
|
||||
// 如果有错误，会在catch中返回报错信息数组，校验通过则在then中返回true
|
||||
this.$refs.form
|
||||
|
|
@ -188,6 +186,9 @@ export default {
|
|||
})
|
||||
// 这里可以添加实际的提交逻辑
|
||||
console.log('表单数据:', this.userInfo)
|
||||
uni.navigateTo({
|
||||
url: '/pages/signature/signature',
|
||||
})
|
||||
})
|
||||
.catch(errors => {
|
||||
uni.showToast({
|
||||
|
|
@ -207,39 +208,39 @@ export default {
|
|||
hideKeyboard() {
|
||||
uni.hideKeyboard()
|
||||
},
|
||||
async onClick(type) {
|
||||
if (type === 'openSmooth') {
|
||||
this.openSmooth = !this.openSmooth
|
||||
return
|
||||
}
|
||||
if (type === 'save') {
|
||||
await this.$refs.signatureRef.canvasToTempFilePath({
|
||||
success: async res => {
|
||||
// 是否为空画板 无签名
|
||||
console.log('签名返回是否为空', res.isEmpty)
|
||||
if (res.isEmpty) {
|
||||
this.userInfo.signatureUrl = ''
|
||||
return
|
||||
}
|
||||
|
||||
// 生成图片的临时路径
|
||||
// H5 生成的是base64
|
||||
this.tempUrl = res.tempFilePath
|
||||
console.log('临时路径', res.tempFilePath)
|
||||
|
||||
this.userInfo.signatureUrl = await tempUrlToRealUrl(res.tempFilePath)
|
||||
console.log('签名路径', this.userInfo.signatureUrl)
|
||||
console.log('签名上传成功')
|
||||
uni.showToast({ title: '签名上传成功', icon: 'success' })
|
||||
},
|
||||
})
|
||||
return
|
||||
}
|
||||
if (type === 'clear') {
|
||||
this.userInfo.signatureUrl = ''
|
||||
}
|
||||
if (this.$refs.signatureRef) this.$refs.signatureRef[type]()
|
||||
},
|
||||
// async onClick(type) {
|
||||
// if (type === 'openSmooth') {
|
||||
// this.openSmooth = !this.openSmooth
|
||||
// return
|
||||
// }
|
||||
// if (type === 'save') {
|
||||
// await this.$refs.signatureRef.canvasToTempFilePath({
|
||||
// success: async res => {
|
||||
// // 是否为空画板 无签名
|
||||
// console.log('签名返回是否为空', res.isEmpty)
|
||||
// if (res.isEmpty) {
|
||||
// this.userInfo.signatureUrl = ''
|
||||
// return
|
||||
// }
|
||||
//
|
||||
// // 生成图片的临时路径
|
||||
// // H5 生成的是base64
|
||||
// this.tempUrl = res.tempFilePath
|
||||
// console.log('临时路径', res.tempFilePath)
|
||||
//
|
||||
// this.userInfo.signatureUrl = await tempUrlToRealUrl(res.tempFilePath)
|
||||
// console.log('签名路径', this.userInfo.signatureUrl)
|
||||
// console.log('签名上传成功')
|
||||
// uni.showToast({ title: '签名上传成功', icon: 'success' })
|
||||
// },
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
// if (type === 'clear') {
|
||||
// this.userInfo.signatureUrl = ''
|
||||
// }
|
||||
// if (this.$refs.signatureRef) this.$refs.signatureRef[type]()
|
||||
// },
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,39 +1,59 @@
|
|||
<template>
|
||||
<view style="width: 100vw; height: 100vh">
|
||||
<l-signature landscape></l-signature>
|
||||
<view style="width: 100vw; height: 80vh; background-color: #8f939c">
|
||||
<l-signature
|
||||
ref="signatureRef"
|
||||
:openSmooth="openSmooth"
|
||||
:penColor="penColor"
|
||||
:penSize="penSize"
|
||||
disableScroll
|
||||
></l-signature>
|
||||
</view>
|
||||
<view style="transform: rotate(90deg)">
|
||||
<view style="width: 100vw; height: 20vh; background-color: #ffffff">
|
||||
<button @click="onClick('clear')">清空</button>
|
||||
<button @click="onClick('undo')">撤消</button>
|
||||
<button @click="onClick('save')">保存</button>
|
||||
<button @click="onClick('openSmooth')">压感{{ openSmooth ? '开' : '关' }}</button>
|
||||
<button @click="onClick('save')">提交</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { tempUrlToRealUrl } from '../../utils/tempUrl-to-realUrl'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: 'Hello',
|
||||
penColor: 'red',
|
||||
penColor: 'white',
|
||||
penSize: 5,
|
||||
url: '',
|
||||
openSmooth: true,
|
||||
signatureUrl: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onClick(type) {
|
||||
async onClick(type) {
|
||||
if (type === 'openSmooth') {
|
||||
this.openSmooth = !this.openSmooth
|
||||
return
|
||||
}
|
||||
if (type === 'save') {
|
||||
this.$refs.signatureRef.canvasToTempFilePath({
|
||||
success: res => {
|
||||
await this.$refs.signatureRef.canvasToTempFilePath({
|
||||
success: async res => {
|
||||
// 是否为空画板 无签名
|
||||
console.log(res.isEmpty)
|
||||
console.log('签名返回是否为空', res.isEmpty)
|
||||
if (res.isEmpty) {
|
||||
this.signatureUrl = ''
|
||||
return
|
||||
}
|
||||
|
||||
// 生成图片的临时路径
|
||||
// H5 生成的是base64
|
||||
this.url = res.tempFilePath
|
||||
this.tempUrl = res.tempFilePath
|
||||
console.log('临时路径', res.tempFilePath)
|
||||
|
||||
this.signatureUrl = await tempUrlToRealUrl(res.tempFilePath)
|
||||
console.log('签名路径', this.signatureUrl)
|
||||
console.log('签名上传成功')
|
||||
uni.showToast({ title: '签名上传成功', icon: 'success' })
|
||||
},
|
||||
})
|
||||
return
|
||||
|
|
@ -43,3 +63,4 @@ export default {
|
|||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user