huoran
/
FE_preschoolEdu_server
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

fix

Browse Source
master
yujialong 11 months ago
parent ccf21096c2
commit 47ee20af77
9 changed files with 623 additions and 465 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/api/index.js
  2. 2
      src/pages/miniProgramMg/index/banner/add/index.vue
  3. 4
      src/pages/miniProgramMg/index/banner/list/index.vue
  4. 4
      src/pages/miniProgramMg/index/hot/add/index.vue
  5. 4
      src/pages/miniProgramMg/index/hot/list/index.vue
  6. 84
      src/pages/miniProgramMg/index/inlet/index.vue
  7. 192
      src/pages/setting/list/index.vue
  8. 791
      src/pages/setting/list/info.vue
  9. 4
      src/pages/user/detail/index.vue

3
src/api/index.js
Unescape View File

@ -8,6 +8,9 @@ export default {
verification: `${host}users/users/user/captcha`, verification: `${host}users/users/user/captcha`,
sendPhoneOrEmailCode: `users/users/userAccount/sendPhoneOrEmailCode`, sendPhoneOrEmailCode: `users/users/userAccount/sendPhoneOrEmailCode`,
queryUserInfoDetails: `users/users/userAccount/queryUserInfoDetails`,
updatePersonCenter: `users/users/userAccount/updatePersonCenter`,
updateUserAvatars: `${host}users/users/userAccount/updateUserAvatars`,
queryProvince: `nakadai/nakadai/province/queryProvince`, queryProvince: `nakadai/nakadai/province/queryProvince`,
queryCity: `nakadai/nakadai/city/queryCity`, queryCity: `nakadai/nakadai/city/queryCity`,

2
src/pages/miniProgramMg/index/banner/add/index.vue
Unescape View File

@ -79,7 +79,7 @@
<el-button @click="save(0)">保存</el-button> <el-button @click="save(0)">保存</el-button>
<el-button type="primary" <el-button type="primary"
@click="save(1)">发布</el-button> @click="save(1)">发布</el-button>
<el-button @click="$router.back()">取消</el-button> <el-button @click="$emit('closeDia')">取消</el-button>
</div> </div>
</div> </div>
</template> </template>

4
src/pages/miniProgramMg/index/banner/list/index.vue
Unescape View File

@ -83,11 +83,11 @@ export default {
this.$store.commit('user/setCrumbs', [ this.$store.commit('user/setCrumbs', [
{ {
name: '小程序管理', name: '小程序管理',
path: '/miniProgramMg/index' route: '/miniProgramMg'
}, },
{ {
name: '首页设置', name: '首页设置',
path: '/miniProgramMg/banner' route: '/miniProgramMg'
}, },
{ {
name: '设置banner', name: '设置banner',

4
src/pages/miniProgramMg/index/hot/add/index.vue
Unescape View File

@ -93,7 +93,7 @@
<el-button @click="save(0)">保存</el-button> <el-button @click="save(0)">保存</el-button>
<el-button type="primary" <el-button type="primary"
@click="save(1)">发布</el-button> @click="save(1)">发布</el-button>
<el-button @click="$router.back()">取消</el-button> <el-button @click="$emit('closeDia')">取消</el-button>
</div> </div>
</div> </div>
</template> </template>
@ -237,7 +237,7 @@ export default {
beforeRemove (file, fileList) { beforeRemove (file, fileList) {
return this.$confirm(`确定移除 ${file.name}？`); return this.$confirm(`确定移除 ${file.name}？`);
}, },
handleRemove () { handleRemove (file, fileList) {
Oss.del(file.url) Oss.del(file.url)
this.pics = fileList this.pics = fileList
}, },

4
src/pages/miniProgramMg/index/hot/list/index.vue
Unescape View File

@ -105,11 +105,11 @@ export default {
this.$store.commit('user/setCrumbs', [ this.$store.commit('user/setCrumbs', [
{ {
name: '小程序管理', name: '小程序管理',
path: '/miniProgramMg/index' route: '/miniProgramMg'
}, },
{ {
name: '首页设置', name: '首页设置',
path: '/miniProgramMg/hot' route: '/miniProgramMg'
}, },
{ {
name: '设置爆款', name: '设置爆款',

84
src/pages/miniProgramMg/index/inlet/index.vue
Unescape View File

@ -15,15 +15,67 @@
<div class="cover" <div class="cover"
@click="toSet(0)">设置爆款</div> @click="toSet(0)">设置爆款</div>
</div> </div>
<div class="activity">
<h6>活动速递</h6>
<el-tabs v-model="active">
<el-tab-pane v-for="(item, i) in tabs"
:key="i"
:label="item.name"
:name="item.id"></el-tab-pane>
</el-tabs>
<ul class="list">
<li>
<img class="pic"
src="http://124.71.79.122/images/miniProgram/supplier-banner.jpg"
alt="">
<div class="texts">
<p class="name">中国幼教年会西部峰会</p>
<p class="meta">报名时间：2024-01-11 23:00</p>
<p class="meta">主办方：中国幼教</p>
</div>
</li>
</ul>
</div>
</div> </div>
</template> </template>
<script> <script>
import Setting from "@/setting";
export default { export default {
data () { data () {
return { return {
tabs: [
{
id: '',
name: '全部'
},
{
id: 1,
name: '会议'
},
{
id: 2,
name: '论坛'
},
{
id: 3,
name: '讲座'
},
{
id: 4,
name: '展会'
},
// {
// id: 5,
// name: '培训'
// },
// {
// id: 6,
// name: '大赛'
// },
],
active: '',
}; };
}, },
mounted () { mounted () {
@ -49,6 +101,34 @@ export default {
@import '../../../../styles/page/page.scss'; @import '../../../../styles/page/page.scss';
.page { .page {
width: 400px; width: 400px;
height: 560px;
min-height: 580px !important;
margin: 0 auto; margin: 0 auto;
} }
.activity {
margin-top: 20px;
h6 {
font-size: 20px;
}
.list {
li {
display: flex;
}
.pic {
width: 140px;
height: 90px;
margin-right: 10px;
border-radius: 8px;
}
.name {
font-size: 16px;
font-weight: 600;
}
.meta {
margin: 5px 0;
font-size: 12px;
color: #999;
}
}
}
</style> </style>

192
src/pages/setting/list/index.vue
Unescape View File

@ -3,20 +3,32 @@
<div class="left"> <div class="left">
<div class="inner"> <div class="inner">
<div class="text-center"> <div class="text-center">
<img :src="avatar" class="avatar" /> <img :src="avatar"
<el-upload :action="this.api.updateUserAvatars" name="file" :data="{ userId }" :limit="10" :show-file-list="false" :headers="headers" :on-success="changeAvatar"> class="avatar" />
<el-button type="text" size="small">点击更换头像</el-button> <el-upload :action="this.api.updateUserAvatars"
name="file"
:limit="10"
:show-file-list="false"
:headers="headers"
:on-success="changeAvatar">
<el-button type="text"
size="small">点击更换头像</el-button>
</el-upload> </el-upload>
</div> </div>
<ul class="menu"> <ul class="menu">
<li v-for="item in typeList" :key="item.index" :class="{active: item.index == active}"> <li v-for="item in typeList"
:key="item.index"
:class="{active: item.index == active}">
{{ item.title }} {{ item.title }}
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<info class="flex-1" ref="info" @updateStatus="updateStatus" @back="back"></info> <info class="flex-1"
ref="info"
@updateStatus="updateStatus"
@back="back"></info>
</div> </div>
</template> </template>
@ -26,106 +38,106 @@ import Setting from '@/setting'
import util from '@/libs/util' import util from '@/libs/util'
import info from './info' import info from './info'
export default { export default {
data() { data () {
return { return {
headers: { headers: {
token: util.local.get(Setting.tokenKey) token: util.local.get(Setting.tokenKey)
}, },
typeList: [ typeList: [
{ {
index: '1', index: '1',
title: '用户信息' title: '用户信息'
} }
], ],
active: '1', active: '1',
edited: false edited: false
}; };
},
components: { info },
computed: {
...mapState('user', [
'avatar'
]),
},
// 离开的时候判断是否有保存更改的信息,没有则拦截并提示
beforeRouteLeave (to, from, next) {
if (this.edited) {
this.$confirm(`您所更改的内容未更新，是否更新？`, '提示', {
type: 'warning'
}).then(() => {
this.$refs.info.submit()
next()
}).catch(() => {
next()
})
} else {
next()
}
},
mounted () {
},
methods: {
...mapMutations('user', [
'setAvatar'
]),
changeAvatar (res) {
this.setAvatar(res.message)
}, },
components: { info }, updateStatus (status) {
computed: { this.edited = status
...mapState('user', [
'avatar', 'userId'
]),
}, },
// 离开的时候判断是否有保存更改的信息,没有则拦截并提示 // 返回
beforeRouteLeave(to, from, next) { back () {
if(this.edited){ if (this.edited) {
this.edited = false
this.$confirm(`您所更改的内容未更新，是否更新？`, '提示', { this.$confirm(`您所更改的内容未更新，是否更新？`, '提示', {
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.$refs.info.submit() this.$refs.info.submit()
next() this.$router.back()
}).catch(() => { }).catch(() => {
next()
})
}else{
next()
}
},
mounted() {
},
methods: {
...mapMutations('user', [
'setAvatar'
]),
changeAvatar(res) {
this.setAvatar(res.data)
},
updateStatus(status){
this.edited = status
},
// 返回
back() {
if(this.edited){
this.edited = false
this.$confirm(`您所更改的内容未更新，是否更新？`, '提示', {
type: 'warning'
}).then(() => {
this.$refs.info.submit()
this.$router.back()
}).catch(() => {
this.$router.back()
})
}else{
this.$router.back() this.$router.back()
} })
} else {
this.$router.back()
} }
} }
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.main{ .main {
display: flex; display: flex;
margin: 0 auto; margin: 0 auto;
.left{ .left {
margin-right: 12px; margin-right: 12px;
background-color: #fff; background-color: #fff;
box-shadow: 2px 0px 6px 0px #EEEEEE; box-shadow: 2px 0px 6px 0px #eeeeee;
.inner{ .inner {
width: 170px; width: 170px;
padding: 20px 0; padding: 20px 0;
} }
.avatar{ .avatar {
width: 80px; width: 80px;
height: 80px; height: 80px;
border-radius: 50%; border-radius: 50%;
} }
.menu{ .menu {
margin-top: 32px; margin-top: 32px;
li{ li {
padding: 0 20px; padding: 0 20px;
color: #303133; color: #303133;
font-size: 14px; font-size: 14px;
line-height: 38px; line-height: 38px;
cursor: pointer; cursor: pointer;
&.active{ &.active {
color: #fff; color: #fff;
background-color: $main-color; background-color: $main-color;
}
}
} }
}
} }
}
} }
</style> </style>

791
src/pages/setting/list/info.vue
Unescape View File

@ -1,127 +1,195 @@
<template> <template>
<div class="relative" v-loading="loading"> <div class="relative"
v-loading="loading">
<div class="page"> <div class="page">
<h6 class="l-title"><img src="@/assets/images/info1.png" alt=""> 基本信息</h6> <h6 class="l-title"><img src="@/assets/images/info1.png"
alt=""> 基本信息</h6>
<div class="page-content"> <div class="page-content">
<ul class="list"> <ul class="list">
<li> <li>
<label>姓名：</label> <label>姓名：</label>
<el-input placeholder="请输入姓名" type="text" v-model="form.realName" /> <el-input placeholder="请输入姓名"
type="text"
v-model="form.hrUserInfo.userName" />
</li> </li>
<li> <li>
<label>性别：</label> <label>性别：</label>
<el-select size="small" v-model="form.sex"> <el-select size="small"
<el-option v-for="item in sexList" :key="item.value" :label="item.name" :value="item.value"></el-option> v-model="form.hrUserInfo.sex">
<el-option v-for="item in sexList"
:key="item.value"
:label="item.name"
:value="item.value"></el-option>
</el-select> </el-select>
</li> </li>
<li> <li>
<label>账号：</label> <label>账号：</label>
<el-input class="m-r-10" type="text" size="small" v-model="form.username"></el-input> <el-input class="m-r-10"
type="text"
size="small"
v-model="form.userAccount.account"></el-input>
<!-- <el-button type="text" size="small" @click="showAccount">修改</el-button> --> <!-- <el-button type="text" size="small" @click="showAccount">修改</el-button> -->
</li> </li>
<li> <li>
<label>工号：</label> <label>工号：</label>
<el-input size="small" v-model="form.jobNumber" clearable></el-input> <el-input size="small"
v-model="form.userAccount.workNumber"
clearable></el-input>
</li> </li>
<li> <li>
<label>邮箱：</label> <label>邮箱：</label>
<el-input class="m-r-10" size="small" v-model="form.email"></el-input> <el-input class="m-r-10"
size="small"
v-model="form.hrUserInfo.email"></el-input>
<!-- <el-button v-if="form.email" type="text" size="small" @click="bindEmail">更换</el-button> <!-- <el-button v-if="form.email" type="text" size="small" @click="bindEmail">更换</el-button>
<el-button v-else type="text" size="small" @click="bindEmail">添加</el-button> --> <el-button v-else type="text" size="small" @click="bindEmail">添加</el-button> -->
</li> </li>
<li> <li>
<label>手机号：</label> <label>手机号：</label>
<el-input class="m-r-10" type="text" size="small" maxlength="11" v-model="form.phone"></el-input> <el-input class="m-r-10"
type="text"
size="small"
maxlength="11"
v-model="form.hrUserInfo.phone"></el-input>
<!-- <el-button type="text" size="small" @click="bindPhone">{{ form.phone ? '更换' : '绑定' }}</el-button> <!-- <el-button type="text" size="small" @click="bindPhone">{{ form.phone ? '更换' : '绑定' }}</el-button>
<el-button v-if="form.phone" type="text" size="small" @click="unbind">解绑</el-button> --> <el-button v-if="form.phone" type="text" size="small" @click="unbind">解绑</el-button> -->
</li> </li>
<li> <li>
<label>密码：</label> <label>密码：</label>
<el-input class="m-r-10" size="small" value="******" disabled></el-input> <el-input class="m-r-10"
<el-button type="text" size="small" @click="bindPassword">修改</el-button> size="small"
value="******"
disabled></el-input>
<el-button type="text"
size="small"
@click="bindPassword">修改</el-button>
</li> </li>
</ul> </ul>
</div> </div>
<div class="btn-wrap"> <div class="btn-wrap">
<el-button size="small" v-throttle @click="$emit('back')">取消</el-button> <el-button size="small"
<el-button type="primary" size="small" v-throttle @click="submit">更新</el-button> v-throttle
@click="$emit('back')">取消</el-button>
<el-button type="primary"
size="small"
v-throttle
@click="submit">更新</el-button>
</div> </div>
</div> </div>
<el-dialog <el-dialog :title="form.email ? '更换邮箱' : '绑定邮箱'"
:title="form.email ? '更换邮箱' : '绑定邮箱'" :visible.sync="emailVisible"
:visible.sync="emailVisible" :close-on-click-modal="false"
:close-on-click-modal="false" @close="closeEmail"
@close="closeEmail" width="30%">
width="30%"> <el-form ref="form"
<el-form ref="form" :model="form" label-width="60px"> :model="form"
label-width="60px">
<el-form-item label="邮箱"> <el-form-item label="邮箱">
<el-input placeholder="请输入邮箱" v-model="email"></el-input> <el-input placeholder="请输入邮箱"
v-model="email"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="验证码"> <el-form-item label="验证码">
<div class="flex-between"> <div class="flex-between">
<el-input v-model="emailCode" placeholder="请输入验证码" maxlength="6"></el-input> <el-input v-model="emailCode"
<el-button style="margin-left: 10px" type="text" @click="sendEmailCode" :disabled="emailDisabled">{{ emailBtnText }}</el-button> placeholder="请输入验证码"
maxlength="6"></el-input>
<el-button style="margin-left: 10px"
type="text"
@click="sendEmailCode"
:disabled="emailDisabled">{{ emailBtnText }}</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer"
class="dialog-footer">
<el-button @click="emailVisible = false">取 消</el-button> <el-button @click="emailVisible = false">取 消</el-button>
<el-button type="primary" @click="emailSubmit">确 定</el-button> <el-button type="primary"
@click="emailSubmit">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog :title="form.phone ? '更换手机号' : '绑定手机号'"
:title="form.phone ? '更换手机号' : '绑定手机号'" :visible.sync="phoneVisible"
:visible.sync="phoneVisible" :close-on-click-modal="false"
:close-on-click-modal="false" @close="closePhone"
@close="closePhone" width="30%">
width="30%"> <el-form ref="form"
<el-form ref="form" :model="form" label-width="60px"> :model="form"
label-width="60px">
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input style="width: 404px;" placeholder="请输入手机号" v-model="phone" maxlength="11"></el-input> <el-input style="width: 404px;"
placeholder="请输入手机号"
v-model="phone"
maxlength="11"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="验证码"> <el-form-item label="验证码">
<div class="flex-between"> <div class="flex-between">
<el-input v-model="phoneCode" placeholder="请输入验证码" maxlength="6"></el-input> <el-input v-model="phoneCode"
<el-button style="margin-left: 10px" type="text" @click="sendPhoneCode" :disabled="phoneDisabled">{{ phoneBtnText }}</el-button> placeholder="请输入验证码"
maxlength="6"></el-input>
<el-button style="margin-left: 10px"
type="text"
@click="sendPhoneCode"
:disabled="phoneDisabled">{{ phoneBtnText }}</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer"
class="dialog-footer">
<el-button @click="phoneVisible = false">取 消</el-button> <el-button @click="phoneVisible = false">取 消</el-button>
<el-button type="primary" @click="phoneSubmit">确 定</el-button> <el-button type="primary"
@click="phoneSubmit">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="更换密码"
title="更换密码" :visible.sync="pwdVisible"
:visible.sync="pwdVisible" :close-on-click-modal="false"
:close-on-click-modal="false" @close="closePassword"
@close="closePassword" width="30%">
width="30%"> <el-form ref="pwdForm"
<el-form ref="pwdForm" :model="form" label-width="60px"> :model="form"
label-width="60px">
<el-form-item label="原密码"> <el-form-item label="原密码">
<el-input type="password" v-model="pwdForm.password" placeholder="请输入原密码"></el-input> <el-input type="password"
v-model="pwdForm.password"
placeholder="请输入原密码"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="新密码"> <el-form-item label="新密码">
<el-input type="password" v-model="pwdForm.newPassword" placeholder="请输入新密码" @keyup.enter.native="editPassword"></el-input> <el-input type="password"
v-model="pwdForm.newPassword"
placeholder="请输入新密码"
@keyup.enter.native="editPassword"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="新密码"> <el-form-item label="新密码">
<el-input type="password" v-model="pwdForm.reNewPassword" placeholder="请确认新密码" @keyup.enter.native="editPassword"></el-input> <el-input type="password"
v-model="pwdForm.reNewPassword"
placeholder="请确认新密码"
@keyup.enter.native="editPassword"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer"
class="dialog-footer">
<el-button @click="pwdVisible = false">取 消</el-button> <el-button @click="pwdVisible = false">取 消</el-button>
<el-button type="primary" @click="editPassword">确 定</el-button> <el-button type="primary"
@click="editPassword">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog title="修改账号" :visible.sync="accountVisible" :close-on-click-modal="false" width="30%"> <el-dialog title="修改账号"
:visible.sync="accountVisible"
:close-on-click-modal="false"
width="30%">
<el-form label-width="70px"> <el-form label-width="70px">
<el-form-item label="账号"> <el-form-item label="账号">
<el-input v-model="editUsername" placeholder="请输入账号"></el-input> <el-input v-model="editUsername"
placeholder="请输入账号"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer"
<el-button size="small" @click="accountVisible = false">取 消</el-button> class="dialog-footer">
<el-button size="small" type="primary" @click="confirmAccount">确 定</el-button> <el-button size="small"
@click="accountVisible = false">取 消</el-button>
<el-button size="small"
type="primary"
@click="confirmAccount">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
@ -132,341 +200,336 @@ import Setting from '@/setting'
import util from '@/libs/util' import util from '@/libs/util'
import { mapState, mapMutations } from 'vuex' import { mapState, mapMutations } from 'vuex'
export default { export default {
data() { data () {
return { return {
loading: false, loading: false,
editUsername: '', editUsername: '',
accountVisible: false, accountVisible: false,
updateTime: 0, updateTime: 0,
token: util.local.get(Setting.tokenKey), token: util.local.get(Setting.tokenKey),
form: { form: {
userName: "", hrUserInfo: {},
name: "", userAccount: {},
jobNumber: "", userName: "",
password: "", name: "",
phone: "", jobNumber: "",
email: "", password: "",
sex: 1,
},
emailVisible: false,
pwdVisible: false,
phoneVisible: false,
showArch: false,
pwdForm: {
password: "",
newPassword: "",
reNewPassword: ""
},
sexList: [
{
name: "男",
value: 1
},
{
name: "女",
value: 2
}
],
email: "",
emailBtnText: "发送验证码",
emailCode: "",
emailDisabled: false,
emailTimer: null,
phone: "", phone: "",
phoneBtnText: "发送验证码", email: "",
phoneCode: "", sex: 1,
phoneDisabled: false, },
phoneTimer: null, emailVisible: false,
emailOpener: "", pwdVisible: false,
phoneOpener: "", phoneVisible: false,
originAccount: "", showArch: false,
accountReapeat: false pwdForm: {
}; password: "",
newPassword: "",
reNewPassword: ""
},
sexList: [
{
name: "男",
value: 1
},
{
name: "女",
value: 2
}
],
email: "",
emailBtnText: "发送验证码",
emailCode: "",
emailDisabled: false,
emailTimer: null,
phone: "",
phoneBtnText: "发送验证码",
phoneCode: "",
phoneDisabled: false,
phoneTimer: null,
emailOpener: "",
phoneOpener: "",
originAccount: "",
accountReapeat: false
};
},
computed: {
...mapState("user", [
"userId", "avatar"
])
},
watch: {
// 监听信息是否有更改,有的话页面离开的时候要询问是否要保存
form: {
handler () {
this.updateTime++
if (this.updateTime > 1) this.$emit('updateStatus', this.updateTime > 1)
},
deep: true
}
},
mounted () {
this.getData()
},
methods: {
...mapMutations('user', [
'setUserName'
]),
// 获取用户信息
getData () {
this.loading = true
this.$get(this.api.queryUserInfoDetails).then(({ result }) => {
this.form = result
this.loading = false
}).catch(err => { })
}, },
computed: { // 显示修改账号弹框
...mapState("user", [ showAccount () {
"userId", "avatar" this.accountVisible = true
])
}, },
watch: { // 修改账号
// 监听信息是否有更改,有的话页面离开的时候要询问是否要保存 confirmAccount () {
form: { if (this.editUsername) {
handler(){ form.username = this.editUsername
this.updateTime++ this.accountVisible = false
if(this.updateTime > 1) this.$emit('updateStatus', this.updateTime > 1) const { form } = this
}, this.$put(this.api.user, form).then(res => {
deep:true this.setUserName(form.username)
this.$message.success("提交成功！")
}).catch(res => { })
} else {
util.errorMsg('请输入账号')
} }
}, },
mounted() { bindEmail () {
this.getData() this.email = this.form.email
this.emailVisible = true
}, },
methods: { bindPhone () {
...mapMutations('user', [ this.phone = this.form.phone
'setUserName' this.phoneVisible = true
]), },
// 获取用户信息 // 解绑手机号
getData() { unbind () {
this.loading = true this.$confirm('确定要解绑该手机号吗？', '提示', {
this.$get(`${this.api.user}/${this.userId}`).then(({ data }) => { type: 'warning'
this.form = data }).then(() => {
this.loading = false this.$get(this.api.unbindMobilePhone).then(res => {
}).catch(err => {}) this.$message.success('解绑成功')
}, this.getData()
// 显示修改账号弹框 }).catch(res => { })
showAccount() { }).catch(() => { })
this.accountVisible = true },
}, bindPassword () {
// 修改账号 this.pwdVisible = true
confirmAccount() { },
if (this.editUsername) { editPassword () {
form.username = this.editUsername const data = this.pwdForm
this.accountVisible = false if (!data.password) return util.warningMsg("请输入原密码")
const { form } = this if (!data.newPassword) return util.warningMsg("请输入新密码")
this.$put(this.api.user, form).then(res => { if (!data.reNewPassword) return util.warningMsg("请确认新密码")
this.setUserName(form.username) if (data.newPassword.length < 6 || data.reNewPassword.length < 6) return util.warningMsg("请输入6位数以上的密码")
this.$message.success("提交成功！") if (data.newPassword !== data.reNewPassword) return util.warningMsg("输入的新密码不一致，请重新确认")
}).catch(res => {}) if (data.password === data.newPassword) return util.warningMsg("原密码跟新密码不能一致")
this.$put(this.api.pwd, {
id: this.form.id,
oldPwd: data.password,
newPwd: data.newPassword
}).then(res => {
util.successMsg("更换成功")
this.pwdVisible = false
}).catch(err => { })
},
closePassword () {
this.pwdForm = {
password: "",
newPassword: "",
reNewPassword: ""
}
},
submit () {
const { form } = this
this.$post(this.api.updatePersonCenter, this.form).then(res => {
this.$emit('updateStatus', false)
this.setUserName(form.hrUserInfo.userName)
this.$message.success("提交成功！")
}).catch(res => { })
},
emailCountdown () {
let count = 60;
if (!this.emailTimer) {
this.emailDisabled = true;
this.emailTimer = setInterval(() => {
console.log("倒计时中");
if (count > 0) {
count--;
this.emailBtnText = `${count}秒后重试`;
} else { } else {
util.errorMsg('请输入账号') this.emailDisabled = false;
clearInterval(this.emailTimer);
this.emailTimer = null;
this.emailBtnText = `发送验证码`;
} }
}, }, 1000);
bindEmail() { }
this.email = this.form.email },
this.emailVisible = true phoneCountdown () {
}, let count = 60;
bindPhone() { if (!this.phoneTimer) {
this.phone = this.form.phone this.phoneDisabled = true;
this.phoneVisible = true this.phoneTimer = setInterval(() => {
}, console.log("倒计时中");
// 解绑手机号 if (count > 0) {
unbind() { count--;
this.$confirm('确定要解绑该手机号吗？', '提示', { this.phoneBtnText = `${count}秒后重试`;
type: 'warning' } else {
}).then(() => { this.phoneDisabled = false;
this.$get(this.api.unbindMobilePhone).then(res => { clearInterval(this.phoneTimer);
this.$message.success('解绑成功') this.phoneTimer = null;
this.getData() this.phoneBtnText = `发送验证码`;
}).catch(res => {})
}).catch(() => {})
},
bindPassword() {
this.pwdVisible = true
},
editPassword() {
const data = this.pwdForm
if (!data.password) return util.warningMsg("请输入原密码")
if (!data.newPassword) return util.warningMsg("请输入新密码")
if (!data.reNewPassword) return util.warningMsg("请确认新密码")
if (data.newPassword.length < 6 || data.reNewPassword.length < 6) return util.warningMsg("请输入6位数以上的密码")
if (data.newPassword !== data.reNewPassword) return util.warningMsg("输入的新密码不一致，请重新确认")
if (data.password === data.newPassword) return util.warningMsg("原密码跟新密码不能一致")
this.$put(this.api.pwd, {
id: this.form.id,
oldPwd: data.password,
newPwd: data.newPassword
}).then(res => {
util.successMsg("更换成功")
this.pwdVisible = false
}).catch(err => {})
},
closePassword() {
this.pwdForm = {
password: "",
newPassword: "",
reNewPassword: ""
} }
}, }, 1000);
submit() { }
const { form } = this },
this.$put(this.api.user, { closeEmail () {
id: form.id, if (!this.emailDisabled) {
jobNumber: form.jobNumber, this.emailCode = "";
phone: form.phone, }
realName: form.realName, },
username: form.username, sendEmailCode () {
email: form.email, if (!this.email) return util.warningMsg("请输入邮箱")
sex: form.sex, if (!/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(this.email)) return util.warningMsg("请输入正确的邮箱")
}).then(res => { this.$post(this.api.sendPhoneOrEmailCode, {
this.$emit('updateStatus', false) email: this.email,
this.setUserName(form.realName) types: 1
this.$message.success("提交成功！") }).then(res => {
}).catch(res => {}) if (res.message.opener) {
}, this.emailCountdown();
emailCountdown() { this.emailOpener = res.message.opener;
let count = 60; } else {
if (!this.emailTimer) { util.errorMsg(res.message);
this.emailDisabled = true;
this.emailTimer = setInterval(() => {
console.log("倒计时中");
if (count > 0) {
count--;
this.emailBtnText = `${count}秒后重试`;
} else {
this.emailDisabled = false;
clearInterval(this.emailTimer);
this.emailTimer = null;
this.emailBtnText = `发送验证码`;
}
}, 1000);
}
},
phoneCountdown() {
let count = 60;
if (!this.phoneTimer) {
this.phoneDisabled = true;
this.phoneTimer = setInterval(() => {
console.log("倒计时中");
if (count > 0) {
count--;
this.phoneBtnText = `${count}秒后重试`;
} else {
this.phoneDisabled = false;
clearInterval(this.phoneTimer);
this.phoneTimer = null;
this.phoneBtnText = `发送验证码`;
}
}, 1000);
}
},
closeEmail() {
if (!this.emailDisabled) {
this.emailCode = "";
}
},
sendEmailCode() {
if (!this.email) return util.warningMsg("请输入邮箱")
if (!/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(this.email)) return util.warningMsg("请输入正确的邮箱")
this.$post(this.api.sendPhoneOrEmailCode, {
email: this.email,
types: 1
}).then(res => {
if (res.message.opener) {
this.emailCountdown();
this.emailOpener = res.message.opener;
} else {
util.errorMsg(res.message);
}
}).catch(res => {})
},
emailSubmit() {
if (!this.email) return util.warningMsg("请输入邮箱")
if (!/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(this.email)) return util.warningMsg("请输入正确的邮箱")
if (!this.emailCode) return util.warningMsg("请输入验证码")
this.$put(this.api.bindPhoneOrEmail, {
userId: this.userId,
email: this.email,
types: 1,
code: this.emailCode,
opener: this.emailOpener
}).then(res => {
util.successMsg("绑定成功")
this.form.email = this.email
this.emailVisible = false
}).catch(res => {})
},
closePhone() {
if (!this.emailDisabled) {
this.emailCode = "";
}
},
sendPhoneCode() {
if (!this.phone) return util.warningMsg("请输入手机号");
if (!/^1[3456789]\d{9}$/.test(this.phone)) return util.warningMsg("请输入正确的手机号");
let data = {
userId: this.userId,
phone: this.phone,
types: 2
};
this.$post(this.api.sendPhoneOrEmailCode, data).then(res => {
if (res.message.opener) {
this.phoneCountdown();
this.phoneOpener = res.message.opener;
} else {
util.errorMsg(res.message);
}
}).catch(res => {
});
},
phoneSubmit() {
if (!this.phone) return util.warningMsg("请输入手机号");
if (!/^1[3456789]\d{9}$/.test(this.phone)) return util.warningMsg("请输入正确的手机号");
if (!this.phoneCode) return util.warningMsg("请输入验证码");
let data = {
userId: this.userId,
phone: this.phone,
types: 2,
code: this.phoneCode,
opener: this.phoneOpener
};
this.$post(this.api.bindPhoneOrEmail, data).then(res => {
util.successMsg("绑定成功");
this.form.phone = this.phone;
this.phoneVisible = false;
}).catch(res => {
});
} }
}).catch(res => { })
},
emailSubmit () {
if (!this.email) return util.warningMsg("请输入邮箱")
if (!/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(this.email)) return util.warningMsg("请输入正确的邮箱")
if (!this.emailCode) return util.warningMsg("请输入验证码")
this.$put(this.api.bindPhoneOrEmail, {
userId: this.userId,
email: this.email,
types: 1,
code: this.emailCode,
opener: this.emailOpener
}).then(res => {
util.successMsg("绑定成功")
this.form.email = this.email
this.emailVisible = false
}).catch(res => { })
},
closePhone () {
if (!this.emailDisabled) {
this.emailCode = "";
}
},
sendPhoneCode () {
if (!this.phone) return util.warningMsg("请输入手机号");
if (!/^1[3456789]\d{9}$/.test(this.phone)) return util.warningMsg("请输入正确的手机号");
let data = {
userId: this.userId,
phone: this.phone,
types: 2
};
this.$post(this.api.sendPhoneOrEmailCode, data).then(res => {
if (res.message.opener) {
this.phoneCountdown();
this.phoneOpener = res.message.opener;
} else {
util.errorMsg(res.message);
}
}).catch(res => {
});
},
phoneSubmit () {
if (!this.phone) return util.warningMsg("请输入手机号");
if (!/^1[3456789]\d{9}$/.test(this.phone)) return util.warningMsg("请输入正确的手机号");
if (!this.phoneCode) return util.warningMsg("请输入验证码");
let data = {
userId: this.userId,
phone: this.phone,
types: 2,
code: this.phoneCode,
opener: this.phoneOpener
};
this.$post(this.api.bindPhoneOrEmail, data).then(res => {
util.successMsg("绑定成功");
this.form.phone = this.phone;
this.phoneVisible = false;
}).catch(res => {
});
} }
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.page { .page {
min-height: 100%; min-height: 100%;
} }
.l-title { .l-title {
display: flex;
align-items: center;
margin-bottom: 12px;
font-size: 14px;
color: #333;
img {
margin-right: 5px;
}
}
.list{
.line {
display: flex;
margin-bottom: 24px;
}
.el-input, .el-select {
width: 220px;
.el-input__inner{
border-color: #CACFDB;
}
}
li {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 12px;
&>label { font-size: 14px;
width: 100px; color: #333;
img {
margin-right: 5px; margin-right: 5px;
text-align: right;
font-size: 14px;
color: #4c4c4c;
white-space: nowrap;
} }
.el-select .el-input.is-disabled .el-input__inner { }
border-color: #ddd; .list {
.line {
display: flex;
margin-bottom: 24px;
}
.el-input,
.el-select {
width: 220px;
.el-input__inner {
border-color: #cacfdb;
}
} }
.val { li {
margin-right: 15px; display: flex;
color: #606266; align-items: center;
font-size: 14px; margin-bottom: 20px;
& > label {
width: 100px;
margin-right: 5px;
text-align: right;
font-size: 14px;
color: #4c4c4c;
white-space: nowrap;
}
.el-select .el-input.is-disabled .el-input__inner {
border-color: #ddd;
}
.val {
margin-right: 15px;
color: #606266;
font-size: 14px;
}
} }
}
} }
.btn-wrap { .btn-wrap {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
padding: 12px 0; padding: 12px 0;
text-align: center; text-align: center;
background-color: #fff; background-color: #fff;
.el-button{ .el-button {
width: 80px; width: 80px;
} }
} }
</style> </style>

4
src/pages/user/detail/index.vue
Unescape View File

@ -20,7 +20,7 @@
maxlength="11"></el-input> maxlength="11"></el-input>
</el-form-item> </el-form-item>
</div> </div>
<el-form-item label="用户名称"> <el-form-item label="组织名称">
<el-input v-model="item.account" <el-input v-model="item.account"
placeholder="请输入用户名称"></el-input> placeholder="请输入用户名称"></el-input>
</el-form-item> </el-form-item>
@ -71,7 +71,7 @@
</div> </div>
<div class="page"> <div class="page">
<p class="l-title">已绑定的平台和用户信息</p> <p class="l-title">已绑定的组织信息</p>
<el-table :data="platformList" <el-table :data="platformList"
class="table" class="table"
stripe stripe

Write Preview
Loading…
Cancel
Save