index.vue 3.44 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123
<template>
  <el-dialog title="从业人员详情" :visible.sync="detailOpen" width="900px" append-to-body>
    <el-form ref="form" :model="form" label-width="120px">
      <el-row>
        <el-col :span="16">
          <el-row>
            <el-col :span="12">
              <el-form-item label="储配站">
                <span>{{ form.stationName }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="工号">
                <span>{{ form.practitionerNum }}</span>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="12">
              <el-form-item label="姓名">
                <span>{{ form.name }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="性别">
                <span v-if="form.sex == '0'"></span>
                <span v-if="form.sex == '1'"></span>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="12">
              <el-form-item label="出生日期">
                <span>{{ form.birthDate }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="联系电话">
                <span>{{ form.telNum }}</span>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="12">
              <el-form-item label="岗位">
                <span>{{ form.postName }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="从业资格编号">
                <span>{{ form.certificateNum }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="证书文件" prop="licenseFile">
                <span class="dbtn" @click="checkFile(form.licenseFile)" v-if="form.licenseFile != ''">
                  <i class="el-icon el-icon-view"></i>查看/下载
                </span>
                <span v-else>-</span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="资格证有效时间">
                <span>{{ form.certificateEffectiveDate }}</span>
              </el-form-item>
            </el-col>
          </el-row>

          <el-form-item label="配送区域">
            <span>{{ form.deliveryArea }}</span>
          </el-form-item>

        </el-col>

        <el-col :span="8">
          <el-form-item label="人员照片" prop="personPhoto">
            <el-image :src="form.personPhoto" style="width: 160px;height: 180px"/>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script>
  export default {
    name: "index",
    data(){
      return{
        detailOpen: false,
        form: {}
      }
    },
    methods: {
      checkFile(url) {
        window.open(url,'_blank');
      },
    }
  }
</script>

<style scoped lang="scss">
  .dbtn {
    display: inline-block;
    line-height: normal;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
    border-radius: 3px;
    border-style: solid;
    border-width: 0;
    color: rgb(48, 180, 107);
  }
  .dbtn:hover {
    border-width: 1px;
    border-color: rgb(48, 180, 107);
  }
</style>