index.js 4.91 KB
export default {
    name: 'home',
    template: '',
    components: {},
    props: [],
    setup(props, {attrs, slots, emit}) {
        const {proxy} = Vue.getCurrentInstance();

        let isHover=Vue.ref(false);
        let techData=Vue.ref([]);
        for(let i=1;i<6;i++){
            techData.value.push({
                id:i,
                isHover:false
            })
        }
        //技术优势悬浮提示
        let tooltipHover=(row)=>{
            techData.value.map(item=>{
                if(item.id==row.id){
                    item.isHover=true;
                }
            })
        }
        //技术优势鼠标离开事件
        let tooltipLeave=()=>{
            techData.value.map(item=>{
                    item.isHover=false;
            })
        }
        //兼容认证logo数据
        let logoData=Vue.ref([
            {
                id:'1',
                logoUrl:'logo-dong'
            },
            {
                id:'2',
                logoUrl:'logo-da'
            },
            {
                id:'3',
                logoUrl:'logo-nan'
            },
            {
                id:'4',
                logoUrl:'logo-ren'
            },
            {
                id:'5',
                logoUrl:'logo-tong'
            }
        ])
        let compatibleData=Vue.ref([
            {
                id:'1',
                logoUrl:'logo-dong',
                urlName:'dong',
                content:'东方通应用服务器软件TongWeb V7.0 产品,是由东方通推出的遵循JavaEE7规范的企业级应用服务器,不仅为企业应用提供了可靠、可伸缩、可管理和高安全的基础平台,同时具有功能完善、支持开放标准和基于组件开发、多层架构、轻量等特点。'
            },
            {
                id:'2',
                logoUrl:'logo-da',
                urlName:'da',
                content:'达梦数据库管理系统V8(简称DM8)融合了分布式、弹性计算与云计算的优势,多样化架构充分满足不同场景需求,支持超大规模并发事务处理和事务-分析混合型业务处理,动态分配计算资源,实现更精细化的资源利用、更低成本的投入。'
            },
            {
                id:'3',
                logoUrl:'logo-nan',
                urlName:'nan',
                content:'南大通用大规模分布式并行数据库集群系统[简称:GBase 8a MPP Cluster] 是基于 GBase 8a 列存储数据库的一款 Shared Nothing 架构的分布式并行分析型数据库集群,具备高性能、高可用、高扩展特性,可以为超大规模数据管理提供高性价比的通用计算平台。'
            },
            {
                id:'4',
                logoUrl:'logo-ren',
                urlName:'ren',
                content:'金仓数据库管理系统KingbaseES是面向事务处理类、兼顾分析类应用领域的通用数据库产品,致力于解决高安全、高并发、高可靠数据存储计算问题,是一款为企事业单位等管理信息系统、业务系统量身打造,具有高成熟度的数据库产品。'
            },
            {
                id:'5',
                logoUrl:'logo-tong',
                urlName:'tong',
                content:'统信服务器操作系统V20是一款用于构建信息化基础设施环境的平台级软件,是款体现当今主流 Linux 服务器操作系统发展水平的商业化软件产品。着重解决客户在信息化基础建设过程中,服务端基础设施的安装部署、运行维护、应用支撑等需求,具有极高的可靠性、持久的可用性、优良的可维护性。'
            }
        ])

        // 挂载完
        Vue.onMounted(() => {
            $('.team-carousel').owlCarousel({
                loop:true,
                items: 1,
                margin: 20,
                nav: false,
                dots: true,
                active: true,
                dotsEach: 2,
                smartSpeed: 1000,
                autoplay: 5000,
                // navText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
                dotsText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
                responsive: {
                   /* 0: {
                        items: 1,
                    },
                    575: {
                        items: 1,
                    },
                    768: {
                        items: 2,
                    },
                    992: {
                        items: 3,
                    },
                    1200: {
                        items: 3,
                    }*/
                }
            });
        })
        return{
            isHover,
            tooltipHover,
            tooltipLeave,
            techData,
            logoData,
            compatibleData
        }
    }

}