<template>
  <div class="box" style="padding-top: 40px">
    <el-form label-width="80px">
      <el-form-item label="旧密码" prop="oldPassword">
        <el-input disabled placeholder="请输入旧密码" type="password" show-password />
      </el-form-item>
      <el-form-item label="新密码" prop="newPassword">
        <el-input disabled placeholder="请设置8位以上大小写字母、数字、特殊符号" type="password" show-password />
      </el-form-item>
      <el-form-item label="确认密码" prop="confirmPassword">
        <el-input disabled placeholder="请确认新密码" type="password" show-password />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" size="large" style="width: 180px;margin-left: 200px;" @click="handleClick">修改密码</el-button>
      </el-form-item>
    </el-form>

    <reset-pwd ref="resetPwdRef" />
  </div>

</template>

<script setup>
import { getCurrentInstance } from 'vue'
import ResetPwd from './components/resetPwd'

const { proxy } = getCurrentInstance()

function handleClick() {
  proxy.$refs['resetPwdRef'].open()
}

</script>