修改徐州三维课程界面，三位课程播放器增加粒子效果

src/jlmap3d/lesson3d/lesson3dplayer.js

@@ -16,7 +16,8 @@ import { ControlManager } from '@/jlmap3d/lesson3d/manager/controlmanager.js';
 
 import { AnimateManager } from '@/jlmap3d/lesson3d/manager/animatemanager.js';
 
-import { Fire } from '@/jlmap3d/lesson3d/utils/fire.js';
+
+import { AccidentManager } from '@/jlmap3d/lesson3dedit/manager/accidentmanager.js';
 
 import { Loading } from 'element-ui';
 
@@ -50,18 +51,18 @@ export function Lesson3dPlayer(dom,lessonData,lessonIndex) {
 	light.position.set( 0, 4000, 0 );
 	scene.add( light );
 
-	// let fire = new Fire();
-	// fire.init(scene);
 	var audionext = JL3D_LOCAL_STATIC+'/lesson3d/audio/next.wav';
 	audionext = new Audio(audionext);
 
-
-
 	let animateManager = new AnimateManager();
 
-
 	let controlManager = new ControlManager( dom,scene,lessonData,lessonIndex);
 
+	let accidentManager = new AccidentManager(scene);
+	accidentManager.initAccident('player');
+	if(lessonData.accidentList){
+		accidentManager.loadAccidentList(lessonData.accidentList)
+	}
 	let loadingInstance = Loading.service({ fullscreen: true });
   let assetModelManager = new AssetModelManager(scope,scene,controlManager);
 
@@ -119,6 +120,7 @@ export function Lesson3dPlayer(dom,lessonData,lessonIndex) {
 		// console.log(lessonData.lessonProgress[lessonIndex].roleName);
 		if(lessonData.lessonProgress[lessonIndex].roleName == nowRole){
 			assetModelManager.changeSceneGroup(scope.nowSceneType);
+			accidentManager.changeSceneGroup(scope.nowSceneType);
 			controlManager.initRoleMode(true,nowRole);
 			controlManager.initControlMode(lessonIndex);
 			controlManager.changeIndexEvent(lessonData.lessonProgress[lessonIndex].action,true,assetModelManager.lessonTriggerList[scope.nowSceneType]);
@@ -126,6 +128,7 @@ export function Lesson3dPlayer(dom,lessonData,lessonIndex) {
 		} else{
 			if(lessonData.lessonProgress[lessonIndex].roleName == 'kong'){
 				assetModelManager.changeSceneGroup(scope.nowSceneType);
+				accidentManager.changeSceneGroup(scope.nowSceneType);
 				controlManager.initRoleMode(false,nowRole);
 			}
 			controlManager.initRoleMode(false,nowRole);
@@ -209,7 +212,7 @@ export function Lesson3dPlayer(dom,lessonData,lessonIndex) {
 		if(controlManager.controlMode == "non"){
 			controlManager.updateOrbitControl();
 		}
-		// fire.update();
+		accidentManager.update();
 		animateManager.updateAnimation();
 		requestAnimationFrame(animate);
 

src/jlmap3d/lesson3dedit/manager/accidentmanager.js

@@ -6,6 +6,7 @@ export function AccidentManager(scene) {
 
   this.accidentList = [];
 
+  this.accidentMode = '';
   this.accidentGroup = new THREE.Group();
 
   //场景中可触发事件模型
@@ -32,7 +33,7 @@ export function AccidentManager(scene) {
 
   scene.add(scope.accidentGroup);
 
-  this.initAccident = function(nowSceneType){
+  this.initAccident = function(type){
     let accidentData = [
       {
         id:'1',
@@ -40,8 +41,13 @@ export function AccidentManager(scene) {
         type:"fire"
       }
     ];
+    scope.accidentMode = type;
+    if(scope.accidentMode == 'player'){
+
+    }else{
       jl3dUpdateAccidentData(accidentData);
     }
+  }
 
   this.saveDataList = function(){
     let saveList = [];
@@ -72,7 +78,11 @@ export function AccidentManager(scene) {
       scope.accidentGroup.remove(scope.accidentGroup.children[0]);
     }
     scope.accidentGroup.add(groupList[nowSceneType]);
+    if(scope.accidentMode == 'player'){
+
+    }else{
       jl3dUpdateAccidentlist(scope.accidentList[nowSceneType]);
+    }
     updateSceneType = nowSceneType;
   }
 
@@ -95,8 +105,12 @@ export function AccidentManager(scene) {
       newAccident.object.createNew(groupList[nowSceneType],pos);
     }
     scope.accidentList[nowSceneType].push(newAccident);
+    if(scope.accidentMode == 'player'){
+
+    }else{
       jl3dUpdateAccidentlist(scope.accidentList[nowSceneType]);
     }
+  }
 
   this.deleteAccident = function(selectAccident,nowSceneType){
     groupList[nowSceneType].remove(selectAccident.object.points.obj);
@@ -104,7 +118,11 @@ export function AccidentManager(scene) {
     for(let i=0;i<scope.accidentList[nowSceneType].length;i++){
       if(scope.accidentList[nowSceneType][i].id == selectAccident.id){
         scope.accidentList[nowSceneType].splice(i,1);
+        if(scope.accidentMode == 'player'){
+
+        }else{
           jl3dUpdateAccidentlist(scope.accidentList[nowSceneType]);
+        }
         break;
       }
     }
@@ -112,7 +130,6 @@ export function AccidentManager(scene) {
 
 
   this.loadAccidentList = function(accidentList){
-    console.log(accidentList);
     for(let i=0;i<accidentList.length;i++){
       let newAccident = {
         id:accidentList[i].id,
@@ -129,7 +146,6 @@ export function AccidentManager(scene) {
         newAccident.object.createNew(groupList[accidentList[i].sceneType],accidentList[i].pos);
       }
       scope.accidentList[accidentList[i].sceneType].push(newAccident);
-      // jl3dUpdateAccidentlist(scope.accidentList[accidentList[i].sceneType]);
     }
   }
 

src/jlmap3d/lesson3dedit/toolsmodel/jobpanedata.js

@@ -372,6 +372,75 @@ export function JobPaneData() {
         },
       ],
     },
+    {
+      name:"电力调度",
+      value:"dldd",
+      text:"负责供电系统的正常运行。",
+      picurl:"",
+      controlList:[
+        //联控
+        {
+          name:"联控",
+          data:[],
+        },
+        //动作
+        {
+          name:"动作",
+          data:[],
+        },
+        //口呼
+        {
+          name:"口呼",
+          data:[],
+        },
+      ],
+    },
+    {
+      name:"环控调度",
+      value:"hkdd",
+      text:"负责监控地铁环控系统运行。",
+      picurl:"",
+      controlList:[
+        //联控
+        {
+          name:"联控",
+          data:[],
+        },
+        //动作
+        {
+          name:"动作",
+          data:[],
+        },
+        //口呼
+        {
+          name:"口呼",
+          data:[],
+        },
+      ],
+    },
+    {
+      name:"信息调度",
+      value:"xxdd",
+      text:"负责故障发生时通报信息。",
+      picurl:"",
+      controlList:[
+        //联控
+        {
+          name:"联控",
+          data:[],
+        },
+        //动作
+        {
+          name:"动作",
+          data:[],
+        },
+        //口呼
+        {
+          name:"口呼",
+          data:[],
+        },
+      ],
+    },
     {
       name:"报警中心",
       value:"bjzx",

src/views/jlmap3d/otherproject/xzexam/xzexam.vue

@@ -1,22 +1,36 @@
 <template>
-
 <div class="jl3dmap3dMaintainer">
 	<div class="jl3dmap3dMaintainerSelect" :style="{'background-color': '#e4eaea'}">
-      <div style="position:absolute;width:50%;left:25%;top:10%;text-align:center;font-size:80px;">
+		<div style="position:absolute;width:90%;left:5%;top:10%;text-align:center;font-size:60px;">
 			<el-row>
 				城市轨道交通标准化培训软件
 			</el-row>
-        <el-row style="font-size:40px;">
+			<el-row v-show="activeName != 'introduce' "style="font-size:30px;">
 				课程模式选择:
-          <el-switch
-            v-model="examMode"
-            active-text="考试模式"
-            inactive-text="教学模式">
+				<el-switch v-model="examMode" active-text="考试模式" inactive-text="教学模式">
 				</el-switch>
 			</el-row>
 		</div>
-      <div style="width:40%;height:70%;position:absolute;left:30%;top:25%;font-size:30px">
-        <el-table
+
+		<div style="width:80%;height:70%;position:absolute;left:10%;top:25%;font-size:30px">
+			<el-tabs v-model="activeName" type="border-card">
+
+				<el-tab-pane label="岗位介绍" name="introduce">
+					<div class="lesson3dSelectButton" v-for="(item1,introduceIndex) in introduce"  :style="{'background-image': 'url('+localStatic+ item1.pic +')'}" @click="goDetail(item1.id)"></div>
+				</el-tab-pane>
+
+				<el-tab-pane label="运营情况处理" name="stationoperation">
+          <div class="lesson3dSelectButton" v-for="(item2,stationoperationIndex) in stationoperation"  :style="{'background-image': 'url('+localStatic+ item2.pic +')'}" @click="goDetail(item2.id)"></div>
+				</el-tab-pane>
+
+				<el-tab-pane label="列车运行" name="treainoperation">
+          <div class="lesson3dSelectButton" v-for="(item3,treainoperationIndex) in treainoperation"  :style="{'background-image': 'url('+localStatic+ item3.pic +')'}" @click="goDetail(item3.id)"></div>
+				</el-tab-pane>
+
+			</el-tabs>
+
+
+			<!-- <el-table
           :data="lessonData"
           style="width: 100%;"
           highlight-current-row
@@ -35,7 +49,7 @@
                 @click="goDetail(scope.row)">进入课程</el-button>
             </template>
           </el-table-column>
-        </el-table>
+        </el-table> -->
 
 		</div>
 		<div class="display-draft">
@@ -46,14 +60,18 @@
 	</div>
 
 </div>
-
 </template>
 
 <script>
-
-import { getSelectLesson3dList  } from '@/api/jmap/lesson3d';
-import { ProjectIcon } from '@/scripts/ProjectConfig';
-import { JL3D_LOCAL_STATIC } from '@/api/jlmap3d/assets3d.js';
+import {
+	getSelectLesson3dList
+} from '@/api/jmap/lesson3d';
+import {
+	ProjectIcon
+} from '@/scripts/ProjectConfig';
+import {
+	JL3D_LOCAL_STATIC
+} from '@/api/jlmap3d/assets3d.js';
 import bgPsdImg from '@/assets/bg_psd.png';
 // import Jlmap3dMsg from '@/views/jlmap3d/show/msg';
 
@@ -67,11 +85,133 @@ export default {
 	data() {
 		return {
 			localStatic: JL3D_LOCAL_STATIC,
+			activeName: 'introduce',
 			examMode: false,
 			lessonType: 'publish',
 			lessonData: [],
 			search: '',
-
+			introduce: [{
+					id: "17",
+					name: "售票员职责介绍",
+					pic: '/other/17.png',
+				},
+				{
+					id: "18",
+					name: "客运值班员职责介绍",
+					pic: '/other/18.png',
+				},
+				{
+					id: "19",
+					name: "行车值班员职责介绍",
+					pic: '/other/19.png',
+				},
+				{
+					id: "20",
+					name: "值班站长职责介绍",
+					pic: '/other/20.png',
+				},
+				{
+					id: "21",
+					name: "站长职责介绍",
+					pic: '/other/21.png',
+				},
+				{
+					id: "22",
+					name: "行车调度职责介",
+					pic: '/other/22.png',
+				},
+				{
+					id: "23",
+					name: "电力调度职责介绍",
+					pic: '/other/23.png',
+				},
+				{
+					id: "24",
+					name: "信息调度职责介绍",
+					pic: '/other/24.png',
+				},
+				{
+					id: "25",
+					name: "环控调度职责介绍",
+					pic: '/other/25.png',
+				}
+			],
+			stationoperation: [
+        {
+  				id: "8",
+  				name: "降级运营-电话闭塞测试",
+  				pic: '/other/8.png',
+			  },
+        {
+  				id: "9",
+  				name: "屏蔽门",
+  				type: "2",
+  				pic: '/other/9.png',
+		    },
+        {
+  				id: "10",
+  				name: "整侧屏蔽门无法开启",
+  				pic: '/other/10.png',
+		     },
+        {
+    			id: "11",
+    			name: "整侧屏蔽门无法关闭",
+    			pic: '/other/11.png',
+    		},
+        {
+  				id: "12",
+  				name: "单侧屏蔽门无法开启",
+  				pic: '/other/12.png',
+  			},
+        {
+  				id: "13",
+  				name: "单个屏蔽门无法关闭",
+  				pic: '/other/13.png',
+  			},
+        {
+  				id: "14",
+  				name: "地铁列车救援",
+  				type: "1",
+  				pic: '/other/14.png',
+  			},
+        {
+  				id: "15",
+  				name: "车站大客流test",
+  				pic: '/other/15.png',
+  			}
+      ],
+			treainoperation: [
+        {
+  				id: "2",
+  				name: "列车折返",
+  				type: "1",
+  				pic: '/other/2.png',
+  			},
+        {
+  				id: "4",
+  				name: "列车出库",
+  				type: "1",
+  				pic: '/other/4.png',
+  			},
+        {
+  				id: "5",
+  				name: "列车出段",
+  				type: "1",
+  				pic: '/other/5.png',
+  			},
+        {
+  				id: "6",
+  				name: "列车回段",
+  				type: "1",
+  				pic: '/other/6.png',
+  			},
+        {
+  				id: "7",
+  				name: "列车回库",
+  				type: "1",
+  				pic: '/other/7.png',
+  			}
+      ],
 
 		};
 
@@ -85,14 +225,20 @@ export default {
 	mounted() {
 		getSelectLesson3dList().then(response => {
 			console.log(response);
-        this.lessonData = response.data;
-      }).catch(() => {
-      });
-    // console.log("");
+			// this.lessonData = response.data;
+		}).catch(() => {});
 	},
 	methods: {
-      goDetail( row) {
-          this.$router.push({ path: '/design/jlmap3d/lesson3dplayer', query: {lessonId: row.id,lineCode: this.$route.query.lineCode,examMode:this.examMode,lessonType:this.lessonType} });
+		goDetail(id) {
+			this.$router.push({
+				path: '/design/jlmap3d/lesson3dplayer',
+				query: {
+					lessonId: id,
+					lineCode: this.$route.query.lineCode,
+					examMode: this.examMode,
+					lessonType: this.lessonType
+				}
+			});
 		},
 		quit() {
 			history.go(-1);
@@ -104,7 +250,6 @@ export default {
 <style rel="stylesheet/scss" lang="scss" scoped>
 @import "src/styles/mixin.scss";
 
-
 .jl3dmap3dMaintainer {
     position: absolute;
     width: 100%;
@@ -126,7 +271,6 @@ export default {
     background-size: 100%;
 }
 
-
 .display-draft {
     /* z-index: 1000; */
     position: absolute;
@@ -135,6 +279,18 @@ export default {
     bottom: 50px;
 }
 
-
+.lesson3dSelectButton{
+  position:relative;
+  width: 300px;
+  height: 220px;
+  margin: 20px;
+  float: left;
+  font-size: 50px;
+  line-height:150px;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  color:#FFF;
+  cursor:pointer;
+}
 
 </style>