From 5368bdcdc924503b673ac460f371849ff794e3e0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?221900139=E7=8E=8B=E4=BA=9A=E5=A8=87?= <2275471026@qq.com> Date: Sun, 8 May 2022 13:32:42 +0800 Subject: [PATCH] =?UTF-8?q?139=5F=E6=9B=B4=E6=96=B0=E7=BB=93=E7=AE=97?= =?UTF-8?q?=E7=95=8C=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- component/AloneStudy/settlement/index.js | 62 ++++++++++++++++++------ 1 file changed, 48 insertions(+), 14 deletions(-) diff --git a/component/AloneStudy/settlement/index.js b/component/AloneStudy/settlement/index.js index 16dd34a..26c3d14 100644 --- a/component/AloneStudy/settlement/index.js +++ b/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 { - 本次你一共学习了{params.data1}分钟 + 本次你一共学习了{this.state.data.minutes}分钟 {'\n\n'} - 获得20经验值{'\n\n'} + 获得{this.state.data.experience}经验值{'\n\n'} 请再接再厉 @@ -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', -- GitLab