caimei365-www/src/main/resources/static/js/activity/attestation.js

new Vue({
    data: {
        popupVisiable: false,
        twoData: [
            {icon: '/img/activity/attestation/section_icon_1.png', text: '自主授权'},
            {icon: '/img/activity/attestation/section_icon_2.png', text: '自主认证'},
            {icon: '/img/activity/attestation/section_icon_3.png', text: '自主管理'},
            {icon: '/img/activity/attestation/section_icon_4.png', text: '更快更专业'}
        ],
        //认证通合作伙伴
        suppileData: [
            {
                logo: '/img/activity/attestation/1.jpg',
                name: '上海品辉医疗科技有限公司',
                entryRoute: '/4/app',
                secondRoute: ''
            },
            {
                logo: '/img/activity/attestation/2.jpg',
                name: '科医人医疗激光设备贸易公司',
                entryRoute: '',
                secondRoute: ''
            },
            {
                logo: '/img/activity/attestation/3.jpg',
                name: '广州埃墨莉素生物科技有限公司',
                entryRoute: '/10/ldm',
                secondRoute: '',
                redirect: ''
            },
            {
                logo: '/img/activity/attestation/9.png',
                name: 'Ross',
                entryRoute: '/12/ross',
                secondRoute: '',
                redirect: ''
            },
        ],
        // 认证通快捷入口
        firstEntryList: [
            {
                logo: '/img/activity/attestation/shuishu.jpg',
                name: '水素水设备认证',
                entryRoute: '/4/app',
                secondRoute: '/approve/device'
            },
            {
                logo: '/img/activity/attestation/3.jpg',
                name: 'LDM正品授权',
                entryRoute: '/10/ldm/approve',
                secondRoute: '',
                redirect: ''
            },
            {
                logo: '/img/activity/attestation/9.png',
                name: 'ROS\'S机构认证',
                entryRoute: '/12/ross',
                secondRoute: '',
                redirect: ''
            },
        ]
    },
    mounted() {
        this.initSwiper1()
        this.initSwiper2()
    },
    methods: {
        initSwiper1() {
            const swiper = new Swiper("#mySwiper1", {
                slidesPerView: 2,
                spaceBetween: 15,
                loop: true,
                autoplay: {
                    delay: 2000,
                },
            });
            swiper.el.onmouseover = function () {
                swiper.autoplay.stop();
            }
            swiper.el.onmouseout = function () {
                swiper.autoplay.start();
            }
        },

        initSwiper2() {
            const swiper = new Swiper("#mySwiper2", {
                slidesPerView: 3,
                spaceBetween: 15,
                loop: true,
                autoplay: {
                    delay: 2000,
                },
            });
            swiper.el.onmouseover = function () {
                swiper.autoplay.stop();
            }
            swiper.el.onmouseout = function () {
                swiper.autoplay.start();
            }
        },

        handleClick: function (data) {
            if (data.redirect) {
                window.open(data.redirect, '_blank')
                return
            }
            if (!data.entryRoute) {
                this.popupVisiable = true;
                return false
            }
            // 将要跳转的链接
            var baseUrl = 'https://zp.caimei365.com' + data.entryRoute + data.secondRoute
            window.open(baseUrl, '_blank')
        }
    }
}).$mount('#attestation');

// $(function(){
//     var swiper = new Swiper("#mySwiper1", {
//         slidesPerView: 3,
//         spaceBetween: 15,
//         freeMode: true,
//         autoPlay: true,
//     });
// })