elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

feature
luyan 2 years ago
parent
aefec1f42c
commit
e41b183941
1 changed files with 44 additions and 38 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 82
      src/views/modules/shequzhili/event/cpts/event-info.vue

82
src/views/modules/shequzhili/event/cpts/event-info.vue
View File

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

Write Preview
Loading…
Cancel
Save