<!--
 * @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" style="background: #0B54E0"  ></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> -->


    <van-row type="flex">
      <van-col span="24">
        <van-button  native-type="button"
      style="width: 92%; margin:10px 4%; background-color: #3672F1;border-radius: 5px; border-color: #3672F1"
       type="primary" block @click="modifyInfo">修改信息</van-button>
      </van-col>
    </van-row>


     <van-row type="flex">
      <van-col span="24">
       <van-button style="width: 92%; margin:5px 4%; border-radius: 5px;border-color: #3672F1"
        @click="modifyPassword" block ><span style="color: #3672F1">修改密码</span></van-button>
      </van-col>
    </van-row>






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

      <van-button   @click="modifyPassword" hairline   plain block type="info" style="b" 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",
         params: {
          name: this.name,
           IdCard: this.IdCard,
           phone: this.phone,
           liveAdress: this.liveAdress,
         },
      })
  }
    retyen(){
      this.$router.back();
    }

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

    onClickReturn(){
      // console.log("1111")
     this.$router.push({
      name: `Mianview`,
       params: {
             indexed: "1"
          }
    })
    //    debugger
    //    this.$router.push({
    //   name: "MainView",
    //   params: {
    //         indexed: "1"
    //       }
    // });
    }
}
</script>
<style scoped lang="scss">
.iconImg{
  text-align: center;
  margin-top: 2%;
  margin-bottom: 2%;
}
.icon {
  width: 80px;
  height: 80px;
}
</style>