|
|
@@ -1,191 +1,189 @@
|
|
|
<template>
|
|
|
- <div style="background: #f0f0f0;padding-bottom:50px">
|
|
|
- <div class="banner">
|
|
|
- <img src="~@/assets/images/yqbx.jpg" alt="">
|
|
|
+ <div style="background: #f0f0f0;padding-bottom:50px">
|
|
|
+ <div class="banner">
|
|
|
+ <img src="~@/assets/images/yqbx.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="bread">
|
|
|
+ <div>
|
|
|
+ <span>当前位置:首页-园区培训-培训详情</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="smart-device">
|
|
|
+ <div class="smart-title">
|
|
|
+ <span><span>园区培训</span>PARK TRAINING</span>
|
|
|
+ </div>
|
|
|
+ <div v-if="trainDetail.onlineOfflineStatus=='线下'" class="smart-device-content">
|
|
|
+ <div class="titles">
|
|
|
+ <h3>{{ trainDetail.trainTitle }}</h3>
|
|
|
</div>
|
|
|
- <div class="bread">
|
|
|
- <div>
|
|
|
- <span>当前位置:首页-园区培训-培训详情</span>
|
|
|
- </div>
|
|
|
+ <div class="list-content">
|
|
|
+ <span>培训详情</span>
|
|
|
+ <h3>培训主办方</h3>
|
|
|
+ <p>{{ trainDetail.trainHold }}</p>
|
|
|
+ <h3>培训内容</h3>
|
|
|
+ <p>{{ trainDetail.trainContent }} </p>
|
|
|
+ <h3>培训时间</h3>
|
|
|
+ <p>{{ trainDetail.trainStartTime }} — {{ trainDetail.trainEndTime }}</p>
|
|
|
+ <h3>培训地址</h3>
|
|
|
+ <p> {{ trainDetail.trainAddress }}</p>
|
|
|
+ <h3>联系电话</h3>
|
|
|
+ <p> {{ trainDetail.contactPhone }}</p>
|
|
|
+ <h3>报名条件</h3>
|
|
|
+ <p> {{ trainDetail.registrationConditions }}</p>
|
|
|
+ <h3>培训参与</h3>
|
|
|
+ <p> 还有 {{ number }} 个名额</p>
|
|
|
+ <div>
|
|
|
+ <!-- <p>以Josh Bersin & IBM Institute 的 HR 3.0 为主线，讲解传统HR （1.0）向战略型HR （3.0）转型的十大关键举措，用实操案例聚集三大主题：敏捷组织，员工体验，HR能力转型，提供帮助企业及人力资源自身提升的战略与方法，推动业务的突破。</p>-->
|
|
|
+ <!-- <p>1、数字化时代企业挑战及员工特点；</p>-->
|
|
|
+ <!-- <p>2、数字化时代人力资源10大关键举措3.敏捷组织，员工体验，HR能力转型（Dave Urich 第八轮胜任力模型）案例。</p>-->
|
|
|
+ <!-- <img :src="trainDetail.annexArray[0]" alt="" />-->
|
|
|
+ </div>
|
|
|
+ <button v-if="trainDetail.registrationStatus=='1'" @click="detail(1)">我要报名</button>
|
|
|
</div>
|
|
|
- <div class="smart-device">
|
|
|
- <div class="smart-title">
|
|
|
- <span><span>园区培训</span>PARK TRAINING</span>
|
|
|
- </div>
|
|
|
- <div class="smart-device-content" v-if="trainDetail.onlineOfflineStatus=='线下'">
|
|
|
- <div class="titles">
|
|
|
- <h3>{{ trainDetail.trainTitle }}</h3>
|
|
|
- </div>
|
|
|
- <div class="list-content">
|
|
|
- <span>培训详情</span>
|
|
|
- <h3>培训主办方</h3>
|
|
|
- <p>{{ trainDetail.trainHold }}</p>
|
|
|
- <h3>培训内容</h3>
|
|
|
- <p>{{ trainDetail.trainContent }} </p>
|
|
|
- <h3>培训时间</h3>
|
|
|
- <p>{{ trainDetail.trainStartTime }} — {{ trainDetail.trainEndTime }}</p>
|
|
|
- <h3>培训地址</h3>
|
|
|
- <p> {{ trainDetail.trainAddress }}</p>
|
|
|
- <h3>联系电话</h3>
|
|
|
- <p> {{ trainDetail.contactPhone }}</p>
|
|
|
- <h3>报名条件</h3>
|
|
|
- <p> {{ trainDetail.registrationConditions }}</p>
|
|
|
- <h3>培训参与</h3>
|
|
|
- <p> 还有 {{ number }} 个名额</p>
|
|
|
- <div>
|
|
|
-<!-- <p>以Josh Bersin & IBM Institute 的 HR 3.0 为主线，讲解传统HR （1.0）向战略型HR （3.0）转型的十大关键举措，用实操案例聚集三大主题：敏捷组织，员工体验，HR能力转型，提供帮助企业及人力资源自身提升的战略与方法，推动业务的突破。</p>-->
|
|
|
-<!-- <p>1、数字化时代企业挑战及员工特点；</p>-->
|
|
|
-<!-- <p>2、数字化时代人力资源10大关键举措3.敏捷组织，员工体验，HR能力转型（Dave Urich 第八轮胜任力模型）案例。</p>-->
|
|
|
-<!-- <img :src="trainDetail.annexArray[0]" alt="" />-->
|
|
|
- </div>
|
|
|
- <button @click="detail(1)" v-if="trainDetail.registrationStatus=='1'">我要报名</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="smart-device-content" v-else>
|
|
|
- <div class="titles">
|
|
|
- <h3>{{ trainDetail.trainTitle }}</h3>
|
|
|
- </div>
|
|
|
- <div class="list-content">
|
|
|
- <span>培训详情</span>
|
|
|
- <h3>培训类型</h3>
|
|
|
- <p>{{ trainDetail.trainType }}</p>
|
|
|
- <h3>讲师姓名</h3>
|
|
|
- <p> {{ trainDetail.lecturerName }}</p>
|
|
|
- <h3>讲师简介 </h3>
|
|
|
- <p> {{ trainDetail.lecturerIntroduction }}</p>
|
|
|
- <h3>讲师形象照</h3>
|
|
|
- <div><img style="width: 100%;" :src="trainDetail.lecturerAnnexUrl"> </div>
|
|
|
- <h3>主题图</h3>
|
|
|
- <div><img style="width: 100%;" :src="trainDetail.annexUrl"> </div>
|
|
|
- <h3>视频</h3>
|
|
|
- <div v-if="isiOS" style="margin-bottom: 200px;background-color: black;">
|
|
|
- <video controls="controls" autoplay height="100%" width="100%">
|
|
|
- <source :src="trainDetail.videoAnnexUrl" type="video/mp4">
|
|
|
- <source :src="trainDetail.videoAnnexUrl" type="video/ogg">
|
|
|
- <source :src="trainDetail.videoAnnexUrl" type="video/webm">
|
|
|
- your browser does not support the video tag
|
|
|
- </video>
|
|
|
- </div>
|
|
|
- <video v-else controls="controls" style="width: 100%;height: 35rem;" :src="trainDetail.videoAnnexUrl" autoplay="autoplay" />
|
|
|
- <button @click="detail(1)" v-if="trainDetail.registrationStatus=='1'">我要报名</button>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="smart-device-content">
|
|
|
+ <div class="titles">
|
|
|
+ <h3>{{ trainDetail.trainTitle }}</h3>
|
|
|
+ </div>
|
|
|
+ <div class="list-content">
|
|
|
+ <span>培训详情</span>
|
|
|
+ <h3>培训类型</h3>
|
|
|
+ <p>{{ trainDetail.trainType }}</p>
|
|
|
+ <h3>讲师姓名</h3>
|
|
|
+ <p> {{ trainDetail.lecturerName }}</p>
|
|
|
+ <h3>讲师简介 </h3>
|
|
|
+ <p> {{ trainDetail.lecturerIntroduction }}</p>
|
|
|
+ <h3>讲师形象照</h3>
|
|
|
+ <div><img style="width: 30%;" :src="trainDetail.lecturerAnnexUrl"> </div>
|
|
|
+ <h3>主题图</h3>
|
|
|
+ <div><img style="width: 100%;" :src="trainDetail.annexUrl"> </div>
|
|
|
+ <h3>视频</h3>
|
|
|
+ <div v-if="isiOS" style="margin-bottom: 200px;background-color: black;">
|
|
|
+ <video controls="controls" autoplay height="100%" width="100%">
|
|
|
+ <source :src="trainDetail.videoAnnexUrl" type="video/mp4">
|
|
|
+ <source :src="trainDetail.videoAnnexUrl" type="video/ogg">
|
|
|
+ <source :src="trainDetail.videoAnnexUrl" type="video/webm">
|
|
|
+ your browser does not support the video tag
|
|
|
+ </video>
|
|
|
</div>
|
|
|
+ <video v-else controls="controls" style="width: 100%;height: 35rem;" :src="trainDetail.videoAnnexUrl" autoplay="autoplay" />
|
|
|
+ <button v-if="trainDetail.registrationStatus=='1'" @click="detail(1)">我要报名</button>
|
|
|
</div>
|
|
|
- <Message :show-dialog="showInfo" @closePop="closeMessage"/>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <Message :show-dialog="showInfo" @closePop="closeMessage" />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {getTrainById} from "@/service/api_service";
|
|
|
+import { getTrainById } from '@/service/api_service'
|
|
|
import Base from '@/views/base/base'
|
|
|
import BaseData from '@/views/base/baseData'
|
|
|
import Message from '@/views/message/index'
|
|
|
export default {
|
|
|
- mixins: [Base, BaseData],
|
|
|
- components: {
|
|
|
- Message
|
|
|
- },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- dc_key: ['trainType'],
|
|
|
- showInfo:false,
|
|
|
- active:1,
|
|
|
- isiOS:false,
|
|
|
- zsList:[
|
|
|
- {
|
|
|
- img:'zs1.png',
|
|
|
- name:'专项扶持政策',
|
|
|
- eventIndex:1,
|
|
|
- detail:''
|
|
|
- },
|
|
|
- {
|
|
|
- img:'zs2.png',
|
|
|
- name:'税收优惠',
|
|
|
- eventIndex:2,
|
|
|
- detail:''
|
|
|
- },
|
|
|
- {
|
|
|
- img:'zs3.png',
|
|
|
- name:'奖励措施',
|
|
|
- eventIndex:3,
|
|
|
- detail:''
|
|
|
- },
|
|
|
- ],
|
|
|
- trainDetail: '',
|
|
|
- number: 0,
|
|
|
- id:'',
|
|
|
- trainType:''
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
|
|
|
- this.id = this.$route.query.id
|
|
|
- this.initDict(this.dc_key,true).then((res) => {
|
|
|
+ components: {
|
|
|
+ Message
|
|
|
+ },
|
|
|
+ mixins: [Base, BaseData],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dc_key: ['trainType'],
|
|
|
+ showInfo: false,
|
|
|
+ active: 1,
|
|
|
+ isiOS: false,
|
|
|
+ zsList: [
|
|
|
+ {
|
|
|
+ img: 'zs1.png',
|
|
|
+ name: '专项扶持政策',
|
|
|
+ eventIndex: 1,
|
|
|
+ detail: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: 'zs2.png',
|
|
|
+ name: '税收优惠',
|
|
|
+ eventIndex: 2,
|
|
|
+ detail: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: 'zs3.png',
|
|
|
+ name: '奖励措施',
|
|
|
+ eventIndex: 3,
|
|
|
+ detail: ''
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ trainDetail: '',
|
|
|
+ number: 0,
|
|
|
+ id: '',
|
|
|
+ trainType: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
|
|
|
+ this.id = this.$route.query.id
|
|
|
+ this.initDict(this.dc_key, true).then((res) => {
|
|
|
this.trainType = this.dc_data.trainType
|
|
|
this.getTrainById()
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getTrainById() {
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getTrainById() {
|
|
|
const _this = this
|
|
|
getTrainById(this.id, null).then((res) => {
|
|
|
- if (res.data) {
|
|
|
- _this.trainDetail = res.data
|
|
|
- _this.trainDetail.registrationStartTime = this.$common.transBaseDateTime(
|
|
|
- _this.trainDetail.registrationStartTime
|
|
|
- )
|
|
|
- _this.trainDetail.registrationEndTime = this.$common.transBaseToDateTime(
|
|
|
- _this.trainDetail.registrationEndTime
|
|
|
- )
|
|
|
- _this.trainDetail.trainStartTime = this.$common.transBaseDateTime(
|
|
|
- _this.trainDetail.trainStartTime
|
|
|
- )
|
|
|
- _this.trainDetail.trainEndTime = this.$common.transBaseToDateTime(
|
|
|
- _this.trainDetail.trainEndTime
|
|
|
- )
|
|
|
- if (_this.trainDetail.collectorsStatus === '2') {
|
|
|
- _this.active = true
|
|
|
- } else {
|
|
|
- _this.active = false
|
|
|
- }
|
|
|
- if(_this.trainDetail.trainAnnex&&_this.trainDetail.trainAnnex.length>2){
|
|
|
+ if (res.data) {
|
|
|
+ _this.trainDetail = res.data
|
|
|
+ _this.trainDetail.registrationStartTime = this.$common.transBaseDateTime(
|
|
|
+ _this.trainDetail.registrationStartTime
|
|
|
+ )
|
|
|
+ _this.trainDetail.registrationEndTime = this.$common.transBaseToDateTime(
|
|
|
+ _this.trainDetail.registrationEndTime
|
|
|
+ )
|
|
|
+ _this.trainDetail.trainStartTime = this.$common.transBaseDateTime(
|
|
|
+ _this.trainDetail.trainStartTime
|
|
|
+ )
|
|
|
+ _this.trainDetail.trainEndTime = this.$common.transBaseToDateTime(
|
|
|
+ _this.trainDetail.trainEndTime
|
|
|
+ )
|
|
|
+ if (_this.trainDetail.collectorsStatus === '2') {
|
|
|
+ _this.active = true
|
|
|
+ } else {
|
|
|
+ _this.active = false
|
|
|
+ }
|
|
|
+ if (_this.trainDetail.trainAnnex && _this.trainDetail.trainAnnex.length > 2) {
|
|
|
+ const annex = this.$common.castEval(_this.trainDetail.trainAnnex)
|
|
|
+ _this.trainDetail.annexUrl = annex[0].url
|
|
|
+ }
|
|
|
+ if (_this.trainDetail.lecturerAnnex && _this.trainDetail.lecturerAnnex.length > 2) {
|
|
|
+ const lecturerAnnex = this.$common.castEval(_this.trainDetail.lecturerAnnex)
|
|
|
+ _this.trainDetail.lecturerAnnexUrl = lecturerAnnex[0].url
|
|
|
+ }
|
|
|
+ if (_this.trainDetail.videoAnnex && _this.trainDetail.videoAnnex.length > 2) {
|
|
|
+ _this.isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
|
|
|
|
|
|
- const annex = this.$common.castEval(_this.trainDetail.trainAnnex)
|
|
|
- _this.trainDetail.annexUrl = annex[0].url
|
|
|
- }
|
|
|
- if(_this.trainDetail.lecturerAnnex&&_this.trainDetail.lecturerAnnex.length>2){
|
|
|
- const lecturerAnnex = this.$common.castEval(_this.trainDetail.lecturerAnnex)
|
|
|
- _this.trainDetail.lecturerAnnexUrl = lecturerAnnex[0].url
|
|
|
- }
|
|
|
- if(_this.trainDetail.videoAnnex&&_this.trainDetail.videoAnnex.length>2){
|
|
|
- _this.isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
|
|
|
-
|
|
|
- const videoAnnex = this.$common.castEval(_this.trainDetail.videoAnnex)
|
|
|
- if (_this.isiOS) {
|
|
|
- // _this.trainDetail.videoAnnexUrl = videoAnnex[0].url.replace('/server/FileController', '/smartParkH5Server/wx/fileController')
|
|
|
- _this.trainDetail.videoAnnexUrl = videoAnnex[0].url.replace('/industryParkApi/FileController', '/industryParkApi/wx/fileController')
|
|
|
- }else {
|
|
|
- _this.trainDetail.videoAnnexUrl = videoAnnex[0].url
|
|
|
- }
|
|
|
- }
|
|
|
+ const videoAnnex = this.$common.castEval(_this.trainDetail.videoAnnex)
|
|
|
+ if (_this.isiOS) {
|
|
|
+ // _this.trainDetail.videoAnnexUrl = videoAnnex[0].url.replace('/server/FileController', '/smartParkH5Server/wx/fileController')
|
|
|
+ _this.trainDetail.videoAnnexUrl = videoAnnex[0].url.replace('/industryParkApi/FileController', '/industryParkApi/wx/fileController')
|
|
|
+ } else {
|
|
|
+ _this.trainDetail.videoAnnexUrl = videoAnnex[0].url
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- if(_this.dc_data.trainType){
|
|
|
- _this.trainDetail.trainType = this.dc_map.trainType[_this.trainDetail.trainType]
|
|
|
+ if (_this.dc_data.trainType) {
|
|
|
+ _this.trainDetail.trainType = this.dc_map.trainType[_this.trainDetail.trainType]
|
|
|
+ }
|
|
|
+ _this.number = _this.trainDetail.trainQuota - _this.trainDetail.partakeNumber
|
|
|
}
|
|
|
- _this.number = _this.trainDetail.trainQuota - _this.trainDetail.partakeNumber
|
|
|
- }
|
|
|
})
|
|
|
- },
|
|
|
- closeMessage(){
|
|
|
- this.showInfo =false
|
|
|
- },
|
|
|
- detail(index){
|
|
|
- // this.$router.push({path:'/zhaoshang/detail1?smallType='+index})
|
|
|
- this.showInfo =true
|
|
|
- }
|
|
|
},
|
|
|
- };
|
|
|
+ closeMessage() {
|
|
|
+ this.showInfo = false
|
|
|
+ },
|
|
|
+ detail(index) {
|
|
|
+ // this.$router.push({path:'/zhaoshang/detail1?smallType='+index})
|
|
|
+ this.showInfo = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
