riefive
92 lines
2.1 KiB
TypeScript
92 lines
2.1 KiB
TypeScript
import type { Config, RecComponent } from '~/components/pub/my-ui/data-table'
|
|
import { defineAsyncComponent } from 'vue'
|
|
|
|
const action = defineAsyncComponent(() => import('~/components/pub/my-ui/data/dropdown-action-dud.vue'))
|
|
|
|
export const config: Config = {
|
|
cols: [
|
|
{ width: 100 },
|
|
{ width: 100 },
|
|
{ width: 100 },
|
|
{ width: 100 },
|
|
{ width: 100 },
|
|
{ width: 100 },
|
|
{ width: 100 },
|
|
{ width: 100 },
|
|
{ width: 50 },
|
|
],
|
|
|
|
headers: [
|
|
[
|
|
{ label: 'Kode' },
|
|
{ label: 'Nama' },
|
|
{ label: 'Item Group' },
|
|
{ label: 'UOM' },
|
|
{ label: 'Infra' },
|
|
{ label: 'Stok' },
|
|
{ label: 'Harga Beli' },
|
|
{ label: 'Harga Jual' },
|
|
{ label: 'Aksi' },
|
|
],
|
|
],
|
|
|
|
keys: ['code', 'name', 'itemGroup_code', 'uom_code', 'infra_code', 'stock', 'buyingPrice', 'sellingPrice', 'action'],
|
|
|
|
delKeyNames: [
|
|
{ key: 'code', label: 'Kode' },
|
|
{ key: 'name', label: 'Nama' },
|
|
],
|
|
|
|
parses: {
|
|
itemGroup_code: (rec: unknown): unknown => {
|
|
const recX = rec as any
|
|
return recX.itemGroup_code || '-'
|
|
},
|
|
uom_code: (rec: unknown): unknown => {
|
|
const recX = rec as any
|
|
return recX.uom?.name || '-'
|
|
},
|
|
infra_code: (rec: unknown): unknown => {
|
|
const recX = rec as any
|
|
return recX.infra_code || '-'
|
|
},
|
|
stock: (rec: unknown): unknown => {
|
|
const recX = rec as any
|
|
const value = recX.stock
|
|
if (value === null || value === undefined) {
|
|
return '-'
|
|
}
|
|
return value
|
|
},
|
|
buyingPrice: (rec: unknown): unknown => {
|
|
const recX = rec as any
|
|
const value = recX.buyingPrice
|
|
if (value === null || value === undefined) {
|
|
return '-'
|
|
}
|
|
return value
|
|
},
|
|
sellingPrice: (rec: unknown): unknown => {
|
|
const recX = rec as any
|
|
const value = recX.sellingPrice
|
|
if (value === null || value === undefined) {
|
|
return '-'
|
|
}
|
|
return value
|
|
},
|
|
},
|
|
|
|
components: {
|
|
action(rec, idx) {
|
|
const res: RecComponent = {
|
|
idx,
|
|
rec: rec as object,
|
|
component: action,
|
|
}
|
|
return res
|
|
},
|
|
},
|
|
|
|
htmls: {},
|
|
}
|