个人资料展示

components/moblie/dataCard.vue

@@ -48,17 +48,19 @@
           :ske-h="66"
           :ske-w="66"
           :border-r="[50,50,50,50]"
+          :src=userAvatar
         >
         </yun-img>
         <yun-icon
           :style="{marginLeft:commonReturnFlexedLength(15)}"
           name="left_arrow"
+          v-tap="dataChange"
         ></yun-icon>
       </yun-div>
       <!--修改信息弹出框-->
       <yun-dialog
-        v-if="false"
-        title="添加备注"
+        v-if="this.change"
+        title="修改"
         :value="true"
         :btns="slotDialog.btns"
       >
@@ -85,6 +87,7 @@
 
 <script>
   import commonMixin from "./commonMixin";
+  import config from '../../action/config'
   export default {
     mixins:[commonMixin],
     name: "dataCard",
@@ -94,7 +97,32 @@
         type:Number//1:字,2:头像,3:我的消息专用
       },
       title:String,
-      right:String
+      right:String,
+      userAvatar:String
+    },
+    data(){
+      return{
+        change:false,
+        slotDialog: {
+          open: true,
+          btns: [
+            {
+              text: '取消',
+            },
+            {
+              text: '确认',
+              handler: this.dataPostRemarks,
+            },
+          ],
+        },
+      }
+
+    },
+    methods:{
+      dataChange(){
+        this.change=true;
+      }
+
     }
 
   }

pages/personal-center/account.vue

@@ -6,34 +6,34 @@
       :margin-v="[0,'auto']"
       :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
     <yun-div>
-      <user-info :cardType="2" title="头像"></user-info>
-      <user-info title="昵称" right="GodLike"></user-info>
-      <user-info title="性别" right="男"></user-info>
-      <user-info title="生日"></user-info>
+      <user-info :cardType="2" title="头像" :user-avatar=userAvatar></user-info>
+      <user-info title="昵称" :right=nickName></user-info>
+      <user-info title="性别" :right=gender></user-info>
+      <user-info title="生日" :right=birthday></user-info>
     </yun-div>
     <yun-div
       :margin-v="[15,0,15,0]"
     >
-      <user-info title="签名" right="武汉加油"></user-info>
+      <user-info title="签名" :right=signature></user-info>
     </yun-div>
     <yun-div>
-      <user-info title="微信"></user-info>
-      <user-info title="QQ号" right="1032945421"></user-info>
-      <user-info title="手机号"></user-info>
+      <user-info title="微信" :right=wxNumber></user-info>
+      <user-info title="QQ号" :right=qqNumber></user-info>
+      <user-info title="手机号" :right=mobile></user-info>
     </yun-div>
     <yun-div
       :margin-v="[15,0,0,0]"
     >
-      <user-info title="手机号"></user-info>
-      <user-info title="邮箱号"></user-info>
-      <user-info title="微信号"></user-info>
-      <user-info title="QQ号"></user-info>
+      <user-info title="手机号" :right=mobile></user-info>
+      <user-info title="邮箱号" :right=email></user-info>
+      <user-info title="微信号" :right=wxNumber></user-info>
+      <user-info title="QQ号" :right=qqNumber></user-info>
       <user-info title="钉钉号"></user-info>
     </yun-div>
     <yun-div
       :margin-v="[15,0,15,0]"
     >
-      <user-info title="修改密码"></user-info>
+      <user-info title="密码" right="去修改"></user-info>
     </yun-div>
     <yun-dialog
       v-if="false"
@@ -63,6 +63,7 @@
   import userInfo from "../../components/moblie/dataCard";
   import pageConfig from '../../action/page-config'
   import FansCard from "../../components/moblie/fansCard";
+  import config from '../../action/config';
   export default {
     components: {FansCard, userInfo},
     data(){
@@ -79,12 +80,66 @@
             },
           ],
         },
+        gender:'',
+        mobile:'',
+        email:'',
+        signature:'',
+        nickName:null,
+        qqNumber:null,
+        wxNumber:null,
+        birthday:'',
+        addFile:null,
       }
     },
+    created(){
+      this.getDataUserInfo();
+    },
+
     methods:{
-      dataPostRemarks(){
+      dataPostRemarks(){},
 
-      }
+      getDataUserInfo(){
+        this.$axios.$get(config.api.get.User.myInfo).then((response) => {
+          console.log(response);
+          if(response.code===0){
+            let data = response.data;
+            this.nickName=data.nickName;
+            this.gender= data.gender;
+            this.birthday = data.birthday;
+            this.signature = data.signature;
+            this.userAvatar = data.userAvatar;
+            this.mobile = data.mobile;
+            this.email=data.email;
+            this.qqNumber = data.qqNumber;
+            this.wxNumber = data.wxNumber;
+            this.nickCanModify = data.nickCanModify;
+            if(this.gender===1){
+              this.gender="男"
+            }else if(this.gender===2){
+              this.gender="女"
+            }else{
+              this.gender="保密"
+            }
+            if(this.mobile===null){
+              this.mobile="未公开"
+            }
+            if(this.qqNumber===null){
+              this.qqNumber='未填写'
+            }
+            if(this.wxNumber===null){
+              this.wxNumber="未填写"
+            }
+            if(this.email===null){
+              this.email="未填写"
+            }
+            if(this.signature===null){
+              this.signature="您还没有个性签名哦"
+            }
+
+          }
+        })
+
+      },
     }
   }