moin_app/pages/sub/batchExecution/batchExecution.vue

<template>
	<view class="main batchExecution">
		<view class="pad">
			<u--form labelPosition="left" :model="FormData" ref="uForm" labelWidth="160rpx">
				<u-form-item label="执行机器" :required="true" @click="$goPage('/pages/sub/batchExecution/selectMachine')">
					<u--input v-model="FormData.sex"  placeholder="请选择" disabledColor="#ffffff" style="pointer-events: none;"  
						border="none"></u--input>
					<u-icon slot="right" name="arrow-right" ></u-icon>
				</u-form-item>
				<u-form-item label="执行命令" :required="true">
					<view class="blueTxt" @click="$goPage('/pages/sub/batchExecution/selectTemplate')">选择模版</view>
				</u-form-item>
				<view class="modalBox">
					<view class="modalCon"></view>
				</view>
				
				<u-form-item label="执行描述" :required="true">
					<u--input v-model="FormData.name" border="none" placeholder="请输入"></u--input>
				</u-form-item>
			</u--form>
		</view>
		<view class="btn_row">
			<view class="btnBg" @click="$goPage('/pages/sub/batchExecution/executionDetails')">执 行</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				FormData: {
					name: ''
				},

			}
		}
	}
</script>

<style>
	.batchExecution .u-form-item {
		background-color: #ffff;
		border-radius: 6rpx;
		padding: 0 34rpx;
		margin-bottom: 30rpx;
	}
</style>

<style lang="scss" scoped>
	.btn_row {
		padding: 40rpx;
		.btnBg {
			width: 100%;
		}
	}
	.blueTxt {
		color: $themC;
		text-align: right;
		width: 100%;
	}

	.pad {
		padding: 32rpx;
	}
	.modalBox {
		background-color: #fff;
		padding: 0 30rpx 20rpx 30rpx;
		transform: translateY(-30rpx);
		.modalCon {
			width: 100%;
			background-color: #f5f5f5;
			padding: 20px;
		}
	}
	
</style>