<template>
    <MyDialog v-if="show" v-model="show" width="1200px" height="550px" class="projectSpecialDlg">
        <template slot="title">{{title}}</template>
        <el-table :data="dataList" class="mytable" style="width: 100%;background: transparent;" height="470">
            <el-table-column prop="name" align="center" label="人员名称"></el-table-column>
            <el-table-column prop="sex" align="center" label="性别">
                <template slot-scope="scope">
                    <span v-if="scope.row.sex==0">男</span>
                    <span v-if="scope.row.sex==1">女</span>
                    <span v-if="scope.row.sex==2">未知</span>
                </template>
            </el-table-column>
            <el-table-column prop="phoneNumber" align="center" label="联系方式"> </el-table-column>
            <el-table-column label="证书编号" align="center" prop="credentialNumber"></el-table-column>
            <el-table-column label="证书过期时间" align="center" prop="credentialExpirationTime"></el-table-column>
            <el-table-column label="证书类型" align="center" prop="credentialType" v-if="false"></el-table-column>
            <el-table-column label="提交时间" align="center" prop="createTime"></el-table-column>
            <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                    <el-button
                        size="mini"
                        type="text"
                        icon="el-icon-download"
                        @click="handledownload(scope.row)"
                    >查看证书</el-button>
                </template>
            </el-table-column>
        </el-table>
    </MyDialog>
</template>

<script>
import '@/components/module/module-one-1-1'
import MyDialog from '../components/MyDialog'
export default {
    components: {
        MyDialog,
    },
    name: 'projectSpecialDlg',
    data() {
        return {
            title:'',
            data: null,
            dataList: [],
            show: false
        };
    },

    /**特种作业人员数据 */
    mounted() {
        this.data = null;
    },

    methods: {
        /** 下载证书 */
        handledownload(row){
            window.open('/jhapi'+row.credentialFile);
        },
        showDialog(it) {
            this.data = it;
            this.title = it.title;
            this.$api.special.getProjectSpecialList(it.projectId).then(d => {
                this.dataList = d.rows;
                this.show = true;
            });
        }
    },
};
</script>

<style lang="less" scoped>
.mytable {
    /deep/ th .cell {
        color: aquamarine;
    }
}
</style>