哈哈哈，只剩设置基本信息了

罗广聪
Commit d303607a3f5a65f161d933b3a8fbf87d702f83c4 d303607a 1 parent c3fa5285
Showing 3 changed files with 107 additions and 50 deletions
src/assets/Mine/iconpic_gray.png
src/pages/InsuranceCircle/details.js
src/pages/Mine/index.js
--- a/src/assets/Mine/iconpic_gray.png 0 → 100644
View file @d303607
+++ b/src/assets/Mine/iconpic_gray.png 0 → 100644
View file @d303607
--- a/src/pages/InsuranceCircle/details.js
View file @d303607
+++ b/src/pages/InsuranceCircle/details.js
View file @d303607
@@ -8,7 +8,8 @@ import {
   TouchableOpacity,
   Image,
   TextInput,
-  KeyboardAvoidingView
+  KeyboardAvoidingView,
+  AsyncStorage
 } from "react-native";
 import WebView from "../../Components/CommonWebView";
@@ -18,17 +19,34 @@ export default class Details extends Component {
     this.state = {
       data: this.props.navigation.state.params.item,
       // 留言
-      text: "",
+      content: "",
-      comments: []
+      comments: [],
+      IS_LOGIN: "",
+      USER_ID: "",
+      NICKNAME: "",
+      PROFESSION: ""
     };
   }
   componentWillMount() {
-    console.log("详情页", this);
     this.getComments();
+    var _that = this;
+    AsyncStorage.multiGet(
+      ["IS_LOGIN", "USER_ID", "NICKNAME", "PROFESSION"],
+      (err, result) => {
+        if (err) {
+          console.error(err);
+        }
+        _that.setState({
+          IS_LOGIN: result[0][1],
+          USER_ID: result[1][1] != null ? result[1][1].toString() : "",
+          NICKNAME: result[2][1] != null ? result[2][1].toString() : "",
+          PROFESSION: result[3][1] != null ? result[3][1].toString() : ""
+        });
+        console.log("详情页", this.state);
+      }
+    );
   }
-  componentDidMount() {
+  componentDidMount() {}
-    // this.getComments();
-  }
   render() {
     const { data, comments } = this.state;
@@ -98,8 +116,8 @@ export default class Details extends Component {
             <TextInput
               style={styles.msgInput}
               placeholder="留言"
-              onChangeText={text => this.setState({ text })}
+              onChangeText={content => this.setState({ content })}
-              value={this.state.text}
+              value={this.state.content}
               autoCapitalize="none"
               selectionColor="#1B9341"
               clearTextOnFocus={true}
@@ -153,17 +171,22 @@ export default class Details extends Component {
       })
       .catch(err => console.error(err));
   }
-
+  addComment() {
-  sendMsg() {
     var that = this,
-        formData = new FormData();
+      id = this.state.USER_ID,
-    // 请求文章数据
+      articleID = this.state.data.id,
+      content = this.state.content,
+      formData = new FormData();
+    formData.append("user", id);
+    formData.append("article", articleID);
+    formData.append("content", content);
     return fetch(`https://devpay.brae.co/test/insurance/comment/add`, {
       method: "POST",
       headers: {
         Accept: "application/json",
         "Content-Type": "application/json"
-      }
+      },
+      body: formData
     })
       .then(resp => {
         if (resp.status === 200) {
@@ -176,16 +199,21 @@ export default class Details extends Component {
         if (respJson.enmsg != "ok") {
           alert(respJson.cnmsg);
         } else {
+          that.getComments();
           that.setState({
-            ListData: respJson.data.data
+            content: ""
           });
-          console.log("state.ListData", this.state.ListData);
         }
       })
       .catch(err => console.error(err));
-    this.setState({
+  }
-      text: ""
+  sendMsg() {
-    });
+    if (this.state.IS_LOGIN != "yes") {
+      alert("请先登录账号");
+      return false;
+    } else {
+      this.addComment();
+    }
   }
 }
--- a/src/pages/Mine/index.js
View file @d303607
+++ b/src/pages/Mine/index.js
View file @d303607
@@ -19,25 +19,28 @@ export default class Mine extends Component {
       IS_LOGIN: "",
       USER_ID: "",
       NICKNAME: "",
-      PROFESSION: "",
+      PROFESSION: ""
     };
     this.saveResponse1 = this.saveResponse1.bind(this);
     this.saveResponse2 = this.saveResponse2.bind(this);
   }
   componentWillMount() {
     var _that = this;
-    AsyncStorage.multiGet(["IS_LOGIN","USER_ID","NICKNAME","PROFESSION"],(err, result) => {
+    AsyncStorage.multiGet(
-      if (err) {
+      ["IS_LOGIN", "USER_ID", "NICKNAME", "PROFESSION"],
-        console.error(err);
+      (err, result) => {
+        if (err) {
+          console.error(err);
+        }
+        console.log("最初始的四个个值", result);
+        _that.setState({
+          IS_LOGIN: result[0][1],
+          USER_ID: result[1][1] != null ? result[1][1].toString() : "",
+          NICKNAME: result[2][1] != null ? result[2][1].toString() : "",
+          PROFESSION: result[3][1] != null ? result[3][1].toString() : ""
+        });
       }
-      console.log("最初始的四个个值",result)
+    );
-      _that.setState({
-        IS_LOGIN: result[0][1],
-        USER_ID: (result[1][1] != null) ? result[1][1].toString() : "",
-        NICKNAME: (result[2][1] != null) ? result[2][1].toString() : "",
-        PROFESSION: (result[3][1] != null) ? result[3][1].toString() : "",
-      })
-    })
   }
   componentDidMount() {
     // console.log("hello,AsyncStorage");
@@ -45,8 +48,13 @@ export default class Mine extends Component {
   signOut() {
     var _that = this;
     AsyncStorage.multiSet(
-      [["IS_LOGIN", "no"], ["USER_ID",""], ["NICKNAME",""],["PROFESSION",""]],
+      [
-      function (err) { 
+        ["IS_LOGIN", "no"],
+        ["USER_ID", ""],
+        ["NICKNAME", ""],
+        ["PROFESSION", ""]
+      ],
+      function(err) {
         if (err) {
           console.log("存储出错", err);
           return false;
@@ -55,11 +63,11 @@ export default class Mine extends Component {
           IS_LOGIN: "no",
           USER_ID: "",
           NICKNAME: "",
-          PROFESSION: "",
+          PROFESSION: ""
-        })
+        });
-        console.log("退出登录后的值",_that.state)
+        console.log("退出登录后的值", _that.state);
-       }
+      }
-    )
+    );
   }
   saveResponse1(d) {
     if (this.state.IS_LOGIN == "yes") {
@@ -77,10 +85,25 @@ export default class Mine extends Component {
       <View style={styles.container}>
         {/* 头部头像 */}
         <View style={styles.header}>
-          <Image
+          {this.state.IS_LOGIN == "yes" ? (
+            <Image
+              source={require("../../assets/Mine/iconpic1.png")}
+              style={styles.mineIcon}
+            />
+          ) : (
+            <Image
+              source={require("../../assets/Mine/iconpic_gray.png")}
+              style={styles.mineIcon}
+            />
+          )}
+          {/* <Image
             source={require("../../assets/Mine/iconpic1.png")}
             style={styles.mineIcon}
           />
+          <Image
+            source={require("../../assets/Mine/iconpic_gray.png")}
+            style={styles.mineIcon}
+          /> */}
         </View>
         <View style={styles.midContainer}>
           {/* 更改昵称 */}
@@ -99,7 +122,9 @@ export default class Mine extends Component {
             </View>
             <View style={styles.itemRight}>
               {this.state.IS_LOGIN === "yes" ? (
-                <Text style={styles.itemRightContent}>{this.state.NICKNAME}</Text>
+                <Text style={styles.itemRightContent}>
+                  {this.state.NICKNAME}
+                </Text>
               ) : null}
               <Image
                 style={styles.itemRightImg}
@@ -122,7 +147,9 @@ export default class Mine extends Component {
               <Text style={styles.leftTitle}>设置职业</Text>
             </View>
             <View style={styles.itemRight}>
-              <Text style={styles.itemRightContent}>{this.state.PROFESSION}</Text>
+              <Text style={styles.itemRightContent}>
+                {this.state.PROFESSION}
+              </Text>
               {this.state.IS_LOGIN === "yes" ? (
                 <Text style={styles.itemRightContent}>
                   {this.state.identity}
@@ -143,15 +170,17 @@ export default class Mine extends Component {
           onPress={() => {
             this.state.IS_LOGIN == "yes"
               ? this.signOut()
-              : navigate("Login", { refreshCallback: (data)=>{
+              : navigate("Login", {
-                console.log("refreshCallback参数",data);
+                  refreshCallback: data => {
-                this.setState({
+                    console.log("refreshCallback参数", data);
-                  IS_LOGIN: data.IS_LOGIN,
+                    this.setState({
-                  USER_ID: data.USER_ID,
+                      IS_LOGIN: data.IS_LOGIN,
-                  NICKNAME: data.NICKNAME,
+                      USER_ID: data.USER_ID,
-                  PROFESSION: data.PROFESSION,
+                      NICKNAME: data.NICKNAME,
-                })
+                      PROFESSION: data.PROFESSION
-              } });
+                    });
+                  }
+                });
           }}
         >
           <Text style={styles.loginOutText}>