hs_hzl_uniapp_ml/pageApp/ge/gePhoneApply.vue

<template>
	<view>
		<view>
			<hs-show label="申请人" :data="data.formData.apply_user_name"></hs-show>
			<hs-show label="部门" :data="data.formData.department" mode="dept"></hs-show>
			<hs-show label="申请理由" :data="data.formData.apply_type" mode="dict"
				dictKey="phonenumber_apply_type"></hs-show>
			<hs-show v-if="data.formData.apply_type === '6'" label="其他" :data="data.formData.remark"></hs-show>
			<hs-show v-if="data.pageType !== 1" label="手机卡号" :data="data.formData.phone_num"></hs-show>
			<u-gap height="10" bgColor="#f5f5f5"></u-gap>
			<view v-if="data.pageType === 1 && data.baseName === '信息科受理'" style="padding: 10px;color: #ffaa00;">
				请您在下方填写申请的手机号
				<hs-input @input="submitMaintenanceRecord()"
					label="手机卡号" v-model="form.phoneNum"></hs-input>
			</view>
			<u-gap height="10" bgColor="#f5f5f5"></u-gap>
		</view>
		<ge></ge>
	</view>
</template>

<script>
	import ge from '../components/ge'
	export default {
		components: {
			ge
		},
		data() {
			return {
				data: uni.getStorageSync("approval"),
				form: {}
			}
		},
		mounted() {

		},
		methods: {
			submitMaintenanceRecord() {
				console.log('input')
				let data = {
					id: this.data.formData.id,
					phoneNum: this.form.phoneNum
				}
				this.$httpRequest({
					url: '/app/phoneApplyNumber',
					method: 'post',
					data: data,
					urlType: this.$getUrlType()
				}).then(res => {

				})
			}
		}
	}
</script>

<style>
	.desc {
		padding: 10rpx 30rpx;
		color: #818181;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.touch {
		position: fixed;
		right: -5rpx;
		bottom: 60rpx;
		width: 105rpx;
		height: 105rpx;
		padding: 5rpx;
		background-color: rgb(10, 185, 156);
		border-top-left-radius: 50%;
		border-bottom-left-radius: 50%;
		color: #fff;
		font-size: 50rpx;
		/* 去除标签点击事件高亮效果 */
		-webkit-tap-highlight-color: transparent;
		/* 使用transform: translate3d 处理性能高 GUP */
	}
</style>