<template>
<div class="change-pwd-wrapper height100">
    <div class="page-form-box">
        <div class="page-form-box-header">
            修改密码
        </div>
         <div class="page-form-box-content">
            <el-form  ref="form" :model="form" label-width="80px" label-position="top"  class="party-form">
                 <el-form-item label="请输入当前密码" >
                    <el-input v-model="form.name" placeholder="请填写"></el-input>
                </el-form-item>
                <el-form-item label="请输入新密码" >
                      <el-input v-model="form.name" placeholder="请填写"></el-input>
                </el-form-item>
                 <el-form-item label="请再次输入新密码" >
                      <el-input v-model="form.name" placeholder="请填写"></el-input>
                </el-form-item>
            </el-form>
        </div>
         <div class="page-form-box-footer">
            <div class="btn-group">
                 <el-button>取消</el-button>
                 <el-button type="primary">确定修改</el-button>
            </div>
        </div>
    </div>
</div>
</template>
<script>
export default {
  data(){
      return {
          form:{
            name:''
          }
      }
  },
  mounted(){

  },
  methods:{

  }
}
</script>
<style lang="less" scoped>
.change-pwd-wrapper{
    .party-form{
        width: 300px;
        margin: 0 auto;
    }
}
</style>