workorder-front/pages_order/order/ModifyWorkOrder.vue

<template>
	<!-- 工单详情 -->
	<view class="page">

		<navbar title="工单详情" leftClick @leftClick="$utils.navigateBack" />

		<view class="Box">
			<view class="work-box">
				<view class="works">
					任务号：
				</view>
				<view class="index">
					GY1269103AC0
				</view>
			</view>
			<view class="work-box">
				<view class="works">
					担当信息：
				</view>
				<view class="index">
					李林珠-15197216688
				</view>
			</view>
			<view class="work-box">
				<view class="works">
					机型信息：
				</view>
				<view class="index">
					BSZ24861768
				</view>
			</view>
			<view class="work-box">
				<view class="works">
					数量：
				</view>
				<view class="index">
					<uv-input placeholder="88" border="surround" v-model="value" @change="change"></uv-input>
				</view>
			</view>
			<view class="work-box">
				<view class="works">
					状态：
				</view>
				<view class="index">
					<uv-input placeholder="本体加工" border="surround" v-model="value" @change="change"></uv-input>
				</view>
			</view>
			<view class="work-boxx">
				<view class="workss">
					备注：
				</view>
				<view class="indexx">
					<uv-input placeholder="备料已完成，等待本体加工，进入下一步气密检测" border="surround" 
					v-model="value" @change="change" 
					
					color="#fff" ></uv-input>
				</view>
			</view>
		</view>



		<view class="modify">
			<view class="modi">
				保存
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: ''
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			}
		}
	}
</script>

<style scoped lang="scss">
	.page {
		.Box {
			margin-top: 40rpx;

			.work-box {
				padding: 0rpx 30rpx;
				margin: 15rpx 0rpx;
				display: flex;
				align-items: center;
				font-size: 35rpx;

			}

			.work-boxx {
				padding: 0rpx 30rpx;
				margin: 15rpx 0rpx;
				display: flex;
				font-size: 35rpx;

				.indexx {
					margin-top: 3rpx;
				}

				.workss {
					
					font-size: 35rpx;

				}
			}

		}



		.modify {
			text-align: center;
			margin-top: 790rpx;

			display: flex;
			align-items: center;
			justify-content: center;

			.modi {
				padding: 20rpx 60rpx;
				background-color: rgb(2, 167, 240);
				border-radius: 15rpx;
			}

		}
	}
</style>