完成活动或者从个人信息修改用户身份时，分别刷新时间币和用户身份

src/Main.tsx

@@ -38,7 +38,6 @@ export class Main extends React.Component<
         //
         cookies:Cookies;
     },
-
     {
         //菜单
        menu:Menu;
@@ -52,12 +51,17 @@ export class Main extends React.Component<
            open:boolean;
        },
         //用户身份
-        userType?:string;
+        userType:string;
+       //用户时间币
+        timeScore:number;
+        //用户id
+        userId:string;
        //显示欢迎信息
         result:boolean;
     }
 >{
 
+
     constructor(props: Readonly<any>) {
         super(props);
         //默认菜单
@@ -71,7 +75,9 @@ export class Main extends React.Component<
             //我的菜单
             my:{menuName: "",content:null,open:false},
             result:Boolean(this.props.cookies.get(welcome_cookie)),
-            userType:this.props.cookies.get(user_type_cookie)
+            userType:this.props.cookies.get(user_type_cookie),
+            userId:this.props.cookies.get(user_cookie),
+            timeScore:this.props.cookies.get(time_score)
         }
     }
 
@@ -137,17 +143,19 @@ export class Main extends React.Component<
         switch (dialogType) {
             case DialogType.friend:
                 this.setState({
-                    my:{menuName:dialogType,content:<MyFriend user={this.props.cookies.get(user_cookie)}/>,open:true}
+                    my:{menuName:dialogType,content:<MyFriend user={this.state.userId}/>,open:true}
                 })
                 break;
             case DialogType.leaveWord:
                 this.setState({
-                    my:{menuName:dialogType,content:<MyLeaveWord user={this.props.cookies.get(user_cookie)}/>,open:true}
+                    my:{menuName:dialogType,content:<MyLeaveWord  user={this.state.userId}/>,open:true}
                 })
                 break;
             case DialogType.message:
                 this.setState({
-                    my:{menuName:dialogType,content:<MyMessage cookies={this.props.cookies} user={this.props.cookies.get(user_cookie)}/>,open:true}
+                    my:{menuName:dialogType,content:<MyMessage refreshFun={(value:User)=> {
+                        this.refreshInfo(value)
+                        }} cookies={this.props.cookies} user={this.state.userId}/>,open:true}
                 })
                 break;
         }
@@ -172,11 +180,11 @@ export class Main extends React.Component<
 
                         <Dropdown>
                             <Dropdown.Toggle variant="secondary" id="dropdown-basic">
-                                {this.props.cookies.get(user_cookie)}
+                                {this.state.userId}
                             </Dropdown.Toggle>
 
                             <Dropdown.Menu>
-                                <Dropdown.Item>时间币:<span className="text-center text-info">{this.props.cookies.get(time_score)}</span></Dropdown.Item>
+                                <Dropdown.Item>时间币:<span className="text-center text-info">{this.state.timeScore}</span></Dropdown.Item>
                                 {[DialogType.friend,DialogType.leaveWord,DialogType.message].map((type:DialogType,index:number)=><Dropdown.Item disabled={this.state.my.open} key={"dropdown"+index} onClick={()=>this.openDialog(type)}>{type}</Dropdown.Item>)}
                                 <Dropdown.Item onClick={()=>this.props.logout()}>注销登录</Dropdown.Item>
                             </Dropdown.Menu>
@@ -191,7 +199,7 @@ export class Main extends React.Component<
                     </Nav>
                 </Navbar>
 
-                <MyDialog content={<h1 className="text-info text-center">欢迎用户{this.props.cookies.get(user_cookie)}登录本系统</h1>} open={this.state.result} titleId="login-tip" menuName="登录提示" onClose={()=>{
+                <MyDialog content={<h1 className="text-info text-center">欢迎用户{this.state.userId}登录本系统</h1>} open={this.state.result} titleId="login-tip" menuName="登录提示" onClose={()=>{
                     this.setState({result:false})
                     this.props.cookies.remove(welcome_cookie)
                 }}/>
@@ -200,4 +208,18 @@ export class Main extends React.Component<
             </div>
         );
     }
+
+    /**
+     * 刷新用户信息
+     * @param value
+     */
+    private refreshInfo(value:any) {
+        if('userType' in value) {
+            this.props.cookies.set(user_type_cookie, value.userType)
+        }
+        if('timeScore' in value){
+            this.props.cookies.set(time_score,value.timeScore)
+        }
+        this.setState(value)
+    }
 }

src/entity.ts

@@ -194,6 +194,8 @@ export interface User{
     chatStatus?:boolean;
     //是否我的好友
     isMyFriend?:boolean;
+    //时间币
+    timeScore?:boolean;
 }
 
 /**
@@ -232,8 +234,6 @@ export interface UserEdit{
     newPassword:string;
     //确认新密码
     confirmNewPwd:string;
-    //缓存用户身份
-    oldUserType?:String;
 }
 
 

src/interface.ts

@@ -33,7 +33,9 @@ export const API={
         //刷新聊天室状态
         refreshChat:prefix.user+"/chat/status",
         //查找用户
-        findUser:prefix.user+"/find/name"
+        findUser:prefix.user+"/find/name",
+        //查找本人信息
+        findOwn:prefix.user+"/find/own"
     },
     main:{
         activity: {

src/my/MyHelp.tsx

@@ -7,13 +7,19 @@ import {EmptyBodyTransform, HelpRes, HelpTransform, PageDataMessage, SimpleMessa
 import {MyDialog} from "../ui/MyDialog";
 import {changeActivity} from "../public";
 import {Input} from "../ui/InputGroup";
+import {Cookies} from "react-cookie";
+import {time_score} from "../account/PropCookie";
 
 const classList="border-info border d-flex justify-content-center align-items-center"
 
 /**
  * 我的帮助
  */
-export class MyHelp extends React.Component<{ undefined?:undefined },
+export class MyHelp extends React.Component<{
+    //刷新用户信息
+    refreshFun?:Function;
+    cookies?:Cookies;
+},
 
     {
         data?:Array<HelpEntity>,
@@ -22,6 +28,7 @@ export class MyHelp extends React.Component<{ undefined?:undefined },
         //活动评价
         activeScore:number,
         historyId:number|null;
+        timeScore?:string;
     }>{
 
 
@@ -90,8 +97,12 @@ export class MyHelp extends React.Component<{ undefined?:undefined },
                             {help.hasEnd?null:
                             <Button className="w-100" onClick={()=>{
                             let that=this
-                            changeActivity(help.activityId,ActivityStatus.complete, this,function () {
+                            changeActivity(help.activityId,ActivityStatus.complete, this,function (timeScore:string) {
+                                that.setState({
+                                    timeScore:timeScore
+                                })
                                 that.loadMyHelp(1)
+
                             })
                         }} variant={"info"}>完成</Button>}</Col>
                         <Col className={classList}/>
@@ -178,9 +189,16 @@ export class MyHelp extends React.Component<{ undefined?:undefined },
                     </div>
                 ):<h3 className="text-center text-info">帮助信息加载中</h3>}
 
-                <MyDialog content={this.state.result} open={this.state.result!==null} titleId="my_help_dialog" menuName="提示" onClose={()=>this.setState({
+                <MyDialog content={this.state.result} open={this.state.result!==null} titleId="my_help_dialog" menuName="提示" onClose={()=>{
-                    result:null
+                    this.setState({
-                })}/>
+                        result:null
+                    })
+                    if(this.props.cookies?.get(time_score)!==this.state.timeScore&&this.props.refreshFun) {
+                        this.props.refreshFun({
+                            timeScore:this.state.timeScore
+                        })
+                    }
+                }}/>
 
                 <MyDialog content={
                     <div>

src/my/MyInfo.tsx

@@ -21,6 +21,8 @@ import {user_type_cookie} from "../account/PropCookie";
  */
 export class MyInfo extends React.Component<
     {
+        //刷新用户信息
+        refreshFun?:Function,
         //查看用户id
         userId:string;
         //查看本人
@@ -88,7 +90,6 @@ export class MyInfo extends React.Component<
                             info:res.info?.info,
                             userType:res.info?.userType,
                             sex:res.info?.sex,
-                            oldUserType:res.info?.userType,
 
                             contentEditable:false,
                             modifyPassword:false,
@@ -96,7 +97,8 @@ export class MyInfo extends React.Component<
                             newPassword:"",
                             confirmNewPwd:"",
                         }
-                    });break
+                    })
+                    break
 
             }
         })
@@ -164,10 +166,10 @@ export class MyInfo extends React.Component<
         })
 
         let that=this
-        let isUpdateUserType=this.state.userEdit.userType!==this.state.userEdit.oldUserType
+        // let isUpdateUserType=this.state.userEdit.userType!==this.state.userEdit.oldUserType
-        if(isUpdateUserType&&this.props.cookies){
+        // if(isUpdateUserType&&this.props.cookies){
-            this.props.cookies.set(user_type_cookie,this.state.userEdit.userType)
+        //     this.props.cookies.set(user_type_cookie,this.state.userEdit.userType)
-        }
+        // }
         request(API.account.update,Method.POST, {
             headImg:this.state.userEdit.headImg||"",
             name:this.state.userEdit.name||"",
@@ -187,10 +189,10 @@ export class MyInfo extends React.Component<
                 case SimpleMessage.ok:
                     that.loadInfo();
                     //TODO 更新用户身份
+
                     that.setState({
                         result:<div className="text-center">
                             <h3 className="text-info text-center">更新信息成功</h3>
-                            {isUpdateUserType?<Button variant={"info"} onClick={()=>window.location.reload()}>点击立刻刷新用户身份</Button>:null}
                         </div>
                     })
                     break
@@ -353,9 +355,16 @@ export class MyInfo extends React.Component<
                     </Row>
                 }
 
-                <MyDialog content={this.state.result} open={this.state.result!==null} titleId="myinfo-dialog" menuName="用户提示" onClose={()=>this.setState({
+                <MyDialog content={this.state.result} open={this.state.result!==null} titleId="myinfo-dialog" menuName="用户提示" onClose={()=>{
-                    result:null
+                    this.setState({
-                })}/>
+                        result:null
+                    })
+                    if(this.props.cookies?.get(user_type_cookie)!==this.state.userEdit.userType&&this.props.refreshFun) {
+                        this.props.refreshFun({
+                            userType:this.state.userEdit.userType
+                        })
+                    }
+                }}/>
             </Container>
         )
     }

src/my/MyMessage.tsx

@@ -14,15 +14,24 @@ enum Menu {
 /**
  * 个人信息
  */
-export class MyMessage extends React.Component<{ user:string,cookies:Cookies }, { subMenu:Menu,page:JSX.Element }>{
+export class MyMessage extends React.Component<{
+    user:string,
+    cookies:Cookies,
+    //刷新用户信息
+    refreshFun?:Function,
+}, {
+    subMenu:Menu,
+    page:JSX.Element
+}>{
 
+    private defaultMenu=<MyInfo refreshFun={(value:any)=>this.props.refreshFun?this.props.refreshFun(value):null} cookies={this.props.cookies}  userId={this.props.user}  isOwn={true} isAdd={false}/>
 
     constructor(props: Readonly<any>) {
         super(props);
 
         this.state={
             subMenu:Menu.info,
-            page:<MyInfo cookies={this.props.cookies}  userId={this.props.user}  isOwn={true} isAdd={false}/>
+            page:this.defaultMenu
         }
     }
 
@@ -31,10 +40,10 @@ export class MyMessage extends React.Component<{ user:string,cookies:Cookies },
         this.setState({subMenu:menu})
         switch (menu) {
             case Menu.info:
-                this.setState({page:<MyInfo  cookies={this.props.cookies} userId={this.props.user}  isOwn={true} isAdd={false}/>})
+                this.setState({page:this.defaultMenu})
                 break
             case Menu.help:
-                this.setState({page:<MyHelp/>})
+                this.setState({page:<MyHelp cookies={this.props.cookies} refreshFun={(value:any)=>this.props.refreshFun?this.props.refreshFun(value):null}/>})
                 break
             case Menu.seekHelp:
                 this.setState({page:<SeekHelp user={this.props.user}/>})

src/public.tsx

@@ -1,7 +1,7 @@
 // 一些组件公用函数
-import {API, JSONResponse, Method, request} from "./interface";
+import {API, Method, request} from "./interface";
 import {ActivityStatus} from "./entity";
-import {EmptyBodyTransform, SimpleMessage} from "./result";
+import {ChangeActivityRes, ChangeActivityTransform, SimpleMessage} from "./result";
 import React from "react";
 
 export function changeActivity(activityId:number,activityStatus:ActivityStatus,that:React.Component,callback:Function){
@@ -9,10 +9,10 @@ export function changeActivity(activityId:number,activityStatus:ActivityStatus,t
     request(API.main.activity.apply,Method.POST,{
         activityId:activityId+"",
         activityStatus:activityStatus.toString()
-    },new EmptyBodyTransform(),function (res:JSONResponse<SimpleMessage>) {
+    },new ChangeActivityTransform(),function (res:ChangeActivityRes) {
         switch (res.customResult) {
             case SimpleMessage.ok:
-                callback()
+                callback(res.timeScore)
                 that.setState({
                     result:<h3 className="text-info text-center">{getStatus(activityStatus)}成功</h3>
                 });break

src/result.ts

@@ -275,3 +275,23 @@ export class UserTransform extends PageDataTransform<UserRes>{
     }
 }
 
+/**
+ * 改变活动状态
+ */
+export class ChangeActivityRes implements JSONResponse<SimpleMessage>{
+    timeScore?:number;
+    customResult?:SimpleMessage;
+    result?: Result;
+}
+
+export class ChangeActivityTransform extends TransformData<SimpleMessage, ChangeActivityRes>{
+    protected newObject(): ChangeActivityRes {
+        return new ChangeActivityRes();
+    }
+
+
+    protected transformBody(data: any) {
+       this.target.timeScore=data.body
+    }
+}
+