药品页面控制

src/app/views/drug-page-control/drug-page-control-routing.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { DrugPageControlComponent } from './drug-page-control.component';
+
+
+const routes: Routes = [
+  { path: '', component: DrugPageControlComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class DrugPageControlRoutingModule { }

src/app/views/drug-page-control/drug-page-control.component.html

@@ -0,0 +1,36 @@
+<div class="TaskTypeManagement">
+  <div class="taskTypeInfo">
+    <div class="top">
+      <div class="item" (click)="tabModal('characteristics')" [ngClass]="{'items':tabModalName=='characteristics'}">
+        特性配置
+      </div>
+      <div class="item" (click)="tabModal('automaticOrderCreation')" [ngClass]="{'items':tabModalName=='automaticOrderCreation'}">
+        自动建单配置
+      </div>
+    </div>
+    <div class="list" *ngIf="!loading">
+      <!-- 特性配置 -->
+      <div *ngIf="tabModalName=='characteristics'">
+        <!-- 是否显示关联批次药品 -->
+        <div class="display_flex align-items_center mb8">
+          <nz-form-label class="label">是否显示关联批次药品</nz-form-label>
+          <nz-checkbox-group [(ngModel)]="drugsBatchInfo"></nz-checkbox-group>
+        </div>
+      </div>
+      <!-- 自动建单配置 -->
+      <div *ngIf="tabModalName=='automaticOrderCreation'">
+      </div>
+      <div class="bottom">
+        <button class="login-form-button" nzType="primary" [nzLoading]="btnLoading" nz-button (click)="submitForm()">保存</button>
+      </div>
+    </div>
+    <div class="list" *ngIf="loading">
+      <div class="loadingFull display_flex justify-content_flex-center align-items_center">
+        <div class="loadingFullInner">
+          <img src="../../../assets/images/loading.gif" alt="">
+          <div>加载中...</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/app/views/drug-page-control/drug-page-control.component.ts

@@ -0,0 +1,99 @@
+import { Component, OnInit } from "@angular/core";
+import { ToolService } from 'src/app/services/tool.service';
+import { NzMessageService } from 'ng-zorro-antd';
+import { DrugPageControlService } from './drug-page-control.service';
+
+@Component({
+  selector: "app-drug-page-control",
+  templateUrl: "./drug-page-control.component.html",
+  styleUrls: ["./drug-page-control.component.less"],
+})
+export class DrugPageControlComponent implements OnInit {
+  loading:boolean = false; //页面加载的loading
+  btnLoading:boolean = false; //提交按钮的loading
+  tabModalName:string = 'characteristics'; //当前选中的tab
+  hosId = this.tool.getCurrentHospital().id; //当前院区
+
+  // 是否显示关联批次药品
+  drugsBatchInfo:any[] = [
+    {label:'是否开启',value: 0}
+  ];
+  // 配置
+  configs:any = {};
+  // 任务类型
+  tasktype:any = {};
+  constructor(
+    private tool: ToolService,
+    private msg: NzMessageService,
+    private drugPageControlService: DrugPageControlService,
+    ) {}
+
+  ngOnInit():void {
+    // todo
+    this.getTaskType();
+  }
+
+  // 切换tab
+  tabModal(tabModalName:string){
+    this.tabModalName = tabModalName;
+  }
+
+  // 保存
+  submitForm() {
+    if(!this.tasktype.id){
+      this.msg.create("warning", "请先配置药品任务类型！");
+      return;
+    }
+
+    this.btnLoading = true;
+    this.drugPageControlService
+      .submitForm({
+        configs: this.configs, 
+        tasktype: this.tasktype, 
+        hosId: this.hosId, 
+        drugsBatchInfo: this.drugsBatchInfo,
+      })
+      .subscribe((result) => {
+        this.btnLoading = false;
+        if (result.status == 200) {
+          this.getTaskType();
+        }
+      });
+  }
+
+  //获取任务类型
+  getTaskType() {
+    this.loading = true;
+    this.drugPageControlService
+      .getTaskType({
+        hosId: this.hosId,
+      })
+      .subscribe((result) => {
+        if (result.status == 200) {
+          this.tasktype = result.list[0] || {};
+          this.getConfig();
+        }else{
+          this.loading = false;
+        }
+      });
+  }
+  // 获取配置
+  getConfig() {
+    this.drugPageControlService
+      .getConfig({
+        tasktype: this.tasktype,
+        hosId: this.hosId,
+      })
+      .subscribe((result) => {
+        this.loading = false;
+        if (result.status == 200) {
+          this.configs = result.list;
+
+          this.drugsBatchInfo[0].checked = this.configs.drugsBatchInfo == 1;
+        }
+      });
+  }
+}
+
+
+

src/app/views/drug-page-control/drug-page-control.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { DrugPageControlRoutingModule } from './drug-page-control-routing.module';
+import { DrugPageControlComponent } from './drug-page-control.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    DrugPageControlComponent,
+  ],
+  imports: [
+    CommonModule,
+    DrugPageControlRoutingModule,
+    ShareModule,
+  ]
+})
+export class DrugPageControlModule { }

src/app/views/drug-page-control/drug-page-control.service.ts

@@ -0,0 +1,78 @@
+import { Injectable } from '@angular/core';
+import { MainService } from 'src/app/services/main.service';
+import { map } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DrugPageControlService {
+
+  constructor(private mainService: MainService) { }
+
+  //获取任务类型
+  getTaskType({hosId}) {
+    let postData = {
+      idx: 0,
+      sum: 10,
+      taskType: {
+        simpleQuery: true,
+        hosId: {
+          id: hosId
+        },
+        associationType: {
+          key:"association_types",
+          value: 'drugsBag'
+        }
+      }
+    };
+    return this.mainService.getFetchDataList("simple/data", "taskType", postData).pipe(map((v:any) => {
+      if(Array.isArray(v.list)){
+        v.list = v.list.map(vv => ({id: vv.id, associationType: vv.associationType}));
+      }else{
+        v.list = [];
+      }
+      return v;
+    }));
+  }
+
+  // 获取配置
+  getConfig({hosId, tasktype}) {
+    let postData = {
+      idx: 0,
+      sum: 10,
+      taskTypeConfig: {
+        taskTypeDTO: {
+          hosId: {
+            id: hosId
+          },
+          associationType: tasktype.associationType
+        }
+      }
+    };
+    return this.mainService.getFetchDataList("simple/data", "taskTypeConfig", postData).pipe(map((v:any) => {
+      if(Array.isArray(v.list)){
+        let firstList = v.list[0];
+        v.list = firstList ? firstList : {};
+        if(firstList){
+          v.list = {id: firstList.id, drugsBatchInfo: firstList.drugsBatchInfo};
+        }else{
+          v.list = {};
+        }
+      }else{
+        v.list = {};
+      }
+      return v;
+    }));
+  }
+
+  // 保存
+  submitForm({configs, tasktype, hosId, drugsBatchInfo}) {
+    let postData:any = {
+      id: configs.id,
+      taskType: tasktype.id,
+      hosId: hosId,
+      drugsBatchInfo: drugsBatchInfo[0].checked ? 1 : 0,
+    };
+    return this.mainService.simplePost("addData", "taskTypeConfig", postData);
+  }
+}

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

@@ -83,6 +83,11 @@ const routes: Routes = [
         path: "operationConfig",
         loadChildren: () => import("../operation-config/operation-config.module").then((m) => m.OperationConfigModule),
       },
+      // 药品页面控制
+      {
+        path: "drugPageControl",
+        loadChildren: () => import("../drug-page-control/drug-page-control.module").then((m) => m.DrugPageControlModule),
+      },
       // 工作分配方案列表
       {
         path: "workAssignment",

src/app/views/qrcode-configuration/qrcode-configuration.module.ts

@@ -4,7 +4,6 @@ import { CommonModule } from '@angular/common';
 import { QRCodeConfigurationRoutingModule } from './qrcode-configuration-routing.module';
 import { ShareModule } from 'src/app/share/share.module';
 import { QRCodeConfigurationComponent } from './qrcode-configuration.component';
-import { QRCodeConfigurationService } from './qrcode-configuration.service';
 
 
 @NgModule({
@@ -16,8 +15,5 @@ import { QRCodeConfigurationService } from './qrcode-configuration.service';
     QRCodeConfigurationRoutingModule,
     ShareModule,
   ],
-  providers: [
-    QRCodeConfigurationService,
-  ]
 })
 export class QRCodeConfigurationModule { }

src/app/views/qrcode-configuration/qrcode-configuration.service.ts

@@ -1,8 +1,10 @@
 import { Injectable } from '@angular/core';
 import { MainService } from 'src/app/services/main.service';
-import { map, pluck, flatMap } from 'rxjs/operators';
+import { map } from 'rxjs/operators';
 
-@Injectable()
+@Injectable({
+  providedIn: 'root'
+})
 export class QRCodeConfigurationService {
   constructor(
     private mainService: MainService,
@@ -61,6 +63,8 @@ export class QRCodeConfigurationService {
     return this.mainService.getFetchDataList("data", "department", postData).pipe(map((v:any) => {
       if(Array.isArray(v.list)){
         v.list = v.list.map(vv => ({id: vv.id, dept: vv.dept}));
+      }else{
+        v.list = [];
       }
       return v;
     }));