Skip to content

frontend / qqxb-self-service

Go to a project
Commit 4bcb66d4 by e
Options

updata

parent 71a7eae0
Inline Side-by-side
Showing with 1516 additions and 0 deletions
src/assets/css/labor.css 0 → 100644
*{
outline: none;
}
a{
width: 100%;
height: 100%;
}
.layui-m-layer-msg .layui-m-layercont{
color: #ffffff;
}
.layui-layer-content{
color: #ffffff;
}
#select{
margin: 0 10px 0 78%;
background: rgba(0,0,0,0);
width: 65px;
height: 20px;
border: none;
color: white;
border-radius: 5px;
}
.select-head{
overflow: hidden;
width: 65px;
height: 20px;
box-sizing: border-box;
padding: 0 10px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.select-head .select-head-cont{
float: left;
font-size: 14px;
color: #95989E;
line-height: 20px;
}
.select-head .select-icon{
float: right;
}
.select-head .select-icon img{
width: 8px;
height: 4px;
}
.option{
text-indent: 10px;
margin-top: 1px;
width: 62px;
color: black;
background:#ffffff;
line-height: 25px;
border: 1px #cfcfcf solid;
display: none;
z-index: 5;
position: absolute;
right: 14px;
top: 34px;
}
.option-item:hover{
background: rgba(34, 189, 122, 0.3);
}
.click_bg{
background: rgba(34, 189, 122, 0.3);
}
.rotate {
transform-origin: center center;
/* //旋转中心要是正中间 才行*/
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
.rotate1 {
transform-origin: center center;
transform: rotate(0deg);
/*//返回原点*/
-webkit-transform: rotate(0deg);
-moz-transform: rotate(deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
body{
background: #F5F7FA;
}
.main{
min-height: cala(100vh - 5rem);
}
.layui-m-layer0 .layui-m-layerchild{
width: 80%;
}
.layui-m-layercont{
padding: 20px 20px;
font-size: 14px;
line-height: 15px;
}
.layui-m-layerbtn{
border-top: 1px solid #EAEEF5;
background-color: #ffffff;
}
.layui-m-layerbtn span[yes]{
color: #22BD7A;
}
.layui-m-layerbtn span[no]{
border-right:none;
}
.main-index{
padding-top: 20px;
}
.main-index .info-card{
background: #ffffff;
width: 92%;
margin: 0 auto 20px;
box-shadow:0px 0px 16px 1px rgba(41,51,48,0.08);
border-radius:5px;
padding: 20px 16px;
}
.main-index .info-card .info-top{
display: flex;
justify-content: space-between;
height: 88px;
align-items: center;
}
.main-index .info-card .info-top h4{
font-size: 20px;
color: #3D4047;
font-weight: 500;
margin-bottom: 10px;
}
.main-index .info-card .info-top p{
color: #95989E;
font-size: 13px;
}
.main-index .info-card .info-top img{
width: 48px;
height: 48px;
border-radius: 50px;
}
.main-index .info-card hr{
border: 1px solid #EAEEF5;
margin: 20px auto;
}
.main-index .info-card .info-bottom p{
font-size: 13px;
color: #5E6066;
line-height: 23px;
}
.main-index .info-card .info-bottom p label{
color: #95989E;
font-size: 13px;
margin-right: 16px;
}
.main-index .entrance{
width: 100%;
height: 72px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px 10px 10px;
background: #ffffff;
}
.main-index .entrance img{
width: 40px;
height: 40px;
}
.main-index .entrance .arrow{
width: 7px;
height: 11px;
}
.main-index .entrance div{
flex: 1;
margin-left: 10px;
}
.main-index .entrance div h4{
font-size: 16px;
color: #3D4047;
margin-bottom: 5px;
}
.main-index .entrance div p{
color: #95989E;
font-size: 13px;
}
.main-archives>p{
color: #95989E;
font-size: 15px;
line-height: 55px;
padding-left: 20px;
background: transparent;
}
.main-archives>p>a{
color: #077AEC;
font-size: 15px;
}
.main-archives .info-name{
padding: 20px 24px;
margin-bottom: 10px;
background: #ffffff;
}
.main-archives .info-name h3{
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
}
.main-archives .info-name p{
color: #95989E;
}
.main-archives .info-item{
padding: 24px 20px;
margin-bottom: 10px;
background: #ffffff;
}
.main-archives .info-item .title{
font-size: 16px;
color: #3D4047;
padding-bottom: 14px;
border-bottom: 0.5px solid #EAEEF5;
position: relative;
}
.main-archives .info-item .title i{
position: absolute;
border: 1px solid #22BD7A;
height: 16px;
left: -20px;
/* top: calc(50% - 0.8rem); */
top: 0;
}
.main-archives .info-item .item-main{
padding: 10px 0 0;
}
.main-archives .info-item .item-main p{
font-size: 13px;
color: #5E6066;
line-height: 23px;
display: flex;
}
.main-archives .info-item .item-main p label{
color: #95989E;
font-size: 13px;
margin-right: 16px;
width: 90px;
text-align: right;
}
.main-archives .info-item .item-main .contract{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.5px solid #EAEEF5;
}
.main-archives .info-item .item-main a:last-child .contract{
border: none;
}
.main-archives .info-item .item-main .contract .contract-name{
font-size: 14px;
color: #3D4047;
width: auto;
}
.main-archives .info-item .item-main .contract .contract-date{
color: #95989E;
display: flex;
align-items: center;
}
.main-archives .info-item .item-main .contract .contract-date img{
margin-left: 10px;
width: 7px;
height: 11px;
}
.main-archives .info-item .item-main p span{
flex: 1;
}
.main-archives .info-item .education-expericnce,.main-archives .info-item .work-expericnce{
width: 100%;
overflow: hidden;
}
.main-archives .info-item .education-expericnce .education,.main-archives .info-item .work-expericnce .work{
display: flex;
}
.main-archives .info-item .click_more{
justify-content: center;
align-items: center;
line-height: 40px;
padding-top: 30px;
margin-top: -30px;
font-style: normal;
font-weight: normal;
color: #22BD7A;
font-size: 14px;
position: relative;
z-index: 1;
background: -webkit-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.8) 40%);
background: -o-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.8) 40%);
background: -moz-linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.8) 40%);
background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.8) 40%);
display: none;
}
.main-archives .info-item .click_more>img{
width: 13px;
height: 13px;
margin-right: 8px;
}
.main-archives .info-item .education-expericnce .education-gslc-left,
.main-archives .info-item .work-expericnce .work-gslc-left{
position: relative;
padding-left: 6px;
width: 1px;
border-right: 1px solid #22bd7a;
margin-top: 20px;
}
.main-archives .info-item .education-expericnce .education-gslc-left i,
.main-archives .info-item .work-expericnce .work-gslc-left i{
background: url(/resources/images/line_end.jpg) no-repeat;
display: block;
position: absolute;
width: 13px;
height: 8px;
bottom: -0.3px;
left: 1px;
}
.main-archives .info-item .education-expericnce .education-gslc-right,
.main-archives .info-item .work-expericnce .work-gslc-right{
margin-left: 20px;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main{
margin-bottom: 20px;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main .year,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main .year{
font-size: 16px;
color: #22bd7a;
line-height: 32px;
position: relative;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main .year::before,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main .year::before{
content: '';
display: block;
position: absolute;
width: 10px;
height: 10px;
background: url(/resources/images/green_point.png) no-repeat;
background-size: 10px;
left: -25px;
top: 15px;
border-radius: 50%;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main h4,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main h4{
color: #3D4047;
font-size: 16px;
font-weight: 600;
margin: 6px 0 0;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main h4>p
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main h4>p{
margin-top: 3px;
font-size: 14px;
color: #95989E;
}
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main>p{
font-size: 14px;
line-height: 24px;
color: #5E6066;
}
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main .description{
margin-top: 10px;
}
.main-archives .info-item .question{
margin-bottom: 20px;
font-size: 14px;
line-height: 15px;
}
.main-archives .info-item .question p{
color: #3D4047;
font-size: 14px;
margin-bottom: 10px;
}
.main-archives .info-item .question input{
width: 16px;
height: 16px;
background: url(/resources/images/unchecked.png) no-repeat;
background-size: 16px;
/* border-radius:50%; */
vertical-align: text-bottom;
margin-bottom: 1px;
margin-right: 8px;
padding-left: 0;
-webkit-appearance: none;
}
.main-archives .info-item .question input:last-child{
margin-left: 60px;
}
.main-archives-edit .info-item .question input:first-child{
margin-left: 0;
}
.main-archives-edit .info-item .question label:last-child input{
margin-left: 60px;
}
.main-archives .info-item .question input:checked{
background: url(/resources/images/checked.png) no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
}
.main-archives-edit .info-item .title img{
float: right;
width: 7px;
height: 11px;
}
.main-archives-edit .info-item .item-main .add-education,
.main-archives-edit .info-item .item-main .add-work{
display: block;
color: #22BD7A;
font-size: 15px;
text-align: center;
margin: 20px auto 0;
}
.main-archives-edit .info-item .item-main .add-education img,
.main-archives-edit .info-item .item-main .add-work img{
width: 16px;
height: 16px;
margin-right: 10px;
display: inline-block;
vertical-align: text-bottom;
}
/* .main-information .preview{
display: none;
background: #F5F7FA;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
width: 100%;
min-height: cala(100vh - 5rem);
} */
.main-information .preview-box{
background: #ffffff;
width: 90%;
margin: 50% auto;
/* transform: translateY(-50%); */
display: flex;
align-items: center;
}
.main-information .preview-box img{
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.main-information .commit{
position: fixed;
bottom: 0;
}
.main-information>p{
width: 100%;
height:76px;
padding: 20px;
color: #5E6066;
font-size: 14px;
line-height: 18px;
background: #ffffff;
}
.main-information>p a{
color: #077AEC;
}
.main-information .info-box{
background: #ffffff;
margin-bottom: 20px;
padding: 0 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.main-information .info-box .info-item{
width: 45%;
margin-top: 20px;
}
.main-information .info-box .info-item:last-child{
margin-bottom: 20px;
}
.main-information .info-box .info-item .info-picture{
width: 100%;
margin-bottom: 10px;
display: flex;
align-items: center;
background-color: #F5F7FA;
border-radius:4px;
overflow: hidden;
}
.main-information .info-box .info-item .info-picture .file-input{
display: none;
}
.main-information .info-box .info-item .info-picture>img{
width: 100%;
margin: 0 auto;
}
.main-information .info-box .info-item>input{
display: none;
}
.main-information .info-box .info-item>p{
display: flex;
justify-content: space-between;
align-items: center;
color: #5E6066;
font-size: 14px;
}
.main-information .info-box .info-item>p>img{
width: 14px;
height: 14px;
}
.commit{
background: #22BD7A;
color: #ffffff;
text-align: center;
width: 100%;
height: 50px;
font-size: 18px;
line-height: 50px;
display: block;
}
.main-paySlips .slips-top{
width: 100%;
height: 130px;
background: #22BD7A;
}
.main-paySlips .slips-mid{
height: 230px;
margin-top: -120px;
position: relative;
background: url(/resources/images/slips_bg.png) no-repeat;
background-size: 100%;
padding: 15px 4% 0;
}
/* .main-paySlips .slips-mid select{
position: absolute;
right: 2rem;
top: 1.4rem;
width: 4.5rem;
height: 2rem;
border: none;
color: #95989E;
background: url(/resources/images/triangle.png) no-repeat right;
background-size: 1rem;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background-color: transparent;
} */
.main-paySlips .slips-bottom{
padding: 0 16px;
}
.main-paySlips h3{
font-size: 18px;
color: #3D4047;
line-height: 34px;
margin-bottom: 10px;
}
.main-paySlips hr{
background: #EAEEF5;
margin: 4px auto 10px;
width: 100%;
}
.main-paySlips .pay-item-box{
width: 100%;
display: flex;
justify-content: space-between;
}
.main-paySlips .pay-item-box .year{
color: #3D4047;
font-size: 16px;
line-height: 30px;
width: 19%;
}
.main-paySlips .pay-item-box .pay-item-right{
display: flex;
flex-direction: column;
flex: 1;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary{
border-bottom: 1px solid #EAEEF5;
padding-bottom: 10px;
}
.main-paySlips .pay-item-box .pay-item-right a:last-child .slip-summary{
border: none;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary .summary-item{
display: flex;
justify-content: space-between;
align-items: center;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary .summary-item p{
color: #95989E;
font-size: 14px;
line-height: 30px;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary .summary-month p{
color: #3D4047;
font-size: 16px;
}
.main-paySlips-month .slips-mid{
background: url(/resources/images/slips_detail_bg.png) no-repeat;
background-size: 100%;
margin-top: 0;
position: relative;
height: 260px;
}
.main-paySlips-month .slips-mid .slips-mid-top{
height: 47%;
padding: 30px 0;
text-align: center;
}
.main-paySlips-month .slips-mid .slips-mid-top p{
font-size: 14px;
color: #3D4047;
margin-bottom: 30px;
}
.main-paySlips-month .slips-mid .slips-mid-top h3{
color: #464A52;
font-size: 36px;
}
.main-paySlips-month .slips-mid .slips-mid-top h3>span{
font-size: 24px;
}
.main-paySlips-month .slips-mid .slips-mid-bottom{
height: 47%;
padding: 40px 5%;
text-align: center;
}
.main-paySlips-month .slips-mid .slips-mid-bottom p{
display: flex;
justify-content: space-between;
text-align: right;
color: #95989E;
font-size: 13px;
line-height: 22px;
}
.main-paySlips-month .slips-bottom .pay-detail-box{
padding: 20px 40px;
}
.main-paySlips-month .slips-bottom .pay-detail-box p{
justify-content: space-between;
display: flex;
font-size: 14px;
line-height: 34px;
}
.main-paySlips-month .slips-bottom .pay-detail-box p label{
color: #3D4047;
}
.main-paySlips-month .slips-bottom .pay-detail-box p span{
color: #FF9100;
}
.main-paySlips-month .slips-bottom .pay-detail-box .wages{
background: #F7F9FC;
font-size: 14px;
font-weight: 600;
line-height: 50px;
}
.main-paySlips-month .slips-bottom .pay-detail-box .wages label,
.main-paySlips-month .slips-bottom .pay-detail-box .wages span{
color: #3D4047;
}
.mian-edit .edit-item{
width: 100%;
height: 56px;
padding: 0 5%;
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
border-bottom: 1px solid #EAEEF5;
}
.mian-edit .edit-item label,
.mian-edit .edit-item p{
min-width: 40%;
font-size: 16px;
color: #3D4047;
display: flex;
align-items: center;
height: 100%;
max-width: 50%;
}
.mian-edit .edit-item p{
justify-content: flex-end;
max-width: 60%;
}
.mian-edit .edit-item p img{
width: 7px;
height: 11px;
margin-left: 10px;
}
.mian-edit .edit-item .defult{
color: #C4C6CC;
font-size: 14px;
}
.mian-edit .edit-item .has-value{
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.mian-edit .edit-item .edit-input{
display: none;
border: none;
font-size: 16px;
height: 40px;
max-width: 50%;
}
.mian-edit .commit{
position: fixed;
bottom: 0;
}
.mian-edit .delete{
position: fixed;
bottom: 50px;
background: #ffffff;
color: #FC3E30FF;
}
.mian-edit .options{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.3);
display: none;
}
.mian-edit .options .check-box-tip{
border-bottom: .60px solid #E1E4EB;
}
.mian-edit .options .check-box-tip p{
line-height: 50px;
text-align: center;
color: #3D4047;
font-size: 16px;
margin: 0;
}
.mian-edit .options .select-body{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
}
.mian-edit .options .option-box{
max-height: 310px;
overflow-y: auto;
}
.mian-edit .options .option-box p{
border-bottom: 1px solid #EAEEF5;
line-height: 50px;
text-align: center;
color: #3D4047;
font-size: 16px;
margin: 0;
}
.mian-edit .options .option-box .checked{
background: yellow;
}
.mian-edit .options .action-box p{
border-top: .60px solid #E1E4EB;
line-height: 50px;
text-align: center;
color: #3D4047;
font-size: 16px;
}
.cityBox{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index:10;
display: none;
}
.cityBox-close{
height: 80px;
background: rgba(0,0,0,.3);
width: 100%;
}
.cityBox-body{
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: #fff;
padding: 70px 20px 30px;
}
.cityBox-body h3{
line-height: 40px;
font-size: 16px;
color: #3D4047;
border-bottom: 1px solid #E1E4EB;
}
.hot{
padding-top: 10px;
margin-bottom: 20px;
}
.hot p{
display: inline-block;
width: 30%;
margin: .50px 1%;
text-align: center;
border: 1px solid #E1E4EB;
border-radius: .80px;
}
.cityBox-body p{
line-height: 40px;
font-size: 14px;
color: #3D4047;
border-bottom: 1px solid #E1E4EB;
}
.all p{
line-height: 40px;
border-bottom: 1px solid #E1E4EB;
}
.searchCity-box{
position: fixed;
top: 80px;
left: 0;
right: 0;
background: #fff;
padding: 10px 20px 0
}
.searchCity_result{
position: absolute;
top: 50px;
left: 20px;
right: 20px;
bottom: 0;
overflow-y: auto;
}
.searchCity-box input{
-webkit-appearance: none;
border: none;
border-bottom: 1px solid #E1E4EB;
background: none;
width: 100%;
color: #3D4047;
height: 40px;
font-size: 15px;
}
.none_tip{
display: none;
margin-top: 30%;
text-align: center;
font-size: 15px;
color: #3D4047;
}
.archives-input{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #F5F7FA;
display: none;
}
.archives-input .input-item{
background: #ffffff;
height: 46px;
border-bottom: 1px solid #EAEEF5;
}
.archives-input .input-item label{
font-size: 16px;
line-height: 46px;
color: #3D4047;
width: 20%;
padding-left: 20px;
display: inline-block;
}
.archives-input .input-item input{
border: none;
font-size: 16px;
}
.main-company{
background: #ffffff;
display: flex;
flex-direction: column;
padding-top: 20px;
height: 100vh;
}
.main-company .company-item-box{
background: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px 15px;
box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
width: 90%;
margin: 0 auto 20px;
border-radius: 4px;
}
.main-company .company-item-box .company-name{
font-size: 16px;
line-height: 20px;
max-width: 90%;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.main-company .company-item-box img{
width: 7px;
height: 11px;
}
\ No newline at end of file
src/router/index.ts
......@@ -32,6 +32,18 @@ Vue.use(VueRouter)
path: '/company_employee_details',
name: 'CompanyEmployeeDetails',
component: () => import("../views/CompanyEmployeeDetails.vue")
},
{
// Archives
path: '/archives',
name: 'Archives',
component: () => import("../views/Archives.vue")
},
{
// ArchivesEdit
path: '/archivesEdit',
name: 'ArchivesEdit',
component: () => import("../views/ArchivesEdit.vue")
}
]
......
src/views/Archives.vue 0 → 100644
<template>
<div class="main main-archives" id="main_archives">
<p>
如档案有问题请联系HR 小白
<a>18821992017</a>
</p>
<div class="info-name">
<h3>name</h3>
<p>
sex
<i>|</i>
birthday
</p>
<p>id_no</p>
</div>
<div class="info-item">
<p class="title">
<i></i> 工作信息
</p>
<div class="item-main">
<p>
<label>派遣公司</label>
sp_full_name
</p>
<p>
<label>用工单位</label>
ce_full_name
</p>
<p>
<label>工作地点</label>
work_address
</p>
<p>
<label>工作职位</label>
position
</p>
<p>
<label>入职时间</label>
<span>employee_entry_date</span>
</p>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 个人信息
</p>
<div class="item-main">
<p>
<label>出生地</label>
<span>info_birth_city</span>
</p>
<p>
<label>民族</label>
<span>info_nation</span>
</p>
<p>
<label>政治面貌</label>
<span>info_political_status</span>
</p>
<p>
<label>最高学历</label>
<span>info_highest_education</span>
</p>
<p>
<label>婚姻状况</label>
<span>info_marital_status</span>
</p>
<p>
<label>生育状况</label>
<span>info_maternity_status</span>
</p>
<p>
<label>档案所在地</label>
<span>info_file_location</span>
</p>
<p>
<label>开始工作时间</label>
<span>info_work_start_date</span>
</p>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 联系信息
</p>
<div class="item-main">
<p>
<label>手机号码</label>
<span>contact_mobile</span>
</p>
<p>
<label>固定电话</label>
<span>contact_telephone</span>
</p>
<p>
<label>紧急联系电话</label>
<span>contact_emergency_mobile</span>
</p>
<p>
<label>邮政编码</label>
<span>contact_postcode</span>
</p>
<p>
<label>户口所在地</label>
<span>info_registered_residence_city</span>
</p>
<p>
<label>现居住所在地</label>
<span>contact_current_residence</span>
</p>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 与原单位关系
</p>
<div class="item-main">
<p>
<label>户口性质</label>
<span>info_registered_residence</span>
</p>
<p>
<label>前期社保状态</label>
<span>unit_pre_social_status</span>
</p>
<p>
<label>前期缴费种类</label>
<span>unit_pre_payment_type</span>
</p>
<p>
<label>原社保缴纳省市</label>
<span>unit_pre_social_city</span>
</p>
<p>
<label>原社保缴纳单位</label>
<span>unit_pre_social_unit</span>
</p>
<p>
<label>与原单位关系</label>
<span>unit_relation_unit</span>
</p>
<p>
<label>前期就业状态</label>
<span>unit_pre_employment_status</span>
</p>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 工资卡信息
</p>
<div class="item-main">
<p>
<label>账户姓名</label>
<span>bank_account</span>
</p>
<p>
<label>银行名称</label>
<span>bank_name</span>
</p>
<p>
<label>开户行</label>
<span>bank_open</span>
</p>
<p>
<label>银行卡号</label>
<span>bank_no</span>
</p>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 教育经历
</p>
<div class="item-main education-expericnce">
<div class="content education">
<p class="education-gslc-left">
<i></i>
</p>
<div class="education-gslc-right">
<!-- 循环 -->
<!-- {{~edu_data :value:index}} -->
<div class="education-gslc-main">
<p class="year">value.edu_start_date ~ value.edu_end_date</p>
<h4>
value.graduate_institutions
<p>value.major | value.education</p>
</h4>
</div>
<!-- {{~}} -->
</div>
</div>
<em class="click_more">
<img src="../assets/images/down_arrow.png" alt="展开" title="展开" /> 查看更多
</em>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 工作经历
</p>
<div class="item-main work-expericnce">
<div class="content work">
<p class="work-gslc-left">
<i></i>
</p>
<div class="work-gslc-right">
<!-- {{~work_data :value:index}} -->
<div class="work-gslc-main">
<p class="year">value.work_start_date ~ value.work_end_date</p>
<h4>
value.work_unit
<p>value.position | value.work_unit</p>
</h4>
<p class="description">value.description</p>
</div>
<!-- {{~}} -->
</div>
</div>
<em class="click_more">
<img src="../assets/images/down_arrow.png" alt="展开" title="展开" />查看更多
</em>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 专业技术
</p>
<div class="item-main">
<p>
<label>技术特长</label>
<span>expertise_technology_specialty</span>
</p>
<p>
<label>技术职称</label>
<span>expertise_technology_title</span>
</p>
<p>
<label>资格证书</label>
<span>expertise_qualification</span>
</p>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 合同信息
</p>
<div class="item-main">
<a>
<div class="contract">
<label class="contract-name">info_birth_city</label>
<p class="contract-date">
info_birth_city
<img src="../assets/images/right_arrow.png" alt="编辑" title="编辑" />
</p>
</div>
</a>
</div>
</div>
<div class="info-item">
<p class="title">
<i></i> 请用“是”或“否”回答下列问题：
</p>
<div class="item-main">
<!-- {{~question_data :value:index}} -->
<div class="question">
<p>value.title</p>
<input type="radio" name="question_value.edq_id" readonly checked /> 是
<input type="radio" name="question_value.edq_id" readonly checked /> 否
</div>
<!-- {{~}} -->
</div>
</div>
</div>
</template>
<script>
import "../assets/css/labor.css"
export default {};
</script>
<style lang="less">
</style>
src/views/ArchivesEdit.vue 0 → 100644
<template>
<div class="main main-archives main-archives-edit" id="main_archives_edit">
<div class="info-name">
<h3>name</h3>
<p>
sex
<i>|</i>
birthday
</p>
<p>id_no</p>
</div>
<div class="info-item">
<a href>
<p class="title">
工作信息
<!-- <img src="/assets/images/right_arrow.png" alt="编辑" title="编辑"> -->
</p>
</a>
<div class="item-main">
<p>
<label>派遣公司</label>
sp_full_name
</p>
<p>
<label>用工单位</label>
ce_full_name
</p>
<p>
<label>工作地点</label>
work_address
</p>
<p>
<label>工作职位</label>
position
</p>
<p>
<label>入职时间</label>
<span>employee_entry_date</span>
</p>
</div>
</div>
<div class="info-item" id="personal_point">
<!-- <a href="./archives-edit/personal.html"> -->
<a href>
<p class="title">
个人信息
<img src="../assets/images/right_arrow.png" alt="编辑" title="编辑" />
</p>
</a>
<div class="item-main">
<p>
<label>出生地</label>
<span>info_birth_city</span>
</p>
<p>
<label>民族</label>
<span>info_nation</span>
</p>
<p>
<label>政治面貌</label>
<span>info_political_status</span>
</p>
<p>
<label>最高学历</label>
<span>info_highest_education</span>
</p>
<p>
<label>婚姻状况</label>
<span>info_marital_status</span>
</p>
<p>
<label>生育状况</label>
<span>info_maternity_status</span>
</p>
<p>
<label>档案所在地</label>
<span>info_file_location</span>
</p>
<p>
<label>开始工作时间</label>
<span>info_work_start_date</span>
</p>
</div>
</div>
<div class="info-item" id="contact_point">
<!-- <a href="./archives-edit/contact.html"> -->
<a href>
<p class="title">
联系信息
<img src="../assets/images/right_arrow.png" alt="编辑" title="编辑" />
</p>
</a>
<div class="item-main">
<p>
<label>手机号码</label>
<span>contact_mobile</span>
</p>
<p>
<label>固定电话</label>
<span>contact_telephone</span>
</p>
<p>
<label>紧急联系电话</label>
<span>contact_emergency_mobile</span>
</p>
<p>
<label>邮政编码</label>
<span>contact_postcode</span>
</p>
<p>
<label>户口所在地</label>
<span>info_registered_residence_city</span>
</p>
<p>
<label>现居住所在地</label>
<span>contact_current_residence</span>
</p>
</div>
</div>
<div class="info-item" id="former_point">
<!-- <a href="./archives-edit/formerCompany.html"> -->
<a href>
<p class="title">
与原单位关系
<img src="../assets/images/right_arrow.png" alt="编辑" title="编辑" />
</p>
</a>
<div class="item-main">
<p>
<label>户口性质</label>
<span>info_registered_residence</span>
</p>
<p>
<label>前期社保状态</label>
<span>unit_pre_social_status</span>
</p>
<p>
<label>前期缴费种类</label>
<span>unit_pre_payment_type</span>
</p>
<p>
<label>原社保缴纳省市</label>
<span>unit_pre_social_city</span>
</p>
<p>
<label>原社保缴纳单位</label>
<span>unit_pre_social_unit</span>
</p>
<p>
<label>与原单位关系</label>
<span>unit_relation_unit</span>
</p>
<p>
<label>前期就业状态</label>
<span>unit_pre_employment_status</span>
</p>
</div>
</div>
<div class="info-item" id="card_point">
<a href>
<!-- <a href="./archives-edit/salaryCards.html"> -->
<p class="title">
工资卡信息
<img src="../assets/images/right_arrow.png" alt="编辑" title="编辑" />
</p>
</a>
<div class="item-main">
<p>
<label>账户姓名</label>
<span>bank_account</span>
</p>
<p>
<label>银行名称</label>
<span>bank_name</span>
</p>
<p>
<label>开户行</label>
<span>bank_open</span>
</p>
<p>
<label>银行卡号</label>
<span>bank_no</span>
</p>
</div>
</div>
<div class="info-item" id="edu_point">
<p class="title">教育经历</p>
<div class="item-main">
<div class="contract eduItem" eduId="id">
<label class="contract-name">graduate_institutions</label>
<p class="contract-date">
edu_start_date ~ edu_end_date
<img
src="../assets/images/right_arrow.png"
alt="编辑"
title="编辑"
/>
</p>
</div>
<a href class="add-education">
<!-- <a href="./archives-edit/addEducation.html" class="add-education"> -->
<img src="../assets/images/add.png" alt /> 添加教育经历
</a>
</div>
</div>
<div class="info-item" id="work_point">
<p class="title">工作经历</p>
<div class="item-main">
<div class="contract workItem" workId="id">
<label class="contract-name">= vawork_unit</label>
<p class="contract-date">
work_start_date ~ work_end_date
<img
src="../assets/images/right_arrow.png"
alt="编辑"
title="编辑"
/>
</p>
</div>
<a href class="add-work">
<!-- <a href="./archives-edit/addWork.html" class="add-work"> -->
<img src="../assets/images/add.png" alt /> 添加工作经历
</a>
</div>
</div>
<div class="info-item" id="expertise_point">
<a href>
<!-- <a href="./archives-edit/expertise.html"> -->
<p class="title">
专业技术
<img src="../assets/images/right_arrow.png" alt="编辑" title="编辑" />
</p>
</a>
<div class="item-main">
<p>
<label>技术特长</label>
<span>expertise_technology_specialty</span>
</p>
<p>
<label>技术职称</label>
<span>expertise_technology_title</span>
</p>
<p>
<label>资格证书</label>
<span>expertise_qualification</span>
</p>
</div>
</div>
<div class="info-item" id="expertise_point">
<p class="title">合同信息</p>
<div class="item-main">
<a>
<div class="contract">
<label class="contract-name">这里是合同名字</label>
<p class="contract-date">
2019.08.01-2020.08.01
<img src="../assets/images/right_arrow.png" alt="编辑" title="编辑" />
</p>
</div>
</a>
</div>
</div>
<div class="info-item">
<p class="title">请用“是”或“否”回答下列问题：</p>
<div class="item-main">
<div class="question">
<p>title</p>
<label>
<input type="radio" value="1" edq_id="edq_id" name /> 是
</label>
<label>
<input type="radio" value="0" edq_id="edq_id" name /> 否
</label>
</div>
</div>
</div>
<a class="commit">提交信息</a>
</div>
</template>
<script>
import "../assets/css/labor.css";
export default {};
</script>
<style lang="less">
</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 sign in to comment