no message

src/components/shop-cart.vue

@@ -18,20 +18,18 @@ export default {
       default: false
     }
   },
-  data () {
+  data() {
     return {
       key: 1212
     }
   },
   computed: {
-    ...mapGetters([
-      'carts'
-    ])
+    ...mapGetters(['carts'])
   },
   methods: {
-    goCart () {
+    goCart() {
       if (this.disableBtn) return false
-      this.$emit('changeDisableBtn')// 改变按钮点击
+      this.$emit('changeDisableBtn') // 改变按钮点击
       this.globalNavigateTo('classCart')
     }
   }

src/pages/class/shoppingCart.vue

@@ -1,56 +1,55 @@
 <template>
   <view class="page">
     <cu-custom :isBack="true"></cu-custom>
-    <view class="header" :style="[{top:topHeader + 'px'}]">
+    <view class="header" :style="[{ top: topHeader + 'px' }]">
       <view class="header-title">
         <view class="header-title-main">
-          <view class="margin-bottom-xs">{{title}}</view>
+          <view class="margin-bottom-xs">{{ title }}</view>
           <view class="point"></view>
         </view>
       </view>
     </view>
-    <scroll-view scroll-y="true" :style="[{height:'calc(100vh - 64px - 70px - '+ topHeader+'px)'}]" class="scroll-main">
+    <scroll-view scroll-y="true" :style="[{ height: 'calc(100vh - 64px - 70px - ' + topHeader + 'px)' }]" class="scroll-main">
       <view class="list">
         <checkbox-group @change="checkChange">
-          <view class="cu-card margin-bottom shadow" v-for="(item,index) in list" :key="index">
+          <view class="cu-card margin-bottom shadow" v-for="(item, index) in list" :key="index">
             <label class="cu-item">
               <view class="card-header flex justify-between solid-bottom">
                 <view>
-                  <checkbox style="transform:scale(0.8)" class="round" :value="item.shopping_id"
-                    :checked="checkedIds.includes(item.shopping_id)"></checkbox>
-                  {{item.student_name}}
+                  <checkbox style="transform: scale(0.8);" class="round" :value="item.shopping_id" :checked="checkedIds.includes(item.shopping_id)"></checkbox>
+                  {{ item.student_name }}
                 </view>
-                <view @tap.stop=''>
-                  <text class="cuIcon-delete text-red" @tap="del(item,index)"></text>
+                <view @tap.stop="">
+                  <text class="cuIcon-delete text-red" @tap="del(item, index)"></text>
                 </view>
               </view>
               <view class="card flex">
                 <view class="card-left">
-                  <img mode="scaleToFill" :src="item.image" alt="" class="card-image">
+                  <img mode="scaleToFill" :src="item.image" alt="" class="card-image" />
                 </view>
                 <view class="card-right flex-sub margin-left-sm text-sm">
-                  <view class="card-title">{{item.class_attend_name}}</view>
-                  <view class="text-price text-student text-xl margin-top-xs">{{item.price}}</view>
+                  <view class="card-title">{{ item.class_attend_name }}</view>
+                  <view class="text-price text-student text-xl margin-top-xs">{{ item.price }}</view>
                   <view class="card-item">
                     <text class="card-label">机构：</text>
-                    <text class="card-text">{{item.agency_name||'-'}}</text>
+                    <text class="card-text">{{ item.agency_name || '-' }}</text>
                   </view>
-                  <view class="card-item margin-top-xs" v-if="item.cate_type===0">
+                  <view class="card-item margin-top-xs" v-if="item.cate_type === 0">
                     <text class="card-label">老师：</text>
-                    <text class="card-text">{{item.teacher_name||'-'}}</text>
+                    <text class="card-text">{{ item.teacher_name || '-' }}</text>
                   </view>
                   <view class="card-item margin-top-xs">
                     <text class="card-label">总共：</text>
-                    <text class="card-text">{{item.class_total||'-'}}</text>
+                    <text class="card-text">{{ item.class_total || '-' }}</text>
                   </view>
                   <view class="card-item margin-top-xs">
                     <text class="card-label">时间：</text>
-                    <text class="card-text">{{item.week_limit||'-'}}</text>
+                    <text class="card-text">{{ item.week_limit || '-' }}</text>
                   </view>
                 </view>
               </view>
               <view class="card-footer margin-top-xs" v-if="item.prop">
-                <view v-for="(tag,index) in item.prop" :key="index" class="cu-tag line-red">{{tag}}</view>
+                <view v-for="(tag, index) in item.prop" :key="index" class="cu-tag line-red">{{ tag }}</view>
               </view>
               <view class="card-bottom margin-top-xs">
                 <!-- <button @tap="pay(item)" class="cu-btn round bg-student text-white">立即下单</button> -->
@@ -63,14 +62,11 @@
     <view class="static flex shadow">
       <view class="static-price">
         <checkbox-group @change="chooseAll">
-          <label>
-            <checkbox class="round" :checked="checkAll" style="transform:scale(0.8);" />全选
-          </label>
+          <label class="padding-tb-sm"> <checkbox class="round" :checked="checkAll" style="transform: scale(0.8);" />全选 </label>
         </checkbox-group>
       </view>
-      <view class="static-choose text-center" v-if="checkedIds.length>0">
-        <text>已选：</text><text class="margin-right-xs">{{checkedIds.length}}</text>
-        <text>总价：</text><text class="text-price text-red">{{sum}}</text>
+      <view class="static-choose text-center" v-if="checkedIds.length > 0">
+        <text>已选：</text><text class="margin-right-xs">{{ checkedIds.length }}</text> <text>总价：</text><text class="text-price text-red">{{ sum }}</text>
       </view>
       <view class="static-order flex align-center">
         <button class="cu-btn round bg-student text-white margin-left-xs" @tap="pay">立即下单</button>
@@ -86,7 +82,7 @@ import { deepClone } from '@/common/utils'
 import NP from 'number-precision'
 import socket from '@/common/webSocket'
 export default {
-  data () {
+  data() {
     return {
       title: '购物车',
       topHeader: this.globalCustomBarHeight,
@@ -99,41 +95,39 @@ export default {
     }
   },
   computed: {
-    ...mapGetters([
-      'carts', 'phone', 'ifConnectOrder'
-    ])
+    ...mapGetters(['carts', 'phone', 'ifConnectOrder'])
   },
-  onShow () {
+  onShow() {
     this.get_list()
   },
-  onLoad (options) {
+  onLoad(options) {
     socket.initSocket()
   },
   methods: {
-    checkChange (e) {
+    checkChange(e) {
       this.checkedIds = e.detail.value.map(x => Number(x))
       this.shoppingList = this.list.filter(item => this.checkedIds.includes(item.shopping_id))
       this.sum_money()
     },
-    chooseAll () {
+    chooseAll() {
       this.checkAll = !this.checkAll
       this.checkedIds = this.checkAll ? this.all : []
       this.shoppingList = this.checkAll ? deepClone(this.list) : []
       this.sum_money()
     },
-    sum_money () {
+    sum_money() {
       const arr = this.shoppingList.map(item => item.price)
       this.sum = arr.reduce((x, y) => NP.plus(x, y), 0)
     },
-    get_list () {
+    get_list() {
       _shopList().then(res => {
         this.list = res.data
-        this.all = this.list.map(item => item.shopping_id)// 统计全部
+        this.all = this.list.map(item => item.shopping_id) // 统计全部
         const carts = this.list.map(item => item.class_attend_id)
-        this.$store.dispatch('setCarts', carts)// 刷新购物车
+        this.$store.dispatch('setCarts', carts) // 刷新购物车
       })
     },
-    del (item, index) {
+    del(item, index) {
       const _self = this
       uni.showModal({
         title: '提示',
@@ -149,7 +143,7 @@ export default {
         }
       })
     },
-    pay () {
+    pay() {
       if (!this.phone) {
         return this.globalNavigateTo('bindPhone')
       }
@@ -168,7 +162,8 @@ export default {
       _createOrder({ result: order, notShowLoading: true }).then(res => {
         this.$store.dispatch('setCarts', carts)
         setTimeout(() => {
-          if (!this.ifConnectOrder) { // socket非正常状态
+          if (!this.ifConnectOrder) {
+            // socket非正常状态
             uni.hideLoading()
             this.globalNavigateTo('order', { type: 1 })
           }