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.shopTieredType | noticeUsersFilters }} </view>
					<view class="cell-time"> {{ cell.time }} </view>
				</view>
                <view class="cell-info" v-if="cell.shopTieredType !== 7 && cell.shopTieredType !== 1">
                    <view class="club-cell">
                        机构名称：<text>{{cell.name}}</text>
                    </view>
                    <view class="club-cell">
                        联系人：<text>{{cell.userName}}</text>
                    </view>
                    <view class="club-cell">
                        手机号：<text>{{cell.mobile}}</text>
                    </view>
                    <view class="club-cell" v-if="cell.shopTieredType === 2">
                        上一任销售：<text>{{cell.superUserName}}</text>
                    </view>
                    <view class="club-cell" v-if="cell.shopTieredType === 3">
                        下一任销售：<text>{{cell.superUserName}}</text>
                    </view>
                </view>
               <view class="cell-info" v-if="cell.shopTieredType === 7">
                    {{ noticeSellerUserText(cell) }}
                </view>
				<view class="tui-cell-content" v-if="cell.shopTieredType === 7"> 
					关注点：{{cell.content}}
				</view> 
                <view class="tui-cell-content" v-if="cell.shopTieredType !== 7">
                	{{ noticeSellerUserText(cell) }}
                </view>
                <view class="tui-cell-button" v-if="cell.shopTieredType === 2 || cell.shopTieredType === 4 || cell.shopTieredType === 7">
                    <button @click="$emit('trampInfo', cell)">立即查看</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
		}
	},
}
</script>

<style lang="scss" scoped>
.cell-info {
    padding: 0 0 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 0 0;
    height: 70rpx;
    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>