From fe75cffbf3bae6777aa2794fd89fa5dc37f5df8d Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 15 七月 2025 10:11:23 +0800 Subject: [PATCH] 项目初始化 --- src/pages_mine/pages/info/edit.vue | 132 ++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 132 insertions(+), 0 deletions(-) diff --git a/src/pages_mine/pages/info/edit.vue b/src/pages_mine/pages/info/edit.vue new file mode 100644 index 0000000..5ec9b7b --- /dev/null +++ b/src/pages_mine/pages/info/edit.vue @@ -0,0 +1,132 @@ +<template> + <view class="container"> + <view class="example"> + <uni-forms ref="form" :model="user" labelWidth="80px"> + <uni-forms-item label="鐢ㄦ埛鏄电О" name="nickName"> + <uni-easyinput v-model="user.nickName" placeholder="璇疯緭鍏ユ樀绉�" /> + </uni-forms-item> + <uni-forms-item label="鎵嬫満鍙风爜" name="phonenumber"> + <uni-easyinput v-model="user.phonenumber" placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�" /> + </uni-forms-item> + <uni-forms-item label="閭" name="email"> + <uni-easyinput v-model="user.email" placeholder="璇疯緭鍏ラ偖绠�" /> + </uni-forms-item> + <uni-forms-item label="鎬у埆" name="sex" required> + <uni-data-checkbox v-model="user.sex" :localdata="sexs" /> + </uni-forms-item> + </uni-forms> + <button type="primary" @click="submit">鎻愪氦</button> + </view> + </view> +</template> + +<script> +import { getUserProfile } from "@/api/system/user" +import { updateUserProfile } from "@/api/system/user" + +export default { + data() { + return { + user: { + nickName: "", + phonenumber: "", + email: "", + sex: "" + }, + sexs: [{ + text: '鐢�', + value: "0" + }, { + text: '濂�', + value: "1" + }], + rules: { + nickName: { + rules: [{ + required: true, + errorMessage: '鐢ㄦ埛鏄电О涓嶈兘涓虹┖' + }] + }, + phonenumber: { + rules: [{ + required: true, + errorMessage: '鎵嬫満鍙风爜涓嶈兘涓虹┖' + }, { + pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, + errorMessage: '璇疯緭鍏ユ纭殑鎵嬫満鍙风爜' + }] + }, + email: { + rules: [{ + required: true, + errorMessage: '閭鍦板潃涓嶈兘涓虹┖' + }, { + format: 'email', + errorMessage: '璇疯緭鍏ユ纭殑閭鍦板潃' + }] + } + } + } + }, + onLoad() { + this.getUser() + }, + onReady() { + this.$refs.form.setRules(this.rules) + }, + methods: { + getUser() { + getUserProfile().then(response => { + this.user = response.data + }) + }, + submit(ref) { + this.$refs.form.validate().then(res => { + updateUserProfile(this.user).then(response => { + uni.showToast({ + title: '淇敼鎴愬姛', + mask: false, + duration: 1000 + }); + uni.navigateBack(); + }) + }) + } + } +} +</script> + +<style lang="scss"> +page { + background-color: #ffffff; +} + +.example { + padding: 15px; + background-color: #fff; +} + +.segmented-control { + margin-bottom: 15px; +} + +.button-group { + margin-top: 15px; + display: flex; + justify-content: space-around; +} + +.form-item { + display: flex; + align-items: center; + flex: 1; +} + +.button { + display: flex; + align-items: center; + height: 35px; + line-height: 35px; + margin-left: 10px; +} +</style> -- Gitblit v1.9.3