<!--  -->
<template>
  <div class="contant">
    <el-form label-position="left" ref="form" :model="form" label-width="120px">
      <el-form-item label="姓名">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="性别">
        <el-radio-group v-model="form.resource">
          <el-radio label="1">男</el-radio>
          <el-radio label="0">女</el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item label="生日">
        <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
      </el-form-item>

      <el-form-item label="婚姻状况">
        <el-radio-group v-model="form.resource">
          <el-radio label="1">已婚</el-radio>
          <el-radio label="0">未婚</el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item label="民族">
        <el-input v-model="form.name"></el-input>
      </el-form-item>

      <el-form-item label="政治面貌">
        <el-input v-model="form.name"></el-input>
      </el-form-item>

      <el-form-item label="联系电话">
        <el-input v-model="form.name"></el-input>
      </el-form-item>

      <el-form-item label="现住址">
        <el-input type="textarea" v-model="form.desc"></el-input>
      </el-form-item>
    </el-form>

    <!-- <div class="contant" v-if="info.staffName">
      <span class="contant-label">姓名：</span>
      <span class="contant-name">{{info.staffName}}</span>
    </div>
    <div class="contant" v-if="info.gender">
      <span class="contant-label">性别：</span>
      <span class="contant-name">{{info.gender |getSex}}</span>
    </div>
    <div class="contant" v-if="info.birthday">
      <span class="contant-label">生日：</span>
      <span class="contant-name">{{info.birthday}}</span>
    </div>
    <div class="contant" v-if="info.maritalStatus">
      <span class="contant-label">婚姻状况：</span>
      <span class="contant-name">{{info.maritalStatus==0?"未婚":"已婚"}}</span>
    </div>
    <div class="contant" v-if="info.national">
      <span class="contant-label">民族：</span>
      <span class="contant-name">{{info.national}}</span>
    </div>
    <div class="contant" v-if="info.politicalLandscape">
      <span class="contant-label">政治面貌：</span>
      <span class="contant-name">{{info.politicalLandscape}}</span>
    </div>
    <div class="contant" v-if="info.mobile">
      <span class="contant-label">联系电话：</span>
      <span class="contant-name">{{info.mobile}}</span>
    </div>
    <div class="contant" v-if="info.currentAddress">
      <span class="contant-label">现住址：</span>
      <span class="contant-name">{{info.currentAddress}}</span>
    </div>-->
  </div>
</template>

<script>
export default {
  props: {
    info: {
      type: Object,
      default: () => { }
    }
  },
  filters: {
    getSex (type) {
      let info = ''
      switch (type) {
        case 0:
          info = '未知'
          break
        case 1:
          info = '男'
          break
        case 2:
          info = '女'
          break

        default:
          break
      }
      return info
    }
  },
  data () {
    return {
      form: {}

    }
  },
  computed: {},
  beforeMount () { },
  mounted () { },
  methods: {},
  watch: {}

}
</script>

<style lang='scss' scoped>
.contant {
  margin: 16px auto;
  width: 80%;
}
</style>