pages/sub_medical/queryBills.vue

<template>
	<view class="queryBills">
		<view class="queryBills-con">
			<u-field @click="showPicker" v-model="cardtype" :disabled="true" label="查询方式" input-align="right"></u-field>
		</view>
		<!-- <view class="queryBills-id">
			<u-field v-model="idno" :disabled="true" label="身份证号" clear-size="40" input-align="right" placeholder="请输入需要查询订单人的身份证号"></u-field>
		</view> -->
		<view class="queryBills-card" v-show="index">
			<u-field v-model="cardno" label="诊疗卡号" clear-size="40" input-align="right" placeholder="请输入需要查询订单人的诊疗卡号"></u-field>
		</view>
		<u-button :custom-style="btn_style" @click="to_bills">查询</u-button>
		<u-picker mode="selector" v-model="isShowPicker" :default-selector="[0]" :range="query_bills_list" @confirm="get"></u-picker>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				cardtype: '请选择',
				query_bills_list: ['本人查询', '诊疗卡查询'],
				isShowPicker: false,
				cardno: '',
				btn_style: {
					width: '600rpx',
					backgroundColor: '#2FA8E1',
					color: '#FFFFFF',
					fontFamily: "PingFang-SC-Medium",
					fontSize: '30rpx',
					marginTop: '100rpx',
					padding: '50rpx 0'
				},
				index: 0

			}
		},
		methods: {
			get(e) {
				let index = e[0]
				this.cardtype = this.query_bills_list[index]
				this.index = index
			},
			showPicker() {
				this.isShowPicker = !this.isShowPicker
			},
			to_bills() {
				let {
					index,cardno,hospitalcode
				} = this
				if (index == 1 && cardno == '') {
					uni.showModal({
						title: '提示',
						content: '请填写诊疗卡号或更改查询方式',
						showCancel: false,
					})
					return
				}else {
					uni.navigateTo({
						url:`/pages/sub_medical/cashFlow?hospitalcode=${hospitalcode}&cardno=${cardno}`
					})
				}
			}
		},
		onLoad(options) {
			this.hospitalcode = options.code
		}
	}
</script>

<style lang="scss" scoped>
	.u-field {
		background-color: #FFFFFF;
	}

	.queryBills {
		&-con {
			margin-top: 30rpx;
		}
	}
</style>