<template name="notice-cell">
	<!-- 通知消息 -->
	<view>
		<!-- 供应商账户通知 -->
		<template v-if="cellType === 1">
			<view class="tui-notice-cell clearfix">
				<view class="tui-cell-top">
					<view class="cell-title"> {{ cell.shopMessType | noticeUsersFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
				<template v-if="cell.shopMessType === 3 || cell.shopMessType === 4 || cell.shopMessType === 6">
					<view class="tui-cell-content">
						<view class="cell-image"> <img :src="cell.mainImage" alt="" /> </view>
						<view class="cell-content"> {{ noticeUsersText(cell) }} </view>
					</view>
				</template>
				<template v-else>
					<view class="tui-cell-content"> {{ noticeUsersText(cell) }} </view>
				</template>
			</view>
		</template>
		<!-- 供应商服务通知 -->
		<template v-if="cellType === 2">
			<view class="tui-notice-cell clearfix">
				<view class="tui-cell-top">
					<view class="cell-title"> {{ cell.shopTieredType | noticeServeFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
				<view class="tui-cell-content"> {{ noticeServeText(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"></style>
