<template>
  <el-dialog :modelValue="show" title="" width="50%" :before-close="handleClose">
    <el-form label-width="110px" label-position="left">
      <div class="position-info">
        <div class="position-info-title">
          <img src="@/assets/img/position.png" width="24" height="24" />
          <span>职位基本信息</span>
        </div>
        <div style="margin-left: 42px">
          <el-form-item label="公司：">
            <span>深圳好利航·贸易/进出口·深圳市好利航国际货运代理有限公司武汉分公司</span>
          </el-form-item>
          <el-form-item label="招聘类型："><span>校招</span></el-form-item>
          <el-form-item label="职位名称："><span>货代销售经理</span></el-form-item>
          <el-form-item label="职位描述：">
            <p>岗位职责:</p>
            <p>
              1.负责新销售团队的搭建、管理和组织，制定销售目标和销售策略，确保团队实现业绩目标，
            </p>
            <p>
              2.建立和维护与客户的良好关系，开发新的客户资源，扩大市场份额，并促进客户满意度的提升，
            </p>
            <p>3.制定销售计划，并协助销售业绩的达成，及时调整销售策略，确保销售目标的实现，</p>
            <p>
              5.负责销售团队的绩效评估和管理，制定激励机制和培训计划，提高团队成员的销售能力和团队凝聚力，
            </p>
            <p>6.主持新员工的货代行业业务培训，确保团队成员对货运行业有深入的理解和认识。</p>
          </el-form-item>
          <el-form-item label="职位类型："><span>货代销售经理</span></el-form-item>
        </div>
        <div class="position-info-title" style="margin: 30px 0 5px">
          <img src="@/assets/img/position1.png" width="24" height="24" />
          <span>职位基本信息</span>
        </div>
        <div style="margin-left: 42px">
          <div class="flx-align-center">
            <el-form-item label="经验和学历 ："
              ><span>5-10年</span
              ><span
                style="
                  display: inline-block;
                  width: 4px;
                  height: 4px;
                  background: #cccccc;
                  border-radius: 50%;
                  margin: 0 4px;
                "
              ></span>
              <span>学历不限</span></el-form-item
            >
          </div>
          <div class="flx-align-center">
            <el-form-item label="薪资范围："><span>10K-15K&nbsp;&nbsp;13个月</span></el-form-item>
          </div>

          <el-form-item label="工作地点：">深圳罗湖区</el-form-item>
          <el-form-item label="职位关键词：" class="tag-label"
            ><el-tag v-for="item in 10" :key="item" style="margin: 0 12px 12px 0"
              >带团队</el-tag
            ></el-form-item
          >
        </div>
      </div>
    </el-form>
  </el-dialog>
</template>

<script setup lang="ts">
defineProps({
  show: {
    type: Boolean,
    default: false
  }
})

const emits = defineEmits(['update:show'])

const handleClose = () => {
  emits('update:show', false)
}
</script>

<style lang="scss" scoped>
.el-form {
  padding-left: 60px;
}
.position-info {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  color: #222222;
}

.position-info-title {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  span {
    margin-left: 16px;
  }
}
.tag-label {
  :deep(.el-form-item__label) {
    margin-bottom: 12px;
  }
}
</style>
