style:修改头像等样式问题

src/modules/personalInfo/ChangePhoneModal.less

@@ -18,6 +18,7 @@
         border-radius: 4px;
         border-radius: 4px;
         margin-left:8px;
         margin-left:8px;
         color:#666666;
         color:#666666;
+        cursor: pointer;
     }
     }
     .error-input{
     .error-input{
         border: 1px solid #FF4F4F !important;
         border: 1px solid #FF4F4F !important;

src/modules/personalInfo/IdentificationModal.less

@@ -23,6 +23,7 @@
         border-radius: 4px;
         border-radius: 4px;
         margin-left:8px;
         margin-left:8px;
         color:#666666;
         color:#666666;
+        cursor: pointer;
     }
     }
     .error-input{
     .error-input{
       border: 1px solid #FF4F4F !important;
       border: 1px solid #FF4F4F !important;

src/modules/personalInfo/index.less

@@ -6,6 +6,8 @@
         .avatar{
         .avatar{
             width:60px;
             width:60px;
             height:60px;
             height:60px;
+            cursor: pointer;
+            border-radius: 50%;
         }
         }
         .label{
         .label{
             width:56px;
             width:56px;

src/modules/personalInfo/index.tsx

@@ -2,13 +2,13 @@
  * @Author: zhangleyuan
  * @Author: zhangleyuan
  * @Date: 2020-11-27 15:06:31
  * @Date: 2020-11-27 15:06:31
  * @LastEditors: zhangleyuan
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2020-12-08 11:55:09
+ * @LastEditTime: 2020-12-08 17:07:05
  * @Description: 描述一下
  * @Description: 描述一下
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
 
 
 
 
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState,useContext } from "react";
 import { withRouter } from "react-router-dom";
 import { withRouter } from "react-router-dom";
 import {Form,Button,Input,message} from "antd";
 import {Form,Button,Input,message} from "antd";
 import Breadcrumbs from "@/components/Breadcrumbs";
 import Breadcrumbs from "@/components/Breadcrumbs";
@@ -23,9 +23,11 @@ import BaseService from "@/domains/basic-domain/baseService";
 import StoreService from "@/domains/store-domain/storeService";
 import StoreService from "@/domains/store-domain/storeService";
 import User from '@/common/js/user';
 import User from '@/common/js/user';
 import './index.less';
 import './index.less';
+import { XMContext } from '@/store/context';
+import { setStoreGroupPermission, setStorePermission, setStoreGroupList, setStoreList } from '@/store/actions/index';
 const FormItem = Form.Item;
 const FormItem = Form.Item;
 function PersonalInfoPage() {
 function PersonalInfoPage() {
-  const [avatar,setAvatar]  = useState(baseImg);
+  const [avatar,setAvatar]  = useState('https://image.xiaomaiketang.com/xm/rJeQaZxtc7.png');
   const [imgUrl, setImgUrl] = useState(avatar);
   const [imgUrl, setImgUrl] = useState(avatar);
   const [nickName,setNickName] = useState('');
   const [nickName,setNickName] = useState('');
   const [cropperModalVisible, setCropperModalVisible] = useState(false);
   const [cropperModalVisible, setCropperModalVisible] = useState(false);
@@ -34,6 +36,9 @@ function PersonalInfoPage() {
   const [roleCodes,setRoleCodes] = useState([])
   const [roleCodes,setRoleCodes] = useState([])
   const [phone,setPhone] = useState("");
   const [phone,setPhone] = useState("");
   const storeUserId = User.getStoreUserId()
   const storeUserId = User.getStoreUserId()
+  const ctx: any = useContext(XMContext);
+  const userId = User.getUserId();
+  window.ctx = ctx;
   useEffect(() => {
   useEffect(() => {
     storeUserId && getUserInfo();
     storeUserId && getUserInfo();
   },[storeUserId])
   },[storeUserId])
@@ -85,9 +90,16 @@ function PersonalInfoPage() {
       storeUserId:User.getStoreUserId()
       storeUserId:User.getStoreUserId()
     };
     };
     StoreService.editEmployee(params).then((res) => {
     StoreService.editEmployee(params).then((res) => {
+      getStoreGroupAndStoreList();
       message.success("编辑成功");
       message.success("编辑成功");
     });
     });
   }
   }
+  function getStoreGroupAndStoreList() {
+    BaseService.getUserStore({ userId }).then((res) => {
+      const {storeVOS = [] } = res.result;
+      ctx.dispatch(setStoreList(storeVOS));
+    });
+  }
   return (
   return (
     <div className="page personal-info-page">
     <div className="page personal-info-page">
       <div className="page-content">
       <div className="page-content">
@@ -98,14 +110,14 @@ function PersonalInfoPage() {
         <Form>
         <Form>
           <div className="avatat-item">
           <div className="avatat-item">
             <span className="label">头像：</span>
             <span className="label">头像：</span>
-            <Button id="click_upload_btn" onClick={_onUpload}>点击上传</Button>
+            {/* <Button id="click_upload_btn" >点击上传</Button> */}
             <input
             <input
               type="file"
               type="file"
               accept="image/*"
               accept="image/*"
               id="CrpperAvatarPic"
               id="CrpperAvatarPic"
               style={{ display: 'none' }}
               style={{ display: 'none' }}
               onChange={_handleUpdateAvatar} />
               onChange={_handleUpdateAvatar} />
-            <img className="avatar" src={avatar}></img>
+            <img className="avatar" src={avatar} onClick={_onUpload}></img>
             { cropperModalVisible &&
             { cropperModalVisible &&
               <CropperModal 
               <CropperModal 
                 imgUrl={imgUrl}
                 imgUrl={imgUrl}