{"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=script&lang=js&","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\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge2dldEFjdGl2aXR5QnlJZH0gZnJvbSAiQC9zZXJ2aWNlL2FwaV9zZXJ2aWNlIjsNCg0KaW1wb3J0IE1lc3NhZ2UgZnJvbSAnQC92aWV3cy9tZXNzYWdlL2luZGV4Jw0KZXhwb3J0IGRlZmF1bHQgew0KICAgICAgICBjb21wb25lbnRzOiB7DQogICAgICAgICAgTWVzc2FnZQ0KICAgICAgICB9LA0KICAgICAgICBkYXRhICgpIHsNCiAgICAgICAgICAgIHJldHVybiB7DQogICAgICAgICAgICAgIHNob3dJbmZvOmZhbHNlLA0KICAgICAgICAgICAgICAgIGFjdGl2ZToxLA0KICAgICAgICAgICAgICAgIHpzTGlzdDpbDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMxLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOifkuJPpobnmibbmjIHmlL/nrZYnLA0KICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDoxLA0KICAgICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMyLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOifnqI7mlLbkvJjmg6AnLA0KICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDoyLA0KICAgICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMzLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiflpZblirHmjqrmlr0nLA0KICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDozLA0KICAgICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgXSwNCiAgICAgICAgICAgICAgaWQ6JycsDQogICAgICAgICAgICAgIGFjdGl2aXR5RGV0YWlsOiAnJywNCiAgICAgICAgICAgICAgbnVtYmVyOjANCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgbW91bnRlZCgpIHsNCiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgPSBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA9MDsgLy/lm57liLDpobbpg6gNCiAgICAgICAgICAgIHRoaXMuaWQgPSB0aGlzLiRyb3V0ZS5xdWVyeS5pZA0KICAgICAgICAgICB0aGlzLmdldEFjdGl2aXR5QnlJZCgpDQogICAgICAgIH0sDQogICAgICAgIG1ldGhvZHM6IHsNCiAgICAgICAgICBnZXRBY3Rpdml0eUJ5SWQoKSB7DQogICAgICAgICAgICBjb25zdCBfdGhpcyA9IHRoaXMNCiAgICAgICAgICAgIGdldEFjdGl2aXR5QnlJZCh0aGlzLmlkLCBudWxsKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICAgICAgaWYgKHJlcy5kYXRhKSB7DQogICAgICAgICAgICAgICAgX3RoaXMuYWN0aXZpdHlEZXRhaWwgPSByZXMuZGF0YQ0KICAgICAgICAgICAgICAgIF90aGlzLmFjdGl2aXR5RGV0YWlsLnJlZ2lzdHJhdGlvblN0YXJ0VGltZSA9IHRoaXMuJGNvbW1vbi50cmFuc0Jhc2VEYXRlVGltZSgNCiAgICAgICAgICAgICAgICAgICAgX3RoaXMuYWN0aXZpdHlEZXRhaWwucmVnaXN0cmF0aW9uU3RhcnRUaW1lDQogICAgICAgICAgICAgICAgKQ0KICAgICAgICAgICAgICAgIF90aGlzLmFjdGl2aXR5RGV0YWlsLnJlZ2lzdHJhdGlvbkVuZFRpbWUgPSB0aGlzLiRjb21tb24udHJhbnNCYXNlVG9EYXRlVGltZSgNCiAgICAgICAgICAgICAgICAgICAgX3RoaXMuYWN0aXZpdHlEZXRhaWwucmVnaXN0cmF0aW9uRW5kVGltZQ0KICAgICAgICAgICAgICAgICkNCiAgICAgICAgICAgICAgICBfdGhpcy5hY3Rpdml0eURldGFpbC5hY3Rpdml0eVN0YXJ0VGltZSA9IHRoaXMuJGNvbW1vbi50cmFuc0Jhc2VEYXRlVGltZSgNCiAgICAgICAgICAgICAgICAgICAgX3RoaXMuYWN0aXZpdHlEZXRhaWwuYWN0aXZpdHlTdGFydFRpbWUNCiAgICAgICAgICAgICAgICApDQogICAgICAgICAgICAgICAgX3RoaXMuYWN0aXZpdHlEZXRhaWwuYWN0aXZpdHlFbmRUaW1lID0gdGhpcy4kY29tbW9uLnRyYW5zQmFzZVRvRGF0ZVRpbWUoDQogICAgICAgICAgICAgICAgICAgIF90aGlzLmFjdGl2aXR5RGV0YWlsLmFjdGl2aXR5RW5kVGltZQ0KICAgICAgICAgICAgICAgICkNCiAgICAgICAgICAgICAgICBpZiAoX3RoaXMuYWN0aXZpdHlEZXRhaWwuY29sbGVjdG9yc1N0YXR1cyA9PT0gJzInKSB7DQogICAgICAgICAgICAgICAgICBfdGhpcy5hY3RpdmUgPSB0cnVlDQogICAgICAgICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgICAgICAgIF90aGlzLmFjdGl2ZSA9IGZhbHNlDQogICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIF90aGlzLm51bWJlciA9IF90aGlzLmFjdGl2aXR5RGV0YWlsLmFjdGl2aXR5UXVvdGEgLSBfdGhpcy5hY3Rpdml0eURldGFpbC5wYXJ0YWtlTnVtYmVyDQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0pDQogICAgICAgICAgfSwNCiAgICAgICAgICBjbG9zZU1lc3NhZ2UoKXsNCiAgICAgICAgICAgIHRoaXMuc2hvd0luZm8gPWZhbHNlDQogICAgICAgICAgfSwNCiAgICAgICAgICBkZXRhaWwoaW5kZXgpew0KICAgICAgICAgICAgLy8gdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6Jy96aGFvc2hhbmcvZGV0YWlsMT9zbWFsbFR5cGU9JytpbmRleH0pDQogICAgICAgICAgICB0aGlzLnNob3dJbmZvID10cnVlDQogICAgICAgICAgfQ0KICAgICAgICB9LA0KICAgIH07DQo="},{"version":3,"sources":["detail1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;;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","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"]}]}