<template>
	<view>
		<view>
			<hs-input label="申请人" v-model="form.applyUserName" disabled></hs-input>
			<hs-dept-select label="申请部门" v-model="form.department" :autofill="true"></hs-dept-select>
			<hs-input label="申请时间" v-model="form.createTime" disabled></hs-input>
			<hs-dict-select label="申请理由" dictKey="phonenumber_apply_type" v-model="form.applyType" />
			<hs-input v-if="form.applyType === '6'" label="其他" v-model="form.remark" model="textarea"></hs-input>
			<view class="zysx" style="padding: 10px;color: #999999;">
				使用注意事项:
				<p>1、工作用手机套餐费用由中心统一支付，超额话费由个人支付;</p>
				<p>2、工作手机应保证24小时开机，确保通讯畅通;</p>
				<p>3、人员离职及工作跳动至无需工作手机的岗位时，需想行政办公室报备并归还手机卡;</p>
				<p>4、无故不主动交还手机卡的，后续产生手机套餐费用由个人承担;</p>
			</view>
		</view>
		<u-gap height="70" bgColor="#ffffff"></u-gap>
		<hs-flow-submit ref="flowSubmit" @verify="verify" :data="form" api="phoneApply"></hs-flow-submit>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					applyUserName: '',
					applyType: '1',
					createTime: ''
				}
			}
		},
		onLoad() {
			//申请人初始化
			this.form.applyUserName = uni.getStorageSync("userInfo").nickName
			this.form.createTime = this.$dateResult(new Date().getTime(), 'datetime')
		},
		methods: {
			verify() {
				console.log("提交", this.form)
				this.$refs.flowSubmit.submit()
			},
			input(e) {
				console.log(e)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.desc {
		padding: 15rpx 5rpx;
	}

	.zysx p {
		font-size: 22rpx;
	}

	.bottim_view {
		padding: 5px 20px 30px;
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 40px;
		background-color: #ffffff;
	}
</style>