Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
有来技术
vue3-element-admin
提交
a421a24d
V
vue3-element-admin
项目概览
有来技术
/
vue3-element-admin
通知
3
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue3-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
a421a24d
编写于
10月 24, 2022
作者:
H
horizons
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 编译打包报错问题修复
Former-commit-id:
7a67e6b9
上级
8746cd3b
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
6 addition
and
174 deletion
+6
-174
src/types/api/menu.d.ts
src/types/api/menu.d.ts
+6
-1
src/views/index.vue
src/views/index.vue
+0
-173
未找到文件。
src/types/api/menu.d.ts
浏览文件 @
a421a24d
...
...
@@ -62,9 +62,14 @@ export interface MenuFormData {
redirect
?:
string
;
/**
* 菜单类型
(1:菜单;2:目录;3:外链)
* 菜单类型
*/
type
:
string
;
/**
* 权限标识
*/
perm
?:
string
;
}
/**
...
...
src/views/index.vue
已删除
100644 → 0
浏览文件 @
8746cd3b
<
script
lang=
"ts"
>
export
default
{
name
:
'
member
'
,
};
</
script
>
<
script
setup
lang=
"ts"
>
import
{
reactive
,
onMounted
,
toRefs
}
from
'
vue
'
;
import
{
ElTable
}
from
'
element-plus
'
;
import
{
Search
,
Refresh
}
from
'
@element-plus/icons-vue
'
;
import
{
listMemebersPage
}
from
'
@/api/ums/member
'
;
import
{
MemberQueryParam
,
MemberItem
}
from
'
@/types/api/ums/member
'
;
const
state
=
reactive
({
// 遮罩层
loading
:
true
,
// 选中数组
ids
:
[],
// 非单个禁用
single
:
true
,
// 非多个禁用
multiple
:
true
,
total
:
0
,
queryParams
:
{
pageNum
:
1
,
pageSize
:
10
,
}
as
MemberQueryParam
,
memberList
:
[]
as
MemberItem
[],
});
const
{
loading
,
queryParams
,
memberList
,
total
}
=
toRefs
(
state
);
function
handleQuery
()
{
state
.
loading
=
true
;
listMemebersPage
(
state
.
queryParams
).
then
(({
data
})
=>
{
state
.
memberList
=
data
.
list
;
state
.
total
=
data
.
total
;
state
.
loading
=
false
;
});
}
function
resetQuery
()
{
state
.
queryParams
=
{
pageNum
:
1
,
pageSize
:
10
,
nickName
:
''
,
};
handleQuery
();
}
function
handleSelectionChange
(
selection
:
any
)
{
state
.
ids
=
selection
.
map
((
item
:
{
id
:
any
})
=>
item
.
id
);
state
.
single
=
selection
.
length
!=
1
;
state
.
multiple
=
!
selection
.
length
;
}
onMounted
(()
=>
{
handleQuery
();
});
</
script
>
<
template
>
<div
class=
"app-container"
>
<el-form
ref=
"queryFormRef"
:model=
"queryParams"
:inline=
"true"
>
<el-form-item>
<el-input
v-model=
"queryParams.nickName"
placeholder=
"会员昵称"
clearable
@
keyup.enter=
"handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
:icon=
"Search"
@
click=
"handleQuery"
>
搜索
</el-button
>
<el-button
:icon=
"Refresh"
@
click=
"resetQuery"
>
重置
</el-button>
</el-form-item>
</el-form>
<el-table
v-loading=
"loading"
:data=
"memberList"
border
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
align=
"center"
/>
<el-table-column
type=
"expand"
width=
"120"
label=
"会员地址"
>
<template
#default
="
scope
"
>
<el-table
:data=
"scope.row.addressList"
size=
"small"
border
>
<el-table-column
type=
"index"
label=
"序号"
width=
"100"
align=
"center"
/>
<el-table-column
align=
"center"
label=
"收货人"
prop=
"name"
/>
<el-table-column
align=
"center"
label=
"联系方式"
prop=
"mobile"
/>
<el-table-column
align=
"center"
label=
"收货地址"
>
<template
#default
="
scope
"
>
{{
scope
.
row
.
province
+
scope
.
row
.
city
+
scope
.
row
.
area
+
scope
.
row
.
address
}}
</
template
>
</el-table-column>
<el-table-column
align=
"center"
label=
"邮编"
prop=
"zipCode"
/>
<el-table-column
align=
"center"
label=
"是否默认"
>
<
template
#default=
"scope"
>
<el-tag
v-if=
"scope.row.defaulted == 1"
type=
"success"
>
是
</el-tag
>
<el-tag
v-if=
"scope.row.defaulted == 0"
type=
"info"
>
否
</el-tag>
</
template
>
</el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column
type=
"index"
label=
"序号"
width=
"100"
align=
"center"
/>
<el-table-column
prop=
"nickName"
label=
"昵称"
/>
<el-table-column
label=
"性别"
width=
"80"
>
<
template
#default=
"scope"
>
<span
v-if=
"scope.row.gender === 0"
>
未知
</span>
<span
v-if=
"scope.row.gender === 1"
>
男
</span>
<span
v-if=
"scope.row.gender === 2"
>
女
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"头像"
width=
"100"
>
<
template
#default=
"scope"
>
<el-popover
placement=
"right"
:width=
"400"
trigger=
"hover"
>
<img
:src=
"scope.row.avatarUrl"
width=
"400"
height=
"400"
/>
<template
#reference
>
<img
:src=
"scope.row.avatarUrl"
style=
"max-height: 60px; max-width: 60px"
/>
</
template
>
</el-popover>
</template>
</el-table-column>
<el-table-column
prop=
"mobile"
label=
"手机号码"
/>
<el-table-column
prop=
"birthday"
label=
"出生日期"
/>
<el-table-column
prop=
"status"
width=
"80"
label=
"状态"
>
<
template
#default=
"scope"
>
<el-tag
v-if=
"scope.row.status === 1"
type=
"success"
>
正常
</el-tag>
<el-tag
v-else
type=
"info"
>
禁用
</el-tag>
</
template
>
</el-table-column>
<el-table-column
prop=
"gmtCreate"
label=
"注册时间"
/>
<el-table-column
label=
"账户余额"
>
<
template
#default=
"scope"
>
{{
scope
.
row
.
balance
/
100
}}
</
template
>
</el-table-column>
</el-table>
<!-- 分页工具条 -->
<pagination
v-if=
"total > 0"
:total=
"total"
v-model:page=
"queryParams.pageNum"
v-model:limit=
"queryParams.pageSize"
@
pagination=
"handleQuery"
/>
</div>
</template>
<
style
scoped
></
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录