大屏修改

src/app/views/disinfection-supply/disinfection-supply.component.html

@@ -87,21 +87,21 @@
   <!-- 内容 -->
   <div class="screen_body swiper" id="mySwiper" *ngIf="buildings.length">
     <div class="swiper-wrapper display_flex">
-      <div class="screen_wrap swiper-slide" *ngFor="let screen of buildings">
-        <div class="screen_list" *ngFor="let building of screen">
+      <div class="screen_wrap swiper-slide" *ngFor="let screen of buildings;let screentIndex = index;" (mouseenter)="swiperEnter()" (mouseleave)="swiperLeave()">
+        <div class="screen_list" *ngFor="let building of screen;let buildingIndex = index;">
           <div class="screen_list_head">
             <div class="screen_list_title">{{building.name}}</div>
             <div class="screen_list_column">
               <div class="column" *ngIf="building.name">科室名称</div>
-              <div class="column" *ngIf="building.name">{{taskTypeName}}工单状态</div>
+              <div class="column" *ngIf="building.name"><span [title]="taskTypeName + '工单状态'">{{taskTypeName}}工单状态</span></div>
             </div>
           </div>
           <div class="screen_list_body">
-            <div class="screen_list_item" *ngFor="let department of building.departments">
-              <div class="item_name">{{department.name}}</div>
-              <div class="item_description">
-                <div class="item_orderInfo" *ngIf="department.orders[0]">{{department.orders[0][11].slice(-4)}}-{{department.orders[0][7]}} {{department.orders[0][8]}}</div>
-                <div class="item_remarks" *ngIf="department.orders[0]">{{department.orders[0][13]}}</div>
+            <div class="screen_list_item" *ngFor="let department of building.departments" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex">
+              <div class="item_name" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex"><span [title]="department.name" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex">{{department.name}}</span></div>
+              <div class="item_description" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex">
+                <div class="item_orderInfo" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex" *ngIf="department.orders[0]">{{department.orders[0][11].slice(-4)}}-{{department.orders[0][7]}} {{department.orders[0][8]}}</div>
+                <div class="item_remarks" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex" *ngIf="department.orders[0]"><span [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex" [title]="department.orders[0][13]">{{department.orders[0][13]}}</span></div>
               </div>
             </div>
           </div>
@@ -114,3 +114,57 @@
     </div>
   </div>
 </div>
+<!-- 详情 -->
+<div class="detail" *ngIf="detailModel">
+  <div class="detail_head">
+    <h2>详细信息</h2>
+    <img (click)="closeDetail()" src="./../../../assets/images/screen/close.png" alt="">
+  </div>
+  <div class="detail_body">
+    <div class="detail_body_item">
+      <div class="detail_body_left">
+        <div class="detail_body_title">楼栋：</div>
+        <div class="detail_body_title_content">{{order[3]}}</div>
+      </div>
+    </div>
+    <div class="detail_body_item">
+      <div class="detail_body_left">
+        <div class="detail_body_title">科室：</div>
+        <div class="detail_body_title_content">{{order[6]}}</div>
+      </div>
+    </div>
+    <div class="detail_body_item">
+      <div class="detail_body_left">
+        <div class="detail_body_title">配送人员：</div>
+        <div class="detail_body_title_content">{{order[8]}}</div>
+      </div>
+    </div>
+    <div class="detail_body_item">
+      <div class="detail_body_left">
+        <div class="detail_body_title">工单号：</div>
+        <div class="detail_body_title_content">{{order[11]}}</div>
+      </div>
+    </div>
+    <div class="detail_body_item">
+      <div class="detail_body_left">
+        <div class="detail_body_title">任务类型：</div>
+        <div class="detail_body_title_content">{{taskTypeName}}</div>
+      </div>
+    </div>
+    <div class="detail_body_item">
+      <div class="detail_body_left">
+        <div class="detail_body_title">工单状态：</div>
+        <div class="detail_body_title_content">{{order[7]}}</div>
+      </div>
+    </div>
+    <div class="detail_body_item">
+      <div class="detail_body_left">
+        <div class="detail_body_title">备注信息：</div>
+        <div class="detail_body_title_content">{{order[13]}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="detail_foot">
+    <div class="detail_btn" (click)="closeDetail()">知道了</div>
+  </div>
+</div>

src/app/views/disinfection-supply/disinfection-supply.component.less

@@ -300,8 +300,8 @@
         display: flex;
         align-items: center;
         .dit{
-          width: 28px;
-          height: 28px;
+          width: 24px;
+          height: 24px;
           background: #FFFFFF;
           border-radius: 50%;
           margin-right: 14px;
@@ -382,6 +382,7 @@
             .screen_list_item{
               height: 80px;
               display: flex;
+              cursor: pointer;
               &:nth-of-type(2n + 1){
                 background-color: #043144;
               }
@@ -432,4 +433,83 @@
       }
     }
   }
+
+  // 详情
+  .detail{
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    z-index: 9999;
+    transform: translate(-50%, -50%);
+    width: 620px;
+    background: #FFFFFF;
+    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
+    border-radius: 12px;
+
+    .detail_head{
+      padding: 33px 15px 19px 15px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      h2{
+        font-size: 23px;
+        font-weight: bold;
+        color: #0A3D74;
+        line-height: 30px;
+        margin: 0;
+      }
+      img{
+        width: 19px;
+        height: 19px;
+        cursor: pointer;
+      }
+    }
+    .detail_body{
+      margin: 0 12px;
+      border-radius: 8px 8px 8px 8px;
+      border: 1px solid #DCDCDC;
+      padding: 9px 15px;
+      .detail_body_item{
+        display: flex;
+        font-size: 18px;
+        font-weight: 400;
+        color: #02356D;
+        padding: 6px 0;
+        .detail_body_left{
+          display: flex;
+          align-items: center;
+          text-align: justify;
+          .detail_body_title{
+            width: 94px;
+            flex-shrink: 0;
+            line-height: normal;
+            height: 100%;
+          }
+          .detail_body_title_content{
+            line-height: normal;
+          }
+        }
+      }
+    }
+
+    .detail_foot{
+      height: 91px;
+      padding-top: 24px;
+      display: flex;
+      justify-content: center;
+      .detail_btn{
+        cursor: pointer;
+        width: 139px;
+        height: 41px;
+        background: #0A3D74;
+        font-size: 20px;
+        font-weight: 400;
+        color: #FFFFFF;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 8px;
+      }
+    }
+  }
 }

src/app/views/disinfection-supply/disinfection-supply.component.ts

@@ -21,8 +21,8 @@ export class DisinfectionSupplyComponent implements OnInit, OnDestroy {
   ) { }
 
   tasktype = null; //任务类型
-  refreshTime: number = 6000; //刷新时间
-  screenCuttingTime: number = 1000; //切屏时间
+  refreshTime: number = 60; //刷新时间
+  screenCuttingTime: number = 10; //切屏时间
 
   taskTypeName:string = '';
   buildings: any[] = [];
@@ -71,6 +71,26 @@ export class DisinfectionSupplyComponent implements OnInit, OnDestroy {
     });
   }
 
+  // 详情
+  detailModel:boolean = false;
+  order = {};
+  toDetail(department){
+    this.detailModel = true;
+    this.order = department.orders ? department.orders[0] : {};
+  }
+
+  closeDetail(){
+    this.detailModel = false;
+  }
+
+  swiperEnter(){
+    this.mySwiper && this.mySwiper.autoplay.stop();
+  }
+
+  swiperLeave(){
+    this.mySwiper && this.mySwiper.autoplay.start();
+  }
+
   setActiveIndex(i:number){
     this.activeIndex = i;
     this.mySwiper.slideToLoop(i, 1000, false);
@@ -109,8 +129,15 @@ export class DisinfectionSupplyComponent implements OnInit, OnDestroy {
         on: {
           slideChangeTransitionEnd: function(swiper) {
             _this.activeIndex = swiper.realIndex;
-            console.log(swiper, _this.activeIndex)
           },
+          click: function(swiper, event){
+            console.log(swiper, event.target)
+            const id = (event as any).target.getAttribute('data-id');
+            const screentIndex = (event as any).target.getAttribute('data-screentIndex');
+            const buildingIndex = (event as any).target.getAttribute('data-buildingIndex');
+            let department = _this.buildings[screentIndex][buildingIndex].departments.find(v => v.id == id);
+            _this.toDetail(department);
+          }
         },
       });
     }, 0)

src/app/views/main/main-routing.module.ts

@@ -156,6 +156,14 @@ const routes: Routes = [
           ),
       },
       {
+        // TAB自定义
+        path: "tabCustom",
+        loadChildren: () =>
+          import("../tab-custom/tab-custom.module").then(
+            (m) => m.TabCustomModule
+          ),
+      },
+      {
         // 权限管理
         path: "jurisdictionManagement",
         loadChildren: () =>

src/app/views/tab-custom/tab-custom-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { TabCustomComponent } from './tab-custom.component';
+
+
+const routes: Routes = [{
+  path: '',
+  component: TabCustomComponent,
+}];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class TabCustomRoutingModule { }

src/app/views/tab-custom/tab-custom.component.html

@@ -0,0 +1,99 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="list-template__top" nz-row>
+      <div nz-col nzXl='18' class="list-template__searchBox">
+      </div>
+      <div nz-col nzXl='6' class="list-template__btns">
+        <button nz-button class="btn default" (click)='search()'>搜索</button>
+        <button nz-button *ngIf="coopBtns.add" class="btn ml8 default" (click)="showModal()">新增</button>
+      </div>
+    </div>
+    <div class="list-template__bottom">
+      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="loading1">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="10%">TAB名称</th>
+            <th nzWidth="10%">排序号</th>
+            <th nzWidth="5%">关联任务类型</th>
+            <th nzWidth="20%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let index=index;">
+            <td>{{ data.title || '-' }}</td>
+            <td>{{ data.orders || '-' }}</td>
+            <td>{{data.taskTypeList.length ? data.taskTypeList : '-'}}</td>
+            <td>
+              <div class="coop">
+                <span *ngIf="coopBtns.edit" (click)="edit(data)">编辑</span>
+                <span *ngIf="coopBtns.del" (click)="del(data)">删除</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList()" (nzPageSizeChange)="getList()">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- 新增/编辑模态框 -->
+<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="modal">
+  <div class="modalBody">
+    <div class="title">{{add?"新增":"编辑"}}<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+    </div>
+    <overlay-scrollbars #osComponentRef1 class="content">
+      <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="title">TAB名称</nz-form-label>
+          <nz-form-control nzErrorTip="请填写TAB名称!">
+            <nz-input-group>
+              <input type="text" nz-input formControlName="title" placeholder="请填写TAB名称" />
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="orders">排序号</nz-form-label>
+          <nz-form-control nzErrorTip="请选择排序号!">
+            <nz-input-group>
+              <input type="number" nz-input formControlName="orders" placeholder="请填写排序号" />
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="taskTypeList">关联任务类型</nz-form-label>
+          <nz-form-control nzErrorTip="请选择关联任务类型!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="taskTypeList" nzShowSearch nzAllowClear nzMode="multiple" nzPlaceHolder="请选择关联任务类型" nzServerSearch (nzOnSearch)="changeInp($event)" (nzOpenChange)="openOtherTasktype($event)">
+              <ng-container *ngFor="let data of otherTasktypeList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.taskName" [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>
+      </form>
+    </overlay-scrollbars>
+    <div class="display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="btnLoading">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+    </div>
+  </div>
+</div>
+<!-- 删除模态框 -->
+<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+  (confirmDelEvent)="confirmDel()" content="是否确认删除？">
+</app-dialog-delete>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo"></app-prompt-modal>
+
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/views/tab-custom/tab-custom.component.less

@@ -0,0 +1,126 @@
+@import "../../../../src/theme.less";
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      width: 100%;
+      height: 117px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+
+      div {
+        text-align: center;
+        margin: 0;
+
+        &.icon {
+          margin-top: 17px;
+
+          i {
+            color: #34b349;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+
+            &.transport-shibai {
+              color: #ff3a52;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 19px 14px 0 14px;
+        max-height: 500px;
+        overflow-y: auto;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 8px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+      }
+
+      button:nth-child(1) {
+        margin-right: 20px;
+      }
+    }
+  }
+}

src/app/views/tab-custom/tab-custom.component.ts

@@ -0,0 +1,255 @@
+import { Component, OnInit, ViewChild } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { FormBuilder, Validators, FormGroup } from "@angular/forms";
+
+import { MainService } from "../../services/main.service";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-ngx";
+import { ToolService } from "../../services/tool.service";
+import { forkJoin, Subject } from "rxjs";
+import { debounceTime } from "rxjs/operators";
+import { NzMessageService } from "ng-zorro-antd";
+import { isThisISOWeek } from 'date-fns';
+
+@Component({
+  selector: "app-tab-custom",
+  templateUrl: "./tab-custom.component.html",
+  styleUrls: ["./tab-custom.component.less"],
+})
+export class TabCustomComponent implements OnInit {
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
+  constructor(
+    private message: NzMessageService,
+    private fb: FormBuilder,
+    private route: ActivatedRoute,
+    private router: Router,
+    private mainService: MainService,
+    private tool: ToolService
+  ) {}
+
+  listOfData: any[] = []; //表格数据
+
+  modal: boolean = false; //新增/编辑模态框
+  add: boolean; //true:新增；false:编辑
+  validateForm: FormGroup; //新增/编辑表单
+  coopId: number; //表格中执行操作的id
+  department: any; //所属科室
+  num; //工号
+  name; //姓名
+  userType: any; //用户类型
+  hosId: any; //院区（搜索）
+  userGroup; //所属组
+  userGroup1; //所属组(搜索)
+  userTypes: Array<any>; //所有用户类型
+  alldepart: any = []; //所有所属科室
+  alldepart1: any = []; //所有所属科室(搜索)
+  hospitals1: any = []; //院区列表(搜索)
+  otherTasktypeList: Array<any>; //所有其他临床服务任务类型
+  allUserRole: Array<any>; //所有角色
+  pageIndex: number = 1; //页码
+  listLength: number = 10; //总条数
+  pageSize: number = 10; //每页条数
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+
+  btnLoading: boolean = false; //提交按钮loading状态
+  wxRequired = false; //新增或编辑用户的时候，微信号是否必填
+  changeInpSubject = new Subject(); //防抖
+
+  ngOnInit() {
+    //防抖
+    this.changeInpSubject.pipe(debounceTime(500)).subscribe((v) => {
+      this.getOtherTasktype(v[0]);
+    });
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.initForm();
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getList();
+  }
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+  // 搜索
+  search() {
+    this.pageIndex = 1;
+    this.getList();
+  }
+  // 表格数据
+  loading1 = false;
+  getList() {
+    let data = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      tabPermission: {
+        hosId: this.hosId,
+      },
+    };
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "tabPermission", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        this.listOfData = data.list;
+        this.listLength = data.totalNum;
+      });
+  }
+
+  // 获取任务类型列表-其他临床服务
+  getOtherTasktype(keywords = '') {
+    let hid = this.tool.getCurrentHospital().id;
+    let postData = {
+      taskType: {
+        hosIds: hid,
+        taskName: keywords,
+        simpleQuery: true,
+        associationType: {
+          key: 'association_types',
+          value: 'other',
+        }
+      },
+      idx: 0,
+      sum: 10,
+    };
+    this.isLoading = true;
+    this.mainService.getFetchDataList("configuration", "taskType", postData).subscribe((res) => {
+      this.isLoading = false;
+      this.otherTasktypeList = res.list || [];
+    });
+  }
+
+  // 新增弹框
+  showModal() {
+    this.add = true;
+    this.modal = true;
+    this.initForm();
+  }
+  hideModal() {
+    this.modal = false;
+    this.initForm();
+  }
+
+  // 初始化新增form表单
+  initForm() {
+    if (this.add) {
+      this.otherTasktypeList = [];
+    }
+    this.validateForm = this.fb.group({
+      title: ['', [Validators.required]],
+      orders: [0, [Validators.required]],
+      taskTypeList: [null],
+    });
+  }
+  // 表单提交
+  submitForm(): void {
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty({ onlySelf: true });
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateForm.invalid) return;
+    this.btnLoading = true;
+    let data = {
+      tabPermission: {
+        title: this.validateForm.value.title,
+        orders: this.validateForm.value.orders,
+        hosId: this.hosId,
+        deleteFlag: 0,
+        // taskTypeList: this.validateForm.value.taskTypeList
+      },
+    };
+    if (!this.add) {
+      data.tabPermission["id"] = this.coopId;
+    }
+    console.log(data);
+    return;
+    this.mainService
+      .coopData("addData", "tabPermission", data)
+      .subscribe((data) => {
+        this.btnLoading = false;
+        this.hideModal();
+        this.initForm();
+        if (data.status == 200) {
+          this.showPromptModal(this.add ? "新增" : "编辑", true, "");
+        } else {
+          this.showPromptModal(this.add ? "新增" : "编辑", false, data.msg);
+        }
+      });
+  }
+
+  // 编辑
+  maskFlag: any = false;
+  edit(data) {
+    this.validateForm.controls.title.setValue(data.title);
+    this.validateForm.controls.orders.setValue(data.orders);
+    this.modal = true;
+    this.add = false;
+    this.coopId = data.id;
+  }
+
+  // 删除
+  delModal: boolean = false; //删除模态框
+  del(data) {
+    this.coopId = data.id;
+    this.delModal = true;
+  }
+  // 确认删除
+  confirmDel() {
+    return;
+    this.btnLoading = true;
+    this.mainService
+      .rmvDataAndWeChatNum([this.coopId], true)
+      .subscribe((data) => {
+        this.btnLoading = false;
+        this.hideDelModal();
+        if (data["status"] == 200) {
+          if (
+            this.listOfData.length == 1 &&
+            this.pageIndex == Math.ceil(this.listLength / this.pageSize)
+          ) {
+            this.listLength--;
+            this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+          }
+          this.showPromptModal("删除", true, "");
+        } else {
+          this.showPromptModal("删除", false, data["msg"]);
+        }
+      });
+  }
+
+  // 关闭删除模态框
+  hideDelModal() {
+    this.delModal = false;
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+    this.getList();
+  }
+
+  // 边输边搜节流阀
+  isLoading = false;
+  changeInp(e) {
+    this.changeInpSubject.next([e]);
+  }
+
+  // 打开任务类型
+  openOtherTasktype(e){
+    if(e){
+      this.getOtherTasktype();
+    }
+  }
+}
+
+

src/app/views/tab-custom/tab-custom.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { TabCustomRoutingModule } from './tab-custom-routing.module';
+import { TabCustomComponent } from './tab-custom.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    TabCustomComponent
+  ],
+  imports: [
+    CommonModule,
+    TabCustomRoutingModule,
+    ShareModule
+  ]
+})
+export class TabCustomModule { }