format-code

king

2019-07-16 ed58afaaa564c54d22a42593265addce08bd5850

 src/views/companyProfile/joinMingKe.vue

@@ -1,143 +1,143 @@
<template>
    <div class="main">
        <div class="banner m_hide"><img src="../../img/aboutText.png" alt=""></div>
        <div class="banner2 p_hide" style="margin-top: 1.14rem;">
         <img src="../../img/guanyu2.png" alt="">
      </div>
      <div style="background-color: #F9F9F9;">
         <div class="content_title fadeInUp zoomIn animated"><span>加入明科</span></div>
         <div class="wrapper">
            <div class="join">
               <div class="join_t">
                  <span>MingKeOS</span>
                  <div>
                     <p>hr@minkesoft.com</p>
                     <p>400-189-1819</p>
                  </div>
               </div>
               <div class="join_m">
                  <h2>广纳天下有识之士，以明日科技普惠中华！</h2>
                  <p>明科致力于将先进的IT技术推广至广大生产制造企业，为中国制造输送信息技术、IT人才、管理人才；为社会培养有用的栋梁之才。</p>
                  <p>大事业、大家庭、大学校是明科文化的精髓，现在已经很少有人能一生只在一家企业工作，不管将来身在何方，明科都会努力为广大员工创造创业平台，学习知识，享受家庭温暖，并将这份家庭之爱传向全社会。</p>
  <div class="main">
    <div class="banner m_hide"><img src="../../img/aboutText.png" alt=""></div>
    <div class="banner2 p_hide" style="margin-top: 1.14rem;">
    <img src="../../img/guanyu2.png" alt="">
  </div>
  <div style="background-color: #F9F9F9;">
    <div class="content_title fadeInUp zoomIn animated"><span>加入明科</span></div>
    <div class="wrapper">
      <div class="join">
        <div class="join_t">
          <span>MingKeOS</span>
          <div>
            <p>hr@minkesoft.com</p>
            <p>400-189-1819</p>
          </div>
        </div>
        <div class="join_m">
          <h2>广纳天下有识之士，以明日科技普惠中华！</h2>
          <p>明科致力于将先进的IT技术推广至广大生产制造企业，为中国制造输送信息技术、IT人才、管理人才；为社会培养有用的栋梁之才。</p>
          <p>大事业、大家庭、大学校是明科文化的精髓，现在已经很少有人能一生只在一家企业工作，不管将来身在何方，明科都会努力为广大员工创造创业平台，学习知识，享受家庭温暖，并将这份家庭之爱传向全社会。</p>

                  <p>请您将简历命名为（职位-姓名）形式发送至邮箱：<span style="color: ;">hr@mingkesoft.com</span></p>
               </div>
               <div class="join_b">
                  <p>北京明科普华信息技术有限公司</p>
                  <p>www.minkesoft.com</p>
               </div>
            </div>
            <div class="join_content">
               <div class="join_content_card"> 
                  <h2>大客户经理</h2>
                  <ul>岗位要求：
                     <li>1、大专及以上学历；</li>
                     <li>2、市场营销、工商管理类相关专业；</li>
                     <li>3、从事销售五年以上工作经验。有一定的客户资源者优先；</li>
                     <li>4、具有较强的公关、谈判、沟通能力，较强的分析问题和解决问题能力；</li>
                     <li>5、责任心强，具备优秀团队合作精神，够承受较大的工作压力。</li>
                  </ul>
          <p>请您将简历命名为（职位-姓名）形式发送至邮箱：<span style="color: ;">hr@mingkesoft.com</span></p>
        </div>
        <div class="join_b">
          <p>北京明科普华信息技术有限公司</p>
          <p>www.minkesoft.com</p>
        </div>
      </div>
      <div class="join_content">
        <div class="join_content_card"> 
          <h2>大客户经理</h2>
          <ul>岗位要求：
            <li>1、大专及以上学历；</li>
            <li>2、市场营销、工商管理类相关专业；</li>
            <li>3、从事销售五年以上工作经验。有一定的客户资源者优先；</li>
            <li>4、具有较强的公关、谈判、沟通能力，较强的分析问题和解决问题能力；</li>
            <li>5、责任心强，具备优秀团队合作精神，够承受较大的工作压力。</li>
          </ul>

                  <ul>岗位职责：
                     <li>1、管理与大客户的日常沟通，发展和维护与大客户的良好业务关系；</li>
                     <li>2、深度挖掘重点客户的潜在需求，为客户提供满意的解决方案；</li>
                     <li>3、对潜在客户进行定期跟踪，定期提交销售进度报告，完成大客户销售目标；</li>
                     <li>4、配合销售团队，完成销售目标；</li>
                  </ul>
               </div>
					
               <div class="join_content_card"> 
                  <h2>售前顾问</h2>
                  <ul>岗位要求：
                     <li>1、学历要求：本科以上；</li>
                     <li>2、相关工作经验： 3年以上管理软件项目销售、售前咨询或项目实施管理经验；</li>
                     <li>3、熟练的使用各种Office工具，描述企业业务需求及撰写解决方案，有优秀的沟通和PPT演讲能力、业务分析能力、文案写作能力；</li>
                     <li>4、能够适应出差；</li>
                     <li>5、有顾问式营销背景优先，营销、财务、工商管理、计算机专业优先；</li>
                     <li>6、有条码系统营销背景的人优先。</li>
                  </ul>
						
					
                  <ul>岗位职责：
                     <li>1、负责条码系统售前支持工作，包括客户调研、需求分析和应用解决方案的制定、方案讲解与交流、数据的整理、产品演示等；</li>
                     <li>2、负责所辖区域机构软件业务的销售推动和拓展支持；</li>
                     <li>3、协助完善行业方案、样板客户案例及知识库贡献。</li>
                  </ul>
               </div>
            </div>
			
            <div class="join_content">
               <div class="join_content_card"> 
                  <h2>实施顾问</h2>
                  <ul>岗位职责：
                     <li>1、负责依据项目蓝图设计要求，对当前项目进行实施搭建、测试、文档输出工作；</li>
                     <li>2、在客户现场完成系统部署，调试、试运行、培训、验收等工作；</li>
                     <li>3、完成对客户系统使用过程中的问题解答、疑难排查等售后服务工作；</li>
                  </ul>
          <ul>岗位职责：
            <li>1、管理与大客户的日常沟通，发展和维护与大客户的良好业务关系；</li>
            <li>2、深度挖掘重点客户的潜在需求，为客户提供满意的解决方案；</li>
            <li>3、对潜在客户进行定期跟踪，定期提交销售进度报告，完成大客户销售目标；</li>
            <li>4、配合销售团队，完成销售目标；</li>
          </ul>
        </div>
        
        <div class="join_content_card"> 
          <h2>售前顾问</h2>
          <ul>岗位要求：
            <li>1、学历要求：本科以上；</li>
            <li>2、相关工作经验： 3年以上管理软件项目销售、售前咨询或项目实施管理经验；</li>
            <li>3、熟练的使用各种Office工具，描述企业业务需求及撰写解决方案，有优秀的沟通和PPT演讲能力、业务分析能力、文案写作能力；</li>
            <li>4、能够适应出差；</li>
            <li>5、有顾问式营销背景优先，营销、财务、工商管理、计算机专业优先；</li>
            <li>6、有条码系统营销背景的人优先。</li>
          </ul>
          
        
          <ul>岗位职责：
            <li>1、负责条码系统售前支持工作，包括客户调研、需求分析和应用解决方案的制定、方案讲解与交流、数据的整理、产品演示等；</li>
            <li>2、负责所辖区域机构软件业务的销售推动和拓展支持；</li>
            <li>3、协助完善行业方案、样板客户案例及知识库贡献。</li>
          </ul>
        </div>
      </div>
    
      <div class="join_content">
        <div class="join_content_card"> 
          <h2>实施顾问</h2>
          <ul>岗位职责：
            <li>1、负责依据项目蓝图设计要求，对当前项目进行实施搭建、测试、文档输出工作；</li>
            <li>2、在客户现场完成系统部署，调试、试运行、培训、验收等工作；</li>
            <li>3、完成对客户系统使用过程中的问题解答、疑难排查等售后服务工作；</li>
          </ul>

                  <ul>岗位要求：
                     <li>1、要有主人翁精神，能够对公司负责、对工作负责、对自己负责，能充分理解责任与担当的含义；</li>
                     <li>2、能适应出差；</li>
                     <li>3、精通SQLServer 对数据库语句能熟练掌握，能独立完成数据库存储过程的编写；</li>
                     <li>4、有较强文案能力（Word,excel,ppt, Visio等），熟悉系统说明书撰写规范；</li>
                     <li>5、性格活泼开朗，善于与客户沟通，引导用户需求；</li>
                     <li>6、能适应加班及较大工作压力；</li>
                     <li>7、学历要求：大专以上。</li>
                  </ul>
               </div>
				
                        
               <div class="join_content_card"> 
                  <h2>项目经理</h2>
                  <ul>岗位要求：
                     <li>1、正规大学本科及以上学历，计算机相关专业；</li>
                     <li>2、具有至少2年以上IT行业项目管理工作经验，如具有多年技术开发实践经验的更佳；</li>
                     <li>3、熟悉传统供应链IT产品的研发流程，具有深刻的理解和实践经验；；</li>
                     <li>4、具有强烈的事业心、责任心，具有良好的语言表达能力、沟通协调能力，良好的管理、组织能力;</li>
                     <li>5、思维清晰敏捷，逻辑分析能力强, 良好的语言与书面表达能力；</li>
                     <li>6、熟悉项目管理理论，有PMP证书者优先。</li>
                  </ul>
					
                  <ul>岗位职责：
                     <li>1、负责供应链系统项目管理工作，包括售前项目、研发项目、实施项目等项目管理工作；</li>
                     <li>2、能带领项目团队，根据客户需求和行业特点，提出并形成企业供应链管理解决方案；</li>
                     <li>3、负责与客户方项目经理及项目高层进行项目工作沟通及团队建设及管理工作;</li>
                     <li>4、界定项目范围，管理项目需求，综合控制项目整体风险；</li>
                     <li>5、管理客户关系，达成客户满意度，以目标为导向，完成项目交付。;</li>
                  </ul>
               </div>
            </div>
				
                        
            <div class="join_content" style="padding-bottom: 0.9rem;">
               <div class="join_content_card"> 
                  <h2>UI设计师</h2>
                  <ul>岗位要求：
                     <li>1、有两年以上手机端软件界面设计或大型网站设计经验，且会手绘者优先；</li>
                     <li>2、有较强的美术功底，具有出色的艺术设计能力，能够灵活控制设计风格，把握时代前沿，富有创造力和激情；</li>
                     <li>3、熟练掌握photoshop,illustrator等设计软件，熟练掌握icon原创设计；</li>
                     <li>4、能够自己独立完成,热衷于图形界面设计与相关研究；</li>
                     <li>5、具有良好的沟通表达能力，需求判断力，团队协作能力。</li>
                  </ul>
				
                  <ul>岗位职责：
                     <li>1、参与公司营销设计和产品项目的客户端界面设计工作；公司网页、广告宣传设计； 包括：把握产品整体形象设计、风格设计和表现形式设计；注重用户操作体验设计，优化用户操作。</li>
                  </ul>
               </div>
               <!-- 占位 -->
               <div class="join_content_card" style="visibility: hidden;"></div>
            </div>

         </div>
         <div class="p_hide">
            <div v-for="(item,index) in person" @click="jump(index)" class="box" :class="active_index == index ? 'active' : ''">
               <div class="line1">{{item.name}}<span>面议</span></div>
               <div class="line2"><img src="../../img/jingli.png" alt="">北京明科普华信息技术有限公司<span>2019-03-28</span></div>
            </div>
         </div>
      </div>
          <ul>岗位要求：
            <li>1、要有主人翁精神，能够对公司负责、对工作负责、对自己负责，能充分理解责任与担当的含义；</li>
            <li>2、能适应出差；</li>
            <li>3、精通SQLServer 对数据库语句能熟练掌握，能独立完成数据库存储过程的编写；</li>
            <li>4、有较强文案能力（Word,excel,ppt, Visio等），熟悉系统说明书撰写规范；</li>
            <li>5、性格活泼开朗，善于与客户沟通，引导用户需求；</li>
            <li>6、能适应加班及较大工作压力；</li>
            <li>7、学历要求：大专以上。</li>
          </ul>
        </div>
      
                      
        <div class="join_content_card"> 
          <h2>项目经理</h2>
          <ul>岗位要求：
            <li>1、正规大学本科及以上学历，计算机相关专业；</li>
            <li>2、具有至少2年以上IT行业项目管理工作经验，如具有多年技术开发实践经验的更佳；</li>
            <li>3、熟悉传统供应链IT产品的研发流程，具有深刻的理解和实践经验；；</li>
            <li>4、具有强烈的事业心、责任心，具有良好的语言表达能力、沟通协调能力，良好的管理、组织能力;</li>
            <li>5、思维清晰敏捷，逻辑分析能力强, 良好的语言与书面表达能力；</li>
            <li>6、熟悉项目管理理论，有PMP证书者优先。</li>
          </ul>
        
          <ul>岗位职责：
            <li>1、负责供应链系统项目管理工作，包括售前项目、研发项目、实施项目等项目管理工作；</li>
            <li>2、能带领项目团队，根据客户需求和行业特点，提出并形成企业供应链管理解决方案；</li>
            <li>3、负责与客户方项目经理及项目高层进行项目工作沟通及团队建设及管理工作;</li>
            <li>4、界定项目范围，管理项目需求，综合控制项目整体风险；</li>
            <li>5、管理客户关系，达成客户满意度，以目标为导向，完成项目交付。;</li>
          </ul>
        </div>
      </div>
      
                      
      <div class="join_content" style="padding-bottom: 0.9rem;">
        <div class="join_content_card"> 
          <h2>UI设计师</h2>
          <ul>岗位要求：
            <li>1、有两年以上手机端软件界面设计或大型网站设计经验，且会手绘者优先；</li>
            <li>2、有较强的美术功底，具有出色的艺术设计能力，能够灵活控制设计风格，把握时代前沿，富有创造力和激情；</li>
            <li>3、熟练掌握photoshop,illustrator等设计软件，熟练掌握icon原创设计；</li>
            <li>4、能够自己独立完成,热衷于图形界面设计与相关研究；</li>
            <li>5、具有良好的沟通表达能力，需求判断力，团队协作能力。</li>
          </ul>
      
          <ul>岗位职责：
            <li>1、参与公司营销设计和产品项目的客户端界面设计工作；公司网页、广告宣传设计； 包括：把握产品整体形象设计、风格设计和表现形式设计；注重用户操作体验设计，优化用户操作。</li>
          </ul>
        </div>
        <!-- 占位 -->
        <div class="join_content_card" style="visibility: hidden;"></div>
      </div>

    </div>
    <div class="p_hide">
      <div v-for="(item,index) in person" @click="jump(index)" class="box" :key="index" :class="active_index == index ? 'active' : ''">
        <div class="line1">{{item.name}}<span>面议</span></div>
        <div class="line2"><img src="../../img/jingli.png" alt="">北京明科普华信息技术有限公司<span>2019-03-28</span></div>
      </div>
    </div>
  </div>

  </div>
</template>

<script>
@@ -169,7 +169,7 @@
</script>

<style lang="less" scoped>
.banner{
  .banner {
    width: 100%;
    background: url(../../img/aboutBanner.png) no-repeat;
    background-size: cover;
@@ -177,202 +177,202 @@
    display: flex;
    justify-content: center;
    align-items: center;
}
.content_title{
  }
  .content_title {
    padding: 0.7rem 0 0.67rem;
}
.join{
   width: 10.5rem;
   height: 11.6rem;
  }
  .join {
    width: 10.5rem;
    height: 11.6rem;
    background: url(../../img/joinBanner.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
	
    .join_t{
        padding: 1.12rem 2.02rem 0 2.57rem;
        display: flex;
        justify-content: space-between;
        span{
            font-size: 0.4rem;
            color: #3B3B3C;
    background-size: 100% 100%;
    margin: 0 auto;
    
    .join_t {
      padding: 1.12rem 2.02rem 0 2.57rem;
      display: flex;
      justify-content: space-between;
      span {
        font-size: 0.4rem;
        color: #3B3B3C;
      }
      div {
        p {
          font-size: 0.16rem;
          color:#3B3B3C;
        }
        div{
            p{
                font-size: 0.16rem;
                color:#3B3B3C;
            }
            p:last-child{
                margin-top: 0.15rem;
            }
        p:last-child {
          margin-top: 0.15rem;
        }
      }
    }
    .join_m{
        margin-top: 2.24rem;
        padding:0 2.2rem 0 2.6rem;
        h2{
    .join_m {
      margin-top: 2.24rem;
      padding:0 2.2rem 0 2.6rem;
      h2 {
        font-size: 0.3rem;
        color: #3B3B3C;
        margin-bottom: 0.41rem;
        }
        p{
            font-size: 0.18rem;
            color:#3E3E3E;
            line-height: 0.28rem;
            margin-top: 0.2rem;
        }
        p:nth-child(2){
            margin-top: 0;
        }
      }
      p {
        font-size: 0.18rem;
        color:#3E3E3E;
        line-height: 0.28rem;
        margin-top: 0.2rem;
      }
      p:nth-child(2) {
        margin-top: 0;
      }
    }
    .join_b{
        margin-top: 1.8rem;
        text-align: right;
        margin-right: 2.02rem;
        p{
            font-size: 0.16rem;
            color: #3B3B3C;
        }
        p:last-child{
            margin-top: 0.12rem;
        }
    .join_b {
      margin-top: 1.8rem;
      text-align: right;
      margin-right: 2.02rem;
      p {
        font-size: 0.16rem;
        color: #3B3B3C;
      }
      p:last-child {
        margin-top: 0.12rem;
      }
    }
}
@media (min-width: 751px) {
    .join_content{
        display:flex;
  }
  @media (min-width: 751px) {
    .join_content {
      display:flex;
    }
    .join_content_card{
      width: 50%;
        background: #fff;
        border: 1px solid #E8E8E8;
        padding: 0.2rem 0.18rem;
        margin: 0.46rem 0.19rem 0;
        h2{
            text-align: center;
            font-weight: bold;
            color: #3B3B3C;
            font-size: 0.24rem;
    .join_content_card {
      width: 50%;
      background: #fff;
      border: 1px solid #E8E8E8;
      padding: 0.2rem 0.18rem;
      margin: 0.46rem 0.19rem 0;
      h2 {
        text-align: center;
        font-weight: bold;
        color: #3B3B3C;
        font-size: 0.24rem;
      }
      ul { 
        font-size: 0.16rem;
        color: #3E3E3E;
        font-weight: bold;
        margin-top: 0.2rem;
        li {
          line-height: 0.25rem;
          font-weight: 400;
        }
        ul{ 
            font-size: 0.16rem;
            color: #3E3E3E;
            font-weight: bold;
         margin-top: 0.2rem;
            li{
                line-height: 0.25rem;
                font-weight: 400;
            }
      }
    }
    .join_content-m {
      display: none;
    }
  }
  @media (max-width: 750px) and (min-width: 0) {
    .box {
      height: 1.6rem;
      padding-top: 0.29rem;
      
      .line1 {
        font-size:0.34rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(59,59,60,1);
        margin: 0 0.48rem;
        
        span {
          float: right;
        }
    }
    .join_content-m{
        display: none;
    }
}
@media (max-width: 750px) and (min-width: 0){
   .box{
      height: 1.6rem;
      padding-top: 0.29rem;
		
      .line1{
         font-size:0.34rem;
         font-family:PingFang-SC-Medium;
         font-weight:500;
         color:rgba(59,59,60,1);
         margin: 0 0.48rem;
			
         span{
            float: right;
         }
      }
      .line2{
         margin: 0.3rem 0.48rem 0;
         font-size:0.24rem;
         font-family:PingFang-SC-Regular;
         font-weight:400;
         color:rgba(122,122,122,1);
			
         img{
            width: 0.27rem;
            margin-right: 0.21rem;
         }
         span{
            float: right;
         }
      }
   }
   .box:first-child{
      margin-top: 0.53rem;
   }
   .active{
      background:rgba(199,230,242,0.2);
   }
   .box:last-child{
      padding-bottom: 1.9rem;
   }
	
    .banner{
        min-height: 4rem;
        img{
            height: .46rem;
      }
      .line2 {
        margin: 0.3rem 0.48rem 0;
        font-size:0.24rem;
        font-family:PingFang-SC-Regular;
        font-weight:400;
        color:rgba(122,122,122,1);
        
        img {
          width: 0.27rem;
          margin-right: 0.21rem;
        }
        span {
          float: right;
        }
      }
    }
    .join{
    .box:first-child {
      margin-top: 0.53rem;
    }
    .active {
      background:rgba(199,230,242,0.2);
    }
    .box:last-child {
      padding-bottom: 1.9rem;
    }
    
    .banner {
      min-height: 4rem;
      img {
        height: .46rem;
      }
    }
    .join {
      width: 90%;
      height:auto;
      background: none;
      box-shadow:0px 0px 38px 0px rgba(79,78,80,0.15);
      margin: 0 auto;
      padding-bottom: .56rem;
      .join_t {
        padding: .56rem 0 0.4rem;
        span {
          margin: 0 auto;
        }
        div {
          display: none;
        }
      }
      .join_m {
        padding: 0 .34rem;
        margin: 0;
        h2 {
          font-size: .28rem;
          text-align: center;
        }
        p {
          font-size: .24rem;
          line-height:.35rem;
          span {
            color: #4CB1FF
          }
        }
      }
      .join_b {
        padding-right: 5%;
        margin:.57rem 0 0 0;
      }
    }
    .join_content {
      display: none;
    }
    .join_content-m {
      width: 100%;
      margin-top: .3rem;
      .join_content_card {
        width: 90%;
        height:auto;
      background: none;
        box-shadow:0px 0px 38px 0px rgba(79,78,80,0.15);
        margin: 0 auto;
        padding-bottom: .56rem;
        .join_t{
            padding: .56rem 0 0.4rem;
            span{
                margin: 0 auto;
            }
            div{
                display: none;
            }
        padding: .3rem 0;
        h3 {
          display: flex;
          justify-content: space-between;
          font-size: .24rem;
          color:#7A7A7A;
        }
        .join_m{
            padding: 0 .34rem;
            margin: 0;
            h2{
                font-size: .28rem;
                text-align: center;
            }
            p{
                font-size: .24rem;
                line-height:.35rem;
                span{
                    color: #4CB1FF
                }
            }
        h3:first-child {
          font-size: .34rem;
          color: #000;
        }
        .join_b{
            padding-right: 5%;
            margin:.57rem 0 0 0;
        }
      }
    }
    .join_content{
        display: none;
    }
    .join_content-m{
        width: 100%;
        margin-top: .3rem;
        .join_content_card{
            width: 90%;
            margin: 0 auto;
            padding: .3rem 0;
            h3{
                display: flex;
                justify-content: space-between;
                font-size: .24rem;
                color:#7A7A7A;
            }
            h3:first-child{
                font-size: .34rem;
                color: #000;
            }
        }
    }
}
  }
</style>