<template>
	<view>
		<uni-forms :modelValue="alarmFrom">
			<uni-forms-item label="告警设备:" name="equipment" label-align="right" label-width="120px">
				<uni-easyinput type="text" v-model="alarmFrom.equipment || '-'" disabled />
			</uni-forms-item>
			<uni-forms-item label="告警信息:" name="info" label-align="right" label-width="120px">
				<uni-easyinput type="text" v-model="alarmFrom.info || '-'" disabled />
			</uni-forms-item>
			<uni-forms-item label="告警开始时间:" name="beginTime" label-align="right" label-width="120px">
				<uni-easyinput type="text" v-model="alarmFrom.beginTime || '-'" disabled />
			</uni-forms-item>
			<uni-forms-item label="处理:" name="state" label-align="right" label-width="120px">
				<uni-data-select v-model="alarmFrom.state" :localdata="range"
					 :clear="false"></uni-data-select>
			</uni-forms-item>
			<uni-forms-item label="说明:" name="remark" label-align="right" label-width="120px">
				<uni-easyinput type="textarea" v-model="alarmFrom.remark" placeholder="请输入说明,30字以内" :maxlength="30"/>
			</uni-forms-item>
		</uni-forms>
	</view>
</template>

<script>
	export default {
		name: 'FaultDrawer',
		props: ['alarmFrom','range'],
		data() {
			return {}
		},
		methods:{
			changeId(e) {
				
			},
		}
	}
</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;
		}
	}
	::v-deep .uni-forms-item {
		width: 100% !important;
	}
</style>