เปลี่ยนรหัสผ่าน

src/views/MainView.vue

@@ -15,7 +15,14 @@ import type { Noti } from '@/interface/response/Main'
 import DialogHeader from '@/components/DialogHeader.vue'
 
 const mixin = useCounterMixin()
-const { date2Thai, hideLoader, messageError, dialogRemove, success } = mixin
+const {
+  date2Thai,
+  hideLoader,
+  messageError,
+  dialogRemove,
+  success,
+  showLoader,
+} = mixin
 const router = useRouter()
 const $q = useQuasar()
 
@@ -203,9 +210,30 @@ function onreset() {
 function closeDialog() {
   modalReset.value = false
   oldPassWord.value = ''
+  newPassword.value = ''
+  reNewPassWord.value = ''
+  isPwdOld.value = true
+  isPwdNewOld.value = true
+  isPwdReNewOld.value = true
 }
 
-function onSubmit() {}
+async function onSubmit() {
+  showLoader()
+  await http
+    .post(config.API.resetPassword, {
+      password: newPassword.value,
+    })
+    .then(async (res) => {
+      closeDialog()
+      success($q, `เปลี่ยนรหัสใหม่สำเร็จ`)
+    })
+    .catch((e) => {
+      messageError($q, e)
+    })
+    .finally(() => {
+      hideLoader()
+    })
+}
 
 function ruleNewPassWord(val: string) {
   return new Promise((resolve) => {
@@ -505,7 +533,7 @@ onMounted(async () => {
 
         <q-card-section>
           <div class="row q-col-gutter-sm">
-            <div class="col-12">
+            <!-- <div class="col-12">
               <q-input
                 v-model="oldPassWord"
                 outlined
@@ -523,7 +551,7 @@ onMounted(async () => {
                   />
                 </template>
               </q-input>
-            </div>
+            </div> -->
             <div class="col-12">
               <q-input
                 v-model="newPassword"