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>
 | 
			
		||||
@@ -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>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user