ใบเสร็จรับเงิน
\n\n
\nลูกค้า:
\n \n\n \n \n \n \n
\n\n จำนวนทั้งหมด: {{total_item}} ชิ้น\n รวมสุทธิ: {{total_price | number:'.2'}} บาท\n
\n\n \n
\n
\n\n| # | \n\n | \n รายการ | \n{{element.name}} | \nจำนวน | \n{{element.quantity}} | \nหน่วย | \n{{element.unit_type}} | \nราคา/หน่วย | \n{{element.wholesale_price | number:'.2'}} | \nรวมเงิน | \n{{element.wholesale_amount | number:'.2'}} | \nตัวเลือก | \n\n \n | \n
|---|
\n
\n\n
\n เลขประจำตัวผู้เสียภาษี: 0375564000924
\n โทร: 088-7634646\n
\n บริษัทโตโต้ชุปเปอร์มารท
\n 219 หมู่ 3 ต.หนองข่า อ.ปทุมราขวงศา จ.อำนาจเจริญ 37110\n เลขประจำตัวผู้เสียภาษี: 0375564000924
\n โทร: 088-7634646\n
\n
\n ลูกค้า: {{customer_name}}
\n{{date | date:'d/M/yyyy'}}
\n\n \n
\n
\n | # | \nรายการ | \nจำนวน | \nหน่วย | \nราคา/หน่วย | \nรวมเงิน | \n
|---|---|---|---|---|---|
| {{i+1}} | \n{{element.name}} | \n{{element.quantity}} | \n{{element.unit_type}} | \n{{element.wholesale_price | number:'.2'}} | \n{{element.wholesale_amount | number:'.2'}} | \n
\n รวมสุทธิ: {{total_price | number:'.2'}} บาท
\n จำนวนทั้งหมด: {{total_item}} ชิ้น\n
\n\n\n จำนวนทั้งหมด: {{total_item}} ชิ้น\n
\n
","\n
\n เลขประจำตัวผู้เสียภาษี: 0375564000924
\n โทร: 088-7634646\n
\n บริษัทโตโต้ชุปเปอร์มารท
\n 219 หมู่ 3 ต.หนองข่า อ.ปทุมราขวงศา จ.อำนาจเจริญ 37110\n เลขประจำตัวผู้เสียภาษี: 0375564000924
\n โทร: 088-7634646\n
\n
\n ลูกค้า: {{customer_name}}
\n{{date | date:'d/M/yyyy'}}
\n\n \n
\n
\n | # | \nรายการ | \nจำนวน | \nราคา/หน่วย | \nรวมเงิน | \n
|---|---|---|---|---|
| {{i+1}} | \n{{element.name}} | \n{{element.quantity}} | \n{{element.wholesale_price}} | \n{{element.wholesale_amount | number:'.2'}} | \n
\n รวมสุทธิ: {{total_price | number:'.2'}} บาท
\n จำนวนทั้งหมด: {{total_item}} ชิ้น\n
\n\n จำนวนทั้งหมด: {{total_item}} ชิ้น\n
บันทึกบิล
\n\n \n \n \n
\n\n \n \n
","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatSort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { customer, CustomerService } from '../customer.service';\n@Component({\n selector: 'app-add-customer',\n templateUrl: './add-customer.component.html',\n styleUrls: ['./add-customer.component.css']\n})\nexport class AddCustomerComponent implements OnInit {\n dataSource = new MatTableDataSource\n \n
\n\n \n \n
\n
","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","import { Injectable } from '@angular/core';\n\nexport interface Basket {\n product_id: number;\n id: number;\n barcode: string;\n name: string;\n quantity: number;\n unit_type: string;\n wholesale_price: number;\n wholesale_amount: number;\n front_store_amount: number;\n front_store_price: number;\n image: string;\n}\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class BasketService {\n items: Basket[] = [];\n\n addToCart(product: any, qty: number) {\n let indexItem = this.items.findIndex(({ barcode }) => barcode === product.barcode);\n if (indexItem === -1) {\n product.quantity = qty;\n product.front_store_amount = product.front_store_price * qty;\n product.wholesale_amount = product.wholesale_price * qty;\n this.items.unshift(product);\n } else {\n product.quantity = this.items[indexItem].quantity + qty;\n const calFront = product.front_store_price * product.quantity;\n const calWholesale = product.wholesale_price * product.quantity;\n product.front_store_amount = calFront;\n product.wholesale_amount = calWholesale;\n this.removeItem(product.product_id)\n this.items.unshift(product);\n }\n }\n\n setCartFromOrder(cart: Basket[]) {\n return this.items = [...cart]\n }\n\n getItems() {\n return this.items = [...this.items];\n }\n\n clearCart() {\n this.items = [];\n return this.items;\n }\n\n removeItem(productID: number) {\n console.log('productID', productID);\n let indexItem = this.items.findIndex(({ product_id }) => product_id === productID);\n this.items.splice(indexItem, 1);\n }\n\n getTotalPrice() {\n let front_store_total = this.items.reduce((sum, product) => sum += product.front_store_amount, 0);\n let wholesale_total = this.items.reduce((sum, product) => sum += product.wholesale_amount, 0);\n let item_total = this.items.reduce((sum, product) => sum += product.quantity, 0);\n\n return { front_store_total, wholesale_total, item_total };\n }\n}","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { Basket, BasketService } from '../basket.service';\nimport { Order } from '../order.service';\nimport { ProductService,Product } from '../product.service';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatSort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\n\n@Component({\n selector: 'app-home-page',\n templateUrl: './home-page.component.html',\n styleUrls: ['./home-page.component.css']\n})\nexport class HomePageComponent implements OnInit {\n constructor(private basketService: BasketService, private productService: ProductService) { }\n key: string = '';\n qty: number = 0;\n errorText: string = '';\n total_price: number = 0;\n total_item: number = 0;\n basket: Basket[] = [];\n orderID: number = 0;\n order: any = [];\n showDiv = {\n previous: false\n }\n searchResult: MatTableDataSource| ชื่อร้านค้า | \n{{element.name}} | \nที่อยู่ | \n{{element.address}} | \nวันที่ไปขาย | \n{{ day(element.day_of_week) }} | \nตัวเลือก | \n | \n
|---|
\n \n \n \n \n \n \n \n \n \n \n
","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpParams } from '@angular/common/http';\n\nexport interface Product {\n product_id: number;\n name: string;\n barcode: string;\n cost: number;\n front_store_price: string;\n wholesale_price: string;\n quantity: number;\n unit_type: string;\n}\n\nexport interface UnitType {\n id: number;\n name: string;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ProductService {\n private API_SERVER = \"/api/product\"\n private API_SEARCH = \"/api/search\"\n constructor(private httpClient: HttpClient) { }\n\n public newProduct(product: any) {\n return this.httpClient.post(this.API_SERVER, product);\n }\n\n public updateProduct(product: any) {\n return this.httpClient.put(this.API_SERVER, product);\n }\n\n public getAll() {\n return this.httpClient.get{{errorText}}
\n\n \n
\n \n \n
\n {{errorText}}\n
\n | # | \n{{index+1}} | \nชื่อสินค้า | \n{{element.name}} | \nราคาหน้าร้าน | \n{{element.front_store_price}} | \nหน่วย | \n{{element.unit_type}} | \nราคาส่ง | \n{{element.wholesale_price | number:'.2'}} | \nตัวเลือก | \n\n \n | \n
|---|
\n \n
\n \n
\nผลการค้นหา
\n\n \n
\n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { boardItem, BoardService } from '../board.service';\n\n@Component({\n selector: 'app-quick-board',\n templateUrl: './quick-board.component.html',\n styleUrls: ['./quick-board.component.css']\n})\nexport class QuickBoardComponent implements OnInit {\n\n boards : boardItem[] = []\n constructor(private boardService :BoardService) { }\n\n ngOnInit(): void {\n this.boardService.List().subscribe((data)=>{\n this.boards = data\n })\n }\n addBoardForm = new FormGroup({\n barcode: new FormControl(''),\n name: new FormControl(''),\n });\n\n showDiv = {\n previous : false\n }\n\n addToBoard(){\n const dataForm = this.addBoardForm.value;\n this.boardService.AddItem(dataForm).subscribe();\n this.addBoardForm.reset();\n this.boardService.List().subscribe((data)=>{\n this.boards = data\n })\n }\n\n deleteItem(id:number){\n this.boardService.Delete(id).subscribe();\n this.boardService.List().subscribe((data)=>{\n this.boards = data\n })\n }\n}\n","\n| # | \n{{index+1}} | \nชื่อสินค้า | \n{{element.name}} | \nราคาหน้าร้าน | \n{{element.front_store_price}} | \nหน่วย | \n{{element.unit_type}} | \nราคาส่ง | \n{{element.wholesale_price | number:'.2'}} | \nตัวเลือก | \n\n \n | \n
|---|
\n
","import { AfterViewInit, Component, Inject, OnInit, ViewChild } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatSort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { Router } from '@angular/router';\nimport { Product, ProductService } from '../product.service';\n\n@Component({\n selector: 'app-product-list',\n templateUrl: './product-list.component.html',\n styleUrls: ['./product-list.component.css']\n})\n\nexport class ProductListComponent implements OnInit {\n dataSource: MatTableDataSource\n delete \n
\n{{element.name}}
\n\n \n \n \n \n
\n\n \n\n \n
\n
","| ชื่อสินค้า | \n{{element.name}} | \nราคาหน้าร้าน | \n{{element.front_store_price | number}} | \nราคาขายส่ง | \n{{element.wholesale_price | number}} | \nหน่วย | \n{{element.unit_type}} | \nตัวเลือก | \n\n \n | \n
|---|
| ไม่มีสินค้า \"{{input.value}}\" ในระบบ | \n
{{product.name}}({{product.unit_type}})
\n\n \n \n
","import { DatePipe } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { BestSeller, SummaryDaily, SummarySeller, SummaryService } from '../summary.service';\n\n@Component({\n selector: 'app-summary-page',\n templateUrl: './summary-page.component.html',\n styleUrls: ['./summary-page.component.css']\n})\nexport class SummaryPageComponent implements OnInit {\n\n constructor(private summary: SummaryService) { }\n dataSource!: BestSeller[];\n sellToDay!: BestSeller[];\n sellAmount: number = 0\n dataSourceDaily!: SummaryDaily[];\n sumAmount: number = 0;\n pipe = new DatePipe('en-US');\n ngOnInit(): void {\n let now = Date.now();\n let end = this.pipe.transform(now, 'y-MM-dd');\n let datePass = new Date();\n datePass.setDate(datePass.getDate() - 7)\n let start = this.pipe.transform(datePass, 'y-MM-dd')\n this.bestsellerForm.patchValue({\n start: start,\n end: end\n })\n this.summaryByDayForm.patchValue({\n start: start,\n end: end\n })\n this.productSellToDay()\n }\n bestsellerForm = new FormGroup({\n start: new FormControl(''),\n end: new FormControl(''),\n })\n summaryByDayForm = new FormGroup({\n start: new FormControl(''),\n end: new FormControl(''),\n })\n displayedColumns: string[] = ['index', 'product_id', 'name', 'sum'];\n displayedColumnsDaily: string[] = ['date', 'sum'];\n bestseller() {\n let dataForm = this.bestsellerForm.value;\n this.summary.getBestseller(dataForm.start, dataForm.end).subscribe((data) => {\n this.dataSource = data.best_seller;\n this.sumAmount = data.sum_amount;\n })\n }\n summaryByDay() {\n let dataForm = this.summaryByDayForm.value;\n let endDateForm = new Date(dataForm.end)\n endDateForm.setDate(endDateForm.getDate() + 1)\n let endDate = this.pipe.transform(endDateForm, 'y-MM-dd')\n this.summary.getDailySeller(dataForm.start, endDate).subscribe((data) => {\n this.dataSourceDaily = data\n })\n }\n productSellToDay() {\n let now = new Date();\n let addDay = now.setDate(now.getDate() + 1)\n let startDate = this.pipe.transform(new Date(), 'y-MM-dd')\n let endDate = this.pipe.transform(addDay, 'y-MM-dd')\n this.summary.getProductSellerToday(String(startDate), endDate).subscribe((data) => {\n this.sellToDay = data.best_seller;\n this.sellAmount = data.sum_amount;\n })\n }\n}\n","\n
\n ยอดรวม: {{sellAmount | number:'1.2'}}
\n\n \n \n
\n
\n | No. | \n{{index+1}} | \nรหัสสินค้า | \n{{element.id}} | \nชื่อ | \n{{element.name}} | \nจำนวน | \n{{element.sum}} | \n
|---|
\n \n
\n \n \n \n
\n
\n | No. | \n{{index+1}} | \nรหัสสินค้า | \n{{element.id}} | \nชื่อ | \n{{element.name}} | \nจำนวน | \n{{element.sum}} | \n
|---|
\n \n
\n \n \n \n
\n
\n | วันที่ | \n{{element.date | date:'dd/M/yyyy'}} | \nยอดขาย | \n{{element.sum | number:'1.2'}} | \n
|---|
\n
","import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\n\nexport interface boardItem {\n id: number\n barcode: string\n name: string\n}\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class BoardService {\n\n private API_BOARD = \"/api/board\"\n constructor(private httpClient: HttpClient) { }\n\n public AddItem(item: any) {\n return this.httpClient.post(this.API_BOARD, item)\n }\n\n public List() {\n return this.httpClient.get\n
\n\n \n
\n{{errorText}}
\n\n \n \n \n \n
\n\n \n\n \n
\n
","import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nexport interface customer {\n id: number;\n name: string;\n address: string;\n day_of_week: number;\n phone_number: string;\n status: string;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CustomerService {\n private API_CUSTOMER = \"/api/customer\"\n private contentTypeJson = {\n headers: new HttpHeaders({ 'Content-Type': 'application/json' })\n }\n constructor(private httpClient: HttpClient) { }\n\n newAccount(customer: any) {\n return this.httpClient.post(this.API_CUSTOMER, customer, this.contentTypeJson);\n }\n update(customer: any) {\n return this.httpClient.put(this.API_CUSTOMER, customer, this.contentTypeJson);\n }\n getAll() {\n return this.httpClient.get| เลขบาร์โค้ด | \n{{element.barcode}} | \nชื่อสินค้า | \n{{element.name}} | \nราคาหน้าร้าน | \n{{element.front_store_price}} | \nราคาขายส่ง | \n{{element.wholesale_price}} | \nหน่วย | \n{{element.unit_type}} | \nต้นทุน | \n{{element.cost}} | \nตัวเลือก | \n\n \n | \n
|---|
| ไม่มีสินค้า \"{{input.value}}\" ในระบบ | \n
บิลที่บันทึกไว้
\n\n\n \n \n
\n
","| ชื่อ | \n{{element.BillName}} | \nเวลา | \n{{element.Created | date:'M/d/yy, H:mm'}} | \nราคารวม | \n{{element.TotalPrice}} | \nตัวเลือก | \n\n | \n
|---|
แน่ใจว่าลบบิลนี้
\n\n
\n{{data.name}}
\n \n \n\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { AddCustomerComponent } from './add-customer/add-customer.component';\nimport { AddProductComponent } from './add-product/add-product.component';\nimport { EditProductComponent } from './edit-product/edit-product.component';\nimport { HomePageComponent } from './home-page/home-page.component';\nimport { ProductListComponent } from './product-list/product-list.component';\nimport { QuickBoardComponent } from './quick-board/quick-board.component';\nimport { SummaryPageComponent } from './summary-page/summary-page.component';\n\nconst routes: Routes = [\n { path: \"home-page\", component: HomePageComponent },\n { path: 'add-product', component: AddProductComponent },\n { path: 'product-list', component: ProductListComponent },\n { path: 'edit-product/:barcode', component: EditProductComponent },\n { path: 'quick-board', component: QuickBoardComponent },\n { path: 'customer', component: AddCustomerComponent },\n { path: 'summary', component: SummaryPageComponent }\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes)],\n exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Basket } from './basket.service';\n\nexport interface Order {\n user_id: number,\n user_name: string,\n bill_name: string,\n order_id: number,\n total_price: number,\n status: string,\n confirme_by: number,\n created: Date,\n order: OrderDetail[],\n}\nexport interface OrderDetail {\n id: number,\n barcode: string,\n product_id: number,\n name: string,\n qty: number,\n unit_type: string,\n price: number,\n image: string,\n}\n\nexport interface body {\n name: string,\n basket: item[],\n}\nexport interface item {\n id: number,\n name: string,\n price: number,\n qty: number,\n}\n@Injectable({\n providedIn: 'root'\n})\nexport class OrderService {\n\n private API_ORDER = \"/order\"\n constructor(private httpClient: HttpClient) { }\n\n public GetAll() {\n return this.httpClient.get