updata

src/pages/courseExam/index.vue

@@ -136,10 +136,10 @@ export default {
       this.tabNav.navIndex = 1
     } else {
       this.tabNav.navIndex = 0
+      this.init()
     }
     // this.getCourseChapterList()
     this.scrollDom()
-    this.init()
   },
   methods: {
     courseNodeDetail(id) {

src/pages/my/buyCourses.vue

@@ -16,6 +16,7 @@
           <div class="val">{{item.total_fee}}</div>
         </div>
         <div class="deti">
+          <div class="invo" v-if="item.status == 1" @click="goInvoice">查看发票</div>
           <div class="val col" v-if="item.status === '-1'" @click="goBuy(item)">继续支付</div>
           <div class="val col" v-else>{{item.status | orderStatusText}}</div>
         </div>
@@ -57,6 +58,17 @@ export default {
     }
   },
   methods: {
+    goInvoice() {
+      if (this.isWeapp) {
+        wx.miniProgram.navigateTo({
+          url: `/pages/web/index?src=${window.location.origin}/my/invoice`
+        })
+      } else {
+        this.$router.push({
+          path: '/my/invoice'
+        })
+      }
+    },
     getMyOrder() {
       api.getMyOrder().then(res => {
         if (res.code === 0) {
@@ -114,9 +126,13 @@ export default {
       color: #222;
       margin-left: auto;
     }
+    .invo{
+      margin-left: auto;
+    }
     .col {
       color: #ff6767;
       font-size: 0.3rem;
+      margin-left: 0.3rem;
     }
   }
 }

src/pages/my/index.vue

@@ -12,7 +12,7 @@
         <van-icon name="arrow" class="icon" />
       </li>
     </ul>
-    <div class="login-out" @click="logout">退出登录</div>
+    <div class="login-out" @click="logout" v-if="user.id">退出登录</div>
   </div>
 </template>
 
@@ -28,7 +28,7 @@ export default {
         {
           title: '已购课程',
           url: '/my/buyCourses'
-        }
+        },
         // {
         //   title: '已做试题',
         //   url: '/my/exam'
@@ -45,6 +45,10 @@ export default {
         //   title: '意见反馈',
         //   url: '/my/buyCourses'
         // }
+        {
+          title: '联系客服',
+          url: '/my/service'
+        }
       ]
     }
   },

src/pages/my/invoice.vue

+<template>
+  <div class="invoice-box">
+    <div class="top-tipc">
+      <div class="tit">开票内容：网络课程费</div>
+      <div class="txt">根据国家税务部门规定开具商品明细</div>
+    </div>
+    <div class="emil">
+      <div class="tit">请您将以下开票信息发送至邮箱：</div>
+      <div class="em">jtaqgl@ezijing.com</div>
+    </div>
+    <div class="detail">
+      <div class="tit">发邮件需提供以下</div>
+      <div class="con">
+        <div class="t">发票信息</div>
+        <div class="p">1.发票抬头（需提供）</div>
+        <div class="p">2.纳税人识别号（公司开票需提供）</div>
+        <div class="p">3.注册地址（公司专票需提供）</div>
+        <div class="p">4.联系电话（公司专票需提供）</div>
+        <div class="p">5.开户银行（公司专票需提供）</div>
+      </div>
+      <div class="con">
+        <div class="t">发票邮寄信息</div>
+        <div class="p">1.收件人姓名</div>
+        <div class="p">2.收件人电话</div>
+        <div class="p">3.收件地址</div>
+      </div>
+      <div class="con">
+        <div class="t">提示：</div>
+        <div class="p">1.请务必将信息正确完整提供给我们，我们会尽快</div>
+        <div class="p">把发票邮寄给您。</div>
+        <div class="p">2.发票只能开一次，无法重复开票</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  metaInfo: {
+    title: '申请发票'
+  }
+}
+</script>
+<style lang="scss" scoped>
+.invoice-box{
+  padding: .4rem;
+}
+.top-tipc{
+  height: 1.36rem;
+  margin-bottom: .4rem;
+  background:rgba(103,168,255,1);
+  border-radius:.2rem;
+  padding-top: .3rem;
+  .tit{
+    font-weight: bold;
+    font-size: .3rem;
+    line-height: 100%;
+    color: #fff;
+    margin: 0 0 .2rem .3rem;
+  }
+  .txt{
+    font-size:.26rem;
+    color: #fff;
+    margin-left: .3rem;
+    line-height: 100%;
+  }
+}
+.emil{
+  padding: 0 0 .2rem .3rem;
+  border-bottom: .01rem solid rgba(238,238,238,1);
+  .tit{
+    font-weight:bold;
+    color:rgba(34,34,34,1);
+    font-size:.3rem;
+    line-height: 100%;
+  }
+  .em{
+    font-size:.3rem;
+    margin-top: .2rem;
+    color: #999;
+  }
+}
+.detail{
+  padding: .2rem .3rem;
+  .tit{
+    font-size: .3rem;
+    font-weight:bold;
+    color:rgba(34,34,34,1);
+    line-height:100%;
+  }
+  .con{
+    margin-top: .4rem;
+    font-size: .26rem;
+    color: #999;
+    .t{
+      color:rgba(34,34,34,1);
+      margin-bottom: .2rem;
+      line-height: 100%;
+    }
+    .p{
+      margin-bottom: .15rem;
+      line-height: 100%;
+    }
+  }
+}
+</style>

src/pages/my/service.vue

+<template>
+  <div class="serv-box">
+    <img class="top-bar" src="../../assets/images/top-bar.png" alt="">
+    <ul class="contact-info">
+      <li>
+        <img src="../../assets/images/ser-icon1.png" alt="">
+        <div class="txt"><span>客服微信:</span> 18610017891</div>
+      </li>
+      <li>
+        <img src="../../assets/images/ser-icon2.png" alt="">
+        <div class="txt"><span>客服电话:</span> 18610017891</div>
+      </li>
+      <li>
+        <img src="../../assets/images/ser-icon3.png" alt="">
+        <div class="txt"><span>工作时间:</span> 工作日9:00-12:00,13:00-18:00</div>
+      </li>
+    </ul>
+    <div class="code">
+      <div class="txt">想了解更多，扫码关注我们</div>
+      <img src="../../assets/images/code.png" alt="">
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  metaInfo: {
+    title: '联系客服'
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.top-bar{
+  width: 100%;
+  display: block;
+}
+.contact-info{
+  padding-left: .7rem;
+  padding-top: .2rem;
+  li{
+    display: flex;
+    margin-bottom: .48rem;
+    img{
+      width: .5rem;
+      display: block;
+    }
+    .txt{
+      margin-left: .3rem;
+      line-height: .5rem;
+      font-size:.3rem;
+      color:rgba(34,34,34,1);
+      span{
+        font-weight:bold;
+      }
+    }
+  }
+}
+.code{
+  margin-top: .84rem;
+  .txt{
+    text-align: center;
+    font-weight:bold;
+    color:rgba(34,34,34,1);
+    line-height:100%;
+    font-size: .3rem;
+  }
+  img{
+    width: 4.3rem;
+    display: block;
+    margin: .25rem auto;
+  }
+}
+</style>

src/router/routes.js

@@ -117,6 +117,18 @@ export default [
     component: () => import('../pages/my/examQuestions.vue'),
     meta: { requiredLogin: true }
   },
+  // 我的-发票页面
+  {
+    path: '/my/invoice',
+    name: 'myInvoice',
+    component: () => import('../pages/my/invoice.vue'),
+    meta: { requiredLogin: true }
+  },
+  {
+    path: '/my/service',
+    name: 'myService',
+    component: () => import('../pages/my/service.vue')
+  },
   // 支付
   {
     path: '/pay',