fix home.vue of changePassword's resetFieds, it's invoke changePassword.vue's resetFields()

src/views/consume/bean/addBeanConsume.vue

@@ -289,7 +289,7 @@ const throttledHandleConsumeFormt = _.throttle(handleConsumeForm, 5000, {
     </div>
   </div>
 </template>
-<style scoped>
+<style scoped lang="scss">
 .userAndform {
   width: 100%;
   height: 100%;

src/views/home.vue

@@ -69,12 +69,17 @@ const message = function () {
 
 // 显示修改密码弹窗
 const showPasswordDialog = ref(false)
+const pwdRef = ref()
 
 //打开修改密码弹窗
 const openChangePassword = () => {
   showPasswordDialog.value = true
 }
-
+//关闭后清空密码表单
+function onPwdDialogClosed () {
+  // 调用子组件暴露的 resetFields
+  pwdRef.value?.resetFields()
+}
 
 function logout() {
   const machineId = localStorage.getItem('machineId')
@@ -229,8 +234,12 @@ function logout() {
         v-model="showPasswordDialog"
         :center="true"
         width="470px"
+        @closed="onPwdDialogClosed"
     >
-      <ChangePassword @confirm="showPasswordDialog = false"/>
+      <ChangePassword
+  ref="pwdRef"
+  @confirm="showPasswordDialog = false"
+/>
     </el-dialog>
 
 

src/views/login.vue

@@ -185,7 +185,7 @@ onMounted(() => {
   </el-row>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 .bg {
   border-radius: 0 20px 20px 0;
   height: 110vh;

src/views/recharge/gold/addCoinRecharge.vue

@@ -906,7 +906,8 @@ onMounted(() => {
   </div>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
+
 .userAndForm {
   width: 100%;
   height: 100%;