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 nameMap = { |
||||||
const birthday = '1996-11-03' |
sex: { |
||||||
const userName = '小白' |
1: '男', |
||||||
const capital = 100 |
2: '女' |
||||||
const peopleNumber = '111222' |
}, |
||||||
const voucherNumber = (() => { |
idType: { |
||||||
const $chars = '1234567890'; |
82: '统一社会信用代码证', |
||||||
const maxPos = $chars.length; |
83: '身份证' |
||||||
let str = ''; |
}, |
||||||
for (let i = 0; i < 8; i++) { |
certificateType: { |
||||||
str += $chars.charAt(Math.floor(Math.random() * maxPos)); |
83: '身份证', |
||||||
} |
115: '转账支票', |
||||||
return '6227' + str; |
116: '现金支票' |
||||||
})() |
}, |
||||||
const sex = 1 // 1为男,2为女。
|
currency: { |
||||||
|
12: 'CNY人民币' |
||||||
const t = { |
}, |
||||||
peopleNumber, |
goldLogo: { |
||||||
userName, |
13: '钞户' |
||||||
idType: 83, |
}, |
||||||
idNumber,//证件号码
|
accountQuality: { |
||||||
sex,//性别 1为男,
|
14: '个人结算户', |
||||||
birthday,//出生日期
|
101: '基本户', |
||||||
// nationality:'汉',//民族
|
102: '一般户', |
||||||
mailbox:'广东省深圳市阳光村',//通讯地址
|
103: '专用户', |
||||||
voucherNumber, |
104: '临时户' |
||||||
currency:12, |
}, |
||||||
goldLogo:13, |
accountQualitysTwo: { |
||||||
serviceCharge:'0.00', |
14: '个人结算户', |
||||||
drawWay:18, |
101: '基本户', |
||||||
interest: '0.1', |
102: '一般户', |
||||||
balance: 666, |
103: '专用户', |
||||||
depositNumber: '0912', |
104: '临时户' |
||||||
capital, // 不知道是多少
|
}, |
||||||
withdrawType: 124, // 支取类别
|
accountQualitysThree: { |
||||||
withdrawWay: 125, // 支取方式
|
14: '个人结算户', |
||||||
withdrawType: 124, // 支取类别
|
101: '基本户', |
||||||
withdrawWay: 126, // 支取方式
|
102: '一般户', |
||||||
depositTerm: 86, |
103: '专用户', |
||||||
monthDeposit: 100, |
104: '临时户' |
||||||
signDate: '2001-03-01', |
}, |
||||||
depositType: 92, |
voucherType: { |
||||||
voucherType: 123, |
15: 'IC卡', |
||||||
noticeType: 95, |
115: '转账支票', |
||||||
payType: 13, |
116: '现金支票', |
||||||
payMoney: 102.8, |
123: '存单', |
||||||
'corporateClient': false, |
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