WechatOwnerService/pages/machine/machine.vue

<template>
	<view>
		<view class="block__title">设备信息</view>
		<view class="cu-list menu">
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">设备名称</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.machineName}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">设备编码</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.machineCode}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">重要等级</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.levelName}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">使用状态</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.stateName}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">设备品牌</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.brand}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">设备型号</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.model}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">位置详情</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.locationDetail}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">首次启用时间</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.firstEnableTime}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">保修截止日期</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.warrantyDeadline}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">使用年限（年）</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.usefulLife}}</text>
				</view>
			</view>
			<!-- <view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">采购价格</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.purchasePrice}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">资产净值</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.netWorth}}</text>
				</view>
			</view> -->
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">使用人</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.useUserName}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">责任人</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.chargeUseName}}</text>
				</view>
			</view>
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-info text-green"></text>
					<text class="text-grey">备注</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{equipmentAccountDetail.remark}}</text>
				</view>
			</view>
		</view>
		<view class="cu-list menu" @click="_toMaintainance()">
			<view class="cu-item arrow">
				<view class="content padding-tb-sm">
					<view>
						<view class="text-cut" style="width:220px">保养记录</view>
					</view>
				</view>
			</view>
		</view>
		<view class="cu-list menu" @click="_toInspection()">
			<view class="cu-item arrow">
				<view class="content padding-tb-sm">
					<view>
						<view class="text-cut" style="width:220px">巡检记录</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	// pages/viewBindOwner/viewBindOwner.js
	import context from '../../lib/java110/Java110Context.js';
	const constant = context.constant;
	
	import {getMachines} from '@/api/machine/machineApi.js'

	export default {
		data() {
			return {
				machineId:'',
				communityId:'',
				equipmentAccountDetail: {}
			};
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad: function(options) {
			this.machineId = options.machineId;
			this.communityId = options.communityId;
			this._loadMachine();
		},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage: function() {},
		methods: {
			_loadMachine: function() {
				let _that = this;
				getMachines({
					page:1,
					row:1,
					machineId:this.machineId,
					communityId:this.communityId
				}).then(_data=>{
					if(_data.data.length < 1){
						return ;
					}
					_that.equipmentAccountDetail = _data.data[0];
				})
			},
			_toMaintainance:function(){
				uni.navigateTo({
					url:'/pages/machine/machineMaintainance?machineId='+this.machineId+"&communityId="+this.communityId
				})
			},
			_toInspection:function(){
				uni.navigateTo({
					url:'/pages/machine/machineInspection?machineId='+this.machineId+"&communityId="+this.communityId
				})
			}
		}
	};
</script>
<style>
	.block__title {
		margin: 0;
		font-weight: 400;
		font-size: 14px;
		color: rgba(69, 90, 100, .6);
		padding: 60rpx 30rpx 20rpx;
	}


	.button_up_blank {
		height: 40rpx;
	}

	text {
		text-align: center;
	}
</style>