caimei-applets-caimei/pages/seller/notice/components/notice-cell.vue

<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.messageType | noticeUsersFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
                <view class="cell-info" v-if="false">
                    <view class="club-cell">
                        机构名称：<text>西安聚美汇医疗美容</text>
                    </view>
                    <view class="club-cell">
                        联系人：<text>西安聚美汇医疗美容</text>
                    </view>
                    <view class="club-cell">
                        手机号：<text>西安聚美汇医疗美容</text>
                    </view>
                    <view class="club-cell">
                        上一任销售：<text></text>
                    </view>
                </view>
                <view class="cell-info" v-else>
                    昨日【广州市美洋阳医疗美容...】等5家机构客户访问
                    了采美商城
                </view>
				<view class="tui-cell-content"> 
					{{ noticeUsersText(cell)}}
				</view> 
                <view class="tui-cell-button">
                    <button @click="$emit('trampInfo', cell.id)">立即查看</button>
                </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" scoped>
.cell-info {
    padding: 33rpx 0;
    line-height: 48rpx;
    color: #666666;
}
.club-cell {
    font-size: 28rpx;
    color: #333333;
    font-weight: bold;
    text {
        color: #666666;
        font-weight: 400;
    }
}
.tui-cell-button {
    padding: 15rpx 0;
    height: 95rpx;
    box-sizing: border-box;
    button {
        width: 160rpx;
        height: 64rpx;
        border: 1rpx solid #999999;
        line-height: 64rpx;
        text-align: center;
        border-radius: 32rpx;
        float: right;
    }
}
</style>