uniapp/pages/eleControl/powerCut/powerCutDetail/powerCutDetail.vue

<template>
	<view class="appWrapper">
		<form action="">
			<view style="height:30rpx"></view>
			<view class="form-item">
				<view class="title">
					<text class="necessary">*</text>
					开始时间:
				</view>
				<input type="text" v-model="detailData.start_time" disabled=disabled/>
	
			</view>
			<view class="form-item">
				<view class="title">
					<text class="necessary">*</text>
					结束时间:
				</view>
				<input type="text" v-model="detailData.end_time" disabled=disabled/>
			</view>
			
			
			<view class="form-item">
				<view class="title">所属站点:</view>
				<input name="input" disabled ="true" v-model="detailData.site_name"></input>
			</view>
			
			<view class="form-item">
				<view class="title">计划类型:</view>
				<input name="input" disabled ="true" v-model="detailData.plan_type==1?'计划检修停电':detailData.plan_type==2?'计划施工停电':'客户申请停电'"></input>
			</view>
			
			<view class="form-item">
				<view class="title">
					<text class="necessary">*</text>
					报备人:
				</view>
				<input name="input" v-model="detailData.contacts"></input>
			</view>
			
			<view class="form-item">
				<view class="title">
					<text class="necessary">*</text>
					手机号:
				</view>
				<input name="input" v-model="detailData.phone" ></input>
			</view>

		</form>


	</view>
</template>

<script>
	import calendar from '../calendar/calendar.vue';
	export default {
		components: {
		        calendar },

		data() {
			return {
				isShow: false,
				detailData:{},
				
			}
		},
		onLoad: function(option) {
			
			this.getDataList({"status_value":option.status_value,"id":option.id})
		},
		methods: {
			//数据请求
			async getDataList(params = {}) {
				const res = await this.$myRequest({
					url: 'BlackoutPlan/getBlackoutPlanList',
					showLoading: true,
					data: params
				})
				console.log('res.data.data')
				console.log(res.data.data[0])
				this.detailData = res.data.data[0]
			},
		}
	}
</script>

<style lang="scss">

	

</style>