增加银行卡图片处理和卡号*号处理。review by caomei。

@@ -31,8 +31,8 @@ export default class BankCardList extends React.Component {
     renderRow(rowData, sectionID, rowID, highlightRow) {
     renderRow(rowData, sectionID, rowID, highlightRow) {
         return (
         return (
             <BankCardListCell
             <BankCardListCell
-                cardNo={"656132156465465"}
-                cardBank={"icbc"} 
+                cardNo={"6222024301058186063"}
+                cardBank={"ICBC"} 
             />
             />
         );
         );
     }
     }
@@ -40,7 +40,7 @@ export default class BankCardList extends React.Component {
     render() {
     render() {
 
 
 
 
-        let cardList = ['65325165465321654','99999999999999'];
+        let cardList = [{'cardNo':'6222024301058186063','cardBank':"ICBC"},{'cardNo':'6222024301058186063','cardBank':"BOC"}];
 
 
 
 
         return (
         return (

@@ -20,13 +20,14 @@ export default class BankCardListCell extends React.Component {
         let{cardNo, cardBank} = this.props;
         let{cardNo, cardBank} = this.props;
 
 
         let bankImg = this.getBankImage(cardBank);
         let bankImg = this.getBankImage(cardBank);
+        let newCardNo = this.processBankCardNo(cardNo);
 
 
         return(
         return(
             <TouchableOpacity activeOpacity={1} onPress={() => this.props.onPressCard && this.props.onPressCard()}>
             <TouchableOpacity activeOpacity={1} onPress={() => this.props.onPressCard && this.props.onPressCard()}>
                 <View style={styles.container} >
                 <View style={styles.container} >
                     <Image style={styles.cardBg} source={bankImg} />
                     <Image style={styles.cardBg} source={bankImg} />
                     <Text style={styles.cardNo} numberOfLines={1}>
                     <Text style={styles.cardNo} numberOfLines={1}>
-                        {cardNo}
+                        {newCardNo}
                     </Text>
                     </Text>
                 </View>
                 </View>
             </TouchableOpacity>
             </TouchableOpacity>
@@ -34,17 +35,55 @@ export default class BankCardListCell extends React.Component {
     }
     }
 
 
 
 
+    //正则替换卡号，保留后4位
+    processBankCardNo(cardNo){
+
+        let newCardNo = cardNo.replace(/(\d+)(\d{4})$/, (a, b, c)=> {
+            return b.replace(/\d/g, '*') + c;
+        });
+
+        return newCardNo;
+    }
+
+
     getBankImage(bank){
     getBankImage(bank){
         let bankImg;
         let bankImg;
         switch(bank){
         switch(bank){
+            case "ABC":
+                bankImg = require('../../image/bank/bank-ABC.png');
+                break;
+            case "BOC":
+                bankImg = require('../../image/bank/bank-BOC.png');
+                break;
+            case "CCB":
+                bankImg = require('../../image/bank/bank-CCB.png');
+                break;
+            case "CEB":
+                bankImg = require('../../image/bank/bank-CEB.png');
+                break;
+            case "CGB":
+                bankImg = require('../../image/bank/bank-CGB.png');
+                break;
+            case "CIB":
+                bankImg = require('../../image/bank/bank-CIB.png');
+                break;
             case "CITIC":
             case "CITIC":
                 bankImg = require('../../image/bank/bank-CITIC.png');
                 bankImg = require('../../image/bank/bank-CITIC.png');
                 break;
                 break;
+            case "CMBC":
+                bankImg = require('../../image/bank/bank-CMBC.png');
+                break;
             case "ICBC":
             case "ICBC":
                 bankImg = require('../../image/bank/bank-ICBC.png');
                 bankImg = require('../../image/bank/bank-ICBC.png');
                 break;
                 break;
+            case "PAYH":
+                bankImg = require('../../image/bank/bank-PAYH.png');
+                break;
+            case "PSBC":
+                bankImg = require('../../image/bank/bank-PSBC.png');
+                break;
             default:
             default:
-                bankImg = require('../../image/bank/bank-ICBC.png');
+                bankImg = require('../../image/bank/bank-EMPTY.png');
                 break;
                 break;
         }
         }
         return bankImg;
         return bankImg;