<template>
    <el-dialog
      v-dialogDrag
      :title="title"
      :visible.sync="open"
      width="800px"
      append-to-body
      v-if="open"
    >


    <el-tabs v-model="activeName"  type="border-card" @tab-click="handleClick">
      <el-tab-pane label="基础信息" name="first">
        <el-descriptions class="margin-top" title="人员信息" :column="3" size="medium" border>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-user-solid"></i>
              队伍姓名
            </template>
            {{detailData.rescueTeamName}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-user"></i>
              人员姓名
            </template>
            {{detailData.workerName}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-s-custom"></i>
              年龄
            </template>
            {{detailData.workerAge}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-male"></i>
              性别
            </template>
            <p v-if="detailData.gender == 0">男</p>
            <p v-if="detailData.gender == 1">女</p>
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-document-copy"></i>
              身份证号
            </template>
            {{detailData.idCard}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-phone"></i>
              联系方式
            </template>
            {{detailData.phone}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-coordinate"></i>
              队内职务
            </template>
            {{detailData.teamPost}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-date"></i>
              工作年限
            </template>
            {{detailData.workYear}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-office-building"></i>
              救援技能特长
            </template>
            {{detailData.speciality}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-s-data"></i>
              培训次数
            </template>
            {{detailData.trainNum}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-document"></i>
              备注
            </template>
            {{detailData.remark}}
          </el-descriptions-item>


        </el-descriptions>
      </el-tab-pane>
    </el-tabs>

    </el-dialog>
  </template>

  <script>

  export default {
      components:{
          //fisrt,
      },
    data() {
      return {
        data:[],
        activeName:"first",
        size:"",
        open: false,
        form: {},
        rules: [],
      };
    },
    props: {
      detailData:{
        type:Object,
      },
      title: {
        type: String,
        default: "详情",
      },
    },
    created(){
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },

    },
  };
  </script>

  <style></style>
