LAPTOP-UBJMM5MG\user 1 년 전
부모
커밋
ee4fb177be
2개의 변경된 파일177개의 추가작업 그리고 168개의 파일을 삭제
  1. 13 2
      src/views/common/home.vue
  2. 164 166
      src/views/services/educate/detail1.vue

+ 13 - 2
src/views/common/home.vue

@@ -54,7 +54,7 @@
           <div class="about-text">
             <h3>苏南快递产业园区</h3>
             <p class="myInfo" v-html="this.info" />
-            <button @click="jumb(1)">了解更多</button>
+            <button @click="jumb(1,select)">了解更多</button>
           </div>
           <div class="ahout-img">
             <img :src="pictureInfo.url?pictureInfo.url:''" alt="">
@@ -692,9 +692,20 @@ export default {
             location.reload()
         },
         jumb(index, ac) {
+            // console.log(index, ac)
             switch (index) {
                 case 1:
-                    this.$router.push({ path: '/surroundings' })
+                    switch (ac) {
+                        case '1':
+                            this.$router.push({ path: '/surroundings' })
+                            break
+                        case '2':
+                            this.$router.push({ path: '/serviceLocator' })
+                            break
+                        case '3':
+                            this.$router.push({ path: '/industry' })
+                            break
+                    }
                     break
                 case 2:
                     switch (ac) {

+ 164 - 166
src/views/services/educate/detail1.vue

@@ -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>