|
|
|
@ -1,5 +1,5 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="relative -translate-y-2/4" style="margin-top: 10px;color: black;" id="checkPhoto"> |
|
|
|
|
<div class="relative -translate-y-2/4" style="margin-top: 10px;color: black;" id="checkPhoto" v-drag> |
|
|
|
|
<!-- <div class="bg-gray-400" @click="closeIt">关闭</div> --> |
|
|
|
|
<img class="absolute cursor-pointer hover:bg-red-700" src="@/assets/svg/close.svg" alt="" @click="closeIt" style="right: 50px; top: 30px;" /> |
|
|
|
|
|
|
|
|
@ -14,26 +14,24 @@ |
|
|
|
|
<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"> |
|
|
|
|
<!-- <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: 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: 232px;">出生日期:{{ dataFlow.birthday }}</h3> |
|
|
|
|
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 98px;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: 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"> |
|
|
|
|
<h3 class="subpixel-antialiased text-xl text-center absolute" style="left: 105px;top: 282px;">地址:{{ dataFlow.mailbox }}</h3> |
|
|
|
|
<h3 class="subpixel-antialiased text-2xl text-center absolute" style="left: 99px;top: 353px;">NO.:{{ dataFlow.idNumber }}</h3> |
|
|
|
|
<!-- <img :src="imgSrc" class="imgPop imgIndex min-w-full dia-header" :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> |
|
|
|
|
|
|
|
|
|
<img :src="imgSrc" class="imgPop imgIndex min-w-full dia-header" :alt="imgSrcName" :title="imgSrcName" ref="showPage"> |
|
|
|
|
<slot /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -42,6 +40,7 @@ |
|
|
|
|
<script> |
|
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
|
import { getOperation } from '@/api/http'; |
|
|
|
|
import Sortable from 'sortablejs' |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
props: { |
|
|
|
@ -55,10 +54,10 @@ export default { |
|
|
|
|
imgSrcName: { |
|
|
|
|
require: true |
|
|
|
|
}, |
|
|
|
|
// showImg: { |
|
|
|
|
// type: Boolean, |
|
|
|
|
// default: false |
|
|
|
|
// } |
|
|
|
|
showImg: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: false |
|
|
|
|
} |
|
|
|
|
// requireTalk: { |
|
|
|
|
// type: String, |
|
|
|
|
// default: '' |
|
|
|
@ -72,67 +71,30 @@ 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) => { |
|
|
|
|
console.log(e) |
|
|
|
|
e.stopPropagation(); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
// document.getElementById('checkPhoto').addEventListener('click',(e) => { |
|
|
|
|
// console.log(e) |
|
|
|
|
// new Sortable(this.$refs.showPage, { |
|
|
|
|
// animation: 150, |
|
|
|
|
// group: { |
|
|
|
|
// name:'shared', |
|
|
|
|
// pull:'clone',// 是否可以被移出或克隆 |
|
|
|
|
// put:false// 禁止拖入 |
|
|
|
|
// }, |
|
|
|
|
// }) |
|
|
|
|
console.log(this.$refs.showPage) |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
showImg: { |
|
|
|
|
handler(newVal) { |
|
|
|
|
console.log(newVal) |
|
|
|
|
if(newVal) { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
immediate: true |
|
|
|
|
} |
|
|
|
|
// 盖章逻辑 挂着 |
|
|
|
|
// imgSrc: { |
|
|
|
|
// handler(newVal) { |
|
|
|
|
// if(newVal) { |
|
|
|
|
// getOperation({ |
|
|
|
|
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,8' |
|
|
|
|
// }).then((data)=>{ |
|
|
|
|
// const stampJudge = { |
|
|
|
|
// 18: {add:[24, 21], delete: [14]}, |
|
|
|
|
// 452:{ add: [432, 433] }, |
|
|
|
|
// 458:{ add: [419, 418], delete: [426]}, |
|
|
|
|
// 459:{ add: [478, 477], delete: [407]}, |
|
|
|
|
// 460:{ add: [466,468,467], delete: [406]}, |
|
|
|
|
// 463:{ add: [480, 488], delete: [413]}, |
|
|
|
|
// 464:{ add: [482, 481], delete: [479]}, |
|
|
|
|
// 444:{ add: [420, 421], delete: [425]}, |
|
|
|
|
// 445:{ add: [422, 424], delete: [427]}, |
|
|
|
|
// 446:{ add: [419, 418], delete: [426]}, |
|
|
|
|
// 447:{ add: [269, 22], delete: [17]}, |
|
|
|
|
// 455:{ add: [487, 441], delete: [409]}, |
|
|
|
|
// 456:{ add: [473, 472], delete: [411]}, |
|
|
|
|
// 457:{ add: [476, 474], delete: [412]} |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
// if(data.status == 200 && data.data.judgmentRuleReqs) { |
|
|
|
|
// // const list = data.data.judgmentRuleReqs.map(item => item.answerId) |
|
|
|
|
// console.log(data.data.judgmentRuleReqs) |
|
|
|
|
// } |
|
|
|
|
// }) |
|
|
|
|
// } |
|
|
|
|
// }, |
|
|
|
|
// immediate: true |
|
|
|
|
// } |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
test() { |
|
|
|
|
console.log('xxxx') |
|
|
|
|
}, |
|
|
|
|
closeIt() { |
|
|
|
|
this.$emit('update:showImg', false) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
computed: { |
|
|
|
|