<template>
    <div>
        <div v-if="projectItemData.type=='UPLOAD'">
            <div v-if="getItemValue['files']">
                <el-link
                    v-for="file in getItemValue['files']"

                    :key="file"
                    :href="file.url" target="_blank"
                    type="primary"
                >
                    <span> {{ file.fileName }}</span>
                </el-link>
            </div>
            <span v-else>/</span>
        </div>
        <div v-else>
            {{ getItemValue ? getItemValue : '/' }}
        </div>
    </div>
</template>

<script>
export default {
    name: 'ResultItem',
    props: {
        projectItemData: {
            type: Object,
            default: function() {
                return {}
            }
        },
        resultData: {
            type: Object,
            default: function() {
                return {}
            }
        },
        fieldItemId: {
            type: Number,
            default: 0
        }
    },
    computed: {
        processData() {
            return this.resultData ? this.resultData['processData'] : {}
        },
        getItemValue() {
            return this.processData[`field${this.fieldItemId}`] ? this.processData[`field${this.fieldItemId}`] : ''
        }
    }

}
</script>

