{"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\\activities\\detail1.vue?vue&type=style&index=0&id=554ebb85&scoped=true&lang=css&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\activities\\detail1.vue","mtime":1691993564217},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5iYW5uZXIgaW1newogICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDAwcHgpewogICAgLmJyZWFkewogICAgICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICB9CiAgICAuYnJlYWQgZGl2ewogICAgICAgIHdpZHRoOiAxMjAwcHg7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDsKICAgICAgICBwYWRkaW5nOiAwLjhyZW0gMDsKICAgICAgICBmb250LXNpemU6IDFyZW07CiAgICB9CiAgICAuc21hcnQtdGl0bGV7CiAgICAgICAgbWFyZ2luLXRvcDozcmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZXsKICAgICAgICB3aWR0aDogMTIwMHB4OwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZSBzcGFuIHNwYW57CiAgICAgICAgZm9udC1zaXplOiAycmVtOwogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZy1yaWdodDogMXJlbTsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuOmFmdGVyewogICAgICAgIGNvbnRlbnQ6ICcnOwogICAgICAgIHdpZHRoOiAxcHg7CiAgICAgICAgaGVpZ2h0OiAxNXB4OwogICAgICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHJpZ2h0OiAwOwogICAgICAgIGJvdHRvbTogN3B4OwogICAgfQogICAgLmRldmljZS10aXRsZSBpbWd7CiAgICAgICAgd2lkdGg6IDgwJTsKICAgIH0KICAgIC5uYXYtbGlzdHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICAgIGZsZXgtd3JhcDogbm93cmFwOwogICAgICAgIG1hcmdpbjogMnJlbSBhdXRvOwogICAgICAgIHdpZHRoOiA1MCU7CiAgICB9CiAgICAubmF2LWxpc3QgbGl7CiAgICAgICAgbWluLXdpZHRoOiAzMy4zMyU7CiAgICAgICAgbWF4LXdpZHRoOiAzMy4zMyU7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGNvbG9yOiAjNjY2OwogICAgICAgIGZvbnQtc2l6ZTogMC44cmVtOwogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIH0KICAgIC5uYXYtbGlzdCBsaSBzcGFuewogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjZjBmMGYwOwogICAgICAgIHBhZGRpbmctYm90dG9tOiAwLjhyZW07CiAgICB9CiAgICAuYWN0aXZlIHNwYW57CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjRkY2QTAwIWltcG9ydGFudDsKICAgICAgICBjb2xvcjogIzMzMzsKICAgIH0KfQpAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDAwcHgpewogICAgLmJhbm5lcnsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgfQogICAgLmJyZWFkewogICAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICB9CiAgICAuc21hcnQtdGl0bGV7CiAgICAgICAgbWFyZ2luLXRvcDoycmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZXsKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbnsKICAgICAgICBmb250LXNpemU6IDEuNXJlbTsKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHBhZGRpbmctcmlnaHQ6IDFyZW07CiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtOwogICAgICAgIGZvbnQtd2VpZ2h0OiA5MDA7CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbjphZnRlcnsKICAgICAgICBjb250ZW50OiAnJzsKICAgICAgICB3aWR0aDogMXB4OwogICAgICAgIGhlaWdodDogMTVweDsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjY2OwogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICByaWdodDogMDsKICAgICAgICBib3R0b206IDdweDsKICAgIH0KICAgIC5kZXZpY2UtdGl0bGUgaW1newogICAgICAgIHdpZHRoOiAxMDAlOwogICAgfQogICAgLm5hdi1saXN0ewogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgICAgZmxleC13cmFwOiBub3dyYXA7CiAgICAgICAgbWFyZ2luOiAycmVtOwogICAgfQogICAgLm5hdi1saXN0IGxpewogICAgICAgIG1pbi13aWR0aDogMzMuMzMlOwogICAgICAgIG1heC13aWR0aDogMzMuMzMlOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBjb2xvcjogIzY2NjsKICAgICAgICBmb250LXNpemU6IDAuOHJlbTsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB9CiAgICAubmF2LWxpc3QgbGkgc3BhbnsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI2YwZjBmMDsKICAgICAgICBwYWRkaW5nLWJvdHRvbTogMC44cmVtOwogICAgfQogICAgLmFjdGl2ZSBzcGFuewogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI0ZGNkEwMCFpbXBvcnRhbnQ7CiAgICAgICAgY29sb3I6ICMzMzM7CiAgICAgICAgZm9udC13ZWlnaHQ6ODAwIWltcG9ydGFudDsKICAgIH0KfQoudGl0bGVzewogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgbWFyZ2luOiAycmVtIDA7Cn0KLmxpc3QtY29udGVudHsKICAgIG1pbi1oZWlnaHQ6IDEwcmVtOwp9Ci5saXN0LWNvbnRlbnQgc3BhbnsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHBhZGRpbmc6IDAuMnJlbSAxcmVtOwogICAgYmFja2dyb3VuZDogIzk5NkZFQzsKICAgIGNvbG9yOiAjZmZmOwp9Ci5saXN0LWNvbnRlbnQgaDN7CiAgICBtYXJnaW46IDFyZW0gMDsKfQoubGlzdC1jb250ZW50IHB7CiAgICBsaW5lLWhlaWdodDogMnJlbTsKfQoubGlzdC1jb250ZW50IGRpdnsKICAgIG1hcmdpbi10b3A6IDNyZW07Cn0KLmxpc3QtY29udGVudCBkaXYgaW1newogICAgd2lkdGg6IDEwMCU7CiAgICBkaXNwbGF5OiBibG9jazsKICAgIG1hcmdpbi10b3A6IDNyZW07Cn0KLmxpc3QtY29udGVudCBidXR0b257CiAgICB3aWR0aDogMTByZW07CiAgICBoZWlnaHQ6IDNyZW07CiAgICBib3JkZXI6IDFweCBzb2xpZCAjMzMzMzMzOwogICAgYm9yZGVyLXJhZGl1czogMTBweDsKICAgIG1hcmdpbjogNHJlbSBhdXRvOwogICAgZGlzcGxheTogYmxvY2s7Cn0K"},{"version":3,"sources":["detail1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"detail1.vue","sourceRoot":"src/views/services/activities","sourcesContent":["<template>\r\n    <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n        <div class=\"banner\">\r\n            <img src=\"~@/assets/images/yqhd.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>PARK AVTIVITIES</span>\r\n            </div>\r\n            <div class=\"smart-device-content\">\r\n                <div class=\"titles\">\r\n                    <h3>{{ activityDetail.activityName }}</h3>\r\n                </div>\r\n                <div class=\"list-content\">\r\n                    <span>活动详情</span>\r\n                    <h3>活动主办方</h3>\r\n                    <p>{{ activityDetail.activityHold }}</p>\r\n                    <h3>活动内容</h3>\r\n                    <p>{{ activityDetail.activityContent }} </p>\r\n                    <h3>活动时间</h3>\r\n                    <p> {{ activityDetail.activityStartTime }} — {{ activityDetail.activityEndTime }}</p>\r\n                    <h3>活动地址</h3>\r\n                    <p>{{ activityDetail.activityAddress }}</p>\r\n                    <h3>联系电话</h3>\r\n                    <p>{{ activityDetail.contactPhone }}</p>\r\n                    <h3>报名条件</h3>\r\n                    <p>{{ activityDetail.registrationConditions }}</p>\r\n<!--                    <div>-->\r\n<!--                        <p>以Josh Bersin & IBM Institute 的 HR 3.0 为主线，讲解传统HR （1.0）向战略型HR （3.0）转型的十大关键举措，用实操案例聚集三大主题：敏捷组织，员工体验，HR能力转型，提供帮助企业及人力资源自身提升的战略与方法，推动业务的突破。</p>-->\r\n<!--                        <p>1、数字化时代企业挑战及员工特点；</p>-->\r\n<!--                        <p>2、数字化时代人力资源10大关键举措3.敏捷组织，员工体验，HR能力转型（Dave Urich 第八轮胜任力模型）案例。</p>-->\r\n<!--                        <img src=\"~@/assets/images/pxxq.png\" alt=\"\">-->\r\n<!--                    </div>-->\r\n                    <button @click=\"detail(1)\" v-if=\"activityDetail.registrationStatus=='1'\">我要报名</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n      <Message :show-dialog=\"showInfo\" @closePop=\"closeMessage\"/>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {getActivityById} from \"@/service/api_service\";\r\n\r\nimport Message from '@/views/message/index'\r\nexport default {\r\n        components: {\r\n          Message\r\n        },\r\n        data () {\r\n            return {\r\n              showInfo:false,\r\n                active:1,\r\n                zsList:[\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                        eventIndex:1,\r\n                        detail:''\r\n                    },\r\n                    {\r\n                        img:'zs2.png',\r\n                        name:'税收优惠',\r\n                        eventIndex:2,\r\n                        detail:''\r\n                    },\r\n                    {\r\n                        img:'zs3.png',\r\n                        name:'奖励措施',\r\n                        eventIndex:3,\r\n                        detail:''\r\n                    },\r\n                ],\r\n              id:'',\r\n              activityDetail: '',\r\n              number:0\r\n            }\r\n        },\r\n        mounted() {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n            this.id = this.$route.query.id\r\n           this.getActivityById()\r\n        },\r\n        methods: {\r\n          getActivityById() {\r\n            const _this = this\r\n            getActivityById(this.id, null).then((res) => {\r\n              if (res.data) {\r\n                _this.activityDetail = res.data\r\n                _this.activityDetail.registrationStartTime = this.$common.transBaseDateTime(\r\n                    _this.activityDetail.registrationStartTime\r\n                )\r\n                _this.activityDetail.registrationEndTime = this.$common.transBaseToDateTime(\r\n                    _this.activityDetail.registrationEndTime\r\n                )\r\n                _this.activityDetail.activityStartTime = this.$common.transBaseDateTime(\r\n                    _this.activityDetail.activityStartTime\r\n                )\r\n                _this.activityDetail.activityEndTime = this.$common.transBaseToDateTime(\r\n                    _this.activityDetail.activityEndTime\r\n                )\r\n                if (_this.activityDetail.collectorsStatus === '2') {\r\n                  _this.active = true\r\n                } else {\r\n                  _this.active = false\r\n                }\r\n                _this.number = _this.activityDetail.activityQuota - _this.activityDetail.partakeNumber\r\n              }\r\n            })\r\n          },\r\n          closeMessage(){\r\n            this.showInfo =false\r\n          },\r\n          detail(index){\r\n            // this.$router.push({path:'/zhaoshang/detail1?smallType='+index})\r\n            this.showInfo =true\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        .device-title img{\r\n            width: 80%;\r\n        }\r\n        .nav-list{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n            margin: 2rem auto;\r\n            width: 50%;\r\n        }\r\n        .nav-list li{\r\n            min-width: 33.33%;\r\n            max-width: 33.33%;\r\n            text-align: center;\r\n            color: #666;\r\n            font-size: 0.8rem;\r\n            cursor: pointer;\r\n        }\r\n        .nav-list li span{\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom: 0.8rem;\r\n        }\r\n        .active span{\r\n            display: inline-block;\r\n            border-bottom: 2px solid #FF6A00!important;\r\n            color: #333;\r\n        }\r\n    }\r\n    @media screen and (max-width: 1000px){\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        .device-title img{\r\n            width: 100%;\r\n        }\r\n        .nav-list{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n            margin: 2rem;\r\n        }\r\n        .nav-list li{\r\n            min-width: 33.33%;\r\n            max-width: 33.33%;\r\n            text-align: center;\r\n            color: #666;\r\n            font-size: 0.8rem;\r\n            cursor: pointer;\r\n        }\r\n        .nav-list li span{\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom: 0.8rem;\r\n        }\r\n        .active span{\r\n            display: inline-block;\r\n            border-bottom: 2px solid #FF6A00!important;\r\n            color: #333;\r\n            font-weight:800!important;\r\n        }\r\n    }\r\n    .titles{\r\n        text-align: center;\r\n        margin: 2rem 0;\r\n    }\r\n    .list-content{\r\n        min-height: 10rem;\r\n    }\r\n    .list-content span{\r\n        display: inline-block;\r\n        padding: 0.2rem 1rem;\r\n        background: #996FEC;\r\n        color: #fff;\r\n    }\r\n    .list-content h3{\r\n        margin: 1rem 0;\r\n    }\r\n    .list-content p{\r\n        line-height: 2rem;\r\n    }\r\n    .list-content div{\r\n        margin-top: 3rem;\r\n    }\r\n    .list-content div img{\r\n        width: 100%;\r\n        display: block;\r\n        margin-top: 3rem;\r\n    }\r\n    .list-content button{\r\n        width: 10rem;\r\n        height: 3rem;\r\n        border: 1px solid #333333;\r\n        border-radius: 10px;\r\n        margin: 4rem auto;\r\n        display: block;\r\n    }\r\n</style>\r\n"]}]}