Merge branch 'main' of http://113.45.157.195:3003/insiinc/leader-mail
This commit is contained in:
commit
c4abf0fa68
|
@ -4,44 +4,48 @@ import { AppConfigService } from './app-config.service';
|
|||
import { z, ZodType } from 'zod';
|
||||
import { Prisma } from '@nice/common';
|
||||
import { RealtimeServer } from '@server/socket/realtime/realtime.server';
|
||||
const AppConfigUncheckedCreateInputSchema: ZodType<Prisma.AppConfigUncheckedCreateInput> = z.any()
|
||||
const AppConfigUpdateArgsSchema: ZodType<Prisma.AppConfigUpdateArgs> = z.any()
|
||||
const AppConfigDeleteManyArgsSchema: ZodType<Prisma.AppConfigDeleteManyArgs> = z.any()
|
||||
const AppConfigFindFirstArgsSchema: ZodType<Prisma.AppConfigFindFirstArgs> = z.any()
|
||||
const AppConfigUncheckedCreateInputSchema: ZodType<Prisma.AppConfigUncheckedCreateInput> =
|
||||
z.any();
|
||||
const AppConfigUpdateArgsSchema: ZodType<Prisma.AppConfigUpdateArgs> = z.any();
|
||||
const AppConfigDeleteManyArgsSchema: ZodType<Prisma.AppConfigDeleteManyArgs> =
|
||||
z.any();
|
||||
const AppConfigFindFirstArgsSchema: ZodType<Prisma.AppConfigFindFirstArgs> =
|
||||
z.any();
|
||||
@Injectable()
|
||||
export class AppConfigRouter {
|
||||
constructor(
|
||||
private readonly trpc: TrpcService,
|
||||
private readonly appConfigService: AppConfigService,
|
||||
private readonly realtimeServer: RealtimeServer
|
||||
) { }
|
||||
router = this.trpc.router({
|
||||
create: this.trpc.protectProcedure
|
||||
.input(AppConfigUncheckedCreateInputSchema)
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
return await this.appConfigService.create({ data: input });
|
||||
}),
|
||||
update: this.trpc.protectProcedure
|
||||
.input(AppConfigUpdateArgsSchema)
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
|
||||
const { staff } = ctx;
|
||||
return await this.appConfigService.update(input);
|
||||
}),
|
||||
deleteMany: this.trpc.protectProcedure.input(AppConfigDeleteManyArgsSchema).mutation(async ({ input }) => {
|
||||
return await this.appConfigService.deleteMany(input)
|
||||
}),
|
||||
findFirst: this.trpc.protectProcedure.input(AppConfigFindFirstArgsSchema).
|
||||
query(async ({ input }) => {
|
||||
|
||||
return await this.appConfigService.findFirst(input)
|
||||
}),
|
||||
clearRowCache: this.trpc.protectProcedure.mutation(async () => {
|
||||
return await this.appConfigService.clearRowCache()
|
||||
}),
|
||||
getClientCount: this.trpc.protectProcedure.query(() => {
|
||||
return this.realtimeServer.getClientCount()
|
||||
})
|
||||
});
|
||||
constructor(
|
||||
private readonly trpc: TrpcService,
|
||||
private readonly appConfigService: AppConfigService,
|
||||
private readonly realtimeServer: RealtimeServer,
|
||||
) {}
|
||||
router = this.trpc.router({
|
||||
create: this.trpc.protectProcedure
|
||||
.input(AppConfigUncheckedCreateInputSchema)
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
return await this.appConfigService.create({ data: input });
|
||||
}),
|
||||
update: this.trpc.protectProcedure
|
||||
.input(AppConfigUpdateArgsSchema)
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
return await this.appConfigService.update(input);
|
||||
}),
|
||||
deleteMany: this.trpc.protectProcedure
|
||||
.input(AppConfigDeleteManyArgsSchema)
|
||||
.mutation(async ({ input }) => {
|
||||
return await this.appConfigService.deleteMany(input);
|
||||
}),
|
||||
findFirst: this.trpc.protectProcedure
|
||||
.input(AppConfigFindFirstArgsSchema)
|
||||
.query(async ({ input }) => {
|
||||
return await this.appConfigService.findFirst(input);
|
||||
}),
|
||||
clearRowCache: this.trpc.protectProcedure.mutation(async () => {
|
||||
return await this.appConfigService.clearRowCache();
|
||||
}),
|
||||
getClientCount: this.trpc.protectProcedure.query(() => {
|
||||
return this.realtimeServer.getClientCount();
|
||||
}),
|
||||
});
|
||||
}
|
||||
|
|
|
@ -1,10 +1,5 @@
|
|||
import { Injectable } from '@nestjs/common';
|
||||
import {
|
||||
db,
|
||||
ObjectType,
|
||||
Prisma,
|
||||
} from '@nice/common';
|
||||
|
||||
import { db, ObjectType, Prisma } from '@nice/common';
|
||||
|
||||
import { BaseService } from '../base/base.service';
|
||||
import { deleteByPattern } from '@server/utils/redis/utils';
|
||||
|
@ -12,10 +7,10 @@ import { deleteByPattern } from '@server/utils/redis/utils';
|
|||
@Injectable()
|
||||
export class AppConfigService extends BaseService<Prisma.AppConfigDelegate> {
|
||||
constructor() {
|
||||
super(db, "appConfig");
|
||||
super(db, 'appConfig');
|
||||
}
|
||||
async clearRowCache() {
|
||||
await deleteByPattern("row-*")
|
||||
return true
|
||||
await deleteByPattern('row-*');
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,9 +1,6 @@
|
|||
import { Injectable } from '@nestjs/common';
|
||||
import { TrpcService } from '@server/trpc/trpc.service';
|
||||
import {
|
||||
ObjectType,
|
||||
RoleMapMethodSchema,
|
||||
} from '@nice/common';
|
||||
import { ObjectType, RoleMapMethodSchema } from '@nice/common';
|
||||
import { RoleMapService } from './rolemap.service';
|
||||
|
||||
@Injectable()
|
||||
|
@ -11,7 +8,7 @@ export class RoleMapRouter {
|
|||
constructor(
|
||||
private readonly trpc: TrpcService,
|
||||
private readonly roleMapService: RoleMapService,
|
||||
) { }
|
||||
) {}
|
||||
router = this.trpc.router({
|
||||
deleteAllRolesForObject: this.trpc.protectProcedure
|
||||
.input(RoleMapMethodSchema.deleteWithObject)
|
||||
|
@ -67,5 +64,10 @@ export class RoleMapRouter {
|
|||
.query(async ({ input }) => {
|
||||
return this.roleMapService.getStaffsNotMap(input);
|
||||
}),
|
||||
getStaffIdsByRoleNames: this.trpc.procedure
|
||||
.input(RoleMapMethodSchema.getStaffIdsByRoleNames)
|
||||
.query(async ({ input }) => {
|
||||
return this.roleMapService.getStaffIdsByRoleNames(input);
|
||||
}),
|
||||
});
|
||||
}
|
||||
|
|
|
@ -44,7 +44,7 @@ export class RoleMapService extends RowModelService {
|
|||
) {
|
||||
const { roleId, domainId } = request;
|
||||
// Base conditions
|
||||
let condition = super.createGetRowsFilters(request, staff);
|
||||
const condition = super.createGetRowsFilters(request, staff);
|
||||
if (isFieldCondition(condition)) return;
|
||||
// Adding conditions based on parameters existence
|
||||
if (roleId) {
|
||||
|
@ -64,10 +64,7 @@ export class RoleMapService extends RowModelService {
|
|||
return condition;
|
||||
}
|
||||
|
||||
protected async getRowDto(
|
||||
row: any,
|
||||
staff?: UserProfile,
|
||||
): Promise<any> {
|
||||
protected async getRowDto(row: any, staff?: UserProfile): Promise<any> {
|
||||
if (!row.id) return row;
|
||||
return row;
|
||||
}
|
||||
|
@ -126,15 +123,17 @@ export class RoleMapService extends RowModelService {
|
|||
data: roleMaps,
|
||||
});
|
||||
});
|
||||
const wrapResult = Promise.all(result.map(async item => {
|
||||
const staff = await db.staff.findMany({
|
||||
include: { department: true },
|
||||
where: {
|
||||
id: item.objectId
|
||||
}
|
||||
})
|
||||
return { ...item, staff }
|
||||
}))
|
||||
const wrapResult = Promise.all(
|
||||
result.map(async (item) => {
|
||||
const staff = await db.staff.findMany({
|
||||
include: { department: true },
|
||||
where: {
|
||||
id: item.objectId,
|
||||
},
|
||||
});
|
||||
return { ...item, staff };
|
||||
}),
|
||||
);
|
||||
return wrapResult;
|
||||
}
|
||||
async addRoleForObjects(
|
||||
|
@ -187,11 +186,11 @@ export class RoleMapService extends RowModelService {
|
|||
{ objectId: staffId, objectType: ObjectType.STAFF },
|
||||
...(deptId || ancestorDeptIds.length > 0
|
||||
? [
|
||||
{
|
||||
objectId: { in: [deptId, ...ancestorDeptIds].filter(Boolean) },
|
||||
objectType: ObjectType.DEPARTMENT,
|
||||
},
|
||||
]
|
||||
{
|
||||
objectId: { in: [deptId, ...ancestorDeptIds].filter(Boolean) },
|
||||
objectType: ObjectType.DEPARTMENT,
|
||||
},
|
||||
]
|
||||
: []),
|
||||
];
|
||||
// Helper function to fetch roles based on domain ID.
|
||||
|
@ -260,7 +259,9 @@ export class RoleMapService extends RowModelService {
|
|||
// const processedItems = await Promise.all(items.map(item => this.genRoleMapDto(item)));
|
||||
return { items, totalCount };
|
||||
}
|
||||
async getStaffsNotMap(data: z.infer<typeof RoleMapMethodSchema.getStaffsNotMap>) {
|
||||
async getStaffsNotMap(
|
||||
data: z.infer<typeof RoleMapMethodSchema.getStaffsNotMap>,
|
||||
) {
|
||||
const { domainId, roleId } = data;
|
||||
let staffs = await db.staff.findMany({
|
||||
where: {
|
||||
|
@ -280,6 +281,35 @@ export class RoleMapService extends RowModelService {
|
|||
);
|
||||
return staffs;
|
||||
}
|
||||
async getStaffIdsByRoleNames(
|
||||
data: z.infer<typeof RoleMapMethodSchema.getStaffIdsByRoleNames>,
|
||||
) {
|
||||
const { roleNames } = data;
|
||||
const roles = await db.role.findMany({
|
||||
where: {
|
||||
name: {
|
||||
in: roleNames,
|
||||
},
|
||||
},
|
||||
select: {
|
||||
id: true,
|
||||
},
|
||||
});
|
||||
const roleMaps = await db.roleMap.findMany({
|
||||
where: {
|
||||
roleId: {
|
||||
in: roles.map((role) => role.id),
|
||||
},
|
||||
objectType: ObjectType.STAFF,
|
||||
},
|
||||
select: {
|
||||
id: true,
|
||||
objectId: true,
|
||||
},
|
||||
});
|
||||
const staffIds = roleMaps.map((roleMap) => roleMap.objectId);
|
||||
return staffIds;
|
||||
}
|
||||
/**
|
||||
* 更新角色映射
|
||||
* @param data 包含更新信息的数据
|
||||
|
@ -300,7 +330,9 @@ export class RoleMapService extends RowModelService {
|
|||
* @param data 包含角色ID和域ID的数据
|
||||
* @returns 角色映射详情,包含部门ID和员工ID列表
|
||||
*/
|
||||
async getRoleMapDetail(data: z.infer<typeof RoleMapMethodSchema.getRoleMapDetail>) {
|
||||
async getRoleMapDetail(
|
||||
data: z.infer<typeof RoleMapMethodSchema.getRoleMapDetail>,
|
||||
) {
|
||||
const { roleId, domainId } = data;
|
||||
const res = await db.roleMap.findMany({ where: { roleId, domainId } });
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@ import { ResourceService } from './resource.service';
|
|||
import { TrpcService } from '@server/trpc/trpc.service';
|
||||
|
||||
@Module({
|
||||
exports: [ResourceRouter, ResourceService],
|
||||
providers: [ResourceRouter, ResourceService, TrpcService],
|
||||
exports: [ResourceRouter, ResourceService],
|
||||
providers: [ResourceRouter, ResourceService, TrpcService],
|
||||
})
|
||||
export class ResourceModule { }
|
||||
export class ResourceModule {}
|
||||
|
|
|
@ -3,68 +3,75 @@ import { TrpcService } from '@server/trpc/trpc.service';
|
|||
import { Prisma, UpdateOrderSchema } from '@nice/common';
|
||||
import { ResourceService } from './resource.service';
|
||||
import { z, ZodType } from 'zod';
|
||||
const ResourceCreateArgsSchema: ZodType<Prisma.ResourceCreateArgs> = z.any()
|
||||
const ResourceCreateManyInputSchema: ZodType<Prisma.ResourceCreateManyInput> = z.any()
|
||||
const ResourceDeleteManyArgsSchema: ZodType<Prisma.ResourceDeleteManyArgs> = z.any()
|
||||
const ResourceFindManyArgsSchema: ZodType<Prisma.ResourceFindManyArgs> = z.any()
|
||||
const ResourceFindFirstArgsSchema: ZodType<Prisma.ResourceFindFirstArgs> = z.any()
|
||||
const ResourceWhereInputSchema: ZodType<Prisma.ResourceWhereInput> = z.any()
|
||||
const ResourceSelectSchema: ZodType<Prisma.ResourceSelect> = z.any()
|
||||
const ResourceCreateArgsSchema: ZodType<Prisma.ResourceCreateArgs> = z.any();
|
||||
const ResourceCreateManyInputSchema: ZodType<Prisma.ResourceCreateManyInput> =
|
||||
z.any();
|
||||
const ResourceDeleteManyArgsSchema: ZodType<Prisma.ResourceDeleteManyArgs> =
|
||||
z.any();
|
||||
const ResourceFindManyArgsSchema: ZodType<Prisma.ResourceFindManyArgs> =
|
||||
z.any();
|
||||
const ResourceFindFirstArgsSchema: ZodType<Prisma.ResourceFindFirstArgs> =
|
||||
z.any();
|
||||
const ResourceWhereInputSchema: ZodType<Prisma.ResourceWhereInput> = z.any();
|
||||
const ResourceSelectSchema: ZodType<Prisma.ResourceSelect> = z.any();
|
||||
|
||||
@Injectable()
|
||||
export class ResourceRouter {
|
||||
constructor(
|
||||
private readonly trpc: TrpcService,
|
||||
private readonly resourceService: ResourceService,
|
||||
) { }
|
||||
router = this.trpc.router({
|
||||
create: this.trpc.protectProcedure
|
||||
.input(ResourceCreateArgsSchema)
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
return await this.resourceService.create(input, { staff });
|
||||
}),
|
||||
createMany: this.trpc.protectProcedure.input(z.array(ResourceCreateManyInputSchema))
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
constructor(
|
||||
private readonly trpc: TrpcService,
|
||||
private readonly resourceService: ResourceService,
|
||||
) {}
|
||||
router = this.trpc.router({
|
||||
create: this.trpc.protectProcedure
|
||||
.input(ResourceCreateArgsSchema)
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
return await this.resourceService.create(input, { staff });
|
||||
}),
|
||||
createMany: this.trpc.protectProcedure
|
||||
.input(z.array(ResourceCreateManyInputSchema))
|
||||
.mutation(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
|
||||
return await this.resourceService.createMany({ data: input }, staff);
|
||||
}),
|
||||
deleteMany: this.trpc.procedure
|
||||
.input(ResourceDeleteManyArgsSchema)
|
||||
.mutation(async ({ input }) => {
|
||||
return await this.resourceService.deleteMany(input);
|
||||
}),
|
||||
findFirst: this.trpc.procedure
|
||||
.input(ResourceFindFirstArgsSchema) // Assuming StaffMethodSchema.findMany is the Zod schema for finding staffs by keyword
|
||||
.query(async ({ input }) => {
|
||||
return await this.resourceService.findFirst(input);
|
||||
}),
|
||||
softDeleteByIds: this.trpc.protectProcedure
|
||||
.input(z.object({ ids: z.array(z.string()) })) // expect input according to the schema
|
||||
.mutation(async ({ input }) => {
|
||||
return this.resourceService.softDeleteByIds(input.ids);
|
||||
}),
|
||||
updateOrder: this.trpc.protectProcedure
|
||||
.input(UpdateOrderSchema)
|
||||
.mutation(async ({ input }) => {
|
||||
return this.resourceService.updateOrder(input);
|
||||
}),
|
||||
findMany: this.trpc.procedure
|
||||
.input(ResourceFindManyArgsSchema) // Assuming StaffMethodSchema.findMany is the Zod schema for finding staffs by keyword
|
||||
.query(async ({ input }) => {
|
||||
return await this.resourceService.findMany(input);
|
||||
}),
|
||||
findManyWithCursor: this.trpc.protectProcedure
|
||||
.input(z.object({
|
||||
cursor: z.any().nullish(),
|
||||
take: z.number().nullish(),
|
||||
where: ResourceWhereInputSchema.nullish(),
|
||||
select: ResourceSelectSchema.nullish()
|
||||
}))
|
||||
.query(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
return await this.resourceService.findManyWithCursor(input);
|
||||
}),
|
||||
});
|
||||
return await this.resourceService.createMany({ data: input }, staff);
|
||||
}),
|
||||
deleteMany: this.trpc.procedure
|
||||
.input(ResourceDeleteManyArgsSchema)
|
||||
.mutation(async ({ input }) => {
|
||||
return await this.resourceService.deleteMany(input);
|
||||
}),
|
||||
findFirst: this.trpc.procedure
|
||||
.input(ResourceFindFirstArgsSchema) // Assuming StaffMethodSchema.findMany is the Zod schema for finding staffs by keyword
|
||||
.query(async ({ input }) => {
|
||||
return await this.resourceService.findFirst(input);
|
||||
}),
|
||||
softDeleteByIds: this.trpc.protectProcedure
|
||||
.input(z.object({ ids: z.array(z.string()) })) // expect input according to the schema
|
||||
.mutation(async ({ input }) => {
|
||||
return this.resourceService.softDeleteByIds(input.ids);
|
||||
}),
|
||||
updateOrder: this.trpc.protectProcedure
|
||||
.input(UpdateOrderSchema)
|
||||
.mutation(async ({ input }) => {
|
||||
return this.resourceService.updateOrder(input);
|
||||
}),
|
||||
findMany: this.trpc.procedure
|
||||
.input(ResourceFindManyArgsSchema) // Assuming StaffMethodSchema.findMany is the Zod schema for finding staffs by keyword
|
||||
.query(async ({ input }) => {
|
||||
return await this.resourceService.findMany(input);
|
||||
}),
|
||||
findManyWithCursor: this.trpc.protectProcedure
|
||||
.input(
|
||||
z.object({
|
||||
cursor: z.any().nullish(),
|
||||
take: z.number().nullish(),
|
||||
where: ResourceWhereInputSchema.nullish(),
|
||||
select: ResourceSelectSchema.nullish(),
|
||||
}),
|
||||
)
|
||||
.query(async ({ ctx, input }) => {
|
||||
const { staff } = ctx;
|
||||
return await this.resourceService.findManyWithCursor(input);
|
||||
}),
|
||||
});
|
||||
}
|
||||
|
|
|
@ -12,4 +12,4 @@ import { StaffRowService } from './staff.row.service';
|
|||
exports: [StaffService, StaffRouter, StaffRowService],
|
||||
controllers: [StaffController],
|
||||
})
|
||||
export class StaffModule { }
|
||||
export class StaffModule {}
|
||||
|
|
|
@ -44,7 +44,7 @@ export class StaffService extends BaseService<Prisma.StaffDelegate> {
|
|||
...data,
|
||||
password: await argon2.hash((data.password || '123456') as string),
|
||||
};
|
||||
|
||||
|
||||
const result = await super.create({ ...args, data: createData });
|
||||
this.emitDataChangedEvent(result, CrudOperation.CREATED);
|
||||
return result;
|
||||
|
|
|
@ -187,6 +187,13 @@ export class VisitService extends BaseService<Prisma.VisitDelegate> {
|
|||
visitType: VisitType.LIKE,
|
||||
});
|
||||
}
|
||||
if (args.where.type === VisitType.HATE) {
|
||||
EventBus.emit('updateVisitCount', {
|
||||
objectType: ObjectType.POST,
|
||||
id: args?.where?.postId as string,
|
||||
visitType: VisitType.HATE,
|
||||
});
|
||||
}
|
||||
}
|
||||
return superDetele;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
import { db, PostState, PostType, VisitType } from '@nice/common';
|
||||
export async function updatePostViewCount(id: string, type: VisitType) {
|
||||
console.log('updatePostViewCount', type);
|
||||
const totalViews = await db.visit.aggregate({
|
||||
_sum: {
|
||||
views: true,
|
||||
|
@ -19,7 +20,6 @@ export async function updatePostViewCount(id: string, type: VisitType) {
|
|||
},
|
||||
});
|
||||
} else if (type === VisitType.LIKE) {
|
||||
console.log('totalViews._sum.view', totalViews._sum.views);
|
||||
await db.post.update({
|
||||
where: {
|
||||
id: id,
|
||||
|
@ -28,5 +28,14 @@ export async function updatePostViewCount(id: string, type: VisitType) {
|
|||
likes: totalViews._sum.views || 0, // Use 0 if no visits exist
|
||||
},
|
||||
});
|
||||
} else if (type === VisitType.HATE) {
|
||||
await db.post.update({
|
||||
where: {
|
||||
id: id,
|
||||
},
|
||||
data: {
|
||||
hates: totalViews._sum.views || 0, // Use 0 if no visits exist
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,7 +8,6 @@ import { updatePostViewCount } from '../models/post/utils';
|
|||
const logger = new Logger('QueueWorker');
|
||||
export default async function processJob(job: Job<any, any, QueueJobType>) {
|
||||
try {
|
||||
|
||||
if (job.name === QueueJobType.UPDATE_POST_VISIT_COUNT) {
|
||||
await updatePostViewCount(job.data.id, job.data.type);
|
||||
}
|
||||
|
|
|
@ -12,12 +12,7 @@ import {
|
|||
Term,
|
||||
} from '@nice/common';
|
||||
import EventBus from '@server/utils/event-bus';
|
||||
import {
|
||||
|
||||
capitalizeFirstLetter,
|
||||
DevDataCounts,
|
||||
getCounts,
|
||||
} from './utils';
|
||||
import { capitalizeFirstLetter, DevDataCounts, getCounts } from './utils';
|
||||
import { StaffService } from '@server/models/staff/staff.service';
|
||||
@Injectable()
|
||||
export class GenDevService {
|
||||
|
@ -26,7 +21,7 @@ export class GenDevService {
|
|||
deptStaffRecord: Record<string, Staff[]> = {};
|
||||
terms: Record<TaxonomySlug, Term[]> = {
|
||||
[TaxonomySlug.CATEGORY]: [],
|
||||
[TaxonomySlug.TAG]: []
|
||||
[TaxonomySlug.TAG]: [],
|
||||
};
|
||||
depts: Department[] = [];
|
||||
domains: Department[] = [];
|
||||
|
@ -39,7 +34,7 @@ export class GenDevService {
|
|||
private readonly departmentService: DepartmentService,
|
||||
private readonly staffService: StaffService,
|
||||
private readonly termService: TermService,
|
||||
) { }
|
||||
) {}
|
||||
async genDataEvent() {
|
||||
EventBus.emit('genDataEvent', { type: 'start' });
|
||||
try {
|
||||
|
@ -47,7 +42,6 @@ export class GenDevService {
|
|||
await this.generateDepartments(3, 6);
|
||||
await this.generateTerms(1, 3);
|
||||
await this.generateStaffs(4);
|
||||
|
||||
} catch (err) {
|
||||
this.logger.error(err);
|
||||
}
|
||||
|
@ -164,8 +158,8 @@ export class GenDevService {
|
|||
showname: username,
|
||||
username: username,
|
||||
deptId: dept.id,
|
||||
domainId: domain.id
|
||||
}
|
||||
domainId: domain.id,
|
||||
},
|
||||
});
|
||||
// Update both deptStaffRecord and staffs array
|
||||
this.deptStaffRecord[dept.id].push(staff);
|
||||
|
@ -190,7 +184,7 @@ export class GenDevService {
|
|||
name,
|
||||
isDomain: currentDepth === 1 ? true : false,
|
||||
parentId,
|
||||
}
|
||||
},
|
||||
});
|
||||
return department;
|
||||
}
|
||||
|
@ -208,7 +202,9 @@ export class GenDevService {
|
|||
throw new Error(`Taxonomy with slug ${taxonomySlug} not found`);
|
||||
}
|
||||
|
||||
this.logger.log(`Creating terms for taxonomy: ${taxonomy.name} (${taxonomy.slug})`);
|
||||
this.logger.log(
|
||||
`Creating terms for taxonomy: ${taxonomy.name} (${taxonomy.slug})`,
|
||||
);
|
||||
let counter = 1;
|
||||
const createTermTree = async (
|
||||
parentId: string | null,
|
||||
|
@ -223,7 +219,7 @@ export class GenDevService {
|
|||
taxonomyId: taxonomy!.id,
|
||||
domainId: domain?.id,
|
||||
parentId,
|
||||
}
|
||||
},
|
||||
});
|
||||
this.terms[taxonomySlug].push(newTerm);
|
||||
await createTermTree(newTerm.id, currentDepth + 1);
|
||||
|
|
|
@ -15,6 +15,8 @@ import { WebSocketModule } from '@server/socket/websocket.module';
|
|||
import { RoleMapModule } from '@server/models/rbac/rbac.module';
|
||||
import { TransformModule } from '@server/models/transform/transform.module';
|
||||
|
||||
import { ResourceModule } from '@server/models/resource/resource.module';
|
||||
|
||||
@Module({
|
||||
imports: [
|
||||
AuthModule,
|
||||
|
@ -30,6 +32,7 @@ import { TransformModule } from '@server/models/transform/transform.module';
|
|||
PostModule,
|
||||
VisitModule,
|
||||
WebSocketModule,
|
||||
ResourceModule,
|
||||
],
|
||||
controllers: [],
|
||||
providers: [TrpcService, TrpcRouter, Logger],
|
||||
|
|
|
@ -13,10 +13,10 @@ import { VisitRouter } from '@server/models/visit/visit.router';
|
|||
import { RoleMapRouter } from '@server/models/rbac/rolemap.router';
|
||||
import { TransformRouter } from '@server/models/transform/transform.router';
|
||||
import { RoleRouter } from '@server/models/rbac/role.router';
|
||||
import { ResourceRouter } from '../models/resource/resource.router';
|
||||
|
||||
@Injectable()
|
||||
export class TrpcRouter {
|
||||
|
||||
logger = new Logger(TrpcRouter.name);
|
||||
constructor(
|
||||
private readonly trpc: TrpcService,
|
||||
|
@ -31,10 +31,10 @@ export class TrpcRouter {
|
|||
private readonly app_config: AppConfigRouter,
|
||||
private readonly message: MessageRouter,
|
||||
private readonly visitor: VisitRouter,
|
||||
|
||||
) { }
|
||||
private readonly resource: ResourceRouter,
|
||||
) {}
|
||||
getRouter() {
|
||||
return
|
||||
return;
|
||||
}
|
||||
appRouter = this.trpc.router({
|
||||
transform: this.transform.router,
|
||||
|
@ -48,6 +48,7 @@ export class TrpcRouter {
|
|||
message: this.message.router,
|
||||
app_config: this.app_config.router,
|
||||
visitor: this.visitor.router,
|
||||
resource: this.resource.router,
|
||||
});
|
||||
wss: WebSocketServer = undefined;
|
||||
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
import { TrpcRouter } from "./trpc.router";
|
||||
import { TrpcRouter } from './trpc.router';
|
||||
|
||||
export type AppRouter = TrpcRouter[`appRouter`];
|
||||
|
|
|
@ -1,32 +1,25 @@
|
|||
import {
|
||||
AppConfigSlug,
|
||||
BaseSetting,
|
||||
RolePerms,
|
||||
} from "@nice/common";
|
||||
import { AppConfigSlug, BaseSetting, RolePerms } from "@nice/common";
|
||||
import { useContext, useEffect, useState } from "react";
|
||||
import {
|
||||
Button,
|
||||
Form,
|
||||
Input,
|
||||
message,
|
||||
theme,
|
||||
} from "antd";
|
||||
import { Button, Form, Input, message, theme } from "antd";
|
||||
import { useAppConfig } from "@nice/client";
|
||||
import { useAuth } from "@web/src/providers/auth-provider";
|
||||
import { useForm } from "antd/es/form/Form";
|
||||
import { api } from "@nice/client"
|
||||
import { api } from "@nice/client";
|
||||
import AdminHeader from "@web/src/components/layout/admin/AdminHeader";
|
||||
|
||||
import AvatarUploader from "@web/src/components/common/uploader/AvatarUploader";
|
||||
|
||||
export default function BaseSettingPage() {
|
||||
const { update, baseSetting } = useAppConfig();
|
||||
const utils = api.useUtils()
|
||||
const [form] = useForm()
|
||||
const utils = api.useUtils();
|
||||
const [form] = useForm();
|
||||
const { token } = theme.useToken();
|
||||
const { data: clientCount } = api.app_config.getClientCount.useQuery(undefined, {
|
||||
refetchInterval: 3000,
|
||||
refetchIntervalInBackground: true
|
||||
})
|
||||
const { data: clientCount } = api.app_config.getClientCount.useQuery(
|
||||
undefined,
|
||||
{
|
||||
refetchInterval: 3000,
|
||||
refetchIntervalInBackground: true,
|
||||
}
|
||||
);
|
||||
const [isFormChanged, setIsFormChanged] = useState(false);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const { user, hasSomePermissions } = useAuth();
|
||||
|
@ -34,31 +27,27 @@ export default function BaseSettingPage() {
|
|||
setIsFormChanged(true);
|
||||
}
|
||||
function onResetClick() {
|
||||
if (!form)
|
||||
return
|
||||
if (!form) return;
|
||||
if (!baseSetting) {
|
||||
form.resetFields();
|
||||
} else {
|
||||
form.resetFields();
|
||||
form.setFieldsValue(baseSetting);
|
||||
|
||||
}
|
||||
setIsFormChanged(false);
|
||||
}
|
||||
function onSaveClick() {
|
||||
if (form)
|
||||
form.submit();
|
||||
if (form) form.submit();
|
||||
}
|
||||
async function onSubmit(values: BaseSetting) {
|
||||
setLoading(true);
|
||||
|
||||
try {
|
||||
|
||||
await update.mutateAsync({
|
||||
where: {
|
||||
slug: AppConfigSlug.BASE_SETTING,
|
||||
},
|
||||
data: { meta: JSON.stringify(values) }
|
||||
data: { meta: JSON.stringify(values) },
|
||||
});
|
||||
setIsFormChanged(false);
|
||||
message.success("已保存");
|
||||
|
@ -70,12 +59,11 @@ export default function BaseSettingPage() {
|
|||
}
|
||||
useEffect(() => {
|
||||
if (baseSetting && form) {
|
||||
|
||||
form.setFieldsValue(baseSetting);
|
||||
}
|
||||
}, [baseSetting, form]);
|
||||
return (
|
||||
<div >
|
||||
<div>
|
||||
<AdminHeader>
|
||||
<div className="flex items-center gap-2">
|
||||
{isFormChanged &&
|
||||
|
@ -101,7 +89,6 @@ export default function BaseSettingPage() {
|
|||
!hasSomePermissions(RolePerms.MANAGE_BASE_SETTING)
|
||||
}
|
||||
onFinish={onSubmit}
|
||||
|
||||
onFieldsChange={handleFieldsChange}
|
||||
layout="vertical">
|
||||
{/* <div
|
||||
|
@ -127,6 +114,17 @@ export default function BaseSettingPage() {
|
|||
<Input></Input>
|
||||
</Form.Item>
|
||||
</div>
|
||||
<div className="p-2 grid grid-cols-8 gap-2 border-b">
|
||||
<Form.Item
|
||||
label="网站logo"
|
||||
name={["appConfig", "logo"]}>
|
||||
<AvatarUploader
|
||||
style={{
|
||||
width: 192,
|
||||
height: 108,
|
||||
}}></AvatarUploader>
|
||||
</Form.Item>
|
||||
</div>
|
||||
{/* <div
|
||||
className="p-2 border-b flex items-center justify-between"
|
||||
style={{
|
||||
|
@ -171,17 +169,21 @@ export default function BaseSettingPage() {
|
|||
清除行模型缓存
|
||||
</Button>
|
||||
</div>
|
||||
{<div
|
||||
className="p-2 border-b text-primary flex justify-between items-center"
|
||||
style={{
|
||||
fontSize: token.fontSize,
|
||||
fontWeight: "bold",
|
||||
}}>
|
||||
<span>app在线人数</span>
|
||||
<div>
|
||||
{clientCount && clientCount > 0 ? `${clientCount}人在线` : '无人在线'}
|
||||
{
|
||||
<div
|
||||
className="p-2 border-b text-primary flex justify-between items-center"
|
||||
style={{
|
||||
fontSize: token.fontSize,
|
||||
fontWeight: "bold",
|
||||
}}>
|
||||
<span>app在线人数</span>
|
||||
<div>
|
||||
{clientCount && clientCount > 0
|
||||
? `${clientCount}人在线`
|
||||
: "无人在线"}
|
||||
</div>
|
||||
</div>
|
||||
</div>}
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -134,12 +134,12 @@ export const RegisterForm = ({ onSubmit, isLoading }: RegisterFormProps) => {
|
|||
rules={[
|
||||
{ required: true, message: "请输入密码" },
|
||||
{ min: 8, message: "密码至少需要8个字符" },
|
||||
{
|
||||
pattern:
|
||||
/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,
|
||||
message:
|
||||
"密码必须包含大小写字母、数字和特殊字符",
|
||||
},
|
||||
// {
|
||||
// pattern:
|
||||
// /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,
|
||||
// message:
|
||||
// "密码必须包含大小写字母、数字和特殊字符",
|
||||
// },
|
||||
]}>
|
||||
<Input.Password placeholder="密码" />
|
||||
</Form.Item>
|
||||
|
@ -150,13 +150,13 @@ export const RegisterForm = ({ onSubmit, isLoading }: RegisterFormProps) => {
|
|||
label="证件号"
|
||||
noStyle
|
||||
rules={[
|
||||
{ required: true, message: "请输入证件号" },
|
||||
{ message: "请输入证件号" },
|
||||
{
|
||||
pattern: /^\d{5,12}$/,
|
||||
message: "请输入有效的证件号(5-12位数字)",
|
||||
},
|
||||
]}>
|
||||
<Input placeholder="证件号(可选)" />
|
||||
<Input placeholder="证件号" />
|
||||
</Form.Item>
|
||||
<Form.Item noStyle name={"email"}>
|
||||
<Input
|
||||
|
|
|
@ -9,7 +9,7 @@ export default function LetterEditorPage() {
|
|||
const termId = searchParams.get("termId");
|
||||
|
||||
return (
|
||||
<div className="min-h-screen rounded-xl shadow-elegant border-2 border-white bg-gradient-to-b from-slate-100 to-slate-50 ">
|
||||
<div className="shadow-elegant border-2 border-white rounded-xl bg-slate-200">
|
||||
<WriteHeader></WriteHeader>
|
||||
<LetterFormProvider receiverId={receiverId} termId={termId}>
|
||||
<LetterBasicForm />
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import { useState, useCallback, useEffect } from "react";
|
||||
import { useState, useCallback, useEffect, useMemo } from "react";
|
||||
import { motion, AnimatePresence } from "framer-motion";
|
||||
import { useSearchParams } from "react-router-dom";
|
||||
|
||||
|
@ -9,136 +9,157 @@ import DepartmentSelect from "@web/src/components/models/department/department-s
|
|||
import debounce from "lodash/debounce";
|
||||
import { SearchOutlined } from "@ant-design/icons";
|
||||
import WriteHeader from "./WriteHeader";
|
||||
import { ObjectType, RoleName } from "@nice/common";
|
||||
|
||||
export default function WriteLetterPage() {
|
||||
const [searchParams] = useSearchParams();
|
||||
const termId = searchParams.get("termId");
|
||||
const [searchQuery, setSearchQuery] = useState("");
|
||||
const [selectedDept, setSelectedDept] = useState<string>();
|
||||
const [currentPage, setCurrentPage] = useState(1);
|
||||
const pageSize = 10;
|
||||
const { getTerm } = useTerm();
|
||||
const [searchParams] = useSearchParams();
|
||||
const termId = searchParams.get("termId");
|
||||
const [searchQuery, setSearchQuery] = useState("");
|
||||
const [selectedDept, setSelectedDept] = useState<string>();
|
||||
const [currentPage, setCurrentPage] = useState(1);
|
||||
const pageSize = 10;
|
||||
const { getTerm } = useTerm();
|
||||
const { data: enabledStaffIds, isLoading: roleMapIsLoading } =
|
||||
api.rolemap.getStaffIdsByRoleNames.useQuery({
|
||||
roleNames: [RoleName.Leader, RoleName.Organization],
|
||||
});
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
|
||||
const { data, isLoading, error } =
|
||||
api.staff.findManyWithPagination.useQuery({
|
||||
page: currentPage,
|
||||
pageSize,
|
||||
where: {
|
||||
deptId: selectedDept,
|
||||
OR: [
|
||||
{
|
||||
showname: {
|
||||
contains: searchQuery,
|
||||
},
|
||||
},
|
||||
{
|
||||
username: {
|
||||
contains: searchQuery,
|
||||
},
|
||||
},
|
||||
const { data, isLoading, error } =
|
||||
api.staff.findManyWithPagination.useQuery(
|
||||
{
|
||||
page: currentPage,
|
||||
pageSize,
|
||||
where: {
|
||||
id: enabledStaffIds
|
||||
? {
|
||||
in: enabledStaffIds,
|
||||
}
|
||||
: undefined,
|
||||
deptId: selectedDept,
|
||||
OR: [
|
||||
{
|
||||
showname: {
|
||||
contains: searchQuery,
|
||||
},
|
||||
},
|
||||
{
|
||||
username: {
|
||||
contains: searchQuery,
|
||||
},
|
||||
},
|
||||
{
|
||||
meta: {
|
||||
path: ["rank"], // 指定 JSON 字段的路径
|
||||
string_contains: searchQuery, // 对 rank 字段进行模糊搜索
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
orderBy: {
|
||||
order: "asc",
|
||||
},
|
||||
},
|
||||
{
|
||||
enabled: !roleMapIsLoading,
|
||||
}
|
||||
);
|
||||
|
||||
],
|
||||
},
|
||||
orderBy: {
|
||||
order: "desc",
|
||||
}
|
||||
});
|
||||
const resetPage = useCallback(() => {
|
||||
setCurrentPage(1);
|
||||
}, []);
|
||||
|
||||
const resetPage = useCallback(() => {
|
||||
setCurrentPage(1);
|
||||
}, []);
|
||||
// Reset page when search or department changes
|
||||
useEffect(() => {
|
||||
resetPage();
|
||||
}, [searchQuery, selectedDept, resetPage]);
|
||||
|
||||
// Reset page when search or department changes
|
||||
useEffect(() => {
|
||||
resetPage();
|
||||
}, [searchQuery, selectedDept, resetPage]);
|
||||
return (
|
||||
<div className="min-h-screen shadow-elegant border-2 border-white rounded-xl bg-slate-200">
|
||||
<WriteHeader term={getTerm(termId)} />
|
||||
<div className=" mx-auto p-6">
|
||||
<div className="mb-4 space-y-4">
|
||||
<div className="flex flex-col md:flex-row gap-4 items-center">
|
||||
<DepartmentSelect
|
||||
variant="filled"
|
||||
size="large"
|
||||
value={selectedDept}
|
||||
onChange={setSelectedDept as any}
|
||||
className="w-1/2"
|
||||
/>
|
||||
<Input
|
||||
variant="filled"
|
||||
className={"w-1/2"}
|
||||
prefix={
|
||||
<SearchOutlined className="text-gray-400" />
|
||||
}
|
||||
placeholder="搜索领导姓名或职级..."
|
||||
onChange={debounce(
|
||||
(e) => setSearchQuery(e.target.value),
|
||||
300
|
||||
)}
|
||||
size="large"
|
||||
/>
|
||||
</div>
|
||||
{error && (
|
||||
<Alert
|
||||
message="加载失败"
|
||||
description="获取数据时出现错误,请刷新页面重试。"
|
||||
type="error"
|
||||
showIcon
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<AnimatePresence>
|
||||
{isLoading ? (
|
||||
<div className="flex justify-center items-center py-12">
|
||||
<Spin size="large" tip="加载中..." />
|
||||
</div>
|
||||
) : data?.items.length > 0 ? (
|
||||
<motion.div
|
||||
className="grid grid-cols-1 gap-6"
|
||||
initial={{ opacity: 0 }}
|
||||
animate={{ opacity: 1 }}
|
||||
exit={{ opacity: 0 }}>
|
||||
{data?.items.map((item: any) => (
|
||||
<SendCard
|
||||
key={item.id}
|
||||
staff={item}
|
||||
termId={termId || undefined}
|
||||
/>
|
||||
))}
|
||||
</motion.div>
|
||||
) : (
|
||||
<motion.div
|
||||
className="text-center py-12"
|
||||
initial={{ opacity: 0 }}
|
||||
animate={{ opacity: 1 }}
|
||||
exit={{ opacity: 0 }}>
|
||||
<Empty
|
||||
description="没有找到匹配的收信人"
|
||||
className="py-12"
|
||||
/>
|
||||
</motion.div>
|
||||
)}
|
||||
</AnimatePresence>
|
||||
|
||||
return (
|
||||
<div className="min-h-screen shadow-elegant border-2 border-white rounded-xl bg-slate-200">
|
||||
<WriteHeader term={getTerm(termId)} />
|
||||
<div className=" mx-auto p-6">
|
||||
<div className="mb-4 space-y-4">
|
||||
<div className="flex flex-col md:flex-row gap-4 items-center">
|
||||
<DepartmentSelect
|
||||
variant="filled"
|
||||
size="large"
|
||||
value={selectedDept}
|
||||
onChange={setSelectedDept as any}
|
||||
className="w-1/2"
|
||||
/>
|
||||
<Input
|
||||
variant="filled"
|
||||
className={"w-1/2"}
|
||||
prefix={
|
||||
<SearchOutlined className="text-gray-400" />
|
||||
}
|
||||
placeholder="搜索领导姓名或职级..."
|
||||
onChange={debounce(
|
||||
(e) => setSearchQuery(e.target.value),
|
||||
300
|
||||
)}
|
||||
size="large"
|
||||
/>
|
||||
</div>
|
||||
{error && (
|
||||
<Alert
|
||||
message="加载失败"
|
||||
description="获取数据时出现错误,请刷新页面重试。"
|
||||
type="error"
|
||||
showIcon
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<AnimatePresence>
|
||||
{isLoading ? (
|
||||
<div className="flex justify-center items-center py-12">
|
||||
<Spin size="large" tip="加载中..." />
|
||||
</div>
|
||||
) : data?.items.length > 0 ? (
|
||||
<motion.div
|
||||
className="grid grid-cols-1 gap-6"
|
||||
initial={{ opacity: 0 }}
|
||||
animate={{ opacity: 1 }}
|
||||
exit={{ opacity: 0 }}>
|
||||
{data?.items.map((item: any) => (
|
||||
<SendCard
|
||||
key={item.id}
|
||||
staff={item}
|
||||
termId={termId || undefined}
|
||||
/>
|
||||
))}
|
||||
</motion.div>
|
||||
) : (
|
||||
<motion.div
|
||||
className="text-center py-12"
|
||||
initial={{ opacity: 0 }}
|
||||
animate={{ opacity: 1 }}
|
||||
exit={{ opacity: 0 }}>
|
||||
<Empty
|
||||
description="没有找到匹配的收信人"
|
||||
className="py-12"
|
||||
/>
|
||||
</motion.div>
|
||||
)}
|
||||
</AnimatePresence>
|
||||
|
||||
{/* Pagination */}
|
||||
{data?.items.length > 0 && (
|
||||
<div className="flex justify-center mt-8">
|
||||
<Pagination
|
||||
current={currentPage}
|
||||
total={data?.totalPages || 0}
|
||||
pageSize={pageSize}
|
||||
onChange={(page) => {
|
||||
setCurrentPage(page);
|
||||
window.scrollTo(0, 0);
|
||||
}}
|
||||
showSizeChanger={false}
|
||||
showTotal={(total) => `共 ${total} 条记录`}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
{/* Pagination */}
|
||||
{data?.items.length > 0 && (
|
||||
<div className="flex justify-center mt-8">
|
||||
<Pagination
|
||||
current={currentPage}
|
||||
total={data?.totalPages || 0}
|
||||
pageSize={pageSize}
|
||||
onChange={(page) => {
|
||||
setCurrentPage(page);
|
||||
window.scrollTo(0, 0);
|
||||
}}
|
||||
showSizeChanger={false}
|
||||
showTotal={(total) => `共 ${total} 条记录`}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -2,6 +2,7 @@ import { env } from "@web/src/env";
|
|||
import { message, Progress, Spin, theme } from "antd";
|
||||
import React, { useState, useEffect, useRef } from "react";
|
||||
import { useTusUpload } from "@web/src/hooks/useTusUpload";
|
||||
import { Avatar } from "antd/lib";
|
||||
|
||||
export interface AvatarUploaderProps {
|
||||
value?: string;
|
||||
|
@ -16,6 +17,7 @@ interface UploadingFile {
|
|||
progress: number;
|
||||
status: "uploading" | "done" | "error";
|
||||
fileId?: string;
|
||||
url?: string;
|
||||
fileKey?: string;
|
||||
}
|
||||
|
||||
|
@ -28,6 +30,7 @@ const AvatarUploader: React.FC<AvatarUploaderProps> = ({
|
|||
}) => {
|
||||
const { handleFileUpload, uploadProgress } = useTusUpload();
|
||||
const [file, setFile] = useState<UploadingFile | null>(null);
|
||||
|
||||
const [previewUrl, setPreviewUrl] = useState<string>(value || "");
|
||||
const [uploading, setUploading] = useState(false);
|
||||
const inputRef = useRef<HTMLInputElement>(null);
|
||||
|
@ -56,7 +59,9 @@ const AvatarUploader: React.FC<AvatarUploaderProps> = ({
|
|||
progress: 100,
|
||||
status: "done",
|
||||
fileId: result.fileId,
|
||||
url: result?.url,
|
||||
}));
|
||||
setPreviewUrl(result?.url);
|
||||
resolve(result.fileId);
|
||||
},
|
||||
(error) => {
|
||||
|
@ -65,7 +70,6 @@ const AvatarUploader: React.FC<AvatarUploaderProps> = ({
|
|||
file?.fileKey
|
||||
);
|
||||
});
|
||||
setPreviewUrl(`${env.SERVER_IP}/uploads/${fileId}`);
|
||||
onChange?.(fileId);
|
||||
message.success("头像上传成功");
|
||||
} catch (error) {
|
||||
|
@ -98,9 +102,9 @@ const AvatarUploader: React.FC<AvatarUploaderProps> = ({
|
|||
style={{ display: "none" }}
|
||||
/>
|
||||
{previewUrl ? (
|
||||
<img
|
||||
<Avatar
|
||||
src={previewUrl}
|
||||
alt="Avatar"
|
||||
shape="square"
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
) : (
|
||||
|
|
|
@ -4,14 +4,16 @@ import {
|
|||
CheckCircleOutlined,
|
||||
DeleteOutlined,
|
||||
} from "@ant-design/icons";
|
||||
import { Upload, message, Progress, Button } from "antd";
|
||||
import { Upload, Progress, Button } from "antd";
|
||||
import type { UploadFile } from "antd";
|
||||
import { useTusUpload } from "@web/src/hooks/useTusUpload";
|
||||
import toast from "react-hot-toast";
|
||||
|
||||
export interface TusUploaderProps {
|
||||
value?: string[];
|
||||
onChange?: (value: string[]) => void;
|
||||
}
|
||||
|
||||
interface UploadingFile {
|
||||
name: string;
|
||||
progress: number;
|
||||
|
@ -32,98 +34,82 @@ export const TusUploader = ({ value = [], onChange }: TusUploaderProps) => {
|
|||
fileId,
|
||||
})) || []
|
||||
);
|
||||
// 恢复使用 uploadResults 状态跟踪最新结果
|
||||
const [uploadResults, setUploadResults] = useState<string[]>(value || []);
|
||||
|
||||
const handleRemoveFile = useCallback(
|
||||
(fileId: string) => {
|
||||
setCompletedFiles((prev) =>
|
||||
prev.filter((f) => f.fileId !== fileId)
|
||||
);
|
||||
const newResults = uploadResults.filter((id) => id !== fileId);
|
||||
setUploadResults(newResults);
|
||||
onChange?.(newResults);
|
||||
// 使用函数式更新保证获取最新状态
|
||||
setUploadResults((prev) => {
|
||||
const newValue = prev.filter((id) => id !== fileId);
|
||||
onChange?.(newValue); // 同步更新父组件
|
||||
return newValue;
|
||||
});
|
||||
},
|
||||
[uploadResults, onChange]
|
||||
[onChange]
|
||||
);
|
||||
|
||||
const handleChange = useCallback(
|
||||
async (fileList: UploadFile | UploadFile[]) => {
|
||||
const files = Array.isArray(fileList) ? fileList : [fileList];
|
||||
console.log("文件", files);
|
||||
const handleBeforeUpload = useCallback(
|
||||
(file: File) => {
|
||||
const fileKey = `${file.name}-${Date.now()}`;
|
||||
|
||||
if (!files.every((f) => f instanceof File)) {
|
||||
message.error("无效的文件格式");
|
||||
return false;
|
||||
}
|
||||
setUploadingFiles((prev) => [
|
||||
...prev,
|
||||
{
|
||||
name: file.name,
|
||||
progress: 0,
|
||||
status: "uploading",
|
||||
fileKey,
|
||||
},
|
||||
]);
|
||||
|
||||
const newFiles: UploadingFile[] = files.map((f) => ({
|
||||
name: f.name,
|
||||
progress: 0,
|
||||
status: "uploading" as const,
|
||||
fileKey: `${f.name}-${Date.now()}`, // 为每个文件创建唯一标识
|
||||
}));
|
||||
handleFileUpload(
|
||||
file,
|
||||
(result) => {
|
||||
setCompletedFiles((prev) => [
|
||||
...prev,
|
||||
{
|
||||
name: file.name,
|
||||
progress: 100,
|
||||
status: "done",
|
||||
fileId: result.fileId,
|
||||
},
|
||||
]);
|
||||
|
||||
setUploadingFiles((prev) => [...prev, ...newFiles]);
|
||||
|
||||
const newUploadResults: string[] = [];
|
||||
try {
|
||||
for (const [index, f] of files.entries()) {
|
||||
if (!f) {
|
||||
throw new Error(`文件 ${f.name} 无效`);
|
||||
}
|
||||
const fileKey = newFiles[index].fileKey!;
|
||||
const fileId = await new Promise<string>(
|
||||
(resolve, reject) => {
|
||||
handleFileUpload(
|
||||
f as File,
|
||||
(result) => {
|
||||
console.log("上传成功:", result);
|
||||
const completedFile = {
|
||||
name: f.name,
|
||||
progress: 100,
|
||||
status: "done" as const,
|
||||
fileId: result.fileId,
|
||||
};
|
||||
setCompletedFiles((prev) => [
|
||||
...prev,
|
||||
completedFile,
|
||||
]);
|
||||
setUploadingFiles((prev) =>
|
||||
prev.filter(
|
||||
(file) => file.fileKey !== fileKey
|
||||
)
|
||||
);
|
||||
resolve(result.fileId);
|
||||
},
|
||||
(error) => {
|
||||
console.error("上传错误:", error);
|
||||
reject(error);
|
||||
},
|
||||
fileKey
|
||||
);
|
||||
}
|
||||
setUploadingFiles((prev) =>
|
||||
prev.filter((f) => f.fileKey !== fileKey)
|
||||
);
|
||||
newUploadResults.push(fileId);
|
||||
}
|
||||
|
||||
const newValue = Array.from(
|
||||
new Set([...uploadResults, ...newUploadResults])
|
||||
);
|
||||
setUploadResults(newValue);
|
||||
onChange?.(newValue);
|
||||
message.success(`${files.length} 个文件上传成功`);
|
||||
} catch (error) {
|
||||
console.error("上传错误详情:", error);
|
||||
message.error(
|
||||
`上传失败: ${error instanceof Error ? error.message : "未知错误"}`
|
||||
);
|
||||
setUploadingFiles((prev) =>
|
||||
prev.map((f) => ({ ...f, status: "error" }))
|
||||
);
|
||||
}
|
||||
// 正确的状态更新方式
|
||||
setUploadResults((prev) => {
|
||||
const newValue = [...prev, result.fileId];
|
||||
onChange?.(newValue); // 传递值而非函数
|
||||
return newValue;
|
||||
});
|
||||
},
|
||||
(error) => {
|
||||
console.error("上传错误:", error);
|
||||
toast.error(
|
||||
`上传失败: ${
|
||||
error instanceof Error ? error.message : "未知错误"
|
||||
}`
|
||||
);
|
||||
setUploadingFiles((prev) =>
|
||||
prev.map((f) =>
|
||||
f.fileKey === fileKey
|
||||
? { ...f, status: "error" }
|
||||
: f
|
||||
)
|
||||
);
|
||||
},
|
||||
fileKey
|
||||
);
|
||||
|
||||
return false;
|
||||
},
|
||||
[uploadResults, onChange, handleFileUpload]
|
||||
[handleFileUpload, onChange]
|
||||
);
|
||||
|
||||
return (
|
||||
|
@ -132,8 +118,8 @@ export const TusUploader = ({ value = [], onChange }: TusUploaderProps) => {
|
|||
name="files"
|
||||
multiple
|
||||
showUploadList={false}
|
||||
style={{ background: "white", borderStyle: "solid" }}
|
||||
beforeUpload={handleChange}>
|
||||
style={{ background: "transparent", borderStyle: "none" }}
|
||||
beforeUpload={handleBeforeUpload}>
|
||||
<p className="ant-upload-drag-icon">
|
||||
<UploadOutlined />
|
||||
</p>
|
||||
|
@ -141,64 +127,58 @@ export const TusUploader = ({ value = [], onChange }: TusUploaderProps) => {
|
|||
点击或拖拽文件到此区域进行上传
|
||||
</p>
|
||||
<p className="ant-upload-hint">支持单个或批量上传文件</p>
|
||||
{/* 正在上传的文件 */}
|
||||
{(uploadingFiles.length > 0 || completedFiles.length > 0) && (
|
||||
<div className=" px-2 py-0 border rounded bg-white mt-1 ">
|
||||
{uploadingFiles.map((file) => (
|
||||
<div
|
||||
key={file.fileKey}
|
||||
className="flex flex-col gap-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="text-sm">{file.name}</div>
|
||||
</div>
|
||||
|
||||
<Progress
|
||||
className="flex-1 w-full"
|
||||
percent={
|
||||
file.status === "done"
|
||||
? 100
|
||||
: Math.round(
|
||||
uploadProgress?.[
|
||||
file?.fileKey
|
||||
] || 0
|
||||
)
|
||||
}
|
||||
status={
|
||||
file.status === "error"
|
||||
? "exception"
|
||||
: file.status === "done"
|
||||
? "success"
|
||||
: "active"
|
||||
}
|
||||
/>
|
||||
{/* 上传状态展示 */}
|
||||
<div className="px-2 py-0 rounded mt-1">
|
||||
{/* 上传中的文件 */}
|
||||
{uploadingFiles.map((file) => (
|
||||
<div
|
||||
key={file.fileKey}
|
||||
className="flex flex-col gap-1 mb-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-sm">{file.name}</span>
|
||||
</div>
|
||||
))}
|
||||
{completedFiles.length > 0 &&
|
||||
completedFiles.map((file, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="flex items-center justify-between gap-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircleOutlined className="text-green-500" />
|
||||
<div className="text-sm">
|
||||
{file.name}
|
||||
</div>
|
||||
</div>
|
||||
<Button
|
||||
type="text"
|
||||
danger
|
||||
icon={<DeleteOutlined />}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation(); // 阻止事件冒泡
|
||||
if (file.fileId) {
|
||||
handleRemoveFile(file.fileId); // 只删除文件
|
||||
}
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
<Progress
|
||||
percent={
|
||||
file.status === "done"
|
||||
? 100
|
||||
: Math.round(
|
||||
uploadProgress?.[
|
||||
file.fileKey!
|
||||
] || 0
|
||||
)
|
||||
}
|
||||
status={
|
||||
file.status === "error"
|
||||
? "exception"
|
||||
: "active"
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
|
||||
{/* 已完成的文件 */}
|
||||
{completedFiles.map((file) => (
|
||||
<div
|
||||
key={file.fileId}
|
||||
className="flex items-center justify-between gap-2 mb-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircleOutlined className="text-green-500" />
|
||||
<span className="text-sm">{file.name}</span>
|
||||
</div>
|
||||
<Button
|
||||
type="text"
|
||||
danger
|
||||
icon={<DeleteOutlined />}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
if (file.fileId)
|
||||
handleRemoveFile(file.fileId);
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</Upload.Dragger>
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -7,25 +7,29 @@ import { UserOutlined } from "@ant-design/icons";
|
|||
import { UserMenu } from "../element/usermenu/usermenu";
|
||||
|
||||
export const Header = memo(function Header() {
|
||||
const { isAuthenticated } = useAuth();
|
||||
const { isAuthenticated } = useAuth();
|
||||
|
||||
return (
|
||||
<header className="sticky top-0 z-50 bg-gradient-to-br from-primary-500 to-primary-800 text-white shadow-lg">
|
||||
<div className=" mx-auto px-4">
|
||||
<div className="py-4">
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<div className="">
|
||||
<span className="text-xl font-bold">首长机关信箱</span>
|
||||
<p className=" text-sm text-secondary-50">聆怀若水,应语如风;纾难化困,践诺成春</p>
|
||||
</div>
|
||||
<div className="flex-grow max-w-2xl">
|
||||
<SearchBar />
|
||||
</div>
|
||||
<div className="flex items-center ">
|
||||
{!isAuthenticated ? (
|
||||
<Link
|
||||
to="/auth"
|
||||
className="group flex items-center gap-2 rounded-lg
|
||||
return (
|
||||
<header className="sticky top-0 z-50 bg-gradient-to-br from-primary-500 to-primary-800 text-white shadow-lg">
|
||||
<div className=" mx-auto px-4">
|
||||
<div className="py-4">
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<div className="">
|
||||
<span className="text-xl font-bold">
|
||||
首长机关信箱
|
||||
</span>
|
||||
<p className=" text-sm text-secondary-50">
|
||||
聆怀若水,应语如风;纾难化困,践诺成春
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex-grow max-w-2xl">
|
||||
<SearchBar />
|
||||
</div>
|
||||
<div className="flex items-center ">
|
||||
{!isAuthenticated ? (
|
||||
<Link
|
||||
to="/auth"
|
||||
className="group flex items-center gap-2 rounded-lg
|
||||
bg-[#00539B]/90 px-5 py-2.5 font-medium
|
||||
shadow-lg transition-all duration-300
|
||||
hover:-translate-y-0.5 hover:bg-[#0063B8]
|
||||
|
@ -33,22 +37,21 @@ hover:shadow-xl hover:shadow-[#00539B]/30
|
|||
focus:outline-none focus:ring-2
|
||||
focus:ring-[#8EADD4] focus:ring-offset-2
|
||||
focus:ring-offset-[#13294B]"
|
||||
aria-label="Login">
|
||||
|
||||
<UserOutlined
|
||||
className="h-5 w-5 transition-transform
|
||||
aria-label="Login">
|
||||
<UserOutlined
|
||||
className="h-5 w-5 transition-transform
|
||||
group-hover:scale-110 group-hover:rotate-12"></UserOutlined>
|
||||
|
||||
<span>登录</span>
|
||||
</Link>
|
||||
) : (
|
||||
<UserMenu />
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Navigation />
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
<span>登录</span>
|
||||
</Link>
|
||||
) : (
|
||||
<UserMenu />
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Navigation />
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
});
|
||||
|
|
|
@ -28,7 +28,7 @@ export default function Navigation({ className }: NavigationProps) {
|
|||
return (
|
||||
<nav
|
||||
className={twMerge(
|
||||
"mt-4 rounded-xl bg-gradient-to-r from-primary-500 to-primary-600 shadow-lg",
|
||||
"mt-4 rounded-t-xl bg-gradient-to-r from-primary-500 to-primary-600 shadow-lg",
|
||||
className
|
||||
)}>
|
||||
<div className="flex flex-col md:flex-row items-stretch">
|
||||
|
|
|
@ -14,6 +14,7 @@ import { PostDto, PostStateLabels } from "@nice/common";
|
|||
import dayjs from "dayjs";
|
||||
import PostLikeButton from "./detail/PostHeader/PostLikeButton";
|
||||
import { LetterBadge } from "./LetterBadge";
|
||||
import PostHateButton from "./detail/PostHeader/PostHateButton";
|
||||
const { Title, Paragraph, Text } = Typography;
|
||||
|
||||
interface LetterCardProps {
|
||||
|
@ -48,7 +49,9 @@ export function LetterCard({ letter }: LetterCardProps) {
|
|||
<div className="flex items-center gap-2">
|
||||
<UserOutlined className="text-primary text-base" />
|
||||
<Text className="text-primary font-medium">
|
||||
{letter.author?.showname || "匿名用户"}
|
||||
{letter?.meta?.signature ||
|
||||
letter.author?.showname ||
|
||||
"匿名用户"}
|
||||
</Text>
|
||||
</div>
|
||||
|
||||
|
@ -116,6 +119,7 @@ export function LetterCard({ letter }: LetterCardProps) {
|
|||
<span className="mr-1">浏览量</span>
|
||||
{letter.views}
|
||||
</Button>
|
||||
<PostHateButton post={letter as any}></PostHateButton>
|
||||
<PostLikeButton post={letter as any}></PostLikeButton>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -6,10 +6,17 @@ import { Avatar } from "antd";
|
|||
import { useVisitor } from "@nice/client";
|
||||
import { useContext, useEffect, useRef, useState } from "react";
|
||||
import { PostDetailContext } from "./context/PostDetailContext";
|
||||
import { CheckCircleOutlined, CheckOutlined, LikeFilled, LikeOutlined } from "@ant-design/icons";
|
||||
import {
|
||||
CheckCircleOutlined,
|
||||
CheckOutlined,
|
||||
LikeFilled,
|
||||
LikeOutlined,
|
||||
} from "@ant-design/icons";
|
||||
import PostLikeButton from "./PostHeader/PostLikeButton";
|
||||
import { CustomAvatar } from "@web/src/components/presentation/CustomAvatar";
|
||||
import PostResources from "./PostResources";
|
||||
import PostHateButton from "./PostHeader/PostHateButton";
|
||||
import PostSendButton from "./PostHeader/PostSendButton";
|
||||
|
||||
export default function PostCommentCard({
|
||||
post,
|
||||
|
@ -30,14 +37,18 @@ export default function PostCommentCard({
|
|||
src={post.author?.avatar}
|
||||
size={50}
|
||||
name={!post.author?.avatar && post.author?.showname}
|
||||
ip={post?.meta?.ip}></CustomAvatar>
|
||||
randomString={
|
||||
post?.meta?.signature || post?.meta?.ip
|
||||
}></CustomAvatar>
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<div className={`flex-1 min-w-0 `}>
|
||||
<div className="flex flex-1 justify-between ">
|
||||
<div className="flex items-center space-x-2">
|
||||
<span className="flex font-medium text-slate-900">
|
||||
{post.author?.showname || "匿名用户"}
|
||||
{post?.meta?.signature ||
|
||||
post.author?.showname ||
|
||||
"匿名用户"}
|
||||
</span>
|
||||
<span className="flex text-sm text-slate-500 ">
|
||||
{dayjs(post?.createdAt).format(
|
||||
|
@ -54,9 +65,15 @@ export default function PostCommentCard({
|
|||
{/* 添加有帮助按钮 */}
|
||||
<div>
|
||||
<div className="flex justify-center items-center gap-2">
|
||||
<span className=" text-sm text-slate-500">{`#${index + 1}`}</span>
|
||||
{isReceiverComment && (
|
||||
<PostSendButton
|
||||
post={post}></PostSendButton>
|
||||
)}
|
||||
<PostHateButton
|
||||
post={post}></PostHateButton>
|
||||
<PostLikeButton
|
||||
post={post}></PostLikeButton>
|
||||
<span className=" text-sm text-slate-500">{`#${index + 1}`}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,25 +1,24 @@
|
|||
import React, { useContext, useState } from "react";
|
||||
import { motion } from "framer-motion";
|
||||
import { Button, Tabs } from "antd";
|
||||
import { Button, Input, Tabs } from "antd";
|
||||
import QuillEditor from "@web/src/components/common/editor/quill/QuillEditor";
|
||||
import { PostDetailContext } from "./context/PostDetailContext";
|
||||
import { usePost } from "@nice/client";
|
||||
import { useEntity } from "@nice/client";
|
||||
import { PostType } from "@nice/common";
|
||||
import toast from "react-hot-toast";
|
||||
import { isContentEmpty } from "./utils";
|
||||
import { SendOutlined } from "@ant-design/icons";
|
||||
import { TusUploader } from "@web/src/components/common/uploader/TusUploader";
|
||||
import { useEntity } from '../../../../../../../packages/client/src/api/hooks/useEntity';
|
||||
import { CustomAvatar } from "@web/src/components/presentation/CustomAvatar";
|
||||
|
||||
const { TabPane } = Tabs;
|
||||
|
||||
export default function PostCommentEditor() {
|
||||
const { post } = useContext(PostDetailContext);
|
||||
const [content, setContent] = useState("");
|
||||
const [isPreview, setIsPreview] = useState(false);
|
||||
const [signature, setSignature] = useState<string | undefined>(undefined);
|
||||
const [fileIds, setFileIds] = useState<string[]>([]);
|
||||
// const { create } = usePost();
|
||||
const {create}=useEntity("post")
|
||||
const { create } = useEntity("post")
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
if (isContentEmpty(content)) {
|
||||
|
@ -31,7 +30,7 @@ export default function PostCommentEditor() {
|
|||
await create.mutateAsync({
|
||||
data: {
|
||||
type: PostType.POST_COMMENT,
|
||||
|
||||
|
||||
parentId: post?.id,
|
||||
content: content,
|
||||
resources: {
|
||||
|
@ -39,11 +38,14 @@ export default function PostCommentEditor() {
|
|||
fileId: id,
|
||||
})),
|
||||
},
|
||||
|
||||
meta: {
|
||||
signature,
|
||||
},
|
||||
},
|
||||
});
|
||||
toast.success("发布成功!");
|
||||
setContent("");
|
||||
setFileIds([]);
|
||||
} catch (error) {
|
||||
toast.error("发布失败,请稍后重试");
|
||||
console.error("Error posting comment:", error);
|
||||
|
@ -62,11 +64,9 @@ export default function PostCommentEditor() {
|
|||
<QuillEditor
|
||||
value={content}
|
||||
onChange={setContent}
|
||||
|
||||
className="bg-transparent"
|
||||
theme="snow"
|
||||
minRows={6}
|
||||
|
||||
modules={{
|
||||
toolbar: [
|
||||
["bold", "italic", "strike"],
|
||||
|
@ -79,26 +79,39 @@ export default function PostCommentEditor() {
|
|||
["clean"],
|
||||
],
|
||||
}}
|
||||
|
||||
/>
|
||||
</div>
|
||||
</TabPane>
|
||||
<TabPane tab="附件" key="2">
|
||||
<TusUploader
|
||||
onChange={(value) => {
|
||||
setFileIds(value);
|
||||
}}
|
||||
/>
|
||||
<div className="relative rounded-xl border border-white hover:ring-1 ring-white transition-all duration-300 ease-in-out bg-slate-100">
|
||||
<TusUploader
|
||||
onChange={(value) => {
|
||||
console.log("ids", value);
|
||||
setFileIds(value);
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</TabPane>
|
||||
</Tabs>
|
||||
|
||||
{!isContentEmpty(content) && (
|
||||
<div className="flex items-center justify-end">
|
||||
<div className="flex items-center justify-end gap-2">
|
||||
<CustomAvatar randomString={signature}></CustomAvatar>
|
||||
<Input
|
||||
maxLength={10}
|
||||
style={{
|
||||
width: 150,
|
||||
}}
|
||||
onChange={(e) => {
|
||||
setSignature(e.target.value);
|
||||
}}
|
||||
showCount
|
||||
placeholder="签名"
|
||||
/>
|
||||
<div>
|
||||
<Button
|
||||
type="primary"
|
||||
htmlType="submit"
|
||||
size="large"
|
||||
disabled={isContentEmpty(content)}
|
||||
className="flex items-center space-x-2 bg-primary"
|
||||
icon={<SendOutlined />}>
|
||||
|
|
|
@ -26,16 +26,15 @@ export default function Header() {
|
|||
</h1>
|
||||
</div>
|
||||
<div className="space-y-1">
|
||||
|
||||
<Space className="mr-4">
|
||||
|
||||
<span className="text-white">发件人</span>
|
||||
<Text className="text-white" strong>
|
||||
{post?.author?.showname || "匿名用户"}
|
||||
{post?.meta?.signature ||
|
||||
post?.author?.showname ||
|
||||
"匿名用户"}
|
||||
</Text>
|
||||
</Space>
|
||||
<Space className="mr-4">
|
||||
|
||||
<span className="text-white">收件人 </span>
|
||||
|
||||
{post?.receivers?.map((receiver, index) => (
|
||||
|
@ -43,27 +42,23 @@ export default function Header() {
|
|||
strong
|
||||
className="text-white"
|
||||
key={`${index}`}>
|
||||
{receiver?.meta?.rank} {receiver?.showname || '匿名用户'}
|
||||
{receiver?.meta?.rank}{" "}
|
||||
{receiver?.showname || "匿名用户"}
|
||||
</Text>
|
||||
))}
|
||||
</Space>
|
||||
|
||||
{/* Date Info Badge */}
|
||||
<Space className="mr-4">
|
||||
|
||||
|
||||
<span className="text-white">创建于</span>
|
||||
<Text className="text-white">
|
||||
|
||||
{dayjs(post?.createdAt).format("YYYY-MM-DD")}
|
||||
</Text>
|
||||
</Space>
|
||||
{/* Last Updated Badge */}
|
||||
<Space className="mr-4">
|
||||
|
||||
<span className="text-white">最后更新于</span>
|
||||
<Text className="text-white">
|
||||
|
||||
{dayjs(post?.updatedAt).format("YYYY-MM-DD")}
|
||||
</Text>
|
||||
</Space>
|
||||
|
|
|
@ -0,0 +1,53 @@
|
|||
import { PostDto, VisitType } from "@nice/common";
|
||||
import { useVisitor } from "@nice/client";
|
||||
import { Button, Tooltip } from "antd";
|
||||
import { DislikeFilled, DislikeOutlined } from "@ant-design/icons";
|
||||
import { useAuth } from "@web/src/providers/auth-provider";
|
||||
|
||||
export default function PostHateButton({ post }: { post: PostDto }) {
|
||||
const { user } = useAuth();
|
||||
const { hate, unHate } = useVisitor();
|
||||
function hateThisPost() {
|
||||
if (!post?.hated) {
|
||||
post.hates += 1;
|
||||
post.hated = true;
|
||||
hate.mutateAsync({
|
||||
data: {
|
||||
visitorId: user?.id || null,
|
||||
postId: post.id,
|
||||
type: VisitType.HATE,
|
||||
},
|
||||
});
|
||||
} else {
|
||||
post.hates -= 1;
|
||||
post.hated = false;
|
||||
unHate.mutateAsync({
|
||||
where: {
|
||||
visitorId: user?.id || null,
|
||||
postId: post.id,
|
||||
type: VisitType.HATE,
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
return (
|
||||
<Button
|
||||
title={post?.hated ? "取消点踩" : "点踩"}
|
||||
type={post?.hated ? "primary" : "default"}
|
||||
style={{
|
||||
backgroundColor: post?.hated ? "#ff4d4f" : "#fff",
|
||||
borderColor: post?.hated ? "transparent" : "",
|
||||
color: post?.hated ? "#fff" : "#000",
|
||||
boxShadow: "none", // 去除阴影
|
||||
}}
|
||||
shape="round"
|
||||
icon={post?.hated ? <DislikeFilled /> : <DislikeOutlined />}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
hateThisPost();
|
||||
}}>
|
||||
<span className="mr-1">不满意</span>
|
||||
{post?.hates || 0}
|
||||
</Button>
|
||||
);
|
||||
}
|
|
@ -35,16 +35,16 @@ export default function PostLikeButton({ post }: { post: PostDto }) {
|
|||
title={post?.liked ? "取消点赞" : "点赞"}
|
||||
type={post?.liked ? "primary" : "default"}
|
||||
shape="round"
|
||||
|
||||
style={{
|
||||
boxShadow: "none", // 去除阴影
|
||||
}}
|
||||
icon={post?.liked ? <LikeFilled /> : <LikeOutlined />}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation()
|
||||
likeThisPost()
|
||||
}}
|
||||
>
|
||||
e.stopPropagation();
|
||||
likeThisPost();
|
||||
}}>
|
||||
<span className="mr-1">有帮助</span>
|
||||
{post?.likes}
|
||||
</Button>
|
||||
|
||||
);
|
||||
}
|
||||
|
|
|
@ -0,0 +1,32 @@
|
|||
import { PostDto, VisitType } from "@nice/common";
|
||||
import { useVisitor } from "@nice/client";
|
||||
import { Button, Tooltip } from "antd";
|
||||
import {
|
||||
DislikeFilled,
|
||||
DislikeOutlined,
|
||||
SendOutlined,
|
||||
} from "@ant-design/icons";
|
||||
import { useAuth } from "@web/src/providers/auth-provider";
|
||||
|
||||
export default function PostSendButton({ post }: { post: PostDto }) {
|
||||
const { user } = useAuth();
|
||||
const { hate, unHate } = useVisitor();
|
||||
function sendPost() {
|
||||
if (post?.authorId) {
|
||||
window.open(`/editor?receiverId=${post?.authorId}`, "_blank");
|
||||
}
|
||||
}
|
||||
return (
|
||||
<Button
|
||||
title="给他写信"
|
||||
type="default"
|
||||
shape="round"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
sendPost();
|
||||
}}
|
||||
icon={<SendOutlined />}>
|
||||
<span className="mr-1">给他写信</span>
|
||||
</Button>
|
||||
);
|
||||
}
|
|
@ -10,6 +10,7 @@ import { Button, Tooltip } from "antd/lib";
|
|||
import { PostDetailContext } from "../context/PostDetailContext";
|
||||
import PostLikeButton from "./PostLikeButton";
|
||||
import PostResources from "../PostResources";
|
||||
import PostHateButton from "./PostHateButton";
|
||||
export function StatsSection() {
|
||||
const { post } = useContext(PostDetailContext);
|
||||
|
||||
|
@ -25,6 +26,7 @@ export function StatsSection() {
|
|||
<Button type="default" title="回复数" shape="round" icon={<CommentOutlined />}>
|
||||
<span className="mr-1">回复数</span>{post?.commentsCount}
|
||||
</Button>
|
||||
<PostHateButton post={post}></PostHateButton>
|
||||
<PostLikeButton post={post}></PostLikeButton>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -105,7 +105,9 @@ export default function PostResources({ post }: { post: PostDto }) {
|
|||
</span>
|
||||
<span className="text-xs text-gray-400">
|
||||
{resource.meta.size &&
|
||||
formatFileSize(resource.meta.size)}
|
||||
formatFileSize(
|
||||
resource.meta.size
|
||||
)}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -65,7 +65,7 @@ export function LetterBasicForm() {
|
|||
name="content"
|
||||
rules={[{ required: true, message: "请输入内容" }]}
|
||||
required={false}>
|
||||
<div className="rounded-lg border border-gray-200 bg-white shadow-sm">
|
||||
<div className="rounded-xl border border-white hover:ring-1 ring-white transition-all duration-300 ease-in-out bg-slate-100">
|
||||
<QuillEditor
|
||||
maxLength={10000}
|
||||
placeholder="请输入内容"
|
||||
|
@ -79,7 +79,7 @@ export function LetterBasicForm() {
|
|||
</TabPane>
|
||||
<TabPane tab="附件" key="2">
|
||||
<Form.Item name="resources" required={false}>
|
||||
<div className="rounded-lg border border-gray-200 bg-white shadow-sm">
|
||||
<div className="rounded-xl border border-white hover:ring-1 ring-white transition-all duration-300 ease-in-out bg-slate-100">
|
||||
<TusUploader
|
||||
onChange={(resources) =>
|
||||
form.setFieldValue(
|
||||
|
@ -99,14 +99,26 @@ export function LetterBasicForm() {
|
|||
是否公开
|
||||
</Checkbox>
|
||||
</Form.Item>
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={() => form.submit()}
|
||||
size="large"
|
||||
icon={<SendOutlined />}
|
||||
className="w-full sm:w-40">
|
||||
发送信件
|
||||
</Button>
|
||||
<div className="flex gap-2 ">
|
||||
<Form.Item name={["meta", "signature"]}>
|
||||
<Input
|
||||
maxLength={10}
|
||||
style={{
|
||||
width: 150,
|
||||
}}
|
||||
showCount
|
||||
placeholder="签名"
|
||||
/>
|
||||
</Form.Item>
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={() => form.submit()}
|
||||
size="large"
|
||||
icon={<SendOutlined />}
|
||||
className="w-full sm:w-40">
|
||||
发送信件
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
</div>
|
||||
|
|
|
@ -4,28 +4,24 @@ import { RoleEditorContext } from "./role-editor";
|
|||
import RoleForm from "./role-form";
|
||||
|
||||
export default function RoleModal() {
|
||||
const {
|
||||
roleForm,
|
||||
editRoleId,
|
||||
roleModalOpen, setRoleModalOpen
|
||||
} = useContext(RoleEditorContext);
|
||||
const { roleForm, editRoleId, roleModalOpen, setRoleModalOpen } =
|
||||
useContext(RoleEditorContext);
|
||||
|
||||
const handleOk = async () => {
|
||||
roleForm.submit()
|
||||
};
|
||||
const handleOk = async () => {
|
||||
roleForm.submit();
|
||||
};
|
||||
|
||||
const handleCancel = () => setRoleModalOpen(false);
|
||||
const handleCancel = () => setRoleModalOpen(false);
|
||||
|
||||
return (
|
||||
<Modal
|
||||
width={500}
|
||||
title={editRoleId ? "编辑角色" : "创建角色"}
|
||||
open={roleModalOpen}
|
||||
onOk={handleOk}
|
||||
// confirmLoading={loading}
|
||||
onCancel={handleCancel}
|
||||
>
|
||||
<RoleForm></RoleForm>
|
||||
</Modal>
|
||||
);
|
||||
return (
|
||||
<Modal
|
||||
width={500}
|
||||
title={editRoleId ? "编辑角色" : "创建角色"}
|
||||
open={roleModalOpen}
|
||||
onOk={handleOk}
|
||||
// confirmLoading={loading}
|
||||
onCancel={handleCancel}>
|
||||
<RoleForm></RoleForm>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -6,14 +6,14 @@ import multiavatar from "@multiavatar/multiavatar";
|
|||
interface CustomAvatarProps extends Omit<AvatarProps, "children"> {
|
||||
src?: string;
|
||||
name?: string;
|
||||
ip?: string;
|
||||
randomString?: string;
|
||||
}
|
||||
|
||||
export function CustomAvatar({
|
||||
src,
|
||||
name,
|
||||
className = "",
|
||||
ip,
|
||||
randomString,
|
||||
...props
|
||||
}: CustomAvatarProps) {
|
||||
// 获取名字的第一个字符,如果没有名字则显示"匿"
|
||||
|
@ -39,7 +39,7 @@ export function CustomAvatar({
|
|||
const avatarSrc =
|
||||
src || (name && name !== "匿名用户")
|
||||
? src
|
||||
: generateAvatarFromIp(ip || "default");
|
||||
: generateAvatarFromIp(randomString || "default");
|
||||
|
||||
return (
|
||||
<Avatar
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
import { useState } from "react";
|
||||
import * as tus from "tus-js-client";
|
||||
import { env } from "../env";
|
||||
|
||||
// useTusUpload.ts
|
||||
interface UploadProgress {
|
||||
|
@ -27,7 +28,16 @@ export function useTusUpload() {
|
|||
}
|
||||
return parts.slice(uploadIndex + 1, uploadIndex + 5).join("/");
|
||||
};
|
||||
|
||||
const getResourceUrl = (url: string) => {
|
||||
const parts = url.split("/");
|
||||
const uploadIndex = parts.findIndex((part) => part === "upload");
|
||||
if (uploadIndex === -1 || uploadIndex + 4 >= parts.length) {
|
||||
throw new Error("Invalid upload URL format");
|
||||
}
|
||||
const resUrl = `http://${env.SERVER_IP}/uploads/${parts.slice(uploadIndex + 1, uploadIndex + 6).join("/")}`;
|
||||
console.log(resUrl);
|
||||
return resUrl;
|
||||
};
|
||||
const handleFileUpload = async (
|
||||
file: File,
|
||||
onSuccess: (result: UploadResult) => void,
|
||||
|
@ -52,7 +62,7 @@ export function useTusUpload() {
|
|||
metadata: {
|
||||
filename: file.name,
|
||||
filetype: file.type,
|
||||
size: file.size as any
|
||||
size: file.size as any,
|
||||
},
|
||||
onProgress: (bytesUploaded, bytesTotal) => {
|
||||
const progress = Number(
|
||||
|
@ -67,13 +77,14 @@ export function useTusUpload() {
|
|||
try {
|
||||
if (upload.url) {
|
||||
const fileId = getFileId(upload.url);
|
||||
const url = getResourceUrl(upload.url);
|
||||
setIsUploading(false);
|
||||
setUploadProgress((prev) => ({
|
||||
...prev,
|
||||
[fileKey]: 100,
|
||||
}));
|
||||
onSuccess({
|
||||
url: upload.url,
|
||||
url,
|
||||
fileId,
|
||||
});
|
||||
}
|
||||
|
|
|
@ -3,15 +3,15 @@ import { AppConfigSlug, BaseSetting } from "@nice/common";
|
|||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
|
||||
export function useAppConfig() {
|
||||
const utils = api.useUtils()
|
||||
const utils = api.useUtils();
|
||||
const [baseSetting, setBaseSetting] = useState<BaseSetting | undefined>();
|
||||
|
||||
const { data, isLoading }: { data: any; isLoading: boolean } =
|
||||
api.app_config.findFirst.useQuery({
|
||||
where: { slug: AppConfigSlug.BASE_SETTING }
|
||||
where: { slug: AppConfigSlug.BASE_SETTING },
|
||||
});
|
||||
const handleMutationSuccess = useCallback(() => {
|
||||
utils.app_config.invalidate()
|
||||
utils.app_config.invalidate();
|
||||
}, [utils]);
|
||||
|
||||
// Use the generic success handler in mutations
|
||||
|
@ -28,7 +28,6 @@ export function useAppConfig() {
|
|||
if (data?.meta) {
|
||||
setBaseSetting(JSON.parse(data?.meta));
|
||||
}
|
||||
|
||||
}, [data, isLoading]);
|
||||
const splashScreen = useMemo(() => {
|
||||
return baseSetting?.appConfig?.splashScreen;
|
||||
|
@ -36,8 +35,10 @@ export function useAppConfig() {
|
|||
const devDept = useMemo(() => {
|
||||
return baseSetting?.appConfig?.devDept;
|
||||
}, [baseSetting]);
|
||||
const logo = useMemo(() => {
|
||||
return baseSetting?.appConfig?.logo;
|
||||
}, [baseSetting]);
|
||||
return {
|
||||
|
||||
create,
|
||||
deleteMany,
|
||||
update,
|
||||
|
@ -45,5 +46,6 @@ export function useAppConfig() {
|
|||
splashScreen,
|
||||
devDept,
|
||||
isLoading,
|
||||
logo,
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,6 +8,7 @@ export function useVisitor() {
|
|||
const create = api.visitor.create.useMutation({
|
||||
onSuccess() {
|
||||
utils.visitor.invalidate();
|
||||
|
||||
// utils.post.invalidate();
|
||||
},
|
||||
});
|
||||
|
@ -171,5 +172,7 @@ export function useVisitor() {
|
|||
deleteStar,
|
||||
like,
|
||||
unLike,
|
||||
hate,
|
||||
unHate,
|
||||
};
|
||||
}
|
||||
|
|
|
@ -201,3 +201,10 @@ export const PostStateLabels = {
|
|||
[PostState.PROCESSING]: "处理中",
|
||||
[PostState.RESOLVED]: "已完成",
|
||||
};
|
||||
export enum RoleName {
|
||||
Basic = "基层", // 基层
|
||||
Organization = "机关", // 机关
|
||||
Leader = "领导", // 领导
|
||||
DomainAdmin = "域管理员", // 域管理员
|
||||
RootAdmin = "根管理员", // 根管理员
|
||||
}
|
||||
|
|
|
@ -320,6 +320,9 @@ export const RoleMapMethodSchema = {
|
|||
domainId: z.string().nullish(),
|
||||
roleId: z.string().nullish(),
|
||||
}),
|
||||
getStaffIdsByRoleNames: z.object({
|
||||
roleNames: z.array(z.string()),
|
||||
}),
|
||||
};
|
||||
export const RoleMethodSchema = {
|
||||
create: z.object({
|
||||
|
|
|
@ -8,6 +8,7 @@ export const postDetailSelect: Prisma.PostSelect = {
|
|||
content: true,
|
||||
views: true,
|
||||
likes: true,
|
||||
hates: true,
|
||||
isPublic: true,
|
||||
resources: true,
|
||||
createdAt: true,
|
||||
|
|
|
@ -39,11 +39,11 @@ export type StaffDto = Staff & {
|
|||
domain?: Department;
|
||||
department?: Department;
|
||||
meta?: {
|
||||
photoUrl?: string
|
||||
office?: string
|
||||
email?: string
|
||||
rank?: string
|
||||
}
|
||||
photoUrl?: string;
|
||||
office?: string;
|
||||
email?: string;
|
||||
rank?: string;
|
||||
};
|
||||
};
|
||||
export interface AuthDto {
|
||||
token: string;
|
||||
|
@ -182,6 +182,7 @@ export type ResourceDto = Resource & {
|
|||
export type PostDto = Post & {
|
||||
readed: boolean;
|
||||
liked: boolean;
|
||||
hated: boolean;
|
||||
readedCount: number;
|
||||
commentsCount: number;
|
||||
terms: TermDto[];
|
||||
|
@ -216,6 +217,7 @@ export interface BaseSetting {
|
|||
appConfig?: {
|
||||
splashScreen?: string;
|
||||
devDept?: string;
|
||||
logo?: string;
|
||||
};
|
||||
}
|
||||
export interface PostMeta {
|
||||
|
|
Loading…
Reference in New Issue