<template>
|
<div>
|
<el-text tag="b" type="warning" size="small">{{ index }}. </el-text>
|
<el-text type="warning" size="small">{{ title }}</el-text>
|
</div>
|
<!-- <div>
|
<el-text>{{ proStatus.name }}</el-text>
|
</div> -->
|
<template v-for="(pic, t) in pics" :key="t">
|
<template v-if="pic.path.length > 0">
|
<div>
|
<el-text size="small" type="info">{{ pic.title }}</el-text>
|
</div>
|
<el-space>
|
<el-image
|
v-for="(p, i) in pic.path"
|
class="image"
|
:key="i"
|
:src="p"
|
:preview-src-list="pic.path"
|
:initial-index="i"
|
fit="cover"
|
lazy
|
/>
|
</el-space>
|
</template>
|
</template>
|
</template>
|
<script setup>
|
import { computed } from 'vue'
|
|
import ProCheckProxy from '@/utils/ProCheckProxy'
|
|
const props = defineProps({
|
problem: {
|
type: Object,
|
default: () => {
|
return {}
|
}
|
},
|
index: {
|
type: Number,
|
default: 1
|
}
|
})
|
|
// 问题名称
|
const title = computed(() => {
|
return props.problem.problemname
|
})
|
|
// 问题图片
|
const pics = computed(() => {
|
return ProCheckProxy.proPics(props.problem)
|
})
|
|
// 问题状态
|
const proStatus = computed(() => {
|
return ProCheckProxy.proStatusMap(props.problem.extension3)
|
})
|
</script>
|
<style scoped>
|
.image {
|
width: 60px;
|
height: 60px;
|
border-radius: 2px;
|
}
|
</style>
|
