Browse Source

修改事件回复附件展示样式

feature
luyan 2 years ago
parent
commit
e41b183941
  1. 14
      src/views/modules/shequzhili/event/cpts/event-info.vue

14
src/views/modules/shequzhili/event/cpts/event-info.vue

@ -102,26 +102,32 @@
<template v-if="item.internalFile && item.internalFile.length > 0"
v-for="i in item.internalFile">
<template v-if="i.type === 'image'">
<div class="detail">
<div class="detail-field">图片</div>
<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"
style="width: 50px; height: 50px; padding-right: 10px"
@click="watchImg(i.url)" />
</div>
</div>
</template>
<template v-if="i.type === 'voice'">
<div class="detail">
<div class="detail-field">语音</div>
<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>
</div>
</template>
<template v-if="i.type === 'doc'">
<div class="detail">
<div class="detail-field">附件</div>
<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>
</div>
</template>
</template>
</template>

Loading…
Cancel
Save