projects/mesxc-zhp #161
@ -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>
|
||||
@ -97,40 +33,20 @@
|
||||
</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>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user