projects/mesxc-zhp #161
@ -18,74 +18,10 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 16px;
|
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 />
|
<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">
|
<div class="left-side" style="flex: 2">
|
||||||
<LeftFour />
|
<LeftFour />
|
||||||
</div>
|
</div>
|
||||||
@ -93,44 +29,24 @@
|
|||||||
<RightTwo />
|
<RightTwo />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<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 KHeader from '../components/Header.vue';
|
||||||
|
|
||||||
import MaterialCost from './MaterialCost.vue';
|
|
||||||
import LeftFour from './LeftFour.vue';
|
import LeftFour from './LeftFour.vue';
|
||||||
import RightTwo from './RightTwo.vue';
|
import RightTwo from './RightTwo.vue';
|
||||||
|
|
||||||
console.log('Line', KilnLine);
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'KilnDataBoard',
|
name: 'KilnDataBoard',
|
||||||
components: {
|
components: {
|
||||||
DateBtnGroup,
|
|
||||||
KilnLine,
|
|
||||||
KHeader,
|
KHeader,
|
||||||
LeftFour,
|
LeftFour,
|
||||||
RightTwo,
|
RightTwo,
|
||||||
Container,
|
|
||||||
ShadowRect,
|
|
||||||
SelectorBtnGroup,
|
|
||||||
Switcher,
|
|
||||||
MaterialCost,
|
|
||||||
},
|
},
|
||||||
props: {},
|
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
computed: {},
|
|
||||||
methods: {},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user