update

src/pages/forgotPassword/index.vue

@@ -3,12 +3,21 @@ import {reactive} from "vue";
 import XNav from "../../components/XNav.vue";
 import XLink from "../../components/XLink.vue";
 import XInput from "../../components/XInput.vue";
+import Api from "../../api/index.js";
+import {backPage, showToast} from "../../utils/uils.js";
+import SendMsg from "../../components/SendMsg.vue";
 
 const form = reactive({
-    phone: null,
-    verificationCode: null,
+    mobile: null,
+    captcha: null,
     password: null,
 });
+
+const success = async () => {
+    const {msg} = await Api.system.editPassword(form);
+    showToast(msg);
+    backPage();
+}
 </script>
 
 <template>
@@ -22,19 +31,21 @@ const form = reactive({
         </view>
 
         <view class="!flex flex-col gap-[56rpx] !mt-[60rpx]">
-            <x-input v-model:model-value="form.phone" placeholder="请输入手机号"></x-input>
-            <x-input v-model:model-value="form.verificationCode" placeholder="验证码">
-                <template #suffix>
-                    <x-link>发送验证码</x-link>
-                </template>
-            </x-input>
-            <x-input v-model:model-value="form.phone" placeholder="请输入密码"></x-input>
+            <x-input v-model:model-value="form.mobile" placeholder="请输入手机号"></x-input>
+            <send-msg v-model:model-value="form.captcha" :mobile="form.mobile" :type="3"></send-msg>
+            <x-input v-model:model-value="form.password" placeholder="请输入密码"></x-input>
 
-            <tui-button>确定修改</tui-button>
+            <tui-button @click="success">确定修改</tui-button>
         </view>
     </view>
 </template>
 
+<style lang="scss">
+page {
+    background-color: #fff;
+}
+</style>
+
 <style lang="scss" scoped>
 .title {
     color: rgb(29, 33, 41);