<!--
 * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
 * @Date: 2022-07-07 16:13:13
 * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
 * @LastEditTime: 2022-07-22 16:58:52
 * @FilePath: \mcep-h5\src\components\common\Bottom.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <div>

    <div class="rarle">
      <tatle-bar :tatle="tatleName"></tatle-bar>
    </div>
    <van-row type="flex" class="iconImg">
      <van-col span="24">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-touxiang"></use>
        </svg>
      </van-col>
    </van-row>
    <van-row type="flex">
      <van-col span="24">
        <van-field v-model="name" readonly label="姓名" :border="true" placeholder="请输入姓名" />
      </van-col>
    </van-row>
    <van-row type="flex">
      <van-col span="24">
        <van-field v-model="IdCard" readonly label="身份证号" :border="true" placeholder="请输入身份证号" />
      </van-col>
    </van-row>
    <van-row type="flex">
      <van-col span="24">
        <van-field v-model="phone" readonly label="电话" :border="true" placeholder="请输入电话" />
      </van-col>
    </van-row>
    <van-row type="flex">
      <van-col span="24">
        <van-field v-model="liveAdress" readonly label="居住地址" :border="true" placeholder="请输入居住地址" />
      </van-col>
    </van-row>

    <!-- <van-row type="flex">
      <van-col span="24">
        <van-field v-model="password" label="原密码" :border="true" placeholder="请输入原密码" />
      </van-col>
    </van-row>
    <van-row type="flex">
      <van-col span="24">
        <van-field v-model="newPassword" label="新密码" :border="true" placeholder="请输入新密码" />
      </van-col>
    </van-row> -->
    <div style="margin: 16px;">
      <van-button @click="modifyInfo" round  block type="info" native-type="button">修改信息</van-button>
    

    </div>

    <div style="margin: 16px;">

      <van-button   @click="modifyPassword" hairline round  plain block type="info" native-type="button">修改密码</van-button>
     
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
  name: "PersonLod"
})
export default class PersonLod extends Vue {
  tatleName="个人信息"//个人信息
  name: string = "任佳昊"//姓名
  IdCard: string = "420101200405063701"//身份证号
  phone: string = "15537986003"//手机号
  liveAdress: string = "云南省昆明市盘龙区鼓楼街道"//居住地址
  password : String =""//原始密码
  newPassword : String =""//原始密码


  modifyInfo(){
       this.$router.push({
        name: "modifyInfo"
        //参数
      })
  }

    modifyPassword(){
       this.$router.push({
        name: "modifyPassword"
        //参数
      })
  }
}
</script>
<style scoped lang="scss">
.iconImg{
  text-align: center;
  margin-top: 2%;
  margin-bottom: 2%;
}
.icon {
  width: 80px;
  height: 80px;
}
</style>