<template>
<div class="login" id="apply">
<div class="content-box">
<p class="title">家宽装维服务查询</p>
<Form ref="formValidate" :model="formValidate" :rules="ruleValidate" class="from">
<!-- <FormItem label class="item" prop="select">
<Select v-model="formValidate.select">
<Option :value="'0'">家宽装维服务查询</Option>
<Option :value="'1'">专线进度查询</Option>
</Select>
</FormItem>-->
<FormItem label class="item" prop="phone">
<i-input
v-model="formValidate.phone"
placeholder="请输入手机号"
maxlength="11"
@blur.native.capture="onBlur"
@focus.native.capture="onFocus"
>
<span slot="prepend">
<img src="../assets/phone.png" />
</span>
</i-input>
</FormItem>
<FormItem label class="item_btn" prop="code">
<i-input
v-model="formValidate.code"
placeholder="请输入验证码"
style="margin-right: 16px;"
@blur.native.capture="onBlur"
@focus.native.capture="onFocus"
>
<span slot="prepend">
<img src="../assets/code.png" />
</span>
</i-input>
<Button type="primary" style :disabled="flag">
<span @click="countDown()">{{content}}</span>
</Button>
</FormItem>
<FormItem class="item">
<Button
type="primary"
style="width: 100%;height: 100%;border-radius:4px;"
@click="handleSubmit('formValidate')"
>登录</Button>
</FormItem>
</Form>
</div>
<div class="footer" v-show="hideshow">
<span>
<img src="../assets/ydlogo.png" />
<span style="padding-left: 10px;">中国移动</span>
</span>
</div>
</div>
</template>
onBlur() {
setTimeout(function() {
window.scrollTo({
top: 0,
left: 0,
behavior: "smooth"
});
}, 300);
},
onFocus(e) {
setTimeout(function() {
e.target.scrollIntoView({block: "center"});
// document.body.scrollTop = this.showHeight;
}, 300);
},