客户报备明细

jscore/components/CallPhone.js

@@ -16,11 +16,6 @@ const CallPhone = (phone, call_type='') => {
                 {text: '确定'}
             ]);
         }
-        try {
-            const credential = SyncStorage.get('credential');
-        } catch (e) {
-            console.log(444444444, e)
-        }
         return Linking.openURL(url);
     }).catch(err => Toast.info('拨号错误'))
 }

jscore/components/ComponentsStyles.js

@@ -139,7 +139,7 @@ export const ComponentsStyles = StyleSheet.create({
     },
     bottomTotal: {
         paddingHorizontal: 15,
-        paddingVertical: 3,
+        paddingVertical: 2,
     },
     totalText: {
         color: "red",

jscore/pages/Sales/Index.js

@@ -4,6 +4,7 @@ import {createStackNavigator} from 'react-navigation-stack';
 import NavigationOptions from '../../components/NavbarOptions';
 import SalesHome from './Home';
 import ReportCustomerList from './ReportCustomerList';
+import ReportCustomerDetail from './ReportCustomerDetail';
 import ReportCustomerAdd from './ReportCustomerAdd';
 import SearchProject from './SearchProject';
 
@@ -20,6 +21,12 @@ const HomeStack = createStackNavigator({
                 title: '客户报备',
             },
         },
+        ReportCustomerDetail: {
+            screen: ReportCustomerDetail,
+            navigationOptions: {
+                title: '客户报备明细',
+            },
+        },
         ReportCustomerAdd: {
             screen: ReportCustomerAdd,
             navigationOptions: {

jscore/pages/Sales/ReportCustomerDetail.js

@@ -0,0 +1,93 @@
+import React, {Component} from 'react';
+import {
+    View,
+    Text,
+    StatusBar,
+    ScrollView,
+} from 'react-native';
+import {
+    List,
+} from '@ant-design/react-native';
+
+import CallPhone from '../../components/CallPhone';
+import ComponentsStyles from '../../components/ComponentsStyles';
+
+class ReportCustomerDetail extends Component {
+    //  报备客户详情
+    constructor(props) {
+        super(props);
+    };
+
+    render() {
+        const item = this.props.navigation.state.params.item;
+        return (
+            <View style={{flex: 1, backgroundColor:'#fff'}}>
+                <ScrollView style={{marginBottom: 5}}>
+                    <StatusBar backgroundColor={'#fff'} barStyle='dark-content'/>
+                    <List>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.name}</Text>} arrow="empty">
+                            <Text style={ComponentsStyles.font15}>姓名</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.gender_text}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>性别</Text>
+                        </List.Item>
+                        <View style={ComponentsStyles.telItemView}>
+                            <Text style={ComponentsStyles.telName}>电话</Text>
+                            <View style={ComponentsStyles.telView}>
+                                <Text style={[ComponentsStyles.icon, {marginLeft: 8}]}>{'\ue61a'}</Text>
+                                <Text style={ComponentsStyles.telText}
+                                      onPress={() => CallPhone(item.tel, 1)}>
+                                    {item.tel}
+                                </Text>
+                            </View>
+                        </View>
+
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.village}</Text>} arrow="empty">
+                            <Text style={ComponentsStyles.font15}>小区</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.IDText}>{item.address}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>地址</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.source_text}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>来源</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.project_text}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>项目</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.IDText}>{item.report_status_text}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>报备状态</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.create_time_f}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>报备时间</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.create_user_text}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>报备人</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.check_time_f}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>审核时间</Text>
+                        </List.Item>
+                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.check_user_text}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>审核人</Text>
+                        </List.Item>
+
+                        <List.Item extra={<Text style={ComponentsStyles.IDText}>{item.notes}</Text>}
+                                   arrow="empty">
+                            <Text style={ComponentsStyles.font15}>备注</Text>
+                        </List.Item>
+                    </List>
+                </ScrollView>
+            </View>
+        );
+    }
+}
+
+export default ReportCustomerDetail;

jscore/pages/Sales/ReportCustomerList.js

@@ -58,7 +58,7 @@ class ReportCustomerList extends Component {
         const item = data.item;
         return (
             <TouchableOpacity style={ComponentsStyles.mainTouch}
-                              onPress={() => this.props.navigation.navigate('')}>
+                              onPress={() => this.props.navigation.navigate('ReportCustomerDetail', {item})}>
                 <View style={{flexDirection: 'row'}}>
                     {/*姓名 电话*/}
                     <View style={{flex: 1, justifyContent: 'flex-start', flexDirection: 'row'}}>
@@ -79,21 +79,29 @@ class ReportCustomerList extends Component {
                         </Text>
                     </View>
                 </View>
-                <View style={{flexDirection: 'row', paddingTop: 5, paddingRight: 10}}>
-                    <Text style={ComponentsStyles.icon}>{'\ue6ed'} <Text
-                        style={ComponentsStyles.font15}>{item.project_text}</Text>
-                    </Text>
+                <View style={{flexDirection: 'row', paddingTop: 5}}>
+                    <View style={ComponentsStyles.itemView}>
+                        <Text style={ComponentsStyles.icon}>{'\ue6ed'} <Text
+                            style={ComponentsStyles.font15}>{item.project_text}</Text>
+                        </Text>
+                    </View>
+                    <Text
+                        style={[ComponentsStyles.font15, item.report_status === 1 ? {color: 'green'} : {color: 'red'}]}>
+                        {item.report_status_text}</Text>
                 </View>
 
                 <View style={{flexDirection: 'row', flex: 1, paddingTop: 5}}>
                     <View style={ComponentsStyles.itemView}>
                         <Text style={ComponentsStyles.icon}>{'\ue6cc'}</Text>
-                        <Text style={{fontSize: 15}}>{item.create_time_f}</Text>
+                        <Text style={ComponentsStyles.font15}>{item.create_time_f}</Text>
                     </View>
 
-                    <Text
-                        style={[ComponentsStyles.font15, item.report_status === 1 ? {color: 'green'} : {color: 'red'}]}>
-                        {item.report_status_text}</Text>
+                    <View style={{justifyContent: 'flex-end', flexDirection: 'row'}}>
+                        <Text style={ComponentsStyles.icon}>{'\ue619'}</Text>
+                        <Text style={ComponentsStyles.font15}>
+                            {item.create_user_text}
+                        </Text>
+                    </View>
                 </View>
             </TouchableOpacity>
         );