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" <template v-if="item.internalFile && item.internalFile.length > 0"
v-for="i in item.internalFile"> v-for="i in item.internalFile">
<template v-if="i.type === 'image'"> <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' },]"> <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" <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)" /> @click="watchImg(i.url)" />
</div> </div>
</div>
</template> </template>
<template v-if="i.type === 'voice'"> <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' },]"> <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<span class="u-info-title-2">语音</span>
<audio controls> <audio controls>
<source :src="i.url" type="" :key="i.url" /> <source :src="i.url" type="" :key="i.url" />
</audio> </audio>
</div> </div>
</div>
</template> </template>
<template v-if="i.type === 'doc'"> <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' },]"> <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> <a :href="i.url">{{ i.name }}</a>
</div> </div>
</div>
</template> </template>
</template> </template>
</template> </template>

Loading…
Cancel
Save