huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

update

Browse Source
20240205
luoJunYong.123 3 years ago
parent 24dd9b829d
commit 3270068096
2 changed files with 40 additions and 17 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 40
      src/components/checkPhoto/index.vue
  2. 17
      src/pages/counter/list/index.vue

40
src/components/checkPhoto/index.vue
Unescape View File

@ -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-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: 76px;top: 250px;">√</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 169px;top: 432px;">√</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>
<template v-else-if="imgSrcId==13 || imgSrcId==442 || imgSrcId==23 || imgSrcId==431"> <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: 100px;top: 82px;">姓名：{{ 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: 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: 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: 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: 290px;top: 187px;">{{ 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: 277px;">地址：{{ dataFlow.mailbox }}</h3>
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 90px;top: 338px;">身份证号码：{{ dataFlow.idNumber }}</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>
<img :src="imgSrc" class="imgPop imgIndex min-w-full " :alt="imgSrcName" :title="imgSrcName"> <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 /> <slot />
</div> </div>
@ -66,6 +74,13 @@ export default {
mounted() { mounted() {
// console.log('---showImg') // console.log('---showImg')
// console.log(this.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: { watch: {
showImg: { showImg: {
@ -109,6 +124,9 @@ export default {
// } // }
}, },
methods: { methods: {
test() {
console.log('xxxx')
},
closeIt() { closeIt() {
this.$emit('update:showImg', false) this.$emit('update:showImg', false)
}, },
@ -122,6 +140,10 @@ export default {
} }
</script> </script>
<style> <style lang="scss" scoped>
h3 {
&:hover{
cursor: text!important;;
}
}
</style> </style>

17
src/pages/counter/list/index.vue
Unescape View File

@ -402,14 +402,15 @@
<router-view></router-view> <router-view></router-view>
</div> </div>
<div v-show="showImg" style="background-color: blur;"> <div v-show="showImg" style="z-index: 9999;">
<div v-drag class="relative w-screen h-screen" ref="imgCheckDrag"> <div v-drag class="relative w-screen h-screen">
<check-photo :imgSrc="imgSrc" :imgSrcId='imgSrcId' :imgSrcName="imgSrcName" :showImg.sync="showImg" class="dia-header" style="width: 850px;z-index: 9999;" ref="photoCheck"> <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>
<div class="absolute flex justify-end w-full flex-wrap" style="bottom:7vh; right: 4vw"> <check-photo :imgSrc="imgSrc" :imgSrcId='imgSrcId' :imgSrcName="imgSrcName" :showImg.sync="showImg" style="width: 850px;z-index: 9990;" ref="photoCheck">
<seal-name v-for="item in isSeal(imgSrcId)" :key="item.id" :item="item"> <div class="absolute flex justify-end w-full flex-wrap" style="bottom:7vh; right: 4vw">
</seal-name> <seal-name v-for="item in isSeal(imgSrcId)" :key="item.id" :item="item">
</div> </seal-name>
</check-photo> </div>
</check-photo>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save