拉取代码

package-lock.json

@@ -41,6 +41,7 @@
         "tslib": "^1.9.0",
         "uuid": "^10.0.0",
         "viewerjs": "^0.10.0",
+        "wangeditor": "^4.7.15",
         "zone.js": "^0.9.1"
       },
       "devDependencies": {
@@ -614,6 +615,23 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/runtime-corejs3": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime-corejs3/-/runtime-corejs3-7.25.0.tgz",
+      "integrity": "sha512-BOehWE7MgQ8W8Qn0CQnMtg2tHPHPulcS/5AVpFvs2KCK1ET+0WqZqPvnpRpFN81gYoFopdIEJX9Sgjw3ZBccPg==",
+      "dependencies": {
+        "core-js-pure": "^3.30.2",
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/runtime-corejs3/node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
     "node_modules/@babel/runtime/node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
@@ -3117,6 +3135,16 @@
       "integrity": "sha512-IgdsbxNyMskrTFxa9lWHyMwAJU5gXOPP+1yO+K59d50VLVAIDAbs7gIv705KzALModfK3ZrSZTPNpC0PQgIZuw==",
       "hasInstallScript": true
     },
+    "node_modules/core-js-pure": {
+      "version": "3.37.1",
+      "resolved": "https://registry.npmmirror.com/core-js-pure/-/core-js-pure-3.37.1.tgz",
+      "integrity": "sha512-J/r5JTHSmzTxbiYYrzXg9w1VpqrYt+gexenBE9pugeyhwPZTAEJddyiReJWsLO6uNQ8xJZFbod6XC7KKwatCiA==",
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
     "node_modules/core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -10136,6 +10164,7 @@
     },
     "node_modules/npm/node_modules/lodash._baseindexof": {
       "version": "3.1.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT"
     },
@@ -10150,16 +10179,19 @@
     },
     "node_modules/npm/node_modules/lodash._bindcallback": {
       "version": "3.0.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT"
     },
     "node_modules/npm/node_modules/lodash._cacheindexof": {
       "version": "3.0.2",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT"
     },
     "node_modules/npm/node_modules/lodash._createcache": {
       "version": "3.1.2",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
@@ -10173,6 +10205,7 @@
     },
     "node_modules/npm/node_modules/lodash._getnative": {
       "version": "3.9.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT"
     },
@@ -10188,6 +10221,7 @@
     },
     "node_modules/npm/node_modules/lodash.restparam": {
       "version": "3.6.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT"
     },
@@ -16279,6 +16313,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wangeditor": {
+      "version": "4.7.15",
+      "resolved": "https://registry.npmmirror.com/wangeditor/-/wangeditor-4.7.15.tgz",
+      "integrity": "sha512-aPTdREd8BxXVyJ5MI+LU83FQ7u1EPd341iXIorRNYSOvoimNoZ4nPg+yn3FGbB93/owEa6buLw8wdhYnMCJQLg==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@babel/runtime-corejs3": "^7.11.2",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/wangeditor/node_modules/tslib": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.6.3.tgz",
+      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
+    },
     "node_modules/watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-1.7.5.tgz",
@@ -17367,8 +17416,7 @@
     "node_modules/zone.js": {
       "version": "0.9.1",
       "resolved": "https://registry.npmmirror.com/zone.js/-/zone.js-0.9.1.tgz",
-      "integrity": "sha512-GkPiJL8jifSrKReKaTZ5jkhrMEgXbXYC+IPo1iquBjayRa0q86w3Dipjn8b415jpitMExe9lV8iTsv8tk3DGag==",
-      "dev": true
+      "integrity": "sha512-GkPiJL8jifSrKReKaTZ5jkhrMEgXbXYC+IPo1iquBjayRa0q86w3Dipjn8b415jpitMExe9lV8iTsv8tk3DGag=="
     },
     "node_modules/zrender": {
       "version": "4.3.2",

package.json

@@ -49,6 +49,7 @@
     "tslib": "^1.9.0",
     "uuid": "^10.0.0",
     "viewerjs": "^0.10.0",
+    "wangeditor": "^4.7.15",
     "zone.js": "^0.9.1"
   },
   "devDependencies": {

src/app/app-routing.module.ts

@@ -93,6 +93,11 @@ const routes: Routes = [
     path: 'inspectionPlanConfig/:id',
     loadChildren: () => import('./views/inspection-plan-config/inspection-plan-config.module').then(m => m.InspectionPlanConfigModule),
   },
+	{
+	  // 故障管理-知识库-新增/编辑
+	  path: 'repositoryManageAdd/:id',
+	  loadChildren: () => import('./views/repository-manage-add/repository-manage-add.module').then(m => m.RepositoryManageAddModule),
+	},
   // 管理端首页
   {
     path: '**',

src/app/services/main.service.ts

@@ -840,5 +840,4 @@ export class MainService {
 	    headers: this.headers,
 	  });
 	}
-	
 }

src/app/services/tool.service.ts

@@ -176,6 +176,18 @@ export class ToolService {
         case "reset":
           coopBtns.reset = true; //重置
           break;
+				case "pause":
+				  coopBtns.pause = true; //停用
+				  break;
+				case "renew":
+				  coopBtns.renew = true; //恢复
+				  break;
+				case "audit":
+				  coopBtns.audit = true; //审核
+				  break;
+				case "upgrade":
+				  coopBtns.upgrade = true; //升级
+				  break;
       }
     });
     console.log(coopBtns);

src/app/share/prompt-modal/prompt-modal.component.ts

@@ -16,7 +16,6 @@ export class PromptModalComponent implements OnInit {
   @Input() loading: Boolean = false;
 
   @Output() closeModel = new EventEmitter<any>(); //1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
-
   constructor() {}
 
   ngOnInit() {

src/app/share/share.module.ts

@@ -52,7 +52,7 @@ import { MedicalWasteHistoryPromptModalComponent } from './medical-waste-history
 import { MedicalWasteLogPromptModalComponent } from './medical-waste-log-prompt-modal/medical-waste-log-prompt-modal.component';
 import { OutgoingRecordDetailComponent } from './outgoing-record-detail/outgoing-record-detail.component';
 import { InspectionExecuteDetailComponent } from './inspection-execute-detail/inspection-execute-detail.component';
-
+import { wangEditorComponent } from './wang-editor/wang-editor.component';
 @NgModule({
   declarations: [
     DetailSampleComponent,
@@ -80,6 +80,7 @@ import { InspectionExecuteDetailComponent } from './inspection-execute-detail/in
     OrderDetailComponent,
     OutgoingRecordDetailComponent,
     InspectionExecuteDetailComponent,
+		wangEditorComponent,
     DateTransformPipe,
     DataToNamePipe,
     DialogDeleteComponent,
@@ -141,6 +142,7 @@ import { InspectionExecuteDetailComponent } from './inspection-execute-detail/in
     OrderDetailComponent,
     OutgoingRecordDetailComponent,
     InspectionExecuteDetailComponent,
+		wangEditorComponent,
     CommonModule,
     NgZorroAntdModule,
     FormsModule,

src/app/share/wang-editor/wang-editor.component.html

@@ -0,0 +1,4 @@
+<div class="wangeditor-box">
+	<div id="editorMenu" class="editor-class"></div>
+	<div id="editor"></div>
+</div>

src/app/share/wang-editor/wang-editor.component.less

@@ -0,0 +1,18 @@
+.wangeditor-box {
+  overflow: auto;
+  height: 100%;
+
+  #editor{
+    height: 300px;
+    width: auto;
+    border:1px solid #ccc;
+		border-top: none;
+  }
+	.editor-class{
+		/deep/ .w-e-toolbar{
+		  background-color: #f1f1f1 !important;
+		  border: 1px solid #ccc !important;
+		}
+	}
+
+}

src/app/share/wang-editor/wang-editor.component.ts

@@ -0,0 +1,158 @@
+import { Component, ElementRef, Output, OnInit, EventEmitter } from '@angular/core';
+import WangEditor from 'wangeditor';
+@Component({
+  selector: 'app-wang-editor',
+  templateUrl: './wang-editor.component.html',
+  styleUrls: ['./wang-editor.component.less']
+})
+export class wangEditorComponent implements OnInit {
+	@Output() changeContent = new EventEmitter();
+	editor: any;
+	constructor(
+
+	) { }
+	
+  ngOnInit() {
+		this.editor = new WangEditor('#editorMenu', '#editor');
+		this.setEditorConfig()
+		this.editor.create();
+  }
+	
+	// 编辑器相关配置设置
+	setEditorConfig () {
+		// 使用 base64 保存图片
+		this.editor.config.uploadImgShowBase64 = true;
+		// 菜单展示项配置
+		// this.editor.config.menus = this.getMenuConfig();
+		// 自定义配置颜色（字体颜色、背景色）
+		this.editor.config.colors = this.getColorConfig();
+		// 表情面板可以有多个 tab ，因此要配置成一个数组。数组每个元素代表一个 tab 的配置
+		this.editor.config.emotions = this.getEmotionsConfig();
+		// 自定义字体
+		this.editor.config.fontNames = this.getFontFamilyConfig();
+		// 编辑区域的z-index默认为10000
+		// this.editor.config.zIndex = 100;
+		// 配置编辑器内容改变触发方法
+		this.editor.config.onchange = this.editorContentChange;
+		// 编辑器获取到焦点触发方法
+		this.editor.config.onfocus = this.editorOnFocus;
+		// 编辑器失去焦点触发方法
+		this.editor.config.onblur = this.editorOnBlur;
+	}
+	
+	  // 获取显示菜单项
+	  getMenuConfig (): string[] {
+	    return [
+	      'bold',  // 粗体
+	      'italic',  // 斜体
+	      'underline',  // 下划线
+	      'head',  // 标题
+	      'fontName',  // 字体
+	      'fontSize',  // 字号
+	      'strikeThrough',  // 删除线
+	      'foreColor',  // 文字颜色
+	      'backColor',  // 背景颜色
+	      'link',  // 插入链接
+	      'list',  // 列表
+	      'justify',  // 对齐方式
+	      'quote',  // 引用
+	      'emoticon',  // 表情
+	      'table',  // 表格
+	      'image',  // 插入图片
+	      'video',  // 插入视频
+	      'code',  // 插入代码
+	      'undo',  // 撤销
+	      'redo'  // 重复
+	    ];
+	  }
+	
+	  // 获取字体、背景颜色列表配置
+	  getColorConfig(): string[] {
+	    return [
+	      '#000000',
+	      '#eeece0',
+	      '#1c487f',
+	      '#4d80bf',
+	      '#c24f4a',
+	      '#8baa4a',
+	      '#7b5ba1',
+	      '#46acc8',
+	      '#f9963b',
+	      '#ffffff'
+	    ];
+	  }
+	
+	  // 获取表情配置
+	  getEmotionsConfig() {
+	    return [
+	      {
+	        // tab 的标题
+	        title: '默认',
+	        // type -> 'emoji' / 'image'
+	        type: 'image',
+	        // content -> 数组
+	        content: [
+	          {
+	            alt: '[坏笑]',
+	            src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/50/pcmoren_huaixiao_org.png'
+	          },
+	          {
+	            alt: '[舔屏]',
+	            src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/pcmoren_tian_org.png'
+	          }
+	        ]
+	      },
+	      {
+	        // tab 的标题
+	        title: 'emoji',
+	        // type -> 'emoji' / 'image'
+	        type: 'emoji',
+	        // content -> 数组
+	        content: ['?', '?', '?', '?', '?']
+	      }
+	    ];
+	  }
+	
+	  // 获取字体列表配置
+	  getFontFamilyConfig(): string[] {
+	    return [
+	      '宋体',
+	      '微软雅黑',
+	      'Arial',
+	      'Tahoma',
+	      'Verdana'
+	    ];
+	  }
+	
+	  // 富文本编辑器内容变化触发方法
+	  editorContentChange = (html) => {
+	    console.log(html);
+	  }
+	
+	  // 编辑器获取到焦点触发事件
+	  editorOnFocus = () => {
+	    console.log('on focus');
+	  }
+	
+	  // 编辑器失去焦点触发事件
+	  editorOnBlur = (html) => {
+	    // console.log(html);
+			this.changeContent.emit(html)
+	  }
+	
+	  // 设置编辑器显示内容
+	//   setContent() {
+	//     this.editor.txt.html(this.textareaValue);
+	//   }
+	
+	//   // 获取编辑器内容，带html
+	//   getContent() {
+	//     this.showMessage = this.editor.txt.html();
+	//   }
+	
+	//   // 获取编辑器文字内容
+	//   getContentText() {
+	//     this.showMessage = this.editor.txt.text();
+	//   }
+}
+

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

@@ -563,6 +563,11 @@ const routes: Routes = [
         path: "inspectionExecute",
         loadChildren: () => import("../inspection-execute/inspection-execute.module").then((m) => m.InspectionExecuteModule),
       },
+			// 故障管理-知识库管理
+			{
+			  path: "repositoryManage",
+			  loadChildren: () => import("../repository-manage/repository-manage.module").then((m) => m.RepositoryManageModule),
+			},
     ],
   },
 ];

src/app/views/repository-manage-add/repository-manage-add-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { RepositoryManageAddComponent } from './repository-manage-add.component';
+
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RepositoryManageAddComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class RepositoryManageAddRoutingModule { }

src/app/views/repository-manage-add/repository-manage-add.component.html

@@ -0,0 +1,140 @@
+<div class="detail-box">
+  <div class="modalBody">
+    <!-- <overlay-scrollbars #osComponentRef1 class="content"> -->
+     <form nz-form [formGroup]="validateForm" class="addForm">
+<!--     	<nz-form-item class="form-item">
+     	  <nz-form-label nzRequired nzFor="code">编号</nz-form-label>
+     	  <nz-form-control nzErrorTip="请输入编号!">
+     			<input nz-input formControlName="code"  placeholder="请输入编号" nzSize="default" />
+     	  </nz-form-control>
+     	</nz-form-item>
+			<nz-form-item class="form-item">
+			  <nz-form-label nzRequired nzFor="version">版本号</nz-form-label>
+			  <nz-form-control nzErrorTip="请输入版本号!">
+					<input nz-input formControlName="version"  placeholder="请输入版本号" nzSize="default" />
+			  </nz-form-control>
+			</nz-form-item> -->
+<!-- 			<nz-form-item class="form-title-box">
+			  <div class="form-title">知识库编号：9998</div>
+			  <div class="form-title">版本号：V1</div>
+			</nz-form-item> -->
+			<div class="left-form-box">
+				<nz-form-item class="form-item">
+				  <nz-form-label nzRequired nzFor="title" [nzSm]="4" [nzXs]="24">标题</nz-form-label>
+				  <nz-form-control nzErrorTip="请输入标题!" [nzSm]="20" [nzXs]="24">
+						<input nz-input formControlName="title"  placeholder="请输入标题" nzSize="default" />
+				  </nz-form-control>
+				</nz-form-item>
+				<nz-form-item class="form-item">
+				  <nz-form-label nzFor="content" [nzSm]="4" [nzXs]="24">内容</nz-form-label>
+					<app-wang-editor (changeContent)="changeContent($event)"></app-wang-editor>
+				</nz-form-item>
+			</div>
+			
+			<div class="right-form-box">
+				<nz-form-item class="form-item">
+				  <nz-form-label nzRequired nzFor="repairVisible" [nzSm]="6" [nzXs]="24">报修可见</nz-form-label>
+					<nz-form-control nzErrorTip="请选择!" [nzSm]="16" [nzXs]="24">
+						<nz-radio-group formControlName="repairVisible">
+						  <label nz-radio nzValue="1">是</label>
+						  <label nz-radio nzValue="0">否</label>
+						</nz-radio-group>
+					</nz-form-control>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item">
+				  <nz-form-label nzRequired nzFor="knowledgeClass" [nzSm]="6" [nzXs]="24">知识分类</nz-form-label>
+					<nz-form-control nzErrorTip="请选择!" [nzSm]="16" [nzXs]="24">
+						<nz-radio-group formControlName="knowledgeClass" (ngModelChange)="radioChnage($event)">
+						  <label nz-radio [nzValue]="item.id" *ngFor="let item of dicData">{{item.name}}</label>
+						</nz-radio-group>
+					</nz-form-control>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item" *ngIf="classItem==2">
+				  <nz-form-label nzRequired nzFor="polling" [nzSm]="6" [nzXs]="24">关联巡检表</nz-form-label>
+				  <nz-form-control nzErrorTip="请选择关联巡检表!" [nzSm]="16" [nzXs]="24">
+				    <nz-input-group>
+							<nz-select nzSearch nzShowSearch nzPlaceHolder="请选择关联巡检表" formControlName="polling">
+							  <ng-container *ngFor="let option of pollingData">
+							    <nz-option *ngIf="!isDeptLoading" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
+							  </ng-container>
+							  <nz-option *ngIf="isDeptLoading" nzDisabled nzCustomContent>
+							    <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+							  </nz-option>
+							</nz-select>
+						</nz-input-group>
+				  </nz-form-control>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item" *ngIf="classItem==1">
+				  <nz-form-label nzRequired nzFor="malfunction" [nzSm]="6" [nzXs]="24">关联故障现象</nz-form-label>
+				  <nz-form-control nzErrorTip="请选择关联故障现象!" [nzSm]="16" [nzXs]="24">
+				    <nz-input-group>
+							<nz-tree-select
+							  [nzNodes]="malfunctionData"
+								nzShowSearch 
+								nzPlaceHolder="请选择关联故障现象" 
+								formControlName="malfunction">
+							</nz-tree-select>
+						</nz-input-group>
+				  </nz-form-control>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item">
+				  <nz-form-label nzFor="assetProductId" [nzSm]="6" [nzXs]="24">关联产品</nz-form-label>
+				  <nz-form-control nzErrorTip="请选择关联产品!" [nzSm]="16" [nzXs]="24">
+				    <nz-input-group>
+							<nz-select (nzOnSearch)="changeInp($event)" nzServerSearch nzShowSearch nzPlaceHolder="请选择关联产品" formControlName="assetProductId">
+							  <ng-container *ngFor="let option of productData">
+							    <nz-option *ngIf="!isDeptLoading" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
+							  </ng-container>
+							  <nz-option *ngIf="isDeptLoading" nzDisabled nzCustomContent>
+							    <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+							  </nz-option>
+							</nz-select>
+						</nz-input-group>
+				  </nz-form-control>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item">
+				  <nz-form-label nzFor="file" [nzSm]="6" [nzXs]="24">文件上传</nz-form-label>
+				  <nz-form-control [nzSm]="16" [nzXs]="24">
+						<nz-upload nzFor="file"
+						  class="avatar-uploader"
+						  nzAction="https://jsonplaceholder.typicode.com/posts/"
+							[nzCustomRequest]="customReq"
+						  nzName="file"
+							[(nzFileList)]="fileData"
+						  [nzBeforeUpload]="beforeUpload"
+						  (nzChange)="handleChange($event)"
+						>
+						  <button nz-button><i nz-icon nzType="upload"></i><span>点击上传</span></button>
+							<div class="upload-sign">支持扩展名：PDF、word、ppt、excel、txt...</div>
+						</nz-upload>
+					</nz-form-control>
+				</nz-form-item>
+			</div>
+			
+     </form>
+    <!-- </overlay-scrollbars> -->
+ 
+  </div>
+	<div class="display_flex justify-content_flex-center form-btn">
+	  <button class="btn" nz-button nzType="primary" (click)="submitForm(1)" [nzLoading]="btnLoading1">保存</button>
+		<button class="btn" nz-button nzType="primary" (click)="submitForm(2)" [nzLoading]="btnLoading2">暂存</button>
+		<button class="btn cancel" nz-button nzType="default" (click)="back()">取消</button>
+	</div>
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="closeModel()"></app-prompt-modal>
+	
+<!-- 删除模态框 -->
+  <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+    (confirmDelEvent)="confirmDel()" content="您确认要删除发药科室吗？"></app-dialog-delete>
+
+<!-- 单发/箱发 -->
+  <app-dialog-delete [delModal]="delGrantModal" (hideDelModalEvent)="hideGrantModal()" [btnLoading]="btnLoading"
+    (confirmDelEvent)="confirmGrantDel()" [content]="content"></app-dialog-delete>
+

src/app/views/repository-manage-add/repository-manage-add.component.less

@@ -0,0 +1,117 @@
+@import "../../../../src/theme.less";
+:host {
+	width: 100%;
+	height: 100%;
+  .add-button {
+    margin: 0 auto 16px !important;
+  }
+  .targetDept {
+    overflow: hidden;
+    // width: 90px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dynamic {
+    margin-bottom: 16px;
+    display: flex;
+    align-items: center;
+    input {
+      width: 90%;
+    }
+    i {
+      margin-left: 8px;
+      cursor: pointer;
+      font-size: 18px;
+    }
+  }
+}
+
+h3{
+	margin: 0 !important;
+}
+/* 修改垂直滚动条 */
+::-webkit-scrollbar {
+  width: 4px; /* 修改宽度 */
+}
+ 
+/* 修改滚动条轨道背景色 */
+::-webkit-scrollbar-track {
+  background-color: #f1f1f1;
+}
+ 
+/* 修改滚动条滑块颜色 */
+::-webkit-scrollbar-thumb {
+  background-color: #888;
+}
+ 
+/* 修改滚动条滑块悬停时的颜色 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+}
+
+[nz-form]{
+	// width: 600px;
+}
+.detail-box{
+	display: flex;
+	justify-content: center;
+	padding: 20px;
+	position: relative;
+	.modalBody{
+		height: 100%;
+		position: relative;
+	}
+	.list-template__content{
+		flex:3;
+		padding: 0 10px 10px 10px;
+		border-radius: 5px;
+		border: 1px solid #e5e5e5;
+		.list-template__bottom{
+			height: calc(100vh - 70px);
+			overflow-y: auto;
+		}
+	}
+	
+	.addForm {
+		display: flex;
+		.left-form-box{
+			flex: 1.5;
+			margin-right: 30px;
+		}
+		.right-form-box{
+			flex: 1;
+		}
+		.form-title-box{
+			display: flex;
+			.form-title{
+				color: #000;
+				margin-right: 40px;
+			}
+		}
+	  .ant-form-item {
+	    margin-bottom: 14px;
+	    .ant-form-item-label {
+	      text-align: right;
+	    }
+			.ant-form-item-control-wrapper{
+				.ant-form-item-control{
+					width: 400px;
+				}
+			}
+	
+	  }
+		.ant-select{
+			width: 100%;
+		}
+	}
+	
+	.form-btn{
+		position: fixed;
+		bottom: 20px;
+		button {
+		  &.btn {
+		    margin-left: 10px;
+		  }
+		}
+	}
+}

src/app/views/repository-manage-add/repository-manage-add.component.ts

@@ -0,0 +1,564 @@
+import { Component, OnInit, ViewChild } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import {
+  FormBuilder,
+  Validators,
+  FormGroup,
+  FormControl,
+} from "@angular/forms";
+
+import { MainService } from "../../services/main.service";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-ngx";
+import { ToolService } from "../../services/tool.service";
+import { NzMessageService, UploadFile, UploadXHRArgs } from "ng-zorro-antd";
+import { Observable, Observer, Subject } from "rxjs";
+import { debounceTime, filter } from "rxjs/operators";
+import { HttpEventType, HttpEvent, HttpRequest, HttpResponse, HttpClient } from '@angular/common/http';
+@Component({
+  selector: "app-repository-manage-add",
+  templateUrl: "./repository-manage-add.component.html",
+  styleUrls: ["./repository-manage-add.component.less"],
+})
+export class RepositoryManageAddComponent 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,
+    private http: HttpClient,
+  ) {}
+
+  ngOnInit() {
+    this.searchParentDeptSubject.pipe(debounceTime(500)).subscribe((e) => {
+			this.isDeptLoading = true;
+			this.getProduct(e[0]);
+    });
+		this.detailId = this.route.snapshot.params.id;
+		if(this.detailId==0){
+			this.add = true
+		}else{
+			this.add = false
+		}
+		this.hosId = this.tool.getCurrentHospital().id;
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+		this.initForm();
+    this.getAllHospital();
+  }
+	classItem:null;
+	detailId:null; //列表数据
+	deptId:null; //选中的科室id
+  listOfData: any[] = []; //表格数据
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+  modal: boolean = false; //新增/编辑模态框
+  add: boolean; //true:新增；false:编辑
+  validateForm: FormGroup; //新增/编辑表单
+  coopId: number; //表格中执行操作的id
+  department: number; //所属科室
+	drug: number; //药品名称
+	hosId: number; 
+	rowId:number; //清单id
+	dateRange;//时间
+  batchNumber; //批次号
+  num; //编码
+  deptalias; //别名
+  type; //类型
+  deptHandoverType; //类型
+  pageIndex: number = 1; //页码
+  listLength: number = 10; //总条数
+  pageSize: number = 10; //每页条数
+  btnLoading1: boolean = false; //确认按钮loading状态
+	btnLoading2: boolean = false; //确认按钮loading状态
+  printLoading: boolean = false; //批量打印按钮loading状态
+  deptPhones: any = []; //新添加的科室电话列表
+  isAddDeptsPhone = true; //添加新的科室电话是否禁用
+  deptsPhoneId = 1; //科室电话自增id
+  allParentdepart: any = []; //所有的父级科室列表
+  hospitals1: any = []; //科室列表
+	buildingList: any = []; //楼栋列表
+	deptList: any = []; //楼栋科室
+	malfunctionData: any = []; //故障现象数据
+	productData: any = []; //产品数据
+	typeDic:any = []; //知识库状态字典
+	fileData:any[] = []; //附件数据
+	building:''; //楼栋
+	deptIndex:number; //选中index
+  searchParentDeptSubject = new Subject();
+  // 初始化增删改按钮
+  coopBtns: any = {};
+	deptName:null;
+  //搜索父级科室
+	isDeptLoading = false;
+	isSpinning = false;
+	delGrantModal = false;
+	showInsp = false;
+  changeInp(e, type) {
+    this.searchParentDeptSubject.next([e, type]);
+  }
+
+  // 表格数据
+  loading1 = false;
+  getList() {
+    var that = this;
+    let data = {
+    	idx: 0,
+    	sum: 9999,
+    	drugsConfigure: {
+    	  hosId: this.hosId,
+				deptId :this.deptId?this.deptId:null,
+    	  batchId: this.detailId
+    	}
+    };
+    this.loading1 = true;
+    that.mainService
+      .getFetchDataList("data", "drugsConfigure", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        that.listOfData = data.list;
+      });
+  }
+	
+	// 发药科室列表
+	getDispensingDept(e,type){
+		var that = this;
+		let data = {
+			idx: 0,
+			sum: 9999,
+			drugsConfigure: {
+			  hosId: this.hosId,
+				deptId :e,
+				batchId:''
+			}
+		};
+		if(type=='dept'){
+			data.drugsConfigure.batchId = this.detailId
+		}else{
+			delete data.drugsConfigure.batchId
+		}
+		let deptData = this.hospitals1.find(i=>i.id==e)
+		that.mainService
+		  .getFetchDataList("data", "drugsConfigure", data)
+		  .subscribe((res) => {
+				if(res.list.length==0){
+					this.message.error(`您选择的科室“	${deptData.dept}”时间段内没有消耗药品无法添加发药单。`)
+				}else{
+					this.getDeptData(e,'all','load')
+				}
+		  });
+	}
+	
+	// 科室点击
+	deptClick(e,item,index){
+		e.stopPropagation();
+		this.deptId = item.applyDeptDTO.id
+		this.deptName = item.applyDeptDTO.dept
+		this.deptIndex = index
+		this.getList()
+	}
+	
+	// 科室删除
+	deptDel(e,item,index){
+		e.stopPropagation();
+		this.delModal = true;
+		this.coopId = item.applyDept;
+	}
+	
+	hideDelModal() {
+	  this.delModal = false;
+	}
+	
+	// 选择楼栋
+	buildingChange(e){
+		this.deptId = null
+		this.deptName = null
+		this.deptIndex = null
+		this.listOfData=[]
+		this.showInsp = true
+		this.getDeptData(e,'','')
+	}
+	
+	// 根据楼栋查询科室
+	getDeptData(e,type,initial){
+		var that = this;
+		let data = {
+		  idx: 0,
+		  sum: 99999,
+		  drugsList: {
+				hosId: this.hosId,
+				buildingId:e,
+				batch:{
+					id:this.detailId
+				}
+		  },
+		};
+		if(type=='all'){
+			delete data.drugsList.buildingId
+		}else{
+			data.drugsList.buildingId = e
+		}
+		if(this.showInsp){
+			this.isSpinning = true
+		}
+		that.mainService
+		  .getFetchDataList("data", "drugsList", data)
+		  .subscribe((res) => {
+				this.isSpinning = false
+		    that.deptList = res.list;
+				if(initial=='load'){
+					if(res.list.length>0){
+						this.deptId = res.list[0].applyDeptDTO.id
+						this.deptName = res.list[0].applyDeptDTO.dept
+						this.deptIndex = 0
+					}
+					this.getList()
+				}
+		  });
+	}
+	
+	// 选择科室
+	addDeptId=''
+	deptChange(e){
+		this.addDeptId = e
+		
+	}
+	// 添加科室
+	addDept(){
+		if(this.addDeptId){
+			this.showInsp = true
+			this.getDispensingDept(this.addDeptId,'dept')
+		}else{
+			this.message.error('请先选择发药科室')
+		}
+	}
+	
+	// 获取产品
+	getProduct(name){
+		let postData = {
+		  assetProduct: {
+		    hosId: this.hosId,
+				name:name
+		  },
+		  idx: 0,
+		  sum: 20,
+		};
+		this.mainService
+		  .getFetchDataList("data", "assetProduct", postData)
+		  .subscribe((result) => {
+				this.isDeptLoading = false
+				this.productData = result.list;
+		  });
+	}
+	
+	// 获取所有科室
+  getDeparts() {
+    let data = {
+      batchId:this.detailId
+    };
+    this.mainService
+      .getConsumeDept(data)
+      .subscribe((res) => {
+				this.hospitals1 = res.data
+      });
+  }
+	
+  // 获取所有院区
+  getAllHospital() {
+		this.getPolling()
+		this.getProduct('')
+		this.getMalfunction()
+		this.getDicData()
+  }
+	
+	// 获取故障现象数据
+	getMalfunction(){
+		let postData = {
+		  building: {
+		    cascadeHosId: this.hosId,
+		  },
+		  idx: 0,
+		  sum: 20,
+		};
+		this.mainService
+		  .getFetchDataList("data", "building", postData)
+		  .subscribe((result) => {
+				this.malfunctionData = result.data
+		  });
+	}
+	
+	// 获取巡检列表
+	pollingData = [];
+	getPolling(){
+		let data = {
+		  idx: 0,
+		  sum: 9999,
+		  inspection: {
+		    hosId: this.hosId
+		  },
+		};
+		this.mainService
+		  .getFetchDataList("simple/data", "inspectionForm", data)
+		  .subscribe((data) => {
+		    if (data.status == 200) {
+		      this.pollingData = data.list.filter(i=>i.status.name=='已发布');
+		    }
+		  });
+	}
+	
+	// 获取知识分类字典
+	dicData = [];
+	getDicData(){
+		this.mainService.getDictionary("list", "solution_type").subscribe((res) => {
+			this.dicData = res
+		});
+		this.mainService.getDictionary("list", "solution_status").subscribe((res) => {
+			this.typeDic = res
+		});
+	}
+	
+	// 选择知识库分类
+	radioChnage(e){
+		let item = this.dicData.find(i=>i.id == this.validateForm.value.knowledgeClass)
+		this.classItem = item.value
+	}
+	
+	
+	
+	hideGrantModal(){
+		this.delGrantModal = false;
+	}
+	
+	// 增加/减少
+	rowData = null;
+	itemClick(e, data, type){
+		e.stopPropagation();
+		this.rowId = data.id
+		this.rowData = data
+		if(type=='add'){
+			this.add = true
+		}else{
+			this.add = false
+		}
+		this.modal = true
+		this.initForm();
+	}
+	
+	// 富文本内容
+	editOrData=null;
+	changeContent(data){
+		this.editOrData = data
+	}
+	
+	// 表单提交
+	submitForm(type): void {
+	  var that = this;
+		for (const i in that.validateForm.controls) {
+		  that.validateForm.controls[i].markAsDirty();
+		  that.validateForm.controls[i].updateValueAndValidity();
+		}
+		if (that.validateForm.invalid) return;
+	  let data = {
+			...this.validateForm.value,
+			content:this.editOrData,
+			id:'',
+			hosId:this.hosId,
+			inspectionForm:{
+				id:this.validateForm.value.polling
+			},
+			type:{
+				id:this.validateForm.value.knowledgeClass
+			},
+			buttonType:type==1?'confirm':'ts'
+	  };
+		if(this.add){
+			delete data.id
+		}else{
+			data.id = this.detailId
+		}
+		if(type==1){
+			that.btnLoading1 = true;
+		}else{
+			that.btnLoading2 = true;
+		}
+		
+	  that.mainService
+	    .simplePost("addData", "solution", data)
+	    .subscribe((res) => {
+				if(type==1){
+					that.btnLoading1 = false;
+				}else{
+					that.btnLoading2 = false;
+				}
+				if(this.fileData.length>0){
+					this.uploadFile(res.data.id)
+					if (res.status == 200) {
+					  that.showPromptModal(that.add ? "增加" : "减少", true, "");
+					} else {
+					  that.showPromptModal(that.add ? "增加" : "减少", false, res.msg);
+					}
+					that.hideModal();
+				}else{
+					if (res.status == 200) {
+					  that.showPromptModal(that.add ? "增加" : "减少", true, "");
+					} else {
+					  that.showPromptModal(that.add ? "增加" : "减少", false, res.msg);
+					}
+					that.hideModal();
+				}
+	    });
+	}
+	
+	// 上传图片
+	uploadFile(id){
+		console.log(555,this.fileData)
+		let url = `/service/common/common/uploadAttachment/solution/${id}/${id}`
+		
+		for(let i of this.fileData){
+			console.log(54545,i)
+			const formData = new FormData();
+			formData.append('file', i.originFileObj);
+			formData.append('filename', i.originFileObj.name);
+			const req = new HttpRequest('POST', url, formData, {
+				reportProgress: true,
+				withCredentials: true
+			});
+			this.http.request(req).subscribe((res) => {
+			    
+			});
+		}
+	}
+	
+  // 新增弹框
+  showModal() {
+    this.add = true;
+    this.isAddDeptsPhone = true;
+    this.deptPhones = [];
+  }
+	// 返回
+	back(){
+		this.router.navigateByUrl(`/main/repositoryManage`);
+	}
+	
+  hideModal() {
+		this.initForm();
+    this.modal = false;
+  }
+  // 初始化新增form表单
+  initForm() {
+		this.validateForm = this.fb.group({
+		  title: [null, [Validators.required]],
+			code: [null, []],
+			version: [null, []],
+			content: [null, []],
+			assetProductId: [null,[]],
+			repairVisible: [null, [Validators.required]],
+			knowledgeClass: [null, [Validators.required]],
+			polling: [null, [Validators.required]],
+			
+		});
+  }
+	
+	avatarLoading = false;
+	avatarUrl: string;
+	avatarUrl1: string;
+	beforeUpload = (file: File) => {
+	  return new Observable((observer: Observer<boolean>) => {
+			let type = file.name.split('.')
+			console.log(888,type[1])
+	    const isPic = (type[1] === 'xlsx' || type[1] === 'pdf' || 
+			type[1] === 'xls' || type[1] === 'ppt' || type[1] === 'txt');
+	    if (!isPic) {
+	      this.message.error('只能上传PDF、word、ppt、excel、txt等文件类型格式!');
+	      observer.complete();
+	      return;
+	    }
+	    const isLt4M = file.size / 1024 / 1024 < 10;
+	    if (!isLt4M) {
+	      this.message.error('图片大小不能大于10MB!');
+	      observer.complete();
+	      return;
+	    }
+	    observer.next(isPic && isLt4M);
+	    observer.complete();
+	  });
+	};
+	
+	// 附件上传
+	handleChange(info: { file: UploadFile }): void {
+		// console.log(999,this.fileData)
+	}
+	
+	private getBase64(img: File, callback: (img: string) => void): void {
+	  const reader = new FileReader();
+	  reader.addEventListener('load', () => callback(reader.result!.toString()));
+	  reader.readAsDataURL(img);
+	}
+	
+	// 删除附件
+	removeFile = (file: File) =>  {
+		
+		// let index = this.fileData.findIndex(i=>i.uid==e.uid)
+		// this.fileData.splice(index, 1)
+	}
+	
+	// 自定义上传
+	customReq = (item: UploadXHRArgs) => {
+		// this.fileData.push(item.file)
+		// console.log(2222,this.fileData);
+	  // Create a FormData here to store files and other parameters.
+	  const formData = new FormData();
+	  // tslint:disable-next-line:no-any
+	  formData.append('file', item.file as any);
+	  formData.append('filename', item.file.name);
+	  const req = new HttpRequest('POST', item.action!, formData, {
+	    reportProgress: true,
+	    withCredentials: true
+	  });
+	  // Always returns a `Subscription` object. nz-upload would automatically unsubscribe it at correct time.
+	  return this.http.request(req).subscribe(
+	    // tslint:disable-next-line no-any
+	    (event: HttpEvent<any>) => {
+	      if (event.type === HttpEventType.UploadProgress) {
+	        if (event.total! > 0) {
+	          // tslint:disable-next-line:no-any
+	          (event as any).percent = (event.loaded / event.total!) * 100;
+	        }
+	        item.onProgress!(event, item.file!);
+	      } else if (event instanceof HttpResponse) {
+	        item.onSuccess!(event.body, item.file!, event);
+	      }
+	    },
+	    err => {
+	      item.onError!(err, item.file!);
+	    }
+	  );
+	};
+	
+	closeModel(){
+		this.back()
+	}
+	
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+
+  delModal: boolean = false; //删除模态框
+  coopIds: any;
+  coopFlag: any = false;
+
+}

src/app/views/repository-manage-add/repository-manage-add.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { RepositoryManageAddRoutingModule } from './repository-manage-add-routing.module';
+import { RepositoryManageAddComponent } from './repository-manage-add.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    RepositoryManageAddComponent,
+  ],
+  imports: [
+    CommonModule,
+    RepositoryManageAddRoutingModule,
+    ShareModule
+  ]
+})
+export class RepositoryManageAddModule { }

src/app/views/repository-manage/repository-manage-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { RepositoryManageComponent } from './repository-manage.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RepositoryManageComponent,
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class RepositoryManageRoutingModule { }

src/app/views/repository-manage/repository-manage.component.html

@@ -0,0 +1,138 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="list-template__top" nz-row>
+      <div nz-col nzLg='18' class="list-template__searchBox">
+        <div class="list-template__searchItem">
+          <span class="label">标题：</span>
+          <input nz-input class="formItem" [(ngModel)]="title" placeholder="请输入标题" nzSize="default" />
+        </div>
+        <div class="list-template__searchItem">
+          <span class="label">编号：</span>
+          <input nz-input class="formItem" [(ngModel)]="solutionNumber" placeholder="请输入编号" nzSize="default" />
+        </div>
+      </div>
+      <div nz-col nzLg="6" class="list-template__btns">
+        <button class="btn default" (click)='search()'>搜索</button>
+        <button class="btn default ml8" (click)='reset()'>重置</button>
+				<button *ngIf="coopBtns.add" class="btn default ml8" (click)='addForm()'>新增</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="5%">序号</th>
+						<th nzWidth="10%">知识库编号</th>
+            <th nzWidth="25%">标题</th>
+            <th nzWidth="15%">版本号 | 分类</th>
+            <th nzWidth="15%">创建人 | 日期</th>
+						<th nzWidth="10%">状态</th>
+            <th nzWidth="20%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData let index=index;" (click)="selectedListData(data.id)">
+            <td>{{index+(pageIndex-1) * pageSize + 1}}</td>
+						<td>{{ data.solutionNumber }}</td>
+						<td>{{ data.title }}</td>
+						<td>
+							<div>V{{ data.versionNumber }}</div>
+							<div>{{ data.type ? data.type.name : '-' }}</div>
+						</td>	
+						<td>
+							<div>{{ data.createUser.name }}</div>
+							<div>{{ data.createTime|date:'yyyy-MM-dd HH:mm' }}</div>
+						</td>	
+						<td>{{ data.status ? data.status.name : '-' }}</td>
+            <td>
+              <div class="coop">
+								<span *ngIf="coopBtns.edit && (data.status.name=='暂存' || data.status.name=='待修改')" (click)="edit($event,data)">编辑</span>
+								<span *ngIf="coopBtns.look" (click)="look($event,data)">查看</span>
+								<span *ngIf="coopBtns.upgrade && data.status.name=='已发布'" (click)="upgrade($event,data)">升级</span>
+								<span *ngIf="coopBtns.audit && data.status.name=='待审核'" (click)="audit($event,data)">审核</span>
+								<span *ngIf="coopBtns.pause && data.status.name=='已发布'" (click)="pause($event,data)">停用</span>
+								<span *ngIf="coopBtns.renew && data.status.name=='已停用'" (click)="renew($event,data)">恢复</span>
+								<span *ngIf="coopBtns.del" (click)="showDelModal($event,data.id)">删除</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 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 nzRequired nzFor="dispensingTime">发药时间区间</nz-form-label>
+       	  <nz-form-control nzErrorTip="请选择发药时间区间!">
+       	    <nz-input-group>
+       				<nz-range-picker formControlName="dispensingTime" 
+							[nzShowTime]="{ nzFormat: 'yyyy-MM-dd HH:mm:ss' }" nzFormat="yyyy-MM-dd HH:mm:ss"
+							(ngModelChange)="formChangeDate($event)"></nz-range-picker>
+       			</nz-input-group>
+       	  </nz-form-control>
+       	</nz-form-item>
+       	<nz-form-item>
+       	  <nz-form-label nzRequired nzFor="department">取药科室</nz-form-label>
+       	  <nz-form-control nzErrorTip="请选择取药科室!">
+       	    <nz-input-group>
+       				<nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" (nzOnSearch)="changeInp($event)" nzServerSearch nzShowSearch nzPlaceHolder="请选择申请科室" formControlName="department">
+       				  <ng-container *ngFor="let option of hospitals1">
+       				    <nz-option *ngIf="!isDeptLoading" [nzLabel]="option.dept" [nzValue]="option.id"></nz-option>
+       				  </ng-container>
+       				  <nz-option *ngIf="isDeptLoading" nzDisabled nzCustomContent>
+       				    <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
+       				  </nz-option>
+       				</nz-select>
+       			</nz-input-group>
+       	  </nz-form-control>
+       	</nz-form-item>
+				<nz-form-item>
+				  <nz-form-label>加载所有消耗科室</nz-form-label>
+					<nz-form-control>
+						<label nz-checkbox formControlName="loadAllConsumeDept">
+							<span>是否开启</span>
+						</label>
+					</nz-form-control>
+				</nz-form-item>
+       </form>
+      </overlay-scrollbars>
+      <div class="display_flex justify-content_flex-center">
+        <button class="btn" nz-button nzType="primary" (click)="submitForm()" [nzLoading]="btnLoading">{{add ? '保存并配置' : '保存'}}</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-dialog-delete [delModal]="pauseModal" (hideDelModalEvent)="hideDelModal2()" [btnLoading]="btnLoading"
+	  (confirmDelEvent)="confirmDel2()" content="您确认要停用此知识库吗？"></app-dialog-delete>
+		
+	<!-- 恢复模态框 -->
+	<app-dialog-delete [delModal]="renewModal" (hideDelModalEvent)="hideDelModal3()" [btnLoading]="btnLoading"
+		(confirmDelEvent)="confirmDel3()" content="您确认要恢复此知识库吗？"></app-dialog-delete>
+			
+  <!-- 编辑模态框 -->
+  <app-dialog-delete [delModal]="editModal" (hideDelModalEvent)="hideDelModal1()" [btnLoading]="saveLoading"
+    (confirmDelEvent)="confirmDel1()" [content]="'保存后会重置您的发药科室的药品信息，您确认吗？'"></app-dialog-delete>
+
+</div>
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo"></app-prompt-modal>
+

src/app/views/repository-manage/repository-manage.component.less

@@ -0,0 +1,260 @@
+@import "../../../../src/theme.less";
+:host {
+  .add-button {
+    margin: 0 auto 16px !important;
+  }
+  .targetDept {
+    overflow: hidden;
+    // width: 90px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dynamic {
+    margin-bottom: 16px;
+    display: flex;
+    align-items: center;
+    input {
+      width: 90%;
+    }
+    i {
+      margin-left: 8px;
+      cursor: pointer;
+      font-size: 18px;
+    }
+  }
+}
+
+.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: 420px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 19px 14px 0 14px;
+        max-height: 500px;
+        overflow-y: auto;
+				
+				.ant-select{
+					width: 100%;
+				}
+				.ant-calendar-picker{
+					width: 100% !important;
+				}
+				.list-template__bottom {
+				  background: #f9fafb;
+				  border: 1px solid #e5e9ed;
+				  border-radius: 8px;
+				  padding-bottom: 56px;
+				  position: relative;
+				  .list-template__nzTable {
+				    padding: 16px 16px 0;
+				
+				    .thead {
+				      background-image: linear-gradient(to right, @bg-start, @bg-end);
+				
+				      th {
+				        background: transparent;
+				        color: #fff;
+				        text-align: center;
+				      }
+				    }
+				
+				    .ant-table-body {
+				      border-bottom: 1px solid #e5e9ed;
+				    }
+				
+				    .ant-table-tbody {
+				      tr {
+				        text-align: center;
+				        color: #333;
+				
+				        td {
+				          border: none;
+				
+				          &.tab_hover:hover{
+				            text-decoration: underline;
+				            cursor: pointer;
+				          }
+				
+				          .coop {
+				            button{
+				              color: #333;
+				            }
+				            span,button {
+				              display: inline-block;
+				              padding: 0 8px;
+				              cursor: pointer;
+				              position: relative;
+				
+				              &::after {
+				                content: "|";
+				                position: absolute;
+				                top: 0;
+				                right: 0;
+				              }
+				
+				              &:hover,
+				              &:active {
+				                color: @primary-color;
+				              }
+				
+				              &:nth-last-child(1) {
+				                &::after {
+				                  content: "";
+				                }
+				              }
+				            }
+				          }
+				        }
+				      }
+				    }
+				  }
+				  .list-template__pagination {
+				    height: 56px;
+				    display: flex;
+				    align-items: center;
+				    position: absolute;
+				    right: 8px;
+				  }
+				}
+				
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+              text-align: left;
+            }
+          }
+        }
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}
+
+.monad{
+	margin-top: 20px;
+	.monad-list{
+		border: 1px solid #e7e7e7;
+		border-radius: 5px;
+		margin-bottom: 40px;
+		padding: 20px;
+	}
+	.monad-title{
+		text-align: center;
+		font-weight: 700;
+		font-size: 16px;
+	}
+	.monad-sign{
+		display: flex;
+		line-height: 30px;
+		div{
+			margin-right: 15px;
+		}
+	}
+}

src/app/views/repository-manage/repository-manage.component.ts

@@ -0,0 +1,463 @@
+import { Component, OnInit, ViewChild } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import {
+  FormBuilder,
+  Validators,
+  FormGroup,
+  FormControl,
+} from "@angular/forms";
+
+import { MainService } from "../../services/main.service";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-ngx";
+import { ToolService } from "../../services/tool.service";
+import { format, startOfDay, endOfDay, subDays} from "date-fns";
+import { NzMessageService } from "ng-zorro-antd";
+import { Subject } from "rxjs";
+import { debounceTime, filter } from "rxjs/operators";
+import host from "../../../assets/js/http";
+import { HttpRequest, HttpResponse, HttpClient } from '@angular/common/http';
+
+@Component({
+  selector: "app-repository-manage",
+  templateUrl: "./repository-manage.component.html",
+  styleUrls: ["./repository-manage.component.less"],
+})
+export class RepositoryManageComponent 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,
+    private http: HttpClient,
+  ) {}
+
+  ngOnInit() {
+    this.searchParentDeptSubject.pipe(debounceTime(500)).subscribe((e) => {
+			this.isDeptLoading = true;
+			this.getDeparts(e);
+    });
+		this.hosId = this.tool.getCurrentHospital().id;
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.initForm();
+		this.getList();
+    // this.getAllHospital();
+    // this.getDeptHandoverType();
+  }
+  listOfData: any[] = []; //表格数据
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+  modal: boolean = false; //新增/编辑模态框
+  add: boolean; //true:新增；false:编辑
+  validateForm: FormGroup; //新增/编辑表单
+  coopId: number; //表格中执行操作的id
+  department: number; //所属科室
+	hosId: number; 
+	loadAllConsumeDept: boolean = true;//是否加载所有消耗科室
+  solutionNumber; //编号
+	title; //标题
+  num; //编码
+  deptalias; //别名
+  type; //类型
+  deptHandoverType; //类型
+  pageIndex: number = 1; //页码
+  listLength: number = 10; //总条数
+  pageSize: number = 10; //每页条数
+  btnLoading: boolean = false; //确认按钮loading状态
+  printLoading: boolean = false; //批量打印按钮loading状态
+  deptPhones: any = []; //新添加的科室电话列表
+  isAddDeptsPhone = true; //添加新的科室电话是否禁用
+  deptsPhoneId = 1; //科室电话自增id
+  allParentdepart: any = []; //所有的父级科室列表
+  hospitals1: any = []; //科室列表(搜索)
+	rowData: object = {}; //打印选择列表
+	editModal:boolean = false; //编辑时弹框
+  searchParentDeptSubject = new Subject();
+  // 初始化增删改按钮
+  coopBtns: any = {};
+	saveLoading:boolean = false;
+	taskTypeData:{id:''};
+	
+  // 导入---end
+  //搜索父级科室
+	isDeptLoading = false;
+  changeInp(e) {
+    this.searchParentDeptSubject.next(e);
+  }
+  // 配送建单
+  coopData:any = {};
+  addDateModal(data) {
+    this.coopData = data;
+    this.showDelModal1();
+  }
+
+  showDelModal1() {
+    this.editModal = true;
+  }
+  hideDelModal1() {
+    this.editModal = false;
+  }
+	
+  // 编辑保存
+  confirmDel1() {
+    var that = this;
+		for (const i in that.validateForm.controls) {
+		  that.validateForm.controls[i].markAsDirty();
+		  that.validateForm.controls[i].updateValueAndValidity();
+		}
+		if (that.validateForm.invalid) return;
+    let data: any = {
+			hosId:this.hosId,
+			pharmacy:this.validateForm.value.department,
+			id:that.coopId,
+			loadAllConsumeDept:this.validateForm.value.loadAllConsumeDept?1:0
+    };
+		that.saveLoading = true;
+		that.mainService
+		  .simplePost("addData", "drugsBatch", data)
+		  .subscribe((data) => {
+		    that.saveLoading = false;
+		    that.hideModal();
+		    that.initForm();
+		    if (data.status == 200) {
+					this.editModal = false;
+		      that.showPromptModal("编辑", true, "");
+		    } else {
+		      that.showPromptModal("编辑", false, data.msg);
+		    }
+		  });
+  }
+
+  // 搜索
+  search() {
+    this.pageIndex = 1;
+    this.getList();
+  }
+  // 重置
+  reset() {
+    this.pageIndex = 1;
+		this.solutionNumber = null;
+		this.title = null;
+    this.getList();
+  }
+  // 表格数据
+  loading1 = false;
+  getList() {
+    var that = this;
+    let data = {
+      idx: that.pageIndex - 1,
+      sum: that.pageSize,
+      solution: {
+    		title:this.title,
+				solutionNumber:this.solutionNumber,
+    		hosId: this.hosId
+      },
+    };
+
+    this.loading1 = true;
+    that.mainService
+      .getFetchDataList("data", "solution", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        that.listOfData = data.list;
+        that.listLength = data.totalNum;
+      });
+  }
+	
+	// 获取所有科室
+  getDeparts(dept) {
+    var that = this;
+    let data = {
+      department: {
+        dept,
+        hospital: {
+          id: this.hosId
+        },
+				type:{
+					id:''
+				}
+      },
+      idx: 0,
+      sum: 20,
+    };
+		that.mainService.getDictionary("list", "dept_type").subscribe((res) => {
+		  let typeData = res.find(i=>i.value=='pharmacyRoom');
+			if(typeData){
+				data.department.type.id = typeData.id
+			}
+			that.mainService
+			  .getFetchDataList("data", "department", data)
+			  .subscribe((data) => {
+					setTimeout(_=>{
+						this.hospitals1 = data.list
+						that.isDeptLoading = false;
+					},500)
+			  });
+		});
+  }
+	
+  // 获取所有院区
+  getAllHospital() {
+		this.getDeparts('')
+    this.getList();
+  }
+
+  // 获取科室汇总交接类型
+  deptHandoverTypes: Array<any> = [];
+  getDeptHandoverType() {
+    var that = this;
+    that.mainService.getDictionary("list", "dept_handover_type").subscribe((data) => {
+      console.log(data);
+      that.deptHandoverTypes = data;
+    });
+  }
+	
+	// 获取任务id
+	getTaskTypesId() {
+		this.mainService.getDictionary("list", "ordinary_field").subscribe((data) => {
+			this.taskTypeData = data.find(i=>i.value=='infusionSolutions')
+			this.getConfig();
+		});
+	}
+	
+	// 获取配置
+	getConfig() {
+	  let postData = {
+	    idx: 0,
+	    sum: 10,
+	    taskTypeConfig: {
+				hosId:this.hosId,
+				taskType:this.taskTypeData.id
+	    }
+	  };
+	  this.mainService
+		.getFetchDataList("simple/data", "taskTypeConfig", postData)
+		.subscribe((result) => {
+			if (result.status == 200) {
+				let data = result.list[0] || {};
+				this.validateForm.controls.department.setValue(data.pharmacyDept || '');
+				this.add = true;
+				this.modal = true;
+				this.isAddDeptsPhone = true;
+			}
+		});
+	}
+	
+  // 新增弹框
+  showModal() {
+    this.initForm();
+		this.getTaskTypesId()
+  }
+  hideModal() {
+    this.modal = false;
+    this.initForm();
+  }
+  // 初始化新增form表单
+	loadStartTime = '';
+	loadEndTime = '';
+  initForm() {
+    this.validateForm = this.fb.group({
+      dispensingTime: [null, [Validators.required]],
+      department: [null, [Validators.required]],
+			loadAllConsumeDept: [true,[]]
+    });
+		let date = new Date();
+		this.loadStartTime = format(subDays(date, 1), "yyyy-MM-dd") +' '+'08:00:00'
+		this.loadEndTime = format(date, "yyyy-MM-dd") +' '+'08:00:00'
+		this.validateForm.controls.dispensingTime.setValue([this.loadStartTime, this.loadEndTime]);
+  }
+
+  // 表单提交
+  submitForm(): void {
+    var that = this;
+		for (const i in that.validateForm.controls) {
+		  that.validateForm.controls[i].markAsDirty();
+		  that.validateForm.controls[i].updateValueAndValidity();
+		}
+		if (that.validateForm.invalid) return;
+    let data: any = {
+			hosId:this.hosId,
+			pharmacy:this.validateForm.value.department,
+			loadAllConsumeDept:this.validateForm.value.loadAllConsumeDept?1:0
+    };
+  
+    if (!that.add) {
+			this.editModal = true
+    }else{
+			that.btnLoading = true;
+			that.mainService
+			  .simplePost("addData", "drugsBatch", data)
+			  .subscribe((data) => {
+			    that.btnLoading = false;
+			    that.hideModal();
+			    that.initForm();
+			    if (data.status == 200) {
+			      that.showPromptModal(that.add ? "新增" : "编辑", true, "");
+			    } else {
+			      that.showPromptModal(that.add ? "新增" : "编辑", false, data.msg);
+			    }
+			  });
+		}
+  }
+	
+	// 升级
+	upgrade(e, data){
+		e.stopPropagation();
+		this.router.navigateByUrl(`/dispensingDetail/${data.id}`);
+	}
+	
+	// 新增
+	addForm(){
+		this.router.navigateByUrl(`/repositoryManageAdd/0`);
+	}
+	
+	// 查看
+	look(e, data){
+		e.stopPropagation();
+		this.modal = true
+	}
+	
+	// 编辑
+	edit(e, data) {
+	  e.stopPropagation();
+	  this.router.navigateByUrl(`/repositoryManageAdd/${data.id}`);
+	}
+	
+	// 停用
+	pauseModal = false;
+	pause(e, data){
+		e.stopPropagation();
+		this.pauseModal = true;
+		this.coopId = data.id;
+	}
+	
+	// 确认停用
+	confirmDel2() {
+	  var that = this;
+	  that.btnLoading = true;
+	  that.mainService
+	    .coopTypeConfig(
+	      "rmvData",
+	      "drugsBatch",
+	       [that.coopId]
+	    )
+	    .subscribe((data) => {
+	      that.btnLoading = false;
+	      that.pauseModal = false;
+	      if (data.status==200) {
+	        that.showPromptModal("停用", true, "");
+	      } else {
+	        that.showPromptModal("停用", false, data.data[0].msg);
+	      }
+	    });
+	}
+	
+	hideDelModal2() {
+	  this.pauseModal = false;
+	}
+	
+	
+	// 恢复
+	renewModal = false;
+	renew(e, data){
+		e.stopPropagation();
+		this.renewModal = true;
+		this.coopId = data.id;
+	}
+	
+	// 确认恢复
+	confirmDel3() {
+	  var that = this;
+	  that.btnLoading = true;
+	  that.mainService
+	    .coopTypeConfig(
+	      "rmvData",
+	      "drugsBatch",
+	       [that.coopId]
+	    )
+	    .subscribe((data) => {
+	      that.btnLoading = false;
+	      that.renewModal = false;
+	      if (data.status==200) {
+	        that.showPromptModal("恢复", true, "");
+	      } else {
+	        that.showPromptModal("停用", false, data.data[0].msg);
+	      }
+	    });
+	}
+	
+	hideDelModal3() {
+	  this.renewModal = false;
+	}
+	
+	// 审核
+	audit(e, data){
+		e.stopPropagation();
+		this.modal = true
+		// this.router.navigateByUrl(`/dispensingDetail/${data.id}`);
+	}
+	
+
+  // 展示信息提示框（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();
+  }
+
+  delModal: boolean = false; //删除模态框
+  coopIds: any;
+  coopFlag: any = false;
+  /**
+   *
+   * @param e 事件对象
+   * @param id
+   */
+  showDelModal(e, id) {
+    e.stopPropagation();
+    this.delModal = true;
+    this.coopId = id;
+  }
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确认删除
+  confirmDel() {
+    var that = this;
+    that.btnLoading = true;
+    that.mainService
+      .coopTypeConfig(
+        "rmvData",
+        "solution",
+         [that.coopId]
+      )
+      .subscribe((data) => {
+        that.btnLoading = false;
+        that.delModal = false;
+        if (data.status==200) {
+          that.showPromptModal("删除", true, "");
+        } else {
+          that.showPromptModal("删除", false, data.data[0].msg);
+        }
+      });
+  }
+
+  detail(e, data) {
+    e.stopPropagation();
+		this.router.navigateByUrl(`/dispensingDetail/${data.id}`);
+  }
+
+}

src/app/views/repository-manage/repository-manage.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { RepositoryManageRoutingModule } from './repository-manage-routing.module';
+import { RepositoryManageComponent } from './repository-manage.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    RepositoryManageComponent,
+  ],
+  imports: [
+    CommonModule,
+    RepositoryManageRoutingModule,
+    ShareModule
+  ]
+})
+export class RepositoryManageModule { }

tsconfig.json

@@ -1,6 +1,8 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+		"skipLibCheck": true,
+		"allowJs":true,
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,