app-station-control-frontend_v1/pages/equipment-monitoring/components/batteryDrawe.vue

<template>
	<view>
		<uni-forms :modelValue="infodata">
			<uni-forms-item label="连接状态:" name="name" label-align="right" label-width="120px">
				<uni-easyinput type="text" v-model="infodata.comState?'通讯正常':'通讯异常' || '-'" placeholder="请输入" disabled/>
			</uni-forms-item>
			<uni-forms-item label="电池编号:" name="name" label-align="right" label-width="120px">
				<uni-easyinput type="text" v-model="infodata.sn || '-'" placeholder="请输入" disabled/>
			</uni-forms-item>
			<uni-forms-item label="SOC:" name="name" label-align="right" label-width="120px">
				<uni-easyinput type="text" v-model="infodata.soc || '-'" placeholder="请输入" disabled/>
			</uni-forms-item>
			<uni-forms-item label="SOH:" name="name" label-align="right" label-width="120px">
				<uni-easyinput type="text" v-model="infodata.soh || '-'" placeholder="请输入" disabled/>
			</uni-forms-item>
		</uni-forms>
	</view>
</template>

<script>
export default {
	name:'batteryDrawe',
	props:['infodata'],
	data() {
		return {
		
		}
	},
	}

	
</script>
<style lang="scss" scoped>
	::v-deep .uni-forms-item__content{
		background: rgba(255,255,255,0);
		border-radius: 2px 2px 2px 2px;
		border: 1px solid #263042;
		.uni-easyinput__content{
			background: none !important;
			border: none !important;
			color: #fff;
		}
	}
</style>