{"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\company\\index.vue?vue&type=style&index=0&id=52fcc116&scoped=true&lang=css&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\company\\index.vue","mtime":1691993564213},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYmFubmVyIGltZ3sKICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KXsKICAgIC5icmVhZHsKICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgfQogICAgLmJyZWFkIGRpdnsKICAgICAgICB3aWR0aDogMTIwMHB4OwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgcGFkZGluZzogMC44cmVtIDA7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgfQogICAgLnNtYXJ0LXRpdGxlewogICAgICAgIG1hcmdpbi10b3A6M3JlbTsKICAgIH0KICAgIC5zbWFydC1kZXZpY2V7CiAgICAgICAgd2lkdGg6IDEyMDBweDsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgICAgIGZvbnQtc2l6ZTogMXJlbTsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuewogICAgICAgIGZvbnQtc2l6ZTogMnJlbTsKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHBhZGRpbmctcmlnaHQ6IDFyZW07CiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtOwogICAgICAgIGZvbnQtd2VpZ2h0OiA5MDA7CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbjphZnRlcnsKICAgICAgICBjb250ZW50OiAnJzsKICAgICAgICB3aWR0aDogMXB4OwogICAgICAgIGhlaWdodDogMTVweDsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjY2OwogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICByaWdodDogMDsKICAgICAgICBib3R0b206IDdweDsKICAgIH0KICAgIC5uYXYtY29tcGFueXsKICAgICAgICBtYXJnaW46IDNyZW0gMDsKICAgIH0KICAgIC5uYXYtY29tcGFueT5kaXZ7CiAgICAgICAgd2lkdGg6IDk3JTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgICAgIHBhZGRpbmc6IDFyZW0gMDsKICAgIH0KICAgIC5uYXYtY29tcGFueSB1bHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIHdpZHRoOiA4MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgICAgZmxleC13cmFwOiBub3dyYXA7CiAgICB9CiAgICAubmF2LWNvbXBhbnkgdWwgbGl7CiAgICAgICAgd2lkdGg6IDZyZW07CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIH0KICAgIC5uYXYtY29tcGFueSB1bCBsaSBzcGFuewogICAgICAgIHdpZHRoOiA4MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBjb2xvcjogIzMzMzsKICAgIH0KICAgIC53cmFwLWRldmljZS1kZXRhaWx7CiAgICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjNjc0RkIwOwogICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgICAgICBwYWRkaW5nLXRvcDogMXJlbTsKICAgIH0KICAgIC5zbWFydC1kZXZpY2UtY29udGVudCAuY29tcGFueS1saXN0ewogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBsZWZ0OwogICAgICAgIGZsZXgtd3JhcDogd3JhcDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2UtY29udGVudCAuY29tcGFueS1saXN0IGxpewogICAgICAgIHdpZHRoOiAzMy4zMyU7CiAgICAgICAgbWFyZ2luLWJvdHRvbTogMnJlbTsKICAgIH0KICAgIC5jLWxvZ297CiAgICAgICAgd2lkdGg6IDkwJTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICB9CiAgICAuYy1sb2dvIGltZ3sKICAgICAgICB3aWR0aDogNjAlOwogICAgICAgIGhlaWdodDogNXJlbTsKICAgIH0KICAgIC5jLWNvbnRlbnR7CiAgICAgICAgd2lkdGg6IDkwJTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgIH0KICAgIC5jLWNvbnRlbnQgaDN7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGZvbnQtc2l6ZTogMXJlbTsKICAgICAgICBtYXJnaW46IDFyZW0gMDsKICAgIH0KICAgIC5jLWNvbnRlbnQgcHsKICAgICAgICBmb250LXNpemU6IDAuOHJlbTsKICAgICAgICBsaW5lLWhlaWdodDogMS42cmVtOwogICAgICAgIC8qaGVpZ2h0OiAxMHJlbTsqLwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTsKICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7CiAgICAgIC13ZWJraXQtbGluZS1jbGFtcDozOwogICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsOwogICAgfQogICAgLmRldGFpbC1idG57CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIGxlZnQ6IDA7CiAgICAgICAgcmlnaHQ6IDA7CiAgICAgICAgYm90dG9tOiAtMTBweDsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICB9CiAgICAuZGV0YWlsLWJ0biBzcGFuewogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICB3aWR0aDogNDAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjc0RkIwOwogICAgICAgIGNvbG9yOiAjZmZmOwogICAgfQogICAgLmFjdGl2ZXsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjc0RkIwOwogICAgfQogICAgLmFjdGl2ZSBzcGFuewogICAgICAgIGNvbG9yOiAjZmZmIWltcG9ydGFudDsKICAgIH0KICAgIC5wYWdpbmF0aW9uby1ib3h7CiAgICAgICAgd2lkdGg6IDIwJTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgIH0KCn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwMHB4KXsKICAgIC5iYW5uZXJ7CiAgICAgICAgZGlzcGxheTogbm9uZTsKICAgIH0KICAgIC56Yy1jb250ZW50ewogICAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICB9CiAgICAuYnJlYWR7CiAgICAgICAgZGlzcGxheTogbm9uZTsKICAgIH0KICAgIC5zbWFydC10aXRsZXsKICAgICAgICBtYXJnaW4tdG9wOjJyZW07CiAgICB9CiAgICAuc21hcnQtZGV2aWNlewogICAgICAgIHdpZHRoOiA5MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDsKICAgICAgICBmb250LXNpemU6IDFyZW07CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuewogICAgICAgIGZvbnQtc2l6ZTogMS41cmVtOwogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZy1yaWdodDogMXJlbTsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuOmFmdGVyewogICAgICAgIGNvbnRlbnQ6ICcnOwogICAgICAgIHdpZHRoOiAxcHg7CiAgICAgICAgaGVpZ2h0OiAxNXB4OwogICAgICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHJpZ2h0OiAwOwogICAgICAgIGJvdHRvbTogN3B4OwogICAgfQogICAgLm5hdi1jb21wYW55ewogICAgICAgIG1hcmdpbjogM3JlbSAwOwogICAgICAgIGJveC1zaGFkb3c6IDEwcHggMTBweCAxMHB4ICNkZWRlZGU7CiAgICB9CiAgICAubmF2LWNvbXBhbnk+ZGl2ewogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICAgICAgcGFkZGluZzogMXJlbSAwOwogICAgfQogICAgLm5hdi1jb21wYW55IHVsewogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgd2lkdGg6IDgwJTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICAgIGZsZXgtd3JhcDogd3JhcDsKICAgIH0KICAgIC5uYXYtY29tcGFueSB1bCBsaXsKICAgICAgICB3aWR0aDogNXJlbTsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgICAgbWFyZ2luLXRvcDogMXJlbTsKICAgIH0KICAgIC5uYXYtY29tcGFueSB1bCBsaSBzcGFuewogICAgICAgIHdpZHRoOiA4MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjNjc0RkIwOwogICAgICAgIGNvbG9yOiAjNjc0RkIwOwogICAgICAgIHBhZGRpbmc6IDAgNHB4OwogICAgfQogICAgLndyYXAtZGV2aWNlLWRldGFpbHsKICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgICAgIHdpZHRoOiA5MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICM2NzRGQjA7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHBhZGRpbmctdG9wOiAxcmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZS1jb250ZW50IC5jb21wYW55LWxpc3R7CiAgICB9CiAgICAuc21hcnQtZGV2aWNlLWNvbnRlbnQgLmNvbXBhbnktbGlzdCBsaXsKICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICBtYXJnaW4tYm90dG9tOiAycmVtOwogICAgfQogICAgLmMtbG9nb3sKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIH0KICAgIC5jLWxvZ28gaW1newogICAgICAgIHdpZHRoOiA2MCU7CiAgICAgICAgaGVpZ2h0OiA1cmVtOwogICAgfQogICAgLmMtY29udGVudHsKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgfQogICAgLmMtY29udGVudCBoM3sKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgICAgIG1hcmdpbjogMXJlbSAwOwogICAgfQogICAgLmMtY29udGVudCBwewogICAgICAgIGZvbnQtc2l6ZTogMC44cmVtOwogICAgICAgIGxpbmUtaGVpZ2h0OiAxLjZyZW07CiAgICAgICAgLypoZWlnaHQ6IDEwcmVtOyovCiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtOwogICAgICBkaXNwbGF5OiAtd2Via2l0LWJveDsKICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOjM7CiAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7CiAgICB9CiAgICAuZGV0YWlsLWJ0bnsKICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgbGVmdDogMDsKICAgICAgICByaWdodDogMDsKICAgICAgICBib3R0b206IC0xMHB4OwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIH0KICAgIC5kZXRhaWwtYnRuIHNwYW57CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHdpZHRoOiA0MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGJhY2tncm91bmQ6ICM2NzRGQjA7CiAgICAgICAgY29sb3I6ICNmZmY7CiAgICB9CiAgICAuYWN0aXZlewogICAgICAgIGJhY2tncm91bmQ6ICM2NzRGQjA7CiAgICB9CiAgICAuYWN0aXZlIHNwYW57CiAgICAgICAgY29sb3I6ICNmZmYhaW1wb3J0YW50OwogICAgfQoKCn0KLnBhZ2luYXRpb25vLWJveCAvZGVlcC8gLnZhbi1wYWdpbmF0aW9uX19pdGVtLS1hY3RpdmV7CiAgICBiYWNrZ3JvdW5kOiAjODM2NkUzIWltcG9ydGFudDsKICAgIGNvbG9yOiAjZmZmIWltcG9ydGFudDsKfQoucGFnaW5hdGlvbm8tYm94IC9kZWVwLyAudmFuLXBhZ2luYXRpb25fX2l0ZW17CiAgICBjb2xvcjogIzMzMzsKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/company","sourcesContent":["<template>\r\n    <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n        <div class=\"banner\">\r\n            <img src=\"~@/assets/images/zmqy.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"bread\">\r\n            <div>\r\n                <span>当前位置:首页-知名企业</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"smart-device\">\r\n            <div class=\"smart-title\">\r\n                <span><span>知名企业</span>ENTERPRISE</span>\r\n            </div>\r\n            <div class=\"smart-device-content\">\r\n                <div class=\"nav-company\">\r\n                    <div>\r\n                        <ul>\r\n                            <li v-for=\"item in companyTypeList\" :class=\"active==item.value?'active':''\" @click=\"changeType(item.value)\"><span>{{item.label}}</span></li>\r\n<!--                            <li :class=\"active==1?'active':''\" @click=\"active=1\"><span>全部</span></li>-->\r\n<!--                            <li :class=\"active==2?'active':''\" @click=\"active=2\"><span>新能源</span></li>-->\r\n<!--                            <li :class=\"active==3?'active':''\" @click=\"active=3\"><span>金融</span></li>-->\r\n<!--                            <li :class=\"active==4?'active':''\" @click=\"active=4\"><span>生物科技</span></li>-->\r\n<!--                            <li :class=\"active==5?'active':''\" @click=\"active=5\"><span>软件</span></li>-->\r\n<!--                            <li :class=\"active==6?'active':''\" @click=\"active=6\"><span>物联网</span></li>-->\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <ul class=\"company-list\">\r\n                    <li v-for=\"(item,index) in zsList\" :key=\"index\" @click=\"detail(item)\">\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"c-logo\">\r\n                                <img :src=\"'https://smartpark.idea-sf.com'+item.img\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"c-content\">\r\n                                <h3>{{item.name}}</h3>\r\n                                <p style=\" height: 5rem;\">{{item.detail}}</p>\r\n                            </div>\r\n                            <div class=\"detail-btn\">\r\n                                <span>查看详情</span>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n                <div class=\"paginationo-box\">\r\n                  <van-pagination v-model=\"search.pageNum\" :total-items=\"total\" :show-page-size=\"10\" @change=\"handleCurrentChange\">\r\n                        <template #prev-text>\r\n                            <van-icon name=\"arrow-left\" />\r\n                        </template>\r\n                        <template #next-text>\r\n                            <van-icon name=\"arrow\" />\r\n                        </template>\r\n                        <template #page=\"{ text }\">{{ text }}</template>\r\n                    </van-pagination>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {getPropaganda} from \"@/service/api_service\";\r\nimport Base from '@/views/base/base'\r\nimport BaseData from '@/views/base/baseData'\r\nexport default {\r\n        mixins: [Base, BaseData],\r\n        data () {\r\n            return {\r\n                dc_key: ['company_type'],\r\n                active:0,\r\n                currentPage:1,\r\n                total:0,\r\n                zsList:[\r\n                    // {\r\n                    //     img:'clogo.png',\r\n                    //     name:'北京网讯互联网科技有限公司',\r\n                    //     eventIndex:1,\r\n                    //     detail:'我是一家很知名的公司我是一家很知名的公司我是一家很知名的公司我是一家很知名的公司我是一家很知名的公司我是一家很知名的公司我是一家很知名的公司'\r\n                    // },\r\n\r\n                ],\r\n              search: {\r\n                pageNum: 1,\r\n                pageSize: 8,\r\n                status: 'published',\r\n              },\r\n              companyTypeList:[]\r\n            }\r\n        },\r\n        mounted() {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n          this.initDict(this.dc_key,true).then((res) => {\r\n            this.companyTypeList = this.dc_data.company_type\r\n            this.getData()\r\n          })\r\n          if (window.history && window.history.pushState) {\r\n            // 向历史记录中插入了当前页\r\n            history.pushState(null, null, document.URL)\r\n            window.addEventListener('popstate', this.goBack, false)\r\n          }\r\n        },\r\n        destroyed() {\r\n          window.removeEventListener('popstate', this.goBack, false)\r\n        },\r\n        methods: {\r\n          goBack() {\r\n            // console.log(\"点击了浏览器的返回按钮\");\r\n            // sessionStorage.clear()\r\n            // window.history.back()\r\n            // history.pushState(null, null, document.URL)\r\n            this.$router.push({ path: '/' })\r\n          },\r\n          changeType(active){\r\n            this.search.pageNum = 1\r\n            this.search.companyType = active\r\n            this.active=active\r\n            this.getData()\r\n          },\r\n          handleCurrentChange: function(val) {\r\n            this.search.pageNum = val\r\n            this.getData()\r\n          },\r\n            getData(){\r\n              getPropaganda(this.search).then(res=>{\r\n                if(res.rows){\r\n                  this.total = res.total\r\n                  this.zsList = []\r\n                  res.rows.forEach(item=>{\r\n                    let url = ''\r\n                    if(item.logo&&item.logo.length>2){\r\n                      const annex = this.$common.castEval(item.logo)\r\n                      url = annex[0].url\r\n                    }\r\n                    const i = {\r\n                      img:this.$common.replaceWxDownload(url),\r\n                      name:item.companyName,\r\n                      content:item.content,\r\n                      detail:item.introduction\r\n                    }\r\n                    this.zsList.push(i)\r\n                  })\r\n                }\r\n              })\r\n            },\r\n            detail(index){\r\n              this.$router.push({name:'companyDetail',params:index})\r\n            }\r\n        },\r\n    };\r\n</script>\r\n\r\n<style scoped>\r\n    .banner img{\r\n        width: 100% !important;\r\n    }\r\n    @media screen and (min-width: 1000px){\r\n        .bread{\r\n            background: #fff;\r\n        }\r\n        .bread div{\r\n            width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            padding: 0.8rem 0;\r\n            font-size: 1rem;\r\n        }\r\n        .smart-title{\r\n            margin-top:3rem;\r\n        }\r\n        .smart-device{\r\n            width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            font-size: 1rem;\r\n        }\r\n        .smart-device span span{\r\n            font-size: 2rem;\r\n            display: inline-block;\r\n            position: relative;\r\n            padding-right: 1rem;\r\n            margin-right: 1rem;\r\n            font-weight: 900;\r\n        }\r\n        .smart-device span span:after{\r\n            content: '';\r\n            width: 1px;\r\n            height: 15px;\r\n            background: #666;\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 7px;\r\n        }\r\n        .nav-company{\r\n            margin: 3rem 0;\r\n        }\r\n        .nav-company>div{\r\n            width: 97%;\r\n            margin: 0 auto;\r\n            background: #fff;\r\n            padding: 1rem 0;\r\n        }\r\n        .nav-company ul{\r\n            display: flex;\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n        }\r\n        .nav-company ul li{\r\n            width: 6rem;\r\n            text-align: center;\r\n            cursor: pointer;\r\n        }\r\n        .nav-company ul li span{\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            display: inline-block;\r\n            text-align: center;\r\n            color: #333;\r\n        }\r\n        .wrap-device-detail{\r\n            background: #fff;\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            border-bottom: 2px solid #674FB0;\r\n            position: relative;\r\n            padding-top: 1rem;\r\n        }\r\n        .smart-device-content .company-list{\r\n            display: flex;\r\n            justify-content: left;\r\n            flex-wrap: wrap;\r\n        }\r\n        .smart-device-content .company-list li{\r\n            width: 33.33%;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .c-logo{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n        .c-logo img{\r\n            width: 60%;\r\n            height: 5rem;\r\n        }\r\n        .c-content{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .c-content h3{\r\n            text-align: center;\r\n            font-size: 1rem;\r\n            margin: 1rem 0;\r\n        }\r\n        .c-content p{\r\n            font-size: 0.8rem;\r\n            line-height: 1.6rem;\r\n            /*height: 10rem;*/\r\n            overflow: hidden;\r\n            margin-bottom: 1rem;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp:3;\r\n          -webkit-box-orient: vertical;\r\n        }\r\n        .detail-btn{\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: -10px;\r\n            text-align: center;\r\n        }\r\n        .detail-btn span{\r\n            display: inline-block;\r\n            width: 40%;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            background: #674FB0;\r\n            color: #fff;\r\n        }\r\n        .active{\r\n            background: #674FB0;\r\n        }\r\n        .active span{\r\n            color: #fff!important;\r\n        }\r\n        .paginationo-box{\r\n            width: 20%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n    }\r\n    @media screen and (max-width: 1000px){\r\n        .banner{\r\n            display: none;\r\n        }\r\n        .zc-content{\r\n            display: none;\r\n        }\r\n        .bread{\r\n            display: none;\r\n        }\r\n        .smart-title{\r\n            margin-top:2rem;\r\n        }\r\n        .smart-device{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            font-size: 1rem;\r\n            overflow: hidden;\r\n        }\r\n        .smart-device span span{\r\n            font-size: 1.5rem;\r\n            display: inline-block;\r\n            position: relative;\r\n            padding-right: 1rem;\r\n            margin-right: 1rem;\r\n            font-weight: 900;\r\n        }\r\n        .smart-device span span:after{\r\n            content: '';\r\n            width: 1px;\r\n            height: 15px;\r\n            background: #666;\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 7px;\r\n        }\r\n        .nav-company{\r\n            margin: 3rem 0;\r\n            box-shadow: 10px 10px 10px #dedede;\r\n        }\r\n        .nav-company>div{\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            background: #fff;\r\n            padding: 1rem 0;\r\n        }\r\n        .nav-company ul{\r\n            overflow: hidden;\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .nav-company ul li{\r\n            width: 5rem;\r\n            overflow: hidden;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            margin-top: 1rem;\r\n        }\r\n        .nav-company ul li span{\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            display: inline-block;\r\n            text-align: center;\r\n            border: 1px solid #674FB0;\r\n            color: #674FB0;\r\n            padding: 0 4px;\r\n        }\r\n        .wrap-device-detail{\r\n            background: #fff;\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            border-bottom: 2px solid #674FB0;\r\n            position: relative;\r\n            padding-top: 1rem;\r\n        }\r\n        .smart-device-content .company-list{\r\n        }\r\n        .smart-device-content .company-list li{\r\n            width: 100%;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .c-logo{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n        .c-logo img{\r\n            width: 60%;\r\n            height: 5rem;\r\n        }\r\n        .c-content{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .c-content h3{\r\n            text-align: center;\r\n            font-size: 1rem;\r\n            margin: 1rem 0;\r\n        }\r\n        .c-content p{\r\n            font-size: 0.8rem;\r\n            line-height: 1.6rem;\r\n            /*height: 10rem;*/\r\n            overflow: hidden;\r\n            margin-bottom: 1rem;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp:3;\r\n          -webkit-box-orient: vertical;\r\n        }\r\n        .detail-btn{\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: -10px;\r\n            text-align: center;\r\n        }\r\n        .detail-btn span{\r\n            display: inline-block;\r\n            width: 40%;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            background: #674FB0;\r\n            color: #fff;\r\n        }\r\n        .active{\r\n            background: #674FB0;\r\n        }\r\n        .active span{\r\n            color: #fff!important;\r\n        }\r\n\r\n\r\n    }\r\n    .paginationo-box /deep/ .van-pagination__item--active{\r\n        background: #8366E3!important;\r\n        color: #fff!important;\r\n    }\r\n    .paginationo-box /deep/ .van-pagination__item{\r\n        color: #333;\r\n    }\r\n</style>\r\n"]}]}