caimei-applets-store/pages/notice/club/components/notice-cell.vue

<template name="notice-cell">
	<!-- 通知消息 -->
	<view>
		<!-- 交易物流通知 -->
		<template v-if="cellType === 1">
			<view class="tui-notice-cell">
				<view class="tui-cell-top">
					<view class="cell-title"> {{ cell.orderMessageType | noticeOrderFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
				<view class="tui-cell-content"> 
					<view class="cell-image">
						<img :src="cell.mainImage" alt="">
					</view>
					<view class="cell-content">
						{{ noticeOrderText(cell)}}
					</view>
				</view> 
				<view class="tui-cell-bot"> 
					<view class="tui-cell-btn" v-if="cell.orderMessageType===1">立即支付</view>
					<view class="tui-cell-btn" v-else-if="cell.orderMessageType===5">查看物流</view>
					<view class="tui-cell-btn" v-else>查看订单</view>
				</view>
			</view>
		</template>
		<!-- 机构账户通知 -->
		<template v-if="cellType === 2">
			<view class="tui-notice-cell clearfix">
				<view class="tui-cell-top">
					<view class="cell-title"> {{ cell.accountType | noticeUsersFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
				<view class="tui-cell-content"> 
					{{ noticeUsersText(cell)}}
				</view> 
			</view>
		</template>
		<!-- 机构服务通知 -->
		<template v-if="cellType === 3">
			<view class="tui-notice-cell clearfix">
				<view class="tui-cell-top">
					<view class="cell-title"> {{ cell.messageType | noticeUsersFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
				<view class="tui-cell-content"> 
					{{ noticeUsersText(cell)}}
				</view> 
			</view>
		</template>
		<!-- 机构优惠促销通知 -->
		<template v-if="cellType === 4">
			<view class="tui-notice-cell clearfix">
				<view class="tui-cell-top">
					<view class="cell-title"> {{ cell.couponMessageType | noticeCouponFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
				<view class="tui-cell-content"> 
					{{ noticeCouponText(cell)}}
				</view> 
			</view>
		</template>
        <!-- 文章最新通知 -->
        <template v-if="cellType === 5">
            <view class="tui-notice-cell">
            	<view class="tui-cell-top">
            		<view class="cell-title"> 最新文章通知 </view>
            		<view class="cell-time"> {{ cell.time }} </view>
            	</view>
            	<view class="tui-cell-content"> 
            		<view class="cell-image">
            			<img :src="cell.mainImage" alt="">
            		</view>
            		<view class="cell-content">
            			{{ cell.content }}
            		</view> 
            	</view> 
            </view>
        </template>
        <!-- 最新活动通知 -->
        <template v-if="cellType === 6">
        	<view class="tui-notice-cell clearfix">
        		<view class="tui-cell-top">
        			<view class="cell-title"> 最新活动通知 </view>
        			<view class="cell-time"> {{ cell.time }} </view>
        		</view>
                <view class="tui-cell-content">
                	<view class="cell-image">
                		<img :src="cell.mainImage" alt="">
                	</view>
                    <view class="cell-content"> 
                        {{ cell.content }}
                    </view> 
                </view> 
        	</view>
        </template>
	</view>
</template>

<script>
import { mapState, mapMutations } from 'vuex'
import noticeMixins from '../mixins/notice_mixins.js'
export default {
	mixins: [noticeMixins],
	name: 'notice-cell',
	props: {
		cellType:{
			type:Number
		},
		cell: {
			type: Object
		}
	},
	data() {
		return {
			
		}
	},
	created() {
		
	},
	methods: {
		
	}
}
</script>

<style lang="scss">
.tui-cell-btn {
    border-color: #FF457B !important;
    color: #FF457B !important;
}
</style>