aiot-app/pages/pda/components/handover.vue

<template>
	<view>
		<u-popup :show="show" :mode='mode' :closeOnClickOverlay='false'>
			<view class="popup_list">

				<u-form labelPosition="left" :model="form" labelWidth="180" labelAlign="left" class="">
					<u-form-item label="交接班组:" borderBottom prop="">
						<zxz-uni-data-select :localdata="bzList" v-model="form.bz" dataValue='id' dataKey="name"
							filterable format='{name}'></zxz-uni-data-select>
					</u-form-item>
				</u-form>
			</view>


			<view class="operate_box  rx-bc">
				<u-button size="small" class="u-reset-button" @click="close">
					取消
				</u-button>
				<u-button type="success" size="small" class="u-reset-button" @click="handOK">
					提交
				</u-button>

			</view>
		</u-popup>
	</view>
</template>

<script>
	import SearchPopup from './searchPopup.vue'
	export default {
		components: {},

		data() {
			return {
				mode: 'center',
				show: false,
				topHight: 20 || 20,

				form: {},
				bzList: []
			}
		},
		methods: {
			open(obj) {


				this.show = true
			},

			close() {
				this.show = false
			},

			handOK() {
				this.show = false
			},
		}

	}
</script>

<style lang="scss" scoped>
	.popup_list {
		width: 78vw;
		min-height: 360rpx;
		padding: 0 32rpx;


	}

	.operate_box {
		padding: 10rpx 32rpx;

		/deep/ .u-button {
			width: 40%;
		}
	}
</style>