From 5366ae7636bc8e4bcae269e4cab366860c0ecc6d Mon Sep 17 00:00:00 2001
From: memo <1942223609@qq.com>
Date: Sat, 20 Mar 2021 13:28:58 +0800
Subject: [PATCH] 123

---
 src/api/personInfoAdd.js                   |  11 ++
 src/components/personPage/user/AddInfo.vue | 117 +++++++++++++++------
 2 files changed, 96 insertions(+), 32 deletions(-)
 create mode 100644 src/api/personInfoAdd.js

diff --git a/src/api/personInfoAdd.js b/src/api/personInfoAdd.js
new file mode 100644
index 0000000..9241a44
--- /dev/null
+++ b/src/api/personInfoAdd.js
@@ -0,0 +1,11 @@
+import axios from './api.config'
+import qs from 'qs'
+
+//完善个人信息
+export const personInfoEdit = (data) => {
+  return axios.request({
+    url: 'editinfo',
+    data: qs.stringify(data, { arrayFormat: 'brackets' })
+  })
+}
+
diff --git a/src/components/personPage/user/AddInfo.vue b/src/components/personPage/user/AddInfo.vue
index fec4ee1..dfc6f72 100644
--- a/src/components/personPage/user/AddInfo.vue
+++ b/src/components/personPage/user/AddInfo.vue
@@ -2,35 +2,37 @@
     <div class="addInformation">
         <person-title>当前位置 :: 个人中心 >> <em>完善个人信息</em></person-title>
         <div class="add-infor-cont">
-            <el-form :model="ruleForm"
-            :rules="rules" ref="ruleForm"
+            <el-form :model="personForm"
+            :rules="rules" ref="personForm"
             label-position='left'
             @submit.native.prevent
             :status-icon='true'
             label-width="7rem" class="demo-ruleForm">
-                <el-form-item label="姓名 : " prop="userName">
+                <el-form-item label="用户名 : " prop="userName">
                     <el-input
-                    placeholder="为了安全,不可二次修改!"
-                    v-model.trim="ruleForm.userName"></el-input>
+                    placeholder="请输入用户名！"
+                    v-model.trim="personForm.userName"></el-input>
                 </el-form-item>
                 <el-form-item label="性别 : " prop="gender">
-                    <el-radio-group v-model.number="ruleForm.gender">
+                    <el-radio-group v-model.number="personForm.gender">
                     <el-radio :label="1">男</el-radio>
                     <el-radio :label="0">女</el-radio>
                     </el-radio-group>
                 </el-form-item>
-                <el-form-item label="联系电话 : " prop="phoneNum">
-                    <el-input v-model="ruleForm.phoneNum"></el-input>
-                </el-form-item>
-                <el-form-item label="联系地址 : " prop="address">
+                <el-form-item label="邮箱 : " prop="personEmail">
                     <el-input
-                    placeholder="输入您的联系地址便于配送"
-                     v-model="ruleForm.address"></el-input>
+                      placeholder="请输入邮箱！"
+                      v-model="personForm.personEmail"></el-input>
+                </el-form-item>
+                <el-form-item label="生日 : " prop="birthday">
+                    <el-input
+                    placeholder="输入您的生日 格式为 2000-01-01"
+                     v-model="personForm.birthday"></el-input>
                 </el-form-item>
                 <el-form-item class="completed-info-btn">
                     <el-button type="primary"
-                     @click="submitForm('ruleForm')">修改</el-button>
-                    <el-button  @click="resetForm('ruleForm')">重置</el-button>
+                     @click="submitForm('personForm')">修改</el-button>
+                    <el-button  @click="resetForm('personForm')">重置</el-button>
                 </el-form-item>
             </el-form>
         </div>
@@ -38,25 +40,39 @@
 </template>
 
 <script>
-import {gotoNewOrder} from './../../../assets/js/gotoNewOrder'
+// import {gotoNewOrder} from './../../../assets/js/gotoNewOrder'
+import {personInfoEdit} from '../../../api/personInfoAdd'
 import axios from 'axios'
+
 export default {
   data () {
     let regexpPhoneNumber = (rule, value, callback) => {
       if (value === '') {
-        callback(new Error('请输入联系电话!'))
-      } else if (!/^1[3-8][0-9]{9}$/.test(value)) {
-        callback(new Error('手机号码格式不正确!'))
+        callback(new Error('请输入邮箱!'))
+      }
+      // else if (!/^1[3-8][0-9]{9}$/.test(value)) {
+      else if (!/^\w+((.\w+)|(-\w+))@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+).[A-Za-z0-9]+$/.test(value)) {
+        callback(new Error('邮箱格式不正确!'))
+      } else {
+        callback()
+      }
+    }
+   let regexBirthday = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('请输入生日!'))
+      }
+      else if (!/^(19|20)\d{2}-(1[0-2]|0?[1-9])-(0?[1-9]|[1-2][0-9]|3[0-1])$/.test(value)) {
+        callback(new Error('生日格式不正确!'))
       } else {
         callback()
       }
     }
     return {
-      ruleForm: {
+      personForm: {
         userName: '',
-        phoneNum: '',
+        personEmail: '',
         gender: 1,
-        address: ''
+        birthday: ''
       },
       rules: {
         userName: [
@@ -66,27 +82,61 @@ export default {
           { pattern: /\D/, message: '不能为纯数字', trigger: 'change' },
           { pattern: /\D/, message: '不能为纯数字', trigger: 'blur' }
         ],
-        phoneNum: [
-          { required: true, message: '请输入您的联系方式'},
+        personEmail: [
+          { required: true, message: '请输入您的电子邮件'},
           { validator: regexpPhoneNumber, trigger: 'change'},
           { validator: regexpPhoneNumber, trigger: 'blur'}
         ],
         gender: [
           { required: true, type: 'number', message: '请选择性别', trigger: 'change' }
         ],
-        address: [
-          { required: true, message: '请输入联系地址', trigger: 'blur' }
+        birthday: [
+          { required: true, message: '请输入生日 格式为 2000-01-01', trigger: 'blur' }
         ]
       }
     }
   },
   mounted () {
-    this.ruleForm.phoneNum = this.$store.state.user.userInfo.userId
+    // this.personForm.phoneNum = this.$store.state.user.userInfo.userId
   },
   methods: {
     submitForm (formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
+      // this.$refs[formName].validate((valid) => {
+      // this.$refs[formName].validate((valid) => {
+        let tip =this.personForm
+      console.log(tip)
+      let addInfo = {
+        username: this.personForm.userName,
+        email: this.personForm.personEmail,
+        sex: this.personForm.gender,
+        birthday: this.personForm.birthday
+      }
+        if (tip) {
+          console.log("0000000")
+          personInfoEdit(this.addInfo).then((res)=>{
+            console.log(res)
+            console.log("11111")
+            var data = res.data
+            if (data.success){
+              this.$notify({
+                title: '提交成功',
+                duration: 2000,
+                type: 'success'
+              })
+              sessionStorage.clear()
+              // this.$router.push({path: '/login'})
+            }else {
+              this.$notify({
+                title: '提交失败',
+                message:data.msg,
+                duration: 2000,
+                type: 'error'
+              })
+            }
+          })
+        }
+
+        /*if (valid) {
           let addInfo = {
             userName: this.ruleForm.userName,
             phoneNum: this.ruleForm.phoneNum,
@@ -114,11 +164,14 @@ export default {
             }
           }).catch(err => {
             console.log(err)
-          })
-        } else {
-          return false
+          })*/
+         else {
+          this.$message({
+            message: tip,
+            type: 'error'
+          });
         }
-      })
+      // })
     },
     resetForm (formName) {
       this.$refs[formName].resetFields()