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>
	</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>