|
|
|
@ -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> |