xytSk-App/pages/orderFeedback/zl.vue

<template>
	<view>
		<div class="row">
			<text class="lf"><text :style="{color:'red'}">*</text>调度令编号:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.serial"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf"><text :style="{color:'red'}">*</text>调度令年度:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.year"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf"><text :style="{color:'red'}">*</text>执行单位:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.executeOrgName"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf"><text :style="{color:'red'}">*</text>调度类型:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.dispatchType"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf">抄送单位:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.forwardOrgName"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf"><text :style="{color:'red'}">*</text>计划执行时间:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.startTm"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf">计划结束时间:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.endTm"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf">指令内容:</text>
			<div class="rf">
				<u--textarea 
					v-model="record.content" 
					:disabled='true'
					height=200
				></u--textarea>
			</div>
		</div>
		<div class="row">
			<text class="lf">指令日期:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.createTm"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div class="row">
			<text class="lf">指令发起人:</text>
			<div class="rf">
				<u--input
				    border="surround"
				    v-model="record.createUserName"
					:disabled='true'
				  ></u--input>
			</div>
		</div>
		<div :style="{height:'100px'}"></div>
	</view>
</template>

<script>	
	import moment from 'moment'

	export default {
		props:{
			record:{
			  type: String,
			  required: true,
			},
		},
		data() {
			return {
			};
		},
		methods: {
			tabsChange(item) {
			},
		},
	}
</script>

<style lang="scss" scoped>
	.row{
		display: flex;
		margin-top: 5px;
	}
	.lf{
		width: 35%;
		min-height: 40px;
		text-align: right;
		line-height: 38px;
		padding-right: 10px;
	}
	.rf{
		width: 65%;
		min-height: 40px;
		padding-right: 20px;
		padding-top: 1px;
	}
</style>