mt-fe-group/dezhou-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update icon

Browse Source
This commit is contained in:
g7hoo 2023-05-13 18:17:19 +08:00
parent e6c7a143e8
commit 0b7feca848
11 changed files with 30 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fan-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
src/assets/gas-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 748 B

BIN
src/assets/kiln-bottom-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 890 B

BIN
src/assets/kiln-top-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 905 B

BIN
src/assets/xicao-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 627 B

2
src/components/boxes/BottomTemp.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<!-- 窑底温度 --> <!-- 窑底温度 -->
<Container usage="Charts"> <Container usage="Charts">
<SubContainer title="窑底温度" icon="oil" padding="34px"> <SubContainer title="窑底温度" icon="kbtm" padding="34px">
<div class="tables flex" style="height: 100%"> <div class="tables flex" style="height: 100%">
<LineChart <LineChart
key="1" key="1"

2
src/components/boxes/FanRuntime.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<!-- 风机运行情况 --> <!-- 风机运行情况 -->
<Container usage="Table"> <Container usage="Table">
<SubContainer title="风机运行情况" icon="docs" padding="34px"> <SubContainer title="风机运行情况" icon="fan" padding="34px">
<div class="tables flex" style="height: 100%"> <div class="tables flex" style="height: 100%">
<div class="table-wrapper flex-1 align-start"> <div class="table-wrapper flex-1 align-start">
<table class="table-1"> <table class="table-1">

2
src/components/boxes/GasFlow.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<!-- 天然气流量 --> <!-- 天然气流量 -->
<Container usage="Charts"> <Container usage="Charts">
<SubContainer title="天然气流量" icon="oil" padding="34px"> <SubContainer title="天然气流量" icon="gas" padding="34px">
<div class="tables flex" style="height: 100%"> <div class="tables flex" style="height: 100%">
<LineChart <LineChart
key="1" key="1"

2
src/components/boxes/TopTemp.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<!-- 窑顶温度 --> <!-- 窑顶温度 -->
<Container usage="Charts"> <Container usage="Charts">
<SubContainer title="窑顶温度" icon="oil" padding="34px"> <SubContainer title="窑顶温度" icon="ktop" padding="34px">
<div class="tables flex" style="height: 100%"> <div class="tables flex" style="height: 100%">
<LineChart <LineChart
key="1" key="1"

2
src/components/boxes/XicaoTemp.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<!-- 锡槽温度 --> <!-- 锡槽温度 -->
<Container usage="Charts"> <Container usage="Charts">
<SubContainer title="锡槽温度" icon="oil" padding="34px"> <SubContainer title="锡槽温度" icon="xicao" padding="34px">
<div class="tables flex" style="height: 100%"> <div class="tables flex" style="height: 100%">
<LineChart <LineChart
key="1" key="1"

25
src/components/layout/SubContainer.vue
View File

@ -34,7 +34,12 @@ export default {
clock: "icon-clock", clock: "icon-clock",
docs: "icon-docs", docs: "icon-docs",
oil: "icon-oil", oil: "icon-oil",
gas: "icon-gas",
xicao: "icon-xc",
inWater: "icon-water-in", inWater: "icon-water-in",
fan: 'icon-fan',
ktop: 'icon-kiln-top',
kbtm: 'icon-kiln-bottom',
}, },
}; };
}, },
@ -70,6 +75,26 @@ export default {
background: url(../../assets/oil.png); background: url(../../assets/oil.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.icon-gas {
background: url(../../assets/gas-icon.png);
background-size: 100% 100%;
}
.icon-xc {
background: url(../../assets/xicao-icon.png);
background-size: 100% 100%;
}
.icon-fan {
background: url(../../assets/fan-icon.png);
background-size: 100% 100%;
}
.icon-kiln-top {
background: url(../../assets/kiln-top-icon.png);
background-size: 100% 100%;
}
.icon-kiln-bottom {
background: url(../../assets/kiln-bottom-icon.png);
background-size: 100% 100%;
}
.icon-water-in { .icon-water-in {
background: url(../../assets/water-temp.png); background: url(../../assets/water-temp.png);