Skip to content

R
recruiting-management
Commit 3eedbac0 authored by zhangderong's avatar zhangderong
Browse files
Options

登录页面优化

parent 9711272c
Show whitespace changes
Inline Side-by-side
Showing with 321 additions and 330 deletions
src/components/home.vue
View file @ 3eedbac0
...@@ -14,8 +14,8 @@ ...@@ -14,8 +14,8 @@
</template> </template>
</Menu> </Menu>
</Col> </Col>
<Col span="21" class="content" style="width:83%"> <Col span="21" class="content" style="width:83%;height:100%">
<Row class="header"> <Row class="header" style="height:6%">
<Col span="20"> <Col span="20">
<Menu mode="horizontal" :active-name="hName" @on-select="selectMenu"> <Menu mode="horizontal" :active-name="hName" @on-select="selectMenu">
<MenuItem v-for="menu in menuList" :name="menu.name" :key="menu.name" > <MenuItem v-for="menu in menuList" :name="menu.name" :key="menu.name" >
...@@ -23,14 +23,14 @@ ...@@ -23,14 +23,14 @@
</MenuItem> </MenuItem>
</Menu> </Menu>
</Col> </Col>
<Col span="2" class="account"> <Col span="2" class="account" style="">
{{massage}} <span style="display:inline-block;line-height:6%;margin-left:30%">{{massage}}</span>
</Col> </Col>
<Col span="2" class="sign-out" style=""> <Col span="2" class="sign-out" >
<a @click="loginOut" >退出</a> <a @click="loginOut" style="margin-left:38%">退出</a>
</Col> </Col>
</Row> </Row>
<Row> <Row style="height:94%">
<router-view></router-view> <router-view></router-view>
</Row> </Row>
</Col> </Col>
...@@ -279,7 +279,7 @@ import localstorage from '../service/localstorage.service.js' ...@@ -279,7 +279,7 @@ import localstorage from '../service/localstorage.service.js'
border-bottom: 1px solid rgb(220, 222, 226); border-bottom: 1px solid rgb(220, 222, 226);
font-size: 14px; font-size: 14px;
.sign-out{ .sign-out{
line-height: 6%
} }
.ivu-menu{ .ivu-menu{
height: 35px; height: 35px;
......
src/page/interview/interview.vue
View file @ 3eedbac0
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<div style="height:90%;float:left;width:30%;background:rgb(253,85,83);margin-left:3%;margin-top:10px"></div> <div style="height:90%;float:left;width:30%;background:rgb(253,85,83);margin-left:3%;margin-top:10px"></div>
<div style="height:90%;float:left;width:30%;background:rgb(0,176,160);margin-left:3%;margin-top:10px"></div> <div style="height:90%;float:left;width:30%;background:rgb(0,176,160);margin-left:3%;margin-top:10px"></div>
</div> </div>
<div style="float:left;margin-left:1%;width:99%;overflow-y: auto;height:760px;margin-bottom:40px"> <div style="float:left;margin-left:1%;width:99%;overflow-y: auto;height:95%;margin-bottom:40px">
<div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="Essentialinformation.length==0">暂无数据</div> <div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="Essentialinformation.length==0">暂无数据</div>
<div class="leftcontentContent" v-for="(item,index) in Essentialinformation " :key='index'> <div class="leftcontentContent" v-for="(item,index) in Essentialinformation " :key='index'>
<div class="contentMassage"> <div class="contentMassage">
...@@ -711,19 +711,21 @@ export default { ...@@ -711,19 +711,21 @@ export default {
.interview{ .interview{
height: 100%; height: 100%;
width:100%; width:100%;
background:#EDEDED background:#EDEDED;
overflow: hidden;
} }
.interview-left{ .interview-left{
min-height: 790px; height:100%;
overflow-x:hidden; overflow:hidden;
width: 70%; width: 70%;
float: left; float: left;
background: #F2F2F2; background: #F2F2F2;
} }
.interview-right{ .interview-right{
height:500px; height: 100%;
width: 29%; width: 29%;
float: left; float: left;
overflow: hidden;
background:white; background:white;
margin-top:10px; margin-top:10px;
margin-left: 1%; margin-left: 1%;
...@@ -735,7 +737,7 @@ export default { ...@@ -735,7 +737,7 @@ export default {
.leftcontentContent{ .leftcontentContent{
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
/* margin-bottom: 40px; */ margin-bottom: 40px;
} }
.contentMassage{ .contentMassage{
width: 53%; width: 53%;
......
src/page/login/login.vue
View file @ 3eedbac0
<template> <template>
<div>
<div class="login"> <div class="login">
<div class="login-content"> <div class="login-content">
<div class="loginContent-left"> <div class="loginContent-left">
<img src="https://o7oe0d6qz.qnssl.com/image/logo-1.png" class="logimg"> <div class="logimg">
<img src="https://o7oe0d6qz.qnssl.com/image/logo99.png">
</div>
</div> </div>
<div class="loginContent-right"> <div class="loginContent-right">
<div class="logo"> <div class="logo">
...@@ -11,10 +12,10 @@ ...@@ -11,10 +12,10 @@
<h3>登录</h3> <h3>登录</h3>
</div> </div>
<div class="login_content"> <div class="login_content">
<Form ref="formInline" :model="formInline" :rules="ruleInline" style="height:121px"> <Form ref="formInline" :model="formInline" :rules="ruleInline" style="height:161px">
<FormItem prop="user"> <FormItem prop="user" style="height:60px">
<Input type="text" v-model="formInline.user" placeholder="请输入11位默认手机号" class="wordStyle" > <Input type="text" v-model="formInline.user" placeholder="请输入11位默认手机号" class="wordStyle" >
<Icon type="ios-person-outline" slot="prepend"></Icon> <Icon type="ios-person-outline" slot="prepend" ></Icon>
</Input> </Input>
</FormItem> </FormItem>
<FormItem prop="password"> <FormItem prop="password">
...@@ -34,7 +35,6 @@ ...@@ -34,7 +35,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -110,65 +110,76 @@ export default { ...@@ -110,65 +110,76 @@ export default {
width:100%; width:100%;
height:100%; height:100%;
} }
.login-content{ .login .login-content{
width: 100%; width: 100%;
max-height:858px; height: 100%;
overflow: hidden; overflow: hidden;
} }
.loginContent-left { .loginContent-left {
float: left; float: left;
width: 68%; width: 70%;
height:858px; height:100%;
}
.logimg{
height: 100%;
width:100%;
}
.logimg img{
width:100%;
height: 100%
} }
.loginBtu{ .loginBtu{
width:90%; width:90%;
height: 40px;
font-size: 18px
} }
.loginContent-right{ .loginContent-right{
float: left; float: left;
width: 32%; width: 30%;
height:858px; height:100%;
border: 1px solid rgba(241,241,241,1) border: 1px solid GhostWhite
}
.logimg{
width: 100%;
max-height:858px
} }
.logo{ .logo{
width:70%; width:70%;
height:140px; height:180px;
margin-top:80px; margin-top:160px;
/* border: 1px solid black; */ /* border: 1px solid black; */
margin-left:15% margin-left:15%
} }
.logo img { .logo img {
width: 100px; width:50%;
height: 60px; height:50% ;
/* margin-left: 30px */ /* margin-left: 30px */
} }
.logo h3{ .logo h3{
font-size: 25px; font-size: 30px;
color: black; color: black;
/* margin-left: 40px */ margin-top: 0px
} }
.login_content{ .login_content{
height: 200px; height: 300px;
width: 70%; width: 70%;
/* border:1px solid black; */ /* border:1px solid black; */
margin-left:15%; margin-left:15%;
margin-top: 60px margin-top: 0px
} }
.copy{ .copy{
width: 100%; width: 100%;
height:100px; height:100px;
margin-top: 200px; margin-top: 80px;
margin-left: 15% margin-left: 7%
} }
.copy p{ .copy p{
margin-left: 30px font-size: 17px;
color: #999
} }
.wordStyle{ .wordStyle{
width: 90%; width: 90%;
height: 40px
/* margin-left: 30px */ /* margin-left: 30px */
} }
input.ivu-input.ivu-input-default{
height: 40px
}
</style> </style>
src/page/login/update.vue
View file @ 3eedbac0
<template> <template>
<div>
<div class="updatePsd"> <div class="updatePsd">
<div class="updatePsd-content"> <div class="updatePsd-content">
<div class="updatePsdContent-left"> <div class="updatePsdContent-left">
<img src="https://o7oe0d6qz.qnssl.com/image/logo-1.png"> <div class="logimg">
<img src="https://o7oe0d6qz.qnssl.com/image/logo99.png">
</div>
</div> </div>
<div class="updatePsdContent-right"> <div class="updatePsdContent-right">
<div class="logo"> <div class="logo">
...@@ -25,7 +26,7 @@ ...@@ -25,7 +26,7 @@
<span style="color:Grey;margin-left:30px;color:red" v-show="twocontent">{{twocontentmessage}}</span> <span style="color:Grey;margin-left:30px;color:red" v-show="twocontent">{{twocontentmessage}}</span>
</FormItem> </FormItem>
</Form> </Form>
<Button type="primary" style="height:30px;width:90%;margin-left:30px; border-radius: 5px;background:rgb(0, 146, 255);color:rgb(255,255,255)" @click="loginT">登录</Button> <Button type="primary" style="height:40px;width:100%;border-radius: 5px;background:rgb(0, 146, 255);color:rgb(255,255,255);font-size:18px;margin-top:10px" @click="loginT">登录</Button>
</div> </div>
<div class="copy"> <div class="copy">
<p>量化派为你提供全程服务</p> <p>量化派为你提供全程服务</p>
...@@ -34,7 +35,6 @@ ...@@ -34,7 +35,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -167,17 +167,16 @@ export default { ...@@ -167,17 +167,16 @@ export default {
.updatePsd{ .updatePsd{
width:100%; width:100%;
height:100%; height:100%;
background: #EAEAEA;
} }
.updatePsd-content{ .updatePsd-content{
width: 100%; width: 100%;
max-height:858px; height: 100%;
overflow: hidden; overflow: hidden;
} }
.updatePsdContent-left { .updatePsdContent-left {
float: left; float: left;
width: 68%; width: 70%;
max-height:858px; height: 100%
} }
.updatePsdContent-right{ .updatePsdContent-right{
float: left; float: left;
...@@ -185,41 +184,40 @@ export default { ...@@ -185,41 +184,40 @@ export default {
height: 858px; height: 858px;
background: #ffffff background: #ffffff
} }
.updatePsdContent-left img{
width: 100%;
max-height:858px
}
.logo{ .logo{
width:100%; width:70%;
height:140px; height:180px;
margin-top:80px; margin-top:160px;
/* border: 1px solid black; */
margin-left:15%
} }
.logo img { .logo img {
width: 100px; width:50%;
height: 60px; height:50% ;
margin-left: 30px /* margin-left: 30px */
} }
.logo h3{ .logo h3{
font-size: 20px; font-size: 30px;
color: black; color: black;
margin-left: 40px margin-top: 0px
} }
.updatePsd_content{ .updatePsd_content{
height: 200px; height: 200px;
width: 100%; width: 70%;
margin-left:15%
} }
.copy{ .copy{
width: 100%; width: 100%;
height:100px; height:100px;
margin-top: 200px; margin-top: 160px;
margin-left: 7%;
} }
.copy p{ .copy p{
margin-left: 30px font-size: 17px;
color: #999
} }
.wordStyle2{ .wordStyle2{
width: 90%; width: 100%;
margin-left: 30px
} }
.formcontent{ .formcontent{
height:130px; height:130px;
...@@ -227,4 +225,7 @@ export default { ...@@ -227,4 +225,7 @@ export default {
.formitemcontent{ .formitemcontent{
height:60px; height:60px;
} }
input.ivu-input.ivu-input-default{
height: 40px
}
</style> </style>
src/page/resume/allResume.vue
View file @ 3eedbac0
...@@ -2,12 +2,12 @@ ...@@ -2,12 +2,12 @@
<div class="allResume"> <div class="allResume">
<!-- <Spin size="large" fix v-if="spinShow" style="font-size:25px">加载中...</Spin> --> <!-- <Spin size="large" fix v-if="spinShow" style="font-size:25px">加载中...</Spin> -->
<div class="allResume-left"> <div class="allResume-left">
<Form :label-width="80"> <Form :label-width="80" style="width:88%;margin-left:7%">
<FormItem label="关键词：" style="margin-top:20px"> <FormItem label="关键词：" style="margin-top:20px">
<Input placeholder="请输入关键词" style="width:85%" v-model="keywords" @keyup.enter.native="SouSuo()"/> <Input placeholder="请输入关键词" style="width:98%" v-model="keywords" @keyup.enter.native="SouSuo()"/>
</FormItem> </FormItem>
<FormItem label="历任公司："> <FormItem label="历任公司：">
<Input placeholder="请输入历任公司" style="width:85%" v-model="lrgs" @keyup.enter.native="SouSuo()"/> <Input placeholder="请输入历任公司" style="width:98%" v-model="lrgs" @keyup.enter.native="SouSuo()"/>
</FormItem> </FormItem>
<FormItem label="性别：" class="sex"> <FormItem label="性别：" class="sex">
<span v-for="(item,index) in sexs" :class="{'active1':index==clickIndex1}" @click="selectElement1(item.status1,index)" :key="index" style="cursor:pointer"> {{item.status1}}</span> <span v-for="(item,index) in sexs" :class="{'active1':index==clickIndex1}" @click="selectElement1(item.status1,index)" :key="index" style="cursor:pointer"> {{item.status1}}</span>
...@@ -18,34 +18,35 @@ ...@@ -18,34 +18,35 @@
<FormItem label="状态：" class="state"> <FormItem label="状态：" class="state">
<span v-for="(item,index) in state" :class="{'active1':item.sta==true}" @click="selectElement3(item.Num3,index,item.status3,item.sta)" :key="index" style="cursor:pointer"> {{item.status3}}</span> <span v-for="(item,index) in state" :class="{'active1':item.sta==true}" @click="selectElement3(item.Num3,index,item.status3,item.sta)" :key="index" style="cursor:pointer"> {{item.status3}}</span>
</FormItem> </FormItem>
<FormItem label="工作年限：" style="margin-left:20px"> <FormItem label="工作年限：">
<span style="width:100px;margin-left:10px"> <span style="width:100px;">
<Select style="width:100px" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears1" @on-change='judge1'> <Select style="width:40%" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears1" @on-change='judge1'>
<Option v-for="item in ownerWorkYears1" :value="item.value" :key="item.value">{{item.label}}</Option> <Option v-for="item in ownerWorkYears1" :value="item.value" :key="item.value">{{item.label}}</Option>
</Select> </Select>
<span>-</span> <span>-</span>
<Select style="width:100px" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears2" @on-change='judge2'> <Select style="width:40%" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears2" @on-change='judge2'>
<Option v-for="item in ownerWorkYears2" :value="item.value" :key="item.value">{{item.label}}</Option> <Option v-for="item in ownerWorkYears2" :value="item.value" :key="item.value">{{item.label}}</Option>
</Select> </Select>
</span><br> </span><br>
</FormItem> </FormItem>
</Form> </Form>
<Button type="primary" style="width:30%;margin-left:30%;font-size:13px;background:#0092FF" @click="SouSuo(item.Num1,item.Num2,item.Num3)">搜索</Button> <Button type="primary" style="width:30%;margin-left:34%;font-size:13px;background:#0092FF" @click="SouSuo(item.Num1,item.Num2,item.Num3)">搜索</Button>
</div> </div>
<div class="allResume-right"> <div class="allResume-right">
<div class="resumeRightContentTop"> <div class="resumeRightContentTop">
<div style="width:100%;height:80px;margin-top:20px;display:none"> <!-- <div style="width:100%;height:80px;margin-top:20px;display:none">
<div style="width:47%;height:100%;float:left;background:rgb(61,169,247);margin-left:1%;line-height:80px;text-align:center;color:white;font-size:20px">数据展示</div> <div style="width:47%;height:100%;float:left;background:rgb(61,169,247);margin-left:1%;line-height:80px;text-align:center;color:white;font-size:20px">数据展示</div>
<div style="width:48%;height:100%;float:left;background:rgb(253,85,83);margin-left:3%;line-height:80px;text-align:center;color:white;font-size:20px">提示语</div> <div style="width:48%;height:100%;float:left;background:rgb(253,85,83);margin-left:3%;line-height:80px;text-align:center;color:white;font-size:20px">提示语</div>
</div> </div> -->
<div style="background:background:rgba(255,255,255,1);width:100%;margin-top:20px;height:40px;line-height:40px;border-bottom:1px solid black;margin-bottom:10px"> <div style="background:WhiteSmoke;width:100%;height:5%;line-height:5%;margin-bottom:0.5%">
<input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer"><span style="margin-left:10px">全选</span> <input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;margin-top:1%">
<span style="margin-left:10px">全选</span>
<Button type="primary" size="small" style="margin-left:2%;width:50px" @click="downloadAll">下载</Button> <Button type="primary" size="small" style="margin-left:2%;width:50px" @click="downloadAll">下载</Button>
<Button type="primary" size="small" style="margin-left:2%;width:50px" @click="delateAll">删除</Button> <Button type="primary" size="small" style="margin-left:2%;width:50px" @click="delateAll">删除</Button>
<Button type="primary" size="small" style="float:right;margin-right:10px;" @click="allexport">导出列表</Button> <Button type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%" @click="allexport">导出列表</Button>
</div> </div>
<div style="width:100%;float:left;margin-bottom:40px;overflow-y: auto;height:680px" class="a"> <div style="width:100%;float:left;margin-bottom:40px;overflow-y: auto;height:100%" class="a">
<div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="ajaxData.length==0">暂无数据</div> <div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="ajaxData.length==0">暂无数据</div>
<!-- <div style="float:left;margin-left:1%;width:99%;overflow-y: auto;height:600px;margin-bottom:40px"> --> <!-- <div style="float:left;margin-left:1%;width:99%;overflow-y: auto;height:600px;margin-bottom:40px"> -->
<div class="Resumecontent" v-for='(item,i) in ajaxData' :key="i" > <div class="Resumecontent" v-for='(item,i) in ajaxData' :key="i" >
...@@ -1081,35 +1082,30 @@ import Router from 'vue-router'; ...@@ -1081,35 +1082,30 @@ import Router from 'vue-router';
} }
} }
</script> </script>
<style> <style scoped>
.allResume{ .allResume{
width: 100%; width: 100%;
height:100% height:100%
/* min-height: 1100px; */
} }
.allResume-left{ .allResume-left{
height: 800px; height: 100%;
/* height: 100%; */
width: 29%; width: 29%;
box-shadow:#dcdee2 0 0 6px 1px; box-shadow:#dcdee2 0 0 6px 1px;
float: left; float: left;
} }
.allResume-right{ .allResume-right{
height: 800px; height: 100%;
overflow: hidden; overflow: hidden;
width: 70%; width: 70.5%;
float: left; float: left;
margin-left:1%; margin-left:1px
/* background:rgba(255,255,255,1); */
} }
.red{ .red{
background: LightGray background: LightGray
} }
.resumeRightContentTop{ .resumeRightContentTop{
width: 100%; width: 100%;
/* border: 1px solid black; */ height: 90%
} }
.Resumecontent{ .Resumecontent{
width: 100%; width: 100%;
...@@ -1118,10 +1114,10 @@ import Router from 'vue-router'; ...@@ -1118,10 +1114,10 @@ import Router from 'vue-router';
height:20px; height:20px;
margin-top: 5px margin-top: 5px
} }
.Recode span{ .Recode span{
margin-left:20px margin-left:20px
} }
select::-ms-expand{display:none;} select::-ms-expand{display:none;}
select{ select{
appearance:none; appearance:none;
-moz-appearance:none; -moz-appearance:none;
...@@ -1140,52 +1136,28 @@ color: #0092FF ...@@ -1140,52 +1136,28 @@ color: #0092FF
margin-left: 30px margin-left: 30px
} }
.Education{ .Education{
width: 330px; width: 100%;
}
.Education span:nth-child(2){
margin-left: 20%
}
.Education span:nth-child(3){
margin-left: 19%
} }
.Education span:nth-child(5){ .Education span{
margin-left: 12% width: 87px;
display:inline-block;
} }
.Education span:nth-child(6){ .Education span:nth-child(1){
margin-left: 7%; width: 45px;
display:inline-block;
} }
.state{ .state{
width: 350px; width: 100%;
} /* border:1px solid red */
.state span:nth-child(2){
margin-left:10%
}
.state span:nth-child(3){
margin-left:10%
}
.state span:nth-child(4){
margin-left:10%
}
.state span:nth-child(5){
margin-left:20px
}
.state span:nth-child(7){
margin-left:10%
}
.state span:nth-child(8){
margin-left:8%
}
.state span:nth-child(9){
margin-left:8%
}
.state span:nth-child(11){
margin-left:10%
} }
.state span:nth-child(12){ .state span{
margin-left:10% width: 60px;
/* border:1px solid black; */
display: inline-block;
} }
.state span:nth-child(13){ .state span:nth-child(1){
margin-left:10% width: 45px;
display:inline-block;
} }
.text1{ .text1{
width: 80%; width: 80%;
......
src/page/resume/channel.vue
View file @ 3eedbac0
...@@ -2,12 +2,12 @@ ...@@ -2,12 +2,12 @@
<div class="channel"> <div class="channel">
<!-- <Spin size="large" fix v-if="spinShow" style="font-size:20px">加载中...</Spin> --> <!-- <Spin size="large" fix v-if="spinShow" style="font-size:20px">加载中...</Spin> -->
<div class="channel-left"> <div class="channel-left">
<Form :label-width="80"> <Form :label-width="80" style="width:88%;margin-left:7%">
<FormItem label="关键词：" style="margin-top:20px"> <FormItem label="关键词：" style="margin-top:20px">
<Input placeholder="请输入关键词" style="width:85%" v-model="keywords" @keyup.enter.native="SouSuo(item.Num1,item.Num2,item.Num3)"/> <Input placeholder="请输入关键词" style="width:98%" v-model="keywords" @keyup.enter.native="SouSuo(item.Num1,item.Num2,item.Num3)"/>
</FormItem> </FormItem>
<FormItem label="历任公司："> <FormItem label="历任公司：">
<Input placeholder="请输入历任公司" style="width:85%" v-model="lrgs" @keyup.enter.native="SouSuo(item.Num1,item.Num2,item.Num3)"/> <Input placeholder="请输入历任公司" style="width:98%" v-model="lrgs" @keyup.enter.native="SouSuo(item.Num1,item.Num2,item.Num3)"/>
</FormItem> </FormItem>
<FormItem label="性别：" class="sex"> <FormItem label="性别：" class="sex">
<span v-for="(item,index) in sexs" :class="{'active3':index==clickIndex1}" @click="selectElement1(item.status1,index)" :key="index" style="cursor:pointer"> {{item.status1}}</span> <span v-for="(item,index) in sexs" :class="{'active3':index==clickIndex1}" @click="selectElement1(item.status1,index)" :key="index" style="cursor:pointer"> {{item.status1}}</span>
...@@ -18,20 +18,19 @@ ...@@ -18,20 +18,19 @@
<FormItem label="状态：" class="state"> <FormItem label="状态：" class="state">
<span v-for="(item,index) in state" :class="{'active3':item.sta==true}" @click="selectElement3(item.Num3,index,item.status3,item.sta)" :key="index" style="cursor:pointer"> {{item.status3}}</span> <span v-for="(item,index) in state" :class="{'active3':item.sta==true}" @click="selectElement3(item.Num3,index,item.status3,item.sta)" :key="index" style="cursor:pointer"> {{item.status3}}</span>
</FormItem> </FormItem>
<FormItem label="工作年限：" style="margin-left:20px"> <FormItem label="工作年限：" style="">
<span style="width:100px;margin-left:10px"> <span style="width:100px">
<Select style="width:100px" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears1" @on-change="judge1"> <Select style="width:40%" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears1" @on-change="judge1">
<Option v-for="item in ownerWorkYears1" :value="item.value" :key="item.value">{{item.label}}</Option> <Option v-for="item in ownerWorkYears1" :value="item.value" :key="item.value">{{item.label}}</Option>
</Select> </Select>
<span>-</span> <span>-</span>
<Select style="width:100px" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears2" @on-change="judge2"> <Select style="width:40%" placeholder="不限" :label-in-value='true' v-model="searchInfo.ownerWorkYears2" @on-change="judge2">
<Option v-for="item in ownerWorkYears2" :value="item.value" :key="item.value">{{item.label}}</Option> <Option v-for="item in ownerWorkYears2" :value="item.value" :key="item.value">{{item.label}}</Option>
</Select> </Select>
</span><br> </span><br>
<span v-show="Black==true" style="color:red;margin-left:10%">!最低年限不能大于最高年限</span>
</FormItem> </FormItem>
</Form> </Form>
<Button type="primary" style="width:30%;margin-left:30%;font-size:13px" @click="SouSuo(item.Num1,item.Num2,item.Num3)">搜索</Button> <Button type="primary" style="width:30%;margin-left:34%;font-size:13px" @click="SouSuo(item.Num1,item.Num2,item.Num3)">搜索</Button>
</div> </div>
<div class="channel-right"> <div class="channel-right">
<div class="resumeRightContentTop"> <div class="resumeRightContentTop">
...@@ -39,13 +38,14 @@ ...@@ -39,13 +38,14 @@
<div style="width:47%;height:100%;float:left;background:rgb(61,169,247);margin-left:1%;line-height:80px;text-align:center;color:white;font-size:20px">数据展示</div> <div style="width:47%;height:100%;float:left;background:rgb(61,169,247);margin-left:1%;line-height:80px;text-align:center;color:white;font-size:20px">数据展示</div>
<div style="width:48%;height:100%;float:left;background:rgb(253,85,83);margin-left:3%;line-height:80px;text-align:center;color:white;font-size:20px">提示语</div> <div style="width:48%;height:100%;float:left;background:rgb(253,85,83);margin-left:3%;line-height:80px;text-align:center;color:white;font-size:20px">提示语</div>
</div> </div>
<div style="background:background:rgba(241,241,241,1);width:100%;margin-top:20px;height:40px;line-height:40px;border-bottom:1px solid black"> <div style="background:WhiteSmoke;width:100%;height:5%;line-height:5%;margin-bottom:0.5%">
<input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:1%;cursor:pointer"><span style="margin-left:8px">全选</span> <input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;margin-top:1%">
<span style="margin-left:8px">全选</span>
<Button type="primary" size="small" style="margin-left:2%;width:50px" @click="downloadAll">下载</Button> <Button type="primary" size="small" style="margin-left:2%;width:50px" @click="downloadAll">下载</Button>
<Button type="primary" size="small" style="margin-left:2%;width:50px" @click="delateAll">删除</Button> <Button type="primary" size="small" style="margin-left:2%;width:50px" @click="delateAll">删除</Button>
<Button type="primary" size="small" style="float:right;margin-right:10px;" @click="allexport">导出列表</Button> <Button type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%" @click="allexport">导出列表</Button>
</div> </div>
<div style="margin-bottom:40px;float:left;width:100%;overflow-y: auto;height:690px" class="a"> <div style="margin-bottom:40px;float:left;width:100%;overflow-y: auto;height:100%" class="a">
<div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="ajaxData.length==0">暂无数据</div> <div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="ajaxData.length==0">暂无数据</div>
<div class="Resumecontent" v-for='(item,i) in ajaxData' :key="i"> <div class="Resumecontent" v-for='(item,i) in ajaxData' :key="i">
<div class="detailResume" id="a" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow}" > <div class="detailResume" id="a" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow}" >
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="pageBottom" style="width:57.5%;background:rgba(241,241,241,1);text-align:center;position:fixed;bottom:0;height:40px"> <div class="pageBottom" style="width:56.6%;background:rgba(241,241,241,1);text-align:center;position:fixed;bottom:0;height:45px">
<Page :total="totalSize" show-elevator show-total @on-change="pageChange" @on-page-size-change="pageSizeChange" :current='pageIndex' :page-size='pageSize' style="text-align:center;margin-top:4px"></Page> <Page :total="totalSize" show-elevator show-total @on-change="pageChange" @on-page-size-change="pageSizeChange" :current='pageIndex' :page-size='pageSize' style="text-align:center;margin-top:4px"></Page>
</div> </div>
</div> </div>
...@@ -1075,22 +1075,21 @@ export default { ...@@ -1075,22 +1075,21 @@ export default {
} }
} }
</script> </script>
<style> <style scoped>
.channel{ .channel{
width: 100%; width: 100%;
/* min-height: 1100px; */ height: 100%
} }
.channel-left{ .channel-left{
height:800px; height:100%;
width: 29%; width: 29%;
float: left; float: left;
box-shadow: #dcdee2 0 0 6px 1px; box-shadow: #dcdee2 0 0 6px 1px;
/* border: 1px solid #999999; */ /* border: 1px solid #999999; */
} }
.channel-right{ .channel-right{
height:800px; height:100%;
overflow-y: auto; overflow: hidden;
overflow-x: hidden;
width: 69%; width: 69%;
float: left; float: left;
margin-left: 15px; margin-left: 15px;
...@@ -1099,10 +1098,10 @@ export default { ...@@ -1099,10 +1098,10 @@ export default {
} }
.resumeRightContentTop{ .resumeRightContentTop{
width: 100%; width: 100%;
height: 90%
} }
.Resumecontent{ .Resumecontent{
width: 100%; width: 100%;
margin-top:10px;
} }
.red{ .red{
background: LightGray background: LightGray
...@@ -1135,52 +1134,28 @@ select{ ...@@ -1135,52 +1134,28 @@ select{
margin-left: 30px margin-left: 30px
} }
.Education{ .Education{
width: 70%; width: 100%;
}
.Education span:nth-child(2){
margin-left: 20%
}
.Education span:nth-child(3){
margin-left: 19%
} }
.Education span:nth-child(5){ .Education span{
margin-left: 12% width: 87px;
display:inline-block;
} }
.Education span:nth-child(6){ .Education span:nth-child(1){
margin-left: 5% width: 45px;
display:inline-block;
} }
.state{ .state{
width: 85%; width: 100%;
} /* border:1px solid red */
.state span:nth-child(2){
margin-left:10%
}
.state span:nth-child(3){
margin-left:10%
}
.state span:nth-child(4){
margin-left:10%
}
.state span:nth-child(5){
margin-left:20px
}
.state span:nth-child(7){
margin-left:11%
}
.state span:nth-child(8){
margin-left:12%
}
.state span:nth-child(9){
margin-left:12%
}
.state span:nth-child(11){
margin-left:10%
} }
.state span:nth-child(12){ .state span{
margin-left:10% width: 60px;
/* border:1px solid black; */
display: inline-block;
} }
.state span:nth-child(13){ .state span:nth-child(1){
margin-left:10% width: 45px;
display:inline-block;
} }
.text1{ .text1{
width: 80%; width: 80%;
......
src/page/sweepCode/sweepCode.vue
View file @ 3eedbac0
...@@ -3,16 +3,16 @@ ...@@ -3,16 +3,16 @@
<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" > <FormItem label="邀约人" prop="Inviter" style="margin-top:3rem">
<Input placeholder="请输入" style="width:250px;" v-model="formInline.Inviter"/> <Input placeholder="请输入" style="width:250px;" v-model="formInline.Inviter"/>
</FormItem> </FormItem>
<FormItem label="邀约手机号" style="" > <FormItem label="邀约手机号" style="" >
<Input placeholder="请输入" style="width:250px;" v-model="formInline.InviterPhoneNumber"/> <Input placeholder="请输入" style="width:250px;" v-model="formInline.InviterPhoneNumber"/>
</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"/>
<!-- <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"></TimePicker> <TimePicker type="time" placeholder="请选择时间" style="width: 127px" v-model="formInline.time" format="HH:mm" @on-change="selectTime" @on-focus="defaultRRRR" placement='bottom'></TimePicker>
</FormItem> </FormItem>
<FormItem label="应聘职位" prop="position"> <FormItem label="应聘职位" prop="position">
<Input placeholder="请输入" style="width:250px;" v-model="formInline.position"/> <Input placeholder="请输入" style="width:250px;" v-model="formInline.position"/>
...@@ -37,6 +37,20 @@ ...@@ -37,6 +37,20 @@
<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"
...@@ -151,7 +165,9 @@ export default { ...@@ -151,7 +165,9 @@ export default {
position:'', position:'',
phoneNUmber:'', phoneNUmber:'',
name:'', name:'',
} },
hh:['01',"02","03","04","05","06","07","08","09","10","11","12"],
mm:['00','10','20','30','40','50','60']
} }
}, },
methods:{ methods:{
...@@ -213,35 +229,35 @@ export default { ...@@ -213,35 +229,35 @@ export default {
} }
</script> </script>
<style lang="less" scoped> <style scoped>
#Sweepcode{ #Sweepcode{
font-size: 66vw; font-size: 66vw;
// background: Gainsboro width: 100%;
height: 100%;
background:rgba(238,238,238,1);
/* overflow: hidden; */
} }
.header{ .header{
font-size: 1rem; font-size: 1rem;
border-bottom: 1px solid Grey;
text-align: center; text-align: center;
height: 3rem; height:3rem;
line-height: 3rem; line-height: 3rem;
background:Grey background: rgba(255,255,255,1)
} }
.utbuton{ .utbuton{
position: fixed; position: fixed;
bottom: 0; bottom: 2rem;
width:100% left: 26%;
width:48%;
height: 2.2rem;
font-size: 1.4rem;
line-height: 1.4rem;
} }
.sweepcode_content{ .sweepcode_content{
background: rgb(255,255,255); /* height:43rem; */
margin-top: 30px /* border: 1px solid red */
} }
// .submission{ /* .input.ivu-input.ivu-input-default{
// position: fixed; height: 5.5rem
// bottom: 0; } */
// height: 40px;
// width: 100%;
// background:#0092FF;
// line-height: 40px;
// text-align: center
// }
</style> </style>
\ No newline at end of file
src/page/system/account.vue
View file @ 3eedbac0
...@@ -20,6 +20,7 @@ ...@@ -20,6 +20,7 @@
</p> </p>
</div> </div>
<div class="accountMange"> <div class="accountMange">
<div class="accountMange-top">
<p style="height:40px;line-height:40px"> <p style="height:40px;line-height:40px">
<span style="font-size:18px;color:#2d8cf0;margin-left:18px">账户管理</span> <span style="font-size:18px;color:#2d8cf0;margin-left:18px">账户管理</span>
<span style="margin-left:10px;color:Grey">删除后该用户将无法登录，该账户上传的简历仍然保留。</span> <span style="margin-left:10px;color:Grey">删除后该用户将无法登录，该账户上传的简历仍然保留。</span>
...@@ -29,8 +30,9 @@ ...@@ -29,8 +30,9 @@
<input type='checkbox' class='input-checkbox' v-model='checked' v-on:click='checkedAll(checkboxList)' style="margin-left:25px;margin-top:15px;cursor:pointer"><span style="margin-left:10px">全选</span> <input type='checkbox' class='input-checkbox' v-model='checked' v-on:click='checkedAll(checkboxList)' style="margin-left:25px;margin-top:15px;cursor:pointer"><span style="margin-left:10px">全选</span>
<span style="margin-left:40px;color:#2d8cf0;cursor:pointer" @click="delateall">删除</span> <span style="margin-left:40px;color:#2d8cf0;cursor:pointer" @click="delateall">删除</span>
</p> </p>
</div>
<!-- <Table ref="selection" :columns="columns4" :data="data1"></Table> --> <!-- <Table ref="selection" :columns="columns4" :data="data1"></Table> -->
<div style="overflow-y: auto;height:480px;amrgin-bottom:40px"> <div style="overflow-y: auto;height:80%;margin-bottom:40px">
<!-- <Spin size="large" fix v-if="spinShow" style="font-size:25px">加载中...</Spin> --> <!-- <Spin size="large" fix v-if="spinShow" style="font-size:25px">加载中...</Spin> -->
<div v-for='item in ajaxData' :key="item.id" style=""> <div v-for='item in ajaxData' :key="item.id" style="">
<div class="detailQQ"> <div class="detailQQ">
...@@ -339,7 +341,16 @@ export default { ...@@ -339,7 +341,16 @@ export default {
} }
</script> </script>
<style> <style scoped>
.account{
height: 100%;
width: 100%;
overflow: hidden;
}
.addAcount{
height: 26%;
width:100%;
}
.pageBottom{ .pageBottom{
height: 40px; height: 40px;
width: 84.4%; width: 84.4%;
...@@ -348,7 +359,11 @@ export default { ...@@ -348,7 +359,11 @@ export default {
bottom: 0; bottom: 0;
} }
.accountMange{ .accountMange{
margin-top:10px; height: 74%;
}
.accountMange-top{
width: 100%;
height: 13%;
} }
.detailQQ{ .detailQQ{
height: 40px; height: 40px;
......
src/page/upload/upload.vue
View file @ 3eedbac0
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="upload"> <div class="upload">
<div class="upload-left"> <div class="upload-left">
<div class='uploadC' style="background:rgba(244,244,244,1);height:300px"> <div class='uploadC' style="background:rgba(244,244,244,1);height:300px">
<div class='upload'> <div class='upload-title'>
<Input type='text' v-model='fileName' style='width:70%;margin-left:4%;margin-top:40px'></Input> <Input type='text' v-model='fileName' style='width:70%;margin-left:4%;margin-top:40px'></Input>
<input <input
ref="input" ref="input"
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
:accept="accept" :accept="accept"
> >
<Button @click='selFiles' style='width:20%;margin-top:40px;margin-left:-4px;color:black'>选择文件</Button> <Button @click='selFiles' style='width:20%;margin-top:40px;margin-left:-4px;color:black'>选择文件</Button>
</div>
<div class='contentTips'> <div class='contentTips'>
<p style="font-size:12px;margin-left:2%;text-align:center;height:40px;line-height:40px">单个文件不能大于2MB，支持html,doc,docx,txt,pdf等格式，暂时不支持压缩格式</p> <p style="font-size:12px;margin-left:3.5%;text-align:center;height:40px;line-height:40px;width:90%;display:inline-block;margin-top:30px">单个文件不能大于2MB，支持html,doc,docx,txt,pdf等格式，暂时不支持压缩格式</p>
<p style="font-size:12px;margin-left:2%;text-align:center;height:40px;line-height:40px">支持最多二十份简历批量上传</p> <p style="font-size:12px;margin-left:2%;text-align:center;height:40px;line-height:40px;width:90%">支持最多二十份简历批量上传</p>
</div>
<Button @click='uploadBtn' style='width:20%;margin-left:38%;margin-top:30px' type='primary'>上传</Button>
</div> </div>
<Button @click='uploadBtn' style='width:20%;margin-left:40%;' type='primary'>上传</Button>
<!-- 上传文件 --> <!-- 上传文件 -->
<Modal v-model='uploadModal' :closable='false' :mask-closable='false'> <Modal v-model='uploadModal' :closable='false' :mask-closable='false'>
<div> <div>
...@@ -39,7 +39,8 @@ ...@@ -39,7 +39,8 @@
<Modal <Modal
v-model="modal6" v-model="modal6"
width='280px' width='280px'
:closable='false'> :closable='false'
>
<div > <div >
<h2 style="text-align: center;color:black">提示</h2> <h2 style="text-align: center;color:black">提示</h2>
<p>删除后不可恢复，是否确定永久删除简历？</p> <p>删除后不可恢复，是否确定永久删除简历？</p>
...@@ -51,9 +52,9 @@ ...@@ -51,9 +52,9 @@
</Modal> </Modal>
</div> </div>
<div class="leftcontrentFotter"> <div class="leftcontrentFotter">
<h5 style="width:100%;height:40px;background:rgb(0,176,160);text-align:center;line-height:40px;color:white;font-size:15px;font-weight:bold">上传记录</h5> <h5 style="width:100%;height:7%;background:rgb(0,176,160);text-align:center;line-height:40px;color:white;font-size:15px;font-weight:bold">上传记录</h5>
<div style="width:100%;background:rgb(0,176,160); opacity: 0.7;height:462px;overflow-y:auto;"> <div style="width:100%;background:rgb(0,176,160); opacity: 0.7;overflow-y:auto;height:93%;">
<div style="width:100%;height:10px;background:rgb(0,176,160)"></div> <!-- <div style="width:100%;height:10px;background:rgb(0,176,160)"></div> -->
<div class="contentMASSAGE" v-for="(item,index) in ajaxData" :key="index"> <div class="contentMASSAGE" v-for="(item,index) in ajaxData" :key="index">
<p @click="getResumeData(item.resumeId)" style="margin-top:10px"> <p @click="getResumeData(item.resumeId)" style="margin-top:10px">
<span style="color:#000000;margin:10px 0 0 10px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; cursor:pointer">{{item.name}} |</span> <span style="color:#000000;margin:10px 0 0 10px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; cursor:pointer">{{item.name}} |</span>
...@@ -188,7 +189,7 @@ ...@@ -188,7 +189,7 @@
</div> </div>
<div class="Self-evaluation" v-show="JSON.stringify(resume)!=='{}'"> <div class="Self-evaluation" v-show="JSON.stringify(resume)!=='{}'">
<p class="bestmessage"> <p class="bestmessage">
<span style="background:rgb(0,146,255);height:16px;width:23px;display:inline-block;"> <span >
<img src="https://o7oe0d6qz.qnssl.com/image/icon_%E8%87%AA%E6%88%91%E8%AF%84%E4%BB%B7_18_18px.png" style="height:16px;width:23px; vertical-align: middle;margin-top:-4px"></span> <img src="https://o7oe0d6qz.qnssl.com/image/icon_%E8%87%AA%E6%88%91%E8%AF%84%E4%BB%B7_18_18px.png" style="height:16px;width:23px; vertical-align: middle;margin-top:-4px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">自我评价</span> <span style="margin-left:7px;font-size:16px;color:#0092FF">自我评价</span>
</p> </p>
...@@ -481,41 +482,42 @@ import {uploadFile} from '../../service/ajax' ...@@ -481,41 +482,42 @@ import {uploadFile} from '../../service/ajax'
} }
} }
</script> </script>
<style lang='less'> <style lang='less' scoped>
.upload{ .upload{
width: 100%; width: 100%;
background: #F2F2F2 height:100%;
background: #F2F2F2;
overflow: hidden;
} }
.upload-left{ .upload-left{
width: 32%; width: 32%;
float: left; float: left;
height:100%;
// overflow: hidden;
} }
.upload-right{ .upload-right{
width: 67%; width: 67%;
float: left; float: left;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
height:802px; height: 100%;
} background:rgb(255,255,255)
.UleftcontentTop{
height: 300px;
width: 100%;
border: 1px #FF8247 solid;
} }
.detailUload{ .detailUload{
width: 100%; width: 100%;
border: 1px solid black;
margin-top: 3px; margin-top: 3px;
} }
.leftcontrentFotter{ .leftcontrentFotter{
display: block; width: 100%;
float: left;
height: 70%;
overflow: hidden;
} }
.contentMASSAGE{ .contentMASSAGE{
width:96%; width:96%;
height:70px; height:67px;
margin-top: 3%; margin-top:0px;
margin-left: 2%; margin-left: 2%;
background: white; background: white;
border-radius: 5px border-radius: 5px
...@@ -550,13 +552,6 @@ import {uploadFile} from '../../service/ajax' ...@@ -550,13 +552,6 @@ import {uploadFile} from '../../service/ajax'
top: 120px; top: 120px;
left: 190px left: 190px
} }
.leftcontrentFotter-content{
width:95%;
height: 40px;
background: white;
margin-left: 12px;
color: black
}
.upload-pageBottom{ .upload-pageBottom{
width: 26.2%; width: 26.2%;
text-align: center; text-align: center;
...@@ -566,13 +561,17 @@ import {uploadFile} from '../../service/ajax' ...@@ -566,13 +561,17 @@ import {uploadFile} from '../../service/ajax'
background:rgba(0,176,160,0.7) background:rgba(0,176,160,0.7)
} }
.uploadC{ .uploadC{
.upload{ height: 30%;
width:100%;
float: left;
.upload-title{
height: 100%;
.nativeInput{ .nativeInput{
display:none display:none
} }
} }
.contentTips{ .contentTips{
margin:20px 10px 30px 10px; // margin:20px 10px 30px 10px;
.p{ .p{
// margin:10px; // margin:10px;
} }
......
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