@hitsoft/uretim-yonetimi 1.0.16 → 1.0.17

package/src/lib/components/hit-create-barcodes/hit-create-barcodes.module.ts

@@ -0,0 +1,39 @@
+import {CoreModule} from '@abp/ng.core';
+import {ThemeSharedModule} from '@abp/ng.theme.shared';
+import {NgModule} from '@angular/core';
+import {
+  NgbCollapseModule,
+  NgbDatepickerModule,
+  NgbDropdownModule,
+} from '@ng-bootstrap/ng-bootstrap';
+import {NgxValidateCoreModule} from '@ngx-validate/core';
+import {CommercialUiModule} from '@volo/abp.commercial.ng.ui';
+import {PageModule} from '@abp/ng.components/page';
+import {HitCreateBarcodesComponent} from "./hit-create-barcodes.component";
+import {HitCreateBarcodesRoutingModule} from "./hit-create-barcodes-routing.module";
+import {DxButtonModule, DxDataGridModule, DxNumberBoxModule, DxTextBoxModule} from "devextreme-angular";
+
+@NgModule({
+  declarations: [HitCreateBarcodesComponent],
+  imports: [
+    HitCreateBarcodesRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+    PageModule,
+    DxButtonModule,
+    DxNumberBoxModule,
+    DxTextBoxModule,
+    DxDataGridModule,
+  ],
+})
+export class HitCreateBarcodesModule {
+}
+
+export function loadHitCreateBarcodesAsChild() {
+  return Promise.resolve(HitCreateBarcodesModule);
+}

package/src/lib/components/hit-issues-for-productions/hit-issues-for-productions-routing.module.ts

@@ -0,0 +1,19 @@
+import {AuthGuard, PermissionGuard} from '@abp/ng.core';
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+import {HitIssuesForProductionsComponent} from "./hit-issues-for-productions.component";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: HitIssuesForProductionsComponent,
+    canActivate: [AuthGuard, PermissionGuard],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class HitIssuesForProductionsRoutingModule {
+}

package/src/lib/components/hit-issues-for-productions/hit-issues-for-productions.componenet.css

@@ -0,0 +1,7 @@
+::ng-deep .hit-green-row {
+  background-color: #daf5dc !important;
+}
+
+::ng-deep .hit-grey-row {
+  background-color: #80808070 !important;
+}

package/src/lib/components/hit-issues-for-productions/hit-issues-for-productions.component.html

@@ -0,0 +1,100 @@
+<abp-page [breadcrumb]="false">
+  <abp-page-toolbar-container class="col">
+    <div class="row">
+      <h3 class="page-title">
+        {{ 'UretimYonetimi::IssuesForProductions.Title' | abpLocalization }}
+      </h3>
+    </div>
+    <div class="row text-lg-end pt-2">
+      <div class="col-8">
+        <button class="btn btn-success btn-sm" type="button" (click)="postIssuesForProduction()"
+                [disabled]="!isEmriBarkoduGecerliMi">
+          <i class="fa fa-plus me-1"></i>
+          {{ 'UretimYonetimi::IssuesForProductions.Create' | abpLocalization }}
+        </button>
+      </div>
+      <div class="col-4">
+        <button class="btn btn-warning btn-sm" type="button" (click)="clearAll()">
+          <i class="fa fa-broom me-1"></i>
+          {{ 'UretimYonetimi::IssuesForProductions.Clean' | abpLocalization }}
+        </button>
+      </div>
+    </div>
+  </abp-page-toolbar-container>
+  <div class="card mt-2">
+    <div class="card-body">
+      <div style="display: flex; align-items: center;">
+        <dx-number-box #barkodNumarasiRef class="me-1" style="width:100%;"
+          [label]="'UretimYonetimi::IssuesForProductions.WorkOrderNo' | abpLocalization" [(value)]="isEmriBarkodu"
+          (onChange)="getProductionOrder()" (onEnterKey)="getProductionOrder()" [disabled]="searcheBasildiMi || isEmriBarkoduGecerliMi">
+        </dx-number-box>
+        <dx-button style="margin-top: 7.5px;" icon="search" type="default" (onClick)="getProductionOrder()"
+          [disabled]="searcheBasildiMi || isEmriBarkoduGecerliMi">
+        </dx-button>
+      </div>
+      <div class="mt-3" *ngIf="isEmriBarkoduGecerliMi">
+        <dx-text-box style="width:100%;"
+                     [label]="'UretimYonetimi::IssuesForProductions.WorkOrderName' | abpLocalization"
+                     [(value)]="productionOrder.productDescription" [disabled]="true">
+        </dx-text-box>
+        <dx-text-box style="width:100%;"
+                     [label]="'UretimYonetimi::IssuesForProductions.Boiler' | abpLocalization"
+                     [(value)]="productionOrder.u_Kazan" [disabled]="true">
+        </dx-text-box>
+        <dx-number-box style="width:100%;" [label]="'UretimYonetimi::IssuesForProductions.PlannedQty' | abpLocalization"
+                       [(value)]="productionOrder.plannedQuantity" [disabled]="true"
+                       [format]="HitHelper.getMeasurementFormatted(unitOfMeasure)">
+        </dx-number-box>
+
+        <div style="display: flex; align-items: center;">
+          <dx-text-box #hammaddeQRRef style="width:100%;" class="me-1"
+                       [label]="'UretimYonetimi::IssuesForProductions.IssueQRCode' | abpLocalization" [maxLength]="256"
+                       [(value)]="hammaddeQR" (onEnterKey)="parseAndAddQR()"
+                       [placeholder]="'UretimYonetimi::IssuesForProductions.IssueQRCode.Placeholder' | abpLocalization">
+          </dx-text-box>
+          <dx-button style="margin-top: 7.5px;" icon="plus" type="default" (onClick)="parseAndAddQR()">
+          </dx-button>
+        </div>
+
+        <div *ngIf="productionOrder.getProductionOrderLine?.length" class="mt-3">
+          <dx-data-grid #getProductionOrderLineGrid [dataSource]="productionOrder.getProductionOrderLine"
+                        [showBorders]="true" [columnAutoWidth]="true" [sorting]="{ mode: 'none' }"
+                        (onRowPrepared)="onRowPrepared($event)">
+            <dxi-column dataField="itemName"
+                        caption="{{'UretimYonetimi::IssuesForProductions.ItemName' | abpLocalization}}"></dxi-column>
+            <dxi-column cellTemplate="templateQty"
+                        caption="{{ 'UretimYonetimi::IssuesForProductions.Quantity' | abpLocalization }}"
+                        dataType="number"></dxi-column>
+            <dxi-column cellTemplate="templatePlannedQty"
+                        caption="{{'UretimYonetimi::IssuesForProductions.PlannedQty' | abpLocalization}}"
+                        dataType="number"></dxi-column>
+            <dxi-column cellTemplate="templateIssuedQty"
+                        caption="{{'UretimYonetimi::IssuesForProductions.CompletedQty' | abpLocalization}}"
+                        dataType="number"></dxi-column>
+            <dxi-column dataField="itemCode"
+                        caption="{{'UretimYonetimi::IssuesForProductions.ItemCode' | abpLocalization}}"
+                        [width]="150"></dxi-column>
+            <dxi-column dataField="batchNumber"
+                        caption="{{'UretimYonetimi::IssuesForProductions.BatchNumber' | abpLocalization}}"
+                        [width]="120"></dxi-column>
+            <dxi-column dataField="warehouse"
+                        caption="{{'UretimYonetimi::IssuesForProductions.Warehouse' | abpLocalization}}" [width]="120">
+
+              <dxo-lookup [dataSource]="warehouses" displayExpr="whsName" valueExpr="whsCode">
+              </dxo-lookup>
+            </dxi-column>
+            <div *dxTemplate="let data of 'templateQty'">
+              {{ HitHelper.getMeasurementFormattedWithLocalization(data.key.quantity, data.key.unitOfMeasurement) }}
+            </div>
+            <div *dxTemplate="let data of 'templatePlannedQty'">
+              {{ HitHelper.getMeasurementFormattedWithLocalization(data.key.plannedQty, data.key.unitOfMeasurement) }}
+            </div>
+            <div *dxTemplate="let data of 'templateIssuedQty'">
+              {{ HitHelper.getMeasurementFormattedWithLocalization(data.key.issuedQty, data.key.unitOfMeasurement) }}
+            </div>
+          </dx-data-grid>
+        </div>
+      </div>
+    </div>
+  </div>
+</abp-page>

package/src/lib/components/hit-issues-for-productions/hit-issues-for-productions.component.ts

@@ -0,0 +1,276 @@
+import {ABP, ListService, PagedResultDto, TrackByService} from '@abp/ng.core';
+import {Confirmation, ConfirmationService} from '@abp/ng.theme.shared';
+import {DateAdapter} from '@abp/ng.theme.shared/extensions';
+import {AfterViewInit, ChangeDetectionStrategy, Component, OnInit, ViewChild, NgZone} from '@angular/core';
+import {FormBuilder} from '@angular/forms';
+import {NgbDateAdapter} from '@ng-bootstrap/ng-bootstrap';
+import {
+  HitIssuesForProductionsService
+} from "../../hit-proxy/hit-issues-for-productions/hit-issues-for-productions.service";
+import {HitProductionOrdersService} from "../../hit-proxy/hit-production-orders/hit-production-orders.service";
+import {
+  BatchNumber,
+  IssueLine,
+  IssuesForProductionPostDto
+} from "../../hit-proxy/hit-issues-for-productions/models";
+import {GetProductionOrderDto} from "../../hit-proxy/hit-receipt-from-productions/models";
+import {DxDataGridComponent, DxTextBoxComponent} from "devextreme-angular";
+import {Warehouse} from "../../hit-proxy/hit-production-orders/models";
+import {HitHelper} from "../../hit-proxy/models";
+
+@Component({
+  selector: 'lib-hit-issues-for-productions',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, {provide: NgbDateAdapter, useClass: DateAdapter}],
+  templateUrl: './hit-issues-for-productions.component.html',
+  styleUrls: ['./hit-issues-for-productions.componenet.css'],
+})
+export class HitIssuesForProductionsComponent implements OnInit, AfterViewInit {
+  @ViewChild('barkodNumarasiRef', {static: false}) nmbBoxBarkodNumarasi: DxTextBoxComponent;
+  @ViewChild('hammaddeQRRef', {static: false}) nmbBoxHammaddeQR: DxTextBoxComponent;
+  @ViewChild('getProductionOrderLineGrid', {static: false}) dataGrid: DxDataGridComponent;
+
+  options: Partial<Confirmation.Options> = {
+    hideYesBtn: true,
+    cancelText: 'Kapat',
+    dismissible: false,
+  };
+
+  constructor(
+    private ngZone: NgZone,
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: HitIssuesForProductionsService,
+    private confirmation: ConfirmationService,
+    private fb: FormBuilder,
+    private productionOrdersService: HitProductionOrdersService,
+  ) {
+  }
+
+  ngAfterViewInit() {
+    this.focusBarkodInput();
+  }
+
+  ngOnInit(): void {
+    this.clearAll();
+    this.getWarehouses();
+  }
+
+  isLoading: boolean = false;
+  isEmriBarkoduGecerliMi: boolean = false;
+  searcheBasildiMi: boolean = false;
+  isEmriBarkodu: number;
+  hammaddeQR: string = '';
+  productionOrder: GetProductionOrderDto;
+  issuesForProductionPost: IssuesForProductionPostDto;
+  unitOfMeasure: string;
+
+  async getProductionOrder() {
+    if (!this.isEmriBarkodu) {
+      this.focusBarkodInput();
+      return;
+    }
+
+    this.isLoading = true;
+    this.isEmriBarkoduGecerliMi = false;
+    this.searcheBasildiMi = true;
+
+    this.productionOrdersService.get(this.isEmriBarkodu).subscribe({
+      next: (response) => {
+        if (response.isSuccessful) {
+          this.productionOrder = response.items;
+          this.isEmriBarkoduGecerliMi = true;
+          this.unitOfMeasure = response.items.unitOfMeasurement;
+
+          const issueLines: IssueLine[] = this.productionOrder.getProductionOrderLine.map((issueLine) => {
+            issueLine.quantity = 0;
+            const newIssueLine = new IssueLine();
+            newIssueLine.ItemCode = issueLine.itemCode;
+            newIssueLine.BaseLine = issueLine.lineNum;
+            newIssueLine.WarehouseCode = issueLine.warehouse;
+            newIssueLine.BaseEntry = issueLine.absoluteEntry;
+            newIssueLine.BatchNumbers = [new BatchNumber(issueLine.batchNumber, issueLine.plannedQty)];
+            return newIssueLine;
+          });
+          this.issuesForProductionPost = new IssuesForProductionPostDto(issueLines);
+
+          this.ngZone.run(() => {
+            setTimeout(() => {
+              this.nmbBoxHammaddeQR.instance.focus();
+            }, 0);
+          });
+        } else {
+          this.isEmriBarkoduGecerliMi = false;
+          this.searcheBasildiMi = false;
+        }
+      },
+      error: (e) => {
+        this.isLoading = false;
+        this.isEmriBarkoduGecerliMi = false;
+        this.searcheBasildiMi = false;
+        this.confirmation.status$.subscribe({
+          next: () => {
+            this.clearAll();
+          }
+        });
+        this.focusBarkodInput();
+      }
+    });
+
+    this.isLoading = false;
+  }
+
+  async parseAndAddQR() {
+    if (!this.hammaddeQR) {
+      this.focusQRInput();
+      return;
+    }
+    this.isLoading = true;
+
+    const parsed = HitHelper.parseQR(this.hammaddeQR);
+    if (!parsed){
+      this.confirmation.error('', 'Geçersiz barkod!', this.options).subscribe({
+        next: () => {
+          this.hammaddeQR = '';
+          this.focusQRInput();
+        }
+      });
+      return;
+    }
+
+    this.service.get(parsed.chemicalCode, this.productionOrder.absoluteEntry.toString()).subscribe({
+      next: (response) => {
+        if (response.isSuccessful) {
+          const issueLine = this.productionOrder.getProductionOrderLine.find((x) => x.itemCode === parsed.chemicalCode);
+          if(issueLine == null){
+            this.confirmation.error('', "Bu iş emrinde " + parsed.chemicalCode + " kodlu stok bulunmuyor. ", this.options);
+          }
+          const issueLineForPost = this.issuesForProductionPost.DocumentLines.find((x) => x.ItemCode === parsed.chemicalCode);
+          if (issueLine) {
+            if (issueLine.issuedQty + issueLine.quantity + parsed.weightKg > issueLine.plannedQty + (issueLine.plannedQty * 0.02)) {
+              this.confirmation.error('', 'Toplanan miktar planlanan miktarı aşıyor!', this.options);
+              return;
+            }
+            issueLine.quantity += parsed.weightKg;
+            issueLine.batchNumber = parsed.lotNumber;
+            issueLineForPost.Quantity += parsed.weightKg;
+
+            if (issueLineForPost.IsQRReady) {
+              issueLineForPost.BatchNumbers.push(new BatchNumber(parsed.lotNumber, parsed.weightKg));
+            } else {
+
+              issueLineForPost.BatchNumbers = [new BatchNumber(parsed.lotNumber, parsed.weightKg)];
+              issueLineForPost.IsQRReady = true;
+            }
+          }
+        }
+      },
+      error: (e) => {
+        this.confirmation.status$.subscribe({
+          next: () => {
+            this.focusQRInput();
+            this.hammaddeQR = '';
+            this.isLoading = false;
+          }
+        });
+      },
+      complete: () => {
+        this.focusQRInput();
+        this.hammaddeQR = '';
+        this.isLoading = false;
+      }
+    });
+  }
+
+  async postIssuesForProduction() {
+    if (!this.issuesForProductionPost) {
+      this.focusBarkodInput();
+      return;
+    }
+    this.isLoading = true;
+    this.isEmriBarkoduGecerliMi = false;
+    this.issuesForProductionPost.DocumentLines.forEach((x) => {
+      x.BaseEntry = this.productionOrder.absoluteEntry;
+    });
+    this.issuesForProductionPost.DocumentLines = this.issuesForProductionPost.DocumentLines.filter((x) => x.IsQRReady);
+
+    this.service.post(this.issuesForProductionPost).subscribe({
+      next: (response) => {
+        if (response.isSuccessful) {
+          this.confirmation.success('', 'İşlem başarılı!', this.options).subscribe(() => {
+            this.clearAll();
+          });
+        } else {
+          this.confirmation.status$.subscribe({
+            next: () => {
+              this.focusQRInput();
+            }
+          });
+        }
+      },
+      error: (e) => {
+        this.confirmation.status$.subscribe({
+          next: () => {
+            this.clearAll();
+            this.focusQRInput();
+          }
+        });
+      }
+    });
+
+    this.isLoading = false;
+  }
+
+  clearAll() {
+    this.isEmriBarkoduGecerliMi = false;
+    this.searcheBasildiMi = false;
+    this.issuesForProductionPost = null;
+    this.isEmriBarkodu = null;
+    this.hammaddeQR = '';
+    this.productionOrder = null;
+    this.focusBarkodInput();
+    this.unitOfMeasure = null;
+  }
+
+  warehouses: Warehouse[] = [];
+
+  getWarehouses() {
+    this.isLoading = true;
+    this.productionOrdersService.getWarehouses().subscribe({
+      next: (result) => {
+        if (result.items) {
+          this.warehouses = result.items.slice();
+        }
+      }
+    });
+    this.isLoading = false;
+  }
+
+  protected readonly HitHelper = HitHelper;
+
+  onRowPrepared(e: any): void {
+    if (e.rowType === 'data') {
+      if (e.data.plannedQty <= e.data.issuedQty) {
+        e.rowElement.classList.add('hit-grey-row');
+      } else if (e.data.quantity > 0) {
+        e.rowElement.classList.add('hit-green-row');
+      }
+    }
+  }
+
+  focusQRInput() {
+    this.ngZone.run(() => {
+      setTimeout(() => {
+        this.nmbBoxHammaddeQR.instance.focus();
+      }, 0);
+    });
+  }
+
+  focusBarkodInput() {
+    this.ngZone.run(() => {
+      setTimeout(() => {
+        this.nmbBoxBarkodNumarasi.instance.focus();
+      }, 0);
+    });
+  }
+}

package/src/lib/components/hit-issues-for-productions/hit-issues-for-productions.module.ts

@@ -0,0 +1,46 @@
+import {CoreModule} from '@abp/ng.core';
+import {ThemeSharedModule} from '@abp/ng.theme.shared';
+import {NgModule} from '@angular/core';
+import {
+  NgbCollapseModule,
+  NgbDatepickerModule,
+  NgbDropdownModule,
+} from '@ng-bootstrap/ng-bootstrap';
+import {NgxValidateCoreModule} from '@ngx-validate/core';
+import {CommercialUiModule} from '@volo/abp.commercial.ng.ui';
+import {PageModule} from '@abp/ng.components/page';
+import {HitIssuesForProductionsComponent} from "./hit-issues-for-productions.component";
+import {HitIssuesForProductionsRoutingModule} from "./hit-issues-for-productions-routing.module";
+import {
+  DevExtremeModule,
+  DxButtonModule,
+  DxDataGridModule,
+  DxLoadIndicatorModule,
+  DxTextBoxModule
+} from "devextreme-angular";
+
+@NgModule({
+  declarations: [HitIssuesForProductionsComponent],
+  imports: [
+    HitIssuesForProductionsRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+    PageModule,
+    DxTextBoxModule,
+    DxButtonModule,
+    DxDataGridModule,
+    DxLoadIndicatorModule,
+    DevExtremeModule
+  ],
+})
+export class HitIssuesForProductionModule {
+}
+
+export function loadHitIssuesForProductionsAsChild() {
+  return Promise.resolve(HitIssuesForProductionModule);
+}

package/src/lib/components/hit-production-orders/hit-production-orders-routing.module.ts

@@ -0,0 +1,19 @@
+import {AuthGuard, PermissionGuard} from '@abp/ng.core';
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+import {HitProductionOrdersComponent} from "./hit-production-orders.component";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: HitProductionOrdersComponent,
+    canActivate: [AuthGuard, PermissionGuard],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class HitProductionOrdersRoutingModule {
+}

package/src/lib/components/hit-production-orders/hit-production-orders.component.html

@@ -0,0 +1,79 @@
+<abp-page [breadcrumb]="false">
+  <abp-page-toolbar-container class="col">
+    <div class="row">
+      <h3 class="page-title">
+        {{ 'UretimYonetimi::ProductionOrders' | abpLocalization }}
+      </h3>
+    </div>
+    <div class="row text-lg-end pt-2">
+      <div class="col-8">
+        <button class="btn btn-success btn-sm" type="button" (click)="patchProductionOrder()"
+                [disabled]="!isEmriBarkoduGecerliMi">
+          <i class="fa fa-plus me-1"></i>
+          {{ 'UretimYonetimi::ProductionOrders.Create' | abpLocalization }}
+        </button>
+      </div>
+      <div class="col-4">
+        <button class="btn btn-warning btn-sm" type="button" (click)="clearAll()">
+          <i class="fa fa-broom me-1"></i>
+          {{ 'UretimYonetimi::ProductionOrders.Clean' | abpLocalization }}
+        </button>
+      </div>
+    </div>
+  </abp-page-toolbar-container>
+  <div class="card mt-2">
+    <div class="card-body">
+      <div style="display: flex; align-items: center;">
+        <dx-number-box #barkodNumarasiRef class="me-1" style="width:100%;"
+                       [label]="'UretimYonetimi::ProductionOrders.WorkOrderNo' | abpLocalization"
+                       [(value)]="isEmriBarkodu" (onEnterKey)="getProductionOrderDetails()"
+                       [disabled]="searcheBasildiMi || isEmriBarkoduGecerliMi">
+        </dx-number-box>
+        <dx-button style="margin-top: 7.5px;" icon="search" type="default" (onClick)="getProductionOrderDetails()"
+                   [disabled]="searcheBasildiMi || isEmriBarkoduGecerliMi">
+        </dx-button>
+      </div>
+      <div class="mt-3" *ngIf="isEmriBarkoduGecerliMi">
+        <dx-text-box style="width:100%;"
+                     [label]="'UretimYonetimi::ProductionOrders.WorkOrderName' | abpLocalization"
+                     [(value)]="productionOrder.productDescription"
+                     [disabled]="true">
+        </dx-text-box>
+        <dx-number-box style="width:100%;"
+                       [label]="'UretimYonetimi::ProductionOrders.PlannedQty' | abpLocalization"
+                       format="#,##0.00"
+                       [(value)]="productionOrder.plannedQuantity"
+                       [disabled]="true">
+        </dx-number-box>
+        <div style="display: flex; align-items: center;">
+          <dx-text-box #hammaddeQRRef style="width:100%;" class="me-1"
+                       [label]="'UretimYonetimi::ProductionOrders.QrBarcode' | abpLocalization"
+                       [maxLength]="256"
+                       [(value)]="hammaddeQR" (onEnterKey)="parseAndAddQR()"
+                       [placeholder]="'UretimYonetimi::ProductionOrders.QrBarcode.Placeholder' | abpLocalization"
+                       [disabled]="qrOkutulduMu">
+          </dx-text-box>
+          <dx-button style="margin-top: 7.5px;" icon="plus" type="default" (onClick)="parseAndAddQR()"
+                     [disabled]="qrOkutulduMu">
+          </dx-button>
+        </div>
+
+        <div *ngIf="productionOrderList.ProductionOrderLines?.length" class="mt-3">
+          <dx-data-grid [dataSource]="productionOrderList.ProductionOrderLines" [showBorders]="true"
+                        [columnAutoWidth]="true" (onRowRemoved)="qrOkutulduMu=false">
+            <dxo-editing mode="row" [allowUpdating]="true" [allowDeleting]="true" [useIcons]="true">
+            </dxo-editing>
+            <dxi-column dataField="ItemName" [caption]="'UretimYonetimi::ProductionOrders.ItemName' | abpLocalization" [allowEditing]="false"></dxi-column>
+            <dxi-column dataField="Quantity" [caption]="'UretimYonetimi::ProductionOrders.Quantity' | abpLocalization" dataType="number" [format]="'#0.00 kg'"></dxi-column>
+            <dxi-column dataField="WarehouseCode" [caption]="'UretimYonetimi::ProductionOrders.Warehouse' | abpLocalization" [width]="150" [allowSorting]="false">
+              <dxo-lookup [dataSource]="warehouses" displayExpr="whsName" valueExpr="whsCode">
+              </dxo-lookup>
+            </dxi-column>
+            <dxi-column dataField="ItemCode" [caption]="'UretimYonetimi::ProductionOrders.ItemCode' | abpLocalization" [allowEditing]="false"></dxi-column>
+            <dxi-column dataField="BatchNumber" [caption]="'UretimYonetimi::ProductionOrders.BatchNumber' | abpLocalization" [allowEditing]="false"></dxi-column>
+          </dx-data-grid>
+        </div>
+      </div>
+    </div>
+  </div>
+</abp-page>