cmorales
/
Front-Complete
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Creacion de factura

This commit is contained in:
Andres Alvarez 2024-02-01 21:10:06 -05:00
parent 44ff0c2c11
commit 202521f225
5 changed files with 158 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/configs/themesConfig.ts
View File

@ -41,7 +41,7 @@ export const themesConfig: FuseThemesType = {
}, },
secondary: { secondary: {
light: '#818cf8', light: '#818cf8',
main: '#3cb1fe', main: '#356f93',
dark: '#3730a3', dark: '#3730a3',
contrastText: darkPaletteText.primary contrastText: darkPaletteText.primary
}, },

92
src/app/main/invoice/generateInvoice/GenerateInvoiceRender.tsx
View File

@ -10,8 +10,12 @@ import {
TextField, TextField,
styled, styled,
Button, Button,
Grid,
Box,
} from "@mui/material"; } from "@mui/material";
import { Controller, useFormContext } from "react-hook-form"; import { Controller, useFormContext } from "react-hook-form";
import DataInvoice from "./components/dataInvoice/DataInvoice";
import DataClient from "./components/dataClient/DataClient";
const Root = styled(FusePageSimple)(({ theme }) => ({ const Root = styled(FusePageSimple)(({ theme }) => ({
"& .FusePageSimple-header": { "& .FusePageSimple-header": {
@ -28,58 +32,66 @@ const GenerateInvoiceRender = () => {
className="text-16 font-bold " className="text-16 font-bold "
/> />
<Divider /> <Divider />
<DataInvoice />
<DataClient />
<CardContent> <CardContent>
<TextField <Grid container spacing={2}>
className="mt-8 mb-16" <Grid item xs={12} md={6}>
required <TextField
label="Name" className="mt-8 mb-16"
autoFocus required
id="name" label="Name"
variant="outlined" autoFocus
fullWidth id="name"
/* error={!!errors.name} variant="outlined"
fullWidth
/* error={!!errors.name}
helperText={errors?.name?.message as string} */ helperText={errors?.name?.message as string} */
/> />
</Grid>
<TextField <Grid item xs={12} md={6}>
className="mt-8 mb-16" <TextField
id="description" className="mt-8 mb-16"
label="Description" id="description"
type="text" label="Description"
multiline type="text"
rows={5} multiline
variant="outlined" rows={5}
fullWidth variant="outlined"
/> fullWidth
/>
<Autocomplete </Grid>
className="mt-8 mb-16" <Grid item xs={12} md={6}>
multiple <Autocomplete
freeSolo className="mt-8 mb-16"
options={[]} multiple
/* value={value } freeSolo
options={[]}
/* value={value }
onChange={(event, newValue) => { onChange={(event, newValue) => {
onChange(newValue); onChange(newValue);
}} */ }} */
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField
{...params} {...params}
placeholder="Select multiple categories" placeholder="Select multiple categories"
label="Categories" label="Categories"
variant="outlined" variant="outlined"
InputLabelProps={{ InputLabelProps={{
shrink: true, shrink: true,
}} }}
/>
)}
/> />
)} </Grid>
/> </Grid>
</CardContent> </CardContent>
<CardActions> <CardActions>
<Button <Button
className="w-320 " className="w-320 "
variant="contained" variant="contained"
size="small" size="small"
color="secondary" color="primary"
> >
Guardar{" "} Guardar{" "}
</Button> </Button>

69
src/app/main/invoice/generateInvoice/components/dataClient/DataClient.tsx Normal file
View File

@ -0,0 +1,69 @@
import {
Autocomplete,
Box,
Divider,
Grid,
TextField,
Typography,
} from "@mui/material";
const DataClient = () => {
return (
<Box className="mt-10 p-20 shadow-2 rounded-8">
<Typography component="h3" className="mb-7">
Datos cliente
</Typography>
<Divider className="border-1 mb-10" />
<Grid container spacing={2}>
<Grid item xs={12} md={12}>
<Autocomplete
className="mt-8 mb-16"
multiple
freeSolo
options={[]}
/* value={value }
onChange={(event, newValue) => {
onChange(newValue);
}} */
renderInput={(params) => (
<TextField
{...params}
placeholder="Busque el cliente"
label="Cliente"
variant="outlined"
InputLabelProps={{
shrink: true,
}}
/>
)}
/>
</Grid>
<Grid item md={12} >
<Divider/>
</Grid>
<Grid item md={4} xs={12}>
<b>Razón Social:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={4} xs={12}>
<b>Nombre Comercial:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={4} xs={12}>
<b>Ruc:</b> 17215785512001
</Grid>
<Grid item md={4} xs={12}>
<b>Dirección:</b> Calle Oe11g y s32
</Grid>
<Grid item md={4} xs={12}>
<b>Teléfono:</b> 0988545211
</Grid>
<Grid item md={4} xs={12}>
<b>Correo:</b> admin@qsoftec.com
</Grid>
</Grid>
</Box>
);
};
export default DataClient;

35
src/app/main/invoice/generateInvoice/components/dataInvoice/DataInvoice.tsx Normal file
View File

@ -0,0 +1,35 @@
import { Box, Grid, Typography, Divider } from "@mui/material";
const DataInvoice = () => {
return (
<Box className="mt-10 p-20 shadow-2 rounded-8">
<Typography component="h3" className="mb-7">
Datos emisor
</Typography>
<Divider className="border-1 mb-10" />
<Grid container spacing={2}>
<Grid item md={6} xs={12}>
<b>Razón Social:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={6} xs={12}>
<b>Nombre Comercial:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={6} xs={12}>
<b>Ruc:</b> 17215785512001
</Grid>
<Grid item md={6} xs={12}>
<b>Dirección:</b> Calle Oe11g y s32
</Grid>
<Grid item md={6} xs={12}>
<b>Contribuyente Especial:</b> NO
</Grid>
<Grid item md={6} xs={12}>
<b>Obligado Contabilidad:</b> NO
</Grid>
</Grid>
</Box>
);
};
export default DataInvoice;

2
src/app/main/invoice/listInvoice/ListInvoiceRender.tsx
View File

@ -132,7 +132,7 @@ const ListInvoiceRender = () => {
<Button <Button
size="small" size="small"
variant="contained" variant="contained"
color="secondary" color="primary"
component={Link} component={Link}
to={'/invoice/edit'} to={'/invoice/edit'}
startIcon={ startIcon={