moin_app/pages/sub/logPanel/addNewLog.vue

<template>
	<view class="main">
		<view class="h2">新增日志文件</view>
		<view class="pad addLog">
			<u--form labelPosition="left" :model="FormData" ref="uForm" labelWidth="160rpx">
				<u-form-item label="机器" :required="true">
					<u--input v-model="FormData.sex" disabled placeholder="请选择"
						border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item label="名称" :required="true">
					<u--input v-model="FormData.name" border="none" placeholder="请输入"></u--input>
				</u-form-item>
				<u-form-item label="文件路径" :required="true">
					<u--input v-model="FormData.name" border="none" placeholder="请输入"></u--input>
				</u-form-item>
				<u-form-item label="命令" :required="true">
					<u--input v-model="FormData.name" border="none" placeholder="请输入" type="textarea"></u--input>
				</u-form-item>
				<u-form-item label="文件偏移量(行)" :required="true" labelWidth="220rpx">
					<u--input v-model="FormData.name" border="none" placeholder="请输入"></u--input>
				</u-form-item>
				<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="btnBorder btn">取消</view>
			<view class="btnBg btn">确定</view>
		</view>
	</view>
</template>

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

			}
		}
	}
</script>

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

<style lang="scss" scoped>
	.btn_row {
		display: flex;
		justify-content: space-around;
		padding: 40rpx;

		.btn {
			width: 200rpx;
		}

		.btnBorder {
			color: $themC;
		}
	}

	.h2 {
		font-size: 30rpx;
		border-bottom: 1rpx solid #F5F5F5;
		height: 112rpx;
		line-height: 150rpx;
		font-weight: 600;
		padding: 0 24rpx;
		background-color: #fff;
		margin-top: 10rpx;
	}

	.pad {
		background: #fff;
		padding: 32rpx;
	}
</style>