mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests 1 Releases Wiki Activity

update switcher

Browse Source
This commit is contained in:
lb
2023-12-05 15:44:22 +08:00
parent 86bdabf358
commit b26e1d5a7f
3 changed files with 136 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/databoard/kiln/index.vue
View File

@@ -101,12 +101,57 @@
align-items: center;
justify-content: center;
">
<span style="color: #0ee8e4; font-weight: 500; font-size: 32px">234</span>
<span style="color: #fff; font-size: 14px; letter-spacing: 1px;">- 原料1/吨 -</span>
<span style="color: #0ee8e4; font-weight: 500; font-size: 32px">
234
</span>
<span style="color: #fff; font-size: 14px; letter-spacing: 1px">
- 原料1/吨 -
</span>
</div>
</ShadowRect>
</div>
<!-- btn group -->
<div
class="absolute"
style="
position: absolute;
top: 10px;
left: 60px;
padding: 12px;
background: #0003;
border: 1px solid #ccc;
">
<SelectorBtnGroup :options="['日', '周', '月', '年']" />
</div>
<div
class="absolute"
style="
position: absolute;
top: 90px;
left: 60px;
padding: 12px;
background: #0003;
border: 1px solid #ccc;
">
<SelectorBtnGroup
:options="['氧气含量', '二氧化硫', '一氧化氢', '二氧化氢']" />
</div>
<!-- switcher -->
<div
class="absolute"
style="
position: absolute;
top: 10px;
right: 10px;
padding: 12px;
background: #0003;
border: 1px solid #ccc;
">
<Switcher />
</div>
<!-- null -->
<section class="header" style="height: 80px">窑炉生产运行驾驶舱</section>
<section
@@ -127,9 +172,11 @@
<script>
import DateBtnGroup from '../components/DateBtnGroup.vue';
import ShadowRect from '../components/ShadowRect.vue';
import SelectorBtnGroup from '../components/SelectorBtnGroup.vue';
import Switcher from '../components/Switcher.vue';
export default {
name: 'KilnDataBoard',
components: { DateBtnGroup, ShadowRect },
components: { DateBtnGroup, ShadowRect, SelectorBtnGroup, Switcher },
props: {},
data() {
return {};