jeecgBootUniapp/src/components/Esign/SinopecEsignPage.vue

78 lines
1.7 KiB
Vue
Raw Normal View History

2025-06-12 04:34:30 +00:00
<!-- component标签可以变换组件 -->
<template>
<view>
<view v-if="ifH5">
<SinopecEsignPageH5 :valiData="props.valiData" :procInsId="props.procInsId" :path="props.path" ref="signH5" :fileName="props.fileName" @stampSuccess="getStampSuccess"></SinopecEsignPageH5>
</view>
<view v-else>
<SinopecEsignPageAPP :valiData="props.valiData" :procInsId="props.procInsId" :path="props.path" ref="signAPP" :fileName="props.fileName" @stampSuccess="getStampSuccess"></SinopecEsignPageAPP>
</view>
</view>
</template>
<script setup lang="ts">
import {
ref
} from 'vue'
import {
onLoad,
} from '@dcloudio/uni-app';
import SinopecEsignPageH5 from '@/components/Esign/SinopecEsignPageH5.vue'
import SinopecEsignPageAPP from '@/components/Esign/SinopecEsignPageAPP.vue'
const emit = defineEmits(['stampSuccess'])
const ifH5 = ref(null);
const signH5 = ref(null);
const signAPP = ref(null);
const props = defineProps({
fileName: {
type: String,
default: ""
},
valiData: {
type: Object,
default: () => ({})
},
procInsId: { //签章验证
type: String,
default: ""
},
path: {//签章验证
type: String,
default: ""
}
})
//判断是否h5 by 闵
var ifH = false;
onLoad(() => {
//#ifdef H5 || MP-WEIXIN
ifH5.value = true;
//#endif
})
//获取印章成功事件,并将信号传给确认提交按钮。
const getStampSuccess=(val)=> {
emit('stampSuccess', val)
}
const signValidator = ()=>{
//这里进行电子签章验证
if(ifH5.value){
return signH5.value.signValidator();
}else{
console.log(3435)
return signAPP.value.signValidator()
}
}
defineExpose({ //暴露方法
signValidator
})
</script>
<style scoped>
</style>