import pageInit from "../../minixs/pageInit.js";
export default {
    name: 'home',
    template: '',
    mixins:[pageInit],
    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',
                active:true
            },
            {
                id:'2',
                logoUrl:'logo-da',
                active:false
            },
            {
                id:'3',
                logoUrl:'logo-nan',
                active:false
            },
            {
                id:'4',
                logoUrl:'logo-ren',
                active:false
            },
            {
                id:'5',
                logoUrl:'logo-tong',
                active:false
            }
        ])
        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(() => {
            $('.owl-carousel').owlCarousel({
                margin:10,
                autoHeight:false,
                //整数5幻灯片每页可见个数
                items : 1,
                //分页
                dots : true,
                touchDrag:true,
                //循环
                loop: true,
                autoplay: true,//自动轮播
                autoplayTimeout:3000, //轮播时间
            });
        })

        return{
            isHover,
            tooltipHover,
            tooltipLeave,
            techData,
            logoData,
            compatibleData
        }
    }

}