|
|
@ -102,25 +102,31 @@ |
|
|
|
<template v-if="item.internalFile && item.internalFile.length > 0" |
|
|
|
v-for="i in item.internalFile"> |
|
|
|
<template v-if="i.type === 'image'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">图片:</span> |
|
|
|
<img :src="i.url" :key="i.url" |
|
|
|
style="width: 150px; height: 150px; padding-right: 10px" |
|
|
|
@click="watchImg(i.url)" /> |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">图片:</div> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<img :src="i.url" :key="i.url" |
|
|
|
style="width: 50px; height: 50px; padding-right: 10px" |
|
|
|
@click="watchImg(i.url)" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'voice'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">语音:</span> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">语音:</div> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'doc'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">附件:</span> |
|
|
|
<a :href="i.url">{{ i.name }}</a> |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">附件:</div> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<a :href="i.url">{{ i.name }}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -139,32 +145,32 @@ |
|
|
|
<div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div> |
|
|
|
</div> |
|
|
|
<template v-if="item.internalFile && item.internalFile.length > 0" |
|
|
|
v-for="i in item.internalFile"> |
|
|
|
<template v-if="i.type === 'image'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">图片:</span> |
|
|
|
<img :src="i.url" :key="i.url" |
|
|
|
style="width: 150px; height: 150px; padding-right: 10px" |
|
|
|
@click="watchImg(i.url)" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'voice'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">语音:</span> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'doc'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">语音:</span> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
v-for="i in item.internalFile"> |
|
|
|
<template v-if="i.type === 'image'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">图片:</span> |
|
|
|
<img :src="i.url" :key="i.url" |
|
|
|
style="width: 150px; height: 150px; padding-right: 10px" |
|
|
|
@click="watchImg(i.url)" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'voice'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">语音:</span> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'doc'"> |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">语音:</span> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|