给身份证加数据展示

src/pages/counter/list/index.vue

@@ -10,7 +10,7 @@
         <!-- 系统录入 height: 178px;position:relative;top:-450px;right:20px-->
         <el-tooltip placement="top" popper-class="sth-popper">
             <div slot="content">
-                <img class="computerContent" style="height: 150px;position:relative;top:10vh;right:20px" v-lazy="lazyImg[3]" alt="" />
+                <img style="height: 150px;position:relative;top:10vh;right:20px" v-lazy="lazyImg[3]" alt="" />
             </div>
             <img @click="showManage" class="sth computer cp" v-lazy="lazyImg[4]" alt="" />
         </el-tooltip>
@@ -209,9 +209,32 @@
         <el-dialog
             custom-class="data-dia"
             :visible.sync="showImg"
-            width="45%"
+            width="634px"
             >
             <img :src="imgSrc" class="imgPop" alt="">
+<!--            <div :style="{'background':'url('+imgSrc+')','height':'500px','background-repeat': 'no-repeat',-->
+<!--            'background-size': '100% 100%'}" class="imgPop">-->
+<!--            </div>-->
+            <div v-if="magnifyData.id == 13" style="position: absolute;top:0;width: 634px">
+                <div style='position: relative;top: 73px;left: 80px;width:220px'>
+                    {{magnifyData.userName}}
+                </div>
+                <div style='position: relative;top: 96px;left: 80px;width:220px'>
+                    {{magnifyData.sex}}
+                    <span style='position: relative;top:0px;left: 95px'> {{magnifyData.nation}}</span>
+                </div>
+                <div style='position: relative;top: 120px;left: 80px;width:220px'>
+                   <span> {{magnifyData.dateBirthYear}}</span>
+                    <span style='position: relative;top:0px;left: 60px'> {{magnifyData.dateBirthMonth}}</span>
+                    <span style='position: relative;top:0px;left: 100px'> {{magnifyData.dateBirthDay}}</span>
+                </div>
+                <div style='position: relative;top: 145px;left: 80px;width:230px'>
+                    {{magnifyData.address}}
+                </div>
+                <div style='position: relative;top: 215px;left: 160px;width:220px'>
+                    {{magnifyData.idCardNo}}
+                </div>
+            </div>
         </el-dialog>
     </div>
 </template>
@@ -266,15 +289,32 @@ export default {
             elseBoxCheck:[],/* 所有其他可从物品栏拖拽物品进入的弹框 */
           //身份证扫描仪//审核资料//验钞机//选择重要空白凭证
           // 拿业务的东西替换掉
+            magnifyData:{},
           auditGoodsShelf:[
-              {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13},
+              {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13,
+                  userName:'啧啧啧',
+                  sex:'男',
+                  nation:'汉',
+                  dateBirthYear:'1994',
+                  dateBirthMonth:'4',
+                  dateBirthDay:'1',
+                  address:'奥斯卡巅峰计划拉水电费啥地方',
+                  idCardNo:'465852346854168479'},
               {name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14},
               {name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15},
               {name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23},
           ],
           //系统录入 //选择普通空白凭证
           systemInputGoodsShelf:[
-              {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13},
+              {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13,
+                  userName:'啧啧啧',
+                  sex:'男',
+                  nation:'汉',
+                  dateBirthYear:'1994',
+                  dateBirthMonth:'4',
+                  dateBirthDay:'1',
+                  address:'奥斯卡巅峰计划拉水电费啥地方',
+                  idCardNo:'465852346854168479'},
               {name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14},
               {name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15},
               {name:'银行卡', src:require('@/assets/img/goods/bankCard.png'), id:16},
@@ -282,7 +322,15 @@ export default {
           ],
           //打印资料 //客户签字 //印章盒
           printoutGoodsShelf:[
-              {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13},
+              {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13,
+                  userName:'啧啧啧',
+                  sex:'男',
+                  nation:'汉',
+                  dateBirthYear:'1994',
+                  dateBirthMonth:'4',
+                  dateBirthDay:'1',
+                  address:'奥斯卡巅峰计划拉水电费啥地方',
+                  idCardNo:'465852346854168479'},
               {name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14},
               {name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15},
               {name:'银行卡', src:require('@/assets/img/goods/bankCard.png'), id:16},
@@ -291,17 +339,30 @@ export default {
           ],
             //钱箱
             cashboxGoodsShelf:[
-                {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13},
+                {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13,
+                    userName:'啧啧啧',
+                    nation:'男',
+                    dateBirth:'汉',
+                    address:'奥斯卡巅峰计划拉水电费啥地方',
+                    idCardNo:'465852346854168479'},
                 {name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15},
                 {name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23},
             ],
           // 总盒子里面的东西 写在computed了 业务物品
-        //   goodsShelfTotalData:[
+          goodsShelfTotalData:[
-        //       {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13},
+              {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13,
-        //       {name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14},
+                  userName:'啧啧啧',
-        //       {name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15},
+                  sex:'男',
-        //       {name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23},
+                  nation:'汉',
-        //   ],
+                  dateBirthYear:'1994',
+                  dateBirthMonth:'4',
+                  dateBirthDay:'1',
+                  address:'深圳市宝安区新安街道华联全景G1栋403',
+                  idCardNo:'4 4 1 4 2 2 1 9 9 8 0 8 1 6 8 4 7 9 '},
+              {name:'开户申请书', src:require('@/assets/img/goods/khsqs.png'), id:14},
+              {name:'现金', src:require('@/assets/img/goods/cash-sm.png'), id:15},
+              {name:'身份证复印件', src:require('@/assets/img/idCard-copy-sm.png'), id:23},
+          ],
             // goods:[/* 物品栏物品 */
             // ],
             popArr:[/* 弹窗展示的物品 */
@@ -316,7 +377,15 @@ export default {
                 {name:'业务收费凭证',src:require('@/assets/img/goods/ywsfpz.png'),id:479},
                 {name:'利息清单',src:require('@/assets/img/goods/lxqd.png'),id:427},
                 {name:'普通空白凭证',src:require('@/assets/img/goods/ptkbpz.png'),id:438},
-                {name:'身份证',src:require('@/assets/img/goods/idcard.png'),id:13},
+                {name:'身份证',src:require('@/assets/img/goods/idcard.png'),id:13,
+                    userName:'啧啧啧',
+                    sex:'男',
+                    nation:'汉',
+                    dateBirthYear:'1994',
+                    dateBirthMonth:'4',
+                    dateBirthDay:'1',
+                    address:'奥斯卡巅峰计划拉水电费啥地方',
+                    idCardNo:'465852346854168479'},
                 {name:'身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:23},
                 {name:'开户申请书',src:require('@/assets/img/goods/khsqs.png'),id:14},
                 {name:'现金',src:require('@/assets/img/goods/cash-sm.png'),id:15},
@@ -328,40 +397,30 @@ export default {
                 {name:'存款凭条回单',src:require('@/assets/img/goods/ckpt.png'),id:22},
                 {name:'取款凭条凭证联',src:require('@/assets/img/goods/qkpt.png'),id:420},
                 {name:'取款凭条回单',src:require('@/assets/img/goods/qkpt.png'),id:421},
-
                 {name:'转账凭条凭证联',src:require('@/assets/img/goods/zzpt.png'),id:419},
                 {name:'转账凭条回单',src:require('@/assets/img/goods/zzpt.png'),id:418},
-
                 {name:'利息清单凭证联',src:require('@/assets/img/goods/lxqd.png'),id:422},
                 {name:'利息清单回单',src:require('@/assets/img/goods/lxqd.png'),id:424},
-
                 {name:'旧定期存单',src:require('@/assets/img/seal/paid.png'),id:430},
                 {name:'新定期存单',src:require('@/assets/img/seal/paid.png'),id:429},
-
                 {name:'新定期存单凭证联',src:require('@/assets/img/seal/paid.png'),id:485},
                 {name:'新定期存单回单',src:require('@/assets/img/seal/paid.png'),id:486},
-
                 {name:'法人身份证',src:require('@/assets/img/goods/idcard.png'),id:442},
                 {name:'法人身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:431},
-
                 {name:'开立银行结算账户申请书',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:432},
-
                 {name:'统一社会信用代码证',src:require('@/assets/img/goods/营业执照.png'),id:434},
                 {name:'统一社会信用代码证复印件',src:require('@/assets/img/goods/营业执照复印件.png'),id:435},
                 {name:'开户许可证',src:require('@/assets/img/goods/开户许可证.png'),id:436},
                 {name:'开户许可证复印件',src:require('@/assets/img/goods/开户许可证复印件.png'),id:437},
                 {name:'开立银行结算账户申请书凭证联',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:432},
                 {name:'开立银行结算账户申请书回单',src:require('@/assets/img/goods/ApplicationBankSettlement.png'),id:433},
-    
                 {name:'现金存款凭证',src:require('@/assets/img/goods/CashCertificate.png'),id:409},
                 {name:'现金存款凭证联',src:require('@/assets/img/goods/CashCertificate.png'),id:487},
                 {name:'现金存款凭证回单',src:require('@/assets/img/goods/CashCertificate.png'),id:441},
-
                 {name:'现金支票本联',src:require('@/assets/img/goods/xjzp.png'),id:473},
                 {name:'现金支票存根',src:require('@/assets/img/goods/xjzp.png'),id:472},
                 {name:'转账支票本联',src:require('@/assets/img/goods/sy-zzzp.png'),id:476},
                 {name:'转账支票存根',src:require('@/assets/img/goods/sy-zzzp.png'),id:474},
-
                 {name:'特殊业务申请书',src:require('@/assets/img/goods/businessSpecialApplication.png'),id:407},
                 {name:'特殊业务申请书凭证联',src:require('@/assets/img/goods/businessSpecialApplication.png'),id:478},
                 {name:'特殊业务申请书回单',src:require('@/assets/img/goods/businessSpecialApplication.png'),id:477},
@@ -1183,7 +1242,7 @@ export default {
             let _this = this
             _this.clickNum++;
             if (_this.clickNum === 2) {  
-                _this.clickNum = 0;  
+                _this.clickNum = 0;
                 //  处理双击事件... 
                 _this.showImg = true
                 _this.imgSrc = item.src
@@ -1240,6 +1299,8 @@ export default {
                 if(!(judge)) {
                     this.clickNum2 = 0;  
                     this.showImg = true
+                    console.log(item)
+                    this.magnifyData = item
                     this.imgSrc = item.src
                 }
             }

src/pages/manage/list/ImportantCash/controlCash/cashOut.vue

@@ -6,7 +6,7 @@
                 <el-col :span="8">
                     <el-form-item label="币种">
                         <el-select v-model="form.identification" placeholder="请选择">
-                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                            <el-option  label="CNY人民币" value="CNY人民币"> </el-option>
                         </el-select>
                     </el-form-item>
                 </el-col>
@@ -128,7 +128,7 @@ export default {
             cellStyle: cellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
-                identification: 'CYN人民币',
+                identification: 'CNY人民币',
                 state: '正常'
             },
             tableData: [

src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue

@@ -5,7 +5,7 @@
                 <el-col :span="8">
                     <el-form-item label="币种">
                         <el-select v-model="form.identification" placeholder="请选择">
-                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                            <el-option  label="CNY人民币" value="CNY人民币"> </el-option>
                         </el-select>
                     </el-form-item>
                 </el-col>
@@ -128,7 +128,7 @@ export default {
             cellStyle: cellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
-                identification: 'CYN人民币',
+                identification: 'CNY人民币',
                 state: '正常'
             },
             tableData: [

src/pages/manage/list/personal/callDeposits/accountClosed.vue

@@ -126,7 +126,7 @@ export default{
                 payMoney: '', // 支取金额(未对标)
                 // 非必填项
                 // voucherNumber: '', // 凭证号码
-                currency: 'CYN人民币', // 币种
+                currency: 'CNY人民币', // 币种
                 clientName: '', // 客户姓名
                 currencyMark: '钞户', // 钞汇标识
                 depositNumber: '', // 定存编号

src/pages/manage/list/personal/callDeposits/openAccount.vue

@@ -79,7 +79,7 @@ export default{
                 // 必填项
                 // identityCard: '', // 身份证
                 customerName: '', // 客户姓名
-                currency: 'CYN人民币', // 币种
+                currency: 'CNY人民币', // 币种
                 currencyMark: '钞户', // 钞汇标识
                 voucherType: '存单', // 凭证类型
                 noticeType: '后台没有这个', // 通知类型