20240205
luoJunYong.123 3 years ago
parent 24dd9b829d
commit 3270068096
  1. 40
      src/components/checkPhoto/index.vue
  2. 7
      src/pages/counter/list/index.vue

@ -14,18 +14,26 @@
<h3 class="subpixel-antialiased text-xl text-center absolute" style="left: 340px;top: 230px;">{{ dataFlow.phone }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 76px;top: 250px;"></h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 169px;top: 432px;"></h3>
<img :src="imgSrc" class="imgPop imgIndex min-w-full " :alt="imgSrcName" :title="imgSrcName">
</template>
<template v-else-if="imgSrcId==13 || imgSrcId==442 || imgSrcId==23 || imgSrcId==431">
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 90px;top: 78px;">姓名{{ dataFlow.userName }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 90px;top: 150px;">性别{{ dataFlow.sex==1? '男': '女' }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 100px;top: 82px;">姓名{{ dataFlow.userName }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 100px;top: 160px;">性别{{ dataFlow.sex==1? '男': '女' }}</h3>
<!-- <h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 270px;top: 115px;"></h3> -->
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 80px;top: 222px;">出生日期{{ dataFlow.birthday }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 80px;top: 232px;">出生日期{{ dataFlow.birthday }}</h3>
<!-- <h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 220px;top: 177px;">{{ dataFlow.birthday.split('-')[1] }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 290px;top: 177px;">{{ dataFlow.birthday.split('-')[2] }}</h3> -->
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 90px;top: 267px;">地址{{ dataFlow.mailbox }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 90px;top: 338px;">身份证号码{{ dataFlow.idNumber }}</h3>
</template>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 290px;top: 187px;">{{ dataFlow.birthday.split('-')[2] }}</h3> -->
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 90px;top: 277px;">地址{{ dataFlow.mailbox }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 90px;top: 353px;">身份证号码{{ dataFlow.idNumber }}</h3>
<img :src="imgSrc" class="imgPop imgIndex min-w-full " :alt="imgSrcName" :title="imgSrcName">
</template>
<template v-else-if="imgSrcId==412">
<h3 class="subpixel-antialiased text-xs text-center absolute" style="left: 820px;top: 123px;">12802851701099</h3>
<h3 class="subpixel-antialiased text-xs text-center absolute" style="left: 357px;top: 123px;">袋鼠互联网科技有限公司</h3>
<img :src="imgSrc" class="imgPop imgIndex min-w-full " style="min-width: 1000px;" :alt="imgSrcName" :title="imgSrcName">
</template>
<slot />
</div>
@ -66,6 +74,13 @@ export default {
mounted() {
// console.log('---showImg')
// console.log(this.showImg)
// const allH3 = document.querySelectorAll('h3');
// for(let i=0; i<allH3.length; i++) {
// allH3[i].addEventListener('click', (e) => {
// e.stopPropagation();
// })
// }
},
watch: {
showImg: {
@ -109,6 +124,9 @@ export default {
// }
},
methods: {
test() {
console.log('xxxx')
},
closeIt() {
this.$emit('update:showImg', false)
},
@ -122,6 +140,10 @@ export default {
}
</script>
<style>
<style lang="scss" scoped>
h3 {
&:hover{
cursor: text!important;;
}
}
</style>

@ -402,9 +402,10 @@
<router-view></router-view>
</div>
<div v-show="showImg" style="background-color: blur;">
<div v-drag class="relative w-screen h-screen" ref="imgCheckDrag">
<check-photo :imgSrc="imgSrc" :imgSrcId='imgSrcId' :imgSrcName="imgSrcName" :showImg.sync="showImg" class="dia-header" style="width: 850px;z-index: 9999;" ref="photoCheck">
<div v-show="showImg" style="z-index: 9999;">
<div v-drag class="relative w-screen h-screen">
<div class="dia-header absolute text-center hover:bg-gray-400" style="top: -27px;z-index: 9991;width: 850px;height: 50px;line-height: 50px;" ref="imgCheckDrag">--单击此处可拖拽--</div>
<check-photo :imgSrc="imgSrc" :imgSrcId='imgSrcId' :imgSrcName="imgSrcName" :showImg.sync="showImg" style="width: 850px;z-index: 9990;" ref="photoCheck">
<div class="absolute flex justify-end w-full flex-wrap" style="bottom:7vh; right: 4vw">
<seal-name v-for="item in isSeal(imgSrcId)" :key="item.id" :item="item">
</seal-name>

Loading…
Cancel
Save