hookehuyr

🦄 refactor: 视频显示tag判断条件优化

<template>
<div class="video-wrapper" style="position: relative;">
<div v-if="mp && detail.showStatus" class="status">
<van-image v-if="item.status === 'ENABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;"
:src="icon_enable" />
<van-image v-if="item.status === 'DISABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;"
:src="icon_refuse" />
<van-image v-if="item.status === 'APPLY'" round width="6rem" height="6rem" style="vertical-align: bottom;"
:src="icon_apply" />
<van-image round width="6rem" height="6rem" style="vertical-align: bottom;" :src="status_icon" />
</div>
<div :id="'mui-player-' + item.id" class="video-div" />
<div v-if="mp">
......@@ -15,8 +10,7 @@
<van-row>
<van-col span="12" @click="goTo">
<van-image round width="2rem" height="2rem" style="vertical-align: middle;"
:src="item.avatar ? item.avatar : icon_avatar" />&nbsp;
&nbsp;
:src="item.avatar ? item.avatar : icon_avatar" />&nbsp;&nbsp;
<span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span>
</van-col>
<van-col span="12">
......@@ -42,8 +36,7 @@
</div>
<div v-else class="audit-module" style="margin-top: 1rem;">
<div style="color: #222222; padding: 0px 1rem 0.5rem;">{{ item.book_name }} | {{ item.localism_type }}</div>
<div v-if="item.status === 'DISABLE'" class="van-hairline--top"
style="padding: 1rem; font-size: 0.85rem;">
<div v-if="item.status === 'DISABLE'" class="van-hairline--top" style="padding: 1rem; font-size: 0.85rem;">
<p style="color: #999999; margin-bottom: 0.25rem;">老师留言:</p>
<p>{{ item.check_note }}</p>
</div>
......@@ -82,6 +75,19 @@ export default {
mp: ''
}
},
computed: {
// eslint-disable-next-line vue/return-in-computed-property
status_icon () {
switch (this.item.status) {
case 'ENABLE':
return icon_enable
case 'DISABLE':
return icon_refuse
case 'APPLY':
return icon_apply
}
}
},
created() {
},
mounted() {
......