pika_shangjia/machineAndCell/cellDetail/cellDetail.vue

<template>
	<view>
		<view>
			<view class="item ddflex">
				<view class="label">所属门店</view>
				<view class="item-input fflex ddflex">
					<view>白云科技门店</view>
					<!-- <view class="state">在线</view> -->
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">机柜名称</view>
				<view class="item-input fflex">
					CHZD04TTCC200329109
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">电池ID</view>
				<view class="item-input fflex">
					613880983244
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">租赁用户</view>
				<view class="item-input fflex">
					王鸿  15700317367
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">品牌</view>
				<view class="item-input fflex">
					乐享换电
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">型号</view>
				<view class="item-input fflex">
					60V  40AH
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">设备类型</view>
				<view class="item-input fflex">
					BWHY
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">电芯</view>
				<view class="item-input fflex">
					三元理
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">BMS保护板</view>
				<view class="item-input fflex">
					V1.2
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">软件版本</view>
				<view class="item-input fflex">
					百维
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">押金</view>
				<view class="item-input fflex">
					349元/月
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">起租时间</view>
				<view class="item-input fflex">
					2022-07-0314:07:15
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">到期时间</view>
				<view class="item-input fflex">
					2023-05-0300:00:00
				</view>
			</view>
			<view class="item ddflex">
				<view class="label">备注</view>
				<view class="item-input fflex">
					2.18更换新品头
				</view>
			</view>
			
		</view>
		
		<!-- 保存按钮 -->
		<view style="height: 165rpx;" class="savepadding"></view>
		<view class="bottom-btns savepadding">
			<view class="ddflex" style="margin: 30rpx;justify-content: space-between;">
				<view class="btn1" @click="jumpUrl('/warning/machineAlarm/machineAlarm')">断电</view>
				<view class="btn1" @click="jumpUrl('/machineAndCell/machineDetail/machineDetail')">通电</view>
				<view class="btn2">解绑</view>
				<view class="btn3">保存</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	const app = getApp();
	const req = require("../../utils/request.js");
	export default {
		components: {
		},
		props: {},
		data() {
			return {
				systems: {},
				isTop:0,
			}
		},
		onLoad(options) {
			
		},
		onShow() {
			
		},
		methods: {
			jumpUrl(url) {
				if (req.isLogins(true)) {
					uni.navigateTo({
						url: url
					})
				}
			},
		},
		mounted() {
			const systemInfo = uni.getSystemInfoSync();
			// px转换到rpx的比例
			let pxToRpxScale = 750 / systemInfo.windowWidth;
			let systems = {
				ktxStatusHeight: systemInfo.statusBarHeight * pxToRpxScale, // 状态栏的高度
				navigationHeight: 44 * pxToRpxScale // 导航栏的高度
			};
			systems.barHeight = systems.ktxStatusHeight + systems.navigationHeight;
			this.systems = systems;
		},
		onPageScroll: function(e) {
			if (e.scrollTop > this.systems.barHeight) {
				this.isTop = 1;
			} else {
				this.isTop = 0;
			}
		}
	}
</script>

<style>
	@import "./cellDetail.css";
</style>