<template>
  <el-dialog title="详情" :visible.sync="detailOpen" width="500px" append-to-body destroy-on-close :close-on-click-modal="false">
    <el-form label-width="120px">
      <el-form-item label="身份证号">
        <span v-if="detailInfo.fIdNo">{{ detailInfo.fIdNo }}</span>
        <span v-else>-</span>
      </el-form-item>
      <el-form-item label="专家表现评价">
        <span v-if="detailInfo.fExperEval">{{ detailInfo.fExperEval }}</span>
        <span v-else>-</span>
      </el-form-item>
      <el-form-item label="选用事件">
        <span v-if="detailInfo.fSelectionEvent">{{ detailInfo.fSelectionEvent }}</span>
        <span v-else>-</span>
      </el-form-item>
      <el-form-item label="选用开始时间" prop="fSelectionStartTime">
        <span v-if="detailInfo.fSelectionStartTime">{{ detailInfo.fSelectionStartTime }}</span>
        <span v-else>-</span>
      </el-form-item>
      <el-form-item label="评分说明" prop="fScorDesc">
        <span v-if="detailInfo.fScorDesc">{{ detailInfo.fScorDesc }}</span>
        <span v-else>-</span>
      </el-form-item>
      <el-form-item label="最后修改时间" prop="fUpdateTime">
        <span v-if="detailInfo.fUpdateTime">{{ detailInfo.fUpdateTime }}</span>
        <span v-else>-</span>
      </el-form-item>
    </el-form>
  </el-dialog>

</template>

<script>
  import { getBrowse } from "@/api/specialist/behBrowse";
  export default {
    name: "detail-info",
    data(){
        return{
          detailInfo: {},
          detailOpen: false
        }
    },
    methods:{
      getDetailInfo(id){
        getBrowse(id).then(res =>{
          if(res.code == 200 && res.data){
            this.detailInfo = res.data;
            this.detailOpen = true;
          }
        })
      }
    }
  }
</script>

<style scoped>

</style>
