Authored by 王涛

Merge branch 'master-500-dev-ztq1' into 'master-500-dev'

Master 500 dev ztq1



See merge request !989
... ... @@ -785,7 +785,7 @@ textarea:placeholder,
.service-carousel .owl-dots .owl-dot.active {
background-color: #1C00AF;
width: 36px;
width: 42px;
}
... ... @@ -2208,6 +2208,9 @@ blockquote:before {
.font-size-16{
font-size: 16px;
}
.font-size-13{
font-size: 13px;
}
.font-weight-bold{
font-weight: bold;
}
... ... @@ -2276,7 +2279,6 @@ blockquote:before {
.owl-item-button{
color: #ffffff;
}
.home-button{
border-radius: 20px;
padding: 8px 40px;
... ... @@ -2359,4 +2361,86 @@ blockquote:before {
z-index: -1;
background: url('../img/index/compatible-bg.png');
background-size: cover;
}
/*ztq 招聘页面样式 2022-09-21*/
.m-1em{
margin: 0 1em;
}
.min-width-100{
min-width: 100px;
}
.w-70{
width: calc(70% - 10px) !important;
}
.w-30{
width: 30% !important;
}
.title{
background-color: #F6F7FB;
padding-left: 1em;
color: #656767;
font-weight: bold;
}
.recruit-Con{
height:auto;
width: 100%;
}
.box {
width: 100%;
padding: 15px;
margin-bottom: 10px;
border: 1px solid #d3d3d4;
background: #fff;
}
.recruit-box .header{
background: url("../img/recruit/recruitLeft.png") no-repeat 100%;
background-size: auto;
}
.recruit-box .header i{
width: .8em;
height: .8em;
border-radius: 50%;
background-color: #E5312B;
display: inline-block;
}
.recruit-box .header span{
padding: 0 15px;
text-align: center;
display: inline-block;
background: #fff;
color: #343434;
}
.hot-recruit-box .header{
background: url("../img/recruit/hot.png") no-repeat 100%;
background-size: auto;
position: relative;
}
.hot-recruit-box .header::after{
content: '';
width: 75%;
height: 1px;
background-color: #E5312B;
/*border-bottom: 1px solid #E5312B;*/
position: absolute;
right: 0;
bottom: 4px;
}
.hot-recruit-box .header i{
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #E5312B;
display: inline-block;
}
.hot-recruit-box .header span{
width: 80px;
text-align: center;
display: inline-block;
background: #fff;
color: #343434;
}
.hot-recruit-box .hotList>a{
font-size: 14px;
color: #8C8C8C;
}
\ No newline at end of file
... ...
... ... @@ -741,4 +741,196 @@ export function cloud() {
}
return res
}
// 招聘信息
export function recruit(){
let res = {
sale:{
head: "大客户销售",
recType:"社会招聘",
jobType:"全职",
time:"",
workPlace:"西安、天津、太原、南京、广州、合肥、西宁、成都、济南、北京",
jobData:[
{
req:"岗位职责",
info:[
"岗位区域内销售任务推进,时长开拓,完成销售指标",
"负责区域内客户维护并协调与公司的内部资源关系,解决在客户销售维护过程中出现的问题,提高客户满意度",
"负责销售区域的订单的合同的签订,会困跟进",
"负责区域内市场信息收集与竞争对手分析",
]
},{
req:"岗位要求",
info:[
"大专以上学历,有2年以上软件信息化项目销售与项目运作经验",
"熟悉政府项目投标项目流程,有较强的市场挖掘与分析能力,独立进行项目的运作、销售与谈判",
"热爱销售事业,对销售工作充满激情,勇于开拓,具有良好的团队合作精神,能承受较大的工作压力;能接受出差模式工作方式",
"薪资:底薪+业绩奖金+提成",
]
},
],
},
frontEndPrimary:{
head: "研发前端(初级1年)",
recType:"社会招聘",
jobType:"全职",
time:"",
workPlace:"西安",
jobData:[
{
req:"岗位要求",
info:[
"大专学历,计算机相关转业,1年及以上java项目开发经验。熟练使用IDEA、Git、Tomcat等常用工具",
"掌握扎实的java基础知识,了解jvm原理,熟悉多线程编程,分布式,缓存,消息队列等机制优先",
"熟练掌握HTML、jQuery、CSS等前端相关技术",
"熟练使用开源框架如SpringCloud、Springboot、MyBatis、Layui等,并且对原理有一定了解",
"熟练使用常用数据库Oracle、Mysql等,良好的SQL编写能力;熟悉Linux环境以及操作",
"具有有一定文档编制能力;有良好的编码习惯",
"能适应并接受可出差"
]
},
],
},
backEndPrimary:{
head: "研发后端(初级1年)",
recType:"社会招聘",
jobType:"全职",
time:"",
workPlace:"西安",
jobData:[
{
req:"岗位要求",
info:[
"计算机相关专业毕业,至少1年及以上java大型软件项目开发工作经验",
"熟练掌握java语言,掌握springcloud、kafka使用,并有实际项目应用经验",
"熟悉ssh、snmp、http协议,有监控后端开发经验优先",
"熟悉反射机制的使用;熟悉并发队列Queue的使用",
"熟悉Shell、Sql、Javascript等脚本语言的使用",
"能适应并接受可出差"
]
},
],
},
backEndSenior:{
head: "研发后端(中高级3-4年)",
recType:"社会招聘",
jobType:"全职",
time:"",
workPlace:"西安、天津、太原、南京、广州、合肥、西宁、成都、济南、北京",
jobData:[
{
req:"岗位要求",
info:[
"计算机相关专业毕业,至少3年及以上java大型软件项目开发工作经验",
"熟练掌握java语言,掌握springcloud、springboot的使用,并有实际项目应用经验",
"熟悉中间件redis",
"基本熟悉vue、HTML5框架",
"熟练使用mysql、oracle关系型数据库",
"能适应并接受可出差"
]
},
],
},
nxDevOps:{
head: "宁夏机房值守",
recType:"社会招聘",
jobType:"全职",
time:"",
workPlace:"宁夏",
jobData:[
{
req:"岗位要求",
info:[
"熟悉Windows系统服务器;计算机专业专科及以上学历",
"1年以上机房管理工作经验,特别优秀的计算机专业应届毕业生也可考虑",
"熟悉机房运维管理 流程及知识,对网络设备及网络安全知识掌握",
"负责除数据库服务器以外的各种设备的安全维护及巡检(轮班)",
"领导交办的其他事宜",
"全日制大专及以上学历,特别优秀的应届毕业生也可考虑",
"计算机、信息科学相关专业",
"沟通及协调能力良好,责任心强,为人踏实,吃苦耐劳",
]
},
],
},
zjDevOps:{
head: "浙江运维",
recType:"社会招聘",
jobType:"全职",
time:"",
workPlace:"浙江",
jobData:[
{
req:"岗位职责",
info:[
"负责公司软件(监控系统)的日常运维、升级、故障处理",
"每月按照公司及客户要求输出文档,协助客户处理系统问题",
]
},{
req:"岗位要求",
info:[
"较好的沟通协调能力,有3年左右政府行业软件系统运维经验",
"熟悉oracle、mysql数据库,熟悉基本的增删改查sql编写",
"熟悉Linux操作系统,可编写shell脚本;elasticsearch、kafka、redis的基本运维",
"对网络、安全、PC、小型机等IT设备有一定了解的优先考虑",
]
},
],
},
tjDevOps:{
head: "天津运维",
recType:"社会招聘",
jobType:"全职",
time:"",
workPlace:"天津",
jobData:[
{
req:"岗位职责",
info:[
"客户机房驻场及日常巡检:发现有设备故障后及时处理,故障处理完毕后输出相应报告",
"每月月末及重大节假日前一周对设备进行深度健康检查并输出报告",
"按客户要求重装系统或对系统资源进行调整",
"定期统计机房内服务器相关配置变更",
"必要时配合虚拟化、存储、网络等工程师处理故障",
"客户及公司交代的其他事宜,维护好客户关系",
]
},{
req:"岗位要求",
info:[
"熟悉 x86服务器硬件结构,使用维护过HP,DELL,Lenovo,华为,华三,浪潮等厂商产品",
"熟悉hp c7000、华为E9000刀箱及其x86刀片",
"熟悉Linux、windows,了解系统信息、配置文件、日志等配置、使用方法",
"对存储、SAN交换机、vmware虚拟化有基础了解",
]
},
],
},
hot:{
head:"热招职位",
data:[{
text:"大客户销售",
url:"sale",
},{
text:"西安-研发前端(初级1年)",
url: "frontEndPrimary"
},{
text:"西安-研发后端(初级1年)",
url: "backEndPrimary"
},{
text:"西安-研发后端(中高级3-4年)",
url: "backEndSenior"
},{
text:"宁夏机房值守",
url: "nxDevOps"
},{
text:"浙江运维",
url: "zjDevOps"
},{
text:"天津运维",
url: "tjDevOps"
}]
}
}
return res;
}
\ No newline at end of file
... ...
... ... @@ -17,7 +17,12 @@ const routes = [
{
path: '/concat',
name: 'concat',
component: () => myImport('views/concat/index')
component: () => myImport('views/concat/index'),
},
{
path:"/recruit/:job",
name:"Recruit",
component: () => myImport('views/serviceSecond/recruit/index')
},
//信息化协同管理支撑平台
{
... ...
<section class="hero-section rel rpt-150 pb-130 rpb-0">
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo l-70 t-60">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
</section>
<section class="rel rpt-150 rpb-0" >
<img class="recruit-Con" src="assets/img/recruit/bg.png"/>
</section>
<section class="rel" style="top: -170px;">
<div class="container clearfix">
<!-- <div style="margin: 0 auto;" class="clearfix">-->
<div class="mr-10 bg-white border float-left p-10 w-70">
<div class="recruit-box">
<div class="header">
<i></i>
<span>{{recruitLeft.head}}</span>
</div>
<div class="detail m-1em">
<ul>
<li class="font-size-13 mt-25">
<span class="key font-weight-bold">招聘类型:</span>
<span class="value d-inline-block min-width-100">{{recruitLeft.recType}}</span>
<span class="key font-weight-bold">工作性质:</span>
<span class="value d-inline-block min-width-100">{{recruitLeft.jobType}}</span>
</li>
<li class="font-size-13 mt-25">
<span class="key font-weight-bold">截止时间:</span>
<span class="value">{{recruitLeft.time}}</span>
</li>
<li class="font-size-13 mt-25">
<span class="key font-weight-bold">工作地点:</span>
<span class="value">{{recruitLeft.workPlace}}</span>
</li>
</ul>
</div>
<div class="res" v-for="(v,i) in recruitLeft.jobData">
<div class="title font-size-14 mt-25 mb-25">{{v.req}}:</div>
<ul class="m-1em">
<li class="mt-25" v-for="(item,index) in v.info">
{{index+1}}、{{item}}
<span v-if="index < v.info.length-1">;</span>
<span v-else></span>
</li>
</ul>
</div>
<span class="btn btn-danger mt-25 mb-25 ml-15 d-inline-block min-width-100">现在申请</span>
</div>
</div>
<div class="bg-white border float-left p-10 w-30">
<div class="hot-recruit-box">
<div class="header">
<i></i>
<span>{{recruitHot.head}}</span>
</div>
<ul class="m-1em">
<li class="mt-25 hotList" v-for="(item,index) in recruitHot.data">
<router-link :to=`/recruit/${item.url}`>{{item.text}}</router-link>
</li>
</ul>
</div>
</div>
<!-- </div>-->
</div>
</section>
... ...
import pageInit from "../../../minixs/pageInit.js";
import {recruit} from "../../../../assets/img/data/serviceSecond.js";
export default {
name: 'recruit',
template: '',
mixins:[pageInit],
components: {},
props: [],
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
let recruitHot = Vue.ref(); // 热门招位 数据
recruitHot.value = recruit().hot;
let recruitLeft = Vue.ref(); // 职位招聘 数据
// 监听路由的传值 展示不同职位的数据
Vue.watch(
() => proxy.$route,
(val) => {
recruitLeft.value = recruit()[val.params.job];
},
{immediate:true}
)
return {
recruitLeft,
recruitHot,
}
}
}
... ...