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 {
 .service-carousel .owl-dots .owl-dot.active {
     background-color: #1C00AF;
     background-color: #1C00AF;
-    width: 36px;
+    width: 42px;
 }
 }
 
 
 
 
@@ -2208,6 +2208,9 @@ blockquote:before {
 .font-size-16{
 .font-size-16{
     font-size: 16px;
     font-size: 16px;
 }
 }
+.font-size-13{
+    font-size: 13px;
+}
 .font-weight-bold{
 .font-weight-bold{
     font-weight: bold;
     font-weight: bold;
 }
 }
@@ -2276,7 +2279,6 @@ blockquote:before {
 .owl-item-button{
 .owl-item-button{
     color: #ffffff;
     color: #ffffff;
 }
 }
-
 .home-button{
 .home-button{
     border-radius: 20px;
     border-radius: 20px;
     padding: 8px 40px;
     padding: 8px 40px;
@@ -2359,4 +2361,86 @@ blockquote:before {
     z-index: -1;
     z-index: -1;
     background: url('../img/index/compatible-bg.png');
     background: url('../img/index/compatible-bg.png');
     background-size: cover;
     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;
 }
 }

@@ -741,4 +741,196 @@ export function cloud() {
     }
     }
 
 
     return res
     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;
 }
 }

@@ -17,7 +17,12 @@ const routes = [
     {
     {
         path: '/concat',
         path: '/concat',
         name: '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,
+        }
+    }
+
+}