aiot-app/pages/salesServiceManagement/toDoList/components/schemeAdd.vue

<template>
	<view class="mainBox">
		<uni-nav-bar background-color="#157A2C" color="#fff" fixed="true" statusBar="true" left-icon="back" title="方案信息"
			@clickLeft="back">
		</uni-nav-bar>
		<u-cell-group>
			<u-cell title="姓名" arrow-direction="down">
				<uni-data-picker v-model="form.typeId" slot="value" placeholder="请选择" :localdata="typeIdList"
					@change="typeOnchange">
				</uni-data-picker>
			</u-cell>
			<u-cell title="编码" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.code"></u--input>
			</u-cell>
			<u-cell title="名称" arrow-direction="down">
				<u--input @click.native="selectProduct" slot="value" placeholder="请输入" border="surround"
					v-model="form.name">

				</u--input>
				<!-- <u--input slot="value" placeholder="请输入" border="surround" v-model="form.name"></u--input> -->
			</u-cell>
			<u-cell title="型号" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.categoryModel"></u--input>
			</u-cell>
			<u-cell title="规格" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.specification"></u--input>
			</u-cell>
			<u-cell title="仓库" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.warehouseId"></u--input>
			</u-cell>
			<u-cell title="库存" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.warehouseNum"></u--input>
			</u-cell>
			<u-cell title="数量" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.totalCount"></u--input>
			</u-cell>
			<u-cell title="单位" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.measureUnit"></u--input>
			</u-cell>
			<u-cell title="单价" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.singlePrice"></u--input>
			</u-cell>
			<u-cell title="合计" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.settlementPrice"></u--input>
			</u-cell>
			<u-cell title="详细内容" arrow-direction="down">
				<u--input slot="value" placeholder="请输入" border="surround" v-model="form.content"></u--input>
			</u-cell>
			<view class="footerButton">
				<u-button type="default" text="返回" @click="back"></u-button>
				<u-button type="primary" @click="save" text="保存"></u-button>
			</view>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					typeId: '2',
					code: '',
					name: '',
					categoryModel: '', // 型号
					specification: '', // 规格
					content: '', // 详细内容
					warehouseId: '', // 仓库
					warehouseNum: '', // 库存
					totalCount: '', // 数量
					measureUnit: '', // 单位
					singlePrice: '', // 单价
					settlementPrice: '', // 合计
				},
				typeIdList: [{
						text: '工时',
						value: '1'
					},
					{
						text: '零配件',
						value: '2'
					},
					{
						text: '差旅费',
						value: '3'
					}
				],
				obtain: '主数据'
			}
		},
		onLoad(params) {
			this.obtain = params.obtain || '主数据'
			console.log(params, 'params');
		},
		methods: {
			typeOnchange(e) {
				console.log(e, 'eee');
			},
			selectProduct() {
				uni.navigateTo({
					url: `/pages/salesServiceManagement/toDoList/components/selectProduct?obtain=${this.obtain}`
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	/deep/.u-cell__body__content {
		flex: none;
		margin-right: 16rpx;
	}

	.mainBox {
		padding-bottom: 84rpx;
	}

	.footerButton {
		width: 100%;
		height: 84rpx;
		display: flex;
		position: fixed;
		bottom: 0;

		/deep/.u-button {
			height: 100%;
		}

		>view {
			flex: 1;

		}
	}
</style>