aiot-app/pages/salesServiceManagement/demandList/screen.vue

<template>
	<view>
		<u-popup :show="show" closeOnClickOverlay mode="top" @close="closePopup">
			<view class="search_list">
				<u-form labelPosition="left" :model="form" labelWidth="140" labelAlign="left" class="baseForm">
					<u-form-item label="仓库名称:" class="item-form" borderBottom prop="assetType">
						<uni-data-select v-model="form.warehouseId" :clear="false" :localdata="warehouseList">
						</uni-data-select>
					</u-form-item>
					<u-form-item label="物品编码:" class="item-form" borderBottom prop="assetType">
						<uni-easyinput prefixIcon="search" style="width: 460rpx" v-model="form.categoryCode"
							placeholder="请输入">
						</uni-easyinput>
					</u-form-item>
					<u-form-item label="物品名称:" class="item-form" borderBottom prop="assetType">
						<uni-easyinput prefixIcon="search" style="width: 460rpx" v-model="form.categoryName"
							placeholder="请输入">
						</uni-easyinput>
					</u-form-item>
					<u-form-item label="批次号:" class="item-form" borderBottom prop="assetType">
						<uni-easyinput prefixIcon="search" style="width: 460rpx" v-model="form.batchNo"
							placeholder="请输入">
						</uni-easyinput>
					</u-form-item>
					<u-form-item label="刻码:" class="item-form" borderBottom prop="assetType">
						<uni-easyinput prefixIcon="search" style="width: 460rpx" v-model="form.engrave"
							placeholder="请输入">
						</uni-easyinput>
					</u-form-item>
					<u-form-item label="发货码:" class="item-form" borderBottom prop="assetType">
						<uni-easyinput prefixIcon="search" style="width: 460rpx" v-model="form.barcodes"
							placeholder="请输入">
						</uni-easyinput>
					</u-form-item>
					<u-form-item label="牌号:" class="item-form" borderBottom prop="assetType">
						<uni-easyinput prefixIcon="search" style="width: 460rpx" v-model="form.brandNum"
							placeholder="请输入">
						</uni-easyinput>
					</u-form-item>
				</u-form>
			</view>
			<view class="operate_box rx-bc">
				<u-button size="small" class="u-reset-button" @click="show = false">
					取消
				</u-button>
				<u-button size="small" class="u-reset-button" @click="reset">
					重置
				</u-button>
				<u-button type="success" size="small" class="u-reset-button" @click="submit">
					确定
				</u-button>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				form: {
					warehouseId: "",
					categoryCode: "",
					categoryName: "",
					batchNo: '',
					engrave: '',
					barcodes: '',
					brandNum: ''
				},
			}
		},
		methods:{
			open() {
				this.show = true;
			},
			reset(){
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.search_list {
		padding: 0 20rpx;
	}

	.operate_box {
		padding: 10rpx 32rpx;

		/deep/ .u-button {
			width: 30%;
		}
	}

	.item-form {
		/deep/ .u-form-item__body__left__content__label {
			font-size: 28rpx;
		}
	}
</style>