<template>
  <div class="app-container">
    <el-form ref="form" :model="datainfo" label-width="80px">
      <el-form-item label="专家名称">
        <el-input v-model="datainfo.name" :disabled="true" style="width:30%"></el-input>
      </el-form-item>
      <el-form-item label="专家详情">
        <el-input v-model="datainfo.info" :disabled="true" style="width:60%"></el-input>
      </el-form-item>
      <el-form-item label="专家图片">
        <el-image style="width: 100px; height: 100px" :src="datainfo.img" fit="contain"></el-image>
      </el-form-item>
      <el-form-item label="专家评分">
        <el-rate v-model="value" disabled show-score text-color="#ff9900" score-template="{value}"></el-rate>
      </el-form-item>
      <el-form-item label="专家年龄">
        <el-input v-model="datainfo.id" :disabled="true" style="width:30%"></el-input>
      </el-form-item>
      <el-form-item label="联系电话">
        <el-input v-model="value2" :disabled="true" style="width:30%"></el-input>
      </el-form-item>
      <el-form-item label="通讯地址">
        <el-input v-model="value3" :disabled="true" style="width:30%"></el-input>
      </el-form-item>
      <el-form-item label="电子邮箱">
        <el-input v-model="value4" :disabled="true" style="width:30%"></el-input>
      </el-form-item>
    </el-form>
    <el-timeline>
      <el-timeline-item timestamp="2018/4/12" placement="top">
        <el-card>
          <h4>工作经历</h4>
          <p>{{ datainfo.name }}在北京xxx公司工作一年</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2018/4/3" placement="top">
        <el-card>
          <h4>学习经历</h4>
          <p>{{ datainfo.name }}在北京清华大学学习</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2018/10/2" placement="top">
        <el-card>
          <h4>学术成果</h4>
          <p>{{ datainfo.name }}在石家庄建家园工作</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2018/12/2" placement="top">
        <el-card>
          <h4>工作业绩</h4>
          <p>{{ datainfo.name }}在石家庄建家园工作获得一等金</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2019/12/2" placement="top">
        <el-card>
          <h4>奖金</h4>
          <p>{{ datainfo.name }}在技术上有突破获得奖金</p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
export default {
  data() {
    return {
      datainfo: '',
      value: '3.7',
      value2: '1561293822',
      value3: '石家庄合肥市南宫县',
      value4: '1662663232@163.com',
    };
  },
  mounted() {
    this.datainfo = this.$route.query;
  },
};
</script>

<style>
</style>
