zhxf-app/pages/deviceDetail/deviceDetail.vue

<template>
	<view>
		<view class="timeBox flex justify-between align-center padding-lr-sm">
			<view class="time">测试用传装置</view>
			<button class="cu-btn radius bg-offLine sm">
				<view class="radiusStatus offLine"></view>
				离线
			</button>
		</view>

		<view>
			<!-- 基本信息start -->
			<view class="basic-info">
				<view class="info-tit margin-left-xs">
					<text class="cuIcon-titles margin-right-xs"></text>
					基本信息
				</view>
				<view class="info-content">
					<view class="info-one-info ">
						<text>设备类型：</text>
						<text>报警主机</text>
					</view>

					<view>
						<text>设备编号：</text>
						<text>15221</text>
					</view>
					<view>
						<text>物联网卡号：</text>
						<text></text>
					</view>
					<view>
						<text>安装位置：</text>
						<text>物联网开发</text>
					</view>
					<view>
						<text>添加时间：</text>
						<text>2019-05-28 16:12:45</text>
					</view>
					<view>
						<text>设备地址：</text>
						<text>青浦区徐乐路208c幢</text>
					</view>
				</view>
			</view>
			<!-- 基本信息end -->

			<!-- 图表start -->
			<view class="processStatus">
				<view class="info-tit margin-left-xs">
					<text class="cuIcon-titles margin-right-xs"></text>
					图表
				</view>
				<view class="info-content" >
					<chart :bindData="staticData"></chart>
				</view>
			</view>
			<!-- 图表end -->
			
			
			
			<!-- 图表start -->
			<view class="processStatus">
				<view class="info-tit margin-left-xs">
					<text class="cuIcon-titles margin-right-xs"></text>
					图表
				</view>
				<view class="info-content" >
					<chart2 :bindData="staticData"></chart2>
				</view>
			</view>
			<!-- 图表end -->
			
			
			<!-- 表格start -->
			<table-detail></table-detail>
			<!-- 表格end -->
			<br>
		</view>


	</view>
</template>

<script>
	import chart from './components/chart.vue';
	import chart2 from './components/chart2.vue';
	import tableDetail from './components/table-detail.vue';
	export default {
		components: {
			chart,chart2,tableDetail

		},
		data() {
			return {
				staticData: {
					wubao:9,
					unSolve:6,
					truely:20
				},
			}
		},
		onLoad: function(option) {



		},
		methods: {
		

		}
	}
</script>

<style lang="scss">

</style>