<template>
    <el-table
        ref="verifyTable"
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange"
    >
        <el-table-column type="selection" width="55" />
        <el-table-column prop="verifyName" label="认证名称" />
        <el-table-column prop="verifyAgencies" label="认证机构" />
        <el-table-column prop="verifyDate" label="有效期" />
        <el-table-column prop="verifyDataUrl" label="认证资料" >
            <template v-slot="{ row }">
                <template v-if="row.verifyDataUrl != '--'">
                    <el-image
                        style="width: 60px; height: 60px;margin: 5px;"
                        v-for="(item,index) in row.verifyDataUrl"
                        :key="index"
                        :src="item"
                        :preview-src-list="row.verifyDataUrl"
                        fit="fill" 
                    />
                </template>
                <template v-else>
                    <span>{{ row.verifyDataUrl }}</span>
                </template>
            </template>
        </el-table-column>
    </el-table>
</template>

<script>
export default {
    name: "SelectVerifyView",
    components: {
    },
    props: {
        tableData: {
            type: Array,
            default: [],
        },
        selectedGoodsVerifys: {
            type: Array,
            default: [],
        },
    },
    data() {
        return {
        }
    },
    created() {},
    mounted() {},
    watch:{},
    methods: {
        handleSelectionChange(val) {
            this.$emit('update:selectedGoodsVerifys', val);
        },
    }
}
</script>
<style scoped lang="scss">
</style>