修改三位课程界面

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

@@ -2,8 +2,7 @@
 
   <div class="jl3dmap3dMaintainer">
     <div  class="jl3dmap3dMaintainerSelect" :style="{'background-color': '#e4eaea'}">
-
-      <div style="position:absolute;left:25%;top:10%;font-size:80px;">
+      <div style="position:absolute;width:50%;left:25%;top:10%;text-align:center;font-size:80px;">
         <el-row>
           城市轨道交通标准化培训软件
         </el-row>
@@ -16,43 +15,43 @@
           </el-switch>
         </el-row>
       </div>
-      <div style="position:absolute;left:40%;top:20%;font-size:30px">
+      <div style="width:40%;height:70%;position:absolute;left:30%;top:25%;font-size:30px">
+        <el-table
+          :data="lessonData"
+          style="width: 100%;"
+          highlight-current-row
+          max-height="700"
+          >
+          <el-table-column
+            label="课程名称"
+            prop="name">
+          </el-table-column>
+          <el-table-column
+            align="right">
+
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                @click="goDetail(scope.row)">进入课程</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
 
       </div>
-      <QueryListPage ref="queryListPage" :card-padding="50" :query-form="queryForm" :pager-config="pagerConfig" :query-list="queryList" style="width: 91%;margin-left:4%;margin-top:20px;top:25%;position:absolute" />
-      <!-- <div class="lesson3dSelectButton"
-      :style="{'background-image': 'url('+localStatic+'/other/ck.png)'}"
-      style="left:15%;top:25%;"  @click=""></div>
-
-      <div class="lesson3dSelectButton"
-      :style="{'background-image': 'url('+localStatic+'/other/hk.png)'}"
-      style="left:40%;top:25%;"  @click=""></div>
-
-      <div class="lesson3dSelectButton"
-      :style="{'background-image': 'url('+localStatic+'/other/jy.png)'}"
-      style="left:65%;top:25%;"  @click="enterPlayer(32)"></div>
-
-      <div class="lesson3dSelectButton"
-      :style="{'background-image': 'url('+localStatic+'/other/yx.png)'}"
-      style="left:15%;top:60%;"  @click=""></div>
-
-      <div class="lesson3dSelectButton"
-      :style="{'background-image': 'url('+localStatic+'/other/zf.png)'}"
-      style="left:40%;top:60%;"  @click=""></div>
-
-      <div class="lesson3dSelectButton"
-      :style="{'background-image': 'url('+localStatic+'/other/xr51.png)'}"
-      style="left:65%;top:60%;"  @click=""></div> -->
-
-
+      <div class="display-draft">
+        <el-button-group>
+          <el-button style="width:200px"type="primary" @click="quit">退出</el-button>
+        </el-button-group>
+      </div>
     </div>
+
   </div>
 
 </template>
 
 <script>
 
-import { publishedLesson3d } from '@/api/jmap/lesson3d';
+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';
@@ -70,40 +69,10 @@ export default {
           localStatic:JL3D_LOCAL_STATIC,
           examMode:false,
           lessonType:'publish',
-          pagerConfig: {
-              pageSize: 'pageSize',
-              pageIndex: 'pageNum'
-          },
-          queryForm: {
-              show: false
-          },
-          queryList: {
-              query: this.queryFunction,
-              selectCheckShow: false,
-              indexShow: true,
-              columns: [
-                  {
-                      title: '三维课程名称',
-                      prop: 'name'
-                  },
+          lessonData:[],
+          search: '',
+
 
-                  {
-                      type: 'button',
-                      title: this.$t('global.operate'),
-                      width: '400',
-                      buttons: [
-                          {
-                              name: this.$t('lesson.courseDetails'),
-                              handleClick: this.goDetail,
-                              type: 'primary',
-                              showControl: (row) => {
-                                  return row.status !== '1';
-                              }
-                          }
-                      ]
-                  }
-              ]
-          }
         };
 
     },
@@ -114,20 +83,20 @@ export default {
         // document.querySelector("link[rel*='icon']").href = loginInfo[this.$route.query.project].linkIcon || ProjectIcon[this.$route.query.project];
     },
     mounted() {
-
+      getSelectLesson3dList().then(response => {
+        console.log(response);
+        this.lessonData = response.data;
+      }).catch(() => {
+      });
     // console.log("");
     },
     methods: {
-      queryFunction(params) {
-          return publishedLesson3d(params);
-      },
-
-      refresh() {
-          this.$refs.queryListPage.refresh(true);
-      },
-      goDetail(index, row) {
+      goDetail( row) {
           this.$router.push({ path: '/design/jlmap3d/lesson3dplayer', query: {lessonId: row.id,lineCode: this.$route.query.lineCode,examMode:this.examMode,lessonType:this.lessonType} });
-      }
+      },
+      quit() {
+          history.go(-1);
+      },
     }
 };
 </script>
@@ -157,22 +126,15 @@ export default {
     background-size:100%;
   }
 
-  .lesson3dSelectButton{
-    position:absolute;
-    width: 20%;
-    height: 30%;
-    position:absolute;
+
+  .display-draft {
+    /* z-index: 1000; */
+    position: absolute;
+    width:100%;
     text-align: center;
-    font-size: 50px;
-    line-height:150px;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    color:#FFF;
-    cursor:pointer;
+    bottom: 50px;
   }
 
 
 
-
-
 </style>