cbz-sj/pages/release/purchase/purchase.vue

<template>
	<view class="content">
		<view class="title">订单信息</view>
		<view class="box">
			<view class="box_item hflex acenter">
				<view class="left">联系人</view>
				<u-input v-model="name" border="none" placeholder="请输入联系人姓名"></u-input>
			</view>
			<view class="box_item hflex acenter">
				<view class="left">联系电话</view>
				<u-input v-model="phone" border="none" placeholder="请输入手机号"></u-input>
			</view>
		</view>
		<view class="hflex acenter jbetween" style="padding-right: 30rpx;">
			<view class="title">商品信息</view>
			<view class="hflex acenter ">
				<image src="/static/images/common/add_icon2.png" style="width: 36rpx;height: 36rpx;"></image>
				<view class="add_text">添加</view>
			</view>
		</view>
		<block v-for="item in index">
			<view class="box">
				<view class="box_item hflex acenter">
					<view class="left">商品{{item}}</view>
					<u-input v-model="items[item].name" border="none" placeholder="请输入标题"></u-input>
				</view>
				<view class="box_item hflex acenter">
					<view class="left">规格</view>
					<u-input v-model="items[item].spec" border="none" placeholder="如颜色/尺寸等"></u-input>
				</view>
				<view class="box_item hflex acenter">
					<view class="left">数量</view>
					<u-input v-model="items[item].number" border="none" placeholder="请输入数量"></u-input>
				</view>
				<view class="box_item1">
					<view class="left">质量标准</view>
					<u-textarea v-model="items[item].standard" placeholder="请填写质量标准要求"></u-textarea>
				</view>
				<view class="box_item hflex acenter">
					<view class="left">原采购价</view>
					<u-input v-model="items[item].price" border="none" placeholder="请输入原采购价格"></u-input>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	import $api from '@/static/js/api.js'
	var that = ''
	export default {
		data() {
			return {
				name: '',
				phone: '',
				index: 1,
				items: [],
			}
		},
		onLoad() {
			that = this
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	.content {
		background: #F5F5F5;
		.title {
			font-size: 30rpx;
			font-weight: 500;
			color: #222222;
			line-height: 42rpx;
			padding: 24rpx 0 14rpx 30rpx;
		}
		.add_text {
			font-size: 28rpx;
			font-weight: 500;
			color: #222222;
			line-height: 40rpx;
			padding-left: 2rpx;
		}
		.box {
			width: 100%;
			box-sizing: border-box;
			padding: 0 30rpx;
			background: #fff;
			.box_item {
				padding: 28rpx 0;
				border-bottom: 1rpx solid #F5F5F5;
				.left {
					width: 156rpx;
					font-size: 30rpx;
					font-weight: 400;
					color: #222222;
					line-height: 42rpx;
				}
			}
		}
	}
</style>