luoJunYong.123
3 years ago
parent
abfe975a16
commit
0346aca60d
17 changed files with 319 additions and 134 deletions
@ -0,0 +1,59 @@ |
||||
<template> |
||||
<div class="relative -translate-y-2/4"> |
||||
<template v-if="imgSrcId==14"> |
||||
<h3 class="subpixel-antialiased text-red-800 text-2xl text-center absolute" style="left: 95px;top: 110px;">{{ dataFlow.userName }}</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-2xl text-center absolute" v-if="dataFlow.sex==1" style="left: 446px;top: 110px;">√</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-2xl text-center absolute" v-else style="left: 474px;top: 110px;">√</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-2xl text-center absolute" style="left: 96px;top: 135px;">√</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-2xl text-center absolute" style="left: 96px;top: 135px;">√</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-xl text-center absolute" style="left: 96px;top: 165px;">{{ dataFlow.idNumber }}</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-xl text-center absolute" style="left: 340px;top: 230px;">{{ dataFlow.phone }}</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-2xl text-center absolute" style="left: 76px;top: 250px;">√</h3> |
||||
<h3 class="subpixel-antialiased text-red-800 text-2xl text-center absolute" style="left: 169px;top: 432px;">√</h3> |
||||
</template> |
||||
<img :src="imgSrc" class="imgPop imgIndex min-w-full " :alt="imgSrcName" :title="imgSrcName"> |
||||
</div> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
import { mapGetters } from 'vuex' |
||||
|
||||
export default { |
||||
props: { |
||||
imgSrc: { |
||||
type: String, |
||||
require: true |
||||
}, |
||||
imgSrcId: { |
||||
require: true |
||||
}, |
||||
imgSrcName: { |
||||
require: true |
||||
}, |
||||
// requireTalk: { |
||||
// type: String, |
||||
// default: '' |
||||
// }, |
||||
// others: { |
||||
// type: Object, |
||||
// default: { |
||||
// left: '0px', |
||||
// top: '0px' |
||||
// } |
||||
// } |
||||
}, |
||||
created() { |
||||
console.log(this.dataFlow) |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow' |
||||
}) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
|
||||
</style> |
||||
@ -1,48 +1,176 @@ |
||||
const idNumber = '441356199611035698' |
||||
const birthday = '1996-11-03' |
||||
const userName = '小白' |
||||
const capital = 100 |
||||
const peopleNumber = '111222' |
||||
const voucherNumber = (() => { |
||||
const $chars = '1234567890'; |
||||
const maxPos = $chars.length; |
||||
let str = ''; |
||||
for (let i = 0; i < 8; i++) { |
||||
str += $chars.charAt(Math.floor(Math.random() * maxPos)); |
||||
} |
||||
return '6227' + str; |
||||
})() |
||||
const sex = 1 // 1为男,2为女。
|
||||
|
||||
const t = { |
||||
peopleNumber, |
||||
userName, |
||||
idType: 83, |
||||
idNumber,//证件号码
|
||||
sex,//性别 1为男,
|
||||
birthday,//出生日期
|
||||
// nationality:'汉',//民族
|
||||
mailbox:'广东省深圳市阳光村',//通讯地址
|
||||
voucherNumber, |
||||
currency:12, |
||||
goldLogo:13, |
||||
serviceCharge:'0.00', |
||||
drawWay:18, |
||||
interest: '0.1', |
||||
balance: 666, |
||||
depositNumber: '0912', |
||||
capital, // 不知道是多少
|
||||
withdrawType: 124, // 支取类别
|
||||
withdrawWay: 125, // 支取方式
|
||||
withdrawType: 124, // 支取类别
|
||||
withdrawWay: 126, // 支取方式
|
||||
depositTerm: 86, |
||||
monthDeposit: 100, |
||||
signDate: '2001-03-01', |
||||
depositType: 92, |
||||
voucherType: 123, |
||||
noticeType: 95, |
||||
payType: 13, |
||||
payMoney: 102.8, |
||||
'corporateClient': false, |
||||
const nameMap = { |
||||
sex: { |
||||
1: '男', |
||||
2: '女' |
||||
}, |
||||
idType: { |
||||
82: '统一社会信用代码证', |
||||
83: '身份证' |
||||
}, |
||||
certificateType: { |
||||
83: '身份证', |
||||
115: '转账支票', |
||||
116: '现金支票' |
||||
}, |
||||
currency: { |
||||
12: 'CNY人民币' |
||||
}, |
||||
goldLogo: { |
||||
13: '钞户' |
||||
}, |
||||
accountQuality: { |
||||
14: '个人结算户', |
||||
101: '基本户', |
||||
102: '一般户', |
||||
103: '专用户', |
||||
104: '临时户' |
||||
}, |
||||
accountQualitysTwo: { |
||||
14: '个人结算户', |
||||
101: '基本户', |
||||
102: '一般户', |
||||
103: '专用户', |
||||
104: '临时户' |
||||
}, |
||||
accountQualitysThree: { |
||||
14: '个人结算户', |
||||
101: '基本户', |
||||
102: '一般户', |
||||
103: '专用户', |
||||
104: '临时户' |
||||
}, |
||||
voucherType: { |
||||
15: 'IC卡', |
||||
115: '转账支票', |
||||
116: '现金支票', |
||||
123: '存单', |
||||
127: '银行' |
||||
}, |
||||
accountType: { |
||||
16: '一类户', |
||||
17: '二类户', |
||||
97: '结算户', |
||||
98: '结算户', |
||||
99: '委托保障金户', |
||||
100: '资本临时户' |
||||
}, |
||||
drawWay: { |
||||
18: '密码', |
||||
93: '现金', |
||||
94: '转账', |
||||
114: '印鉴', |
||||
125: '部分支取', |
||||
126: '全部支取并销户' |
||||
}, |
||||
drawWayType: { |
||||
133: '现金' |
||||
}, |
||||
accountQualitysTwo: { |
||||
14: '个人结算户', |
||||
101: '基本户', |
||||
102: '一般户', |
||||
103: '专用户', |
||||
104: '临时户' |
||||
}, |
||||
voucherTypesTwo: { |
||||
15: 'IC卡', |
||||
115: '转账支票', |
||||
116: '现金支票', |
||||
123: '存单', |
||||
127: '银行' |
||||
}, |
||||
voucherTypesThree: { |
||||
15: 'IC卡', |
||||
115: '转账支票', |
||||
116: '现金支票', |
||||
123: '存单', |
||||
127: '银行' |
||||
}, |
||||
accountTypesTwo: { |
||||
16: '一类户', |
||||
17: '二类户', |
||||
97: '结算户', |
||||
98: '结算户', |
||||
99: '委托保障金户', |
||||
100: '资本临时户' |
||||
}, |
||||
accountTypesThree: { |
||||
16: '一类户', |
||||
17: '二类户', |
||||
97: '结算户', |
||||
98: '结算户', |
||||
99: '委托保障金户', |
||||
100: '资本临时户' |
||||
}, |
||||
|
||||
drawWaysTwo: { |
||||
18: '密码', |
||||
93: '现金', |
||||
94: '转账', |
||||
114: '印鉴', |
||||
125: '部分支取', |
||||
126: '全部支取并销户' |
||||
}, |
||||
drawWaysThree: { |
||||
18: '密码', |
||||
93: '现金', |
||||
94: '转账', |
||||
114: '印鉴', |
||||
125: '部分支取', |
||||
126: '全部支取并销户' |
||||
}, |
||||
chargeWay: { |
||||
13: '密码', |
||||
}, |
||||
chargeWay: { |
||||
13: '密码', |
||||
135: '现金', |
||||
}, |
||||
certificateDeposit: { |
||||
92: '现金' |
||||
}, |
||||
extendPeriod: { |
||||
90: '不续存', |
||||
91: '续存' |
||||
}, |
||||
depositTerm: { |
||||
84: '3个月', |
||||
85: '6个月', |
||||
86: '1年', |
||||
87: '2年', |
||||
88: '3年', |
||||
89: '5年' |
||||
}, |
||||
withdrawWay: { |
||||
125: '部分支取', |
||||
126: '全部支取并销户' |
||||
}, |
||||
extendDepositTarget: { |
||||
128: '不续存', |
||||
129: '续存1年', |
||||
130: '续存3年', |
||||
131: '续存5年' |
||||
}, |
||||
noticeType: { |
||||
95: '1天', |
||||
96: '7天' |
||||
}, |
||||
depositType: { |
||||
92: '现金' |
||||
}, |
||||
accountManagement: { |
||||
105: '工业存款', |
||||
106: '商业存款', |
||||
107: '外贸存款', |
||||
108: '其他存款' |
||||
}, |
||||
calculateWay: { |
||||
109: '季度', |
||||
110: '半年', |
||||
111: '1年' |
||||
}, |
||||
outAccountWay: { |
||||
112: '按月', |
||||
113: '满页' |
||||
}, |
||||
} |
||||
Loading…
Reference in new issue