xcx

src/module/user/mainPage/indexPage/index.vue

@@ -127,9 +127,11 @@ export default {
       this.getIndexInfo({ orgid: this.orgid, locationid: this.locationId }).then(() => {
         this.newsList = this.cms
         for (let i = 0; i < this.project.length; i++) {
-          for (let j = 0; j < this.project[i].CmsCaseImgs.length; j++) {
-            if (this.project[i].CmsCaseImgs[j].ImageType === 'cover') {
-              this.project[i].CaseImageUrl = this.project[i].CmsCaseImgs[j].CaseImageUrl
+          if (this.project[i].CmsCaseImgs != null) {
+            for (let j = 0; j < this.project[i].CmsCaseImgs.length; j++) {
+              if (this.project[i].CmsCaseImgs[j].ImageType === 'cover') {
+                this.project[i].CaseImageUrl = this.project[i].CmsCaseImgs[j].CaseImageUrl
+              }
             }
           }
         }

src/module/user/majorProjectsDetail/index.vue

@@ -50,7 +50,7 @@
           <span>优惠券体验</span>
         </div>
       </div>
-      <router-link :to="{name: '', query: {}}">去购买</router-link>
+      <router-link :to="{name: 'placeOrderForCourse', query: {}}">去购买</router-link>
     </div>
   </div>
 </template>

src/module/user/placeOrderForCourse/index.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="mainPage flex-v">
+    <div class="flex-item">
+      <div>
+        <h4>订单信息</h4>
+        <ul>
+          <li class="flex-h">
+            <div class="flex-item">
+              <div>
+                <span>精品课程名称</span>
+              </div>
+            </div>
+            <span>满手</span>
+          </li>
+          <li class="flex-h">
+            <div class="flex-item">
+              <div>
+                <span>预计开班时间</span>
+              </div>
+            </div>
+            <span>满手</span>
+          </li>
+          <li class="flex-h">
+            <div class="flex-item">
+              <div>
+                <span>时间描述</span>
+              </div>
+            </div>
+            <span>满手</span>
+          </li>
+          <li class="flex-h">
+            <div class="flex-item">
+              <div>
+                <span>地点</span>
+              </div>
+            </div>
+            <span>满手</span>
+          </li>
+          <li class="flex-h">
+            <div class="flex-item">
+              <div>
+                <span>价格</span>
+              </div>
+            </div>
+            <span>满手</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="flex-h">
+      <div class="flex-item">
+        <div>
+          <span>总计￥<em>109</em>.00</span>
+        </div>
+      </div>
+      <router-link :to="{name: '', query: {}}">确认订单</router-link>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: '',
+  data () {
+    return {
+      
+    }
+  },
+  computed: {},
+  created () { },
+  methods: {
+    
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/module/user/placeOrderForCourse/page.scss

@@ -0,0 +1,55 @@
+.mainPage{
+  background: #fff;
+  &>div.flex-item{
+    &>div{
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      overflow-y: scroll;
+      -webkit-overflow-scrolling: touch;
+      transform: translateZ(0);
+      -webkit-transform: translateZ(0);
+      
+    }
+  }
+  &>div.flex-h{
+    padding: .1rem 0;
+    background: #fff;
+    position: relative;
+    z-index: 100;
+    box-shadow: 0 0 .2rem .02rem rgba(0,0,0,.05);
+    div{
+      vertical-align: middle;
+      span{
+        width: 100%;
+        display: inline-block;
+        text-align: center;
+        text-decoration: line-through;
+        font-size: .11rem;
+        em{
+          font-size: .18rem;
+        }
+        &:only-child{
+          line-height: .4rem;
+          text-decoration: none;
+        }
+        &+span{
+          color: #fc6243;
+          font-size: .11rem;
+          text-decoration: none;
+        }
+      }
+    }
+    &>a{
+      line-height: .4rem;
+      padding: 0 .6rem;
+      border-radius: .4rem;
+      color: #fff;
+      font-size: .15rem;
+      margin-right: .2rem;
+      background: #fc6243;
+    }
+  }
+}

src/module/user/router.js

@@ -5,7 +5,8 @@ import mainPage from './mainPage/index' // 主页
 import indexPage from './mainPage/indexPage/index' // 首页
 import fiveA from './fiveA/index' // 5A
 import majorProjects from './majorProjects/index' // 项目专题
-import majorProjectsDetail from './majorProjectsDetail/index' // 项目专题
+import majorProjectsDetail from './majorProjectsDetail/index' // 项目专题详情
+import placeOrderForCourse from './placeOrderForCourse/index' // 购买课程下单
 import coffeeIndex from './mainPage/coffeeIndex/index' // 城咖啡
 import placeOrder from './placeOrder/index' // 城咖啡-点单
 import placeOrderDetail from './placeOrderDetail/index' // 城咖啡-点单详情
@@ -68,6 +69,11 @@ const router = new Router({
     name: 'majorProjectsDetail',
     component: majorProjectsDetail,
     children: []
+  },{ // 购买课程下单
+    path: '/placeOrderForCourse',
+    name: 'placeOrderForCourse',
+    component: placeOrderForCourse,
+    children: []
   },{ // 5A
     path: '/fiveA',
     name: 'fiveA',