bianyaqi
2 years ago
18 changed files with 426 additions and 404 deletions
@ -0,0 +1,121 @@ |
|||
import { Notification } from 'element-ui' |
|||
import emptySign from '@static/js/emptySign' |
|||
export default { |
|||
data() { |
|||
return { |
|||
plugin: null, |
|||
optomFlag: true, |
|||
wearerFlag: true, |
|||
guardianFlag: true, |
|||
readFlag: true, |
|||
currentSignText: '' |
|||
} |
|||
}, |
|||
methods: { |
|||
// 销毁签字笔
|
|||
destroyPlugin(state) { |
|||
console.log(this.plugin) |
|||
if (this.plugin) { |
|||
console.log('--------3333-------') |
|||
this.plugin.DestroyPlugin() |
|||
} |
|||
}, |
|||
initPlugin(text) { |
|||
// console.log(JSON.parse(window.sessionStorage.getItem('signPlugin')))
|
|||
// if (this.plugin) {
|
|||
// this.plugin.DestroyPlugin()
|
|||
// }
|
|||
this.plugin = new PluginNSV() |
|||
// window.sessionStorage.setItem('signPlugin', JSON.stringify(this.plugin))
|
|||
const that = this |
|||
console.log('plugin', this.plugin) |
|||
this.plugin.InitPlugin(function(state) { |
|||
if (state === 1) { |
|||
// set pen size
|
|||
that.plugin.setPenSizeRange(1, 5, null) |
|||
// set pen color
|
|||
that.plugin.setPenColor(0, 0, 0, null) |
|||
that.plugin.setDisplayMapMode(1, 0, 0, null) |
|||
console.log('succeeded') |
|||
that.beginSign(text) |
|||
} else { |
|||
console.log('fails') |
|||
} |
|||
}) |
|||
|
|||
/* confirm event*/ |
|||
this.plugin.onConfirm = function() { |
|||
that.saveSignToBase64() |
|||
that.endSign() |
|||
} |
|||
// /*clear event*/
|
|||
this.plugin.onClear = function() { |
|||
this.clearSign() |
|||
} |
|||
/* cancel event*/ |
|||
this.plugin.onCancel = function() { |
|||
this.endSign() |
|||
} |
|||
this.plugin.onStateChange = function(state) {} |
|||
|
|||
this.plugin.onDevNotifyEvent = function(state) { |
|||
if (state === 1) { |
|||
Notification.success({ |
|||
title: '成功', |
|||
message: '签字笔已插入', |
|||
showClose: false, |
|||
duration: 800 |
|||
}) |
|||
} else { |
|||
Notification.error({ |
|||
title: '提示', |
|||
message: '签字笔已拔出', |
|||
showClose: false, |
|||
duration: 800 |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
beginSign(text) { |
|||
const that = this |
|||
that.currentSignText = text |
|||
console.log(that.plugin) |
|||
if (this.plugin) { |
|||
console.log(123) |
|||
this.plugin.beginSign(function(state, args) { |
|||
}) |
|||
} |
|||
// document.getElementById('img_sign_result').src = '';
|
|||
}, |
|||
clearSign() { |
|||
if (this.plugin) { |
|||
this.plugin.clearSign(function(state, args) {}) |
|||
} |
|||
}, |
|||
endSign() { |
|||
if (this.plugin) { |
|||
/* plugin.endSign(null);*/ |
|||
this.plugin.endSign(function(state, args) {}) |
|||
} |
|||
}, |
|||
saveSignToBase64() { |
|||
if (this.plugin) { |
|||
// Get the plugin's signature image data.
|
|||
this.plugin.saveSignToBase64(/* 615, 272*/0, 0, (state, args) => { |
|||
if (state) { |
|||
const img_base64_data = args[0] |
|||
const img_base64 = 'data:image/png;base64,' + img_base64_data |
|||
this.formListValue[this.currentSignText] = img_base64 |
|||
if (this.formListValue[this.currentSignText] === emptySign) { |
|||
this.$message.error('签字未成功请重新签字') |
|||
} |
|||
this.destroyPlugin() |
|||
} else { |
|||
// debugPrint("saveSignToBase64 error,description:" + args[0]);
|
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
Loading…
Reference in new issue