tab自定义

src/app/views/hushijiandan/hushijiandan.component.ts

@@ -34,6 +34,7 @@ import {
   endOfDay,
 } from "date-fns";
 import { SourceId } from "src/app/type/types";
+import cloneDeep from 'lodash-es/cloneDeep'
 // 日期禁用
 function range(start: number, end: number): number[] {
   const result: number[] = [];
@@ -127,8 +128,9 @@ export class HushijiandanComponent implements OnInit {
         this.sortableTimer = setTimeout(() => {
           let postData = {
             orders: [],
+            tabId: this.checkedTableType == 'other' ? undefined : this.checkedTableType,
           };
-          postData.orders = this.othersList.map((item, i) => {
+          postData.orders = this.othersList[this.checkedTableType].map((item, i) => {
             return {
               id: item.id,
               orders: i,
@@ -462,6 +464,25 @@ export class HushijiandanComponent implements OnInit {
         if (result.status == 200) {
           this.isShowBx = result.list.find(v => v.key == 'hos_itsmIncident').value == 1;
           if (this.isShowBx && (this.coopBtns.repairList || this.coopBtns.quickReportForRepair)) {
+            // 初始化默认显示第一个
+            if(this.tabPermission.length){
+              this.checkedTableType = (this.tabPermission[0] && this.tabPermission[0].system) ? 'other' : this.tabPermission[0].id;
+            }else if(this.coopBtns.suggestionBox){
+              this.checkedTableType = 'advice';
+              this.checkTable(this.checkedTableType);
+            }else if(this.coopBtns.inquiryOfHistoricalSpecimens){
+              this.checkedTableType = 'historySpecimen';
+              this.checkTable(this.checkedTableType);
+            }else if(this.coopBtns.historicalMedicineListInquiry){
+              this.checkedTableType = 'historyDrugsbag';
+              this.checkTable(this.checkedTableType);
+            }else if(this.coopBtns.quickReportForRepair && this.isShowBx){
+              this.checkedTableType = 'kjbx';
+              this.checkTable(this.checkedTableType);
+            }else if(this.coopBtns.repairList && this.isShowBx){
+              this.checkedTableType = 'bxlb';
+              this.checkTable(this.checkedTableType);
+            }
             this.smallTabs = [
               { id: 1, name: "综合日志" },
               { id: 2, name: "一键报修" },
@@ -748,7 +769,7 @@ export class HushijiandanComponent implements OnInit {
   nLoading = false;
   positionY = 0; //记录其他建单Y轴滚动距离
   otherClick(item) {
-    this.positionY = this.osComponentRef2.osInstance().scroll().position.y; //内容滚动的距离
+    this.osComponentRef2 && (this.positionY = this.osComponentRef2.osInstance().scroll().position.y); //内容滚动的距离
     this.selectOtherId = item.id;
     this.newShortcutOrder(item, "other");
     this.account = null;
@@ -1167,6 +1188,7 @@ export class HushijiandanComponent implements OnInit {
   tabFlag = true; //页面初始化获取一次患者陪检的任务类型信息
   allowUrgentFlag = false; //检查列表的患者陪检类型是否允许加急
   tabPermission:any = []; //tab自定义
+  tabPermissionTpl:any = []; //tab自定义模板
   getDeptTaskType(search?, clear?) {
     let that = this;
     this.otherNum++;
@@ -1176,6 +1198,7 @@ export class HushijiandanComponent implements OnInit {
     };
     if (search !== undefined) {
       postData["taskName"] = search;
+      postData["tabId"] = this.checkedTableType == 'other' ? undefined : this.checkedTableType;
     }
     that.mainService
       .postCustom("nurse", "getDeptTaskType", postData)
@@ -1234,13 +1257,68 @@ export class HushijiandanComponent implements OnInit {
           }
         }
 
+        if(data.data.tabPermission && Array.isArray(data.data.tabPermission.data)){
+          if (search !== undefined) {
+            let tabPermission = [];
+            tabPermission = this.tabPermissionTpl.map(v => {
+              let obj = data.data.tabPermission.data.find(vv => vv.id == v.id);
+              if(obj){
+                return obj;
+              }else{
+                return v;
+              }
+            })
+            this.tabPermission = tabPermission.sort((a,b) => a.orders - b.orders);
+          }else{
+            this.tabPermission = data.data.tabPermission.data.sort((a,b) => a.orders - b.orders);
+            this.tabPermissionTpl = data.data.tabPermission.data.sort((a,b) => a.orders - b.orders).map(v => ({...v, taskTypeList: []}));
+          }
+        }else{
+          this.tabPermission = this.tabPermissionTpl.length ? cloneDeep(this.tabPermissionTpl) : [];
+        }
+        if(!this.coopBtns.buildOrdersForOtherTasks){
+          this.tabPermission = this.tabPermission.filter(v => !v.system);
+        }
+        // 初始化默认显示第一个
+        if(search === undefined){
+          if(this.tabPermission.length){
+            this.checkedTableType = (this.tabPermission[0] && this.tabPermission[0].system) ? 'other' : this.tabPermission[0].id;
+          }else if(this.coopBtns.suggestionBox){
+            this.checkedTableType = 'advice';
+            this.checkTable(this.checkedTableType);
+          }else if(this.coopBtns.inquiryOfHistoricalSpecimens){
+            this.checkedTableType = 'historySpecimen';
+            this.checkTable(this.checkedTableType);
+          }else if(this.coopBtns.historicalMedicineListInquiry){
+            this.checkedTableType = 'historyDrugsbag';
+            this.checkTable(this.checkedTableType);
+          }else if(this.coopBtns.quickReportForRepair && this.isShowBx){
+            this.checkedTableType = 'kjbx';
+            this.checkTable(this.checkedTableType);
+          }else if(this.coopBtns.repairList && this.isShowBx){
+            this.checkedTableType = 'bxlb';
+            this.checkTable(this.checkedTableType);
+          }
+        }
+        this.othersList = {};
+        this.tabPermission.forEach(v => {
+          if(v.system){
+            that.othersList['other'] = [];
+          }else{
+            that.othersList[v.id] = v.taskTypeList || [];
+          }
+        })
+        
         if (data.data.allTaskTypes) {
-          that.othersList = [];
           that.patientMsgList = [];
-          that.tabPermission = Object.values(data.data.tabPermission.data);
+          
           data.data.allTaskTypes.forEach((e) => {
             if (e.associationType.value == "other") {
-              that.othersList.push(e);
+              if(that.othersList['other']){
+                that.othersList['other'].push(e);
+              }else{
+                that.othersList['other'] = [e];
+              }
             } else if (e.associationType.value == "specimen") {
               that.bbMsg = e;
             } else if (
@@ -1262,9 +1340,9 @@ export class HushijiandanComponent implements OnInit {
           // }
           console.log(this.selectOtherId);
           if (!this.selectOtherId) {
-            if (that.othersList.length) {
-              this.selectOtherId = that.othersList[0].id;
-              let obj = that.othersList.find(
+            if (that.othersList[that.checkedTableType] && that.othersList[that.checkedTableType].length) {
+              this.selectOtherId = that.othersList[that.checkedTableType][0].id;
+              let obj = that.othersList[that.checkedTableType].find(
                 (item) => item.id == this.selectOtherId
               );
               obj && this.otherClick(obj);
@@ -3145,9 +3223,21 @@ export class HushijiandanComponent implements OnInit {
   // =======================end=================================
 
   // 页面中间部分tab切换
-  checkedTableType: string = "other";
+  checkedTableType: string = "";
   checkTable(type) {
-    this.checkedTableType = type;
+    if(typeof type === 'object'){
+      if(type.system){
+        this.checkedTableType = 'other';
+      }else{
+        this.checkedTableType = type.id;
+      }
+      this.getDeptTaskType('');
+    }else{
+      this.checkedTableType = type;
+    }
+    this.positionY = 0;
+    this.selectOtherId = null;
+    this.otherSearch = '';
     if (type === "historySpecimen") {
       this.getHistorySpecimen();
     } else if (type === "historyDrugsbag") {

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

@@ -27,7 +27,7 @@
             <td>
               <div class="coop">
                 <span *ngIf="coopBtns.edit" (click)="edit(data)">编辑</span>
-                <span *ngIf="coopBtns.del && data.tabTypeList.length" (click)="del(data)">删除</span>
+                <span *ngIf="coopBtns.del && data.system != 1" (click)="del(data)">删除</span>
               </div>
             </td>
           </tr>

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

@@ -164,7 +164,7 @@ export class TabCustomComponent implements OnInit {
           tabTypeList.push({
             taskTypeId: vv.id,
             hosId: vv.hosId ? vv.hosId.id : undefined,
-            typeParentHosid: vv.hosId.parent ? vv.hosId.parent.id : undefined,
+            typeParentHosId: vv.hosId.parent ? vv.hosId.parent.id : undefined,
           })
         }
       })