Commit b6004d0e authored by zhangderong's avatar zhangderong

扫码UI样式调整

parent d78d272d
...@@ -3,33 +3,33 @@ ...@@ -3,33 +3,33 @@
<h2 class="header">应聘登记表</h2> <h2 class="header">应聘登记表</h2>
<div class="sweepcode_content"> <div class="sweepcode_content">
<Form :label-width="110" :model="formInline" :rules="ruleInline" ref="formInline"> <Form :label-width="110" :model="formInline" :rules="ruleInline" ref="formInline">
<FormItem label="邀约人" prop="Inviter" style="margin-top:3rem"> <FormItem label="邀约人" prop="Inviter" style="margin-top:1.5rem">
<Input placeholder="请输入" style="width:250px;" v-model="formInline.Inviter" @on-focus='a'/> <Input placeholder="请输入" style="width:250px;" v-model="formInline.Inviter" @on-focus='a' size="large"/>
</FormItem> </FormItem>
<FormItem label="邀约手机号" style="" > <FormItem label="邀约手机号" style="" >
<Input placeholder="请输入" style="width:250px;" v-model="formInline.InviterPhoneNumber" @on-focus='a'/> <Input placeholder="请输入" style="width:250px;" v-model="formInline.InviterPhoneNumber" @on-focus='a' size="large"/>
</FormItem> </FormItem>
<FormItem label="面试时间" prop="time"> <FormItem label="面试时间" prop="time">
<Input placeholder="请输入" style="width:120px;" v-model="formInline.date" :readonly="true"/> <Input placeholder="请输入" style="width:120px;" v-model="formInline.date" :readonly="true" size="large" />
<!-- <DatePicker type="date" placeholder="请选择日期" style="width: 120px;margin-left:20px" v-model="formInline.date" @on-change="selectDate" :options="options3" ></DatePicker> --> <!-- <DatePicker type="date" placeholder="请选择日期" style="width: 120px;margin-left:20px" v-model="formInline.date" @on-change="selectDate" :options="options3" ></DatePicker> -->
<TimePicker type="time" placeholder="请选择时间" style="width: 127px" v-model="formInline.time" format="HH:mm" @on-change="selectTime" @on-focus="defaultRRRR" :editable="false"></TimePicker> <TimePicker type="time" placeholder="请选择时间" style="width: 127px" v-model="formInline.time" format="HH:mm" @on-change="selectTime" @on-focus="defaultRRRR" :editable="false" size="large"></TimePicker>
</FormItem> </FormItem>
<FormItem label="应聘职位" prop="position"> <FormItem label="应聘职位" prop="position">
<Input placeholder="请输入" style="width:250px;" v-model="formInline.position" @on-focus='a'/> <Input placeholder="请输入" style="width:250px;" v-model="formInline.position" @on-focus='a' size="large"/>
</FormItem> </FormItem>
<FormItem label="应聘来源" prop="model1"> <FormItem label="应聘来源" prop="model1">
<Select v-model="formInline.model1" style="width:250px;"> <Select v-model="formInline.model1" style="width:250px;" size="large">
<Option v-for="item in origen" :value="item.value" :key="item.value">{{ item.label}}</Option> <Option v-for="item in origen" :value="item.value" :key="item.value">{{ item.label}}</Option>
</Select> </Select>
</FormItem> </FormItem>
<FormItem label="姓名" prop="name"> <FormItem label="姓名" prop="name">
<Input placeholder="请与简历保持一致" style="width:250px;" v-model="formInline.name" @on-focus='a'/> <Input placeholder="请与简历保持一致" style="width:250px;" v-model="formInline.name" @on-focus='a' size="large"/>
</FormItem> </FormItem>
<FormItem label="手机号码" prop="phoneNUmber"> <FormItem label="手机号码" prop="phoneNUmber">
<Input placeholder="请输入" style="width:250px;" v-model="formInline.phoneNUmber" @on-focus='a'/> <Input placeholder="请输入" style="width:250px;" v-model="formInline.phoneNUmber" @on-focus='a' size="large"/>
</FormItem> </FormItem>
<FormItem label="是否携带简历" prop="model2"> <FormItem label="是否携带简历" prop="model2">
<Select v-model="formInline.model2" style="width:250px;"> <Select v-model="formInline.model2" style="width:250px;" size="large">
<Option v-for="item in isGET" :value="item.value" :key="item.value">{{ item.label }}</Option> <Option v-for="item in isGET" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select> </Select>
</FormItem> </FormItem>
...@@ -37,20 +37,6 @@ ...@@ -37,20 +37,6 @@
<div class="submission"> <div class="submission">
<Button type='primary' @click="confirmSubmission" class="utbuton">提交</Button> <Button type='primary' @click="confirmSubmission" class="utbuton">提交</Button>
</div> </div>
<!-- <div class="time">
<div id="header">
<span>取消</span>
<span>确认</span>
</div>
<div class="content">
<select>
<option v-for="(item,index) in hh" :value="item" :key="index">{{item}}</option>
</select>
<select>
<option v-for="(item,index) in mm" :value="item" :key="index">{{item}}</option>
</select>
</div>
</div> -->
</div> </div>
<Modal <Modal
v-model="modal3" v-model="modal3"
...@@ -239,35 +225,32 @@ export default { ...@@ -239,35 +225,32 @@ export default {
</script> </script>
<style scoped> <style scoped>
#Sweepcode{
font-size: 66vw;
width: 100%;
height: 100%;
background:rgba(238,238,238,1);
overflow: hidden;
}
.header{ .header{
font-size: 1rem; font-size: 2.6rem;
text-align: center; text-align: center;
height:7%; margin-top:1rem
line-height:3rem;
background: rgba(255,255,255,1)
} }
.utbuton{ .utbuton{
position: fixed; position: fixed;
bottom: 1.5rem; bottom: 2.5rem;
left: 26%; left: 31%;
width:48%; width:45%;
height: 2.2rem; height: 2.2rem;
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.4rem; line-height: 1.4rem;
} }
.sweepcode_content{ .sweepcode_content{
height:97rem; margin-top:1rem;
/* border: 1px solid red */ border-top: 1px solid rgba(241,241,241,1);
} }
/* .input.ivu-input.ivu-input-default{
height: 5.5rem </style>
} */ <style >
.sweepcode_content input.ivu-input.ivu-input-large{
background: rgba(241,241,241,1)
}
.sweepcode_content .ivu-select-placeholder{
background: rgba(241,241,241,1)
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment