Publish apes-Authon-Web via gitea-publish skill

This commit is contained in:
gitea-publish
2026-08-09 11:46:38 +08:00
parent c762ddb01b
commit 10bea07624
348 changed files with 85177 additions and 0 deletions
+139
View File
@@ -0,0 +1,139 @@
<template>
<page-box title="编辑个人资料">
<el-form ref="profileForm" :model="form" label-width="100px" style="max-width:500px">
<el-form-item label="头像">
<div class="avatar-upload">
<el-avatar :size="80" :src="form.portrait || ''"></el-avatar>
<el-upload
class="avatar-uploader"
action="/api/user-service/common/upload"
:data="{ space: 'avatar' }"
:headers="uploadHeaders"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
accept="image/*"
>
<el-button size="small" type="primary" plain icon="el-icon-upload2">更换头像</el-button>
</el-upload>
</div>
</el-form-item>
<el-form-item label="昵称">
<el-input v-model="form.nickName" placeholder="请输入昵称" maxlength="20" show-word-limit></el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input :value="form.phone" disabled></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="form.email" placeholder="请输入邮箱"></el-input>
</el-form-item>
<el-form-item label="备用邮箱">
<el-input v-model="form.backupEmail" placeholder="请输入备用邮箱"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitProfile" :loading="submitting">保存</el-button>
</el-form-item>
</el-form>
</page-box>
</template>
<script>
import PageBox from '@/components/pageBox.vue'
import userApi from '@/api/user'
import msgUtil from '@/utils/msgUtil'
export default {
name: 'editProfile',
components: { PageBox },
data() {
return {
pageCode: 'y360',
form: {
nickName: '',
portrait: '',
phone: '',
email: '',
backupEmail: ''
},
submitting: false,
uploadHeaders: {}
}
},
created() {
this.loadUserInfo()
this.uploadHeaders['token'] = localStorage.getItem('_token')
},
methods: {
async loadUserInfo() {
const res = await userApi.getCurrentUser()
if (res.code === 1 && res.data) {
const user = res.data.user || res.data
this.form.nickName = user.nickName || ''
this.form.portrait = user.portrait || ''
this.form.phone = user.phone || ''
this.form.email = user.email || ''
this.form.backupEmail = user.backupEmail || ''
}
},
handleAvatarSuccess(res) {
if (res && res.code === 1) {
this.form.portrait = res.data
msgUtil.notifySuccess('头像上传成功')
}
},
beforeAvatarUpload(file) {
const isImage = file.type.startsWith('image/')
const isLt2M = file.size / 1024 / 1024 < 2
if (!isImage) msgUtil.notifyError('只能上传图片文件')
if (!isLt2M) msgUtil.notifyError('图片大小不能超过 2MB')
return isImage && isLt2M
},
async submitProfile() {
if (!this.form.nickName) {
msgUtil.notifyError('昵称不能为空')
return
}
// 邮箱格式校验
if (this.form.email && !this.form.email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
msgUtil.notifyError('邮箱格式不正确')
return
}
if (this.form.backupEmail && !this.form.backupEmail.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
msgUtil.notifyError('备用邮箱格式不正确')
return
}
this.submitting = true
try {
const res = await userApi.editProfile({
nickName: this.form.nickName,
portrait: this.form.portrait,
email: this.form.email,
backupEmail: this.form.backupEmail
})
if (res.code === 1) {
msgUtil.notifySuccess('保存成功')
// 刷新 store 中的用户信息
const currentRes = await userApi.getCurrentUser()
if (currentRes.code === 1 && currentRes.data) {
this.$store.dispatch('user/setLoginUser', currentRes.data.user || {})
this.$store.dispatch('user/setCurrentCustomer', currentRes.data.customer || {})
}
this.loadUserInfo()
} else {
msgUtil.notifyError(res.msg || '保存失败')
}
} finally {
this.submitting = false
}
}
}
}
</script>
<style scoped>
.avatar-upload {
display: flex;
align-items: center;
gap: 16px;
}
</style>
+80
View File
@@ -0,0 +1,80 @@
<template>
<page-box title="基本信息">
<div class="user-info">
<el-image style="width: 80px;height: 80px;border-radius: 10px" :src="userInfo.portrait"></el-image>
<div class="nick-name">{{ userInfo.nickName }}</div>
<div class="phone">{{ userInfo.phone }}</div>
</div>
<!-- <el-descriptions title="账号信息" style="width: 60%" :column="2" border :labelStyle="{'width':'100px'}">-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label">-->
<!-- <i class="el-icon-user"></i>-->
<!-- 头像-->
<!-- </template>-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label">-->
<!-- <i class="el-icon-user"></i>-->
<!-- 昵称-->
<!-- </template>-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label">-->
<!-- <i class="el-icon-mobile-phone"></i>-->
<!-- 手机号-->
<!-- </template>-->
<!-- {{userInfo.phone}}-->
<!-- </el-descriptions-item>-->
<!-- </el-descriptions>-->
</page-box>
</template>
<script>
import PageBox from '@/components/pageBox.vue'
import userApi from '@/api/user'
import msgUtil from '@/utils/msgUtil'
export default {
components: { PageBox },
data() {
return {
pageCode: '4ve1',
userInfo: {}
}
},
watch: {
'$store.state.user.loginUser': function(n, v) {
this.userInfo = n
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
.user-info {
width: 200px;
text-align: center;
color: #606266;
.nick-name {
font-weight: 800;
font-size: 18px;
margin-top: 10px;
}
.phone {
font-weight: 800;
font-size: 18px;
margin-top: 10px;
}
}
</style>
+473
View File
@@ -0,0 +1,473 @@
<template>
<page-box title="用户列表">
<div class="loadList">
<el-form :inline="true" :model="searchForm" class="demo-form-inline" size="mini">
<el-form-item label="用户名称">
<el-input v-model="searchForm.name" placeholder="请输入用户名称"></el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="searchForm.mobile" placeholder="请输入用户手机号"></el-input>
</el-form-item>
<el-form-item label="用户状态">
<el-select v-model="searchForm.status" placeholder="请选择">
<el-option label="全部" value=""></el-option>
<el-option label="启用" value="0"></el-option>
<el-option label="已注销" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="doSearch()" size="mini">搜索</el-button>
<el-button type="info" @click="reset" size="mini">重置</el-button>
<el-button type="success" @click="dialogUserVisible=true" size="mini">添加</el-button>
</el-form-item>
</el-form>
<el-table :data="list" element-loading-text="Loading" border fit highlight-current-row
size="mini">
<el-table-column label="账号ID" prop="id" width="200"></el-table-column>
<el-table-column label="账号名称" prop="nickName" width="200"></el-table-column>
<el-table-column label="手机号" prop="phone" width="200"></el-table-column>
<el-table-column label="所属企业" prop="customerList" min-width="200">
<template slot-scope="scope">
<el-tag v-for="customer in scope.row.customerList" :key="customer.id" size="small" style="margin-right: 5px; margin-bottom: 3px;">{{ customer.customerName }}</el-tag>
<span v-if="!scope.row.customerList || scope.row.customerList.length === 0" style="color: #909399;">未关联企业</span>
</template>
</el-table-column>
<el-table-column label="状态" width="80">
<template slot-scope="scope">
<el-tag size="small" type="danger" v-if="scope.row.status === 2">禁用</el-tag>
<el-tag size="small" type="success" v-else>启用</el-tag>
</template>
</el-table-column>
<el-table-column label="角色">
<template slot-scope="scope">
<el-tag style="margin-left: 10px" v-for="role in scope.row.roles" size="small" :type="role.roleType === 1 ? 'danger' : 'success'">{{
role.roleName
}}
</el-tag>
</template>
</el-table-column>
<el-table-column label="最后登录时间" width="150" prop="lastUpdateTime"></el-table-column>
<el-table-column label="操作" fixed="right" width="250">
<template slot-scope="scope">
<!-- <el-button size="mini" @click="openUserListDetail(scope)">详细信息</el-button>-->
<el-button type="text" @click="showSetRole(scope.row)">分配角色</el-button>
<el-button type="text" class="primary-link" @click="resetPwd(scope.row)">重置密码</el-button>
</template>
</el-table-column>
</el-table>
<div class="block" style="margin-top:20px">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
:page-size="pageSize" background layout="total, sizes, prev, pager, next, jumper"
:total="totalElements">
</el-pagination>
</div>
<el-drawer :title="'分配角色'" :visible.sync="dialogRoleVisible" size="400px" direction="rtl">
<div class="drawer-content">
<el-form :inline="true" size="mini" class="demo-form-inline">
<el-form-item label="选择应用:">
<el-select @change="appNameChange" v-model="searchRoleForm.appName" placeholder="请选择应用">
<el-option v-for="app in appList" :label="app.appName" :value="app.appKey"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-table ref="tabRole" @selection-change="handleSelectionChange" :data="roleData" row-key="id" border size="mini" style="width: 100%">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="id" label="ID" width="50px"></el-table-column>
<el-table-column prop="roleName" label="角色名称"></el-table-column>
<el-table-column prop="roleKey" label="角色标识"></el-table-column>
<el-table-column prop="remark" label="备注"></el-table-column>
</el-table>
</div>
<div class="drawer-footer">
<el-button size="mini" @click="dialogRoleVisible = false"> </el-button>
<el-button size="mini" type="primary" @click="saveMemberRole">设置角色</el-button>
</div>
</el-drawer>
<el-drawer :title="'添加用户'" :visible.sync="dialogUserVisible" size="400px" direction="rtl">
<div class="drawer-content">
<el-form label-position="top" size="mini">
<el-form-item label="昵称">
<el-input v-model="userForm.nickName" placeholder="昵称"></el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="userForm.phone" placeholder="手机号"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input v-model="userForm.password" placeholder="密码"></el-input>
</el-form-item>
</el-form>
</div>
<div class="drawer-footer">
<el-button size="mini" @click="dialogUserVisible = false"> </el-button>
<el-button size="mini" type="primary" @click="saveUser">保存用户</el-button>
</div>
</el-drawer>
</div>
</page-box>
</template>
<script>
import tagView from '@/components/tagView.vue'
import permissionApi from '@/api/permissionApi'
import userApi from '@/api/user'
import appApi from '@/api/appApi'
import msgUtil from '@/utils/msgUtil'
import PageBox from '@/components/pageBox.vue'
export default {
data() {
return {
pageCode: 'bxub',
dialogUserVisible: false,
roleData: [],
currentMember: {},
dialogRoleVisible: false,
selectRoles: [],
userForm: {
nickName: '',
phone: '',
password: '',
portrait: 'https://rw--yilise-com-img-1308359487.cos.ap-shanghai.myqcloud.com/202408221104283e86f4659.jpg'
},
searchRoleForm: {
appName: 'BASE_APP',
pageIndex: 1,
pageSize: 50
},
pageInfo: {
title: '账号管理'
},
pageNum: 1,
pageSize: 10,
totalElements: 0,
list: null,
listLoading: true,
searchForm: {
name: '',
mobile: '',
status: '',
pageIndex: 1,
pageSize: 10
},
centerDialogVisible: false,
appList: []
}
},
components: { tagView, PageBox },
filters: {},
created() {
this.loadList()
this.loadAppList()
},
mounted() {
},
methods: {
async resetPwd(item) {
let res = await this.$prompt('请输入新密码', '重置密码', {
confirmButtonText: '重置',
cancelButtonText: '取消'
})
res = await userApi.resetPwd({ id: item.id, password: res.value })
if (res.code === 1) {
msgUtil.notifySuccess('重置密码', '重置成功')
this.loadList()
} else {
msgUtil.notifyError('重置密码', res.msg)
}
},
async saveUser() {
let res = await userApi.saveUserInfo(this.userForm)
if (res.code === 1) {
this.dialogUserVisible = false
msgUtil.notifySuccess('添加用户', '添加成功')
this.loadList()
} else {
msgUtil.notifyError('添加用户', res.msg)
}
},
async loadAppList() {
let res = await appApi.appList()
if (res.code === 1) {
this.appList = res.data.records
}
},
appNameChange(e) {
this.searchRoleForm.appName = e
this.loadRoleData()
},
handleSelectionChange(val) {
this.selectRoles = val
},
showSetRole(row) {
this.dialogRoleVisible = true
this.currentMember = row
this.loadRoleData()
},
async loadRoleData() {
let res = await permissionApi.getAllRole(this.searchRoleForm)
if (res.code === 1) {
this.roleData = res.data.records
if (this.currentMember) {
let roleIds = this.currentMember.roles.map(role => role.id)
let oldRow = this.roleData.filter(role => roleIds.includes(role.id))
this.$nextTick(() => {
oldRow.forEach(role => {
console.log('选中行', role)
this.$refs.tabRole.toggleRowSelection(role)
})
})
}
}
},
async saveMemberRole() {
let params = {
userId: this.currentMember.id,
roleIds: this.selectRoles.map(role => role.id),
appName: this.searchRoleForm.appName
}
let res = await permissionApi.setMemberRole(params)
if (res.code === 1) {
this.dialogRoleVisible = false
this.loadList()
this.$notify({
title: '保存成功',
message: '保存成功',
type: 'success'
})
} else {
this.$notify({
title: '保存成失败',
message: res.msg,
type: 'error'
})
}
},
handleSizeChange(val) {
this.pageSize = val
this.loadList()
},
handleCurrentChange(val) {
this.pageNum = val
this.loadList()
},
reset() {
this.searchForm = { name: '', mobile: '', status: '', pageIndex: 1, pageSize: 10 }
this.pageNum = 1
this.pageSize = 10
this.totalElements = 0
this.list = null
this.listLoading = true
this.loadList()
},
doSearch() {
this.pageNum = 1
this.loadList()
},
async loadList() {
this.searchForm.pageIndex = this.pageNum
this.searchForm.pageSize = this.pageSize
let res = await userApi.pageUser(this.searchForm)
if (res.code === 1) {
this.list = res.data.records
this.totalElements = res.data.totalElements || res.data.total || 0
}
},
openUserListDetail(obj) {
console.log('obj', obj)
},
resetPassword(obj) {
this.$confirm('是否重置用户登录密码', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
var data = {
memberNo: obj.row.memberNo
}
target.resetUserPassword(data).then((res) => {
this.listLoading = false
if (res.status === 1) {
this.loadList()
} else {
this.$message({
type: 'error',
message: res.message
})
}
})
}).catch(() => {
})
},
delUserRpbasic(obj) {
this.$confirm('是否删除用户实名信息', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
var data = {
memberNo: obj.row.memberNo
}
target.unbundlingUserRealName(data).then((res) => {
this.listLoading = false
if (res.status === 1) {
this.loadList()
} else {
this.$message({
type: 'error',
message: res.message
})
}
})
}).catch(() => {
})
},
delUserWeChat(obj) {
this.$confirm('是否解绑微信绑定', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
var data = {
memberNo: obj.row.memberNo
}
target.unbundlingWeChatLogin(data).then((res) => {
this.listLoading = false
if (res.status === 1) {
this.loadList()
} else {
this.$message({
type: 'error',
message: res.message
})
}
})
}).catch(() => {
})
},
delUserApple(obj) {
this.$confirm('是否解绑苹果绑定', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
var data = {
memberNo: obj.row.memberNo
}
target.unbundlingAppleLogin(data).then((res) => {
this.listLoading = false
if (res.status === 1) {
this.loadList()
} else {
this.$message({
type: 'error',
message: res.message
})
}
})
}).catch(() => {
})
},
openChange(obj) {
var str = obj.row.usTag == 0 ? '标记为内部用户' : '取消标记'
this.$confirm(str, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.memberSetUsTagAjax(obj)
}).catch(() => {
})
},
async memberSetUsTagAjax(obj) {
var data = {
memberNo: obj.row.memberNo,
usTag: obj.row.usTag == 0 ? '1' : '0'
}
target.memberSetUsTag(data).then((res) => {
this.listLoading = false
if (res.status === 1) {
// location.reload();
this.loadList()
} else {
}
})
}
}
}
</script>
<style lang="scss">
.el-progress-bar__innerA {
height: 6px;
background-color: #67c23a;
text-align: right;
border-radius: 100px;
line-height: 1;
white-space: nowrap;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.el-table th.el-table__cell > .cell,
.el-table .cell {
height: 23px;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.el-button--mini,
.el-button--mini.is-round {
padding: 5px 6px;
}
.el-table th.el-table__cell > .cell,
.el-table .cell {
height: inherit;
}
.danger-link {
color: #f56c6c !important;
}
.danger-link:hover,
.danger-link:focus {
color: #f78989 !important;
}
.primary-link {
color: #409eff !important;
}
.primary-link:hover,
.primary-link:focus {
color: #66b1ff !important;
}
.drawer-content {
padding: 0 20px 20px;
overflow-y: auto;
}
.drawer-footer {
padding: 12px 20px;
border-top: 1px solid #ebeef5;
display: flex;
justify-content: flex-end;
gap: 10px;
}
</style>
+60
View File
@@ -0,0 +1,60 @@
<template>
<page-box title="修改密码">
<el-form :model="form" ref="ruleForm" label-width="100px" style="width: 30%">
<el-form-item label="原密码" prop="name">
<el-input v-model="form.oldPwd" show-password ></el-input>
</el-form-item>
<el-form-item label="新密码" prop="name">
<el-input v-model="form.pwd1" show-password minlength="6"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="name">
<el-input v-model="form.pwd2" show-password minlength="6"></el-input>
</el-form-item>
<el-form-item prop="name">
<el-button @click="changePwd" type="primary" minlength="6">保存密码</el-button>
</el-form-item>
</el-form>
</page-box>
</template>
<script>
import PageBox from '@/components/pageBox.vue'
import userApi from '@/api/user'
import msgUtil from '@/utils/msgUtil'
export default {
components: { PageBox },
data() {
return {
pageCode: 'rcgs',
form: {
oldPwd: '',
pwd1: '',
pwd2: ''
}
}
},
methods: {
async changePwd() {
let res = await userApi.editPwd(this.form)
if (res.code === 1) {
// msgUtil.notifySuccess('修改密码', '成功')
this.$alert('密码修改成功,已经退出登录,请你重新登陆', '修改密码', {
confirmButtonText: '去重新登陆',
showClose:false,
callback: action => {
this.$router.push({name:"login"})
}
})
} else {
msgUtil.notifyError('修改密码', res.msg)
}
}
}
}
</script>
<style scoped lang="scss">
</style>
+85
View File
@@ -0,0 +1,85 @@
<template>
<page-box title="SSO配置">
<el-form :model="form" ref="ruleForm" label-width="140px" style="width: 30%">
<el-tabs v-model="activeName">
<el-tab-pane label="伙伴云配置" name="huoban">
<el-form-item label="伙伴云公司ID" prop="name">
<el-input v-model="form.huobanCompanyId"></el-input>
</el-form-item>
<el-form-item label="伙伴云绑定手机号" prop="name">
<el-input v-model="form.huobanMobile"></el-input>
</el-form-item>
<el-form-item label="伙伴云姓名" prop="name">
<el-input v-model="form.huobanName"></el-input>
</el-form-item>
</el-tab-pane>
<el-tab-pane label="交易平台配置" name="payment">
<el-form-item label="登录账号" prop="name">
<el-input v-model="form.paymentUserName"></el-input>
</el-form-item>
<el-form-item label="登录密码" prop="name">
<el-input v-model="form.paymentPassword"></el-input>
</el-form-item>
<el-form-item label="选择角色" prop="name">
<el-select style="width: 100%" v-model="form.paymentGroup" placeholder="请选择交易平台角色">
<el-option label="合伙人" :value="1"></el-option>
<el-option label="商家管理员" :value="3"></el-option>
</el-select>
</el-form-item>
</el-tab-pane>
<el-form-item prop="name">
<el-button @click="saveHuoBanConfig" type="primary">保存配置</el-button>
</el-form-item>
</el-tabs>
</el-form>
</page-box>
</template>
<script>
import PageBox from '@/components/pageBox.vue'
import userApi from '@/api/user'
import msgUtil from '@/utils/msgUtil'
export default {
components: { PageBox },
data() {
return {
pageCode: 'qyfa',
activeName: 'huoban',
form: {
huobanMobile: '',
huobanCompanyId: '',
huobanName: ''
}
}
},
mounted() {
this.loadData()
},
methods: {
async loadData() {
let res = await userApi.getSsoConfig()
if (res.code === 1) {
this.form = res.data
}
},
async saveHuoBanConfig() {
let res = await userApi.saveSsoConfig(this.form)
if (res.code === 1) {
msgUtil.notifySuccess('伙伴云', '保存成功')
this.loadData()
} else {
msgUtil.notifyError('伙伴云', res.msg)
}
}
}
}
</script>
<style scoped lang="scss">
</style>