zhengjinyi před 1 rokem
rodič
revize
1a4d9aae98

binární
src/main/resources/static/img/activity/logo-new/dep-new.png


+ 302 - 301
src/main/resources/static/js/activity/attestation-new.js

@@ -1,301 +1,302 @@
-new Vue({
-    mixins: [cmSysVitaMixins],
-    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/9.png',
-                name: 'Ross',
-                entryRoute: '/12/ross',
-                secondRoute: '',
-                redirect: ''
-            },
-            {
-                logo: '/img/activity/attestation/10.png',
-                name: '上海禾雅堂科技有限公司',
-                entryRoute: '/15/hyt',
-                secondRoute: '',
-                redirect: 'http://zprz.hoyabeauty.com'
-            },
-            {
-                logo: '/img/activity/attestation/1.jpg',
-                name: '上海品辉医疗科技有限公司',
-                entryRoute: '/4/ph',
-                secondRoute: ''
-            },
-            {
-                logo: '/img/activity/attestation/2.jpg',
-                name: '科医人医疗激光设备贸易公司',
-                entryRoute: '',
-                secondRoute: ''
-            },
-            {
-                logo: '/img/activity/attestation/3.jpg',
-                name: '广州埃墨莉素生物科技有限公司',
-                entryRoute: '/10/ldm',
-                secondRoute: '',
-                redirect: ''
-            },
-        ],
-        // 认证通快捷入口
-        firstEntryList: [
-            {
-                id: 1,
-                logo: '/img/activity/logo-new/ross-new.png',
-                name: 'ROS\'S机构认证',
-                entryRoute: '/12/ross',
-                secondRoute: '',
-                redirect: '',
-                className: {
-                    bg: true,
-                    bg1: true,
-                },
-            },
-            {
-                id: 2,
-                logo: '/img/activity/logo-new/ph-new.jpg',
-                name: '品辉机构认证',
-                entryRoute: '/4/ph/approve/club',
-                secondRoute: '',
-                className: {
-                    bg: true,
-                    bg2: true,
-                },
-            },
-            {
-                id: 3,
-                logo: '/img/activity/logo-new/ldm-new.png',
-                name: 'LDM机构认证',
-                entryRoute: '/10/ldm/approve/club',
-                secondRoute: '',
-                redirect: '',
-                className: {
-                    bg: true,
-                    bg3: true,
-                },
-            },
-            {
-                id: 4,
-                logo: '/img/activity/logo-new/hyt-new.jpg',
-                name: '禾雅堂机构认证',
-                entryRoute: '/15/hyt',
-                secondRoute: '',
-                // redirect: 'http://zprz.hoyabeauty.com',
-                redirect: '',
-                className: {
-                    bg: true,
-                    bg4: true,
-                },
-            },
-            {
-                id: 5,
-                logo: '/img/activity/logo-new/wm-new.png',
-                name: '唯美概念机构认证',
-                entryRoute: '/21/app',
-                secondRoute: '',
-                redirect: '',
-                className: {
-                    bg: true,
-                    bg5: true,
-                },
-            },
-        ],
-        isAuthActiveNum: 0,
-        initPageList: [],
-        startX: '',
-        startY: '',
-        moveY: '',
-        moveX: '',
-        startTime: '',
-        isActivePageLeft: false,
-        isActivePageRight: true
-    },
-    mounted() {
-        this.initPageList = this.firstEntryList.map((item, index) => {
-            if (index < 4) {
-                return item
-            }
-        })
-        // this.initSwiper1()
-        this.cmSysParams.pageType = 5;
-        this.cmSysParams.pageLabel = '认证通';
-        this.initSwiper2()
-        this.slideBanner()
-    },
-    computed: {
-        computFirstEntryListleft() {
-            return this.firstEntryList.map((item, index) => {
-                if (index < 4) {
-                    return item
-                }
-            })
-        },
-    },
-    methods: {
-        changePageNoLeft() {
-            this.isActivePageRight = false
-            this.isActivePageLeft = true
-            this.$refs.pcSwiper.prev()
-            // console.log(bool)
-            // if (bool) {
-            //     if (this.initPageList[3].id === 5) {
-            //         this.initPageList = this.firstEntryList.filter((item, index) => index!==4)
-            //         console.log(this.initPageList)
-            //     } else {
-            //         this.isAuthActiveNum--
-            //     }
-            //     console.log(this.isAuthActiveNum)
-            // }
-        },
-        changePageNoRight() {
-            this.isActivePageRight = true
-            this.isActivePageLeft = false
-            this.$refs.pcSwiper.next()
-            // if (bool) {
-            //     if (this.initPageList[3].id === 4 && this.isAuthActiveNum === 3) {
-            //         this.initPageList = this.firstEntryList.filter((item, index) => index!==0)
-            //         console.log(this.initPageList)
-            //     } else {
-            //         this.isAuthActiveNum++
-            //     }
-            // }
-        },
-        start(e) {
-            this.startX = e.touches[0].clientX;
-            this.startY = e.touches[0].clientY;
-        },
-        move(e) {
-            this.moveX = e.touches[0].clientX;
-            this.moveY = e.touches[0].clientY;
-            var nowtime = new Date().getTime();
-            if (this.startTime == undefined || nowtime > this.startTime) {
-                if (this.startX - this.moveX <= 0) { // 右滑触发
-                    this.prev();
-                    return false;
-                } else {
-                    this.next();
-                    return false;
-                }
-            }
-        },
-        prev() {
-            this.$refs.nop.prev();
-            this.startTime = new Date().getTime() + 500;
-        },
-        next() {
-            this.$refs.nop.next();
-            this.startTime = new Date().getTime() + 500;
-        },
-        changePageNo(index) {
-            this.isAuthActiveNum = index
-        },
-        changePageNoLink(index, item) {
-            this.isAuthActiveNum = index
-            this.handleClick(item)
-        },
-        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();
-            }
-        },
-        // 滑动切换
-        slideBanner() {
-            //选中的轮播图
-            let box = document.querySelector('.el-carousel__container');
-            let startPointX = 0
-            let stopPointX = 0
-            //重置坐标
-            let resetPoint = () => {
-                startPointX = 0
-                stopPointX = 0
-            }
-            //手指按下
-            box.addEventListener("touchstart", function (e) {
-                //手指点击位置的X坐标
-                startPointX = e.changedTouches[0].pageX
-            });
-            //手指滑动
-            box.addEventListener("touchmove", function (e) {
-                //手指滑动后终点位置X的坐标
-                stopPointX = e.changedTouches[0].pageX
-            });
-            //当手指抬起的时候,判断图片滚动离左右的距离
-            let that = this
-            box.addEventListener("touchend", function (e) {
-                console.log(1111)
-                if (stopPointX == 0 || startPointX - stopPointX == 0) {
-                    resetPoint()
-                    return
-                }
-                if (startPointX - stopPointX > 0) {
-                    resetPoint()
-                    that.$refs.slideCarousel.next()
-                    return
-                }
-                if (startPointX - stopPointX < 0) {
-                    resetPoint()
-                    that.$refs.slideCarousel.prev()
-                    return
-                }
-            });
-        },
-        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 zplmDomain = $('#zplmDomain').val()
-            // 将要跳转的链接
-            var baseUrl = zplmDomain + data.entryRoute + data.secondRoute
-            window.open(baseUrl, '_blank')
-        }
-    }
-}).$mount('#attestation');
-
-// $(function(){
-//     var swiper = new Swiper("#mySwiper1", {
-//         slidesPerView: 3,
-//         spaceBetween: 15,
-//         freeMode: true,
-//         autoPlay: true,
-//     });
-// })
+new Vue({
+    mixins: [cmSysVitaMixins],
+    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/9.png',
+                name: 'Ross',
+                entryRoute: '/12/ross',
+                secondRoute: '',
+                redirect: ''
+            },
+            {
+                logo: '/img/activity/attestation/10.png',
+                name: '上海禾雅堂科技有限公司',
+                entryRoute: '/15/hyt',
+                secondRoute: '',
+                redirect: 'http://zprz.hoyabeauty.com'
+            },
+            {
+                logo: '/img/activity/attestation/1.jpg',
+                name: '上海品辉医疗科技有限公司',
+                entryRoute: '/4/ph',
+                secondRoute: ''
+            },
+            {
+                logo: '/img/activity/attestation/2.jpg',
+                name: '科医人医疗激光设备贸易公司',
+                entryRoute: '',
+                secondRoute: ''
+            },
+            {
+                logo: '/img/activity/attestation/3.jpg',
+                name: '广州埃墨莉素生物科技有限公司',
+                entryRoute: '/10/ldm',
+                secondRoute: '',
+                redirect: ''
+            },
+        ],
+        // 认证通快捷入口
+        firstEntryList: [
+            {
+                id: 5,
+                logo: '/img/activity/logo-new/dep-new.png',
+                name: '意大利DEP认证',
+                entryRoute: '/21/app',
+                secondRoute: '',
+                redirect: '',
+                className: {
+                    bg: true,
+                    bg5: true,
+                },
+            },
+            {
+                id: 1,
+                logo: '/img/activity/logo-new/ross-new.png',
+                name: 'ROS\'S机构认证',
+                entryRoute: '/12/ross',
+                secondRoute: '',
+                redirect: '',
+                className: {
+                    bg: true,
+                    bg1: true,
+                },
+            },
+            {
+                id: 2,
+                logo: '/img/activity/logo-new/ph-new.jpg',
+                name: '品辉机构认证',
+                entryRoute: '/4/ph/approve/club',
+                secondRoute: '',
+                className: {
+                    bg: true,
+                    bg2: true,
+                },
+            },
+            {
+                id: 3,
+                logo: '/img/activity/logo-new/ldm-new.png',
+                name: 'LDM机构认证',
+                entryRoute: '/10/ldm/approve/club',
+                secondRoute: '',
+                redirect: '',
+                className: {
+                    bg: true,
+                    bg3: true,
+                },
+            },
+            {
+                id: 4,
+                logo: '/img/activity/logo-new/hyt-new.jpg',
+                name: '禾雅堂机构认证',
+                entryRoute: '/15/hyt',
+                secondRoute: '',
+                // redirect: 'http://zprz.hoyabeauty.com',
+                redirect: '',
+                className: {
+                    bg: true,
+                    bg4: true,
+                },
+            },
+
+        ],
+        isAuthActiveNum: 0,
+        initPageList: [],
+        startX: '',
+        startY: '',
+        moveY: '',
+        moveX: '',
+        startTime: '',
+        isActivePageLeft: false,
+        isActivePageRight: true
+    },
+    mounted() {
+        this.initPageList = this.firstEntryList.map((item, index) => {
+            if (index < 4) {
+                return item
+            }
+        })
+        // this.initSwiper1()
+        this.cmSysParams.pageType = 5;
+        this.cmSysParams.pageLabel = '认证通';
+        this.initSwiper2()
+        this.slideBanner()
+    },
+    computed: {
+        computFirstEntryListleft() {
+            return this.firstEntryList.map((item, index) => {
+                if (index < 4) {
+                    return item
+                }
+            })
+        },
+    },
+    methods: {
+        changePageNoLeft() {
+            this.isActivePageRight = false
+            this.isActivePageLeft = true
+            this.$refs.pcSwiper.prev()
+            // console.log(bool)
+            // if (bool) {
+            //     if (this.initPageList[3].id === 5) {
+            //         this.initPageList = this.firstEntryList.filter((item, index) => index!==4)
+            //         console.log(this.initPageList)
+            //     } else {
+            //         this.isAuthActiveNum--
+            //     }
+            //     console.log(this.isAuthActiveNum)
+            // }
+        },
+        changePageNoRight() {
+            this.isActivePageRight = true
+            this.isActivePageLeft = false
+            this.$refs.pcSwiper.next()
+            // if (bool) {
+            //     if (this.initPageList[3].id === 4 && this.isAuthActiveNum === 3) {
+            //         this.initPageList = this.firstEntryList.filter((item, index) => index!==0)
+            //         console.log(this.initPageList)
+            //     } else {
+            //         this.isAuthActiveNum++
+            //     }
+            // }
+        },
+        start(e) {
+            this.startX = e.touches[0].clientX;
+            this.startY = e.touches[0].clientY;
+        },
+        move(e) {
+            this.moveX = e.touches[0].clientX;
+            this.moveY = e.touches[0].clientY;
+            var nowtime = new Date().getTime();
+            if (this.startTime == undefined || nowtime > this.startTime) {
+                if (this.startX - this.moveX <= 0) { // 右滑触发
+                    this.prev();
+                    return false;
+                } else {
+                    this.next();
+                    return false;
+                }
+            }
+        },
+        prev() {
+            this.$refs.nop.prev();
+            this.startTime = new Date().getTime() + 500;
+        },
+        next() {
+            this.$refs.nop.next();
+            this.startTime = new Date().getTime() + 500;
+        },
+        changePageNo(index) {
+            this.isAuthActiveNum = index
+        },
+        changePageNoLink(index, item) {
+            this.isAuthActiveNum = index
+            this.handleClick(item)
+        },
+        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();
+            }
+        },
+        // 滑动切换
+        slideBanner() {
+            //选中的轮播图
+            let box = document.querySelector('.el-carousel__container');
+            let startPointX = 0
+            let stopPointX = 0
+            //重置坐标
+            let resetPoint = () => {
+                startPointX = 0
+                stopPointX = 0
+            }
+            //手指按下
+            box.addEventListener("touchstart", function (e) {
+                //手指点击位置的X坐标
+                startPointX = e.changedTouches[0].pageX
+            });
+            //手指滑动
+            box.addEventListener("touchmove", function (e) {
+                //手指滑动后终点位置X的坐标
+                stopPointX = e.changedTouches[0].pageX
+            });
+            //当手指抬起的时候,判断图片滚动离左右的距离
+            let that = this
+            box.addEventListener("touchend", function (e) {
+                console.log(1111)
+                if (stopPointX == 0 || startPointX - stopPointX == 0) {
+                    resetPoint()
+                    return
+                }
+                if (startPointX - stopPointX > 0) {
+                    resetPoint()
+                    that.$refs.slideCarousel.next()
+                    return
+                }
+                if (startPointX - stopPointX < 0) {
+                    resetPoint()
+                    that.$refs.slideCarousel.prev()
+                    return
+                }
+            });
+        },
+        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 zplmDomain = $('#zplmDomain').val()
+            // 将要跳转的链接
+            var baseUrl = zplmDomain + data.entryRoute + data.secondRoute
+            window.open(baseUrl, '_blank')
+        }
+    }
+}).$mount('#attestation');
+
+// $(function(){
+//     var swiper = new Swiper("#mySwiper1", {
+//         slidesPerView: 3,
+//         spaceBetween: 15,
+//         freeMode: true,
+//         autoPlay: true,
+//     });
+// })