|  |  | 
 |  |  |                                 overflow: 'hidden', | 
 |  |  |                                 textOverflow: 'ellipsis', | 
 |  |  |                             }}> | 
 |  |  |                                 {Common.camelToPascalWithSpaces(translate('table.field.stockItem.matnrk'))}: {record.matnrk} | 
 |  |  |                                 {Common.camelToPascalWithSpaces(translate('table.field.stockItem.id'))}: {record.id} | 
 |  |  |                             </Typography> | 
 |  |  |                             {/*  inherit, primary, secondary, textPrimary, textSecondary, error */} | 
 |  |  |                             <Typography variant="h6" gutterBottom align="right" > | 
 |  |  | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.stockId"  | 
 |  |  |                                 property={record.stockId$} | 
 |  |  |                                 property={record.stockId} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.stockCode"  | 
 |  |  |                                 property={record.stockCode} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.sourceItemId"  | 
 |  |  |                                 property={record.sourceItemId} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.matnrId"  | 
 |  |  |                                 property={record.matnrId$} | 
 |  |  |                                 property={record.matnrId} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.code"  | 
 |  |  |                                 property={record.code} | 
 |  |  |                                 title="table.field.stockItem.matnrCode"  | 
 |  |  |                                 property={record.matnrCode} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.matnrk"  | 
 |  |  |                                 property={record.matnrk} | 
 |  |  |                                 title="table.field.stockItem.maktx"  | 
 |  |  |                                 property={record.maktx} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.stockUnit"  | 
 |  |  |                                 property={record.stockUnit} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.workQty"  | 
 |  |  |                                 property={record.workQty} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.purQty"  | 
 |  |  |                                 property={record.purQty} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.purUnit"  | 
 |  |  |                                 property={record.purUnit} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.weight"  | 
 |  |  |                                 property={record.weight} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.unit"  | 
 |  |  |                                 property={record.unit} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.shipperId"  | 
 |  |  |                                 property={record.shipperId$} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.splrId"  | 
 |  |  |                                 property={record.splrId} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.brand"  | 
 |  |  |                                 property={record.brand} | 
 |  |  |                                 title="table.field.stockItem.splrCode"  | 
 |  |  |                                 property={record.splrCode} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.prodTime"  | 
 |  |  |                                 property={record.prodTime} | 
 |  |  |                                 title="table.field.stockItem.splrBatch"  | 
 |  |  |                                 property={record.splrBatch} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.inspectId"  | 
 |  |  |                                 property={record.inspectId$} | 
 |  |  |                                 title="table.field.stockItem.splrName"  | 
 |  |  |                                 property={record.splrName} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.splrBtch"  | 
 |  |  |                                 property={record.splrBtch} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.asnOrder"  | 
 |  |  |                                 property={record.asnOrder} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.erpToken"  | 
 |  |  |                                 property={record.erpToken} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.erpOrder"  | 
 |  |  |                                 property={record.erpOrder} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.erpStkAdr"  | 
 |  |  |                                 property={record.erpStkAdr} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.locId"  | 
 |  |  |                                 property={record.locId$} | 
 |  |  |                                 title="table.field.stockItem.trackCode"  | 
 |  |  |                                 property={record.trackCode} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.purPrice"  | 
 |  |  |                                 property={record.purPrice} | 
 |  |  |                                 title="table.field.stockItem.prodTime"  | 
 |  |  |                                 property={record.prodTime} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.lockReason"  | 
 |  |  |                                 property={record.lockReason} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.lockStatus"  | 
 |  |  |                                 property={record.lockStatus} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.locker"  | 
 |  |  |                                 property={record.locker} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.stockItem.lockedTime"  | 
 |  |  |                                 property={record.lockedTime$} | 
 |  |  |                                 title="table.field.stockItem.packName"  | 
 |  |  |                                 property={record.packName} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |  |