Commit 95588505 authored by 786817560's avatar 786817560

'识别'

parent bde620c3
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-22 13:33:30 * @LastEditTime: 2019-10-22 17:22:03
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
</item> </item>
</list-item> </list-item>
</h-content> </h-content>
<bottom-tab v-show="num === 1"> <bottom-tab v-show="num === 1 && confirm_status === 'SUBMIT'">
<tab-button class="footer" @click.native="inSure"> <tab-button class="footer" @click.native="inSure">
确认签约 确认签约
</tab-button> </tab-button>
...@@ -177,6 +177,7 @@ export default { ...@@ -177,6 +177,7 @@ export default {
check2: Check2, check2: Check2,
uncheck1: unCheck1, uncheck1: unCheck1,
uncheck2: unCheck2, uncheck2: unCheck2,
confirm_status: this.$route.params.confirm_status,
} }
}, },
computed: {}, computed: {},
...@@ -389,7 +390,7 @@ export default { ...@@ -389,7 +390,7 @@ export default {
} }
.in-all{ .in-all{
width: 96px; //width: 96px;
display: flex; display: flex;
img{ img{
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-21 11:09:20 * @LastEditTime: 2019-10-22 16:43:01
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<p class="incoming-num">进件号</p> <p class="incoming-num">进件号</p>
<p class="code">{{ item.project_number }}</p> <p class="code">{{ item.project_number }}</p>
</div> </div>
<div class="details" @click="goDetails(item.project_id)"> <div class="details" @click="goDetails(item.project_id,item.confirm_status)">
<div class="option"> <div class="option">
<p class="name">承租人</p> <p class="name">承租人</p>
<p class="full-name normal">{{ item.bp_name }}</p> <p class="full-name normal">{{ item.bp_name }}</p>
...@@ -125,11 +125,13 @@ export default { ...@@ -125,11 +125,13 @@ export default {
} }
}) })
}, },
goDetails (val) { // val: project_id, status: confirm_status
goDetails (val, status) {
this.$router.push({ this.$router.push({
name: 'ContractDetail', name: 'ContractDetail',
params: { params: {
project_id: val, project_id: val,
confirm_status: status,
}, },
}) })
}, },
......
<!--
* @Author: your name
* @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-22 20:03:19
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /c:\Users\slice\Desktop\xg\new-pro\hls-xcmg-vue-app\src\pages\contractSigning\entry-info.vue
-->
<template> <template>
<h-view id="entry-info" class="public-style"> <h-view id="entry-info" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom"> <h-header :proportion="[5,1,1]" class="bar-custom">
...@@ -12,25 +20,28 @@ ...@@ -12,25 +20,28 @@
<div class="info-header"> <div class="info-header">
<p>请上传银行卡照片</p> <p>请上传银行卡照片</p>
<div class="bank-pic"> <div class="bank-pic">
<img src="@/assets/constractSigning/bank.png" alt=""> <img v-if="!bankImg" src="@/assets/constractSigning/bank.png" alt="" @click="ocrShow('bankCard', '')">
<img v-if="bankImg" :src="bankImg" alt="" @click="ocrShow('bankCard', '')">
</div> </div>
</div> </div>
<list-item :item-height="44" class="info-center"> <list-item :item-height="44" class="info-center">
<item> <item>
<div slot="name" >银行卡卡号</div> <div slot="name" >银行卡卡号</div>
<section slot="content">上传银行卡自动填充</section> <input
slot="content" v-model="bank_lists.bank_account_num" type="text" placeholder="上传银行卡自动填充"
readonly>
</item> </item>
<item> <item>
<div slot="name" >账户名称</div> <div slot="name" >账户名称</div>
<input slot="content" type="number" placeholder="请输入账户名称"> <input slot="content" type="text" placeholder="请输入账户名称">
</item> </item>
<item> <item>
<div slot="name" >银行名称</div> <div slot="name" >银行名称</div>
<input slot="content" type="number" placeholder="请输入银行名称"> <input slot="content" v-model="bank_lists.bank_full_name" type="text" placeholder="请输入银行名称">
</item> </item>
<item> <item>
<div slot="name" >支行名称</div> <div slot="name" >支行名称</div>
<input slot="content" type="number" placeholder="请输入支行名称"> <input slot="content" type="text" placeholder="请输入支行名称">
</item> </item>
</list-item> </list-item>
...@@ -58,12 +69,17 @@ export default { ...@@ -58,12 +69,17 @@ export default {
data () { data () {
return { return {
num: 1, num: 1,
bankImg: '', // 银行卡图片
check1: Check1, check1: Check1,
check2: Check2, check2: Check2,
uncheck1: unCheck1, uncheck1: unCheck1,
uncheck2: unCheck2, uncheck2: unCheck2,
res: '', res: '',
name: '', name: '',
bank_lists: {
bank_full_name: '', // 银行名称
bank_account_num: '', // 卡号
},
} }
}, },
computed: {}, computed: {},
...@@ -72,7 +88,79 @@ export default { ...@@ -72,7 +88,79 @@ export default {
this.name = this.$route.params.name this.name = this.$route.params.name
}, },
methods: { methods: {
// ocr识别入口
ocrShow (ocrType, type) {
let vm = this
hlsPopup.showActionSheet({
titleText: '请选择照片',
buttonArray: ['拍照', '从相册取'],
callback: index => {
if (index === 0) {
vm.openCamera(ocrType, type)
} else {
vm.takePicture(ocrType, type)
}
},
})
},
openCamera (ocrType, type) {
let vm = this
let cameraoptions = {
quality: 60,
width: 1843,
height: 1382,
}
let success = function (imgdata) {
if (!imgdata) {
hlsPopup.showLongCenter('请拍照')
} else {
if (ocrType === 'bankCard') {
vm.bankImg = imgdata
vm.bankCardIdentify(imgdata)
}
}
}
let error = function () {
hlsPopup.showLongCenter(error)
}
hlsUtil.openCamera(cameraoptions, success, error)
},
takePicture (ocrType, type) {
let vm = this
var cameraoptions = {
quality: 70,
width: 1843,
height: 1382,
maxCount: 1,
}
let success = function (imgUrl) {
if (imgUrl.length === 0) {
hlsPopup.showLongCenter('请选择一张图片')
} else {
if (ocrType === 'bankCard') {
vm.bankImg = imgUrl[0]
vm.bankCardIdentify(imgUrl[0])
}
}
}
let error = function () {
hlsPopup.showLongCenter(error)
}
vm.hlsUtil.takePicture(cameraoptions, success, error)
},
// 银行卡识别
bankCardIdentify (fileUrl) {
let vm = this
hlsPopup.showLoading('正在识别')
let url = process.env.ocrPath + '/baidu/ocr/bankCard'
hlsUtil.baiduOcr(fileUrl, url, function (res) {
hlsPopup.hideLoading()
let result = res.result.result
vm.bank_lists.bank_account_num = result.bank_card_number.replace(/\s*/g, '') // 卡号
vm.bank_lists.bank_full_name = result.bank_name // 银行名称
// vm.bank_lists.bank_card_type = result.bank_card_type
})
},
}, },
} }
</script> </script>
......
...@@ -135,7 +135,7 @@ export default { ...@@ -135,7 +135,7 @@ export default {
params: { params: {
isConfirm: true, isConfirm: true,
hasButtom: confirmStatus, hasButtom: confirmStatus,
confirm_status: this.confirm_status confirm_status: this.confirm_status,
}, },
}) })
this.$router.go(-1) this.$router.go(-1)
......
...@@ -55,16 +55,15 @@ export default { ...@@ -55,16 +55,15 @@ export default {
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) { // beforeRouteEnter (to, from, next) {
if (from.name === 'QueryHome') { // if (from.name === 'QueryHome') {
next(vm => { // next(vm => {
// vm.proQuery() // // vm.proQuery()
// vm.division = vm.$route.params.division // // vm.division = vm.$route.params.division
}) // })
} // }
// this.proQuery() // next()
next() // },
},
activated () { activated () {
this.proQuery() this.proQuery()
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment