This commit is contained in:
lb 2023-12-06 15:29:11 +08:00
parent cc0d3d8b75
commit 4f64c255af

View File

@ -18,74 +18,10 @@
flex-direction: column;
gap: 16px;
">
<!-- 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> -->
<!-- container -->
<!-- <Container name="能耗" :width="300">
<div
class="v"
style="height: 100px; background: #ccc; width: 300px"></div>
<KilnLine :horizontal="true" />
<div
class="v"
style="height: 100px; background: #caf; width: 300px"></div>
</Container> -->
<!-- null -->
<!-- <section class="header" style="height: 80px">窑炉生产运行驾驶舱</section>
<section
class="main-body"
style="
display: grid;
gap: 16px;
flex: 1;
grid-template-columns: repeat(3, minmax(100px, 1fr));
">
<div class="main-left" style="background: #f001"></div>
<div class="main-middle" style="background: #0f01"></div>
<div class="main-right" style="background: #00f1"></div>
</section> -->
<KHeader />
<div class="main-body" style="flex: 1; display: flex; gap: 16px; padding: 8px 16px;">
<div
class="main-body"
style="flex: 1; display: flex; gap: 16px; padding: 8px 16px">
<div class="left-side" style="flex: 2">
<LeftFour />
</div>
@ -93,44 +29,24 @@
<RightTwo />
</div>
</div>
</div>
</div>
</template>
<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';
import KilnLine from '../components/line';
import Container from '../components/Container.vue';
import KHeader from '../components/Header.vue';
import MaterialCost from './MaterialCost.vue';
import LeftFour from './LeftFour.vue';
import RightTwo from './RightTwo.vue';
console.log('Line', KilnLine);
export default {
name: 'KilnDataBoard',
components: {
DateBtnGroup,
KilnLine,
KHeader,
LeftFour,
RightTwo,
Container,
ShadowRect,
SelectorBtnGroup,
Switcher,
MaterialCost,
},
props: {},
data() {
return {};
},
computed: {},
methods: {},
};
</script>