上传身份证提示框修改

@@ -6,6 +6,7 @@ import HelpTipsModal from "./HelpTipsModal";
 import SureModal from "./SureModal";
 import WithdrawModal from "./WithdrawModal";
 import CheckSettleModal from "./CheckSettleModal";
+import UploadCardModal from "./UploadCardModal";
 import ScrollableTabView from 'react-native-scrollable-tab-view';
 import TabStatistics from '../components/TabStatistics';
 import Statistics from "./Statistics";
@@ -79,13 +80,6 @@ export default class Data extends Component {
                     <TipsAlertItem showStatus='sure' handleAction={this._jumpBindCardUrl}>去绑定</TipsAlertItem>
                     <TipsAlertItem showStatus='cancel' handleAction={this.props.hiddenTipsAlertDialog}>取消</TipsAlertItem>
                 </TipsAlert>
-                <TipsAlert
-                    tips={this.props.tips}
-                    isShow={this.props.isShowBindAlert}
-                    >
-                    <TipsAlertItem showStatus='cancel' handleAction={this.props.hiddenBindAlertDialog}>取消</TipsAlertItem>
-                    <TipsAlertItem showStatus='sure' handleAction={this._jumpBindIdentityCardUrl}>去上传</TipsAlertItem>
-                </TipsAlert>
                 <HelpTipsModal
                     tips={this.props.tips}
                     isShowHelp={isShowHelp}
@@ -102,6 +96,10 @@ export default class Data extends Component {
                     isShowWithCheck={isShowCheckSettleDialog}
                     showWithdrawalDialog={this.props.showWithdrawalDialog}
                     hiddenCheckSettleDialog={this.props.hiddenCheckSettleDialog}/>
+                <UploadCardModal
+                    isShow={this.props.isShowBindAlert}
+                    jumpBindIdentityCardUrl={this._jumpBindIdentityCardUrl}
+                    hiddenBindAlertDialog={this.props.hiddenBindAlertDialog}/>
                 <View style={styles.headerBackground}>
                     <Text style={styles.canWithDrawText}>可提现金额</Text>
                     <View style={styles.amountView}>
@@ -128,7 +126,7 @@ export default class Data extends Component {
 
                                 } else {
                                   if (!isIDBind) {
-                                    this.props.showBindAlertDialog && this.props.showBindAlertDialog('结算收益时需按照国家规定预扣个税，因此需先上传身份证信息 。若未提供正确有效的身份信息将导致扣税失败而影响提现。');
+                                    this.props.showBindAlertDialog && this.props.showBindAlertDialog();
                                     return
                                   } else {
                                     this.props.showCheckSettleDialog && this.props.showCheckSettleDialog();

+'use strict';
+
+import React from 'react';
+import ReactNative from 'react-native';
+
+const {
+    AppRegistry,
+    StyleSheet,
+    Text,
+    View,
+    Dimensions,
+    TouchableOpacity,
+    Modal,
+} = ReactNative;
+
+
+export default class UploadCardModal extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Modal
+                visible={this.props.isShow}
+                animationType={'none'}
+                transparent={true}
+                onRequestClose={() => {
+                }}>
+                <View style={styles.modalContainer}>
+                    <View style={styles.modalView}>
+                        <View style={styles.confirmTitleContainer}>
+                            <Text style={[styles.sure, {marginTop: 20}]}>提示</Text>
+                            <Text style={[styles.confirmContent, {marginTop: 8}]}>结算收益时需按照国家规定预扣个税，因此需先上传身份证信息 。若未提供正确有效的身份信息将导致扣税失败而影响提现。</Text>
+                        </View>
+                        <View style={{width: '100%', height: 0.5, marginTop: 20, backgroundColor: '#e0e0e0'}}/>
+                        <View style={styles.confirmBtnContainer}>
+                            <TouchableOpacity
+                                style={{width: '49%', alignItems: 'center', justifyContent: 'center', height: 45.5}}
+                                onPress={() => {
+                                    this.props.hiddenBindAlertDialog && this.props.hiddenBindAlertDialog();
+                                }}>
+                                <Text style={styles.cancel}>取消</Text>
+                            </TouchableOpacity>
+                            <View style={{width: 0.5, height: 45, backgroundColor: '#e0e0e0'}}/>
+                            <TouchableOpacity
+                                style={{width: '49%', alignItems: 'center', justifyContent: 'center', height: 45.5}}
+                                onPress={() => {
+                                    this.props.hiddenBindAlertDialog && this.props.hiddenBindAlertDialog();
+                                    this.props.jumpBindIdentityCardUrl && this.props.jumpBindIdentityCardUrl();
+                                }}>
+                                <Text style={styles.sure}>去上传</Text>
+                            </TouchableOpacity>
+                        </View>
+                    </View>
+                </View>
+            </Modal>
+        );
+    }
+};
+
+let {width, height} = Dimensions.get('window');
+
+let styles = StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+        width: width,
+        height: height,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.4)',
+    },
+    modalView: {
+        width: 270,
+        borderRadius: 5,
+        backgroundColor: '#ffffff',
+    },
+    confirmBtnContainer: {
+        width: '100%',
+        height: 44.5,
+        flexDirection: 'row',
+    },
+    confirmTitleContainer: {
+        alignItems: 'center'
+    },
+    confirmInfo: {
+        color: '#B0B0B0',
+        fontSize: 12,
+        paddingLeft: 44,
+        letterSpacing: -0.07,
+        fontFamily: 'PingFang-SC-Regular',
+    },
+    confirmContent: {
+        marginLeft: 30,
+        marginRight: 30,
+        color: '#444444',
+        fontSize: 14,
+        lineHeight: 23,
+        textAlign: 'center',
+        letterSpacing: -0.09,
+        fontFamily: 'PingFang-SC-Regular',
+        includeFontPadding: false,
+    },
+    cancel: {
+        fontSize: 17,
+        color: '#444444',
+        letterSpacing: -0.41,
+        fontFamily: 'PingFang-SC-Regular',
+    },
+    sure: {
+        fontSize: 17,
+        color: '#D0021B',
+        letterSpacing: -0.41,
+        fontWeight: 'bold',
+        fontFamily: 'PingFang-SC-Regular',
+    },
+});

@@ -131,10 +131,7 @@ class DataContainer extends Component {
         this.props.actions.hiddenTipMessage();
     }
 
-    _showBindAlertDialog(tips) {
-        this.setState({
-            tips,
-        });
+    _showBindAlertDialog() {
         this.props.actions.showBindAlertDialog();
     }