Browse Source

[完善]完善任务卡片详情

非煤矿山灾害智能感知和预警系统
邵佳豪 3 years ago
parent
commit
2f61787f72
  1. 1
      src/app/home/task/station-weekly-plan/station-weekly-plan.component.ts
  2. 15
      src/app/home/task/station-weekly-plan/task-details/task-details.component.html
  3. 23
      src/app/home/task/station-weekly-plan/task-details/task-details.component.scss

1
src/app/home/task/station-weekly-plan/station-weekly-plan.component.ts

@ -534,6 +534,7 @@ export class StationWeeklyPlanComponent implements OnInit {
}
this.http.post('/api/PlanTasks/ApprovalMany', null, { params: params }).subscribe({
next: (data: any) => {
this.getTaskListPass(this.stationData[0])
this.message.create('success', '发布成功');
},
error: (err) => {

15
src/app/home/task/station-weekly-plan/task-details/task-details.component.html

@ -2,7 +2,20 @@
<div class="list">
<div class="item" *ngFor="let item of data.data">
<div class="text">
{{item.company.companyName}}
<p>单位名称 : {{item.company.companyName}}</p>
<p>单位级别 : {{item.company.useNature}}</p>
<p>主负责人 : {{item.organization.name}}</p>
<p>协助人员 :
<span class="assistant">
<span *ngFor="let o of item.supervisors">
<img *ngIf="o.posts && o.posts[0] == '主查人员'" src="../../../../assets/images/icon/main.png"
alt="">
<img *ngIf="o.posts && o.posts[0] == '协查人员'" src="../../../../assets/images/icon/assist.png"
alt="">
{{o.name}}
</span>
</span>
</p>
</div>
<div class="state">
<span class="green" (click)="accept(item)">接受</span>

23
src/app/home/task/station-weekly-plan/task-details/task-details.component.scss

@ -3,14 +3,33 @@
max-height: 600px;
padding: 0 5px;
overflow: auto;
.item {
display: flex;
border-bottom: 1px dotted #C7CAD0;
height: 50px;
line-height: 50px;
margin-bottom: 10px;
.text {
flex: 1;
.assistant {
span {
color: #303133;
margin-right: 6px;
}
img {
width: 16px;
height: 16px;
vertical-align: text-bottom;
}
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.state {
span {
margin-left: 8px;

Loading…
Cancel
Save