{"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\\services\\educate\\index.vue?vue&type=style&index=0&id=cb1b551e&scoped=true&lang=css&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\educate\\index.vue","mtime":1691993564219},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmJhbm5lciBpbWd7CiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDAwcHgpewogIC5icmVhZHsKICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgfQogIC5icmVhZD5kaXZ7CiAgICB3aWR0aDogMTIwMHB4OwogICAgbWFyZ2luOiAwIGF1dG87CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgcGFkZGluZzogMC44cmVtIDA7CiAgICBmb250LXNpemU6IDFyZW07CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgfQogIC5hcmVhLW5hdnsKICAgIHBvc2l0aW9uOmFic29sdXRlOwogICAgcmlnaHQ6IDA7CiAgICB0b3A6IDAuOHJlbTsKICAgIHdpZHRoOiA0MCU7CiAgICB0ZXh0LWFsaWduOiByaWdodDsKICB9CiAgLmFyZWEtbmF2ewogICAgZGlzcGxheTogZmxleDsKICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgZmxleC13cmFwOiBub3dyYXA7CiAgfQogIC5hcmVhLW5hdiBsaXsKICAgIGZsZXg6IDE7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI2YwZjBmMDsKICAgIHBhZGRpbmctYm90dG9tOjAuN3JlbTsKICB9CiAgLmFyZWEtbmF2IGF7CiAgICBjb2xvcjogIzMzMzsKICB9CiAgLnNtYXJ0LXRpdGxlewogICAgbWFyZ2luLXRvcDozcmVtOwogIH0KICAuc21hcnQtZGV2aWNlewogICAgd2lkdGg6IDEyMDBweDsKICAgIG1hcmdpbjogMCBhdXRvOwogICAgdGV4dC1hbGlnbjogbGVmdDsKICAgIGZvbnQtc2l6ZTogMXJlbTsKICB9CiAgLnNtYXJ0LWRldmljZSBzcGFuIHNwYW57CiAgICBmb250LXNpemU6IDJyZW07CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICBwYWRkaW5nLXJpZ2h0OiAxcmVtOwogICAgbWFyZ2luLXJpZ2h0OiAxcmVtOwogICAgZm9udC13ZWlnaHQ6IDkwMDsKICB9CiAgLnNtYXJ0LWRldmljZSBzcGFuIHNwYW46YWZ0ZXJ7CiAgICBjb250ZW50OiAnJzsKICAgIHdpZHRoOiAxcHg7CiAgICBoZWlnaHQ6IDE1cHg7CiAgICBiYWNrZ3JvdW5kOiAjNjY2OwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgcmlnaHQ6IDA7CiAgICBib3R0b206IDdweDsKICB9CiAgLm5hdi1jb21wYW55ewogICAgbWFyZ2luOiAzcmVtIDA7CiAgfQogIC5uYXYtY29tcGFueT5kaXZ7CiAgICB3aWR0aDogOTclOwogICAgbWFyZ2luOiAwIGF1dG87CiAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgcGFkZGluZzogMXJlbSAwOwogIH0KICAubmF2LWNvbXBhbnkgdWx7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgd2lkdGg6IDgwJTsKICAgIG1hcmdpbjogMCBhdXRvOwogICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICBmbGV4LXdyYXA6IG5vd3JhcDsKICB9CiAgLm5hdi1jb21wYW55IHVsIGxpewogICAgd2lkdGg6IDZyZW07CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgfQogIC5uYXYtY29tcGFueSB1bCBsaSBzcGFuewogICAgd2lkdGg6IDgwJTsKICAgIG1hcmdpbjogMCBhdXRvOwogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgY29sb3I6ICMzMzM7CiAgfQogIC53cmFwLWRldmljZS1kZXRhaWx7CiAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgd2lkdGg6IDkwJTsKICAgIG1hcmdpbjogMCBhdXRvOwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgcGFkZGluZzogMXJlbSAwOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICB9CiAgLnNtYXJ0LWRldmljZS1jb250ZW50IC5jb21wYW55LWxpc3R7CgogIH0KICAuc21hcnQtZGV2aWNlLWNvbnRlbnQgLmNvbXBhbnktbGlzdCBsaXsKICAgIG1hcmdpbi1ib3R0b206IDJyZW07CiAgfQogIC5jLWxvZ297CiAgICBmbG9hdDogbGVmdDsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIHdpZHRoOiAzMCU7CiAgfQogIC5jLWxvZ28gaW1newogICAgd2lkdGg6IDkwJTsKICAgIGhlaWdodDo5cmVtOwoKICB9CiAgLndyYXAtY29udGVudHsKICAgIGZsb2F0OiBsZWZ0OwogICAgd2lkdGg6IDcwJTsKICB9CiAgLmMtY29udGVudCwuZGV0YWlsLWJ0bnsKICAgIHdpZHRoOiA5MCU7CiAgICBtYXJnaW46IDFyZW0gYXV0bzsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgfQogIC5jLWNvbnRlbnQgc3BhbnsKICAgIGNvbG9yOiAjNjc0RkIwOwogIH0KICAuYy1jb250ZW50IGgzewogICAgZm9udC1zaXplOiAxcmVtOwogICAgbWFyZ2luOiAxcmVtIDA7CiAgfQogIC5jLWNvbnRlbnQgcHsKICAgIGZvbnQtc2l6ZTogMC44cmVtOwogICAgbGluZS1oZWlnaHQ6IDEuNnJlbTsKICAgIGhlaWdodDogM3JlbTsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICBtYXJnaW46IDFyZW0gMDsKICB9CiAgLmRldGFpbC1idG57CiAgICBtYXJnaW4tYm90dG9tOiAxcmVtOwogIH0KICAuZGV0YWlsLWJ0biAuYS1zdGF0dXN7CiAgICBmbG9hdDogbGVmdDsKICB9CiAgLmRldGFpbC1idG4gLmEtb3B0aW9uewogICAgZmxvYXQ6IHJpZ2h0OwogIH0KICAuZGV0YWlsLWJ0biBzcGFuewogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgcGFkZGluZzogMCAxcmVtOwogICAgbWFyZ2luLXJpZ2h0OiAxMHB4OwogICAgY29sb3I6ICNmZmY7CiAgfQogIC5hLXN0YXR1cyAub3ZlcnsKICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgfQogIC5hLXN0YXR1cyAubG9hZGluZ3sKICAgIGJhY2tncm91bmQ6ICNGRjZBMDA7CiAgfQogIC5hLW9wdGlvbiBzcGFuewogICAgY29sb3I6ICM2NjY7CiAgfQogIC5hLW9wdGlvbiBzcGFuOm50aC1jaGlsZCgyKXsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGJhY2tncm91bmQ6ICM2NzRGQjA7CiAgICBjb2xvcjogI2ZmZjsKICB9CiAgLmFjdGl2ZXsKICAgIGJhY2tncm91bmQ6ICM2NzRGQjA7CiAgfQogIC5hY3RpdmUgc3BhbnsKICAgIGNvbG9yOiAjZmZmIWltcG9ydGFudDsKICB9CiAgLnRhYnN7CiAgICBib3JkZXItYm90dG9tOjJweCBzb2xpZCAjNjc0RkIwIWltcG9ydGFudDsKICB9CiAgLnBhZ2luYXRpb25vLWJveHsKICAgIHdpZHRoOiAyMCU7CiAgICBtYXJnaW46IDAgYXV0bzsKICB9Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwMHB4KXsKICAuemMtY29udGVudHsKICAgIGRpc3BsYXk6IG5vbmU7CiAgfQogIC5iYW5uZXJ7CiAgICBkaXNwbGF5OiBub25lOwogIH0KICAuYnJlYWR7CiAgICBkaXNwbGF5OiBub25lOwogIH0KICAuc21hcnQtdGl0bGV7CiAgICBtYXJnaW4tdG9wOjJyZW07CiAgfQogIC5zbWFydC1kZXZpY2V7CiAgICB3aWR0aDogOTAlOwogICAgbWFyZ2luOiAwIGF1dG87CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgZm9udC1zaXplOiAxcmVtOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICB9CiAgLnNtYXJ0LWRldmljZSBzcGFuIHNwYW57CiAgICBmb250LXNpemU6IDEuNXJlbTsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHBhZGRpbmctcmlnaHQ6IDFyZW07CiAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICBmb250LXdlaWdodDogOTAwOwogIH0KICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbjphZnRlcnsKICAgIGNvbnRlbnQ6ICcnOwogICAgd2lkdGg6IDFweDsKICAgIGhlaWdodDogMTVweDsKICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICByaWdodDogMDsKICAgIGJvdHRvbTogN3B4OwogIH0KICAubmF2LWNvbXBhbnl7CiAgICBtYXJnaW46IDNyZW0gMDsKICAgIGJveC1zaGFkb3c6IDEwcHggMTBweCAxMHB4ICNkZWRlZGU7CiAgfQogIC5uYXYtY29tcGFueT5kaXZ7CiAgICB3aWR0aDogMTAwJTsKICAgIG1hcmdpbjogMCBhdXRvOwogICAgYmFja2dyb3VuZDogI2ZmZjsKICAgIHBhZGRpbmc6IDFyZW0gMDsKICB9CiAgLm5hdi1jb21wYW55IHVsewogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIHdpZHRoOiA4MCU7CiAgICBtYXJnaW46IDAgYXV0bzsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIGZsZXgtd3JhcDogd3JhcDsKICB9CiAgLm5hdi1jb21wYW55IHVsIGxpewogICAgd2lkdGg6IDVyZW07CiAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgY3Vyc29yOiBwb2ludGVyOwogICAgbWFyZ2luLXRvcDogMXJlbTsKICB9CiAgLm5hdi1jb21wYW55IHVsIGxpIHNwYW57CiAgICB3aWR0aDogODAlOwogICAgbWFyZ2luOiAwIGF1dG87CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBib3JkZXI6IDFweCBzb2xpZCAjNjc0RkIwOwogICAgY29sb3I6ICM2NzRGQjA7CiAgICBwYWRkaW5nOiAwIDRweDsKICB9CiAgLndyYXAtZGV2aWNlLWRldGFpbHsKICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICB3aWR0aDogOTAlOwogICAgbWFyZ2luOiAwIGF1dG87CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICBwYWRkaW5nLXRvcDogMXJlbTsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgfQogIC5zbWFydC1kZXZpY2UtY29udGVudCAuY29tcGFueS1saXN0ewoKICB9CiAgLnNtYXJ0LWRldmljZS1jb250ZW50IC5jb21wYW55LWxpc3QgbGl7CiAgICBtYXJnaW4tYm90dG9tOiAycmVtOwogIH0KICAuYy1sb2dvIGltZ3sKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OjlyZW07CgogIH0KICAuYy1sb2dvewogICAgd2lkdGg6IDkwJTsKICAgIG1hcmdpbjogMCBhdXRvOwogIH0KICAud3JhcC1jb250ZW50ewogICAgd2lkdGg6IDkwJTsKICAgIG1hcmdpbjogMCBhdXRvOwogIH0KICAuYy1jb250ZW50LC5kZXRhaWwtYnRuewogICAgd2lkdGg6IDk4JTsKICAgIG1hcmdpbjogMCBhdXRvOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICB9CiAgLmMtY29udGVudCBzcGFuewogICAgY29sb3I6ICM2NzRGQjA7CiAgICBtYXJnaW46IDEwcHggMDsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIC8qZGlzcGxheTogbm9uZTsqLwogIH0KICAuYy1jb250ZW50IGgzewogICAgZm9udC1zaXplOiAxcmVtOwogICAgbWFyZ2luLWJvdHRvbTogMC42cmVtOwogIH0KICAuYy1jb250ZW50IHB7CiAgICBmb250LXNpemU6IDAuOHJlbTsKICAgIGxpbmUtaGVpZ2h0OiAxcmVtOwogICAgaGVpZ2h0OiAycmVtOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIG1hcmdpbjogMC41cmVtIDA7CiAgfQogIC5kZXRhaWwtYnRuewogICAgbWFyZ2luLWJvdHRvbTogMC41cmVtOwogIH0KICAuZGV0YWlsLWJ0bj5kaXZ7CiAgICBtYXJnaW4tYm90dG9tOiAwLjZyZW07CiAgICBvdmVyZmxvdzogaGlkZGVuOwogIH0KICAuZGV0YWlsLWJ0biAuYS1zdGF0dXN7CgogIH0KICAuZGV0YWlsLWJ0biAuYS1zdGF0dXMgc3BhbjpmaXJzdC1jaGlsZHsKCiAgfQogIC5kZXRhaWwtYnRuIC5hLW9wdGlvbiBzcGFuOmZpcnN0LWNoaWxkewogICAgdGV4dC1hbGlnbjogbGVmdDsKICAgIGZsb2F0OiBsZWZ0OwogICAgcGFkZGluZzogMDsKICB9CiAgLmRldGFpbC1idG4gLmEtb3B0aW9uIHNwYW46bGFzdC1jaGlsZHsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGZsb2F0OiByaWdodDsKICB9CiAgLmRldGFpbC1idG4gLmEtb3B0aW9uewoKICB9CiAgLmRldGFpbC1idG4gLmEtb3B0aW9uIHNwYW57CgogIH0KICAuZGV0YWlsLWJ0biBzcGFuewogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgcGFkZGluZzogMCAxcmVtOwogICAgZm9udC1zaXplOiAwLjhyZW07CiAgfQogIC5hLXN0YXR1cyAub3ZlcnsKICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgfQogIC5hLXN0YXR1cyAubG9hZGluZ3sKICAgIGJhY2tncm91bmQ6ICNGRjZBMDA7CiAgfQogIC5hLW9wdGlvbiBzcGFuewogICAgY29sb3I6ICM2NjY7CiAgfQogIC5hLW9wdGlvbiBzcGFuOm50aC1jaGlsZCgyKXsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGJhY2tncm91bmQ6ICM2NzRGQjA7CiAgICBjb2xvcjogI2ZmZjsKICB9CiAgLmFjdGl2ZXsKICAgIGJhY2tncm91bmQ6ICM2NzRGQjA7CiAgfQogIC5hY3RpdmUgc3BhbnsKICAgIGNvbG9yOiAjZmZmIWltcG9ydGFudDsKICB9Cn0KLnBhZ2luYXRpb25vLWJveCAvZGVlcC8gLnZhbi1wYWdpbmF0aW9uX19pdGVtLS1hY3RpdmV7CiAgYmFja2dyb3VuZDogIzgzNjZFMyFpbXBvcnRhbnQ7CiAgY29sb3I6ICNmZmYhaW1wb3J0YW50Owp9Ci5wYWdpbmF0aW9uby1ib3ggL2RlZXAvIC52YW4tcGFnaW5hdGlvbl9faXRlbXsKICBjb2xvcjogIzMzMzsKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiLA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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","file":"index.vue","sourceRoot":"src/views/services/educate","sourcesContent":["<template>\r\n  <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n    <div class=\"banner\">\r\n      <img src=\"~@/assets/images/yxfw.jpg\" alt=\"\">\r\n    </div>\r\n    <div class=\"bread\">\r\n      <div>\r\n        <span>当前位置:首页-园区培训</span>\r\n        <div>\r\n          <ul class=\"area-nav\">\r\n            <li><router-link :to=\"{path: '/service/characteristic'}\">服务特色</router-link></li>\r\n            <li><router-link :to=\"{path: '/service/periphery'}\">园区周边</router-link></li>\r\n            <li><router-link :to=\"{path: '/service/activities'}\">园区活动</router-link></li>\r\n            <li class=\"tabs\"><router-link :to=\"{path: '/service/educate'}\">园区培训</router-link></li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"smart-device\">\r\n      <div class=\"smart-title\">\r\n        <span><span>园区培训</span>PARK TRAINING</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 trainType\" :class=\"active===item.value?'active':''\" @click=\"changeType(item.value)\">\r\n                <span>{{item.label}}</span>\r\n              </li>\r\n<!--              <li :class=\"active==0?'active':''\" @click=\"changeType(0)\"><span>全部</span></li>-->\r\n<!--              <li :class=\"active==1?'active':''\" @click=\"changeType(1)\"><span>投资知识</span></li>-->\r\n<!--              <li :class=\"active==2?'active':''\" @click=\"changeType(2)\"><span>产业政策</span></li>-->\r\n<!--              <li :class=\"active==3?'active':''\" @click=\"changeType(3)\"><span>消防安全</span></li>-->\r\n<!--              <li :class=\"active==4?'active':''\" @click=\"changeType(4)\"><span>入职培训</span></li>-->\r\n<!--              <li :class=\"active==5?'active':''\" @click=\"changeType(5)\"><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.id)\">\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=\"wrap-content\">\r\n                <div class=\"c-content\">\r\n                  <span>{{item.createTime}}</span>\r\n                  <h3>{{item.name}}</h3>\r\n                </div>\r\n                <div class=\"detail-btn\"  v-if=\"item.onlineOfflineStatus=='线下'\">\r\n                  <div class=\"a-status\">\r\n                    <span v-if=\"item.status==2\" class=\"over\">已结束</span>\r\n                    <span v-else class=\"loading\">报名中</span>\r\n                    <span v-if=\"item.status==1\"class=\"loading\">线下</span>\r\n                  </div>\r\n                  <div class=\"a-option\">\r\n                    <span>参与人数:{{item.num}}</span>\r\n                    <span>查看详情</span>\r\n                  </div>\r\n                </div>\r\n                <div class=\"detail-btn\" v-else>\r\n                  <div class=\"a-status\">\r\n                    <span class=\"loading\"  style=\"background:#C5B2ED\" >可观看</span>\r\n                  </div>\r\n                  <div class=\"a-option\">\r\n                    <span style=\"background: #674FB0;color: white\">查看详情</span>\r\n                  </div>\r\n                </div>\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 {websiteTrainInfoPage} 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: ['trainType'],\r\n      active:'',\r\n      total:0,\r\n      currentPage:1,\r\n      zsList:[\r\n        // {\r\n        //     img:'n1.png',\r\n        //     name:'互联网私募如何入门',\r\n        //     eventIndex:1,\r\n        //     createTime:'2012-12-12',\r\n        //     num:1,\r\n        //     status:1,\r\n        //     detail:'互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门'\r\n        // },\r\n\r\n      ],\r\n      trainType:[],\r\n      search:{\r\n        pageSize:10,\r\n        pageNum:1,\r\n        publishStatus:'2'\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    this.initDict(this.dc_key,true).then((res) => {\r\n      this.trainType = this.dc_data.trainType\r\n      this.getData()\r\n    })\r\n    document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n  },\r\n  methods: {\r\n    changeType(active){\r\n      this.search.pageNum = 1\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      if(this.active===0){\r\n        this.search.trainType=''\r\n      }else{\r\n        this.search.trainType=this.active\r\n      }\r\n      websiteTrainInfoPage(this.search).then((res)=>{\r\n        if(res.rows){\r\n          debugger\r\n          this.total = res.total\r\n          this.zsList = []\r\n          res.rows.forEach(item=>{\r\n            let url = ''\r\n            if(item.trainAnnex&&item.trainAnnex.length>2){\r\n              const annex = this.$common.castEval(item.trainAnnex)\r\n              url = annex[0].url\r\n            }\r\n            const i = {\r\n              id:item.id,\r\n              img:this.$common.replaceWxDownload(url),\r\n              name:item.trainTitle,\r\n              createTime:this.$common.transServDate(item.publishDate),\r\n              num:item.partakeNumber,\r\n              status:item.registrationStatus,\r\n              detail:'',\r\n              onlineOfflineStatus:item.onlineOfflineStatus\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({path:'/service/educate-detail?id='+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      position: relative;\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      position: relative;\r\n    }\r\n    .area-nav{\r\n      position:absolute;\r\n      right: 0;\r\n      top: 0.8rem;\r\n      width: 40%;\r\n      text-align: right;\r\n    }\r\n    .area-nav{\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-wrap: nowrap;\r\n    }\r\n    .area-nav li{\r\n      flex: 1;\r\n      text-align: center;\r\n      border-bottom: 2px solid #f0f0f0;\r\n      padding-bottom:0.7rem;\r\n    }\r\n    .area-nav a{\r\n      color: #333;\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      position: relative;\r\n      padding: 1rem 0;\r\n      overflow: hidden;\r\n    }\r\n    .smart-device-content .company-list{\r\n\r\n    }\r\n    .smart-device-content .company-list li{\r\n      margin-bottom: 2rem;\r\n    }\r\n    .c-logo{\r\n      float: left;\r\n      text-align: center;\r\n      width: 30%;\r\n    }\r\n    .c-logo img{\r\n      width: 90%;\r\n      height:9rem;\r\n\r\n    }\r\n    .wrap-content{\r\n      float: left;\r\n      width: 70%;\r\n    }\r\n    .c-content,.detail-btn{\r\n      width: 90%;\r\n      margin: 1rem auto;\r\n      overflow: hidden;\r\n    }\r\n    .c-content span{\r\n      color: #674FB0;\r\n    }\r\n    .c-content h3{\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: 3rem;\r\n      overflow: hidden;\r\n      margin: 1rem 0;\r\n    }\r\n    .detail-btn{\r\n      margin-bottom: 1rem;\r\n    }\r\n    .detail-btn .a-status{\r\n      float: left;\r\n    }\r\n    .detail-btn .a-option{\r\n      float: right;\r\n    }\r\n    .detail-btn span{\r\n      display: inline-block;\r\n      padding: 0 1rem;\r\n      margin-right: 10px;\r\n      color: #fff;\r\n    }\r\n    .a-status .over{\r\n      background: #666;\r\n    }\r\n    .a-status .loading{\r\n      background: #FF6A00;\r\n    }\r\n    .a-option span{\r\n      color: #666;\r\n    }\r\n    .a-option span:nth-child(2){\r\n      display: inline-block;\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    .tabs{\r\n      border-bottom:2px solid #674FB0!important;\r\n    }\r\n    .paginationo-box{\r\n      width: 20%;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n  @media screen and (max-width: 1000px){\r\n    .zc-content{\r\n      display: none;\r\n    }\r\n    .banner{\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      position: relative;\r\n      padding-top: 1rem;\r\n      overflow: hidden;\r\n    }\r\n    .smart-device-content .company-list{\r\n\r\n    }\r\n    .smart-device-content .company-list li{\r\n      margin-bottom: 2rem;\r\n    }\r\n    .c-logo img{\r\n      width: 100%;\r\n      height:9rem;\r\n\r\n    }\r\n    .c-logo{\r\n      width: 90%;\r\n      margin: 0 auto;\r\n    }\r\n    .wrap-content{\r\n      width: 90%;\r\n      margin: 0 auto;\r\n    }\r\n    .c-content,.detail-btn{\r\n      width: 98%;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n    }\r\n    .c-content span{\r\n      color: #674FB0;\r\n      margin: 10px 0;\r\n      display: inline-block;\r\n      /*display: none;*/\r\n    }\r\n    .c-content h3{\r\n      font-size: 1rem;\r\n      margin-bottom: 0.6rem;\r\n    }\r\n    .c-content p{\r\n      font-size: 0.8rem;\r\n      line-height: 1rem;\r\n      height: 2rem;\r\n      overflow: hidden;\r\n      margin: 0.5rem 0;\r\n    }\r\n    .detail-btn{\r\n      margin-bottom: 0.5rem;\r\n    }\r\n    .detail-btn>div{\r\n      margin-bottom: 0.6rem;\r\n      overflow: hidden;\r\n    }\r\n    .detail-btn .a-status{\r\n\r\n    }\r\n    .detail-btn .a-status span:first-child{\r\n\r\n    }\r\n    .detail-btn .a-option span:first-child{\r\n      text-align: left;\r\n      float: left;\r\n      padding: 0;\r\n    }\r\n    .detail-btn .a-option span:last-child{\r\n      text-align: center;\r\n      float: right;\r\n    }\r\n    .detail-btn .a-option{\r\n\r\n    }\r\n    .detail-btn .a-option span{\r\n\r\n    }\r\n    .detail-btn span{\r\n      display: inline-block;\r\n      padding: 0 1rem;\r\n      font-size: 0.8rem;\r\n    }\r\n    .a-status .over{\r\n      background: #666;\r\n    }\r\n    .a-status .loading{\r\n      background: #FF6A00;\r\n    }\r\n    .a-option span{\r\n      color: #666;\r\n    }\r\n    .a-option span:nth-child(2){\r\n      display: inline-block;\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  .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"]}]}