暂替

src/views/trainingPlatform/demonList.vue

@@ -2,7 +2,7 @@
   <div v-loading="loading" class="map-list-main">
     <div id="trainingMapTree" class="left-map-list">
       <div class="mapListName">
-        <div style="width: 100px;">{{ $t('global.mapList') }}</div>
+        <div style="width: 100px;">线路列表</div>
         <div style="width: calc(100% - 117px);">
           <el-input v-model="filterText" placeholder="请输入内容" style="width: 100%">
             <i slot="prefix" class="el-input__icon el-icon-search" />
@@ -10,7 +10,7 @@
         </div>
       </div>
       <el-menu
-        default-active="2"
+        :default-active="defaultIndex"
         class="el-menu-vertical-demo"
         background-color="#545c64"
         text-color="#fff"
@@ -36,7 +36,8 @@ export default {
         return {
             loading: true,
             filterText: '',
-            mapList: []
+            mapList: [],
+            defaultIndex: ''
         };
     },
     mounted() {
@@ -44,6 +45,12 @@ export default {
         this.loading = true;
         queryMapListByUser().then(resp => {
             this.mapList = resp.data;
+            if (this.mapList && this.mapList.length && this.$route.path.includes('simulation/simulationIndex')) {
+                const map = this.mapList[0];
+                const path = `/trainingPlatform/simulation/${map.id}?lineCode=${map.lineCode}`;
+                this.defaultIndex = path;
+                this.$router.push(path);
+            }
             this.loading = false;
         }).catch(e => {
             this.loading = false;

src/views/trainingPlatform/simulation.vue

@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" style="height: 100%;margin: 10px;" type="border-card">
-    <el-tab-pane label="仿真系统" name="first" style="height: 100%;">
+    <el-tab-pane label="功能" name="first" style="height: 100%;">
       <div style="display: flex;flex-wrap:wrap;  justify-content:center;height: 100%;overflow-y: auto;padding-bottom:30px">
         <template>
           <el-card v-for="system in systemList" :key="system.id" class="box-card">
@@ -11,7 +11,18 @@
         </template>
       </div>
     </el-tab-pane>
-    <el-tab-pane label="地图权限" name="second">
+    <el-tab-pane label="联机" name="second">
+      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
+        <el-form-item label="仿真号" prop="inputGroup">
+          <el-input v-model="ruleForm.inputGroup" placeholder="请输入仿真号" />
+        </el-form-item>
+		  <el-form-item>
+			  <el-button type="primary" @click="joinSimulation">立即加入</el-button>
+			  <el-button @click="resetGroup">重置</el-button>
+		  </el-form-item>
+      </el-form>
+    </el-tab-pane>
+    <el-tab-pane label="权限" name="third">
       <div style="height: 100%; overflow: auto;">
         <QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" />
         <select-role ref="selectRole" @reloadTable="reloadTable" />
@@ -46,6 +57,14 @@ export default {
                 pageSize: 'pageSize',
                 pageIndex: 'pageNum'
             },
+            rules: {
+                inputGroup: [
+                    { required: true, message: '请输入仿真号', trigger: 'blur' }
+                ]
+            },
+            ruleForm: {
+                inputGroup: ''
+            },
             queryForm: {
                 show: false,
                 labelWidth: '140px',
@@ -242,6 +261,9 @@ export default {
                 }
                 this.disabled = false;
             });
+        },
+		joinSimulation() {
+
 		}
     }
 };