Skip to content

frontend / qqxb-self-service

Go to a project
Commit b7c20a82 by 展昭
Options

Merge branch 'master' of http://gitlab.corp.qinqinxiaobao.com:9880/frontend_vue/qqxb-self-service

parents ca0ccf94 7bafe2a6
Inline Side-by-side
Showing with 100 additions and 285 deletions
src/components/archives/workInfo.vue 0 → 100644
<template>
<div class="content">
<div class="tip">1</div>
<div class="title">工作信息</div>
<div class="nav">
<p>派遣公司</p>
<p>用工单位</p>
<p>工作地点</p>
<p>工作职位</p>
<p>入职时间</p>
</div>
<div class="info">
<p>北京金色华勤数据服务有限公司</p>
<p>北京金色华勤数据服务有限公司</p>
<p>福国际大厦A座88层市场推广专员2019-11-22</p>
<p>北京金色华勤数据服务有限公司</p>
<p>北京金色华勤数据服务有限公司</p>
</div>
</div>
</template>
<script lang="ts">
import Vue from "vue";
// import { Button } from 'vant';
import { Component } from "vue-property-decorator";
@Component({
// components:{
// // [Cell.name]: Cell,
// [Button.name]:Button
// }
})
export default class workInfo extends Vue {}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
display: grid;
align-items: center;
grid-template-columns :20px 118px 1fr;
grid-template-areas:
"tip title ."
". nav info";
.tip {
grid-area: tip;
}
.title {
grid-area: title;
}
.nav {
grid-area: nav;
display: grid;
grid-template-rows: minmax(30px,auto);
p {
font-size: 14px;
color: rgba(149, 152, 158, 1);
line-height: 30px;
}
}
.info {
grid-area: info;
display: grid;
grid-template-rows: minmax(30px,auto);
p {
font-size: 14px;
color: rgba(61, 64, 71, 1);
line-height: 30px;
}
}
}
</style>
\ No newline at end of file
src/main.ts
......@@ -5,6 +5,8 @@ import store from './store'
import "./assets/css/index.less"
import 'amfe-flexible/index.js'
import server from '@/services/install';
Vue.config.productionTip = false
Vue.use(server);
......
src/router/employee/employee-router.ts
......@@ -33,6 +33,12 @@ export default [
component: () => import("@/views/CompanyEmployeeDetails.vue")
},
{
// 档案查看
path: '/archives',
name: 'Archives',
component: () => import("@/views/Archives.vue")
},
{
// 劳务派遣-选择派遣公司
path: '/chooseCompany',
name: 'ChooseCompany',
......
src/views/Archives.vue
<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>
<div>
<work-info />
</div>
</template>
<script>
import "../assets/css/labor.css"
export default {};
<script lang="ts">
import Vue from "vue";
import { Component } from "vue-property-decorator";
import workInfo from "@/components/archives/workInfo.vue";
@Component({
name: "Archives",
components: {
[workInfo.name]: workInfo
}
})
export default class archives extends Vue {}
</script>
<style lang="less">
</style>
<style lang="less" scoped>
</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