Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
joseCorte-exe 2022-07-19 19:10:11 -03:00
parent 745c198306
commit f427c20a0a
5 changed files with 43 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/graph/ChartView.ts
View File

@ -1,7 +1,7 @@
import styled from "styled-components"
export const ChartView = styled.div`
min-width: 90%;
width: 100%!important;
div{
/* margin-top: 10px; */

62
src/pages/pld/index.tsx
View File

@ -372,7 +372,7 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
{/* grafico de grafico por seleção de data (mês) (diario)*/}
<RenderIf isTrue={pldMenu===1}>
<PldGraphView>
<section className='toolsbar'>
<section className='toolsbar2'>
<FormControl sx={{
width: '320px'
}}>
@ -388,36 +388,36 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
<MenuItem value={'SUL'}>Sul</MenuItem>
<MenuItem value={'SUDESTE'}>Sudeste</MenuItem>
</Select>
</FormControl>
<FormControl sx={{
width: '320px',
ml: 1
}}>
<InputLabel id="demo-simple-select-label">Mês</InputLabel>
<Select
value={month}
onChange={handleChangeDay}
displayEmpty
placeholder='dia'
label="Age"
>
<MenuItem value={'0'}>Nenhum</MenuItem>
{
clientMonth.sort((a, b) => {
if (parseFloat(a.mes_ref.slice(0, 2)) < parseFloat(b.mes_ref.slice(0, 2)))
if (parseFloat(a.mes_ref.slice(3, 7)) > parseFloat(b.mes_ref.slice(3, 7))) return -1
else return 1
if (parseFloat(a.mes_ref.slice(0, 2)) > parseFloat(b.mes_ref.slice(0, 2)))
if (parseFloat(a.mes_ref.slice(3, 7)) < parseFloat(b.mes_ref.slice(3, 7))) return 1
else return -1
</FormControl>
<FormControl sx={{
width: '320px',
ml: 1
}}>
<InputLabel id="demo-simple-select-label">Mês</InputLabel>
<Select
value={month}
onChange={handleChangeDay}
displayEmpty
placeholder='dia'
label="Age"
>
<MenuItem value={'0'}>Nenhum</MenuItem>
{
clientMonth.sort((a, b) => {
if (parseFloat(a.mes_ref.slice(0, 2)) < parseFloat(b.mes_ref.slice(0, 2)))
if (parseFloat(a.mes_ref.slice(3, 7)) > parseFloat(b.mes_ref.slice(3, 7))) return -1
else return 1
if (parseFloat(a.mes_ref.slice(0, 2)) > parseFloat(b.mes_ref.slice(0, 2)))
if (parseFloat(a.mes_ref.slice(3, 7)) < parseFloat(b.mes_ref.slice(3, 7))) return 1
else return -1
return 0
}).map((data, index) => {
return <MenuItem key={index} value={data.mes_ref}>{data.mes_ref}</MenuItem>
})
}
</Select>
</FormControl>
return 0
}).map((data, index) => {
return <MenuItem key={index} value={data.mes_ref}>{data.mes_ref}</MenuItem>
})
}
</Select>
</FormControl>
</section>
<LineBarChart
data1={dataByDay.map(value => value.mmovel)} data3={dataByDay}
@ -441,7 +441,7 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
inputFormat="dd/MM/yyyy"
value={date}
onChange={handleChangeDate}
renderInput={(params) => <TextField {...params}/>}
renderInput={(params) => <TextField {...params} style={{minWidth: '320px'}}/>}
/>
</div>
</LocalizationProvider>

1
src/styles/globals.ts
View File

@ -40,7 +40,6 @@ export const GlobalStyle = createGlobalStyle`
box-sizing: border-box;
}
.datePicker {
.MuiOutlinedInput-input, .MuiInputBase-input, .MuiInputBase-inputAdornedEnd, .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input {
padding: 0 0 0 15px;

4
src/styles/layouts/Telemetria/TelemetriaView.ts
View File

@ -375,7 +375,7 @@ export const Uploads = styled.div`
`;
export const TableHeader = styled.div`
width: 100%;
width: 90%;
display: flex;
align-items: center;
@ -393,7 +393,7 @@ export const ChartFilters = styled.section`
align-self: flex-start;
width: 100%;
width: 90%;
margin-top: 20px;

44
src/styles/layouts/pld/PldView.ts
View File

@ -442,24 +442,28 @@ export const PldGraphView = styled.main`
.toolsbar {
display: flex;
justify-content: center;
align-items: flex-start!important;
align-items: flex-start;
align-self: flex-start;
flex-direction: row;
flex-wrap: nowrap;
width: 90%!important;
padding-left: 25px;
}
.toolsbar2 {
display: flex;
justify-content: flex-start;
align-items: flex-start!important;
flex-direction: column;
min-width: 320px;
/* margin-bottom: 9px; */
padding-left: 25px;
/* transform: translateY(-8px); */
width: 100%;
p {
margin: 0;
@ -468,9 +472,7 @@ export const PldGraphView = styled.main`
input {
width: 16.6rem;
height: 3.5rem;
/* padding: 14px; */
height: 63px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 400;
@ -480,34 +482,6 @@ export const PldGraphView = styled.main`
background-color: #F9F9F9;
}
section {
display: flex;
align-items: center;
flex-wrap: wrap;
:first-child {
justify-content: flex-start;
align-items: center;
}
:nth-child(2) {
margin-top: 50px;
margin-bottom: 50px;
justify-content: space-evenly;
}
width: 100%;
}
footer {
label {
cursor: pointer;
margin: 20px;
}
}
`
export const GoBack = styled.label`