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

src/app/home/nav/nav.component.html

@@ -19,7 +19,7 @@
             </li>
         </ul>
         <div class="headerbtn">
-            <div>欢迎,{{user}}</div>
+            <div>欢迎 , {{user}}</div>
             <a nz-dropdown [nzDropdownMenu]="menu" [nzTrigger]="'click'" [nzBackdrop]='false'>
                 <i nz-icon nzType="setting"></i>
             </a>

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) => {

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>

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

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