carInsightSystem/src/views/EventInsight/industryTOPHE/index.vue

<!--
 * @Author: your name
 * @Date: 2021-10-18 09:34:53
 * @LastEditTime: 2021-11-04 16:00:29
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/EventInsight/IndustryTOPHE/index.vue
-->

<template>
    <div class="itp-outter" v-loading="load">
        <v-label-div title="行业TOP热点事件">
        </v-label-div>
        <div class="itp-inner">
            <dv-scroll-board :config="config" :style="{ width: '100%', height: '100%' }" @click="handlerSs" />
        </div>

    </div>
</template>

<script>
import { getHotEventsList } from "@/api/EventInsight";
export default {
    name: "industryTOPHE",
    data() {
        return {
            load: false,
            form: {
                token: "",
            },
            config: {},
            list: [],
        };
    },
    created() {
        this.form.token = this.getToken;
        this.getData();
    },
    methods: {
        goDetails() {
            this.$router.push({ path: "/eventDEC" });
        },
        getData() {
            this.load = true;
            let obj = Object.assign({}, this.getCommTime, this.form);
            getHotEventsList(obj).then((res) => {
                let data = res.data || [];
                this.list = data;
                let arr = [];
                data.forEach((ele) => {
                    let o = [
                        `<span style="cursor: pointer;">${ele.events_title}</span>`,
                        ele.events_influence,
                        ele.events_type,
                        ele.events_brand,
                    ];
                    arr.push(o);
                });
                this.config = {
                    headerBGC: "#0c203b",
                    oddRowBGC: "#173b6d",
                    evenRowBGC: "rgba(69, 149, 244, 0)",
                    columnWidth: [900],
                    rowNum: 6,
                    header: ["事件标题", "影响力", "类型", "关联品牌"],
                    data: arr,
                };
                this.load = false;
            });
        },
        handlerSs(obj) {
          let rowIndex = obj.rowIndex;
          let row = this.list[rowIndex];
          this.$router.push({path: '/eventDEC', query: {events_id: row.events_id}})
        },
    },
};
</script>

<style lang="less" scoped>
.itp-outter {
    width: 100%;
    height: 392px;
    border: 2px solid #0f2a4d;
    margin-top: 16px;
    .itp-inner {
        width: 100%;
        height: calc(100% - 48px);
    }
}
</style>