增加分期订单详情逾期提示信息。review by 张丽霞。

@@ -7,6 +7,7 @@ import ReactNative, {
     StyleSheet,
     Dimensions,
     TouchableOpacity,
+    Alert,
 } from 'react-native';
 
 import Immutable, {Map} from 'immutable';
@@ -14,6 +15,12 @@ import Immutable, {Map} from 'immutable';
 export default class MyOrderDetailPayListCell extends React.Component {
     constructor(props) {
         super(props);
+        this.onPressDelayQuestion = this.onPressDelayQuestion.bind(this);
+    }
+
+    onPressDelayQuestion() {
+        Alert.alert('逾期服务费信息','如果您到期未还款：需要加收逾期利息费和延迟还款费\n逾期利息费：待还本金 *利息率*延迟还款天数，利息率=0.025%/天\n延迟还款费：逾期3天内还款免收延迟还款服务费，逾期4天，从第一天逾期开始算，500元之内，加收1元/天延迟还款服务费。每500元增加1元/天。',
+                [{text: '我知道了'},]);
     }
 
     render() {
@@ -33,7 +40,6 @@ export default class MyOrderDetailPayListCell extends React.Component {
         let status = data.get("status");  //1-还款中 2-结清 3-已逾期 4-已退货5-已取消
 
         let isDelay = (status == 3);
-        let colorStyle = isDelay ? {color: '#444444'} : {color: '#b0b0b0'};
 
         let isPayable = (status == 1 || status == 3);
 
@@ -64,7 +70,18 @@ export default class MyOrderDetailPayListCell extends React.Component {
                         isDelay ? <Text style={styles.amountText}>{"逾期服务费:" + currentDelayFee}</Text> : null
                     }
                 </View>
-                <Text style={[styles.desc,colorStyle]} numberOfLines={1}>{desc}</Text>
+                {
+                    isDelay ? 
+                        <View style={styles.delayDescContainer}>
+                            <Text style={styles.delayDesc} numberOfLines={1}>{desc}</Text>
+                            <TouchableOpacity onPress={() => { this.onPressDelayQuestion && this.onPressDelayQuestion();}}>
+                                <Image style={styles.question} source={require("../../image/red_question_icon.png")}/>
+                            </TouchableOpacity>
+                        </View>
+                    : 
+                        <Text style={styles.desc} numberOfLines={1}>{desc}</Text>
+                }
+                
             </View>
         );
     }
@@ -125,7 +142,7 @@ let styles = StyleSheet.create({
 
     amountText:{
         color: "#444444",
-        fontSize: 12 * DEVICE_WIDTH_RATIO,
+        fontSize: 12,
         marginRight: 5 * DEVICE_WIDTH_RATIO,
     },
 
@@ -136,4 +153,23 @@ let styles = StyleSheet.create({
         fontSize: 12 * DEVICE_WIDTH_RATIO,
     },
 
+    delayDescContainer:{
+        position: 'absolute',
+        top: 15 * DEVICE_WIDTH_RATIO,
+        right: 15 * DEVICE_WIDTH_RATIO,
+        flexDirection: 'row',
+    },
+
+    delayDesc:{
+        color: "#ff0000",
+        fontSize: 12 * DEVICE_WIDTH_RATIO,
+    },
+
+    question: {
+        width: 14 * DEVICE_WIDTH_RATIO,
+        height: 14 * DEVICE_WIDTH_RATIO,
+        marginTop: 2 * DEVICE_WIDTH_RATIO,
+        marginLeft: 3 * DEVICE_WIDTH_RATIO,
+    },
+
 });