mnt-ltd
/
moredoc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

查询用户动态

Browse Source
dev
truthhun 1 year ago
parent f0e0ea7b1e
commit 1b3af279c9
6 changed files with 117 additions and 140 deletions
Show Stats Download Patch File Download Diff File

2
api/v1/user.proto
Unescape View File

@ -112,7 +112,7 @@ message Dynamic {
message ListUserDynamicRequest {
int64 page = 1;
int64 size = 2;
int64 user_id = 3;
int64 id = 3;
}
message ListUserDynamicReply {

33
biz/user.go
Unescape View File

@ -572,3 +572,36 @@ func (s *UserAPIService) SignToday(ctx context.Context, req *emptypb.Empty) (*v1
util.CopyStruct(sign, pbSign)
return pbSign, nil
}
func (s *UserAPIService) ListUserDynamic(ctx context.Context, req *v1.ListUserDynamicRequest) (*v1.ListUserDynamicReply, error) {
userId := req.Id
if userId == 0 {
userClaims, _ := checkGRPCLogin(s.dbModel, ctx)
if userClaims == nil {
return nil, status.Error(codes.Unauthenticated, "用户ID参数不正确")
}
userId = userClaims.UserId
}
opt := &model.OptionGetDynamicList{
WithCount: true,
Page: int(req.Page),
Size: int(req.Size_),
QueryIn: map[string][]interface{}{
"user_id": {userId},
},
}
opt.Size = util.LimitRange(opt.Size, 10, 100)
opt.Page = util.LimitMin(opt.Page, 1)
dynamics, total, err := s.dbModel.GetDynamicList(opt)
if err != nil {
return nil, status.Errorf(codes.Internal, err.Error())
}
var pbDynamics []*v1.Dynamic
util.CopyStruct(&dynamics, &pbDynamics)
return &v1.ListUserDynamicReply{Dynamic: pbDynamics, Total: total}, nil
}

3
model/dynamic.go
Unescape View File

@ -113,9 +113,10 @@ func (m *DBModel) GetDynamicList(opt *OptionGetDynamicList) (dynamicList []Dynam
opt.SelectFields = m.FilterValidFields(tableName, opt.SelectFields...)
if len(opt.SelectFields) > 0 {
db = db.Select(opt.SelectFields)
} else {
db = db.Select(m.GetTableFields(tableName))
}
// TODO: 没有排序参数的话，可以自行指定排序字段
db = m.generateQuerySort(db, tableName, opt.Sort)
db = db.Offset((opt.Page - 1) * opt.Size).Limit(opt.Size)

8
web/api/user.js
Unescape View File

@ -95,6 +95,14 @@ export const getUserCaptcha = (params) => {
})
}
export const getDynamics = (params) => {
return service({
url: '/api/v1/user/dynamic',
method: 'get',
params,
})
}
export const getUserPermissions = (params) => {
return service({
url: '/api/v1/user/permission',

206
web/components/UserDynamic.vue
Unescape View File

@ -1,169 +1,101 @@
<template>
<div class="com-user-dynamic">
<el-card shadow="never">
<el-table v-loading="loading" :data="docs" style="width: 100%">
<el-table-column prop="type" label="类型" width="100">
</el-table-column>
<el-table v-loading="loading" :data="dynamics" style="width: 100%">
<el-table-column prop="created_at" label="时间" width="160">
<template slot-scope="scope">
<el-tooltip :content="formatDatetime(scope.row.created_at)">
<span>{{ formatRelativeTime(scope.row.created_at) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="title" label="内容">
<template slot-scope="scope">{{ scope.row.title || '-' }}</template>
<template slot-scope="scope">
<!-- eslint-disable-next-line vue/no-v-html -->
<span v-html="scope.row.content"></span>
</template>
</el-table-column>
</el-table>
</el-card>
<el-pagination
:current-page="1"
:page-size="10"
v-if="total > 0"
:current-page="query.page"
:page-size="query.size"
layout="total, prev, pager, next, jumper"
:total="400"
:total="total"
@current-change="pageChange"
>
</el-pagination>
</div>
</template>
<script>
import { getDynamics } from '~/api/user'
import { formatRelativeTime, formatDatetime } from '~/utils/utils'
export default {
name: 'UserDynamic',
props: {
userId: {
type: Number,
default: 0,
},
},
data() {
return {
docs: [
{
id: 1,
title: 'Docker — 从入门到实战-BookStack.CN',
type: 'pdf',
cover: '',
view_count: 0,
download_count: 1,
score: 3.5,
created_at: '2022-01-02',
},
{
id: 2,
title: 'MongoDB简明教程',
type: 'word',
cover: '',
view_count: 0,
download_count: 1,
score: 1.5,
created_at: '2022-01-02',
},
{
id: 3,
title: 'TypeScript 官方文档',
type: 'excel',
cover: '',
view_count: 0,
download_count: 1,
score: 4,
created_at: '2022-01-02',
},
{
id: 4,
title:
'DolphinPHP1.3.0完全开发手册-基于ThinkPHP5.0.20的快速开发框架-05221135',
type: 'text',
cover: '',
view_count: 0,
download_count: 1,
score: 4.5,
created_at: '2022-01-02',
},
{
id: 1,
title: 'Docker — 从入门到实战-BookStack.CN',
type: 'pdf',
cover: '',
view_count: 0,
download_count: 1,
score: 3.5,
created_at: '2022-01-02',
},
{
id: 2,
title: 'MongoDB简明教程',
type: 'word',
cover: '',
view_count: 0,
download_count: 1,
score: 1.5,
created_at: '2022-01-02',
},
{
id: 3,
title: 'TypeScript 官方文档',
type: 'excel',
cover: '',
view_count: 0,
download_count: 1,
score: 4,
created_at: '2022-01-02',
},
{
id: 4,
title:
'DolphinPHP1.3.0完全开发手册-基于ThinkPHP5.0.20的快速开发框架-05221135',
type: 'text',
cover: '',
view_count: 0,
download_count: 1,
score: 4.5,
created_at: '2022-01-02',
},
{
id: 1,
title: 'Docker — 从入门到实战-BookStack.CN',
type: 'pdf',
cover: '',
view_count: 0,
download_count: 1,
score: 3.5,
created_at: '2022-01-02',
},
{
id: 2,
title: 'MongoDB简明教程',
type: 'word',
cover: '',
view_count: 0,
download_count: 1,
score: 1.5,
created_at: '2022-01-02',
},
{
id: 3,
title: 'TypeScript 官方文档',
type: 'excel',
cover: '',
view_count: 0,
download_count: 1,
score: 4,
created_at: '2022-01-02',
},
{
id: 4,
title:
'DolphinPHP1.3.0完全开发手册-基于ThinkPHP5.0.20的快速开发框架-05221135',
type: 'text',
cover: '',
view_count: 0,
download_count: 1,
score: 4.5,
created_at: '2022-01-02',
},
],
total: 100,
loading: false,
query: {
page: parseInt(this.$route.query.page) || 1,
size: 20,
},
dynamics: [],
total: 0,
}
},
head() {
return {
title: 'MOREDOC · 魔豆文库，开源文库系统',
}
watch: {
userId: {
handler(val) {
this.query.id = val
this.getDynamics()
},
immediate: true,
},
'$route.query': {
handler(val) {
this.query.page = parseInt(val.page) || 1
this.getDynamics()
},
immediate: true,
},
},
methods: {
formatDatetime,
formatRelativeTime,
tabClick(tab) {
this.activeTab = tab.name
},
pageChange(page) {
this.query.page = page
this.$router.push({
name: 'user-id',
params: {
id: this.userId,
},
query: {
page,
},
})
},
async getDynamics() {
if (this.loading) return
this.loading = true
const res = await getDynamics({ ...this.query, id: this.userId })
if (res.status === 200) {
this.dynamics = res.data.dynamic || []
this.total = res.data.total || 0
}
console.log(res)
this.loading = false
},
},
}
</script>

5
web/pages/user/_id.vue
Unescape View File

@ -29,7 +29,7 @@
><i class="el-icon-magic-stick"></i>&nbsp;动态</nuxt-link
>
</span>
动态 动态
<user-dynamic v-if="user.id > 0" :user-id="user.id" />
</el-tab-pane>
<el-tab-pane name="user-id-document">
<span slot="label">
@ -90,9 +90,11 @@
</template>
<script>
import UserDynamic from '~/components/UserDynamic.vue'
import { getUser } from '~/api/user'
export default {
name: 'PageUser',
components: { UserDynamic },
data() {
return {
user: {
@ -154,6 +156,7 @@ export default {
}
& > .el-tabs__content {
padding-top: 5px;
min-height: 805px;
}
}
}

Write Preview
Loading…
Cancel
Save