|
|
|
@ -105,40 +105,41 @@ |
|
|
|
<div class="detail-field">办结时限:</div> |
|
|
|
<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.attachmentType === 'image'"> |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">图片:</div> |
|
|
|
<div |
|
|
|
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<img :src="i.attachmentUrl" :key="i.attachmentUrl" |
|
|
|
style="width: 50px; height: 50px; padding-right: 10px" |
|
|
|
@click="watchImg(i.attachmentUrl)" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.attachmentType === 'voice'"> |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">语音:</div> |
|
|
|
<div |
|
|
|
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" /> |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="i.attachmentType === 'doc'"> |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">附件:</div> |
|
|
|
<div |
|
|
|
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<a :href="i.attachmentUrl">{{ i.attachmentName }}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">附件/图片:</div> |
|
|
|
<template v-if="item.internalFile && item.internalFile.length > 0" |
|
|
|
v-for="i in item.internalFile"> |
|
|
|
<template v-if="i.attachmentType === 'image'"> |
|
|
|
|
|
|
|
<div |
|
|
|
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<img :src="i.attachmentUrl" :key="i.attachmentUrl" |
|
|
|
style="width: 50px; height: 50px; padding-right: 10px" |
|
|
|
@click="watchImg(i.attachmentUrl)" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
<template v-if="i.attachmentType === 'voice'"> |
|
|
|
|
|
|
|
<div |
|
|
|
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<audio controls> |
|
|
|
<source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" /> |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
<template v-if="i.attachmentType === 'doc'"> |
|
|
|
|
|
|
|
<div |
|
|
|
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<a :href="i.attachmentUrl">{{ i.attachmentName }}</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<div class="detail"> |
|
|
|
@ -153,33 +154,34 @@ |
|
|
|
<div class="detail-field">办结时限:</div> |
|
|
|
<div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div> |
|
|
|
</div> |
|
|
|
<template v-if="item.internalFile && item.internalFile.length > 0" |
|
|
|
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<span class="u-info-title-2">附件/图片:</span> |
|
|
|
<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-if="i.type === 'image'"> |
|
|
|
|
|
|
|
<img :src="i.url" :key="i.url" |
|
|
|
style="width: 150px; height: 150px; padding-right: 10px" |
|
|
|
@click="watchImg(i.url)" /> |
|
|
|
|
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'voice'"> |
|
|
|
|
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
|
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'doc'"> |
|
|
|
|
|
|
|
<audio controls> |
|
|
|
<source :src="i.url" type="" :key="i.url" /> |
|
|
|
</audio> |
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
</div> |
|
|
|
<div v-else-if="item.type === 'demand'"> |
|
|
|
@ -200,40 +202,41 @@ |
|
|
|
<div class="detail-field">办结时限:</div> |
|
|
|
<div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div> |
|
|
|
</div> |
|
|
|
<template v-if="item.internalFile && item.internalFile.length > 0" |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">附件/图片:</div> |
|
|
|
<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' },]"> |
|
|
|
<img :src="i.url" :key="i.url" |
|
|
|
style="width: 50px; height: 50px; padding-right: 10px" |
|
|
|
@click="watchImg(i.url)" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<template v-if="i.type === 'image'"> |
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
</template> |
|
|
|
<template v-if="i.type === 'voice'"> |
|
|
|
|
|
|
|
<div |
|
|
|
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]"> |
|
|
|
<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' },]"> |
|
|
|
<a :href="i.url">{{ i.name }}</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
</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' },]"> |
|
|
|
<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' },]"> |
|
|
|
<a :href="i.url">{{ i.name }}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
<div v-if="item.processName === '需求完成'"> |
|
|
|
<div class="detail"> |
|
|
|
@ -648,6 +651,10 @@ export default { |
|
|
|
"yyyy-MM-dd hh:mm" |
|
|
|
); |
|
|
|
}, |
|
|
|
|
|
|
|
watchImg (src) { |
|
|
|
window.open(src); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|