app-govern/pages/message/report.vue

<template>
    <view class="content">
        <uni-list :border="false">
            <uni-list-item :show-badge="true" badgeType="error" isDot badge-text="未读" title="设备异常共4台"
                note="2023-02-27 15:13:29" clickable @click="jump" />
            <uni-list-item badgeType="error" isDot badge-text="未读" title="设备异常共1台" note="2023-02-14 15:10:29" clickable
                @click="jump" />
            <uni-list-item badgeType="error" isDot badge-text="未读" title="设备异常共4台" note="2023-02-10 15:10:29" clickable
                @click="jump" />
        </uni-list>
        <uni-load-more status="nomore"></uni-load-more>
    </view>
</template>

<script>
import list from "@/common/js/list";

export default {
    mixins: [list],
    data() {
        return {
            loading: true,
        }
    },
    onShow() {
        this.init()
    },
    methods: {
        init() {
            let dictData = this.$util.getDictData('app_event')
            console.log(dictData)
            this.store = this.DataSource('/cs-harmonic-boot/event/queryEventList')
            this.store.params.type = 3
            this.store.firstCallBack = (res) => {
                this.store.data.forEach(item => {
                    item.title = item.equipmentName + dictData.find(item2 => item2.code === item.tag).name
                })
                console.log(this.store.data)
                this.loading = false
            }
            this.store.reload()
        },
        jump(item) {
            let str = JSON.stringify(item).replace(/%/g,'百分比')
            uni.navigateTo({url: '/pages/message/transientDetail?detail=' + encodeURIComponent(str)})
        },
    }
}
</script>

<style lang="scss">
.content {
    padding-top: 20rpx;
}


/deep/ .uni-list-item {
    background-color: $uni-theme-white !important;
}
/deep/ .uni-badge {
    background-color: unset !important;
    color: #dd524d !important;
    font-size: 28rpx !important;
}
</style>