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" v-if="cell.shopTieredType <= 8">
                        联系人：
                        <text>{{ cell.userName }}</text>
                    </view>
                    <view class="club-cell" v-if="cell.shopTieredType <= 8">
                        手机号：
                        <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 || cell.shopTieredType === 10">{{ noticeSellerUserText(cell) }}</view>
                <view class="tui-cell-content" v-if="cell.shopTieredType === 7 || cell.shopTieredType === 10">关注点：{{ 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 ||
                            cell.shopTieredType === 10
                    "
                >
                    <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>