|
|
|
@ -1,7 +1,7 @@ |
|
|
|
|
<!--公告轮播--> |
|
|
|
|
<ng-container *ngIf="notices;else load_notice_err"> |
|
|
|
|
<h1 *ngIf="notices.length==0;else notice_temp" |
|
|
|
|
class="text-center col-12 m-3">{{'server.forum.notice.zero'|translate}}</h1> |
|
|
|
|
class="text-center col-12 m-3">{{prefix('notice.zero')|translate}}</h1> |
|
|
|
|
<ng-template #notice_temp> |
|
|
|
|
<div id="carouselExampleControls" class="carousel slide bg-info m-3" data-ride="carousel"> |
|
|
|
|
<div class="carousel-inner"> |
|
|
|
@ -14,7 +14,7 @@ |
|
|
|
|
<h1 class="text-center mb-3">{{ 'forum.notice' | translate }}</h1> |
|
|
|
|
<button [title]="this.prefix('delete')|translate" (click)="deleteNotice(notice.id)" |
|
|
|
|
class="position-absolute delete_notice btn btn-outline-danger"> |
|
|
|
|
<svg t="1586720093778" class="icon" viewBox="0 0 1024 1024" |
|
|
|
|
<svg class="icon" viewBox="0 0 1024 1024" |
|
|
|
|
xmlns="http://www.w3.org/2000/svg" width="50" height="50"> |
|
|
|
|
<path |
|
|
|
|
d="M810.666667 273.493333L750.506667 213.333333 512 451.84 273.493333 213.333333 213.333333 273.493333 451.84 512 213.333333 750.506667 273.493333 810.666667 512 572.16 750.506667 810.666667 810.666667 750.506667 572.16 512z" |
|
|
|
@ -60,7 +60,7 @@ |
|
|
|
|
<div class="spinner-border load" role="status"> |
|
|
|
|
<span class="sr-only">Loading...</span> |
|
|
|
|
</div> |
|
|
|
|
<h1>{{loadNoticesStatus|translate}}</h1> |
|
|
|
|
<h1>{{this.prefix('notice.' + loadNoticesStatus)|translate}}</h1> |
|
|
|
|
</div> |
|
|
|
|
</ng-template> |
|
|
|
|
|
|
|
|
@ -70,123 +70,175 @@ |
|
|
|
|
<!-- 审核帖标识--> |
|
|
|
|
<h1 class="text-info col-12 text-center">{{ 'forum.check' | translate }}</h1> |
|
|
|
|
|
|
|
|
|
<ng-container *ngIf="posts;else ggg"> |
|
|
|
|
<div class="col-3"> |
|
|
|
|
<ng-container *ngIf="posts;else load_posts_err"> |
|
|
|
|
<h1 *ngIf="posts.forumList.empty;else post_temp" |
|
|
|
|
class="text-center col-12 m-3">{{prefix('posts.zero')|translate}}</h1> |
|
|
|
|
|
|
|
|
|
<ng-template #post_temp> |
|
|
|
|
<div class="col-3"> |
|
|
|
|
|
|
|
|
|
<!--帖子列表--> |
|
|
|
|
<ul class="list-group"> |
|
|
|
|
<!-- 帖子列表--> |
|
|
|
|
<li class="list-group-item" (click)="currentIndex=i" [class.active]="currentIndex===i" |
|
|
|
|
*ngFor="let post of posts.forumList.list;index as i">{{post.title}}</li> |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<!-- 分页按钮--> |
|
|
|
|
<ul class="pagination ml-5 mt-3"> |
|
|
|
|
<li class="page-item" [class.disabled]="posts.forumList.currentPage-1===0"><a class="page-link btn" |
|
|
|
|
(click)="getAllPosts(posts.forumList.currentPage-1)">{{'button.prev_page'|translate}}</a> |
|
|
|
|
</li> |
|
|
|
|
<li class="page-item active"><a class="page-link btn" |
|
|
|
|
(click)="getAllPosts(posts.forumList.currentPage)">{{posts.forumList.currentPage}}</a> |
|
|
|
|
</li> |
|
|
|
|
<li class="page-item"><a class="page-link btn" |
|
|
|
|
*ngIf="posts.forumList.currentPage+1<=posts.forumList.totalPage" |
|
|
|
|
(click)="getAllPosts(posts.forumList.currentPage+1)">{{posts.forumList.currentPage + 1}}</a> |
|
|
|
|
</li> |
|
|
|
|
<li class="page-item"><a class="page-link btn" |
|
|
|
|
*ngIf="posts.forumList.currentPage+2<=posts.forumList.totalPage" |
|
|
|
|
(click)="getAllPosts(posts.forumList.currentPage+2)">{{posts.forumList.currentPage + 2}}</a> |
|
|
|
|
</li> |
|
|
|
|
<li class="page-item" [class.disabled]="posts.forumList.currentPage===posts.forumList.totalPage"><a |
|
|
|
|
class="page-link btn" |
|
|
|
|
(click)="getAllPosts(posts.forumList.currentPage+1)">{{'button.next_page'|translate}}</a></li> |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<!--帖子列表--> |
|
|
|
|
<ul class="list-group"> |
|
|
|
|
<!-- 帖子列表--> |
|
|
|
|
<li class="list-group-item" (click)="currentIndex=i" [class.active]="currentIndex===i" *ngFor="let post of posts.list;index as i">{{post.title}}</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 分页按钮--> |
|
|
|
|
<ul class="pagination ml-5 mt-3"> |
|
|
|
|
<li class="page-item" [class.disabled]="posts.page.currentPage-1===0"><a class="page-link btn" (click)="getAllPosts(posts.page.currentPage-1)">{{'button.prev_page'|translate}}</a></li> |
|
|
|
|
<li class="page-item active"><a class="page-link btn" (click)="getAllPosts(posts.page.currentPage)">{{posts.page.currentPage}}</a></li> |
|
|
|
|
<li class="page-item"><a class="page-link btn" *ngIf="posts.page.currentPage+1<=posts.page.page" (click)="getAllPosts(posts.page.currentPage+1)">{{posts.page.currentPage+1}}</a></li> |
|
|
|
|
<li class="page-item"><a class="page-link btn" *ngIf="posts.page.currentPage+2<=posts.page.page" (click)="getAllPosts(posts.page.currentPage+2)">{{posts.page.currentPage+2}}</a></li> |
|
|
|
|
<li class="page-item" [class.disabled]="posts.page.currentPage===posts.page.page"><a class="page-link btn" (click)="getAllPosts(posts.page.currentPage+1)">{{'button.next_page'|translate}}</a></li> |
|
|
|
|
</ul> |
|
|
|
|
<!-- 帖子内容--> |
|
|
|
|
<div class="col-9 post border-secondary p-3 position-relative"> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<!-- 活动帖子--> |
|
|
|
|
|
|
|
|
|
<!-- 帖子内容--> |
|
|
|
|
<div class="col-9 post border-secondary p-3 position-relative"> |
|
|
|
|
<ng-container [ngSwitch]="getForum().forumType"> |
|
|
|
|
|
|
|
|
|
<!-- 活动帖子--> |
|
|
|
|
<ng-container *ngIf="this.posts.list[this.currentIndex].type==='active';else elseBlock;"> |
|
|
|
|
<!-- 活动贴--> |
|
|
|
|
<ng-container *ngSwitchCase="activeType"> |
|
|
|
|
<!-- 发件人信息--> |
|
|
|
|
<div class="position-absolute sender"> |
|
|
|
|
<!-- 发帖人头像--> |
|
|
|
|
<img [src]="getForum().info.headImg" alt="headimg" class="headimg mb-3"/> |
|
|
|
|
<!-- 发帖人--> |
|
|
|
|
<div class="forum-label border-info mb-3 text-center"> |
|
|
|
|
{{getForum().username}} |
|
|
|
|
</div> |
|
|
|
|
<!--信用分--> |
|
|
|
|
<div class="forum-label border-info mb-3 text-center"> |
|
|
|
|
{{getForum().info.creditScore}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 发件人信息--> |
|
|
|
|
<div class="position-absolute sender"> |
|
|
|
|
<!-- 发帖人头像--> |
|
|
|
|
<img [src]="getActive().headImg" alt="headimg" class="headimg mb-3"/> |
|
|
|
|
<!-- 发帖人--> |
|
|
|
|
<div class="forum-label border-info mb-3 text-center"> |
|
|
|
|
{{getActive().issuer}} |
|
|
|
|
</div> |
|
|
|
|
<!--信用分--> |
|
|
|
|
<div class="forum-label border-info mb-3 text-center"> |
|
|
|
|
{{getActive().userCreditScore}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 帖子框架--> |
|
|
|
|
<div> |
|
|
|
|
<!-- 标题--> |
|
|
|
|
<h1 class="text-info col-12 text-center mb-3 forum-title">{{getForum().title}}</h1> |
|
|
|
|
<!-- 帖子正文--> |
|
|
|
|
<div class="forum-content border-info overflow-auto col-9 offset-2 mb-3"> |
|
|
|
|
{{getForum().content}} |
|
|
|
|
</div> |
|
|
|
|
<!-- 帖子底部--> |
|
|
|
|
<div class="forum-footer border-info p-3 mb-3"> |
|
|
|
|
<h3 class="text-center">{{ 'forum.active_date' | translate:{ |
|
|
|
|
startDate: getActive().activeStartTime|date:'yyyy-MM-dd', |
|
|
|
|
endDate: getActive().activeEndTime|date:'yyyy-MM-dd' |
|
|
|
|
} }}</h3> |
|
|
|
|
<h3 |
|
|
|
|
class="text-center">{{ 'forum.active_score' | translate:{score: getActive().activeScore} }}</h3> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</ng-container> |
|
|
|
|
|
|
|
|
|
<!-- 投诉帖子--> |
|
|
|
|
<ng-container *ngSwitchCase="complanType"> |
|
|
|
|
<div class="complaint row p-3"> |
|
|
|
|
|
|
|
|
|
<div class="col-5 border-info l-label h-100 d-flex justify-content-around"> |
|
|
|
|
|
|
|
|
|
<!-- 投诉人信息--> |
|
|
|
|
<div class="col-6 border-info l-label"> |
|
|
|
|
<div class="text-center">{{'forum.plaintiff'|translate}}</div> |
|
|
|
|
<!-- 头像--> |
|
|
|
|
<div class="d-flex justify-content-center mb-3 m-headimg"> |
|
|
|
|
<img [src]="getForum().info.headImg" alt="headimg" class="headimg"> |
|
|
|
|
</div> |
|
|
|
|
<div class="text-center border-info mb-3 l-label">{{getForum().username}}</div> |
|
|
|
|
<div class="text-center border-info l-label">{{getForum().info.creditScore}}</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 帖子框架--> |
|
|
|
|
<div> |
|
|
|
|
<!-- 标题--> |
|
|
|
|
<h1 class="text-info col-12 text-center mb-3 forum-title">{{getActive().title}}</h1> |
|
|
|
|
<!-- 帖子正文--> |
|
|
|
|
<div class="forum-content border-info overflow-auto col-9 offset-2 mb-3"> |
|
|
|
|
{{getActive().content}} |
|
|
|
|
</div> |
|
|
|
|
<!-- 帖子底部--> |
|
|
|
|
<div class="forum-footer border-info p-3 mb-3"> |
|
|
|
|
<h3 class="text-center">{{ 'forum.active_date' | translate:{ |
|
|
|
|
startDate: getActive().startTime|date:'yyyy-MM-dd', |
|
|
|
|
endDate: getActive().endTime|date:'yyyy-MM-dd' |
|
|
|
|
} }}</h3> |
|
|
|
|
<h3 class="text-center">{{ 'forum.active_score' | translate:{score: getActive().activeCreditScore} }}</h3> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 被投诉人信息--> |
|
|
|
|
<div class="col-6 border-info l-label"> |
|
|
|
|
<div class="text-center">{{'forum.defendant'|translate}}</div> |
|
|
|
|
<div class="d-flex justify-content-center mb-3 m-headimg"> |
|
|
|
|
<!-- 头像--> |
|
|
|
|
<img [src]="getComplaint().info.headImg" alt="headimg" class="headimg"> |
|
|
|
|
</div> |
|
|
|
|
<div class="text-center border-info mb-3 l-label">{{getComplaint().complain}}</div> |
|
|
|
|
<div class="text-center border-info l-label">{{getComplaint().info.creditScore}}</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</ng-container> |
|
|
|
|
<!-- 投诉帖子--> |
|
|
|
|
<ng-template #elseBlock> |
|
|
|
|
<div class="complaint row p-3"> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="col-5 border-info l-label h-100 d-flex justify-content-around"> |
|
|
|
|
|
|
|
|
|
<!-- 投诉人信息--> |
|
|
|
|
<div class="col-6 border-info l-label"> |
|
|
|
|
<div class="text-center">{{'forum.plaintiff'|translate}}</div> |
|
|
|
|
<!-- 头像--> |
|
|
|
|
<div class="d-flex justify-content-center mb-3 m-headimg"> |
|
|
|
|
<img [src]="getComplaint().plaintiffHeadImg" alt="headimg" class="headimg"> |
|
|
|
|
<!-- 投诉内容--> |
|
|
|
|
<div class="col-7 border-success l-label h-100"> |
|
|
|
|
<!-- 投诉项--> |
|
|
|
|
<h1 class="text-center">{{getForum().title}}</h1> |
|
|
|
|
<!-- 投诉内容--> |
|
|
|
|
<div class="forum-content border-info overflow-auto mb-3"> |
|
|
|
|
{{getForum().content}} |
|
|
|
|
</div> |
|
|
|
|
<!-- 投诉时间--> |
|
|
|
|
<h1 |
|
|
|
|
class="text-center">{{ 'forum.complaint_time' | translate:{time: getForum().time|date:'yyyy-MM-dd'} }}</h1> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</ng-container> |
|
|
|
|
<!-- 动态帖子--> |
|
|
|
|
<ng-container *ngSwitchCase="topicType"> |
|
|
|
|
<!-- 发件人信息--> |
|
|
|
|
<div class="position-absolute sender"> |
|
|
|
|
<!-- 发帖人头像--> |
|
|
|
|
<img [src]="getForum().info.headImg" alt="headimg" class="headimg mb-3"/> |
|
|
|
|
<!-- 发帖人--> |
|
|
|
|
<div class="forum-label border-info mb-3 text-center"> |
|
|
|
|
{{getForum().username}} |
|
|
|
|
</div> |
|
|
|
|
<!--信用分--> |
|
|
|
|
<div class="forum-label border-info mb-3 text-center"> |
|
|
|
|
{{getForum().info.creditScore}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="text-center border-info mb-3 l-label">{{getComplaint().plaintiffName}}</div> |
|
|
|
|
<div class="text-center border-info l-label">{{getComplaint().plaintiffCreditScore}}</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 被投诉人信息--> |
|
|
|
|
<div class="col-6 border-info l-label"> |
|
|
|
|
<div class="text-center">{{'forum.defendant'|translate}}</div> |
|
|
|
|
<div class="d-flex justify-content-center mb-3 m-headimg"> |
|
|
|
|
<!-- 头像--> |
|
|
|
|
<img [src]="getComplaint().defendantHeadImg" alt="headimg" class="headimg"> |
|
|
|
|
<!-- 帖子框架--> |
|
|
|
|
<div> |
|
|
|
|
<!-- 标题--> |
|
|
|
|
<h1 class="text-info col-12 text-center mb-3 forum-title">{{getForum().title}}</h1> |
|
|
|
|
<!-- 帖子正文--> |
|
|
|
|
<div class="forum-content border-info overflow-auto col-9 offset-2 mb-3"> |
|
|
|
|
{{getForum().content}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="text-center border-info mb-3 l-label">{{getComplaint().defendantName}}</div> |
|
|
|
|
<div class="text-center border-info l-label">{{getComplaint().defendantCreditScore}}</div> |
|
|
|
|
</div> |
|
|
|
|
</ng-container> |
|
|
|
|
|
|
|
|
|
</ng-container> |
|
|
|
|
<!--帖子审核按钮--> |
|
|
|
|
<div class="col-12 text-center"> |
|
|
|
|
<button class="btn btn-info col-2 mr-3" (click)="checkPost(okType)">{{ 'forum.approve' | translate }}</button> |
|
|
|
|
<button class="btn btn-danger col-2" (click)="checkPost(failType)">{{ 'forum.reject' | translate }}</button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 投诉内容--> |
|
|
|
|
<div class="col-7 border-success l-label h-100"> |
|
|
|
|
<!-- 投诉项--> |
|
|
|
|
<h1 class="text-center">{{getComplaint().title}}</h1> |
|
|
|
|
<!-- 投诉内容--> |
|
|
|
|
<div class="forum-content border-info overflow-auto mb-3"> |
|
|
|
|
{{getComplaint().content}} |
|
|
|
|
</div> |
|
|
|
|
<!-- 投诉时间--> |
|
|
|
|
<h1 class="text-center">{{ 'forum.complaint_time' | translate:{time: getComplaint().time|date:'yyyy-MM-dd'} }}</h1> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</ng-template> |
|
|
|
|
|
|
|
|
|
<!--帖子审核按钮--> |
|
|
|
|
<div class="col-12 text-center"> |
|
|
|
|
<button class="btn btn-info col-2 mr-3" (click)="checkPost(0)">{{ 'forum.approve' | translate }}</button> |
|
|
|
|
<button class="btn btn-danger col-2" (click)="checkPost(1)">{{ 'forum.reject' | translate }}</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</ng-template> |
|
|
|
|
</ng-container> |
|
|
|
|
<ng-template #ggg> |
|
|
|
|
<ng-template #load_posts_err> |
|
|
|
|
<div class="text-center col-12"> |
|
|
|
|
<div class="spinner-border load" role="status"> |
|
|
|
|
<span class="sr-only">Loading...</span> |
|
|
|
|
</div> |
|
|
|
|
<h1>{{'forum.load_posts'|translate}}</h1> |
|
|
|
|
<h1>{{this.prefix('posts.' + loadPostsStatus)|translate}}</h1> |
|
|
|
|
</div> |
|
|
|
|
</ng-template> |
|
|
|
|
|
|
|
|
|