feat: 初始化版本！

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>

src/pages_mine/pages/info/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <view class="container">
+    <uni-list>
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'person-filled' }" title="昵称" :rightText="user.nickName" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'phone-filled' }" title="手机号码"
+        :rightText="user.phonenumber" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'email-filled' }" title="邮箱" :rightText="user.email" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'auth-filled' }" title="岗位" :rightText="postGroup" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'staff-filled' }" title="角色" :rightText="roleGroup" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="创建日期"
+        :rightText="user.createTime" />
+    </uni-list>
+
+    <u-button @click="register()">绑定微信</u-button>
+  </view>
+</template>
+
+<script setup>
+import { getUserProfile } from "@/api/system/user"
+import { ref } from "vue";
+import modal from "@/plugins/modal"
+
+const user = ref({})
+const roleGroup = ref("")
+const postGroup = ref("")
+function getUser() {
+  getUserProfile().then(response => {
+    user.value = response.data
+    roleGroup.value = response.roleGroup
+    postGroup.value = response.postGroup
+  })
+}
+getUser()
+
+import { wxRegister } from "@/api/oauth"
+import { getWxCode } from "@/utils/geek"
+function register(){
+  modal.loading('绑定微信中...')
+  getWxCode().then(res=>{
+    wxRegister('miniapp',res).then(res=>{
+      modal.closeLoading()
+    })
+  })
+  
+}
+
+</script>
+
+<style lang="scss">
+page {
+  background-color: #ffffff;
+}
+</style>