no message

src/pages/class/gift.vue

@@ -2,13 +2,14 @@
   <view class="page">
     <cu-custom :isBack="true" title="智能报课"></cu-custom>
     <view class="steps padding-tb">
+      <view class="text-center"><text class="text-red">点击切换下一步</text></view>
       <view class="cu-steps">
         <view class="cu-item" :class="index > cur ? '' : 'text-student'" v-for="(item, index) in numList" :key="index" @tap="changeStep(index)">
           <text class="num" :data-index="index + 1"></text> {{ item.name }}
         </view>
       </view>
     </view>
-    <view class="main bg-white" :style="[{ height: 'calc(100vh - 92px - ' + topHeader + 'px)' }]">
+    <view class="main bg-white" :style="[{ height: 'calc(100vh - 110px - ' + topHeader + 'px)' }]">
       <swiper @change="swipeChange" :current="cur" class="swipe">
         <swiper-item @touchmove.stop>
           <view class="btn-check-group padding">
@@ -34,58 +35,63 @@
           </view>
         </swiper-item>
         <swiper-item>
-          <view class="VerticalBox">
-            <scroll-view class="VerticalNav nav" scroll-y scroll-with-animation :scroll-top="verticalNavTop" :style="'height:calc(100vh - 70px - 90px - ' + topHeader + 'px)'">
-              <view class="cu-item" :class="index == tabCur ? 'text-green cur' : ''" v-for="(item, index) in attends" :key="index" @tap="TabSelect" :data-id="index">
-                {{ weekList[index] }}
-              </view>
-            </scroll-view>
-            <scroll-view
-              class="VerticalMain padding-sm"
-              scroll-y
-              scroll-with-animation
-              :style="'height:calc(100vh - 70px - 90px - ' + topHeader + 'px)'"
-              :scroll-into-view="'main-' + mainCur"
-              @scroll="VerticalMain"
-            >
-              <radio-group @change="changeClass" style="width: 100%;" v-for="(attend, i) in attends" :key="i">
-                <view class="cu-item bg-white padding margin-bottom-sm" v-for="(item, index) in attend.list" v-show="i == mainCur" :key="index" :id="'main-' + index">
-                  <view class="cu-bar solid-bottom">
-                    <view>
-                      <label>
-                        <view class="flex justify-between align-center">
-                          <view
-                            ><text>{{ item.attend_name }}</text></view
-                          >
+          <view v-if="attends.length === 0" class="padding text-center text-lg">
+            没有找到相关课程！
+          </view>
+          <view v-else>
+            <view class="VerticalBox">
+              <scroll-view class="VerticalNav nav" scroll-y scroll-with-animation :scroll-top="verticalNavTop" :style="'height:calc(100vh - 70px - 90px - ' + topHeader + 'px)'">
+                <view class="cu-item" :class="index == tabCur ? 'text-green cur' : ''" v-for="(item, index) in attends" :key="index" @tap="TabSelect" :data-id="index">
+                  {{ weekList[index] }}
+                </view>
+              </scroll-view>
+              <scroll-view
+                class="VerticalMain padding-sm"
+                scroll-y
+                scroll-with-animation
+                :style="'height:calc(100vh - 70px - 90px - ' + topHeader + 'px)'"
+                :scroll-into-view="'main-' + mainCur"
+                @scroll="VerticalMain"
+              >
+                <radio-group @change="changeClass" style="width: 100%;" v-for="(attend, i) in attends" :key="i">
+                  <view class="cu-item bg-white padding margin-bottom-sm" v-for="(item, index) in attend.list" v-show="i == mainCur" :key="index" :id="'main-' + index">
+                    <view class="cu-bar solid-bottom">
+                      <view>
+                        <label>
+                          <view class="flex justify-between align-center">
+                            <view
+                              ><text>{{ item.attend_name }}</text></view
+                            >
+                            <view>
+                              <radio :value="item.class_attend_id" :checked="checked.includes(item.class_attend_id)" class="cyan" style="transform: scale(0.7);" />
+                            </view>
+                          </view>
+                        </label>
+                      </view>
+                    </view>
+                    <view v-if="item.prop.length > 0">
+                      <checkbox-group class="checkbox-group margin-top-xs" :data-id="item.class_attend_id" @change="propChange">
+                        <label v-for="prop in item.prop" :key="prop.id">
                           <view>
-                            <radio :value="item.class_attend_id" :checked="checked.includes(item.class_attend_id)" class="cyan" style="transform: scale(0.7);" />
+                            <checkbox
+                              :value="prop.id"
+                              class="cyan"
+                              :checked="checked_props[mainCur].class_attend_id === item.class_attend_id && checked_props[mainCur].prop.includes(prop.id + '')"
+                              style="transform: scale(0.7);"
+                            />{{ prop.name }}<text>￥{{ prop.money }}</text>
                           </view>
-                        </view>
-                      </label>
+                        </label>
+                      </checkbox-group>
                     </view>
                   </view>
-                  <view v-if="item.prop.length > 0">
-                    <checkbox-group class="checkbox-group margin-top-xs" :data-id="item.class_attend_id" @change="propChange">
-                      <label v-for="prop in item.prop" :key="prop.id">
-                        <view>
-                          <checkbox
-                            :value="prop.id"
-                            class="cyan"
-                            :checked="checked_props[mainCur].class_attend_id === item.class_attend_id && checked_props[mainCur].prop.includes(prop.id + '')"
-                            style="transform: scale(0.7);"
-                          />{{ prop.name }}<text>￥{{ prop.money }}</text>
-                        </view>
-                      </label>
-                    </checkbox-group>
-                  </view>
-                </view>
-              </radio-group>
-            </scroll-view>
-          </view>
-          <view class="static shadow">
-            <view class="static-order flex">
-              <shop-cart :class_attend_id="attend_id" @changeDisableBtn="changeDisableBtn"></shop-cart>
-              <button class="cu-btn round bg-student text-white margin-left-xs" @tap="addCart">报课</button>
+                </radio-group>
+              </scroll-view>
+            </view>
+            <view class="static shadow">
+              <view class="static-order flex">
+                <shop-cart :class_attend_id="attend_id" @changeDisableBtn="changeDisableBtn"></shop-cart>
+                <button class="cu-btn round bg-student text-white margin-left-xs" @tap="addCart">报课</button>
+              </view>
             </view>
           </view>
         </swiper-item>
@@ -170,6 +176,7 @@ export default {
       params.hobby = params.hobby.join(',')
       _intelligentCourses(params).then(res => {
         this.attends = res.data
+        this.checked = [] //初始化选项
         Object.keys(this.attends).forEach(item => {
           this.$set(this.checked_props, item, { prop: [] })
         })

src/pages/mine/mine.vue

@@ -4,69 +4,67 @@
     <view class="main">
       <view class="main-top">
         <view class="title flex justify-between">
-          <view>{{user.nickName||'未更新用户信息'}}</view>
+          <view>{{ user.nickName || '未更新用户信息' }}</view>
           <text class="cuIcon-settings lg text-gray" @tap="goto('setting')"></text>
         </view>
         <view class="user">
           <view class="user-info flex">
-            <image mode="scaleToFill" :src="user.avatarUrl||defaultAvatar" class="avatar"></image>
+            <image mode="scaleToFill" :src="user.avatarUrl || defaultAvatar" class="avatar"></image>
             <view class="study-info">
-              <view class="user-name" @tap="switchStudent" v-if="isLogin&&user.nickName">
+              <view class="user-name" @tap="switchStudent" v-if="isLogin && user.nickName">
                 {{ kid_info.name + '-' + kid_info.school_name }}
-                <text class="iconfont margin-left-xs" style="font-size:18px;">&#xe600;</text>
+                <text class="iconfont margin-left-xs" style="font-size: 18px;">&#xe600;</text>
               </view>
               <view class="user-name" @tap="login" v-else>
                 切换学生
-                <text class="iconfont margin-left-xs" style="font-size:18px;">&#xe716;</text>
+                <text class="iconfont margin-left-xs" style="font-size: 18px;">&#xe716;</text>
               </view>
-              <view class="user-learn">已学习{{info.parent_data.learn_day}}天</view>
+              <view class="user-learn">已学习{{ info.parent_data.learn_day }}天</view>
             </view>
           </view>
           <view class="user-relative flex justify-between" v-if="isLogin">
-            <view v-for="(relate,index) in courseRelates" :key="index" class="course-item"
-              :style="'background:'+relate.background" @tap="goto(relate.page)">
-              <text class="iconfont back-img" style="font-size:32px;">{{relate.icon}}</text>
-              <view class="text-df">{{relate.name}}</view>
+            <view v-for="(relate, index) in courseRelates" :key="index" class="course-item" :style="'background:' + relate.background" @tap="goto(relate.page)">
+              <text class="iconfont back-img" style="font-size: 32px;">{{ relate.icon }}</text>
+              <view class="text-df">{{ relate.name }}</view>
             </view>
           </view>
           <view class="user-relative flex justify-between" v-else>
-            <view class="course-item relate-item" v-for="(course,index) in courses" :key="index"
-              :style="'background:'+course.background">
-              <text class="iconfont back-img" style="font-size:40px;">{{course.icon}}</text>
-              <view class="text-lg">{{course.title}}</view>
-              <view class="text-xxl margin-top-xs">{{course.name}}</view>
+            <view class="course-item relate-item" v-for="(course, index) in courses" :key="index" :style="'background:' + course.background">
+              <text class="iconfont back-img" style="font-size: 40px;">{{ course.icon }}</text>
+              <view class="text-lg">{{ course.title }}</view>
+              <view class="text-xxl margin-top-xs">{{ course.name }}</view>
             </view>
           </view>
         </view>
         <view class="order">
           <view class="order-title solid-bottom">我的订单</view>
           <view class="order-info flex justify-between">
-            <view v-for="(order,index) in menuList" :key="index" @tap="toOrder(index)">
+            <view v-for="(order, index) in menuList" :key="index" @tap="toOrder(index)">
               <view class="order-image">
-                <text class="iconfont text-student" style="font-size:32px;">{{order.icon}}</text>
+                <text class="iconfont text-student" style="font-size: 32px;">{{ order.icon }}</text>
               </view>
-              {{order.title}}
+              {{ order.title }}
             </view>
           </view>
         </view>
       </view>
       <view class="margin cu-list box-shadow menu margin-top-lg bg-white">
         <view class="cu-item arrow" @tap="goto('classCart')">
-          <text class="cuIcon-cart lg text-gray" style="font-size:18px;"></text>
+          <text class="cuIcon-cart lg text-gray" style="font-size: 18px;"></text>
           <view class="content margin-left-sm">
             <text class="text-black">购物车</text>
           </view>
           <view class="action"></view>
         </view>
         <view class="cu-item arrow" @tap="goto('message')">
-          <text class="cuIcon-message lg text-gray" style="font-size:18px;"></text>
+          <text class="cuIcon-message lg text-gray" style="font-size: 18px;"></text>
           <view class="content margin-left-sm">
             <text class="text-black">消息中心</text>
           </view>
           <view class="action"></view>
         </view>
         <view class="cu-item arrow" @tap="goto('onlineService')">
-          <text class="iconfont text-gray" style="font-size:18px;">&#xe726;</text>
+          <text class="iconfont text-gray" style="font-size: 18px;">&#xe726;</text>
           <view class="content margin-left-sm">
             <text class="text-black">在线客服</text>
           </view>
@@ -74,22 +72,17 @@
       </view>
     </view>
     <mp-tabbar :outerSelected="2" />
-    <view class="cu-modal drawer-modal justify-start" :class="modalName=='showStudent'?'show':''" @tap="hideModal">
-      <scroll-view :scroll-y="true" class="cu-dialog basis-lg" @tap.stop=""
-        :style="[{top:topHeader+'px',height:'calc(100vh - 48px - ' + topHeader + 'px)'}]">
+    <view class="cu-modal drawer-modal justify-start" :class="modalName == 'showStudent' ? 'show' : ''" @tap="hideModal">
+      <scroll-view :scroll-y="true" class="cu-dialog basis-lg" @tap.stop="" :style="[{ top: topHeader + 'px', height: 'calc(100vh - 48px - ' + topHeader + 'px)' }]">
         <view class="student-list padding-left">
-          <view class="student margin-top-sm" v-for="(student,index) in students" :key="index"
-            @tap="chooseKid(student.id)">
+          <view class="student margin-top-sm" v-for="(student, index) in students" :key="index" @tap="chooseKid(student.id)">
             <view class="flex align-center">
               <image mode="scaleToFill" :src="defaultAvatar" class="avatar md"></image>
-              <view class="margin-left-sm">{{student.name}}</view>
-              <text class="cuIcon-check text-student margin-left" style="font-size:22px;"
-                v-if="kid===student.id"></text>
+              <view class="margin-left-sm">{{ student.name }}</view>
+              <text class="cuIcon-check text-student margin-left" style="font-size: 22px;" v-if="kid === student.id"></text>
             </view>
             <view class="flex">
-              <view class="cu-tag line-green margin-top-xs">
-                {{student.school_name ? student.school_name : ''}}-{{student.grade_name}}-{{student.class_name}}
-              </view>
+              <view class="cu-tag line-green margin-top-xs"> {{ student.school_name ? student.school_name : '' }}-{{ student.grade_name }}-{{ student.class_name }} </view>
             </view>
           </view>
         </view>
@@ -102,7 +95,7 @@
 import { mapGetters } from 'vuex'
 import { _getStudents, _getUserInfo } from '@/api/auth'
 export default {
-  data () {
+  data() {
     return {
       topHeader: this.globalCustomBarHeight,
       info: {},
@@ -189,20 +182,20 @@ export default {
       kid: 'kid'
     })
   },
-  onShow () {
+  onShow() {
     this.get_info()
   },
   methods: {
-    login () {
+    login() {
       this.globalNavigateTo('login')
     },
-    get_info () {
+    get_info() {
       _getUserInfo().then(res => {
         this.info = res.data
         this.get_students()
       })
     },
-    get_students () {
+    get_students() {
       _getStudents().then(res => {
         if (res.data.length < 1) {
           this.globalNavigateTo('myStudents')
@@ -217,26 +210,27 @@ export default {
         this.setkidInfo(kid)
       })
     },
-    hideModal (e) {
+    hideModal(e) {
       this.modalName = null
     },
-    setkidInfo (kid) { // 设置学生信息
+    setkidInfo(kid) {
+      // 设置学生信息
       this.kid_info = this.students.find(item => item.id === kid)
     },
-    switchStudent () {
+    switchStudent() {
       this.modalName = 'showStudent'
     },
-    goto (page) {
+    goto(page) {
       if (!this.isLogin) {
         this.globalNavigateTo('login')
       } else {
         this.globalNavigateTo(page)
       }
     },
-    toOrder (index) {
+    toOrder(index) {
       this.globalNavigateTo('order', { type: index })
     },
-    chooseKid (id) {
+    chooseKid(id) {
       uni.showModal({
         title: '',
         content: '确定选择该学生?',