{"version":3,"sources":["webpack:///./src/views/Landwell.vue?e6bd","webpack:///./src/views/Landwell.vue?1fc9","webpack:///src/views/Landwell.vue","webpack:///./src/views/Landwell.vue?5ad9","webpack:///./src/views/Landwell.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","returnHome","attrs","_m","_v","_s","tooltip","desc1","desc2","desc3","_l","item","key","Id","name","img","software","softwareButton","manual","desc","_e","videoManual","index","staticRenderFns","component"],"mappings":"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","file":"js/chunk-65a5f795.b62fca81.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landwell.vue?vue&type=style&index=0&id=94dd89d4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"landwell\"},[_c('div',{staticClass:\"nav\"},[_c('div',{staticClass:\"nav-area\"},[_c('div',{staticClass:\"return-label\",on:{\"click\":_vm.returnHome}},[_c('img',{attrs:{\"src\":\"/photo/icon/LOGO-正钻.png\",\"alt\":\"首页\"}})]),_vm._m(0),_vm._m(1)])]),_c('div',{staticClass:\"tooltip\"},[_c('img',{attrs:{\"src\":\"/photo/icon/提示.png\",\"alt\":\"提示\"}}),_c('span',{staticClass:\"desc1\"},[_vm._v(_vm._s(_vm.tooltip.desc1))]),_c('span',{staticClass:\"desc2\"},[_vm._v(_vm._s(_vm.tooltip.desc2))]),_c('span',[_vm._v(_vm._s(_vm.tooltip.desc3))])]),_c('div',{staticClass:\"data-list\"},[_c('div',{staticClass:\"download\"},_vm._l((_vm.softwareList),function(item){return _c('div',{key:item.Id,staticClass:\"list\"},[_c('div',{staticClass:\"name\"},[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('img',{staticClass:\"img\",attrs:{\"src\":item.img,\"alt\":1}}),_c('div',{staticClass:\"button-btn\"},[_c('a',{staticClass:\"software\",attrs:{\"href\":item.software,\"target\":\"_black\"}},[_vm._v(\" \"+_vm._s(item.softwareButton)+\" \")]),(item.manual)?_c('a',{staticClass:\"manual\",attrs:{\"href\":item.manual,\"target\":\"_black\"}},[_vm._v(\" \"+_vm._s(item.desc)+\" \")]):_vm._e(),(item.videoManual)?_c('a',{staticClass:\"video-manual\",attrs:{\"href\":item.videoManual,\"target\":\"_black\"}},[_vm._v(\" \"+_vm._s(item.desc)+\" \")]):_vm._e()])])}),0)]),_c('div',{staticClass:\"application-place\"},[_c('div',{staticClass:\"place-list\"},_vm._l((_vm.areaList),function(item,index){return _c('div',{key:index,staticClass:\"list\"},[_c('img',{attrs:{\"src\":item.img,\"alt\":\"应用场所\"}})])}),0)]),_c('div',{staticClass:\"process-move\"}),_c('img',{staticClass:\"process-quiet\",attrs:{\"src\":\"/photo/icon/软件操作流程.jpg\",\"alt\":\"软件流程\"}})])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"slogan\"},[_c('img',{attrs:{\"src\":\"/photo/icon/slogan.png\",\"alt\":\"标题\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"label\"},[_c('img',{attrs:{\"src\":\"/photo/icon/正品标签.png\",\"alt\":\"正品标签\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"landwell\">\r\n      <div class=\"nav\">\r\n            <div class=\"nav-area\">\r\n                <div class=\"return-label\" @click=\"returnHome\">\r\n                    <img src=\"/photo/icon/LOGO-正钻.png\" alt=\"首页\">\r\n                </div>\r\n                <div class=\"slogan\">\r\n                    <img src=\"/photo/icon/slogan.png\" alt=\"标题\">\r\n                </div>\r\n                <div class=\"label\">\r\n                    <img src=\"/photo/icon/正品标签.png\" alt=\"正品标签\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"tooltip\">\r\n            <img src=\"/photo/icon/提示.png\" alt=\"提示\">\r\n            <span class=\"desc1\">{{tooltip.desc1}}</span>\r\n            <span class=\"desc2\">{{tooltip.desc2}}</span>\r\n            <span>{{tooltip.desc3}}</span>\r\n        </div>\r\n        <div class=\"data-list\">\r\n            <div class=\"download\">\r\n                <!-- 产品软件列表 -->\r\n                <div\r\n                    class=\"list\"\r\n                    v-for=\"item in softwareList\"\r\n                    :key=\"item.Id\">\r\n                    <!-- 名称 -->\r\n                    <div class=\"name\">\r\n                        {{item.name}}\r\n                    </div>\r\n                    <!-- 产品图标 -->\r\n                    <img class=\"img\" :src=\"item.img\" :alt=\"1\"/>\r\n                    <!-- 按键组 -->\r\n                    <div class=\"button-btn\">\r\n                        <!-- 软件下载 -->\r\n                        <a\r\n                            class=\"software\"\r\n                            :href=\"item.software\"\r\n                            target=\"_black\">\r\n                            {{item.softwareButton}}\r\n                        </a>\r\n                        <!-- 说明书下载 -->\r\n                        <a\r\n                            class=\"manual\"\r\n                            v-if=\"item.manual\"\r\n                            :href=\"item.manual\"\r\n                            target=\"_black\">\r\n                            {{item.desc}}\r\n                        </a>\r\n                        <!-- 视频教程链接 -->\r\n                        <a\r\n                            class=\"video-manual\"\r\n                            v-if=\"item.videoManual\"\r\n                            :href=\"item.videoManual\"\r\n                            target=\"_black\">\r\n                            {{item.desc}}\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"application-place\">\r\n            <div class=\"place-list\">\r\n                <div class=\"list\"\r\n                    v-for=\"(item, index) in areaList\"\r\n                    :key=\"index\">\r\n                    <img :src=\"item.img\" alt=\"应用场所\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"process-move\"></div>\r\n        <img class=\"process-quiet\" src=\"/photo/icon/软件操作流程.jpg\" alt=\"软件流程\">\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'Landwell',\r\n    data () {\r\n        return {\r\n            // 时间戳\r\n            timeStamp: 0,\r\n            // 控制导航页面的显示-隐藏\r\n            homeIcon: 'show',\r\n            // 提示信息\r\n            tooltip: \"\",\r\n            // 产品软件列表数组\r\n            softwareList: [],\r\n            // 应用场所列表\r\n            areaList: []\r\n        }\r\n    },\r\n    created () {\r\n        // 获取时间戳\r\n        this.getTimeStamp()\r\n        this.request()\r\n    },\r\n    mounted () {\r\n        this.changeNav()\r\n        window.addEventListener('resize', this.resize)\r\n    },\r\n    methods: {\r\n        // 获取时间戳\r\n        getTimeStamp () {\r\n            this.timeStamp = new Date().getTime()\r\n            // console.log(this.timeStamp)\r\n        },\r\n        // 获取静态json文件数据\r\n        request () {\r\n            this.$http.get('/mock/landwell.json', {\r\n                params: {\r\n                    timeStamp: this.timeStamp\r\n                }\r\n            })\r\n                .then((res) => {\r\n                    this.softwareList = res.data.data.softwareInfo\r\n                    this.tooltip = res.data.data.tooltip\r\n                })\r\n            this.$http.get('/mock/area.json')\r\n                .then((res) => {\r\n                    this.areaList = res.data.data.list\r\n                })\r\n        },\r\n        // 下载软件\r\n        download (val) {\r\n            window.open(`http://www.xundean.com:8887/download/${val}.zip`)\r\n        },\r\n        // 下载说明书\r\n        manualDownload (val) {\r\n            window.open(`http://www.xundean.com:8887/download/${val}`)\r\n        },\r\n        resize () {\r\n            this.changeNav()\r\n        },\r\n        // 返回brand页面\r\n        returnHome () {\r\n            this.homeIcon = 'hide'\r\n            this.$router.push({ name: 'Brand' })\r\n        },\r\n        // 通过屏幕的宽度控制导航条的显示\r\n        changeNav () {\r\n            var screenwidth = document.documentElement.clientWidth\r\n            if (screenwidth < 900) {\r\n                this.homeIcon = 'hide'\r\n            } else {\r\n                this.homeIcon = 'show'\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.landwell {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    width: 1150px;\r\n    background: #f4f5f5;\r\n    .nav {\r\n        margin-top: 5px;\r\n        width: 100%;\r\n        height: 175px;\r\n        background: #fff;\r\n        border-top-left-radius: 5px;\r\n        border-top-right-radius: 5px;\r\n        .nav-area {\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            align-content: center;\r\n            margin: 0 10px;\r\n            .return-label, .slogan, .labei {\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                align-items: center;\r\n            }\r\n            .return-label {\r\n                cursor: pointer;\r\n                img {\r\n                    width: auto;\r\n                    height: 100px;\r\n                }\r\n            }\r\n            .slogan {\r\n                img {\r\n                    width: auto;\r\n                    height: 100px;\r\n                }\r\n            }\r\n            .label {\r\n                img {\r\n                    height: 175px;\r\n                    width: 175px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .tooltip {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        width: 100%;\r\n        height: 50px;\r\n        background: #d6ebff;\r\n        border-bottom-left-radius: 5px;\r\n        border-bottom-right-radius: 5px;\r\n        img {\r\n            margin-left: 10px;\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n        span {\r\n            font-weight: 450;\r\n            letter-spacing: 1px;\r\n        }\r\n        .desc1 {\r\n            margin-left: 10px;\r\n        }\r\n        .desc2 {\r\n            color: #ff0000;\r\n        }\r\n    }\r\n    .data-list {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        width: 1040px;\r\n        background: #f4f5f5;\r\n        .download {\r\n            display: flex;\r\n            flex-direction: row;\r\n            flex-wrap: wrap;\r\n            margin-top: 20px;\r\n            margin-left: -10px;\r\n            .list {\r\n                display: flex;\r\n                flex-direction: column;\r\n                margin-left: 10px;\r\n                width: 200px;\r\n                height: 300px;\r\n                .name {\r\n                    width: 200px;\r\n                    height: 30px;\r\n                    line-height: 30px;\r\n                    font-size: 20px;\r\n                    letter-spacing: 0.5px;\r\n                    text-align: center;\r\n                    color: #fff;\r\n                    background: #409eff;\r\n                    border-top-left-radius: 3px;\r\n                    border-top-right-radius: 3px;\r\n                }\r\n                .img {\r\n                    margin: 0;\r\n                    width: 200px;\r\n                    height: 200px;\r\n                    vertical-align: top;\r\n                }\r\n                .button-btn {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: space-around;\r\n                    align-items: center;\r\n                    width: 200px;\r\n                    height: 50px;\r\n                    background: #d6ebff;\r\n                    border-bottom-left-radius: 3px;\r\n                    border-bottom-right-radius: 3px;\r\n                    .software, .manual, .video-manual {\r\n                        width: 80px;\r\n                        height: 25px;\r\n                        line-height: 25px;\r\n                        text-align: center;\r\n                        font-size: 14px;\r\n                        font-weight: bold;\r\n                        color: #409eff;\r\n                        background: #fff;\r\n                        border-radius: 10px;\r\n                        text-decoration: none;\r\n                        cursor: pointer;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .application-place {\r\n        width: 100%;\r\n        background: #fff;\r\n        border-bottom-left-radius: 3px;\r\n        border-bottom-right-radius: 3px;\r\n        .place-list {\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            img {\r\n                width: auto;\r\n                height: 210px;\r\n            }\r\n        }\r\n    }\r\n    .process-move {\r\n        width: 100%;\r\n        height: 767px;\r\n        background: url(/photo/icon/巡逻流程.gif) no-repeat center;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landwell.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landwell.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Landwell.vue?vue&type=template&id=94dd89d4&scoped=true&\"\nimport script from \"./Landwell.vue?vue&type=script&lang=js&\"\nexport * from \"./Landwell.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Landwell.vue?vue&type=style&index=0&id=94dd89d4&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"94dd89d4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}