修改颜色

master
夜笙歌 2 years ago
parent f33346bb9d
commit f069461d2b

@ -60,7 +60,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #8FB7D1; color: red;
font-size: 175% !important; font-size: 175% !important;
} }
@ -74,7 +74,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #A5E3B1; color: #63F659;
font-size: 175% !important; font-size: 175% !important;
} }

@ -2332,13 +2332,13 @@ const energyConsumption = (res, ids) => {
type: 'value', type: 'value',
name: '产量(t)', name: '产量(t)',
min: 0, min: 0,
max: 40, // max: 40,
interval: 10, // interval: 10,
axisLabel: { axisLabel: {
formatter: '{value} ml' formatter: '{value} ml'
}, },
splitLine: { splitLine: {
show: true, show: false,
lineStyle: { lineStyle: {
color: "rgb(217,217,217,0.5)", color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线 type: "dashed" //虚线
@ -2353,13 +2353,13 @@ const energyConsumption = (res, ids) => {
type: 'value', type: 'value',
name: '能耗(kw·h)', name: '能耗(kw·h)',
min: 0, min: 0,
max: 20, // max: 20,
interval: 5, // interval: 5,
axisLabel: { axisLabel: {
formatter: '{value} °C' formatter: '{value} °C'
}, },
splitLine: { splitLine: {
show: true, show: false,
lineStyle: { lineStyle: {
color: "rgb(217,217,217,0.5)", color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线 type: "dashed" //虚线

@ -109,7 +109,7 @@ let dynamicTable = resource => {
background: evenRowBGC background: evenRowBGC
}; };
const th_tdCSS = { const th_tdCSS = {
color:'skyblue', color:'#59B2F6',
margin: 'auto', margin: 'auto',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
overflow: "hidden", overflow: "hidden",

@ -7,7 +7,7 @@ const dataInformationFunction = (statusArray) => {
</tr> </tr>
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: white;">${statusArray[2]}kW·h</td> <td style="border:0px solid red;text-align:center;width: 50%;color: white;">${statusArray[2]}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">${statusArray[3]}</td> <td style="border:0px solid red;text-align:center;width: 50%;color: red;">${statusArray[3]}</td>
</tr> </tr>
</table>`; </table>`;
$("#dataInformation").append(info); $("#dataInformation").append(info);
@ -36,8 +36,8 @@ const synthetic = (statusArray) => {
<td style="border:0px solid red;text-align:center;width: 0%;"></td> <td style="border:0px solid red;text-align:center;width: 0%;"></td>
</tr> </tr>
</table> </table>
<span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span> <span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background:color: red;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
<span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span> <span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background:color: #63F659;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
`; `;
$("#synthetic").append(info); $("#synthetic").append(info);
} }

@ -113,7 +113,7 @@ const dataInformationFunction = (statusArray) => {
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: #CEEFFE;"> ${res.deviceEnergy}kW·h</td> <td style="border:0px solid red;text-align:center;width: 50%;color: #CEEFFE;"> ${res.deviceEnergy}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">2</td> <td style="border:0px solid red;text-align:center;width: 50%;color: #red;">2</td>
</tr> </tr>
</table>`; </table>`;

@ -60,7 +60,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #8FB7D1; color: red;
font-size: 175% !important; font-size: 175% !important;
} }
@ -74,7 +74,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #A5E3B1; color: #63F659;
font-size: 175% !important; font-size: 175% !important;
} }

@ -2332,13 +2332,13 @@ const energyConsumption = (res, ids) => {
type: 'value', type: 'value',
name: '产量(t)', name: '产量(t)',
min: 0, min: 0,
max: 40, // max: 40,
interval: 10, // interval: 10,
axisLabel: { axisLabel: {
formatter: '{value} ml' formatter: '{value} ml'
}, },
splitLine: { splitLine: {
show: true, show: false,
lineStyle: { lineStyle: {
color: "rgb(217,217,217,0.5)", color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线 type: "dashed" //虚线
@ -2353,13 +2353,13 @@ const energyConsumption = (res, ids) => {
type: 'value', type: 'value',
name: '能耗(kw·h)', name: '能耗(kw·h)',
min: 0, min: 0,
max: 20, // max: 20,
interval: 5, // interval: 5,
axisLabel: { axisLabel: {
formatter: '{value} °C' formatter: '{value} °C'
}, },
splitLine: { splitLine: {
show: true, show: false,
lineStyle: { lineStyle: {
color: "rgb(217,217,217,0.5)", color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线 type: "dashed" //虚线

@ -109,7 +109,7 @@ let dynamicTable = resource => {
background: evenRowBGC background: evenRowBGC
}; };
const th_tdCSS = { const th_tdCSS = {
color:'skyblue', color:'#59B2F6',
margin: 'auto', margin: 'auto',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
overflow: "hidden", overflow: "hidden",

@ -7,7 +7,7 @@ const dataInformationFunction = (statusArray) => {
</tr> </tr>
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: white;">${statusArray[2]}kW·h</td> <td style="border:0px solid red;text-align:center;width: 50%;color: white;">${statusArray[2]}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">${statusArray[3]}</td> <td style="border:0px solid red;text-align:center;width: 50%;color: red;">${statusArray[3]}</td>
</tr> </tr>
</table>`; </table>`;
$("#dataInformation").append(info); $("#dataInformation").append(info);
@ -36,8 +36,8 @@ const synthetic = (statusArray) => {
<td style="border:0px solid red;text-align:center;width: 0%;"></td> <td style="border:0px solid red;text-align:center;width: 0%;"></td>
</tr> </tr>
</table> </table>
<span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span> <span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background:color: red;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
<span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span> <span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background:color: #63F659;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
`; `;
$("#synthetic").append(info); $("#synthetic").append(info);
} }

@ -113,7 +113,7 @@ const dataInformationFunction = (statusArray) => {
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: #CEEFFE;"> ${res.deviceEnergy}kW·h</td> <td style="border:0px solid red;text-align:center;width: 50%;color: #CEEFFE;"> ${res.deviceEnergy}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">2</td> <td style="border:0px solid red;text-align:center;width: 50%;color: #red;">2</td>
</tr> </tr>
</table>`; </table>`;

Loading…
Cancel
Save