事件编辑

src/app/components/incidentManagement/incident-create/incident-create.component copy.html

@@ -0,0 +1,70 @@
+<!--
+ * @Author: seimin
+ * @Date: 2024-10-24 13:47:40
+ * @LastEditors: seimin
+ * @LastEditTime: 2024-10-24 13:58:19
+ * @Description: 创建
+-->
+<div class="save display_flex justify-content_flex-center align-items_center add">
+  <div class="modalBody">
+    <div class="title">回访<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <overlay-scrollbars #osComponentRef1 class="workingArea">
+        <div class="tabs">
+          <div class="tab" *ngFor="let item of tabs" (click)="clickTbab(item)" [ngClass]="{ active: activeTabValue === item.value }">{{ item.name }}</div>
+        </div>
+        <div class="detail">
+          <ng-container *ngIf="activeTabValue === 1">
+            <!-- <app-incident-handle-repair [incidentData]="incidentData"></app-incident-handle-repair> -->
+          </ng-container>
+          <ng-container *ngIf="activeTabValue === 2">
+            <!-- <app-incident-handle-handle [incidentData]="incidentData"></app-incident-handle-handle> -->
+          </ng-container>
+        </div>
+      </overlay-scrollbars>
+      <form nz-form [formGroup]="validateForm" class="addForm">
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6" nzRequired nzFor="degree">满意度评价</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请选择满意度评价!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="degree" nzPlaceHolder="请选择满意度评价" nzServerSearch>
+              <ng-container *ngFor="let data of deferralDayList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.id"></nz-option>
+              </ng-container>
+              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+              </nz-option>
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6" nzRequired nzFor="handleResult">回访处理结果</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请选择回访处理结果!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="handleResult" nzPlaceHolder="请选择回访处理结果" nzServerSearch>
+              <ng-container *ngFor="let data of repairTypeList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.id"></nz-option>
+              </ng-container>
+              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
+                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+              </nz-option>
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6" nzFor="visitRemarks" style="text-indent: 11px;">回访备注</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请输入回访备注!">
+            <nz-input-group>
+              <textarea formControlName="visitRemarks" nz-input rows="3" placeholder="请输入回访备注"></textarea>
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" (click)="submitForm()"[nzLoading]="isLoading">确认</button>
+      <button nz-button nzType="default" class="btn cancel" (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/components/incidentManagement/incident-create/incident-create.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { IncidentCreateComponent } from './incident-create.component';
+import { ShareModule } from 'src/app/share/share.module';
+import { KnowledgeLookModule } from '../../knowledge-look/knowledge-look.module';
+
+
+@NgModule({
+  declarations: [
+    IncidentCreateComponent,
+  ],
+  imports: [
+    CommonModule,
+    ShareModule,
+    KnowledgeLookModule,
+  ],
+  exports: [
+    IncidentCreateComponent,
+  ]
+})
+export class IncidentCreateModule { }

src/app/views/fuwutai/fuwutai.component.html

@@ -2213,7 +2213,7 @@
                   <div class="left_cots" style="width: 96%;height: auto;">
                     <!-- 工单 -->
                     <div class="gongdan" style="font-size: 16px;">
-                      <span class="left noEllipsis">{{data.title}}</span>
+                      <span class="left ellipsis-oneline w100" nz-tooltip [nzTooltipTitle]="data.title">{{data.title}}</span>
                     </div>
                     <!-- 描述 -->
                     <div class="didian" style="font-size: 12px;height: auto;">

src/app/views/incident-management/incident-management.component.html

@@ -98,6 +98,7 @@
             <td>
               <div class="coop">
                 <span *ngIf="coopBtns.look" (click)="detail($event,data)">查看</span>
+                <span *ngIf="data.computedEditFlag" (click)="edit($event,data)">编辑</span>
                 <span *ngIf="data.computedVisitFlag" (click)="visit($event,data)">回访</span>
                 <span *ngIf="data.computedReceiveFlag" (click)="showDelModal($event, data,'您确认要接单吗？','接单','receive')">接单</span>
                 <span *ngIf="data.computedHandleFlag" (click)="handle($event,data)">处理</span>
@@ -194,3 +195,6 @@
 
 <!-- 详情 -->
 <app-incident-detail [id]="coopData.id" *ngIf="detailModalShow" (closeModelHs)="closeDetailModelOrder($event)" (confirmModelHs)="confirmDetailModelOrder($event)"></app-incident-detail>
+
+<!-- 编辑/新增 -->
+<app-incident-create [id]="coopData.id" *ngIf="editModalShow" (closeModelHs)="closeEditModelOrder($event)" (confirmModelHs)="confirmEditModelOrder($event)"></app-incident-create>

src/app/views/incident-management/incident-management.component.ts

@@ -269,6 +269,11 @@ export class IncidentManagementComponent implements OnInit {
     return this.coopBtns.visit && data.state.value == 'close' && data.deleteFlag !== 1;
   }
 
+  // 是否显示编辑按钮
+  computedEdit(data){
+    return (data.state.value === 'pending' || data.state.value === 'reassign' || data.state.value === 'handler' || data.state.value === 'close') && this.coopBtns.edit && data.deleteFlag !== 1;
+  }
+
   // 表格数据
   loading1 = false;
   getList(isInit = false) {
@@ -320,6 +325,7 @@ export class IncidentManagementComponent implements OnInit {
         let list = result.list || [];
         list.forEach((item) => {
           item.endDeptsName = item.endDepts ? item.endDepts.map(v => v.dept).toString() : '';
+          item.computedEditFlag = this.computedEdit(item);
           item.computedVisitFlag = this.computedVisit(item);
           item.computedReceiveFlag = this.computedReceive(item);
           item.computedHandleFlag = this.computedHandle(item);
@@ -445,6 +451,24 @@ export class IncidentManagementComponent implements OnInit {
     this.getList(true);
   }
 
+  // 编辑-弹窗
+  editModalShow = false; //弹窗开关
+  edit(e, data) {
+    e.stopPropagation();
+    this.coopData = data;
+    this.editModalShow = true;
+  }
+  // 关闭弹窗
+  closeEditModelOrder(e) {
+    this.editModalShow = JSON.parse(e).show;
+  }
+  // 弹窗确定
+  confirmEditModelOrder(e){
+    console.log(e);
+    this.editModalShow = false;
+    this.getList(true);
+  }
+
   // 回访-弹窗
   visitModalShow = false; //弹窗开关
   visit(e, data) {

src/app/views/incident-management/incident-management.module.ts

@@ -10,6 +10,7 @@ import { IncidentSetdutyModule } from 'src/app/components/incidentManagement/inc
 import { IncidentPostponeModule } from 'src/app/components/incidentManagement/incident-postpone/incident-postpone.module';
 import { IncidentVisitModule } from 'src/app/components/incidentManagement/incident-visit/incident-visit.module';
 import { IncidentDetailModule } from 'src/app/components/incidentManagement/incident-detail/incident-detail.module';
+import { IncidentCreateModule } from 'src/app/components/incidentManagement/incident-create/incident-create.module';
 
 
 @NgModule({
@@ -26,6 +27,7 @@ import { IncidentDetailModule } from 'src/app/components/incidentManagement/inci
     IncidentPostponeModule,
     IncidentVisitModule,
     IncidentDetailModule,
+    IncidentCreateModule,
   ]
 })
 export class IncidentManagementModule { }