<template>
  <div id="compangyDetail">
    <el-row>
      <el-col :span="24" class="top">
        <el-col :span="5" class="topIMg">
          <el-image style="width:60px; height: 60px;" :src="url"></el-image>
        </el-col>
        <el-col :span="19" class="topTit">长春市福瑞科技有限公司</el-col>
      </el-col>
      <el-col :span="24" class="main">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="公司介绍" name="first">
            <el-col :span="24" class="talkMainTop">
              <el-col :span="6">
                <div class="talkMainTopCol active">
                  <i class="el-icon-s-promotion el-icon--top"></i>
                  <p>所在位置</p>
                </div>
              </el-col>
              <el-col :span="6">
                <div class="talkMainTopCol">
                  <i class="el-icon-video-camera-solid el-icon--top"></i>
                  <p>宣传视频</p>
                </div>
              </el-col>
              <el-col :span="6">
                <div class="talkMainTopCol">
                  <i class="el-icon-picture el-icon--top"></i>
                  <p>宣传相册</p>
                </div>
              </el-col>
              <el-col :span="6">
                <div class="talkMainTopCol">
                  <i class="el-icon-picture el-icon--top"></i>
                  <p>关注</p>
                </div>
              </el-col>
            </el-col>
            <el-col :span="24" class="jobsBrief">
              <el-collapse v-model="activeNames" @change="handleChange">
                <el-collapse-item title="" name="1">
                  <div class="jobsBriefTit">
                    吉林和合医学检验有限公司由吉林省卫生和计划生育委员会批准成立， 是北京和合医学诊断技术股份有限公司下属的第三方独立医学实验室，
                    承担公司在吉林地区的临床检测服务。公司崇尚"科技助医，济患尚德"的企业理念，
                    致力于医学检验行业，专注于为临床提供专业化、高水平的检测服务及科研支持。
                    通过专业历练与积累，吉林和合医学检验所已形成以色谱质谱、基因检测为专业特色的检测平台，
                    并建成了国内的色谱质谱临检技术平台，技术水平及质量控制标准与国际接轨。 应用液相串联质谱、高效液相色谱等技术手段，
                    公司开展了维生素水平监测、新生儿先天性代谢疾病筛查、血药浓度监测、同型半胱氨酸监测等临床检验项目。
                    此外，公司与日本KURABO生物医学部合作推广目前世界上先进、可靠的肿瘤药物筛查检测技术——CD-DST法，
                    为我国众多大型医疗机构提供肿瘤治疗个体化用药检测服务。
                  </div>
                </el-collapse-item>
              </el-collapse>
            </el-col>
            <el-col :span="24" class="jobsGeneral">
              <h4>招聘简章</h4>
              <el-col :span="24" class="jobsGeneralTxt">
                <el-col :span="24">
                  <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;text-align:center;line-height:24px;background:white">
                    <strong><span style="font-size:21px;color:#333333">吉林和合医学检验有限公司招聘</span></strong
                    ><strong><span style="font-size:21px;font-family:'Arial','sans-serif';color:#333333">2019</span></strong
                    ><strong><span style="font-size:21px;color:#333333">届毕业生招聘简章</span></strong>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">公司简介：</span></strong>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <span style="font-family:'Arial','sans-serif';color:#333333">&nbsp;&nbsp;&nbsp; </span
                    ><span style=";color:#333333"
                      >吉林和合医学检验有限公司由吉林省卫生和计划生育委员会批准成立，是北京和合医学诊断技术股份有限公司下属的第三方独立医学实验室，承担公司在吉林地区的临床检测服务。公司崇尚</span
                    ><span style="font-family:'Arial','sans-serif';color:#333333">"</span><span style=";color:#333333">科技助医，济患尚德</span
                    ><span style="font-family:'Arial','sans-serif';color:#333333">"</span
                    ><span style=";color:#333333"
                      >的企业理念，致力于医学检验行业，专注于为临床提供专业化、高水平的检测服务及科研支持。通过专业历练与积累，吉林和合医学检验所已形成以色谱质谱、基因检测为专业特色的检测平台，并建成了国内的色谱质谱临检技术平台，技术水平及质量控制标准与国际接轨。应用液相串联质谱、高效液相色谱等技术手段，公司开展了维生素水平监测、新生儿先天性代谢疾病筛查、血药浓度监测、同型半胱氨酸监测等临床检验项目。此外，公司与日本</span
                    ><span style="font-family:'Arial','sans-serif';color:#333333">KURABO</span
                    ><span style=";color:#333333">生物医学部合作推广目前世界上先进、可靠的肿瘤药物筛查检测技术</span
                    ><span style="font-family:'Arial','sans-serif';color:#333333">——CD-DST</span
                    ><span style=";color:#333333">法，为我国众多大型医疗机构提供肿瘤治疗个体化用药检测服务。</span>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">招聘岗位</span></strong
                    ><span style=";color:#333333">：</span>
                  </p>
                  <p style=";margin-bottom:0;line-height:150%;background:white">
                    <strong><span style=";color:#333333">一、销售代表</span></strong
                    ><strong><span style="font-family:'Arial','sans-serif';color:#333333">/</span></strong
                    ><strong
                      ><span style=";color:#333333">临床医药代表（长春、吉林、公主岭，通辽，四平，通化，延吉、桦甸市、磐石市、等地区，若干）</span></strong
                    >
                  </p>
                  <p style=";margin-bottom:0;line-height:150%;background:white">
                    <strong><span style=";color:#333333">职位描述：</span></strong
                    ><span style=";color:#333333"
                      >主要推广公司医学检验产品；拜访相关客户；定期组织各种活动，维护与客户的关系；按时准确提交各种报告及跟进相关回款。</span
                    >
                  </p>
                  <p style=";margin-bottom:0;line-height:150%;background:white">
                    <strong><span style=";color:#333333">任职要求：</span></strong
                    ><span style=";color:#333333"
                      >医药、营销相关专业，学历大专及以上，性格开朗、热情，表达沟通能力较强；反应敏捷，具有亲和力；具有一定的市场分析及判断能力。</span
                    >
                  </p>
                  <p style=";margin-bottom:0;line-height:150%;background:white">
                    <strong><span style=";color:#333333">二、实验室技术员</span></strong
                    ><strong><span style="font-family:'Arial','sans-serif';color:#333333">/</span></strong
                    ><strong><span style=";color:#333333">质谱色谱仪器操作员（</span></strong
                    ><strong><span style="font-family:'Arial','sans-serif';color:#333333">4</span></strong
                    ><strong><span style=";color:#333333">人）</span></strong>
                  </p>
                  <p style=";margin-bottom:0;line-height:150%;background:white">
                    <strong><span style=";color:#333333">职位描述：</span></strong
                    ><span style=";color:#333333">负责实验室样本的预处理与检测工作；负责样本数据录入与报告的生成；负责实验室器材的维护保养，保持实验室</span
                    ><span style="font-family:'Arial','sans-serif';color:#333333">5S</span><span style=";color:#333333">流程；</span>
                  </p>
                  <p style=";margin-bottom:0;line-height:150%;background:white">
                    <strong><span style=";color:#333333">任职要求：</span></strong
                    ><span style=";color:#333333">医学检验等医药相关专业优先；本科及以上学历，硕士学历优先；</span>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">三、销售部实习生</span></strong>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">职位描述：</span></strong>
                  </p>
                  <p style=";margin-bottom:0;text-indent:32px;background:white">
                    <span style=";color:#333333"
                      >主要推广公司医学检验产品；拜访吉林省内各核心医院相关科室医生；定期组织各种活动，维护与客户的关系；按时准确提交各种报告及跟进相关回款。</span
                    >
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">任职要求：</span></strong>
                  </p>
                  <p style=";margin-bottom:0;text-indent:32px;background:white">
                    <span style=";color:#333333">医药相关专业本科或专科</span><span style="font-family:'Arial','sans-serif';color:#333333">19</span
                    ><span style=";color:#333333">届应届毕业生，经验不限，性格开朗、热情，踏实勤奋，吃苦耐劳，乐观积极，有强大的内心！</span>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">四、市场部产品专员</span></strong
                    ><strong><span style="font-family:'Arial','sans-serif';color:#333333">/</span></strong
                    ><strong><span style=";color:#333333">产品经理</span></strong>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">职位描述：</span></strong>
                  </p>
                  <p style=";margin-bottom:0;text-indent:32px;background:white">
                    <span style=";color:#333333"
                      >协助市场部组织的各类市场策划等活动；协助医院完成卫计委课题项目；定期拜访维护、协助专家完成课题；编辑相关产品资料知识等。</span
                    >
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">任职要求：</span></strong>
                  </p>
                  <p style=";margin-bottom:0;text-indent:32px;background:white">
                    <span style=";color:#333333">医药相关专业</span><span style="font-family:'Arial','sans-serif';color:#333333">19</span
                    ><span style=";color:#333333">届应届毕业生；对学术推广有较大兴趣，有良好的表达沟通能力及逻辑分析能力，良好的书面报告能力，熟练使用</span
                    ><span style="font-family:'Arial','sans-serif';color:#333333">OFFICE</span
                    ><span style=";color:#333333">等办公软件，能适应省内定期出差；</span>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">公司福利：</span></strong
                    ><span style=";color:#333333">餐补车补、定期旅游、周末双休、五险一金、员工意外伤害险、带薪年假、班车接送、定期体检</span>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <strong><span style=";color:#333333">联系方式：</span></strong>
                  </p>
                  <p style=";margin-bottom:0;background:white"><span style=";color:#333333">联系人：张女士</span></p>
                  <p style=";margin-bottom:0;background:white">
                    <span style=";color:#333333">联系电话：</span
                    ><span style="font-family:'Arial','sans-serif';color:#333333">0431-81165855 &nbsp; <a name="_GoBack"></a></span>
                  </p>
                  <p style=";margin-bottom:0;background:white">
                    <span style=";color:#333333">联系邮箱：</span
                    ><a href="mailto:zhaoyan13@jllabhh.com"><span style="font-family:'Arial','sans-serif'">zhangfang@labhh.com</span></a>
                  </p>
                  <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left: 0;line-height:24px;background:white">
                    <span style="font-family: 'Arial','sans-serif';color:#333333">&nbsp;</span>
                  </p>
                </el-col>
                <el-col class="jobsReport" style="text-align: center;">
                  <el-link>
                    <el-image style="width: 1.5625rem;height: 1.5625rem;    margin: -8px 5px;" :src="urls"></el-image>
                    <span>校园招聘违规举报</span>
                  </el-link>
                </el-col>
              </el-col>
            </el-col>
            <el-col :span="24" class="jobsGeneral">
              <h4>实习</h4>
              <el-row class="jobsGeneralList" v-for="(tag, index) in tags" :key="index" :type="tag.type">
                <el-col :span="17" class="listTit">
                  <p>{{ tag.name }}</p>
                  <p>
                    <span class="listSpan">{{ tag.addres }}</span>
                    <span class="listSpan">{{ tag.edu }}</span>
                  </p>
                </el-col>
                <el-col :span="6" class="listTxt">
                  <p class="listp">{{ tag.time }}</p>
                  <p class="listp" style="color:red;">{{ tag.gongzi }}</p>
                </el-col>
                <el-col :span="1" class="listBtn">
                  <i class="el-icon-arrow-right"></i>
                </el-col>
              </el-row>
              <el-col :span="24" class="jobsErweima">
                <el-image :src="url1"></el-image>
              </el-col>
            </el-col>
          </el-tab-pane>
          <el-tab-pane label="热招职位" name="second">
            <el-row class="jobsGeneralList" v-for="(tag, index) in tags1" :key="index" :type="tag.type">
              <el-col :span="17" class="listTit">
                <p>{{ tag.name }}</p>
                <p>
                  <span class="listSpan">{{ tag.addres }}</span>
                  <span class="listSpan">{{ tag.edu }}</span>
                </p>
              </el-col>
              <el-col :span="6" class="listTxt">
                <p class="listp">{{ tag.time }}</p>
                <p class="listp" style="color:red;">{{ tag.gongzi }}</p>
              </el-col>
              <el-col :span="1" class="listBtn">
                <i class="el-icon-arrow-right"></i>
              </el-col>
            </el-row>
          </el-tab-pane>
        </el-tabs>
      </el-col>
      <el-col :span="24" class="pingBtn">
        <el-col :span="20" class="pingBtnInput">
          <el-input v-model="input" placeholder="评论"></el-input>
        </el-col>
        <el-col :span="4" class="pingBtnBttn">
          <el-button type="primary">提交</el-button>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'compangyDetail',
  props: {},
  components: {},
  data: () => ({
    url: '',
    urls: require('@/assets/logos.png'),
    url1: require('@/assets/erweima.png'),
    activeName: 'first',
    activeNames: ['1'],
    tags: [{ name: '学术推广专员', addres: '长春', edu: '本科及以上', time: '2017-5-15', gongzi: '1.5K-2K/月' }],
    tags1: [
      { name: '学术推广专员', addres: '长春', edu: '本科及以上', time: '2017-5-15', gongzi: '1.5K-2K/月' },
      { name: '数学', addres: '长春', edu: '本科及以上', time: '2017-5-15', gongzi: '1.5K-2K/月' },
      { name: '语文', addres: '长春', edu: '本科及以上', time: '2017-5-15', gongzi: '1.5K-2K/月' },
    ],
    input: '',
  }),
  created() {},
  computed: {},
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    handleChange(val) {
      console.log(val);
    },
  },
};
</script>

<style lang="less" scoped>
/deep/.el-image__inner {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
h4 {
  padding: 0;
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
}
.top {
  height: 4.375rem;
  padding: 0.3125rem;
  position: fixed;
  z-index: 9999;
  background: #fff;
}
.topImg {
  text-align: center;
}
.topTit {
  height: 3.75rem;
  line-height: 1.875rem;
}
.main {
  position: absolute;
  top: 4.375rem;
}
/deep/.el-tabs__nav {
  width: 100%;
}
/deep/.el-tabs__item {
  width: 50%;
  text-align: center;
}
/deep/.el-tabs__header {
  margin: 0;
}
.talkMainTop {
  width: 100%;
  background: #fff;
  border-bottom: 0.0625rem solid #f6f6f6;
  border-top: 0.0625rem solid #f6f6f6;
}
.talkMainTopCol {
  width: 100%;
  text-align: center;
  padding: 0.0625rem 0;
  color: #333;
  font-size: 0.875rem;
  border-right: 0.0625rem solid #f6f6f6;
}
.active i {
  color: #25b6ed;
}
.active p {
  color: #25b6ed;
}
.talkMainTop .el-col:last-child .talkMainTopCol:last-child {
  border-right: none;
}
.talkMainTopCol i {
  font-size: 1.25rem;
  padding: 0.3125rem 0;
}
.talkMainTopCol p {
  margin: 0 0;
  padding: 0.3125rem 0;
}
/deep/.jobsBrief .el-collapse-item__header {
  width: 100%;
  position: relative;
  left: -45%;
  height: 1.875rem;
  line-height: 1.875rem;
}
/deep/.el-collapse-item__arrow {
  font-size: 1.25rem;
  transform: rotate(90deg);
}
/deep/.el-collapse-item__arrow.is-active {
  transform: rotate(270deg);
}
.jobsBriefTit {
  position: relative;
  background: #fff;
  z-index: 999;
  top: 0;
  padding: 0.625rem 0.9375rem 0;
}
.jobsGeneral h4 {
  height: 2.5rem;
  line-height: 2.5rem;
  background: #ccc;
  color: #333;
  font-weight: 500;
  padding: 0 0.625rem;
}
.jobsGeneralTxt {
  background-color: #fff;
  padding: 0.625rem;
  position: relative;
}
.jobsReport {
  text-align: center;
}
/deep/.jobsReport .el-link {
  height: 2.5rem;
  padding: 0 0.9375rem;
  background-color: #77b911;
  color: #fff;
  border-radius: 0.25rem;
}
.jobsReport span {
  display: inline-block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.jobsGeneralList {
  padding: 0.625rem;
  border-bottom: 0.0625rem solid #ccc;
}
.listTit .listSpan {
  font-size: 0.875rem;
  color: #666;
  padding: 0 0.3125rem 0 0;
}
.listp {
  font-size: 0.875rem;
  color: #666;
}
.listBtn {
  padding: 0.625rem 0;
}
.jobsErweima {
  padding: 0.9375rem 3.125rem;
}
.pingBtn {
  position: fixed;
  bottom: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  z-index: 9999;
  background: #fff;
  border-top: 0.0625rem solid #ccc;
}
.pingBtnInput {
  padding: 0 0.625rem;
}
/deep/.pingBtnInput .el-input__inner {
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0 0.625rem;
}
.pingBtnBttn {
  text-align: center;
}
/deep/.pingBtnBttn .el-button {
  padding: 0 0.625rem;
  height: 1.5625rem;
  line-height: 1.5625rem;
}
</style>
