139_更新结算界面

component/AloneStudy/settlement/index.js

@@ -7,12 +7,45 @@ import {
   Image,
   TouchableOpacity,
 } from 'react-native';
+import Study from '../../Study';
+import axios from 'axios';
+import Axios from 'axios';
+Axios.defaults.withCredentials = true;
 const {width, height} = Dimensions.get('window');
 class Settlement extends Component {
   constructor(props) {
     super(props);
+    this.state = {
+      data: [],
+    };
+    this.settle = this.settle.bind(this);
+  }
+  settle() {
+    this.props.navigation.goBack();
+    this.props.navigation.goBack();
+    this.props.navigation.goBack();
+    this.props.navigation.goBack();
+  }
+  componentDidMount() {
+    const {params} = this.props.route;
+    const _this = this;
+    axios
+      .post('http://www.tdms.xyz:8000/FZUStudy/study/alone/addRecord', {
+        user_sno: '221900330',
+        gmt_started: params.start,
+        gmt_ended: params.end,
+        type_id: params.id,
+      })
+      .then(function (response) {
+        _this.setState({data: response.data.data});
+      })
+      .catch(function (error) {
+        console.log(error);
+      })
+      .then(function () {
+        console.log('finish');
+      });
   }
-  settle() {}
   render() {
     const {params} = this.props.route;
     return (
@@ -22,9 +55,9 @@ class Settlement extends Component {
         </View>
         <View style={styles.t}>
           <Text style={styles.text1}>
-            本次你一共学习了{params.data1}分钟
+            本次你一共学习了{this.state.data.minutes}分钟
             {'\n\n'}
-            获得20经验值{'\n\n'}
+            获得{this.state.data.experience}经验值{'\n\n'}
             请再接再厉
           </Text>
         </View>
@@ -47,19 +80,19 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   text: {
-    fontSize: 16,
+    fontSize: parseInt(width) / 20,
     fontWeight: 'bold',
     textAlign: 'center',
     color: '#C5844A',
   },
   text1: {
-    fontSize: 20,
+    fontSize: parseInt(width) / 18,
     fontWeight: 'bold',
     textAlign: 'center',
     color: '#C5844A',
   },
   text3: {
-    fontSize: 20,
+    fontSize: parseInt(width) / 20,
     fontWeight: 'bold',
     textAlign: 'center',
     color: '#592202',
@@ -72,7 +105,7 @@ const styles = StyleSheet.create({
     top: parseInt(height) / 14,
     left: parseInt(width) / 3,
     justifyContent: 'center',
-    borderWidth: 2,
+    borderWidth: parseInt(width) / 180,
     borderColor: '#C5844A',
   },
   t: {
@@ -83,22 +116,23 @@ const styles = StyleSheet.create({
     top: parseInt(height) / 4,
     left: parseInt(width) / 5,
     justifyContent: 'center',
-    borderWidth: 2,
+    borderWidth: parseInt(width) / 180,
     borderRadius: 20,
     borderColor: '#C5844A',
   },
   button: {
-    backgroundColor: '#C5844A',
+    backgroundColor: '#e1c3a1',
+    borderColor: '#BF7636',
+    borderWidth: parseInt(width) / 180,
     position: 'absolute',
     top: parseInt(height) / 1.3,
-    left: parseInt(width) / 2.9,
+    left: parseInt(width) / 2.8,
     justifyContent: 'center',
-    borderRadius: 3,
+    borderRadius: 6,
     alignItems: 'center',
     width: parseInt(width) / 2.8,
-    height: parseInt(width) / 7,
-    borderWidth: 3,
-    borderColor: '#BF7636',
+    height: parseInt(width) / 7.4,
+    elevation: 4,
   },
   button1: {
     backgroundColor: '#c48c5d',