bigDataApp/pages/cb/sim/sim.vue

<template>
	<view>
		<view class="section">
			<view class="tit">
				<image mode="widthFix" src="/static/image/cb/sim1.png" ></image>
				sim卡流量
			</view>
			<view class="item">
				<text>ICCID:</text>
				<text>{{sim.iccid}}</text>
			</view>
			<view class="item">
				<text>状态:</text>
				<text>{{sim.account_status}}</text>
			</view>
			<view class="item">
				<text>套餐:</text>
				<text>{{sim.data_plan}}</text>
			</view>
			<view class="item">
				<text>已用流量:</text>
				<text>{{sim.data_usage}}</text>
			</view>
			<view class="item">
				<text>剩余流量:</text>
				<text>{{sim.data_balance}}</text>
			</view>
			<view class="item">
				<text>到期时间:</text>
				<text>{{sim.expiry_date}}</text>
			</view>
		</view>
		<template v-if="showHksimFlag">
			<view class="section">
				<view class="tit">
					<image mode="widthFix" src="/static/image/cb/sim2.png" ></image>
					海康sim卡流量
				</view>
			</view>
		</template>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				sim: {
			        iccid: "",
			        account_status: 0, //卡状态 0-7 未知 测试期 沉默期 使用中 停机 停机保号 预销号 销号
			        data_plan: 0, //套餐大小
			        data_usage: 0, //当月用量
			        data_balance: 0, //剩余流量
			        expiry_date: 0, //到期日期
			      },
				showHksimFlag: true, //是否显示hksim卡标识
				hksim: {
					iccid: "",
					account_status: 0, //卡状态 0-7 未知 测试期 沉默期 使用中 停机 停机保号 预销号 销号
					data_plan: 0, //套餐大小
					data_usage: 0, //当月用量
					data_balance: 0, //剩余流量
					expiry_date: 0, //到期日期
				  },
				 d_id:''
			}
		},
		onLoad(option){
			this.d_id=option.d_id
			console.log(this.d_id)
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		padding:20rpx;
		.section{
			padding:20rpx;
			box-shadow: 0px 0px 5px 3px rgba(136,136,136,.1);
			margin-bottom:20rpx;
			.item{
				line-height:50rpx;
				font-size:24rpx;
			}
			.tit{
				font-size:26rpx;
				image{
					width:22rpx;
					margin-right:10rpx;
				
				}
			}
		}
	}
	

</style>