员工管理列表修改手机号和密码接口调试

src/api/account.js

@@ -10,5 +10,28 @@ export function getUser() {
 }
 // 发送验证码
 export function sendCode(data) {
-  return httpRequest.post('/api/usercenter/user/send-code', data)
+  return httpRequest({
+    url: '/api/usercenter/user/send-code',
+    method: 'post',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    data
+  })
+}
+// 修改密码
+export function updatePassword(data) {
+  return httpRequest({
+    url: '/api/usercenter/user/update-pwd',
+    method: 'post',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    data
+  })
+}
+// 修改用户信息
+export function updateUserInfo(data) {
+  return httpRequest({
+    url: '/api/usercenter/user/update-user',
+    method: 'post',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    data
+  })
 }
\ No newline at end of file

src/api/system.js

@@ -32,5 +32,4 @@ export function fileUpload(formData) {
     headers: { 'Content-Type': 'multipart/form-data' },
     data: formData
   })
-  // return httpRequest.post('/api/cms/admin/v1/common/file-upload', { headers: { 'Content-Type': 'multipart/form-data' } })
 }

src/pages/settings/staff/index.vue

@@ -95,10 +95,11 @@
             <el-form-item label="手机号" prop="phone" :rules="{ validator: checkedMobile, trigger: 'blur' }">
               <el-input v-model="dialogForm.phone" size="small"></el-input>
             </el-form-item>
-            <el-form-item label="验证码" prop="code" :rules="{ required: true, message: '请输入验证码', trigger: 'blur' }">
+            <el-form-item label="验证码">
               <el-col :span="16">
-                <el-form-item prop="endDate"></el-form-item>
-                <el-input v-model="dialogForm.code" size="small"></el-input>
+                <el-form-item prop="code" :rules="{ required: true, message: '请输入验证码', trigger: 'blur' }">
+                  <el-input v-model="dialogForm.code" size="small"></el-input>
+                </el-form-item>
               </el-col>
               <el-col :span="7" style="float:right">
                 <el-button type="primary" @click="sendCode" size="small" style="width:100%;" id="checkedCode" :disabled="isBtnDisabled">
@@ -126,7 +127,7 @@
 <script>
 import TableList from '@/components/TableList'
 import { getStaffList, getProjectList, getRoleList, createStaff, updateStaff, batchDeleteStaff } from '@/api/settings'
-import { sendCode } from '@/api/account'
+import { sendCode, updatePassword, updateUserInfo } from '@/api/account'
 import { searchUserList } from '@/api/system'
 const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{4,8}$/
 const EMAIL_REG = /^[A-Za-z0-9]+([_.][A-Za-z0-9]+)*@[A-Za-z0-9-.]+$/
@@ -367,7 +368,11 @@ export default {
     handleDialogSubmit() {
       this.$refs.dialogForm.validate(valid => {
         if (valid) {
-          console.log('dialogForm')
+          if (this.dialogType === 'pwd') {
+            this.fetchChangePwd()
+          } else {
+            this.fetchChangePhone()
+          }
         } else {
           return false
         }
@@ -386,6 +391,35 @@ export default {
         }
       })
     },
+    fetchChangePwd() {
+      const params = {
+        account: this.dialogForm.phone,
+        code: this.dialogForm.code,
+        password: this.dialogForm.password,
+        passwordR: this.dialogForm.ensurePassword
+      }
+      updatePassword(params).then(res => {
+        if (res.code === 0 && res.msg === 'OK') {
+          this.$message.success('更改密码成功')
+          this.dialogVisible = false
+        } else {
+          this.$message.error('更改密码失败')
+        }
+      })
+    },
+    fetchChangePhone() {
+      const params = {
+        mobile: this.dialogForm.phone || ''
+      }
+      updateUserInfo(params).then(res => {
+        if (res.code === 0 && res.data && res.data.mobile) {
+          this.$message.success('更改手机号成功')
+          this.dialogVisible = false
+        } else {
+          this.$message.error('更改手机号失败')
+        }
+      })
+    },
     fetchCreateStaff() {
       createStaff(this.form).then((res) => {
         if (res.code === 0 && res.data && res.data.id) {