fix:智能报课，代码格式化修改

.eslintrc.js

@@ -1,51 +1,51 @@
-module.exports = {
-  // 默认情况下，ESLint 会在所有父级目录里寻找配置文件，一直到根目录。ESLint 一旦发现配置文件中有 "root": true，它就会停止在父级目录中寻找。
-  root: true,
-  env: {
-    node: true,
-    browser: true
-  },
-  globals: {
-    uni: true,
-    wx: true,
-    App: true,
-    getApp: true,
-    Page: true,
-    getCurrentPages: true,
-    Component: true,
-    Behavior: true
-  },
-
-  extends: [
-    'plugin:vue/essential',
-    '@vue/standard',
-    '@vue/typescript',
-    '@vue/prettier/@typescript-eslint'
-  ],
-  plugins: ['@typescript-eslint'], // 定义了该eslint文件所依赖的插件
-  parserOptions: {
-    // 解析器选项
-    // 指定ESLint可以解析JSX语法
-    ecmaVersion: 2020,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true
-    },
-    parser: '@typescript-eslint/parser' // 定义ESLint的解析器,才能正确的检测和规范TS代码
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-unused-vars': [
-      1,
-      {
-        vars: 'all',
-        args: 'none'
-      }
-    ],
-    'no-tabs': 0,
-    'no-mixed-spaces-and-tabs': 0,
-    indent: [2, 2, { SwitchCase: 1 }],
-    'space-before-function-paren': [0, 'never']
-  }
-}
+module.exports = {
+	// 默认情况下，ESLint 会在所有父级目录里寻找配置文件，一直到根目录。ESLint 一旦发现配置文件中有 "root": true，它就会停止在父级目录中寻找。
+	root: true,
+	env: {
+		node: true,
+		browser: true
+	},
+	globals: {
+		uni: true,
+		wx: true,
+		App: true,
+		getApp: true,
+		Page: true,
+		getCurrentPages: true,
+		Component: true,
+		Behavior: true
+	},
+
+	extends: [
+		'plugin:vue/essential',
+		'@vue/standard',
+		'@vue/typescript',
+		'@vue/prettier/@typescript-eslint'
+	],
+	plugins: ['@typescript-eslint'], // 定义了该eslint文件所依赖的插件
+	parserOptions: {
+		// 解析器选项
+		// 指定ESLint可以解析JSX语法
+		ecmaVersion: 2020,
+		sourceType: 'module',
+		ecmaFeatures: {
+			jsx: true
+		},
+		parser: '@typescript-eslint/parser' // 定义ESLint的解析器,才能正确的检测和规范TS代码
+	},
+	rules: {
+		'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+		'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+		'no-unused-vars': [
+			1,
+			{
+				vars: 'all',
+				args: 'none'
+			}
+		],
+		'no-tabs': 0,
+		'no-mixed-spaces-and-tabs': 0,
+		indent: [2, 2, { SwitchCase: 1 }],
+		'space-before-function-paren': [0, 'never']
+	}
+}

src/api/course.js

@@ -1,107 +1,118 @@
 import fetch from '@/common/utils/fetch.js'
 
 // 获取课程列表
-export function _optionCourse(params) {
-  return fetch('/parents/Mycourses/option_course', params)
+export function _optionCourse (params) {
+	return fetch('/parents/Mycourses/option_course', params)
+}
+//智能报课获取周期
+export function _intelligentDates () {
+	return fetch('/parents/Intelligent/getLigentDate')
+}
+//智能报课获取兴趣
+export function _intelligentInterests () {
+	return fetch('/parents/Intelligent/getLigentCategory')
+}
+//智能报课获取课程
+export function _intelligentCourses (params) {
+	return fetch('/parents/Intelligent/pickLigentCourse', params)
 }
-
 // 获取课程筛选选项 parents/Mycourses/advanced_filter
-export function _filter(params) {
-  return fetch('/parents/Mycourses/advanced_filter', params)
+export function _filter (params) {
+	return fetch('/parents/Mycourses/advanced_filter', params)
 }
 // 课程详情 parents/Mycourses/course_details
-export function _detail(params) {
-  return fetch('/parents/Mycourses/course_details', params)
+export function _detail (params) {
+	return fetch('/parents/Mycourses/course_details', params)
 }
 // 课程套餐详情 parents/Mycourses/course_gift
-export function _gift(params) {
-  return fetch('/parents/Mycourses/course_gift', params)
+export function _gift (params) {
+	return fetch('/parents/Mycourses/course_gift', params)
 }
 // 课程评价 parents/Mycourses/now_details_comment
-export function _comments(params) {
-  return fetch('/parents/Mycourses/now_details_comment', params, 'POST', false)
+export function _comments (params) {
+	return fetch('/parents/Mycourses/now_details_comment', params, 'POST', false)
 }
 // 添加购物车 parents/Commit/join_shop
-export function _joinShop(params, showFail = true) {
-  return fetch('/parents/Commit/join_shop', params, 'POST', showFail)
+export function _joinShop (params, showFail = true) {
+	return fetch('/parents/Commit/join_shop', params, 'POST', showFail)
 }
 // 批量添加购物车
-export function _joinShops(params) {
-  return fetch('/parents/Commit/joinShopMulti', params)
+export function _joinShops (params) {
+	return fetch('/parents/Commit/joinShopMulti', params)
 }
 // 购物车列表 /parents/Shopping/index
-export function _shopList(params) {
-  return fetch('/parents/Shopping/index', params)
+export function _shopList (params) {
+	return fetch('/parents/Shopping/index', params)
 }
 // 删除购物车 /parents/Shopping/del_shopping
-export function _delShop(params) {
-  return fetch('/parents/Shopping/del_shopping', params)
+export function _delShop (params) {
+	return fetch('/parents/Shopping/del_shopping', params)
 }
 // 生成订单 parents/Commit/order
-export function _createOrder(params) {
-  return fetch('/parents/Commit/order', params)
+export function _createOrder (params) {
+	return fetch('/parents/Commit/order', params)
 }
 // 订单列表 parents/Ordercentre/index
-export function _orderCenter(params) {
-  return fetch('/parents/Ordercentre/index', params)
+export function _orderCenter (params) {
+	return fetch('/parents/Ordercentre/index', params)
 }
 // 退课数据 get_dropcourse_byorder
-export function _dropList(params) {
-  return fetch('/parents/dropcourse/get_dropcourse_byorder', params)
+export function _dropList (params) {
+	return fetch('/parents/dropcourse/get_dropcourse_byorder', params)
 }
 // 订单支付
-export function _payOrder(params) {
-  return fetch('/parents/pay/payment', params)
+export function _payOrder (params) {
+	return fetch('/parents/pay/payment', params)
 }
 // 取消订单 /parents/Ordercentre/del_order
-export function _cancelOrder(params) {
-  return fetch('/parents/Ordercentre/del_order', params)
+export function _cancelOrder (params) {
+	return fetch('/parents/Ordercentre/del_order', params)
 }
 // 进行退课 /parents/dropcourse/to_drop_course
-export function _dropCourse(params) {
-  return fetch('/parents/dropcourse/to_drop_course', params)
+export function _dropCourse (params) {
+	return fetch('/parents/dropcourse/to_drop_course', params)
 }
 // 历史课程 /parents/Mycourses/course_history
-export function _courseHistory(params) {
-  return fetch('/parents/Mycourses/course_history', params)
+export function _courseHistory (params) {
+	return fetch('/parents/Mycourses/course_history', params)
 }
 // 我的课程 /parents/Mycourses/course_history
-export function _nowCourse(params) {
-  return fetch('/parents/Mycourses/now_course', params)
+export function _nowCourse (params) {
+	return fetch('/parents/Mycourses/now_course', params)
 }
 // 课程表 /parents/Mycourses/date_course
-export function _dateCourse(params) {
-  return fetch('/parents/Mycourses/date_course', params)
+export function _dateCourse (params) {
+	return fetch('/parents/Mycourses/date_course', params)
 }
 // 考勤记录 /parents/attendance/get_attendance
-export function _attendance(params) {
-  return fetch('/parents/attendance/get_attendance', params)
+export function _attendance (params) {
+	return fetch('/parents/attendance/get_attendance', params)
 }
 // 课堂详情 /parents/dailyclass/get_dailyclass_details
-export function _dailiClass(params) {
-  return fetch('/parents/dailyclass/get_dailyclass_details', params)
+export function _dailiClass (params) {
+	return fetch('/parents/dailyclass/get_dailyclass_details', params)
 }
 // 安全交接情况 /parents/sign/get_sign
-export function _getSignIn(params) {
-  return fetch('/parents/sign/get_sign', params)
+export function _getSignIn (params) {
+	return fetch('/parents/sign/get_sign', params)
 }
 // 进行安全交接 /parents/sign/to_sign
-export function _toSignIn(params) {
-  return fetch('/parents/sign/to_sign', params)
+export function _toSignIn (params) {
+	return fetch('/parents/sign/to_sign', params)
 }
 // 进行评价 /parents/Todayclass/comment
-export function _tocomment(params) {
-  return fetch('/parents/Todayclass/comment', params)
+export function _tocomment (params) {
+	return fetch('/parents/Todayclass/comment', params)
 }
 // 评价详情
-export function _commentDetail(params) {
-  return fetch('/parents/dailyclass/get_satisfaction', params)
+export function _commentDetail (params) {
+	return fetch('/parents/dailyclass/get_satisfaction', params)
 }
 // 获取请假类型
-export function _leaveType(params) {
-  return fetch('/teacher/leave/get_leave_type', params)
+export function _leaveType (params) {
+	return fetch('/teacher/leave/get_leave_type', params)
 }
 // 申请请假 parents/schedule/student_leave
-export function _askLeave(params) {
-  return fetch('/parents/schedule/student_leave', params)
+export function _askLeave (params) {
+	return fetch('/parents/schedule/student_leave', params)
 }

src/common/css/common.css

@@ -116,6 +116,9 @@ input{
 .text-student{
 	color:#5fd0e4;
 }
+.text-light{
+	font-weight:lighter;
+}
 .bg-student{
 	background-color:#5fd0e4;
 }

src/common/urlMap.js

@@ -1,29 +1,29 @@
-// 路径匹配模式
-const urlMap = new Map()
-
-urlMap.set('index', '/pages/index/index')
-urlMap.set('mine', '/pages/mine/mine')
-urlMap.set('studentcenter', '/pages/studentcenter/index')
-urlMap.set('studentOperation', '/pages/studentcenter/operation')
-urlMap.set('studentVideo', '/pages/studentcenter/classVideo')
-urlMap.set('studentEvaluate', '/pages/studentcenter/evaluate')
-urlMap.set('studentSignin', '/pages/studentcenter/signIn')
-urlMap.set('studentWorks', '/pages/studentcenter/works')
-urlMap.set('studentAbsent', '/pages/studentcenter/absent')
-urlMap.set('myStudents', '/pages/myStudents/myStudents')
-urlMap.set('myTeachers', '/pages/mine/teachers')
-urlMap.set('myParents', '/pages/mine/parents')
-urlMap.set('myInstitution', '/pages/mine/institution')
-urlMap.set('setting', '/pages/mine/setting')
-urlMap.set('changePhone', '/pages/mine/changePhone')
-urlMap.set('message', '/pages/mine/message')
-urlMap.set('onlineService', '/pages/mine/onlineService')
-urlMap.set('login', '/pages/login/index')
-urlMap.set('classGift', '/pages/class/gift')
-urlMap.set('classDetail', '/pages/class/detail')
-urlMap.set('classCart', '/pages/class/shoppingCart')
-urlMap.set('bindPhone', '/pages/class/bindPhone')
-urlMap.set('order', '/pages/order/index')
-urlMap.set('agreement', '/pages/agreement/index')
-
-export default urlMap
+// 路径匹配模式
+const urlMap = new Map()
+
+urlMap.set('index', '/pages/index/index')
+urlMap.set('mine', '/pages/mine/mine')
+urlMap.set('studentcenter', '/pages/studentcenter/index')
+urlMap.set('studentOperation', '/pages/studentcenter/operation')
+urlMap.set('studentVideo', '/pages/studentcenter/classVideo')
+urlMap.set('studentEvaluate', '/pages/studentcenter/evaluate')
+urlMap.set('studentSignin', '/pages/studentcenter/signIn')
+urlMap.set('studentWorks', '/pages/studentcenter/works')
+urlMap.set('studentAbsent', '/pages/studentcenter/absent')
+urlMap.set('myStudents', '/pages/myStudents/myStudents')
+urlMap.set('myTeachers', '/pages/mine/teachers')
+urlMap.set('myParents', '/pages/mine/parents')
+urlMap.set('myInstitution', '/pages/mine/institution')
+urlMap.set('setting', '/pages/mine/setting')
+urlMap.set('changePhone', '/pages/mine/changePhone')
+urlMap.set('message', '/pages/mine/message')
+urlMap.set('onlineService', '/pages/mine/onlineService')
+urlMap.set('login', '/pages/login/index')
+urlMap.set('classGift', '/pages/class/gift')
+urlMap.set('classDetail', '/pages/class/detail')
+urlMap.set('classCart', '/pages/class/shoppingCart')
+urlMap.set('bindPhone', '/pages/class/bindPhone')
+urlMap.set('order', '/pages/order/index')
+urlMap.set('agreement', '/pages/agreement/index')
+
+export default urlMap

src/components/shop-cart.vue

@@ -1,8 +1,8 @@
 <template>
-	<view class="shop" @tap="goCart">
-		<view class="cu-tag badge" v-if="carts.includes(class_attend_id)"></view>
-		<text class="cuIcon-cart text-student cart"></text>
-	</view>
+  <view class="shop" @tap="goCart">
+    <view class="cu-tag badge" v-if="carts.includes(class_attend_id)"></view>
+    <text class="cuIcon-cart text-student cart"></text>
+  </view>
 </template>
 
 <script>
@@ -18,7 +18,7 @@ export default {
       default: false
     }
   },
-  data() {
+  data () {
     return {
       key: 1212
     }
@@ -29,7 +29,7 @@ export default {
     ])
   },
   methods: {
-    goCart() {
+    goCart () {
       if (this.disableBtn) return false
       this.$emit('changeDisableBtn')// 改变按钮点击
       this.globalNavigateTo('classCart')
@@ -39,13 +39,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.shop{
-	position:relative;
+.shop {
+  position: relative;
 }
-.cart{
-	font-size:24px;
+.cart {
+  font-size: 24px;
 }
-.cu-tag.badge{
-	top:2px;
+.cu-tag.badge {
+  top: 2px;
 }
 </style>

src/components/swiper-tab.vue

@@ -1,67 +1,66 @@
-<template>
-	<view class="swipeTab">
-		<view v-for="(item,index) in menuList" :key="index"
-		class="swipeTab-item" :class="{'tabTrue':currentIndex===index}"
-		@tap="changeTab(index)">
-			{{item}}
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-  props: {
-    menuList: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    activeTab: {
-      type: Number,
-      default: 0
-    }
-  },
-  watch: {
-    activeTab(n, o) {
-      this.currentIndex = n
-    }
-  },
-  data() {
-    return {
-      currentIndex: 0
-    }
-  },
-  methods: {
-    changeTab(index) {
-      this.currentIndex = index
-      this.$emit('changeTab', index)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.swipeTab{
-  z-index: 99999;
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  justify-content: space-around;
-  position: relative;
-  height: 22px;
-  background: #FFFFFF;
-  .swipeTab-item{
-    line-height: 1px;
-    color: #999;
-    border-radius: 999em;
-    padding: 10px 10px;
-    border: 1px solid #999;
-  }
-  .tabTrue{
-    color:#5fd0e4;
-    border: 1px solid #ebf8fc;
-    background: #ebf8fc;
-   }
- }
-</style>
+<template>
+  <view class="swipeTab">
+    <view v-for="(item,index) in menuList" :key="index" class="swipeTab-item" :class="{'tabTrue':currentIndex===index}"
+      @tap="changeTab(index)">
+      {{item}}
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    menuList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    activeTab: {
+      type: Number,
+      default: 0
+    }
+  },
+  watch: {
+    activeTab (n, o) {
+      this.currentIndex = n
+    }
+  },
+  data () {
+    return {
+      currentIndex: 0
+    }
+  },
+  methods: {
+    changeTab (index) {
+      this.currentIndex = index
+      this.$emit('changeTab', index)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.swipeTab {
+  z-index: 99999;
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: space-around;
+  position: relative;
+  height: 22px;
+  background: #ffffff;
+  .swipeTab-item {
+    line-height: 1px;
+    color: #999;
+    border-radius: 999em;
+    padding: 10px 10px;
+    border: 1px solid #999;
+  }
+  .tabTrue {
+    color: #5fd0e4;
+    border: 1px solid #ebf8fc;
+    background: #ebf8fc;
+  }
+}
+</style>

src/pages.json

@@ -1,136 +1,136 @@
-{
-    "pages": [
-			 {
-				 "path": "pages/index/index",
-				 "style": {}
-		    },
-				{
-					"path": "pages/class/gift",
-					"style": {}
-			  },
-				{
-					"path": "pages/class/detail",
-					"style": {}
-			  },
-				{
-					"path": "pages/class/shoppingCart",
-					"style": {}
-			  },
-				{
-					"path": "pages/class/bindPhone",
-					"style": {}
-			  },
-				{
-					"path": "pages/order/index",
-					"style": {}
-			  },
-			  {
-					"path": "pages/myStudents/myStudents",
-					"style": {}
-			  },
-				{
-					"path": "pages/studentcenter/index",
-					"style": {}
-			  },
-				{
-					"path": "pages/studentcenter/operation",
-					"style": {}
-			  },
-				{
-					"path": "pages/studentcenter/signIn",
-					"style": {}
-			  },
-				{
-					"path": "pages/studentcenter/classVideo",
-					"style": {}
-			  },
-				{
-					"path": "pages/studentcenter/works",
-					"style": {}
-			  },
-				{
-					"path": "pages/studentcenter/evaluate",
-					"style": {}
-			  },
-				{
-					"path": "pages/studentcenter/absent",
-					"style": {}
-			  },
-        {
-            "path": "pages/mine/mine",
-            "style": {}
-        },
-				{
-					"path": "pages/mine/parents",
-					"style": {}
-			  },
-				{
-					"path": "pages/mine/teachers",
-					"style": {}
-			  },
-				{
-					"path": "pages/mine/institution",
-					"style": {}
-			  },
-				{
-					"path": "pages/mine/setting",
-					"style": {}
-			  },
-				{
-					"path": "pages/mine/changePhone",
-					"style": {}
-			  },
-				{
-					"path": "pages/mine/message",
-					"style": {}
-			  },
-				{
-					"path": "pages/mine/onlineService",
-					"style": {}
-			  },
-				{
-					"path": "pages/login/index",
-					"style": {}
-				 },
-				 {
-					"path": "pages/agreement/index",
-					"style": {}
-				 }
-    ],
-    "globalStyle": {
-        "navigationBarBackgroundColor": "#FFFFFF",
-        "navigationBarTitleText": "1212",
-        "navigationStyle": "custom",
-        "navigationBarTextStyle": "black",
-        "animationType": "slide-out-right"
-    },
-    "tabBar": {
-        "custom": true,
-        "color": "#707070",
-        "selectedColor": "#3390F5",
-        "borderStyle": "black",
-        "backgroundColor": "#ffffff",
-        "list": [
-           {
-                "pagePath": "pages/index/index",
-                "iconPath": "/static/imgs/tabbar/xk1.png",
-                "selectedIconPath": "/static/imgs/tabbar/xk.png",
-                "text": "选课"
-            },
-						{
-							"pagePath": "pages/studentcenter/index",
-							"iconPath": "/static/imgs/tabbar/xszx1.png",
-							"selectedIconPath": "/static/imgs/tabbar/xszx.png",
-							"text": "学生中心"
-					  },
-            {
-                "pagePath": "pages/mine/mine",
-                "iconPath": "/static/imgs/tabbar/wd1.png",
-                "selectedIconPath": "/static/imgs/tabbar/wd.png",
-                "text": "我的"
-            }
-        ]
-    },
-    "usingComponts": true,
-    "sitemapLocation": "sitemap.json"
-}
+{
+  "pages": [
+    {
+      "path": "pages/index/index",
+      "style": {}
+    },
+    {
+      "path": "pages/class/gift",
+      "style": {}
+    },
+    {
+      "path": "pages/class/detail",
+      "style": {}
+    },
+    {
+      "path": "pages/class/shoppingCart",
+      "style": {}
+    },
+    {
+      "path": "pages/class/bindPhone",
+      "style": {}
+    },
+    {
+      "path": "pages/order/index",
+      "style": {}
+    },
+    {
+      "path": "pages/myStudents/myStudents",
+      "style": {}
+    },
+    {
+      "path": "pages/studentcenter/index",
+      "style": {}
+    },
+    {
+      "path": "pages/studentcenter/operation",
+      "style": {}
+    },
+    {
+      "path": "pages/studentcenter/signIn",
+      "style": {}
+    },
+    {
+      "path": "pages/studentcenter/classVideo",
+      "style": {}
+    },
+    {
+      "path": "pages/studentcenter/works",
+      "style": {}
+    },
+    {
+      "path": "pages/studentcenter/evaluate",
+      "style": {}
+    },
+    {
+      "path": "pages/studentcenter/absent",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/mine",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/parents",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/teachers",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/institution",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/setting",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/changePhone",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/message",
+      "style": {}
+    },
+    {
+      "path": "pages/mine/onlineService",
+      "style": {}
+    },
+    {
+      "path": "pages/login/index",
+      "style": {}
+    },
+    {
+      "path": "pages/agreement/index",
+      "style": {}
+    }
+  ],
+  "globalStyle": {
+    "navigationBarBackgroundColor": "#FFFFFF",
+    "navigationBarTitleText": "1212",
+    "navigationStyle": "custom",
+    "navigationBarTextStyle": "black",
+    "animationType": "slide-out-right"
+  },
+  "tabBar": {
+    "custom": true,
+    "color": "#707070",
+    "selectedColor": "#3390F5",
+    "borderStyle": "black",
+    "backgroundColor": "#ffffff",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "iconPath": "/static/imgs/tabbar/xk1.png",
+        "selectedIconPath": "/static/imgs/tabbar/xk.png",
+        "text": "选课"
+      },
+      {
+        "pagePath": "pages/studentcenter/index",
+        "iconPath": "/static/imgs/tabbar/xszx1.png",
+        "selectedIconPath": "/static/imgs/tabbar/xszx.png",
+        "text": "学生中心"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "iconPath": "/static/imgs/tabbar/wd1.png",
+        "selectedIconPath": "/static/imgs/tabbar/wd.png",
+        "text": "我的"
+      }
+    ]
+  },
+  "usingComponts": true,
+  "sitemapLocation": "sitemap.json"
+}

src/pages/class/bindPhone.vue

@@ -1,27 +1,27 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true"  title="绑定手机号"></cu-custom>
-		<view class="bind bg-white">
-			<view class="bind-img">
-					<image src="/static/imgs/phone.png" mode="widthFix" style="width:400rpx;" />
-			</view>
-			<view class="bind-text">请绑定手机号</view>
-			<view class="bind-tip" style="margin-top:10px;"> 为向您提供更优质的交易相关基本功能，我们将会获取您的手机号。</view>
-			<view class="bind-tip">
-			为了更好的保障个人权益，请您仔细阅读
-					<text style="color:#02a5b1"  class="text" @tap="goto('user')">《用户协议》</text>和
-					<text style="color:#02a5b1"  class="text" @tap="goto('privacy')">《隐私政策》</text>
-			</view>
-			<button class="bind-btn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">立即绑定</button>
-		</view>
-	</view>
+  <view class="page">
+    <cu-custom :isBack="true" title="绑定手机号"></cu-custom>
+    <view class="bind bg-white">
+      <view class="bind-img">
+        <image src="/static/imgs/phone.png" mode="widthFix" style="width:400rpx;" />
+      </view>
+      <view class="bind-text">请绑定手机号</view>
+      <view class="bind-tip" style="margin-top:10px;"> 为向您提供更优质的交易相关基本功能，我们将会获取您的手机号。</view>
+      <view class="bind-tip">
+        为了更好的保障个人权益，请您仔细阅读
+        <text style="color:#02a5b1" class="text" @tap="goto('user')">《用户协议》</text>和
+        <text style="color:#02a5b1" class="text" @tap="goto('privacy')">《隐私政策》</text>
+      </view>
+      <button class="bind-btn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">立即绑定</button>
+    </view>
+  </view>
 </template>
 
 <script>
 import { _bindPhone, _login, _getBindPhone } from '@/api/auth'
 import { mapGetters } from 'vuex'
 export default {
-  data() {
+  data () {
     return {
       key: '绑定手机号'
     }
@@ -32,10 +32,10 @@ export default {
     ])
   },
   methods: {
-    goto(type) {
+    goto (type) {
       this.globalNavigateTo('agreement', { type })
     },
-    getPhoneNumber(e) {
+    getPhoneNumber (e) {
       const detail = e.detail
       if (!detail.iv) {
         return false
@@ -48,11 +48,11 @@ export default {
         code: this.globalApp.code
       }
       uni.checkSession({
-        success() {
+        success () {
           params.session = _self.session
           _self.bindPhone(params)
         },
-        fail() {
+        fail () {
           uni.login({
             success: wxres => {
               _login({ code: wxres.code }).then(res => {
@@ -65,7 +65,7 @@ export default {
         }
       })
     },
-    bindPhone(params) {
+    bindPhone (params) {
       _bindPhone(params).then(res => {
         uni.showToast({ title: res.msg, icon: 'none' })
         const token = res.data.token
@@ -77,7 +77,7 @@ export default {
         })
       })
     },
-    getBindPhone() {
+    getBindPhone () {
       _getBindPhone().then(res => {
         this.$store.dispatch('setPhone', res.data.mobile)
       })
@@ -87,26 +87,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.bind{
-  padding:30px 44rpx 10px;
+.bind {
+  padding: 30px 44rpx 10px;
 }
-.bind-img{
-  margin:0 auto;
-  text-align:center;
+.bind-img {
+  margin: 0 auto;
+  text-align: center;
 }
-.bind-text{
-    margin-top:20px;
-    color:#000;
-    font-size:18px;
-    text-align:center;
+.bind-text {
+  margin-top: 20px;
+  color: #000;
+  font-size: 18px;
+  text-align: center;
 }
-.bind-tip{
-  font-size:14px;
+.bind-tip {
+  font-size: 14px;
 }
-.bind-btn{
+.bind-btn {
   margin-top: 30px;
   background: #5fd0e4;
-  border-radius:4px;
+  border-radius: 4px;
   color: #fff;
   width: 100%;
   padding: 0;
@@ -116,7 +116,7 @@ export default {
   align-items: center;
   height: 10vw;
 }
-.bind-btn:hover{
+.bind-btn:hover {
   background: #3f8b97;
 }
 </style>

src/pages/class/detail.vue

@@ -1,166 +1,163 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true"></cu-custom>
-		<view class="header" :style="[{top:topHeader + 'px'}]">
-			<view class="header-title">
-				<view class="header-title-main">
-						<view class="margin-bottom-xs">{{tabList[cate_type].title}}</view>
-						<view class="point"></view>
-				</view>
-			</view>
-			<swiper-tab :menuList="tabList[cate_type].list" @changeTab="changeTab"></swiper-tab>
-		</view>
-		<scroll-view v-if="currentIndex===0" :scroll-y="true"
-		:style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]"
-		class="scroll-main">
-			<view class="content">
-				<view class="course-img">
-					<swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval" :duration="swiper.duration">
-						<swiper-item v-for="(item,index) in detail.image" :key="index">
-							<view class="swiper-item">
-								  <image :src="item" mode="widthFix"></image>
-							</view>
-						</swiper-item>
-					</swiper>
-				</view>
-				<!-- 详情 -->
-				<view class="detail">
-					<view class="detail-title">{{detail.name}}</view>
-					<view class="detail-item">
-						 <view class="detail-item-point"></view>
-						 <view class="detail-label">周期</view>
-						 <view class="detail-text">{{detail.period}}<text class="text-gray">({{detail.time[0]}})</text></view>
-					</view>
-					<view class="detail-item">
-						<view class="detail-item-point"></view>
-							<view class="detail-label">适用年级</view>
-						 <view class="detail-text">{{detail.grade}}年级通用</view>
-					</view>
-					<view class="detail-item">
-						<view class="detail-item-point"></view>
-							<view class="detail-label">课时</view>
-						 <view class="detail-text">{{detail.class_total}}课时</view>
-					</view>
-					<view class="detail-item">
-						<view class="detail-item-point"></view>
-							<view class="detail-label">单课时价</view>
-						 <view class="detail-text">￥{{detail.single_money}}</view>
-					</view>
-					<view class="detail-item">
-						<view class="detail-item-point"></view>
-							<view class="detail-label">补贴</view>
-						 <view class="detail-text">￥{{detail.subsidy}}/节课</view>
-					</view>
-					<view class="detail-item">
-						 <view class="detail-item-point"></view>
-							<view class="detail-label">培养目标</view>
-						 <view class="detail-text">{{detail.tenet}}</view>
-					</view>
-				</view>
-			</view>
-			<!-- 老师介绍 -->
-			<view class="teacher flex margin-top-sm shadow" v-if="cate_type===0">
-					<image mode="scaleToFill" :src="defaultTeacher" class="avatar lg"></image>
-					<view class="flex-sub margin-left">
-						 <view class="teacher-title">{{detail.teachers.username||''}}老师授课</view>
-						 <view class="teacher-item">毕业于{{detail.teachers.agency_name||''}}</view>
-						 <view class="teacher-item">所属机构：{{detail.teachers.orz||''}}</view>
-						 <view class="teacher-exp flex">
-							 <view class="exp-item">{{detail.teachers.honor||''}}</view>
-							 <view class="exp-item">{{detail.teachers.introduce||''}}</view>
-						 </view>
-					</view>
-			</view>
-			<!-- 道具选择 -->
-			<view class="shop margin-top-sm shadow" v-if="detail.prop&&detail.prop.length>0">
-					<view class="shop-title">请选择课程所需要的道具</view>
-					<radio-group @change="radioChange" class="margin-top-xs">
-						<label  v-for="radio in radios" :key="radio.value" class="tool-choose margin-right-sm">
-								<radio :value="radio.value" class="cyan" :checked="radio.checked" style="transform:scale(0.7)"/>{{radio.name}}
-						</label>
-					</radio-group>
-          <checkbox-group @change="checkboxChange" v-if="needTool==='1'" class="checkbox-group margin-top-xs">
-							<label v-for="prop in detail.prop" :key="prop.id">
-								<view class="tool-choose-item">
-									<checkbox :value="prop.id" class="cyan" style="transform:scale(0.7)" :checked="goods.props.includes(prop.id)"/>{{prop.name}}<text>￥{{prop.money}}</text>
-								</view>
-							</label>
-					</checkbox-group>
-			</view>
-			<!-- 评论 -->
-			<view class="comment">
-				<rich-text :nodes="detail.present"></rich-text>
-			</view>
-		</scroll-view>
-		<!-- 评价页 -->
-		<scroll-view
-		:style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]"
-		class="scroll-main"
-		v-if="currentIndex===1">
-			<view class="cu-list menu-avatar comment">
-					<view class="cu-item" v-for="(comment,index) in comments" :key="index">
-						<image mode="scaleToFill" :src="comment.img" class="avatar md left"></image>
-						<view class="content">
-							<view class="text-grey">{{comment.name}}</view>
-							<view class="text-gray text-content text-df">
-								{{comment.content}}
-							</view>
-							<view class="margin-top-sm flex justify-between">
-								<view class="text-gray text-df">{{comment.date}}</view>
-								<!-- <view>
+  <view class="page">
+    <cu-custom :isBack="true"></cu-custom>
+    <view class="header" :style="[{top:topHeader + 'px'}]">
+      <view class="header-title">
+        <view class="header-title-main">
+          <view class="margin-bottom-xs">{{tabList[cate_type].title}}</view>
+          <view class="point"></view>
+        </view>
+      </view>
+      <swiper-tab :menuList="tabList[cate_type].list" @changeTab="changeTab"></swiper-tab>
+    </view>
+    <scroll-view v-if="currentIndex===0" :scroll-y="true" :style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]"
+      class="scroll-main">
+      <view class="content">
+        <view class="course-img">
+          <swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
+            :interval="swiper.interval" :duration="swiper.duration">
+            <swiper-item v-for="(item,index) in detail.image" :key="index">
+              <view class="swiper-item">
+                <image :src="item" mode="widthFix"></image>
+              </view>
+            </swiper-item>
+          </swiper>
+        </view>
+        <!-- 详情 -->
+        <view class="detail">
+          <view class="detail-title">{{detail.name}}</view>
+          <view class="detail-item">
+            <view class="detail-item-point"></view>
+            <view class="detail-label">周期</view>
+            <view class="detail-text">{{detail.period}}<text class="text-gray">({{detail.time[0]}})</text></view>
+          </view>
+          <view class="detail-item">
+            <view class="detail-item-point"></view>
+            <view class="detail-label">适用年级</view>
+            <view class="detail-text">{{detail.grade}}年级通用</view>
+          </view>
+          <view class="detail-item">
+            <view class="detail-item-point"></view>
+            <view class="detail-label">课时</view>
+            <view class="detail-text">{{detail.class_total}}课时</view>
+          </view>
+          <view class="detail-item">
+            <view class="detail-item-point"></view>
+            <view class="detail-label">单课时价</view>
+            <view class="detail-text">￥{{detail.single_money}}</view>
+          </view>
+          <view class="detail-item">
+            <view class="detail-item-point"></view>
+            <view class="detail-label">补贴</view>
+            <view class="detail-text">￥{{detail.subsidy}}/节课</view>
+          </view>
+          <view class="detail-item">
+            <view class="detail-item-point"></view>
+            <view class="detail-label">培养目标</view>
+            <view class="detail-text">{{detail.tenet}}</view>
+          </view>
+        </view>
+      </view>
+      <!-- 老师介绍 -->
+      <view class="teacher flex margin-top-sm shadow" v-if="cate_type===0">
+        <image mode="scaleToFill" :src="defaultTeacher" class="avatar lg"></image>
+        <view class="flex-sub margin-left">
+          <view class="teacher-title">{{detail.teachers.username||''}}老师授课</view>
+          <view class="teacher-item">毕业于{{detail.teachers.agency_name||''}}</view>
+          <view class="teacher-item">所属机构：{{detail.teachers.orz||''}}</view>
+          <view class="teacher-exp flex">
+            <view class="exp-item">{{detail.teachers.honor||''}}</view>
+            <view class="exp-item">{{detail.teachers.introduce||''}}</view>
+          </view>
+        </view>
+      </view>
+      <!-- 道具选择 -->
+      <view class="shop margin-top-sm shadow" v-if="detail.prop&&detail.prop.length>0">
+        <view class="shop-title">请选择课程所需要的道具</view>
+        <radio-group @change="radioChange" class="margin-top-xs">
+          <label v-for="radio in radios" :key="radio.value" class="tool-choose margin-right-sm">
+            <radio :value="radio.value" class="cyan" :checked="radio.checked" style="transform:scale(0.7)" />
+            {{radio.name}}
+          </label>
+        </radio-group>
+        <checkbox-group @change="checkboxChange" v-if="needTool==='1'" class="checkbox-group margin-top-xs">
+          <label v-for="prop in detail.prop" :key="prop.id">
+            <view class="tool-choose-item">
+              <checkbox :value="prop.id" class="cyan" style="transform:scale(0.7)"
+                :checked="goods.props.includes(prop.id)" />{{prop.name}}<text>￥{{prop.money}}</text>
+            </view>
+          </label>
+        </checkbox-group>
+      </view>
+      <!-- 评论 -->
+      <view class="comment">
+        <rich-text :nodes="detail.present"></rich-text>
+      </view>
+    </scroll-view>
+    <!-- 评价页 -->
+    <scroll-view :style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]" class="scroll-main"
+      v-if="currentIndex===1">
+      <view class="cu-list menu-avatar comment">
+        <view class="cu-item" v-for="(comment,index) in comments" :key="index">
+          <image mode="scaleToFill" :src="comment.img" class="avatar md left"></image>
+          <view class="content">
+            <view class="text-grey">{{comment.name}}</view>
+            <view class="text-gray text-content text-df">
+              {{comment.content}}
+            </view>
+            <view class="margin-top-sm flex justify-between">
+              <view class="text-gray text-df">{{comment.date}}</view>
+              <!-- <view>
 									<text class="cuIcon-appreciatefill text-red"></text>
 									<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
 								</view> -->
-							</view>
-						</view>
-					</view>
-			</view>
-		</scroll-view>
-		<!-- 视频页 -->
-		<scroll-view
-		:style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]"
-		class="scroll-main"
-		v-if="currentIndex===2">
-				<view class="list">
-					<view class="cu-card case" v-for="(video,index) in detail.video" :key="index">
-						<view class="cu-item shadow">
-							<view class="image">
-								<video :src="video" style="width:100%;"></video>
-							</view>
-						</view>
-					</view>
-				</view>
-		</scroll-view>
-		<!-- 大纲页 -->
-		<scroll-view
-		:scroll-y="true"
-	  :style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]"
-		class="scroll-main"
-		v-if="currentIndex===3">
-				<view class="cu-bar bg-white">
-					<view class="action border-title">
-						<text class="cuIcon-title text-student"></text>
-						<text class="text-xl text-bold">{{tabList[cate_type].list[currentIndex]}}</text>
-					</view>
-				</view>
-				<view class="bg-white padding-lr">
-					<view class="text-content text-lg" v-for="(outline,index) in detail.out_line" :key="index">
-						{{outline.course_content}}
-					</view>
-				</view>
-		</scroll-view>
-		<view class="static flex shadow">
-			<view class="static-price">
-				<text class="satic-label text-lg">小计：</text>
-				<text class="text-price text-red text-lg">{{goods.sum_money}}</text>
-			</view>
-			<view class="static-choose text-ellipsis" v-if="goods.choose.length>0">（已选：{{goods.choose.join(',')}}）</view>
-			<view class="static-order flex align-center">
-				 <shop-cart :class_attend_id="attend_id" :disableBtn="disableBtn" @changeDisableBtn="changeDisableBtn"></shop-cart>
-				 <button class="cu-btn round bg-student text-white margin-left-xs" :class="{'disabled':carts.includes(attend_id)||!detail.enable}" @tap="addCart">报课</button>
-			</view>
-		</view>
-	</view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <!-- 视频页 -->
+    <scroll-view :style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]" class="scroll-main"
+      v-if="currentIndex===2">
+      <view class="list">
+        <view class="cu-card case" v-for="(video,index) in detail.video" :key="index">
+          <view class="cu-item shadow">
+            <view class="image">
+              <video :src="video" style="width:100%;"></video>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <!-- 大纲页 -->
+    <scroll-view :scroll-y="true" :style="[{height:'calc(100vh - 70px - '+ topHeader+'px)'}]" class="scroll-main"
+      v-if="currentIndex===3">
+      <view class="cu-bar bg-white">
+        <view class="action border-title">
+          <text class="cuIcon-title text-student"></text>
+          <text class="text-xl text-bold">{{tabList[cate_type].list[currentIndex]}}</text>
+        </view>
+      </view>
+      <view class="bg-white padding-lr">
+        <view class="text-content text-lg" v-for="(outline,index) in detail.out_line" :key="index">
+          {{outline.course_content}}
+        </view>
+      </view>
+    </scroll-view>
+    <view class="static flex shadow">
+      <view class="static-price">
+        <text class="satic-label text-lg">小计：</text>
+        <text class="text-price text-red text-lg">{{goods.sum_money}}</text>
+      </view>
+      <view class="static-choose text-ellipsis" v-if="goods.choose.length>0">（已选：{{goods.choose.join(',')}}）</view>
+      <view class="static-order flex align-center">
+        <shop-cart :class_attend_id="attend_id" :disableBtn="disableBtn" @changeDisableBtn="changeDisableBtn">
+        </shop-cart>
+        <button class="cu-btn round bg-student text-white margin-left-xs"
+          :class="{'disabled':carts.includes(attend_id)||!detail.enable}" @tap="addCart">报课</button>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -173,7 +170,7 @@ export default {
   components: {
     swiperTab, shopCart
   },
-  data() {
+  data () {
     return {
       topHeader: this.globalCustomBarHeight,
       swiper: {
@@ -251,10 +248,21 @@ export default {
       'carts'
     ])
   },
-  onShow() {
+  // 配置分享
+  onShareAppMessage (res) {
+    if (res.from === 'button') {
+      // 来自页面内分享按钮
+      console.log(res.target)
+    }
+    return {
+      title: '课程详情',
+      path: `/pages/class/detail?attend_id=${this.attend_id}`
+    }
+  },
+  onShow () {
     this.disableBtn = false
   },
-  onLoad(option) {
+  onLoad (option) {
     this.attend_id = Number(decodeURIComponent(option.attend_id))
     if (this.attend_id === 0) {
       uni.navigateBack()
@@ -263,7 +271,7 @@ export default {
     this.get_comments()
   },
   methods: {
-    get_detail() {
+    get_detail () {
       _detail({ class_attend_id: this.attend_id }).then(res => {
         this.detail = res.data
         this.money = res.data.sum_money
@@ -275,10 +283,10 @@ export default {
         }
       })
     },
-    changeDisableBtn() {
+    changeDisableBtn () {
       this.disableBtn = true
     },
-    addCart() {
+    addCart () {
       if (this.disableBtn) return false
       this.disableBtn = true
       if (!this.detail.enable) {
@@ -295,20 +303,20 @@ export default {
         }
       })
     },
-    setDefaultGoods(props) {
+    setDefaultGoods (props) {
       this.goods.props[0] = props[0].id
       this.goods.sum_money = NP.plus(this.money, props[0].money)
       this.goods.choose[0] = props[0].name
     },
-    get_comments() {
+    get_comments () {
       _comments({ class_attend_id: this.attend_id }).then(res => {
         this.comemnts = res.data
       })
     },
-    changeTab(index) {
+    changeTab (index) {
       this.currentIndex = index
     },
-    radioChange(e) {
+    radioChange (e) {
       const value = e.detail.value
       this.needTool = value
       if (value === '1') {
@@ -319,7 +327,7 @@ export default {
         this.goods.choose = []
       }
     },
-    checkboxChange(e) {
+    checkboxChange (e) {
       const values = e.detail.value
       const choose = []
       const props = []
@@ -342,86 +350,86 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.scroll-main{
-  padding-top:86px;
+.scroll-main {
+  padding-top: 86px;
 }
-.detail{
-	padding:20rpx;
-	background-color:#fff;
-	&-title{
-		margin-bottom:1rem;
-		font-size:22px;
-	}
-	&-item{
+.detail {
+  padding: 20rpx;
+  background-color: #fff;
+  &-title {
+    margin-bottom: 1rem;
+    font-size: 22px;
+  }
+  &-item {
     margin: 20rpx 0;
     display: flex;
     color: #999;
-		&-point{
-			margin-top: 7px;
-			margin-right: 7px;
-			border-radius: 50%;
-			width: 5px;
-			height: 5px;
-			background: #5ecfde;
-		}
-	}
-	&-label{
-		width: 66px;
+    &-point {
+      margin-top: 7px;
+      margin-right: 7px;
+      border-radius: 50%;
+      width: 5px;
+      height: 5px;
+      background: #5ecfde;
+    }
+  }
+  &-label {
+    width: 66px;
     padding-right: 6px;
     text-align: justify;
     text-align-last: justify;
-	}
-	&-text{
-		color:#000;
-	}
+  }
+  &-text {
+    color: #000;
+  }
 }
-.teacher{
-	padding:20rpx;
-	background:#fff;
-	font-size:14px;
-	color:#999;
-	&-title{
-		font-size:18px;
-		color:#000;
-	}
+.teacher {
+  padding: 20rpx;
+  background: #fff;
+  font-size: 14px;
+  color: #999;
+  &-title {
+    font-size: 18px;
+    color: #000;
+  }
 }
-.shop{
-	padding:20rpx;
-	background:#fff;
+.shop {
+  padding: 20rpx;
+  background: #fff;
 }
-.tool-choose{
-	padding:20rpx 20rpx 20rpx 0;
-	&-item{
-		padding:10rpx 0;
-	}
+.tool-choose {
+  padding: 20rpx 20rpx 20rpx 0;
+  &-item {
+    padding: 10rpx 0;
+  }
 }
-.checkbox-group{
-	height:100px;
-	overflow-y:scroll;
-	border:1px solid #f5f5f5;
+.checkbox-group {
+  height: 100px;
+  overflow-y: scroll;
+  border: 1px solid #f5f5f5;
 }
-.comment{
-	padding:20rpx;
-	min-height:60px;
+.comment {
+  padding: 20rpx;
+  min-height: 60px;
 }
-.static{
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    background: #fff;
-    height: 70px;
-    align-items: center;
-    padding: 0 0.8rem;
-    justify-content: space-between;
-		&-price{
-			font-size:14px;
-		}
-		&-choose{
-      color: #666;
-			font-size: 12px;
-    	width: calc(100vw - 240px);
-		}
+.static {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  background: #fff;
+  height: 70px;
+  align-items: center;
+  padding: 0 0.8rem;
+  justify-content: space-between;
+  &-price {
+    font-size: 14px;
+  }
+  &-choose {
+    color: #666;
+    font-size: 12px;
+    width: calc(100vw - 240px);
+  }
 }
 </style>

src/pages/class/gift.vue

@@ -1,61 +1,103 @@
 <template>
-	<view>
-		 <cu-custom :isBack="true" title="一键报课"></cu-custom>
-		 <view class="VerticalBox">
-			<scroll-view class="VerticalNav nav" scroll-y scroll-with-animation :scroll-top="verticalNavTop" :style="'height:calc(100vh - 70px - '+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 - '+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" 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"
-											:disabled="!item.enable"
-											:class="{'disabled':!item.enable}"
-											: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>
-											<checkbox :value="prop.id"
-											:disabled="!item.enable"
-											:class="{'disabled':!item.enable}"
-											:checked="checked_props[mainCur].class_attend_id===item.class_attend_id&&checked_props[mainCur].prop.includes(prop.id+'')" class="cyan" 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>
-			</view>
-		</view>
-	</view>
+  <view class="page">
+    <cu-custom :isBack="true" title="智能报课"></cu-custom>
+    <view class="steps padding-tb">
+      <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)' }]">
+      <swiper @change="swipeChange" :current="cur" class="swipe">
+        <swiper-item @touchmove.stop>
+          <view class="btn-check-group padding">
+            <checkbox-group @change="checkboxChange" class="flex justify-between" style="flex-wrap: wrap;" id="week">
+              <label class="btn-check-label margin" :class="{ 'bg-cyan': params.week.includes(item.key + '') }" v-for="item in days" :key="item.key">
+                <checkbox :value="item.key" />
+                {{ item.value }}
+              </label>
+            </checkbox-group>
+          </view>
+        </swiper-item>
+        <swiper-item @touchmove.stop>
+          <view class="btn-check-group padding">
+            <checkbox-group @change="checkboxChange" class="flex justify-between" style="flex-wrap: wrap;" id="hobby">
+              <label class="btn-check-label margin" :class="{ 'bg-cyan': params.hobby.includes(item.id + '') }" v-for="item in interests" :key="item.id">
+                <checkbox :value="item.id" />
+                {{ item.name }}
+              </label>
+            </checkbox-group>
+            <view class="margin">
+              <input v-model="params.hobbyOther" placeholder="输入其它兴趣内容（选填）" class="margin-top input-border" />
+            </view>
+          </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>
+                            <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>
+                          <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>
+            </view>
+          </view>
+        </swiper-item>
+      </swiper>
+    </view>
+  </view>
 </template>
 
 <script>
-import { _gift, _joinShops } from '@/api/course'
-import { mapGetters } from 'vuex'
+import { _intelligentDates, _intelligentInterests, _intelligentCourses, _joinShops } from '@/api/course'
 import shopCart from '@/components/shop-cart.vue'
+import { mapGetters } from 'vuex'
 export default {
   components: {
     shopCart
@@ -63,16 +105,36 @@ export default {
   data() {
     return {
       topHeader: this.globalCustomBarHeight,
-      package_id: 0,
-      attends: [],
-      weekList: [],
-      attend_id: 0, // 添加成功课程
+      numList: [
+        {
+          name: '选周期'
+        },
+        {
+          name: '选兴趣'
+        },
+        {
+          name: '确认选课'
+        }
+      ],
+      cur: 0,
+      days: [], //周期
+      interests: [], //兴趣
+      attends: [], //课程
+      weekList: [], //日期
+      params: {
+        week: [],
+        hobby: [],
+        student_id: '',
+        hobbyOther: ''
+      },
+      tabCur: 0,
+      mainCur: 0,
+      verticalNavTop: 0,
       checked: [], // 选中
       checked_props: [], // 选中工具
-      tabCur: 1,
-      mainCur: 1,
-      verticalNavTop: 0,
-      disableBtn: false // 避免多次重复点击
+      attend_id: 0, // 添加成功课程
+      disableBtn: false, // 避免多次重复点击
+      action: 'stopmove'
     }
   },
   computed: {
@@ -81,6 +143,7 @@ export default {
   onLoad(options) {
     const id = decodeURIComponent(options.package_id)
     this.package_id = id
+    this.params.student_id = this.kid
     this.init()
   },
   onShow() {
@@ -88,45 +151,66 @@ export default {
   },
   methods: {
     init() {
-      _gift({ class_package_id: this.package_id }).then(res => {
-        this.attends = res.data.attends
+      this.getDateConfig()
+      this.getHobbyConfig()
+    },
+    getDateConfig() {
+      _intelligentDates().then(res => {
+        this.days = res.data
+      })
+    },
+    getHobbyConfig() {
+      _intelligentInterests().then(res => {
+        this.interests = res.data
+      })
+    },
+    get_options() {
+      const params = Object.assign({}, this.params)
+      params.week = params.week.join(',')
+      params.hobby = params.hobby.join(',')
+      _intelligentCourses(params).then(res => {
+        this.attends = res.data
         Object.keys(this.attends).forEach(item => {
           this.$set(this.checked_props, item, { prop: [] })
         })
-        this.weekList = res.data.week_list
+        this.weekList = this.attends.map(item => item.week)
       })
     },
-    changeDisableBtn() {
-      this.disableBtn = true
+    checkboxChange(e) {
+      const type = e.target.id
+      const values = e.detail.value
+      switch (type) {
+        case 'week':
+          this.params.week = values
+          break
+        case 'hobby':
+          this.params.hobby = values
+          break
+        default:
+          console.log('error')
+      }
     },
-    addCart() {
-      if (this.disableBtn) return false
-      this.disableBtn = true
-      const _self = this
-      const list = this.checked_props.filter(item => item.class_attend_id).map(item => {
-        return {
-          class_attend_id: item.class_attend_id,
-          prop: item.prop.join(','),
-          student_id: this.kid
-        }
-      })
-      if (list.length < 1) {
-        uni.showToast({ title: '请先选择课程', icon: 'none' })
-        this.disableBtn = false
+    changeStep(index) {
+      if (index === 1 && this.params.week.length < 1) {
+        uni.showToast({ title: '请先选择周期', icon: 'none' })
         return false
       }
-      _joinShops({ list }).then(res => {
-        if (res.code === 1) {
-          _self.globalNavigateTo('classCart')
-        } else {
-          this.disableBtn = false
-        }
-      })
+      if (index === 2 && this.params.hobby.length < 1) {
+        uni.showToast({ title: '请先选择兴趣', icon: 'none' })
+        return false
+      }
+      const step = Math.abs(index - this.cur)
+      if (step > 1) return false
+      this.cur = index
     },
-    TabSelect(e) {
-      this.tabCur = e.currentTarget.dataset.id
-      this.mainCur = e.currentTarget.dataset.id
-      this.verticalNavTop = (e.currentTarget.dataset.id - 1) * 50
+    swipeChange(e) {
+      this.cur = e.detail.current
+      if (this.cur === 2) {
+        this.get_options()
+      }
+    },
+    changeDisableBtn() {
+      this.disableBtn = true
     },
     changeClass(e) {
       const value = Number(e.detail.value)
@@ -143,71 +227,135 @@ export default {
       const item = { class_attend_id: parentId, prop: values }
       this.$set(this.checked_props, this.mainCur, item)
     },
-    VerticalMain(e) {
-
+    TabSelect(e) {
+      this.tabCur = e.currentTarget.dataset.id
+      this.mainCur = e.currentTarget.dataset.id
+      this.verticalNavTop = (e.currentTarget.dataset.id - 1) * 50
+    },
+    addCart() {
+      if (this.disableBtn) return false
+      this.disableBtn = true
+      const _self = this
+      const list = this.checked_props
+        .filter(item => item.class_attend_id)
+        .map(item => {
+          return {
+            class_attend_id: item.class_attend_id,
+            prop: item.prop.join(','),
+            student_id: this.kid
+          }
+        })
+      if (list.length < 1) {
+        uni.showToast({ title: '请先选择课程', icon: 'none' })
+        this.disableBtn = false
+        return false
+      }
+      _joinShops({ list }).then(res => {
+        if (res.code === 1) {
+          _self.globalNavigateTo('classCart')
+        } else {
+          this.disableBtn = false
+        }
+      })
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-	::v-deep radio.disabled::before,::v-deep checkbox.disabled::before{
-		color:#e1e1e1 !important;
-	}
-	.static{
-			position: fixed;
-			left: 0;
-			right: 0;
-			bottom: 0;
-			display: flex;
-			background: #fff;
-			height: 70px;
-			align-items: center;
-			padding: 0 0.8rem;
-			justify-content: flex-end;
-	}
-	.fixed {
-		position: fixed;
-		z-index: 99;
-	}
-	.VerticalNav.nav {
-		width: 200upx;
-		white-space: initial;
-	}
+.page {
+  height: 100vh;
+}
+.main {
+  .swipe {
+    height: 100%;
+  }
+}
+.btn-check-group {
+  checkbox {
+    display: none;
+  }
+  radio {
+    display: none;
+  }
+  label {
+    display: inline-block;
+    margin-right: 10rpx;
+    position: relative;
+    padding: 10rpx 30rpx;
+    line-height: 30px;
+    border-radius: 100rpx;
+    flex-wrap: nowrap;
+    border: 1px solid #eee;
+  }
+}
+.input-border {
+  height: 80rpx;
+  border-radius: 4px;
+  border: 1px solid #eee;
+  &:focus {
+    border: 1px solid #5fd0e4;
+  }
+}
 
-	.VerticalNav.nav .cu-item {
-		width: 100%;
-		text-align: center;
-		background-color: #fff;
-		margin: 0;
-		border: none;
-		height: 50px;
-		position: relative;
-	}
+::v-deep radio.disabled::before,
+::v-deep checkbox.disabled::before {
+  color: #e1e1e1 !important;
+}
+.static {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  background: #fff;
+  height: 70px;
+  align-items: center;
+  padding: 0 0.8rem;
+  justify-content: flex-end;
+}
+.fixed {
+  position: fixed;
+  z-index: 99;
+}
+.VerticalNav.nav {
+  width: 200upx;
+  white-space: initial;
+}
+
+.VerticalNav.nav .cu-item {
+  width: 100%;
+  text-align: center;
+  background-color: #fff;
+  margin: 0;
+  border: none;
+  height: 50px;
+  position: relative;
+}
 
-	.VerticalNav.nav .cu-item.cur {
-		background-color: #f1f1f1;
-	}
+.VerticalNav.nav .cu-item.cur {
+  background-color: #f1f1f1;
+}
 
-	.VerticalNav.nav .cu-item.cur::after {
-		content: "";
-		width: 8upx;
-		height: 30upx;
-		border-radius: 10upx 0 0 10upx;
-		position: absolute;
-		background-color: currentColor;
-		top: 0;
-		right: 0upx;
-		bottom: 0;
-		margin: auto;
-	}
+.VerticalNav.nav .cu-item.cur::after {
+  content: '';
+  width: 8upx;
+  height: 30upx;
+  border-radius: 10upx 0 0 10upx;
+  position: absolute;
+  background-color: currentColor;
+  top: 0;
+  right: 0upx;
+  bottom: 0;
+  margin: auto;
+}
 
-	.VerticalBox {
-		display: flex;
-	}
+.VerticalBox {
+  display: flex;
+}
 
-	.VerticalMain {
-		background-color: #f1f1f1;
-		flex: 1;
-	}
+.VerticalMain {
+  background-color: #f1f1f1;
+  flex: 1;
+}
 </style>

src/pages/class/gift1.vue

@@ -0,0 +1,229 @@
+<template>
+  <view>
+    <cu-custom :isBack="true" title="一键报课"></cu-custom>
+    <view class="VerticalBox">
+      <scroll-view class="VerticalNav nav" scroll-y scroll-with-animation :scroll-top="verticalNavTop" :style="'height:calc(100vh - 70px - ' + 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 - ' + 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" 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"
+                        :disabled="!item.enable"
+                        :class="{ disabled: !item.enable }"
+                        :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>
+                    <checkbox
+                      :value="prop.id"
+                      :disabled="!item.enable"
+                      :class="{ disabled: !item.enable }"
+                      :checked="checked_props[mainCur].class_attend_id === item.class_attend_id && checked_props[mainCur].prop.includes(prop.id + '')"
+                      class="cyan"
+                      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>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { _gift, _joinShops } from '@/api/course'
+import { mapGetters } from 'vuex'
+import shopCart from '@/components/shop-cart.vue'
+export default {
+  components: {
+    shopCart
+  },
+  data() {
+    return {
+      topHeader: this.globalCustomBarHeight,
+      package_id: 0,
+      attends: [],
+      weekList: [],
+      attend_id: 0, // 添加成功课程
+      checked: [], // 选中
+      checked_props: [], // 选中工具
+      tabCur: 1,
+      mainCur: 1,
+      verticalNavTop: 0,
+      disableBtn: false // 避免多次重复点击
+    }
+  },
+  computed: {
+    ...mapGetters(['kid'])
+  },
+  onLoad(options) {
+    const id = decodeURIComponent(options.package_id)
+    this.package_id = id
+    this.init()
+  },
+  onShow() {
+    this.disableBtn = false
+  },
+  methods: {
+    init() {
+      _gift({ class_package_id: this.package_id }).then(res => {
+        this.attends = res.data.attends
+        Object.keys(this.attends).forEach(item => {
+          this.$set(this.checked_props, item, { prop: [] })
+        })
+        this.weekList = res.data.week_list
+      })
+    },
+    changeDisableBtn() {
+      this.disableBtn = true
+    },
+    addCart() {
+      if (this.disableBtn) return false
+      this.disableBtn = true
+      const _self = this
+      const list = this.checked_props
+        .filter(item => item.class_attend_id)
+        .map(item => {
+          return {
+            class_attend_id: item.class_attend_id,
+            prop: item.prop.join(','),
+            student_id: this.kid
+          }
+        })
+      if (list.length < 1) {
+        uni.showToast({ title: '请先选择课程', icon: 'none' })
+        this.disableBtn = false
+        return false
+      }
+      _joinShops({ list }).then(res => {
+        if (res.code === 1) {
+          _self.globalNavigateTo('classCart')
+        } else {
+          this.disableBtn = false
+        }
+      })
+    },
+    TabSelect(e) {
+      this.tabCur = e.currentTarget.dataset.id
+      this.mainCur = e.currentTarget.dataset.id
+      this.verticalNavTop = (e.currentTarget.dataset.id - 1) * 50
+    },
+    changeClass(e) {
+      const value = Number(e.detail.value)
+      this.checked[this.mainCur] = value
+      this.$set(this.checked, this.mainCur, value)
+      this.$set(this.checked_props, this.mainCur, { class_attend_id: value, prop: [] })
+    },
+    propChange(e) {
+      const parentId = e.target.dataset.id
+      const values = e.detail.value
+      if (!this.checked.includes(parentId)) {
+        this.$set(this.checked, this.mainCur, parentId)
+      }
+      const item = { class_attend_id: parentId, prop: values }
+      this.$set(this.checked_props, this.mainCur, item)
+    },
+    VerticalMain(e) {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep radio.disabled::before,
+::v-deep checkbox.disabled::before {
+  color: #e1e1e1 !important;
+}
+.static {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  background: #fff;
+  height: 70px;
+  align-items: center;
+  padding: 0 0.8rem;
+  justify-content: flex-end;
+}
+.fixed {
+  position: fixed;
+  z-index: 99;
+}
+.VerticalNav.nav {
+  width: 200upx;
+  white-space: initial;
+}
+
+.VerticalNav.nav .cu-item {
+  width: 100%;
+  text-align: center;
+  background-color: #fff;
+  margin: 0;
+  border: none;
+  height: 50px;
+  position: relative;
+}
+
+.VerticalNav.nav .cu-item.cur {
+  background-color: #f1f1f1;
+}
+
+.VerticalNav.nav .cu-item.cur::after {
+  content: '';
+  width: 8upx;
+  height: 30upx;
+  border-radius: 10upx 0 0 10upx;
+  position: absolute;
+  background-color: currentColor;
+  top: 0;
+  right: 0upx;
+  bottom: 0;
+  margin: auto;
+}
+
+.VerticalBox {
+  display: flex;
+}
+
+.VerticalMain {
+  background-color: #f1f1f1;
+  flex: 1;
+}
+</style>

src/pages/class/gift2.vue

@@ -1,126 +0,0 @@
-<template>
-	<view class="page">
-		<cu-custom :isBack="true" title="智能报课"></cu-custom>
-		<view class="steps">
-			<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 - 82px - '+ topHeader+'px)'}]">
-			<swiper @change="swipeChange" :current="cur" class="swipe">
-				<swiper-item>
-					<view class="btn-check-group padding">
-						<checkbox-group @change="checkboxChange" class="flex" style="flex-wrap: wrap;" id="day">
-							<label class="btn-check-label padding-lr margin" :class="{'bg-cyan':params.day.includes(item.id+'')}"
-								v-for="item in days" :key="item.id">
-								<checkbox :value="item.id"/>
-								{{item.name}}
-							</label>
-						</checkbox-group>
-					</view>
-				</swiper-item>
-				<swiper-item>2</swiper-item>
-				<swiper-item>3</swiper-item>
-			</swiper>
-		</view>
-	</view>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import shopCart from '@/components/shop-cart.vue'
-export default {
-  components: {
-    shopCart
-  },
-  data() {
-    return {
-      topHeader: this.globalCustomBarHeight,
-      numList: [{
-        name: '选周期'
-      }, {
-        name: '选兴趣'
-      }, {
-        name: '确认选课'
-      }],
-      cur: 0,
-      days: [
-        { id: 1, name: '周一' },
-        { id: 2, name: '周二' },
-        { id: 3, name: '周三' },
-        { id: 4, name: '周四' },
-        { id: 5, name: '周五' },
-        { id: 6, name: '周六' },
-        { id: 7, name: '周日' },
-        { id: 8, name: '托管' }
-      ],
-      params: {
-        day: []
-      }
-    }
-  },
-  computed: {
-    ...mapGetters(['kid'])
-  },
-  onLoad(options) {
-    const id = decodeURIComponent(options.package_id)
-    this.package_id = id
-    this.init()
-  },
-  onShow() {
-    this.disableBtn = false
-  },
-  methods: {
-    init() {
-
-    },
-    checkboxChange(e) {
-      const type = e.target.id
-      const values = e.detail.value
-      this.params.day = values
-    },
-    changeStep(index) {
-      const step = Math.abs(index - this.cur)
-      if (step > 1) return false
-      this.cur = index
-    },
-    swipeChange(e) {
-      this.cur = e.detail.current
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.page{
-	height:100vh;
-}
-.steps{
-	margin:10px 0;
-}
-.main{
- .swipe{
-		height:100%;
-  }
-}
-.btn-check-group {
-  checkbox {
-    display: none;
-  }
-	radio{
-		display:none;
-	}
-  label {
-    display: inline-block;
-		margin-right:10rpx;
-    position: relative;
-		padding:0 30rpx;
-    line-height: 30px;
-    border-radius: 100rpx;
-    flex-wrap: nowrap;
-    border: 1px solid #eee;
-  }
-}
-</style>

src/pages/class/shoppingCart.vue

@@ -1,83 +1,82 @@
 <template>
   <view class="page">
-		<cu-custom :isBack="true"></cu-custom>
-		<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="point"></view>
-				</view>
-			</view>
-		</view>
-			<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">
-								<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}}
-										</view>
-										<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">
-										</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-item">
-												<text class="card-label">机构：</text>
-												<text class="card-text">{{item.agency_name||'-'}}</text>
-											</view>
-											<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>
-											</view>
-											<view class="card-item margin-top-xs">
-												<text class="card-label">总共：</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>
-											</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>
-									<view class="card-bottom margin-top-xs">
-										<!-- <button @tap="pay(item)" class="cu-btn round bg-student text-white">立即下单</button> -->
-									</view>
-								</label>
-						</view>
-					</checkbox-group>
-				</view>
-			</scroll-view>
-			<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>
-				  </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>
-				<view class="static-order flex align-center">
-					<button class="cu-btn round bg-student text-white margin-left-xs" @tap="pay">立即下单</button>
-				</view>
-		  </view>
-	</view>
+    <cu-custom :isBack="true"></cu-custom>
+    <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="point"></view>
+        </view>
+      </view>
+    </view>
+    <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">
+            <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}}
+                </view>
+                <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">
+                </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-item">
+                    <text class="card-label">机构：</text>
+                    <text class="card-text">{{item.agency_name||'-'}}</text>
+                  </view>
+                  <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>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-label">总共：</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>
+                  </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>
+              <view class="card-bottom margin-top-xs">
+                <!-- <button @tap="pay(item)" class="cu-btn round bg-student text-white">立即下单</button> -->
+              </view>
+            </label>
+          </view>
+        </checkbox-group>
+      </view>
+    </scroll-view>
+    <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>
+        </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>
+      <view class="static-order flex align-center">
+        <button class="cu-btn round bg-student text-white margin-left-xs" @tap="pay">立即下单</button>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -87,7 +86,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,
@@ -104,29 +103,29 @@ export default {
       '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)// 统计全部
@@ -134,7 +133,7 @@ export default {
         this.$store.dispatch('setCarts', carts)// 刷新购物车
       })
     },
-    del(item, index) {
+    del (item, index) {
       const _self = this
       uni.showModal({
         title: '提示',
@@ -150,7 +149,7 @@ export default {
         }
       })
     },
-    pay() {
+    pay () {
       if (!this.phone) {
         return this.globalNavigateTo('bindPhone')
       }
@@ -183,58 +182,57 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/common/css/mixin.scss';
-.scroll-main{
-	margin-top:64px;
-	padding:20rpx;
+.scroll-main {
+  margin-top: 64px;
+  padding: 20rpx;
 }
-.cu-card{
-	.cu-item{
-		margin-top:10rpx;
-		padding:20rpx;
-		margin:0;
-	}
+.cu-card {
+  .cu-item {
+    margin-top: 10rpx;
+    padding: 20rpx;
+    margin: 0;
+  }
 }
-.card-header{
-	padding-bottom:10px;
-  @include title(10px,18px);
+.card-header {
+  padding-bottom: 10px;
+  @include title(10px, 18px);
 }
-.card{
-	&-title{
-		font-size:16px;
-	}
-	&-image{
-		width:35vw;
-		height:35vw;
-		border-radius:10rpx;
-	}
-	&-label{
-		color:#999;
-	}
-	&-text{
-		color:#333;
-	}
+.card {
+  &-title {
+    font-size: 16px;
+  }
+  &-image {
+    width: 35vw;
+    height: 35vw;
+    border-radius: 10rpx;
+  }
+  &-label {
+    color: #999;
+  }
+  &-text {
+    color: #333;
+  }
 }
-.card-bottom{
-	text-align:right;
+.card-bottom {
+  text-align: right;
 }
-.static{
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    background: #fff;
-    height: 70px;
-    align-items: center;
-    padding: 0 0.8rem;
-    justify-content: space-between;
-		&-price{
-			font-size:14px;
-		}
-		&-choose{
-      color: #666;
-    	width: calc(100vw - 200px);
-		}
+.static {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  background: #fff;
+  height: 70px;
+  align-items: center;
+  padding: 0 0.8rem;
+  justify-content: space-between;
+  &-price {
+    font-size: 14px;
+  }
+  &-choose {
+    color: #666;
+    width: calc(100vw - 200px);
+  }
 }
-
 </style>

src/pages/index/components/card.vue

@@ -1,18 +1,19 @@
 <template>
-	<view class="card flex" @tap="goDetail(item)">
-		<view class=card-left>
-			<img mode="aspectFill" :src="item.image" alt="">
-		</view>
-		<view class="card-right flex-sub">
-			<view class="card-title">{{item.attend_name}}</view>
-			<view class="text-gray text-sm flex justify-between"><text>{{item.day}}</text><text class="text-student">￥{{item.money}}</text></view>
-			<view class="text-gray text-sm">{{item.grade_desc}}</view>
-			<view class="margin-top-sm">
-				<button class="cu-btn round  bg-student text-white button-hover" v-if="item.enable">报课</button>
-				<button class="cu-btn round  bg-grey button-hover text-white disabled" v-else>停止</button>
-			</view>
-		</view>
-	</view>
+  <view class="card flex" @tap="goDetail(item)">
+    <view class=card-left>
+      <img mode="aspectFill" :src="item.image" alt="">
+    </view>
+    <view class="card-right flex-sub">
+      <view class="card-title flex justify-between"><text>{{item.attend_name}}</text><text
+          class="text-student text-light">￥{{item.money}}</text></view>
+      <view class="text-gray text-sm"><text>{{item.day}}</text></view>
+      <view class="text-gray text-sm">{{item.grade_desc}}</view>
+      <view class="margin-top-sm">
+        <button class="cu-btn round  bg-student text-white button-hover" v-if="item.enable">报课</button>
+        <button class="cu-btn round  bg-grey button-hover text-white disabled" v-else>停止</button>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -20,18 +21,18 @@ export default {
   props: {
     item: {
       type: Object,
-      default() {
+      default () {
         return {}
       }
     }
   },
-  data() {
+  data () {
     return {
       key: 1212
     }
   },
   methods: {
-    goDetail(item) {
+    goDetail (item) {
       if (!item.enable) {
         uni.showToast({ title: '课程已停止！', icon: 'none' })
         return false
@@ -44,21 +45,20 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/common/css/mixin.scss';
-.card{
-	padding:30rpx;
-	width:100%;
-	&-title{
-		@include title(10px,14px);
-	}
-	&-left{
-		margin-right:20rpx;
-		width:240rpx;
-		image{
-			height:96px;
-		}
-	}
-	&-right{
-
-	}
+.card {
+  padding: 30rpx;
+  width: 100%;
+  &-title {
+    @include title(10px, 14px);
+  }
+  &-left {
+    margin-right: 20rpx;
+    width: 240rpx;
+    image {
+      height: 96px;
+    }
+  }
+  &-right {
+  }
 }
 </style>

src/pages/index/components/course.vue

@@ -1,63 +1,63 @@
-<template>
-  <view :style="'background:'+course.background" class="course">
-		 <view class="course-tag" :class="{'un-catering':!course.applying}">{{course.applying?'报名中':'未开启'}}</view>
-		 <image class="course-back" mode="widthFix" :src="course.back"></image>
-	   <view class="course-ch text-xl">{{course.ch}}</view>
-		 <view class="course-en text-lg">{{course.en}}</view>
-  </view>
-</template>
-
-<script>
-export default {
-  props: {
-    course: {
-      type: Object,
-      default: function() {
-        return {}
-      }
-    }
-  },
-  data() {
-    return {
-      key: 1212
-    }
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.course{
-	position:relative;
-	padding:24px;
-	width:100%;
-	border-radius:10px;
-	text-align:center;
-	&-tag{
-		    position: absolute;
-        right: 0;
-        top: 0;
-        font-size: 10px;
-        border-radius: 0 10px 0 18px;
-        background: #e93e32;
-        padding:2rpx 20rpx;
-				&.un-catering{
-					background:#d6d6d6;
-				}
-	}
-	&-back{
-        position: absolute;
-        width: 80px;
-        right: 0;
-        bottom: 0;
-	}
-	&-ch{
-		font-size:20px;
-	}
-	&-en{
-		margin-top:10px;
-		font-size:16px;
-	}
-}
-</style>
+<template>
+  <view :style="'background:'+course.background" class="course">
+    <view class="course-tag" :class="{'un-catering':!course.applying}">{{course.applying?'报名中':'未开启'}}</view>
+    <image class="course-back" mode="widthFix" :src="course.back"></image>
+    <view class="course-ch text-xl">{{course.ch}}</view>
+    <view class="course-en text-lg">{{course.en}}</view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    course: {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    }
+  },
+  data () {
+    return {
+      key: 1212
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.course {
+  position: relative;
+  padding: 24px;
+  width: 100%;
+  border-radius: 10px;
+  text-align: center;
+  &-tag {
+    position: absolute;
+    right: 0;
+    top: 0;
+    font-size: 10px;
+    border-radius: 0 10px 0 18px;
+    background: #e93e32;
+    padding: 2rpx 20rpx;
+    &.un-catering {
+      background: #d6d6d6;
+    }
+  }
+  &-back {
+    position: absolute;
+    width: 80px;
+    right: 0;
+    bottom: 0;
+  }
+  &-ch {
+    font-size: 20px;
+  }
+  &-en {
+    margin-top: 10px;
+    font-size: 16px;
+  }
+}
+</style>

src/pages/index/index.vue

@@ -3,121 +3,130 @@
   <view class="page">
     <cu-custom :isBack="false"></cu-custom>
     <view class="header" :style="[{top:topHeader + 'px'}]">
-			 <view class="header-box flex justify-end">
-						<view class="header-title">
-							<view class="header-title-main">
-									<view class="margin-bottom-xs">选课</view>
-									<view class="point"></view>
-							</view>
-						</view>
-						<view class="header-search flex-sub">
-							 <view class="flex justify-between">
-								 	<input type="text" v-model="params.course_name" class="header-search-input flex-sub" placeholder="搜索课程" @confirm="search">
-							 		<text class="cuIcon-search text-gray header-search-icon" @tap="search"></text>
-							 </view>
-						</view>
-			 </view>
-		</view>
-		<scroll-view :scroll-y="true" :refresher-enabled="true" class="scroll-main"
-		:refresher-triggered="triggered"
-		:style="[{height:'calc(100vh - 102px - '+ topHeader+'px)'}]"
-		@refresherrefresh="onRefresh" @scrolltolower="loadMore">
-			<view class="main">
-				<view class="main-title">活动和餐饮</view>
-				<view class="flex justify-around course">
-					<course v-for="(item,index) in courses" :key="index"
-					@tap="goCourse(item.type)"
-					:course="item" class="course-item flex-sub margin-xs"></course>
-				</view>
-				<view class="main-title margin-top-xs">一键报班</view>
-				<view class="apply-class flex">
-					<image mode="widthFix"  @tap="goGift" src="/static/imgs/index/baoban.png" class="flex-sub apply-class-img margin-xs"/>
-				</view>
-				<view class="recommend margin-top-xs">
-					<view class="recommend-title">推荐课程</view>
-					<view class="recommend-filter margin-top-xs flex">
-							<view class="filter-item text-center flex-sub" @tap="sort('home')" :class="{'text-sort':sortCur==='home'}">综合</view>
-							<view class="filter-item text-center flex-sub" @tap="sort('sales')" :class="{'text-sort':sortCur==='sales'}">销量
-								<image mode="widthFix" class="sort-icon" :src="sortCur==='sales'?(sortItem.sales===0?sortIcons.up:sortIcons.down):sortIcons.no"></image>
-							</view>
-							<view class="filter-item text-center flex-sub" @tap="sort('money')" :class="{'text-sort':sortCur==='money'}">价格
-								<image mode="widthFix" class="sort-icon" :src="sortCur==='money'?(sortItem.money===0?sortIcons.up:sortIcons.down):sortIcons.no"></image>
-							</view>
-							<view class="filter-item text-center flex-sub">{{grade_now}}</view>
-							<view class="filter-item text-right flex-sub" @tap="showModal" data-target="FilterModal">筛选
-								<text class="cuIcon-filter text-gray"></text>
-							</view>
-					</view>
-					<view class="list">
-							<view class="cu-card" v-for="(item,index) in list" :key="index">
-								<view class="cu-item">
-									<card :item="item"></card>
-								</view>
-							</view>
-					</view>
-				</view>
-			</view>
-		</scroll-view>
+      <view class="header-box flex justify-end">
+        <view class="header-title">
+          <view class="header-title-main">
+            <view class="margin-bottom-xs">选课</view>
+            <view class="point"></view>
+          </view>
+        </view>
+        <view class="header-search flex-sub">
+          <view class="flex justify-between">
+            <input type="text" v-model="params.course_name" class="header-search-input flex-sub" placeholder="搜索课程"
+              @confirm="search">
+            <text class="cuIcon-search text-gray header-search-icon" @tap="search"></text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <scroll-view :scroll-y="true" :refresher-enabled="true" class="scroll-main" :refresher-triggered="triggered"
+      :style="[{height:'calc(100vh - 102px - '+ topHeader+'px)'}]" @refresherrefresh="onRefresh"
+      @scrolltolower="loadMore">
+      <view class="main">
+        <view class="main-title">活动和餐饮</view>
+        <view class="flex justify-around course">
+          <course v-for="(item,index) in courses" :key="index" @tap="goCourse(item.type)" :course="item"
+            class="course-item flex-sub margin-xs"></course>
+        </view>
+        <view class="main-title margin-top-xs">一键报班</view>
+        <view class="apply-class flex">
+          <image mode="widthFix" @tap="goGift" src="/static/imgs/index/baoban.png"
+            class="flex-sub apply-class-img margin-xs" />
+        </view>
+        <view class="recommend margin-top-xs">
+          <view class="recommend-title">推荐课程</view>
+          <view class="recommend-filter margin-top-xs flex">
+            <view class="filter-item text-center flex-sub" @tap="sort('home')" :class="{'text-sort':sortCur==='home'}">
+              综合</view>
+            <view class="filter-item text-center flex-sub" @tap="sort('sales')"
+              :class="{'text-sort':sortCur==='sales'}">销量
+              <image mode="widthFix" class="sort-icon"
+                :src="sortCur==='sales'?(sortItem.sales===0?sortIcons.up:sortIcons.down):sortIcons.no"></image>
+            </view>
+            <view class="filter-item text-center flex-sub" @tap="sort('money')"
+              :class="{'text-sort':sortCur==='money'}">价格
+              <image mode="widthFix" class="sort-icon"
+                :src="sortCur==='money'?(sortItem.money===0?sortIcons.up:sortIcons.down):sortIcons.no"></image>
+            </view>
+            <view class="filter-item text-center flex-sub">{{grade_now}}</view>
+            <view class="filter-item text-right flex-sub" @tap="showModal" data-target="FilterModal">筛选
+              <text class="cuIcon-filter text-gray"></text>
+            </view>
+          </view>
+          <view class="list">
+            <view class="cu-card" v-for="(item,index) in list" :key="index">
+              <view class="cu-item">
+                <card :item="item"></card>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
     <view class="cu-modal drawer-modal justify-end" :class="modalName=='FilterModal'?'show':''" @tap="hideModal">
       <view class="cu-dialog basis-lg" @tap.stop=""
         :style="[{top:topHeader+'px',height:'calc(100vh - ' + topHeader + 'px)'}]">
-					<view class="filter-title">机构筛选</view>
-				  <view class="btn-check-group padding-lr">
-						<!-- <checkbox-group @change="checkboxChange" class="flex" style="flex-wrap: wrap;" id="agency">
+        <view class="filter-title">机构筛选</view>
+        <view class="btn-check-group padding-lr">
+          <!-- <checkbox-group @change="checkboxChange" class="flex" style="flex-wrap: wrap;" id="agency">
 							<label class="btn-check-label margin-top-sm padding-lr-xs text-sm text-ellipsis" :class="{'bg-cyan':params.agency.includes(item.id+'')}"
 								v-for="item in filters.agency" :key="item.id">
 								<checkbox :value="item.id"/>
 								{{item.name}}
 							</label>
 						</checkbox-group> -->
-						<radio-group  class="flex" style="flex-wrap: wrap;" id="agency">
-								<label class="btn-check-label margin-top-sm padding-lr-xs text-sm text-ellipsis" :class="{'bg-cyan':params.agency.includes(item.id)}"
-									v-for="item in filters.agency" :key="item.id" @tap="radioChange('agency',item.id)">
-									<radio :value="item.id"/>
-									{{item.name}}
-								</label>
-						</radio-group>
-        	</view>
-					<view class="filter-title">分类筛选</view>
-					<view class="btn-check-group padding-lr">
-						<radio-group  class="flex" style="flex-wrap: wrap;" id="category">
-								<label class="btn-check-label margin-top-sm padding-lr-xs text-sm text-ellipsis" :class="{'bg-cyan':params.category.includes(item.id)}"
-									v-for="item in filters.category" :key="item.id" @tap="radioChange('category',item.id)">
-									<radio :value="item.id"/>
-									{{item.name}}
-								</label>
-						</radio-group>
-        	</view>
-					<view class="filter-title">周期筛选</view>
-					<view class="btn-check-group padding-lr">
-						<!-- <checkbox-group @change="checkboxChange" class="flex" style="flex-wrap: wrap;" id="day">
+          <radio-group class="flex" style="flex-wrap: wrap;" id="agency">
+            <label class="btn-check-label margin-top-sm padding-lr-xs text-sm text-ellipsis"
+              :class="{'bg-cyan':params.agency.includes(item.id)}" v-for="item in filters.agency" :key="item.id"
+              @tap="radioChange('agency',item.id)">
+              <radio :value="item.id" />
+              {{item.name}}
+            </label>
+          </radio-group>
+        </view>
+        <view class="filter-title">分类筛选</view>
+        <view class="btn-check-group padding-lr">
+          <radio-group class="flex" style="flex-wrap: wrap;" id="category">
+            <label class="btn-check-label margin-top-sm padding-lr-xs text-sm text-ellipsis"
+              :class="{'bg-cyan':params.category.includes(item.id)}" v-for="item in filters.category" :key="item.id"
+              @tap="radioChange('category',item.id)">
+              <radio :value="item.id" />
+              {{item.name}}
+            </label>
+          </radio-group>
+        </view>
+        <view class="filter-title">周期筛选</view>
+        <view class="btn-check-group padding-lr">
+          <!-- <checkbox-group @change="checkboxChange" class="flex" style="flex-wrap: wrap;" id="day">
 							<label class="btn-check-label margin-top-sm padding-lr-xs text-sm" :class="{'bg-cyan':params.day.includes(index+'')}"
 								v-for="(item,index) in filters.week" :key="index">
 								<checkbox :value="index"/>
 								{{item}}
 							</label>
 						</checkbox-group> -->
-						<radio-group  class="flex" style="flex-wrap: wrap;" id="day">
-								<label class="btn-check-label margin-top-sm padding-lr-xs text-sm" :class="{'bg-cyan':params.day.includes(index+'')}"
-									v-for="(item,index) in filters.week" :key="index" @tap="radioChange('day',index)">
-									<radio :value="index"/>
-									{{item}}
-								</label>
-						</radio-group>
-        	</view>
-					<view class="filter-title">价格区间（元）</view>
-					<view class="btn-check-group padding-lr">
-						<radio-group  class="flex" style="flex-wrap: wrap;" id="price">
-							<label class="btn-check-label margin-top-sm padding-lr-xs text-sm" :class="{'bg-cyan':params.price===item.name}"
-								 v-for="item in filters.price_list" :key="item.id" @tap="radioChange('price',item.name)">
-								<radio :value="item.name"/>
-								{{item.name}}
-							</label>
-						</radio-group>
-        	</view>
-					<view class="padding-lr">
-							<button class="check-course cu-btn bg-cyan margin-tb-sm button-hover" @tap="check_course">确定</button>
-					</view>
+          <radio-group class="flex" style="flex-wrap: wrap;" id="day">
+            <label class="btn-check-label margin-top-sm padding-lr-xs text-sm"
+              :class="{'bg-cyan':params.day.includes(index+'')}" v-for="(item,index) in filters.week" :key="index"
+              @tap="radioChange('day',index)">
+              <radio :value="index" />
+              {{item}}
+            </label>
+          </radio-group>
+        </view>
+        <view class="filter-title">价格区间（元）</view>
+        <view class="btn-check-group padding-lr">
+          <radio-group class="flex" style="flex-wrap: wrap;" id="price">
+            <label class="btn-check-label margin-top-sm padding-lr-xs text-sm"
+              :class="{'bg-cyan':params.price===item.name}" v-for="item in filters.price_list" :key="item.id"
+              @tap="radioChange('price',item.name)">
+              <radio :value="item.name" />
+              {{item.name}}
+            </label>
+          </radio-group>
+        </view>
+        <view class="padding-lr">
+          <button class="check-course cu-btn bg-cyan margin-tb-sm button-hover" @tap="check_course">确定</button>
+        </view>
       </view>
     </view>
     <mp-tabbar :outerSelected="0" />
@@ -210,7 +219,7 @@ export default {
       'kid', 'token'
     ])
   },
-  onShow() {
+  onShow () {
     // 登录后才进入后续操作
     this.checkLogin().then(res => {
       if (res) {
@@ -223,7 +232,7 @@ export default {
     })
   },
   methods: {
-    checkLogin() {
+    checkLogin () {
       return new Promise((resolve, reject) => {
         if (this.token) { // 跳转至登录页
           resolve(true)
@@ -241,11 +250,11 @@ export default {
         }
       })
     },
-    goCourse(type) {
+    goCourse (type) {
       this.params.list_type = type
       this.search()
     },
-    loadFilter() { // 加载筛选项
+    loadFilter () { // 加载筛选项
       const params = {}
       _filter(params).then(res => {
         this.filters = res.data
@@ -259,7 +268,7 @@ export default {
     hideModal (e) {
       this.modalName = null
     },
-    radioChange(type, v) {
+    radioChange (type, v) {
       switch (type) {
         case 'agency':
           this.params.agency = this.params.agency[0] === v ? [] : [v]
@@ -277,7 +286,7 @@ export default {
           console.log('error')
       }
     },
-    checkboxChange(e) {
+    checkboxChange (e) {
       const type = e.target.id
       const values = e.detail.value
       switch (type) {
@@ -294,16 +303,16 @@ export default {
           console.log('error')
       }
     },
-    search() { // 搜索课程
+    search () { // 搜索课程
       this.params.page_num = 1
       this.get_list()
     },
-    check_course() { // 筛选课程
+    check_course () { // 筛选课程
       this.params.page_num = 1
       this.get_list()
       this.hideModal()
     },
-    onRefresh() { // 下拉刷新
+    onRefresh () { // 下拉刷新
       this.triggered = true
       this.params.page_num = 1
       this.params.list_type = 0
@@ -312,7 +321,7 @@ export default {
         this.triggered = false
       }, 1000)
     },
-    loadMore() {
+    loadMore () {
       if (this.noMore) {
         uni.showToast({ title: '暂无更多课程数据', icon: 'none' })
         return false
@@ -320,7 +329,7 @@ export default {
       this.params.page_num++
       this.get_list()
     },
-    sort(type) { // 排序搜索
+    sort (type) { // 排序搜索
       const sorts = {
         home: 0,
         sales: 0,
@@ -338,7 +347,7 @@ export default {
       this.params.page_num = 1
       this.get_list()
     },
-    get_list(init = false) {
+    get_list (init = false) {
       let params = deepClone(this.params)
       params = filterParams(params)
       if (params.day.length > 0) {
@@ -371,7 +380,7 @@ export default {
         if (init) this.loadFilter()
       })
     },
-    goGift() {
+    goGift () {
       this.globalNavigateTo('classGift', { package_id: 0 })
     }
   }
@@ -380,102 +389,101 @@ export default {
 
 <style lang="scss">
 @import '~@/common/css/mixin.scss';
-.page{
- height:100vh;
+.page {
+  height: 100vh;
 }
-.scroll-main{
-	margin-top:54px;
+.scroll-main {
+  margin-top: 54px;
 }
-.header{
-	position:fixed;
-	height:54px;
-	left:0;
-	right:0;
-	z-index:999;
-	padding:20rpx;
-	background:#fff;
-	&-box{
-		align-items: center;
-	}
-	&-search{
-		margin-left:60rpx;
-		align-items: center;
-		&-input{
-			background: #ededed;
-    	border-radius: 999em;
-			padding-left:30rpx;
-      line-height:32px;
-			height:32px;
-    	font-size: 14px;
-		}
-		&-icon{
-			margin:0 30rpx;
-			line-height:32px;
-			font-size:24px;
-		}
-	}
+.header {
+  position: fixed;
+  height: 54px;
+  left: 0;
+  right: 0;
+  z-index: 999;
+  padding: 20rpx;
+  background: #fff;
+  &-box {
+    align-items: center;
+  }
+  &-search {
+    margin-left: 60rpx;
+    align-items: center;
+    &-input {
+      background: #ededed;
+      border-radius: 999em;
+      padding-left: 30rpx;
+      line-height: 32px;
+      height: 32px;
+      font-size: 14px;
+    }
+    &-icon {
+      margin: 0 30rpx;
+      line-height: 32px;
+      font-size: 24px;
+    }
+  }
 }
-.main{
-	padding:20rpx;
-
+.main {
+  padding: 20rpx;
 }
-.main-title{
+.main-title {
   font-size: 12px;
   margin-bottom: 10px;
   color: #999;
 }
-.search-box{
-	margin-left:20rpx;
+.search-box {
+  margin-left: 20rpx;
 }
-.course-item{
+.course-item {
   border-radius: 10px;
   color: #fff;
 }
-.recommend{
-	&-title{
-		@include title(10px,18px);
-	}
-	&-filter{
-		.filter-item{
-			position:relative;
-		}
-	}
-	.sort-icon{
-		margin-left:6rpx;
-		width:15rpx;
-	}
+.recommend {
+  &-title {
+    @include title(10px, 18px);
+  }
+  &-filter {
+    .filter-item {
+      position: relative;
+    }
+  }
+  .sort-icon {
+    margin-left: 6rpx;
+    width: 15rpx;
+  }
 }
 .btn-check-group {
   checkbox {
     display: none;
   }
-	radio{
-		display:none;
-	}
+  radio {
+    display: none;
+  }
   label {
     display: inline-block;
-		margin-right:10rpx;
+    margin-right: 10rpx;
     position: relative;
-		padding:0 20rpx;
+    padding: 0 20rpx;
     line-height: 30px;
     border-radius: 100rpx;
     flex-wrap: nowrap;
     border: 1px solid #eee;
   }
 }
-.filter-title{
-	padding-left:30rpx;
-	margin-top:10px;
-	text-align:left;
-	@include title(0,14px)
+.filter-title {
+  padding-left: 30rpx;
+  margin-top: 10px;
+  text-align: left;
+  @include title(0, 14px);
 }
-.check-course{
-	width:100%;
+.check-course {
+  width: 100%;
 }
-.cu-modal.drawer-modal .cu-dialog{
-	min-width:300rpx;
+.cu-modal.drawer-modal .cu-dialog {
+  min-width: 300rpx;
 }
-.cu-card>.cu-item{
-	margin:10rpx;
+.cu-card > .cu-item {
+  margin: 10rpx;
 }
 </style>

src/pages/login/index.vue

@@ -1,41 +1,41 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="false" :isHome="true">
-		</cu-custom>
-		<view class="main">
-			<image src="/static/imgs/login.png" class="logo"></image>
-			<view class="title">课后百科</view>
-			<view class="action margin-top-xl">
-						<view class="des margin-top">您尚未登录需要获取您的授权后进入</view>
-			      <!-- <button class="cu-btn block round bg-grey lg margin-top" @tap="back">暂不登录</button> -->
-			      <button class="cu-btn block round bg-cyan lg margin-top" @tap="login">立即登录</button>
-						<view class="margin-top text-cyan lh-30" @tap="back">暂不登录</view>
-			</view>
-			<view class="agreement margin-top-lg">
-				<checkbox-group @change="agreement=!agreement" style="display:inline-block;">
-					<label>
-							<checkbox class="cyan check-agreement"></checkbox>
-							<text class="text">阅读并同意以下条款</text>
-					</label>
+  <view class="page">
+    <cu-custom :isBack="false" :isHome="true">
+    </cu-custom>
+    <view class="main">
+      <image src="/static/imgs/login.png" class="logo"></image>
+      <view class="title">课后百科</view>
+      <view class="action margin-top-xl">
+        <view class="des margin-top">您尚未登录需要获取您的授权后进入</view>
+        <!-- <button class="cu-btn block round bg-grey lg margin-top" @tap="back">暂不登录</button> -->
+        <button class="cu-btn block round bg-cyan lg margin-top" @tap="login">立即登录</button>
+        <view class="margin-top text-cyan lh-30" @tap="back">暂不登录</view>
+      </view>
+      <view class="agreement margin-top-lg">
+        <checkbox-group @change="agreement=!agreement" style="display:inline-block;">
+          <label>
+            <checkbox class="cyan check-agreement"></checkbox>
+            <text class="text">阅读并同意以下条款</text>
+          </label>
         </checkbox-group>
-				<text class="text-cyan"  @tap="goto('user')">《用户协议》</text>
-				<text class="text-cyan" @tap="goto('privacy')">《隐私政策》</text>
-			</view>
-		</view>
-	</view>
+        <text class="text-cyan" @tap="goto('user')">《用户协议》</text>
+        <text class="text-cyan" @tap="goto('privacy')">《隐私政策》</text>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
 import { _login, _auth, _getBindPhone } from '@/api/auth'
 import socket from '@/common/webSocket'
 export default {
-  data() {
+  data () {
     return {
       agreement: false,
       wxCode: ''
     }
   },
-  onLoad(options) {
+  onLoad (options) {
     uni.login({
       success: wxres => {
         this.wxCode = wxres.code
@@ -43,15 +43,15 @@ export default {
     })
   },
   methods: {
-    back() {
+    back () {
       uni.navigateBack({
         delta: 0
       })
     },
-    goto(type) {
+    goto (type) {
       this.globalNavigateTo('agreement', { type })
     },
-    login() {
+    login () {
       if (!this.agreement) {
         uni.showToast({ title: '请先阅读并勾选协议', icon: 'none' })
         return
@@ -64,7 +64,7 @@ export default {
         }
       })
     },
-    flashToken(wxConfig) {
+    flashToken (wxConfig) {
       _login({ code: this.wxCode }).then(res => {
         const { openid, session_key: session } = res.data
         this.$store.dispatch('setSession', session)
@@ -84,7 +84,7 @@ export default {
         })
       })
     },
-    getBindPhone() {
+    getBindPhone () {
       _getBindPhone().then(res => {
         this.$store.dispatch('setPhone', res.data.mobile)
       })
@@ -95,28 +95,28 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/common/css/mixin.scss';
-.page{
-	background-color:#fff;
+.page {
+  background-color: #fff;
 }
-.main{
-	padding-top:50px;
-	text-align:center;
+.main {
+  padding-top: 50px;
+  text-align: center;
 }
 .title {
-	margin:12px auto;
+  margin: 12px auto;
   @include title(32px, 20px);
-	width:80px;
-	border-bottom:4px solid #00d2e330;
+  width: 80px;
+  border-bottom: 4px solid #00d2e330;
 }
-.logo{
-	width:100px;
-	height:100px;
+.logo {
+  width: 100px;
+  height: 100px;
 }
-.action{
-	margin:0 auto;
-	width:80%;
+.action {
+  margin: 0 auto;
+  width: 80%;
 }
-.check-agreement{
-	transform: scale(0.7);
+.check-agreement {
+  transform: scale(0.7);
 }
 </style>

src/pages/mine/changePhone.vue

@@ -1,102 +1,102 @@
-<template>
-	<view class="page">
-		<cu-custom :isBack="true" title="修改手机">
-		</cu-custom>
-		<form>
-			<view class="cu-form-group margin-top-sm">
-				<input placeholder="请输入手机号" v-model="form.user_phone" @input="changePhone"/>
-        <text class="text-cyan" :class="{'text-gray':disableSendMsgBtn}" :disabled="disableSendMsgBtn"
-            @tap="getCode">{{sendMsg}}</text>
-			</view>
-			 <view class="cu-form-group">
-				<input placeholder="请输入验证码"  v-model="form.captcha"/>
-			</view>
-			<view class="solids-bottom radius bg-student text-center padding text-white margin-top" @tap="save">
-					保存
-			</view>
-		</form>
-	</view>
-</template>
-
-<script>
-import { _changePhone, _getCode } from '@/api/auth'
-import validate from '@/common/utils/ys-validate'
-export default {
-  data() {
-    return {
-      sendTime: 60,
-      disableSendMsgBtn: true,
-      sendMsg: '获取验证码',
-      leftTime: 0, // 倒计时
-      form: {
-        user_phone: '',
-        captcha: ''
-      },
-      rules: [
-        { name: 'user_phone', required: true, type: 'phone', errmsg: '请输入正确手机号' },
-        { name: 'captcha', required: true, type: 'number', errmsg: '请输入正确的验证码' }
-      ]
-    }
-  },
-  methods: {
-    save() {
-      const validRes = validate.validate(this.form, this.rules)
-      if (!validRes.isOk) {
-        uni.showToast({
-          icon: 'none',
-          title: validRes.errmsg
-        })
-        return false
-      }
-      _changePhone(this.form).then(res => {
-        this.$store.dispatch('setToken', res.data.token)
-        uni.showToast({ title: '保存成功', icon: 'success' })
-        setTimeout(() => {
-          uni.navigateBack()
-        }, 800)
-      })
-    },
-    changePhone(e) {
-      if (/^[1]([3-9])[0-9]{9}$/.test(e.detail.value)) {
-        this.disableSendMsgBtn = false
-      } else {
-        this.disableSendMsgBtn = true
-      }
-    },
-    getCode() {
-      if (!this.disableSendMsgBtn) {
-        this.leftTime = this.sendTime
-        this.timing(this.leftTime)
-        _getCode({ phone: this.form.user_phone }).then(res => {
-          uni.showToast({
-            title: '验证码发送成功! 请注意查收！',
-            duration: 3000
-          })
-        })
-      }
-    },
-    timing () {
-      this.disableSendMsgBtn = true
-      const temSendMsgText = this.sendMsg
-      this.sendMsg = this.leftTime + '秒后重试'
-      this.timeInterval = setInterval(() => {
-        this.leftTime--
-        this.sendMsg = this.leftTime + '秒后重试'
-        if (this.leftTime <= 0) {
-          this.sendMsg = temSendMsgText
-          clearInterval(this.timeInterval)
-          if (/^[1]([3-9])[0-9]{9}$/.test(this.form.phone)) {
-            this.disableSendMsgBtn = false
-          }
-        }
-      }, 1000)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.page{
-	height:100vh;
-}
-</style>
+<template>
+  <view class="page">
+    <cu-custom :isBack="true" title="修改手机">
+    </cu-custom>
+    <form>
+      <view class="cu-form-group margin-top-sm">
+        <input placeholder="请输入手机号" v-model="form.user_phone" @input="changePhone" />
+        <text class="text-cyan" :class="{'text-gray':disableSendMsgBtn}" :disabled="disableSendMsgBtn"
+          @tap="getCode">{{sendMsg}}</text>
+      </view>
+      <view class="cu-form-group">
+        <input placeholder="请输入验证码" v-model="form.captcha" />
+      </view>
+      <view class="solids-bottom radius bg-student text-center padding text-white margin-top" @tap="save">
+        保存
+      </view>
+    </form>
+  </view>
+</template>
+
+<script>
+import { _changePhone, _getCode } from '@/api/auth'
+import validate from '@/common/utils/ys-validate'
+export default {
+  data () {
+    return {
+      sendTime: 60,
+      disableSendMsgBtn: true,
+      sendMsg: '获取验证码',
+      leftTime: 0, // 倒计时
+      form: {
+        user_phone: '',
+        captcha: ''
+      },
+      rules: [
+        { name: 'user_phone', required: true, type: 'phone', errmsg: '请输入正确手机号' },
+        { name: 'captcha', required: true, type: 'number', errmsg: '请输入正确的验证码' }
+      ]
+    }
+  },
+  methods: {
+    save () {
+      const validRes = validate.validate(this.form, this.rules)
+      if (!validRes.isOk) {
+        uni.showToast({
+          icon: 'none',
+          title: validRes.errmsg
+        })
+        return false
+      }
+      _changePhone(this.form).then(res => {
+        this.$store.dispatch('setToken', res.data.token)
+        uni.showToast({ title: '保存成功', icon: 'success' })
+        setTimeout(() => {
+          uni.navigateBack()
+        }, 800)
+      })
+    },
+    changePhone (e) {
+      if (/^[1]([3-9])[0-9]{9}$/.test(e.detail.value)) {
+        this.disableSendMsgBtn = false
+      } else {
+        this.disableSendMsgBtn = true
+      }
+    },
+    getCode () {
+      if (!this.disableSendMsgBtn) {
+        this.leftTime = this.sendTime
+        this.timing(this.leftTime)
+        _getCode({ phone: this.form.user_phone }).then(res => {
+          uni.showToast({
+            title: '验证码发送成功! 请注意查收！',
+            duration: 3000
+          })
+        })
+      }
+    },
+    timing () {
+      this.disableSendMsgBtn = true
+      const temSendMsgText = this.sendMsg
+      this.sendMsg = this.leftTime + '秒后重试'
+      this.timeInterval = setInterval(() => {
+        this.leftTime--
+        this.sendMsg = this.leftTime + '秒后重试'
+        if (this.leftTime <= 0) {
+          this.sendMsg = temSendMsgText
+          clearInterval(this.timeInterval)
+          if (/^[1]([3-9])[0-9]{9}$/.test(this.form.phone)) {
+            this.disableSendMsgBtn = false
+          }
+        }
+      }, 1000)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+}
+</style>

src/pages/mine/institution.vue

@@ -1,58 +1,58 @@
-<template>
-	<view class="page">
-		<cu-custom :isBack="true" title="我的机构">
-		</cu-custom>
-		<scroll-view scroll-x="false" scroll-y="true" :style="'height:calc(100vh -'+topHeader+'px)'">
-			<view class="cu-card" v-for="ins in list" :key="ins.id">
-				<view class="cu-item shadow">
-						<view class="image card-img">
-							<image src="/static/imgs/mine/teacher4.png" mode="widthFix" style="width:100%;"></image>
-							<view class="flex card-main align-center">
-								<image mode="scaleToFill" :src="ins.image||defaultAvatar" class="avatar md"></image>
-								 <view class="text-xl text-white margin-left-sm">{{ins.name}}</view>
-							</view>
-						</view>
-					  <rich-text :nodes="ins.content"></rich-text>
-				</view>
-			</view>
-		</scroll-view>
-	</view>
-</template>
-
-<script>
-import { _getInstitution } from '@/api/auth'
-export default {
-  data() {
-    return {
-      topHeader: this.globalCustomBarHeight,
-      list: [],
-      defaultAvatar: 'http://parent.kehoubaike.com/static/img/7f4e775d2e04234d1e1994b13146f6b.e5c47f3.png'
-    }
-  },
-  onLoad() {
-    this.get_list()
-  },
-  methods: {
-    get_list() {
-      _getInstitution().then(res => {
-        this.list = res.data.edu_agency_data
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.page{
-	height:100vh;
-	background-color:#fff;
-}
-.card-img{
-	position:relative;
-}
-.card-main{
-	position:absolute;
-	top:20rpx;
-	left:20rpx;
-}
-</style>
+<template>
+  <view class="page">
+    <cu-custom :isBack="true" title="我的机构">
+    </cu-custom>
+    <scroll-view scroll-x="false" scroll-y="true" :style="'height:calc(100vh -'+topHeader+'px)'">
+      <view class="cu-card" v-for="ins in list" :key="ins.id">
+        <view class="cu-item shadow">
+          <view class="image card-img">
+            <image src="/static/imgs/mine/teacher4.png" mode="widthFix" style="width:100%;"></image>
+            <view class="flex card-main align-center">
+              <image mode="scaleToFill" :src="ins.image||defaultAvatar" class="avatar md"></image>
+              <view class="text-xl text-white margin-left-sm">{{ins.name}}</view>
+            </view>
+          </view>
+          <rich-text :nodes="ins.content"></rich-text>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { _getInstitution } from '@/api/auth'
+export default {
+  data () {
+    return {
+      topHeader: this.globalCustomBarHeight,
+      list: [],
+      defaultAvatar: 'http://parent.kehoubaike.com/static/img/7f4e775d2e04234d1e1994b13146f6b.e5c47f3.png'
+    }
+  },
+  onLoad () {
+    this.get_list()
+  },
+  methods: {
+    get_list () {
+      _getInstitution().then(res => {
+        this.list = res.data.edu_agency_data
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background-color: #fff;
+}
+.card-img {
+  position: relative;
+}
+.card-main {
+  position: absolute;
+  top: 20rpx;
+  left: 20rpx;
+}
+</style>

src/pages/mine/message.vue

@@ -1,40 +1,40 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true" title="消息中心"></cu-custom>
-		<view class="cu-list box-shadow menu">
-		  <view class="cu-item arrow margin-top-xs" v-for="message in list" :key="message.id">
-					<text class="cuIcon-notice lg text-gray" style="font-size:18px;"></text>
-        	<view class="content margin-left-sm">
-						<view>系统通知</view>
-          	<text class="text-black">{{message.title}}</text>
-        	</view>
-			</view>
-			<view class="cu-item arrow margin-top-xs" @tap="report">
-					<text class="cuIcon-notice lg text-gray" style="font-size:18px;"></text>
-        	<view class="content margin-left-sm">
-          	<text class="text-black">学生综合素质报告</text>
-        	</view>
-			</view>
-		</view>
-	</view>
+  <view class="page">
+    <cu-custom :isBack="true" title="消息中心"></cu-custom>
+    <view class="cu-list box-shadow menu">
+      <view class="cu-item arrow margin-top-xs" v-for="message in list" :key="message.id">
+        <text class="cuIcon-notice lg text-gray" style="font-size:18px;"></text>
+        <view class="content margin-left-sm">
+          <view>系统通知</view>
+          <text class="text-black">{{message.title}}</text>
+        </view>
+      </view>
+      <view class="cu-item arrow margin-top-xs" @tap="report">
+        <text class="cuIcon-notice lg text-gray" style="font-size:18px;"></text>
+        <view class="content margin-left-sm">
+          <text class="text-black">学生综合素质报告</text>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
 import { _getNotice } from '@/api/auth'
 export default {
-  data() {
+  data () {
     return {
       list: []
     }
   },
-  onLoad() {
+  onLoad () {
     this.get_list()
   },
   methods: {
-    report() {
+    report () {
       uni.showToast({ title: '学期末才能领取对应的学生综合素质报告，敬请期待!', icon: 'none', duration: 2000 })
     },
-    get_list() {
+    get_list () {
       _getNotice().then(res => {
         this.list = res.data.notice_data
       })
@@ -44,26 +44,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
 .g-container {
-    position: relative;
-    margin: auto;
-    height: 200px;
-    padding-top: 100px;
-    filter: contrast(20);
-    background-color: #fff;
-    overflow: hidden;
-    &::before {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        right: 0;
-        backdrop-filter: blur(10px);
-        z-index: 1;
-    }
+  position: relative;
+  margin: auto;
+  height: 200px;
+  padding-top: 100px;
+  filter: contrast(20);
+  background-color: #fff;
+  overflow: hidden;
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    backdrop-filter: blur(10px);
+    z-index: 1;
+  }
 }
 </style>

src/pages/mine/mine.vue

@@ -2,92 +2,95 @@
   <view>
     <cu-custom :isBack="false"></cu-custom>
     <view class="main">
-			<view class="main-top">
-				<view class="title flex justify-between">
-					<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>
-						<view class="study-info">
-							  <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>
-								</view>
-								<view  class="user-name"  @tap="login" v-else>
-									 	 切换学生
-										 <text class="iconfont margin-left-xs" style="font-size:18px;">&#xe716;</text>
-								</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>
-			 </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>
-			 </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 class="order-image">
-									<text class="iconfont text-student" style="font-size:32px;">{{order.icon}}</text>
-								</view>
-							  {{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>
-        	<view class="content margin-left-sm">
-          	<text class="text-black">购物车</text>
-        	</view>
+      <view class="main-top">
+        <view class="title flex justify-between">
+          <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>
+            <view class="study-info">
+              <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>
+              </view>
+              <view class="user-name" @tap="login" v-else>
+                切换学生
+                <text class="iconfont margin-left-xs" style="font-size:18px;">&#xe716;</text>
+              </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>
+          </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>
+          </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 class="order-image">
+                <text class="iconfont text-student" style="font-size:32px;">{{order.icon}}</text>
+              </view>
+              {{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>
+          <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>
-        	<view class="content margin-left-sm">
-          	<text class="text-black">消息中心</text>
-        	</view>
+        <view class="cu-item arrow" @tap="goto('message')">
+          <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>
-        	<view class="content margin-left-sm">
-          	<text class="text-black">在线客服</text>
-        	</view>
+        <view class="cu-item arrow" @tap="goto('onlineService')">
+          <text class="iconfont text-gray" style="font-size:18px;">&#xe726;</text>
+          <view class="content margin-left-sm">
+            <text class="text-black">在线客服</text>
+          </view>
         </view>
-			</view>
+      </view>
     </view>
     <mp-tabbar :outerSelected="2" />
-   <view class="cu-modal drawer-modal justify-start" :class="modalName=='showStudent'?'show':''" @tap="hideModal">
+    <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="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>
-						 <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>
+          <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>
+            <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>
           </view>
         </view>
       </scroll-view>
@@ -186,20 +189,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,23 +220,23 @@ export default {
     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: '确定选择该学生?',
@@ -253,73 +256,72 @@ export default {
 
 <style lang="scss">
 @import '~@/common/css/mixin.scss';
-.title{
-	@include title(10px,22px);
+.title {
+  @include title(10px, 22px);
 }
-.main{
-	padding-top:10px;
+.main {
+  padding-top: 10px;
 }
-.main-top{
-	padding:0 30rpx;
+.main-top {
+  padding: 0 30rpx;
 }
-.user{
-
+.user {
 }
-.user-info{
-	margin-bottom:10px;
+.user-info {
+  margin-bottom: 10px;
 }
-.study-info{
-	margin-left:40rpx;
-	padding-top:6px;
+.study-info {
+  margin-left: 40rpx;
+  padding-top: 6px;
 }
-.user-name{
-	@include title(10px,16px);
+.user-name {
+  @include title(10px, 16px);
 }
-.user-learn{
-	margin-top:20px;
+.user-learn {
+  margin-top: 20px;
 }
-.user-relative{
-	width:100%;
+.user-relative {
+  width: 100%;
 }
-.course-item{
-	position:relative;
-	border-radius:10px;
-	padding:16rpx;
-	width:24%;
-	min-height:52px;
-	color:#fff;
+.course-item {
+  position: relative;
+  border-radius: 10px;
+  padding: 16rpx;
+  width: 24%;
+  min-height: 52px;
+  color: #fff;
 }
-.course-item.relate-item{
-	width:48%;
+.course-item.relate-item {
+  width: 48%;
 }
-.back-img{
-	position:absolute;
-	bottom:8px;
-	right:6px;
-	opacity: .4;
+.back-img {
+  position: absolute;
+  bottom: 8px;
+  right: 6px;
+  opacity: 0.4;
 }
-.order{
-	margin-top:10px;
+.order {
+  margin-top: 10px;
 }
-.order-info{
-	padding:0 30rpx;
+.order-info {
+  padding: 0 30rpx;
 }
-.order-image{
-	margin:10rpx auto;
-	width:30px;
-	height:30px;
-	image{
-		width:100%;
-		height:100%;
-	}
+.order-image {
+  margin: 10rpx auto;
+  width: 30px;
+  height: 30px;
+  image {
+    width: 100%;
+    height: 100%;
+  }
 }
-.order-title{
-	padding-bottom:10px;
-	@include title(10px,16px);
+.order-title {
+  padding-bottom: 10px;
+  @include title(10px, 16px);
 }
-.switch-icon{
-	margin-left:10rpx;
-	width:1em;
-	height:1em;
+.switch-icon {
+  margin-left: 10rpx;
+  width: 1em;
+  height: 1em;
 }
 </style>

src/pages/mine/onlineService.vue

@@ -1,33 +1,33 @@
 <template>
-	<view class="page">
-		  <cu-custom :isBack="true" title="在线客服"></cu-custom>
-			<view class="flex justify-center bg-white padding-tb-sm">
-				 <view class="link" style="background-color:#9aed6f;">
-					  <button class="button" open-type="contact" @contact="handleContact"></button>
-					 	<!-- <image src="/static/imgs/mine/wechat.png" mode="widthFix"></image> -->
-						<text class="iconfont" style="font-size:32px;">&#xe6c7;</text>
-				 </view>
-				 <view class="link" @tap="call" style="background-color:#5fcfe0;margin-left:160rpx;">
-					 <!-- <image src="/static/imgs/mine/tel.png" mode="widthFix"></image> -->
-					 <text class="iconfont" style="font-size:32px;">&#xe612;</text>
-				 </view>
-			</view>
-			<scroll-view class="questions margin-top-sm pardding-lr-sm  bg-white">
-				 <view class="cu-list menu">
-					<view class="questions-title margin-top">热点问题</view>
-					<view class="cu-item arrow solid-bottom" v-for="(item,index) in list" :key="index" @tap="answer(item)">
-						<view class="content margin-left-sm">
-							<text class="text-black">{{item.title}}</text>
-						</view>
-					</view>
-				 </view>
-			</scroll-view>
-	</view>
+  <view class="page">
+    <cu-custom :isBack="true" title="在线客服"></cu-custom>
+    <view class="flex justify-center bg-white padding-tb-sm">
+      <view class="link" style="background-color:#9aed6f;">
+        <button class="button" open-type="contact" @contact="handleContact"></button>
+        <!-- <image src="/static/imgs/mine/wechat.png" mode="widthFix"></image> -->
+        <text class="iconfont" style="font-size:32px;">&#xe6c7;</text>
+      </view>
+      <view class="link" @tap="call" style="background-color:#5fcfe0;margin-left:160rpx;">
+        <!-- <image src="/static/imgs/mine/tel.png" mode="widthFix"></image> -->
+        <text class="iconfont" style="font-size:32px;">&#xe612;</text>
+      </view>
+    </view>
+    <scroll-view class="questions margin-top-sm pardding-lr-sm  bg-white">
+      <view class="cu-list menu">
+        <view class="questions-title margin-top">热点问题</view>
+        <view class="cu-item arrow solid-bottom" v-for="(item,index) in list" :key="index" @tap="answer(item)">
+          <view class="content margin-left-sm">
+            <text class="text-black">{{item.title}}</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
 </template>
 
 <script>
 export default {
-  data() {
+  data () {
     return {
       phoneNumber: '07592222030',
       list: [
@@ -46,7 +46,7 @@ export default {
     }
   },
   methods: {
-    answer(item) {
+    answer (item) {
       uni.showModal({
         title: item.title,
         content: item.content,
@@ -58,7 +58,7 @@ export default {
         }
       })
     },
-    call() {
+    call () {
       uni.makePhoneCall({
         phoneNumber: this.phoneNumber
       })
@@ -69,18 +69,18 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/common/css/mixin.scss';
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
-.link{
-	position:relative;
-	width:60px;
-	height:60px;
-	line-height:60px;
-	color:#fff;
-	text-align:center;
-	border-radius:40%;
-	.button{
+.link {
+  position: relative;
+  width: 60px;
+  height: 60px;
+  line-height: 60px;
+  color: #fff;
+  text-align: center;
+  border-radius: 40%;
+  .button {
     height: 75px;
     width: 75px;
     text-align: center;
@@ -90,13 +90,13 @@ export default {
     border: none;
     outline: none;
     opacity: 0;
-	}
+  }
 }
-.questions{
-	height:calc(100vh - 240px);
-	&-title{
-		@include title(0,16px);
-		padding-left:40rpx;
-	}
+.questions {
+  height: calc(100vh - 240px);
+  &-title {
+    @include title(0, 16px);
+    padding-left: 40rpx;
+  }
 }
 </style>

src/pages/mine/parents.vue

@@ -1,75 +1,75 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true" title="授权接送">
-		</cu-custom>
-		<scroll-view>
-			<view class="cu-card case no-card">
-				<view class="cu-item shadow">
-					<view class="image">
-      			<image src="/static/imgs/mine/img.png" mode="widthFix"></image>
-						 <view class="image-tag">应趣教育 课后百科</view>
-					</view>
-				</view>
-			</view>
-			<view class="cu-card">
-					<view class="cu-item shadhow">
-						  <view class="students-title flex justify-between align-center">
-								 <view class="text-lg">监护人列表</view>
-								 <view class="text-xs text-grey">
-									 <text class="cuIcon-roundaddfill text-cyan margin-left-xl add-icon"
-									 @tap="showModal" data-target="ChooseModal"
-									 ></text>
-								 </view>
-							</view>
-							<view class="cu-list menu-avatar">
-									<view class="cu-item" v-for="parent in parents" :key="parent.id">
-										<image mode="scaleToFill" :src="parent.avatar||defaultAvatar" class="avatar md left"></image>
-										<view class="content">
-											<view>{{parent.username}}</view>
-											<view class="text-gray">{{parent.mobile}}</view>
-										</view>
-									</view>
-							</view>
-					 </view>
-			</view>
-		</scroll-view>
-		<!-- 添加授权人 -->
+  <view class="page">
+    <cu-custom :isBack="true" title="授权接送">
+    </cu-custom>
+    <scroll-view>
+      <view class="cu-card case no-card">
+        <view class="cu-item shadow">
+          <view class="image">
+            <image src="/static/imgs/mine/img.png" mode="widthFix"></image>
+            <view class="image-tag">应趣教育 课后百科</view>
+          </view>
+        </view>
+      </view>
+      <view class="cu-card">
+        <view class="cu-item shadhow">
+          <view class="students-title flex justify-between align-center">
+            <view class="text-lg">监护人列表</view>
+            <view class="text-xs text-grey">
+              <text class="cuIcon-roundaddfill text-cyan margin-left-xl add-icon" @tap="showModal"
+                data-target="ChooseModal"></text>
+            </view>
+          </view>
+          <view class="cu-list menu-avatar">
+            <view class="cu-item" v-for="parent in parents" :key="parent.id">
+              <image mode="scaleToFill" :src="parent.avatar||defaultAvatar" class="avatar md left"></image>
+              <view class="content">
+                <view>{{parent.username}}</view>
+                <view class="text-gray">{{parent.mobile}}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <!-- 添加授权人 -->
     <view class="cu-modal" :class="modalName=='ChooseModal'?'show':''" @tap="hideModal">
       <view class="cu-dialog bg-student" @tap.stop=''>
         <view class="cu-bar justify-around">
           <view class="content modal-title">添加授权人</view>
         </view>
         <view class="padding-xl text-left modal-body">
-				  <view>
-            <input type="text"  v-model.trim="params.username" placeholder="请输入授权人姓名" class="student-input text-black text-lg">
+          <view>
+            <input type="text" v-model.trim="params.username" placeholder="请输入授权人姓名"
+              class="student-input text-black text-lg">
+          </view>
+          <view class="margin-top">
+            <input type="text" v-model.trim="params.mobile" @input="changePhone" placeholder="请输入授权人手机号"
+              class="student-input text-black text-lg">
           </view>
-					<view class="margin-top">
-            <input type="text"  v-model.trim="params.mobile"
-						@input="changePhone"
-						 placeholder="请输入授权人手机号" class="student-input text-black text-lg">
+          <view class="margin-top auth-item">
+            <input type="text" v-model.trim="params.captcha" placeholder="请输入验证码"
+              class="student-input text-black text-lg">
+            <text class="auth-code text-cyan" :class="{'text-gray':disableSendMsgBtn}" :disabled="disableSendMsgBtn"
+              @tap="getCode">{{sendMsg}}</text>
           </view>
-					<view class="margin-top auth-item">
-            <input type="text"  v-model.trim="params.captcha" placeholder="请输入验证码" class="student-input text-black text-lg">
-						 <text class="auth-code text-cyan" :class="{'text-gray':disableSendMsgBtn}" :disabled="disableSendMsgBtn"
-            @tap="getCode">{{sendMsg}}</text>
+          <view class="margin-top">
+            <button class="student-input text-student text-center" @tap="save">确认授权</button>
           </view>
-					<view class="margin-top">
-						 <button class="student-input text-student text-center" @tap="save">确认授权</button>
-					</view>
         </view>
         <view class="cu-bar modal-footer">
           <view class="action"></view>
         </view>
       </view>
     </view>
-	</view>
+  </view>
 </template>
 
 <script>
 import { _getPickup, _getCode, _addPickup } from '@/api/auth'
 import validate from '@/common/utils/ys-validate'
 export default {
-  data() {
+  data () {
     return {
       modalName: null,
       parents: [],
@@ -89,17 +89,17 @@ export default {
       defaultAvatar: 'http://parent.kehoubaike.com/static/img/7f4e775d2e04234d1e1994b13146f6b.e5c47f3.png'
     }
   },
-  onLoad(options) {
+  onLoad (options) {
     this.get_list()
   },
   methods: {
-    showModal(e) {
+    showModal (e) {
       this.modalName = e.currentTarget.dataset.target
     },
-    hideModal(e) {
+    hideModal (e) {
       this.modalName = null
     },
-    save() {
+    save () {
       const validRes = validate.validate(this.params, this.rules)
       if (!validRes.isOk) {
         uni.showToast({
@@ -113,14 +113,14 @@ export default {
         this.get_list()
       })
     },
-    changePhone(e) {
+    changePhone (e) {
       if (/^[1]([3-9])[0-9]{9}$/.test(e.detail.value)) {
         this.disableSendMsgBtn = false
       } else {
         this.disableSendMsgBtn = true
       }
     },
-    getCode() {
+    getCode () {
       if (!this.disableSendMsgBtn) {
         this.leftTime = this.sendTime
         this.timing(this.leftTime)
@@ -148,7 +148,7 @@ export default {
         }
       }, 1000)
     },
-    get_list() {
+    get_list () {
       _getPickup().then(res => {
         this.parents = res.data.pickup_data
       })
@@ -158,70 +158,70 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
-.image{
-	padding-bottom:20px;
+.image {
+  padding-bottom: 20px;
 }
-.image-tag{
-	position:absolute;
-	top:10px;
-	left:10px;
-	font-size:24px;
-	font-weight:bold;
-	color: #6d4f26;
+.image-tag {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #6d4f26;
 }
-.students-title{
-	padding:30rpx;
+.students-title {
+  padding: 30rpx;
 }
-.add-icon{
-	display:inline-block;
-	width:40px;
-	height:40px;
-	line-height:40px;
-	text-align:center;
-	font-size:22px;
+.add-icon {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 22px;
 }
-.student-input{
-	height:40px;
-	line-height:40px;
-	border-radius:20px;
-	background-color:#fff;
+.student-input {
+  height: 40px;
+  line-height: 40px;
+  border-radius: 20px;
+  background-color: #fff;
 }
-.radius-student{
-	border-radius:20rpx;
+.radius-student {
+  border-radius: 20rpx;
 }
-.cu-inner{
-	margin:10rpx;
-	display:flex;
-	align-items:center;
-	width:100%;
+.cu-inner {
+  margin: 10rpx;
+  display: flex;
+  align-items: center;
+  width: 100%;
 }
-.cu-inner.checked{
-    background: #5fd0e4;
-    color: #fff;
-    border-radius: 20rpx;
+.cu-inner.checked {
+  background: #5fd0e4;
+  color: #fff;
+  border-radius: 20rpx;
 }
-.cu-dialog{
-	width:90%;
+.cu-dialog {
+  width: 90%;
 }
-.modal-title{
-    font-weight: bold;
-    color: #516029;
-    font-size: 20px;
+.modal-title {
+  font-weight: bold;
+  color: #516029;
+  font-size: 20px;
 }
-.font-check{
-	font-size:22px;
+.font-check {
+  font-size: 22px;
 }
-.auth-item{
-	position:relative;
+.auth-item {
+  position: relative;
 }
-.auth-code{
-	position:absolute;
-	z-index:99;
-	top:10px;
-	right:20rpx;
-	font-size:14px;
+.auth-code {
+  position: absolute;
+  z-index: 99;
+  top: 10px;
+  right: 20rpx;
+  font-size: 14px;
 }
 </style>

src/pages/mine/setting.vue

@@ -1,44 +1,44 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true" title="个人信息">
-		</cu-custom>
-		<view class="cu-list menu  bg-white">
-        <view class="cu-item flex justify-between">
-          <view class="content margin-left-sm">
-						<text class="text-black">头像</text>
-          </view>
-					<image mode="scaleToFill" :src="user.avatarUrl" class="avatar lg" v-if="user.avatarUrl"></image>
+  <view class="page">
+    <cu-custom :isBack="true" title="个人信息">
+    </cu-custom>
+    <view class="cu-list menu  bg-white">
+      <view class="cu-item flex justify-between">
+        <view class="content margin-left-sm">
+          <text class="text-black">头像</text>
         </view>
-        <view class="cu-item flex justify-between">
-          <view class="content margin-left-sm">
-            <text class="text-black">昵称</text>
-          </view>
-					<view>{{user.nickName}}</view>
+        <image mode="scaleToFill" :src="user.avatarUrl" class="avatar lg" v-if="user.avatarUrl"></image>
+      </view>
+      <view class="cu-item flex justify-between">
+        <view class="content margin-left-sm">
+          <text class="text-black">昵称</text>
         </view>
-        <!-- <view class="cu-item flex justify-between">
+        <view>{{user.nickName}}</view>
+      </view>
+      <!-- <view class="cu-item flex justify-between">
           <view class="content margin-left-sm">
             <text class="text-black">性别</text>
           </view>
           <view>{{user.gender?'女':'男'}}</view>
         </view> -->
-        <view class="cu-item" :class="phone?'':'arrow'" @tap="toBind">
-          <view class="content margin-left-sm">
-            <text class="text-black">手机号</text>
-          </view>
-					<view>{{phone|hideIdCard(3,4)}}</view>
+      <view class="cu-item" :class="phone?'':'arrow'" @tap="toBind">
+        <view class="content margin-left-sm">
+          <text class="text-black">手机号</text>
         </view>
-		</view>
+        <view>{{phone|hideIdCard(3,4)}}</view>
+      </view>
+    </view>
     <view class="solids-bottom bg-white text-center padding text-red margin-top" @tap="logOut">
-        退出登录
+      退出登录
     </view>
-	</view>
+  </view>
 </template>
 
 <script>
 import { mapGetters } from 'vuex'
 import { hideIdCard } from '@/common/utils/filter'
 export default {
-  data() {
+  data () {
     return {
       params: {
         sex: 1
@@ -54,7 +54,7 @@ export default {
     hideIdCard
   },
   methods: {
-    logOut() {
+    logOut () {
       const _self = this
       uni.showModal({
         title: '',
@@ -70,7 +70,7 @@ export default {
         }
       })
     },
-    toBind() {
+    toBind () {
       if (!this.phone) {
         this.globalNavigateTo('bindPhone')
       }
@@ -80,7 +80,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
 </style>

src/pages/mine/teachers.vue

@@ -1,97 +1,96 @@
-<template>
-	<view class="page">
-		<cu-custom :isBack="true" title="我的老师">
-		</cu-custom>
-		<scroll-view scroll-y="true" style="height:100vh">
-    <view class="list">
-      <view class="card" v-for="(item,index) in teachers" :key="index">
-        <image class="img" :src="teacherImg" mode="widthFix"></image>
-        <view class="content">
-          <view class="name_ava" >
-						<image mode="scaleToFill" :src="item.avatar||defaultAvatar" class="avatar lg"></image>
-            <view class="name">{{ item.username }}</view>
-          </view>
-          <view class="title">{{ item.portrait }}</view>
-          <view class="school">{{ item.agency_name }}</view>
-          <view class="des">{{ item.introduce }}</view>
-        </view>
-      </view>
-    </view>
-		</scroll-view>
-	</view>
-</template>
-
-<script>
-import { _getTeacher } from '@/api/auth'
-export default {
-  data() {
-    return {
-      teachers: [],
-      teacherImg: '/static/imgs/mine/teacher1.png',
-      defaultAvatar: '/static/imgs/mine/teacheravatar.png'
-    }
-  },
-  onLoad() {
-    this.get_list()
-  },
-  methods: {
-    get_list() {
-      _getTeacher().then(res => {
-        this.teachers = res.data.teacher_data
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.page {
-  background: #fff;
-}
-.list {
-  padding: 0 0.8rem;
-  padding-bottom: 2rem;
-}
-.card {
-  position: relative;
-  margin-top: 1rem;
-}
-.card .img {
-  width: 100%;
-}
-.card .content {
-  position: absolute;
-  top: 0;
-  padding: 0 0.8rem;
-  padding-top: 0.6rem;
-  color: #fff;
-}
-.card .content .name_ava {
-  display: flex;
-  align-items: center;
-}
-.card .content .name_ava .name {
-  margin-left: 0.4rem;
-  z-index: 99;
-  color: #fff;
-}
-.card .content .title {
-  font-weight: bold;
-  font-size: 20px;
-  margin-top: 0.2rem;
-}
-.card .content .school {
-  font-size: 14px;
-  margin-top: 0.2rem;
-}
-.card .content .des {
-  font-size: 14px;
-  margin-top: 0.2rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-}
-
-</style>
+<template>
+  <view class="page">
+    <cu-custom :isBack="true" title="我的老师">
+    </cu-custom>
+    <scroll-view scroll-y="true" style="height:100vh">
+      <view class="list">
+        <view class="card" v-for="(item,index) in teachers" :key="index">
+          <image class="img" :src="teacherImg" mode="widthFix"></image>
+          <view class="content">
+            <view class="name_ava">
+              <image mode="scaleToFill" :src="item.avatar||defaultAvatar" class="avatar lg"></image>
+              <view class="name">{{ item.username }}</view>
+            </view>
+            <view class="title">{{ item.portrait }}</view>
+            <view class="school">{{ item.agency_name }}</view>
+            <view class="des">{{ item.introduce }}</view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { _getTeacher } from '@/api/auth'
+export default {
+  data () {
+    return {
+      teachers: [],
+      teacherImg: '/static/imgs/mine/teacher1.png',
+      defaultAvatar: '/static/imgs/mine/teacheravatar.png'
+    }
+  },
+  onLoad () {
+    this.get_list()
+  },
+  methods: {
+    get_list () {
+      _getTeacher().then(res => {
+        this.teachers = res.data.teacher_data
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  background: #fff;
+}
+.list {
+  padding: 0 0.8rem;
+  padding-bottom: 2rem;
+}
+.card {
+  position: relative;
+  margin-top: 1rem;
+}
+.card .img {
+  width: 100%;
+}
+.card .content {
+  position: absolute;
+  top: 0;
+  padding: 0 0.8rem;
+  padding-top: 0.6rem;
+  color: #fff;
+}
+.card .content .name_ava {
+  display: flex;
+  align-items: center;
+}
+.card .content .name_ava .name {
+  margin-left: 0.4rem;
+  z-index: 99;
+  color: #fff;
+}
+.card .content .title {
+  font-weight: bold;
+  font-size: 20px;
+  margin-top: 0.2rem;
+}
+.card .content .school {
+  font-size: 14px;
+  margin-top: 0.2rem;
+}
+.card .content .des {
+  font-size: 14px;
+  margin-top: 0.2rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+</style>

src/pages/myStudents/myStudents.vue

@@ -1,97 +1,97 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="false" :isHome="true">
-			 <view slot="content">我的学生</view>
-		</cu-custom>
-		<view>
-			<view class="cu-card case no-card">
-				<view class="cu-item shadow">
-					<view class="image">
-      			<image src="/static/imgs/mine/img.png" mode="widthFix"></image>
-						 <view class="image-tag">应趣教育 课后百科</view>
-					</view>
-				</view>
-			</view>
-				<view class="cu-card">
-					 <view class="cu-item shadow">
-						  <view class="students-title flex justify-between align-center">
-								 <view class="text-lg">学生列表</view>
-								 <view class="text-xs text-grey">
-									 <text class="text-red">点击选择，左滑删除，右侧添加</text>
-									 <text class="cuIcon-roundaddfill text-cyan margin-left-xl add-icon"
-									 @tap="showModal" data-target="ChooseModal"
-									 ></text>
-								 </view>
-							</view>
-							<view class="padding-lr text-right" v-if="!phone">
-								  <text class="text-red text-xs">右侧点击绑定手机号，直接获取绑定学生列表</text>
-									<text class="cuIcon-mobile text-cyan add-icon margin-left-xl" @tap="globalNavigateTo('bindPhone')"></text>
-							</view>
-							<scroll-view scroll-y :style="[{height:'calc(100vh - 230px - '+ topHeader+'px)'}]">
-								<view class="cu-list menu-avatar">
-									<view class="cu-item" :class="moveModel=='move-box-'+ index?'move-cur':''"
-									v-for="(item,index) in result.student_data" :key="index"
-									@touchstart="ListTouchStart" @touchmove="ListTouchMove"
-									@touchend="ListTouchEnd" :data-target="'move-box-' + index"
-									@tap="chooseKid(item.id)">
-									 <image mode="scaleToFill" :src="defaultAvatar" class="avatar md left"></image>
-										<view class="content">
-											<view>{{item.name}}</view>
-											<view class="text-gray">{{item.school_name}}-{{item.grade_name}}-{{item.class_name}}</view>
-										</view>
-										<view class="action">
-											<text class="cuIcon-check text-student font-check" v-if="item.id===kid"></text>
-										</view>
-										<view class="move student-move">
-											<view class="bg-red" @tap.stop="unbind(item.id)">删除</view>
-										</view>
-									</view>
-								</view>
-							</scroll-view>
-					 </view>
-				</view>
-		</view>
-		<!-- 选择学生列表 -->
-		<view class="cu-modal" :class="modalName=='showStudents'?'show':''" @tap="hideModal">
-			<view class="cu-dialog bg-student" @tap.stop=''>
-				<view class="padding text-left modal-body radius-student">
-					<view class="cu-list menu-avatar">
-							<view class="cu-item"  v-for="(item,index) in chooseList" :key="index" @tap="save(item.id)">
-								<view class="cu-inner" :class="{'checked':item.id===selectKid}">
-									<image mode="scaleToFill" :src="defaultAvatar" class="avatar md left"></image>
-									<view class="content">
-											<view>{{item.name}}</view>
-											<view class="text-gray">{{item.school_name}}-{{item.grade_name}}-{{item.class_name}}</view>
-									</view>
-								</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<!--添加学生-->
+  <view class="page">
+    <cu-custom :isBack="false" :isHome="true">
+      <view slot="content">我的学生</view>
+    </cu-custom>
+    <view>
+      <view class="cu-card case no-card">
+        <view class="cu-item shadow">
+          <view class="image">
+            <image src="/static/imgs/mine/img.png" mode="widthFix"></image>
+            <view class="image-tag">应趣教育 课后百科</view>
+          </view>
+        </view>
+      </view>
+      <view class="cu-card">
+        <view class="cu-item shadow">
+          <view class="students-title flex justify-between align-center">
+            <view class="text-lg">学生列表</view>
+            <view class="text-xs text-grey">
+              <text class="text-red">点击选择，左滑删除，右侧添加</text>
+              <text class="cuIcon-roundaddfill text-cyan margin-left-xl add-icon" @tap="showModal"
+                data-target="ChooseModal"></text>
+            </view>
+          </view>
+          <view class="padding-lr text-right" v-if="!phone">
+            <text class="text-red text-xs">右侧点击绑定手机号，直接获取绑定学生列表</text>
+            <text class="cuIcon-mobile text-cyan add-icon margin-left-xl" @tap="globalNavigateTo('bindPhone')"></text>
+          </view>
+          <scroll-view scroll-y :style="[{height:'calc(100vh - 230px - '+ topHeader+'px)'}]">
+            <view class="cu-list menu-avatar">
+              <view class="cu-item" :class="moveModel=='move-box-'+ index?'move-cur':''"
+                v-for="(item,index) in result.student_data" :key="index" @touchstart="ListTouchStart"
+                @touchmove="ListTouchMove" @touchend="ListTouchEnd" :data-target="'move-box-' + index"
+                @tap="chooseKid(item.id)">
+                <image mode="scaleToFill" :src="defaultAvatar" class="avatar md left"></image>
+                <view class="content">
+                  <view>{{item.name}}</view>
+                  <view class="text-gray">{{item.school_name}}-{{item.grade_name}}-{{item.class_name}}</view>
+                </view>
+                <view class="action">
+                  <text class="cuIcon-check text-student font-check" v-if="item.id===kid"></text>
+                </view>
+                <view class="move student-move">
+                  <view class="bg-red" @tap.stop="unbind(item.id)">删除</view>
+                </view>
+              </view>
+            </view>
+          </scroll-view>
+        </view>
+      </view>
+    </view>
+    <!-- 选择学生列表 -->
+    <view class="cu-modal" :class="modalName=='showStudents'?'show':''" @tap="hideModal">
+      <view class="cu-dialog bg-student" @tap.stop=''>
+        <view class="padding text-left modal-body radius-student">
+          <view class="cu-list menu-avatar">
+            <view class="cu-item" v-for="(item,index) in chooseList" :key="index" @tap="save(item.id)">
+              <view class="cu-inner" :class="{'checked':item.id===selectKid}">
+                <image mode="scaleToFill" :src="defaultAvatar" class="avatar md left"></image>
+                <view class="content">
+                  <view>{{item.name}}</view>
+                  <view class="text-gray">{{item.school_name}}-{{item.grade_name}}-{{item.class_name}}</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <!--添加学生-->
     <view class="cu-modal" :class="modalName=='ChooseModal'?'show':''" @tap="hideModal">
       <view class="cu-dialog bg-student" @tap.stop=''>
         <view class="cu-bar justify-around">
           <view class="content modal-title">添加学生</view>
         </view>
         <view class="padding-xl text-left modal-body">
-				  <view>
-            <input type="text"  v-model.trim="student.student_name" placeholder="请输入学生名字" class="student-input text-black text-lg">
+          <view>
+            <input type="text" v-model.trim="student.student_name" placeholder="请输入学生名字"
+              class="student-input text-black text-lg">
+          </view>
+          <view class="margin-top" v-if="student.student_name">
+            <input type="text" v-model.trim="student.school_name" placeholder="请输入学校名称"
+              class="student-input text-black text-lg">
           </view>
-					<view class="margin-top" v-if="student.student_name">
-            <input type="text"  v-model.trim="student.school_name" placeholder="请输入学校名称" class="student-input text-black text-lg">
+          <view class="margin-top">
+            <button class="student-input text-student text-left" @tap="get_students">获取学生</button>
           </view>
-					<view class="margin-top">
-						 <button class="student-input text-student text-left" @tap="get_students">获取学生</button>
-					</view>
         </view>
         <view class="cu-bar modal-footer">
           <view class="action"></view>
         </view>
       </view>
     </view>
-	</view>
+  </view>
 </template>
 
 <script>
@@ -99,7 +99,7 @@ import { _getStudents, _bindStudent, _unbindStudent } from '@/api/auth'
 import { _shopList } from '@/api/course'
 import { mapGetters } from 'vuex'
 export default {
-  data() {
+  data () {
     return {
       showAdd: false,
       topHeader: this.globalCustomBarHeight,
@@ -122,9 +122,9 @@ export default {
       'kid', 'phone'
     ])
   },
-  onLoad() {
+  onLoad () {
   },
-  onShow() {
+  onShow () {
     this.get_list()
     const kid = this.kid
     if (kid) {
@@ -141,18 +141,18 @@ export default {
     }
   },
   methods: {
-    showModal(e) {
+    showModal (e) {
       this.modalName = e.currentTarget.dataset.target
     },
-    hideModal(e) {
+    hideModal (e) {
       this.modalName = null
     },
-    get_list() {
+    get_list () {
       _getStudents().then(res => {
         this.result = res.data
       })
     },
-    get_students() {
+    get_students () {
       if (!this.student.student_name) return uni.showToast({ title: '请输入学生姓名', icon: 'none' })
       if (!this.student.school_name) return uni.showToast({ title: '请输入学校名称', icon: 'none' })
       _getStudents(this.student).then(res => {
@@ -165,7 +165,7 @@ export default {
         }
       })
     },
-    save(id) {
+    save (id) {
       this.selectKid = id
       uni.showModal({
         title: '确定绑定？',
@@ -182,7 +182,7 @@ export default {
         }
       })
     },
-    unbind(id) {
+    unbind (id) {
       const _self = this
       uni.showModal({
         title: '确定解绑？',
@@ -200,7 +200,7 @@ export default {
         }
       })
     },
-    chooseKid(id) {
+    chooseKid (id) {
       uni.showModal({
         title: '确定选择学生',
         message: '确定选择该学生?',
@@ -214,19 +214,19 @@ export default {
         }
       })
     },
-    setCarts() { // 刷新购物车
+    setCarts () { // 刷新购物车
       _shopList().then(res => {
         const carts = res.data.map(item => item.class_attend_id)
         this.$store.dispatch('setCarts', carts)
       })
     },
-    ListTouchStart(e) {
+    ListTouchStart (e) {
       this.listTouchStart = e.touches[0].pageX
     },
-    ListTouchMove(e) {
+    ListTouchMove (e) {
       this.listTouchDirection = e.touches[0].pageX - this.listTouchStart > 0 ? 'right' : 'left'
     },
-    ListTouchEnd(e) {
+    ListTouchEnd (e) {
       if (this.listTouchDirection === 'left') {
         this.moveModel = e.currentTarget.dataset.target
       } else {
@@ -239,67 +239,67 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
-.image{
-	padding-bottom:20px;
+.image {
+  padding-bottom: 20px;
 }
-.image-tag{
-	position:absolute;
-	top:10px;
-	left:10px;
-	font-size:24px;
-	font-weight:bold;
-	color: #6d4f26;
+.image-tag {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #6d4f26;
 }
-.students-title{
-	padding:0 30rpx;
+.students-title {
+  padding: 0 30rpx;
 }
-.add-icon{
-	display:inline-block;
-	width:40px;
-	height:40px;
-	line-height:40px;
-	text-align:center;
-	font-size:22px;
+.add-icon {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 22px;
 }
-.student-input{
-	height:40px;
-	line-height:40px;
-	border-radius:20px;
-	background-color:#fff;
+.student-input {
+  height: 40px;
+  line-height: 40px;
+  border-radius: 20px;
+  background-color: #fff;
 }
-.radius-student{
-	border-radius:20rpx;
+.radius-student {
+  border-radius: 20rpx;
 }
-.cu-inner{
-	margin:10rpx;
-	display:flex;
-	align-items:center;
-	width:100%;
+.cu-inner {
+  margin: 10rpx;
+  display: flex;
+  align-items: center;
+  width: 100%;
 }
-.cu-inner.checked{
-    background: #5fd0e4;
-    color: #fff;
-    border-radius: 20rpx;
+.cu-inner.checked {
+  background: #5fd0e4;
+  color: #fff;
+  border-radius: 20rpx;
 }
-.cu-dialog{
-	width:90%;
+.cu-dialog {
+  width: 90%;
 }
-.modal-title{
-    font-weight: bold;
-    color: #516029;
-    font-size: 20px;
+.modal-title {
+  font-weight: bold;
+  color: #516029;
+  font-size: 20px;
 }
-.font-check{
-	font-size:22px;
+.font-check {
+  font-size: 22px;
 }
-.cu-list>.cu-item .move.student-move{
-	width:130rpx;
-	text-align:center;
+.cu-list > .cu-item .move.student-move {
+  width: 130rpx;
+  text-align: center;
 }
-.cu-list>.cu-item.move-cur{
-	transform: translateX(-130rpx);
+.cu-list > .cu-item.move-cur {
+  transform: translateX(-130rpx);
 }
 </style>

src/pages/order/index.vue

@@ -1,128 +1,129 @@
 <template>
   <view class="page">
     <cu-custom :isBack="true"></cu-custom>
-		<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="point"></view>
-				</view>
-			</view>
-			<swiper-tab :menuList="menuList" @changeTab="changeTab" :activeTab="currentIndex"></swiper-tab>
-		</view>
-		<scroll-view  scroll-y="true" class="scroll-main"
-		:style="[{height:'calc(100vh - 74px - '+ topHeader+'px)'}]"
-		:refresher-enabled="true"
-		 :refresher-triggered="triggered"
-		@refresherrefresh="onRefresh" @scrolltolower="loadMore">
-			<view class="list" v-if="params.type<7">
-				<view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in orders" :key="index">
-					<view class="cu-item">
-						<view class="card-header flex justify-between solid-bottom">
-							<view>{{index}}</view>
-							<view class="text-student course-status">
-									{{item.status|status}}
-							</view>
-						</view>
-						<view class="card-center" v-for="(course,i) in item.list" :key="i">
-								<view class="card flex">
-									<view class="card-left">
-										<img mode="scaleToFill" :src="course.image" alt="" class="card-image">
-									</view>
-									<view class="card-right flex-sub margin-left-sm text-sm">
-										<view class="card-title">
-											<text>{{course.name}}</text>
-										</view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">时间：</text>
-											<text class="card-text">{{course.attend_day}}</text>
-										</view>
-										<view class="card-item margin-top-xs" >
-											<text class="card-label">课时：</text>
-											<text class="card-text">{{course.class_total}}</text>
-										</view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">学生：</text>
-											<text class="card-text">{{course.student_name}}</text>
-										</view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">老师：</text>
-											<text class="card-text">{{course.teacher||'--'}}</text>
-										</view>
-										<view class="card-item margin-top-xs" v-if="dropStatus.includes(item.status)&&course.is_return===1">
-											<view class="text-student text-right">{{course.return_status}}</view>
-										</view>
-									</view>
-								</view>
-								<view class="flex card-footer solid-bottom padding-bottom-xs">
-											<view v-for="(prop,k) in course.prop" :key="k" class="margin-right-xs">
-												<text class="card-label">{{prop.name}}：</text><text class="text-price">{{prop.money}}</text>
-											</view>
-								</view>
-								<view class="card-bottom flex justify-end margin-top-xs">
-										<button @tap="dropCourse(course.order_info_id)" class="cu-btn round bg-student text-white" v-if="dropStatus.includes(item.status)&&course.is_return===0">退课</button>
-										<!-- <button @tap="droping" class="cu-btn round sm line-cyan" v-if="dropStatus.includes(item.status)&&course.is_return===1">退课中</button> -->
-								</view>
-						</view>
-						<view class="card-bottom margin-top-xs flex justify-between">
-									<view>
-										<text class="text-price text-red">{{item.sum_money}}</text>
-									</view>
-									<view>
-											<button @tap="pay(item.order_id)" class="cu-btn round bg-student text-white margin-right-sm" v-if="item.status===0">立即付款</button>
-											<button @tap="cancel(item.order_id)" class="cu-btn round bg-gray" v-if="item.status===0&&!isPaying">取消</button>
-									</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			<view class="list" v-else>
-				<view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in list" :key="index">
-						<view class="cu-item">
-								<view class="card-header flex justify-between solid-bottom">
-								 <view>{{item.refund_code}}</view>
-								 <view class="text-student course-status">
-									  {{item.status|dropStatus}}
-								 </view>
-							</view>
-							<view class="card flex">
-									<view class="card-left">
-										<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.name}}</view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">时间：</text>
-											<text class="card-text">{{item.day}}</text>
-										</view>
-										<view class="card-item margin-top-xs" >
-											<text class="card-label">课时：</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.student_name}}</text>
-										</view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">老师：</text>
-											<text class="card-text">{{item.teacher||'--'}}</text>
-										</view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">订单：</text>
-											<text class="card-text">{{item.code}}</text>
-										</view>
-									</view>
-							</view>
-							<view class="flex card-footer padding-bottom-xs">
-									<view v-for="(prop,k) in course.prop" :key="k" class="margin-right-xs">
-										<text class="card-label">{{prop.name}}：</text><text class="text-price">{{prop.money}}</text>
-									</view>
-							</view>
-						</view>
-				</view>
-			</view>
-		</scroll-view>
-		<web-view v-if="showForm" :src="payurl"></web-view>
+    <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="point"></view>
+        </view>
+      </view>
+      <swiper-tab :menuList="menuList" @changeTab="changeTab" :activeTab="currentIndex"></swiper-tab>
+    </view>
+    <scroll-view scroll-y="true" class="scroll-main" :style="[{height:'calc(100vh - 74px - '+ topHeader+'px)'}]"
+      :refresher-enabled="true" :refresher-triggered="triggered" @refresherrefresh="onRefresh"
+      @scrolltolower="loadMore">
+      <view class="list" v-if="params.type<7">
+        <view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in orders" :key="index">
+          <view class="cu-item">
+            <view class="card-header flex justify-between solid-bottom">
+              <view>{{index}}</view>
+              <view class="text-student course-status">
+                {{item.status|status}}
+              </view>
+            </view>
+            <view class="card-center" v-for="(course,i) in item.list" :key="i">
+              <view class="card flex">
+                <view class="card-left">
+                  <img mode="scaleToFill" :src="course.image" alt="" class="card-image">
+                </view>
+                <view class="card-right flex-sub margin-left-sm text-sm">
+                  <view class="card-title">
+                    <text>{{course.name}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-label">时间：</text>
+                    <text class="card-text">{{course.attend_day}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-label">课时：</text>
+                    <text class="card-text">{{course.class_total}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-label">学生：</text>
+                    <text class="card-text">{{course.student_name}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-label">老师：</text>
+                    <text class="card-text">{{course.teacher||'--'}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs" v-if="dropStatus.includes(item.status)&&course.is_return===1">
+                    <view class="text-student text-right">{{course.return_status}}</view>
+                  </view>
+                </view>
+              </view>
+              <view class="flex card-footer solid-bottom padding-bottom-xs">
+                <view v-for="(prop,k) in course.prop" :key="k" class="margin-right-xs">
+                  <text class="card-label">{{prop.name}}：</text><text class="text-price">{{prop.money}}</text>
+                </view>
+              </view>
+              <view class="card-bottom flex justify-end margin-top-xs">
+                <button @tap="dropCourse(course.order_info_id)" class="cu-btn round bg-student text-white"
+                  v-if="dropStatus.includes(item.status)&&course.is_return===0">退课</button>
+                <!-- <button @tap="droping" class="cu-btn round sm line-cyan" v-if="dropStatus.includes(item.status)&&course.is_return===1">退课中</button> -->
+              </view>
+            </view>
+            <view class="card-bottom margin-top-xs flex justify-between">
+              <view>
+                <text class="text-price text-red">{{item.sum_money}}</text>
+              </view>
+              <view>
+                <button @tap="pay(item.order_id)" class="cu-btn round bg-student text-white margin-right-sm"
+                  v-if="item.status===0">立即付款</button>
+                <button @tap="cancel(item.order_id)" class="cu-btn round bg-gray"
+                  v-if="item.status===0&&!isPaying">取消</button>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="list" v-else>
+        <view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in list" :key="index">
+          <view class="cu-item">
+            <view class="card-header flex justify-between solid-bottom">
+              <view>{{item.refund_code}}</view>
+              <view class="text-student course-status">
+                {{item.status|dropStatus}}
+              </view>
+            </view>
+            <view class="card flex">
+              <view class="card-left">
+                <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.name}}</view>
+                <view class="card-item margin-top-xs">
+                  <text class="card-label">时间：</text>
+                  <text class="card-text">{{item.day}}</text>
+                </view>
+                <view class="card-item margin-top-xs">
+                  <text class="card-label">课时：</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.student_name}}</text>
+                </view>
+                <view class="card-item margin-top-xs">
+                  <text class="card-label">老师：</text>
+                  <text class="card-text">{{item.teacher||'--'}}</text>
+                </view>
+                <view class="card-item margin-top-xs">
+                  <text class="card-label">订单：</text>
+                  <text class="card-text">{{item.code}}</text>
+                </view>
+              </view>
+            </view>
+            <view class="flex card-footer padding-bottom-xs">
+              <view v-for="(prop,k) in course.prop" :key="k" class="margin-right-xs">
+                <text class="card-label">{{prop.name}}：</text><text class="text-price">{{prop.money}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <web-view v-if="showForm" :src="payurl"></web-view>
   </view>
 </template>
 
@@ -161,7 +162,7 @@ export default {
     }
   },
   filters: {
-    status: function(value) {
+    status: function (value) {
       switch (value) {
         case 0:
           return '未付款'
@@ -181,7 +182,7 @@ export default {
           return '状态未知'
       }
     },
-    dropStatus(v) {
+    dropStatus (v) {
       return v === 0 ? '审核中' : v === 1 ? '审核通过' : '驳回'
     }
   },
@@ -194,7 +195,7 @@ export default {
     }
   },
   watch: {
-    ifReloadOrder(n, o) {
+    ifReloadOrder (n, o) {
       if (n) {
         this.changeTab(0)
         this.$store.dispatch('setReload', false)
@@ -207,18 +208,18 @@ export default {
     ])
   },
   methods: {
-    refresh() {
+    refresh () {
       this.params.page = 1
       this.get_list()
     },
-    onRefresh() {
+    onRefresh () {
       this.triggered = true
       this.refresh()
       setTimeout(() => {
         this.triggered = false
       }, 1000)
     },
-    loadMore() {
+    loadMore () {
       if (this.noMore) {
         uni.showToast({ title: '没有更多了', icon: 'none' })
         return false
@@ -226,14 +227,14 @@ export default {
       this.params.page++
       this.get_list()
     },
-    get_list() {
+    get_list () {
       if (this.params.type < 7) {
         this.get_orders()
       } else {
         this.get_drops()
       }
     },
-    get_orders() {
+    get_orders () {
       _orderCenter(this.params).then(res => {
         if (this.params.page > 1) {
           if (Object.keys(res.data).length < this.page_size) this.noMore = true
@@ -244,10 +245,10 @@ export default {
         }
       })
     },
-    get_drops() {
+    get_drops () {
       _dropList({ page: this.params.page }).then(res => {
         if (this.params.page > 1) {
-	        if (!res.data.drop_course_data) {
+          if (!res.data.drop_course_data) {
             this.noMore = true
             return
           }
@@ -259,10 +260,10 @@ export default {
         }
       })
     },
-    droping() {
+    droping () {
       this.changeTab(3)
     },
-    dropCourse(id) {
+    dropCourse (id) {
       const params = { order_info_id: id, refund_explanation: '', type_id: 0 }
       const _self = this
       uni.showModal({
@@ -280,14 +281,14 @@ export default {
         }
       })
     },
-    pay(id) {
+    pay (id) {
       const _self = this
       _self.isPaying = true
       uni.showModal({
         title: '温馨提示：',
         content: '1、感谢您的购买;\n' +
-                  '2、退费规则请咨询客服;\n' +
-                  '3、本平台对以上细则有最终解释权。',
+          '2、退费规则请咨询客服;\n' +
+          '3、本平台对以上细则有最终解释权。',
         cancelText: '取消',
         confirmText: '确定',
         success: res => {
@@ -318,7 +319,7 @@ export default {
                   _self.isPaying = false
                   _self.changeTab(0)
                 },
-                fail: function(res) {
+                fail: function (res) {
                   _self.isPaying = false
                 }
               })
@@ -329,7 +330,7 @@ export default {
         }
       })
     },
-    cancel(id) {
+    cancel (id) {
       const _self = this
       uni.showModal({
         title: '提示',
@@ -346,7 +347,7 @@ export default {
         }
       })
     },
-    changeTab(index) {
+    changeTab (index) {
       this.orders = {}
       this.params.page = 1
       this.currentIndex = index
@@ -359,39 +360,39 @@ export default {
 
 <style lang="scss">
 @import '~@/common/css/mixin.scss';
-.scroll-main{
-	margin-top:74px;
-	padding:20rpx;
+.scroll-main {
+  margin-top: 74px;
+  padding: 20rpx;
 }
-.cu-card{
-	.cu-item{
-		margin-top:10rpx;
-		padding:20rpx;
-		margin:0;
-	}
+.cu-card {
+  .cu-item {
+    margin-top: 10rpx;
+    padding: 20rpx;
+    margin: 0;
+  }
 }
-.card-header{
-	padding-bottom:10px;
-  @include title(10px,16px);
+.card-header {
+  padding-bottom: 10px;
+  @include title(10px, 16px);
 }
-.card{
-	&-title{
-		font-size:16px;
-	}
-	&-image{
-		width:35vw;
-		height:35vw;
-		border-radius:10rpx;
-	}
-	&-label{
-		color:#999;
-	}
-	&-text{
-		color:#333;
-	}
+.card {
+  &-title {
+    font-size: 16px;
+  }
+  &-image {
+    width: 35vw;
+    height: 35vw;
+    border-radius: 10rpx;
+  }
+  &-label {
+    color: #999;
+  }
+  &-text {
+    color: #333;
+  }
 }
-.course-status{
-	font-size:14px;
-	font-weight:normal;
+.course-status {
+  font-size: 14px;
+  font-weight: normal;
 }
 </style>

src/pages/studentcenter/absent.vue

@@ -1,31 +1,31 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true" title="请假"></cu-custom>
-		<form>
-			<view class="cu-form-group">
-				<view class="title">请假类型</view>
-				<picker @change="changeType" :value="index" :range="types" range-key="name">
-					<view class="picker">
-						{{index>-1? types[index].name:'请选择请假类型'}}
-					</view>
-				</picker>
-			</view>
-			<view class="cu-form-group align-start">
-				<view class="title">请假理由</view>
-				<textarea maxlength="-1"  placeholder="请输入请假理由" v-model="params.reason"></textarea>
-			</view>
-		</form>
-		<view class="solids-bottom bg-white text-center padding text-student margin-top" @tap="apply">
-        提交申请
+  <view class="page">
+    <cu-custom :isBack="true" title="请假"></cu-custom>
+    <form>
+      <view class="cu-form-group">
+        <view class="title">请假类型</view>
+        <picker @change="changeType" :value="index" :range="types" range-key="name">
+          <view class="picker">
+            {{index>-1? types[index].name:'请选择请假类型'}}
+          </view>
+        </picker>
+      </view>
+      <view class="cu-form-group align-start">
+        <view class="title">请假理由</view>
+        <textarea maxlength="-1" placeholder="请输入请假理由" v-model="params.reason"></textarea>
+      </view>
+    </form>
+    <view class="solids-bottom bg-white text-center padding text-student margin-top" @tap="apply">
+      提交申请
     </view>
-	</view>
+  </view>
 </template>
 
 <script>
 import { _leaveType, _askLeave } from '@/api/course'
 import validate from '@/common/utils/ys-validate'
 export default {
-  data() {
+  data () {
     return {
       key: 1212,
       index: -1,
@@ -41,23 +41,23 @@ export default {
       ]
     }
   },
-  onLoad(options) {
+  onLoad (options) {
     const id = decodeURIComponent(options.id)
     if (!id) uni.navigateBack()
     this.params.plan_id = id
     this.getTypes()
   },
   methods: {
-    getTypes() {
+    getTypes () {
       _leaveType().then(res => {
         this.types = res.data.leave_type_data
       })
     },
-    changeType(e) {
+    changeType (e) {
       this.index = e.detail.value
       this.params.type_id = this.types[this.index].id
     },
-    apply() {
+    apply () {
       const validRes = validate.validate(this.params, this.rules)
       if (!validRes.isOk) {
         uni.showToast({
@@ -80,7 +80,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
 </style>

src/pages/studentcenter/classVideo.vue

@@ -1,43 +1,43 @@
 <template>
   <view class="page">
-		<cu-custom :isBack="true" title="课堂视频"></cu-custom>
-		<scroll-view scroll-y="true"
-			:style="[{height:'calc(100vh - '+ topHeader+'px)'}]">
-			<view class="content">
-				<view class="course-img">
-					<swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval" :duration="swiper.duration">
-						<swiper-item v-for="(item,index) in detail.course_data.image" :key="index">
-							<view class="swiper-item">
-								  <image :src="item" mode="widthFix"></image>
-							</view>
-						</swiper-item>
-					</swiper>
-				</view>
-				<view>
-					<view class="title flex align-center">
-						<text class="iconfont" style="font-size:24px;">&#xe76d;</text>课堂视频
-					</view>
-					<view class="list" v-if='detail.moments_data'>
-						<view class="cu-card case" v-for="(video,index) in detail.moments_data.data" :key="index">
-							<view class="cu-item shadow">
-								<view class="image">
-									<image :src="video.images" v-if="checkTypes(video.images,'imgs')" style="width:100%;"></image>
-									<video :src="video.images" v-if="checkTypes(video.images,'video')" style="width:100%;"></video>
-									<view class="padding-xs">{{video.content}}</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</scroll-view>
-	</view>
+    <cu-custom :isBack="true" title="课堂视频"></cu-custom>
+    <scroll-view scroll-y="true" :style="[{height:'calc(100vh - '+ topHeader+'px)'}]">
+      <view class="content">
+        <view class="course-img">
+          <swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
+            :interval="swiper.interval" :duration="swiper.duration">
+            <swiper-item v-for="(item,index) in detail.course_data.image" :key="index">
+              <view class="swiper-item">
+                <image :src="item" mode="widthFix"></image>
+              </view>
+            </swiper-item>
+          </swiper>
+        </view>
+        <view>
+          <view class="title flex align-center">
+            <text class="iconfont" style="font-size:24px;">&#xe76d;</text>课堂视频
+          </view>
+          <view class="list" v-if='detail.moments_data'>
+            <view class="cu-card case" v-for="(video,index) in detail.moments_data.data" :key="index">
+              <view class="cu-item shadow">
+                <view class="image">
+                  <image :src="video.images" v-if="checkTypes(video.images,'imgs')" style="width:100%;"></image>
+                  <video :src="video.images" v-if="checkTypes(video.images,'video')" style="width:100%;"></video>
+                  <view class="padding-xs">{{video.content}}</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
 </template>
 
 <script>
 import { checkTypes } from '@/common/utils/index'
 export default {
-  data() {
+  data () {
     return {
       topHeader: this.globalCustomBarHeight,
       detail: {},
@@ -49,12 +49,12 @@ export default {
       }
     }
   },
-  onLoad() {
+  onLoad () {
     this.init()
   },
   methods: {
     checkTypes,
-    init() {
+    init () {
       this.detail = JSON.parse(uni.getStorageSync('daily_class'))
     }
   }
@@ -62,7 +62,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
 </style>

src/pages/studentcenter/evaluate.vue

@@ -1,58 +1,62 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true" title="评价"></cu-custom>
-		<view class="teacher flex bg-white padding">
-			<image mode="scaleToFill" :src="teacher_avatar" class="avatar lg"></image>
-				<view class="flex-sub margin-left">
-					<view class="teacher-title">{{teacher.username||''}}老师授课</view>
-					<view class="teacher-item">所属机构：{{teacher.agency_name||''}}</view>
-				<view class="teacher-exp flex">
-					<view class="exp-item">{{teacher.honor||''}}</view>
-					<view class="exp-item">{{teacher.introduce||''}}</view>
-				</view>
-			</view>
-		</view>
-		<view class="comment bg-white margin-top padding-lr padding-tb-lg">
-			<view>{{satisfaction.satisfaction?'已评价':'请评价'}}</view>
-			<view class="flex text-center margin-top" style="padding-left:80rpx;">
-					<view class="flex-sub">
-						<img src="/static/imgs/class/satisfaction.png" mode="widthFix" style="width:70px;">
-						<view>满意</view>
-					</view>
-					<view class="flex-sub">
-						<img src="/static/imgs/class/unsatisfaction.png" mode="widthFix" style="width:70px;">
-						<view>一般</view>
-					</view>
-			</view>
-			<view class="flex margin-top-sm">
-				<view style="width:80rpx;line-height:32px;">课程</view>
-				<view class="flex-sub text-center">
-					<button class="cu-btn" :class="params.agency_statisfaction===2?'bg-cyan':'line-cyan'"  @tap="evaluate('agency_statisfaction',2)">满意</button>
-				</view>
-				<view class="flex-sub text-center">
-					<button class="cu-btn" :class="params.agency_statisfaction===1?'bg-cyan':'line-cyan'"  @tap="evaluate('agency_statisfaction',1)">一般</button>
-				</view>
-			</view>
-			<view class="flex margin-top-sm">
-				<view style="width:80rpx;line-height:32px;">老师</view>
-				<view class="flex-sub text-center"  @tap="params.statisfaction=2">
-					<button class="cu-btn" :class="params.statisfaction===2?'bg-cyan':'line-cyan'"  @tap="evaluate('statisfaction',2)">满意</button>
-				</view>
-				<view class="flex-sub text-center" @tap="params.statisfaction=1">
-					<button class="cu-btn" :class="params.statisfaction===1?'bg-cyan':'line-cyan'"  @tap="evaluate('statisfaction',1)">一般</button>
-				</view>
-			</view>
-			<view class="margin-top-lg" v-if="!satisfaction.satisfaction">
-				<button class="cu-btn bg-cyan lg" style="width:100%;" @tap="comment">提交评价</button>
-			</view>
-		</view>
-	</view>
+  <view class="page">
+    <cu-custom :isBack="true" title="评价"></cu-custom>
+    <view class="teacher flex bg-white padding">
+      <image mode="scaleToFill" :src="teacher_avatar" class="avatar lg"></image>
+      <view class="flex-sub margin-left">
+        <view class="teacher-title">{{teacher.username||''}}老师授课</view>
+        <view class="teacher-item">所属机构：{{teacher.agency_name||''}}</view>
+        <view class="teacher-exp flex">
+          <view class="exp-item">{{teacher.honor||''}}</view>
+          <view class="exp-item">{{teacher.introduce||''}}</view>
+        </view>
+      </view>
+    </view>
+    <view class="comment bg-white margin-top padding-lr padding-tb-lg">
+      <view>{{satisfaction.satisfaction?'已评价':'请评价'}}</view>
+      <view class="flex text-center margin-top" style="padding-left:80rpx;">
+        <view class="flex-sub">
+          <img src="/static/imgs/class/satisfaction.png" mode="widthFix" style="width:70px;">
+          <view>满意</view>
+        </view>
+        <view class="flex-sub">
+          <img src="/static/imgs/class/unsatisfaction.png" mode="widthFix" style="width:70px;">
+          <view>一般</view>
+        </view>
+      </view>
+      <view class="flex margin-top-sm">
+        <view style="width:80rpx;line-height:32px;">课程</view>
+        <view class="flex-sub text-center">
+          <button class="cu-btn" :class="params.agency_statisfaction===2?'bg-cyan':'line-cyan'"
+            @tap="evaluate('agency_statisfaction',2)">满意</button>
+        </view>
+        <view class="flex-sub text-center">
+          <button class="cu-btn" :class="params.agency_statisfaction===1?'bg-cyan':'line-cyan'"
+            @tap="evaluate('agency_statisfaction',1)">一般</button>
+        </view>
+      </view>
+      <view class="flex margin-top-sm">
+        <view style="width:80rpx;line-height:32px;">老师</view>
+        <view class="flex-sub text-center" @tap="params.statisfaction=2">
+          <button class="cu-btn" :class="params.statisfaction===2?'bg-cyan':'line-cyan'"
+            @tap="evaluate('statisfaction',2)">满意</button>
+        </view>
+        <view class="flex-sub text-center" @tap="params.statisfaction=1">
+          <button class="cu-btn" :class="params.statisfaction===1?'bg-cyan':'line-cyan'"
+            @tap="evaluate('statisfaction',1)">一般</button>
+        </view>
+      </view>
+      <view class="margin-top-lg" v-if="!satisfaction.satisfaction">
+        <button class="cu-btn bg-cyan lg" style="width:100%;" @tap="comment">提交评价</button>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
 import { _commentDetail, _tocomment } from '@/api/course'
 export default {
-  data() {
+  data () {
     return {
       teacher: {},
       satisfaction: {},
@@ -65,14 +69,14 @@ export default {
       teacher_avatar: '/static/imgs/class/logo0.png'
     }
   },
-  onLoad(options) {
+  onLoad (options) {
     const id = decodeURIComponent(options.plan_id)
     if (!id) uni.navigateBack()
     this.params.plan_id = id
     this.init()
   },
   methods: {
-    init() {
+    init () {
       _commentDetail({ plan_id: this.params.plan_id }).then(res => {
         this.teacher = res.data.teacher_data
         this.params.teacher_id = this.teacher.teacher_id
@@ -81,10 +85,10 @@ export default {
         this.params.agency_statisfaction = this.satisfaction.agency_satisfaction
       })
     },
-    evaluate(type, value) { // 评价
+    evaluate (type, value) { // 评价
       this.params[type] = value
     },
-    comment() {
+    comment () {
       _tocomment(this.params).then(res => {
         uni.showToast({ title: res.msg, icon: 'success' })
         setTimeout(() => {
@@ -98,12 +102,12 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/common/css/mixin.scss';
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
-.teacher{
-	&-title{
-		@include title(4px,18px);
-	}
+.teacher {
+  &-title {
+    @include title(4px, 18px);
+  }
 }
 </style>

src/pages/studentcenter/index.vue

@@ -1,143 +1,143 @@
 <template>
   <view class="page">
     <cu-custom :isBack="false"></cu-custom>
-		<view class="header" :style="[{top:topHeader + 'px'}]">
-			<view class="header-title header-switch">
-				<view class="header-title-main" @tap="changeTab('schedule')" :class="{'cur':type==='schedule'}">
-						<view class="margin-bottom-xs">日程表</view>
-						<view class="point"></view>
-				</view>
-				<view class="header-title-main margin-left-lg" @tap="changeTab('mine')" :class="{'cur':type==='mine'}">
-						<view class="margin-bottom-xs">我的</view>
-						<view class="point"></view>
-				</view>
-			</view>
-			 <view style="width:120px;" v-if="type==='mine'">
-				 	<swiper-tab :menuList="menuList" @changeTab="swipe" :activeTab="currentIndex"></swiper-tab>
-			 </view>
-		</view>
-		<!-- 日程表 -->
-		<view v-if="type==='schedule'">
-			<scroll-view scroll-y="true"
-			:style="[{marginTop:'56px',height:'calc(100vh - 114px - '+ topHeader+'px)'}]">
-				<view class="calendar padding-tb solid-bottom bg-white">
-					<view class="calendar-header flex justify-between padding-lr-sm">
-							<view>
-									<picker mode="date" :value="info.chooseDate" :fields="info.fields"
-											@change="bindDateChange"
-											:start="info.start" :end="info.end">
-												<view class="picker text-student text-xl">
-													{{info.chooseDate}}
-													<text class="cuIcon-right lg"></text>
-												</view>
-										</picker>
-							</view>
-							<view>
-								共{{present.attendance_data.length}}天
-							</view>
-					</view>
-					<view class="calendar-main">
-						<calendar :year="year" :month="month"  :showBusiness="true" @changeDate="chooseDay" ref="calendar"></calendar>
-					</view>
-					<view class="calendar-marks flex justify-end padding-lr-sm">
-							<view class="margin-left-sm">
-								<view class="cu-tag bg-blue margin-right-sm"></view><text class="text-sm">请假</text>
-							</view>
-							<view class="margin-left-sm">
-								<view class="cu-tag bg-yellow margin-right-sm"></view><text class="text-sm">迟到</text>
-							</view>
-							<view class="margin-left-sm">
-								<view class="cu-tag bg-normal margin-right-sm"></view><text class="text-sm">正常</text>
-							</view>
-							<view class="margin-left-sm">
-								<view class="cu-tag bg-red margin-right-sm"></view><text class="text-sm">旷课</text>
-							</view>
-					</view>
-				</view>
-				<view class="cu-card margin-top-xs padding-xs">
-					<view class="cu-item day-info">
-						<view class="day-title flex justify-between solid-bottom padding text-lg">
-							 <view>应到上课节数：{{present.be_section_num}}节</view>
-							 <view>实际上课节数: {{present.actual_section_num}}节</view>
-						</view>
-						<view class="day-chart flex justify-between padding">
-							<view v-for="(chart,key) in attendance" :key="key" class="flex-sub">
-									<canvas :canvas-id="key" style="margin:0 auto;width:100%;height:80px;"></canvas>
-									<view style="margin-left:18px;">{{chart.title}}</view>
-							</view>
-						</view>
-					</view>
-				</view>
-				<view class="list margin-top-xs">
-					<view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in classList" :key="index">
-						<view class="cu-item" v-for="(mark,i) in item.mark" :key="i">
-							<view class="card-header flex justify-end solid-bottom">
-									<view class="text-student course-status">
-											{{mark.status_desc}}
-									</view>
-							</view>
-							<view class="card flex">
-									<view class="card-left">
-										<img mode="scaleToFill" :src="mark.avatar" alt="" class="card-image">
-									</view>
-									<view class="card-right margin-left-sm">
-										<view class="card-title">{{mark.course_name}}</view>
-										<view class="card-item margin-top-xs" >
-										 	<text class="card-text">{{mark.start_at}}</text>
-									  </view>
-										<view class="card-item margin-top-xs" >
-										 	<text class="card-text">{{mark.end_at}}</text>
-									  </view>
-										<view class="card-item margin-top-xs">
-											<button class="cu-btn round line-cyan button-hover" @tap="classOperation(mark.class_plan_id)">
-												{{mark.status==-1?'查看':'去上课'}}
-											</button>
-											<button class="cu-btn round line-red button-hover margin-left" @tap="askLeave(mark.class_plan_id)" v-if="mark.status!==-1">去请假</button>
-										</view>
-									</view>
-								</view>
-						</view>
-					</view>
-				</view>
-		  </scroll-view>
-		</view>
-		<!-- 我的 -->
-		<view v-if="type==='mine'">
-			<scroll-view scroll-y="true" @scrolltolower="loadMore" class="scroll-main"
-			:style="[{height:'calc(100vh - 114px - '+ topHeader+'px)'}]">
-				<view class="list">
-						<view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in list" :key="index">
-							<view class="cu-item">
-								<view class="card-header flex justify-between solid-bottom">
-									<view v-if="item.day">{{item.day}}</view>
-									<view class="text-student course-status" v-if="item.status">
-											{{item.status}}
-									</view>
-									<view class="text-student course-status" v-if="currentIndex===1">
-											已完结
-									</view>
-								</view>
-								<view class="card flex">
-									<view class="card-left">
-										<img mode="scaleToFill" :src="item.image" alt="" class="card-image">
-									</view>
-									<view class="card-right margin-left-sm">
-										<view class="card-title">{{item.attend_name}}</view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">机构：</text>
-										 	<text class="card-text">{{item.agency_name||'-'}}</text>
-									  </view>
-										<view class="card-item margin-top-xs">
-											<text class="card-label">老师：</text>
-										 	<text class="card-text">{{item.teacher||'-'}}</text>
-									  </view>
-									</view>
-								</view>
-							</view>
-						</view>
-				</view>
-			</scroll-view>
-		</view>
+    <view class="header" :style="[{top:topHeader + 'px'}]">
+      <view class="header-title header-switch">
+        <view class="header-title-main" @tap="changeTab('schedule')" :class="{'cur':type==='schedule'}">
+          <view class="margin-bottom-xs">日程表</view>
+          <view class="point"></view>
+        </view>
+        <view class="header-title-main margin-left-lg" @tap="changeTab('mine')" :class="{'cur':type==='mine'}">
+          <view class="margin-bottom-xs">我的</view>
+          <view class="point"></view>
+        </view>
+      </view>
+      <view style="width:120px;" v-if="type==='mine'">
+        <swiper-tab :menuList="menuList" @changeTab="swipe" :activeTab="currentIndex"></swiper-tab>
+      </view>
+    </view>
+    <!-- 日程表 -->
+    <view v-if="type==='schedule'">
+      <scroll-view scroll-y="true" :style="[{marginTop:'56px',height:'calc(100vh - 114px - '+ topHeader+'px)'}]">
+        <view class="calendar padding-tb solid-bottom bg-white">
+          <view class="calendar-header flex justify-between padding-lr-sm">
+            <view>
+              <picker mode="date" :value="info.chooseDate" :fields="info.fields" @change="bindDateChange"
+                :start="info.start" :end="info.end">
+                <view class="picker text-student text-xl">
+                  {{info.chooseDate}}
+                  <text class="cuIcon-right lg"></text>
+                </view>
+              </picker>
+            </view>
+            <view>
+              共{{present.attendance_data.length}}天
+            </view>
+          </view>
+          <view class="calendar-main">
+            <calendar :year="year" :month="month" :showBusiness="true" @changeDate="chooseDay" ref="calendar">
+            </calendar>
+          </view>
+          <view class="calendar-marks flex justify-end padding-lr-sm">
+            <view class="margin-left-sm">
+              <view class="cu-tag bg-blue margin-right-sm"></view><text class="text-sm">请假</text>
+            </view>
+            <view class="margin-left-sm">
+              <view class="cu-tag bg-yellow margin-right-sm"></view><text class="text-sm">迟到</text>
+            </view>
+            <view class="margin-left-sm">
+              <view class="cu-tag bg-normal margin-right-sm"></view><text class="text-sm">正常</text>
+            </view>
+            <view class="margin-left-sm">
+              <view class="cu-tag bg-red margin-right-sm"></view><text class="text-sm">旷课</text>
+            </view>
+          </view>
+        </view>
+        <view class="cu-card margin-top-xs padding-xs">
+          <view class="cu-item day-info">
+            <view class="day-title flex justify-between solid-bottom padding text-lg">
+              <view>应到上课节数：{{present.be_section_num}}节</view>
+              <view>实际上课节数: {{present.actual_section_num}}节</view>
+            </view>
+            <view class="day-chart flex justify-between padding">
+              <view v-for="(chart,key) in attendance" :key="key" class="flex-sub">
+                <canvas :canvas-id="key" style="margin:0 auto;width:100%;height:80px;"></canvas>
+                <view style="margin-left:18px;">{{chart.title}}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="list margin-top-xs">
+          <view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in classList" :key="index">
+            <view class="cu-item" v-for="(mark,i) in item.mark" :key="i">
+              <view class="card-header flex justify-end solid-bottom">
+                <view class="text-student course-status">
+                  {{mark.status_desc}}
+                </view>
+              </view>
+              <view class="card flex">
+                <view class="card-left">
+                  <img mode="scaleToFill" :src="mark.avatar" alt="" class="card-image">
+                </view>
+                <view class="card-right margin-left-sm">
+                  <view class="card-title">{{mark.course_name}}</view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-text">{{mark.start_at}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-text">{{mark.end_at}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <button class="cu-btn round line-cyan button-hover" @tap="classOperation(mark.class_plan_id)">
+                      {{mark.status==-1?'查看':'去上课'}}
+                    </button>
+                    <button class="cu-btn round line-red button-hover margin-left" @tap="askLeave(mark.class_plan_id)"
+                      v-if="mark.status!==-1">去请假</button>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+    <!-- 我的 -->
+    <view v-if="type==='mine'">
+      <scroll-view scroll-y="true" @scrolltolower="loadMore" class="scroll-main"
+        :style="[{height:'calc(100vh - 114px - '+ topHeader+'px)'}]">
+        <view class="list">
+          <view class="cu-card margin-top margin-bottom shadow" v-for="(item,index) in list" :key="index">
+            <view class="cu-item">
+              <view class="card-header flex justify-between solid-bottom">
+                <view v-if="item.day">{{item.day}}</view>
+                <view class="text-student course-status" v-if="item.status">
+                  {{item.status}}
+                </view>
+                <view class="text-student course-status" v-if="currentIndex===1">
+                  已完结
+                </view>
+              </view>
+              <view class="card flex">
+                <view class="card-left">
+                  <img mode="scaleToFill" :src="item.image" alt="" class="card-image">
+                </view>
+                <view class="card-right margin-left-sm">
+                  <view class="card-title">{{item.attend_name}}</view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-label">机构：</text>
+                    <text class="card-text">{{item.agency_name||'-'}}</text>
+                  </view>
+                  <view class="card-item margin-top-xs">
+                    <text class="card-label">老师：</text>
+                    <text class="card-text">{{item.teacher||'-'}}</text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
     <mp-tabbar :outerSelected="1" />
   </view>
 </template>
@@ -197,7 +197,7 @@ export default {
       }
     }
   },
-  onShow() {
+  onShow () {
     const today = getDate(new Date(), 0)
     this.info.year = this.info.year || today.year
     this.info.month = this.info.month || today.month
@@ -208,14 +208,14 @@ export default {
     this.init()
   },
   methods: {
-    init() {
+    init () {
       if (this.type === 'mine') {
         this.get_list()
       } else {
         this.getSehedule()
       }
     },
-    getSehedule() {
+    getSehedule () {
       this.setCalendar()
       this.get_attend().then(res => {
         this.present = res.data
@@ -225,13 +225,13 @@ export default {
         this.get_dateCourse()// 获取日期课程列表
       })
     },
-    classOperation(id) { // 上课
+    classOperation (id) { // 上课
       this.globalNavigateTo('studentOperation', { id })
     },
-    askLeave(id) { // 请假
+    askLeave (id) { // 请假
       this.globalNavigateTo('studentAbsent', { id })
     },
-    loadMore() {
+    loadMore () {
       if (this.noMore) {
         uni.showToast({ title: '没有更多了', icon: 'none' })
         return false
@@ -239,18 +239,18 @@ export default {
       this.page_num++
       this.get_list()
     },
-    get_list() {
+    get_list () {
       if (this.currentIndex === 0) {
         this.get_course()
       } else {
         this.get_history()
       }
     },
-    chooseDay(day) {
+    chooseDay (day) {
       this.classList = this.courses.filter(item => item.date.replace(/-/g, '') === day)// 匹配当天数据
       this.classList = this.classList.length > 0 ? this.classList : deepClone(this.courses)
     },
-    get_course() {
+    get_course () {
       _nowCourse({ page_num: this.page_num }).then(res => {
         if (this.page_num > 1) {
           if (res.data.length < this.page_size) this.noMore = true
@@ -261,7 +261,7 @@ export default {
         }
       })
     },
-    get_history() {
+    get_history () {
       _courseHistory({ page_num: this.page_num }).then(res => {
         if (this.page_num > 1) {
           if (res.data.length < this.page_size) this.noMore = true
@@ -272,23 +272,23 @@ export default {
         }
       })
     },
-    drawChart() {
+    drawChart () {
       for (var key in this.attendance) {
         this.draw(this.attendance[key], key)
       }
     },
-    changeTab(type) {
+    changeTab (type) {
       this.type = type
       this.$nextTick(() => {
         this.init()
       })
     },
-    swipe(index) {
+    swipe (index) {
       this.currentIndex = index
       this.page_num = 1
       this.get_list()
     },
-    bindDateChange(e) {
+    bindDateChange (e) {
       const value = e.detail.value
       const [year, month] = value.split('-')
       this.info.year = year
@@ -296,26 +296,26 @@ export default {
       this.info.chooseDate = value
       this.getSehedule()
     },
-    setCalendar() {
+    setCalendar () {
       this.$refs.calendar.selCalendar(this.info.year, this.info.month)
     },
-    setAttendance(attendance) { // 补充出席情况
+    setAttendance (attendance) { // 补充出席情况
       if (!attendance) return
       this.$refs.calendar.setAttendance(attendance)
     },
-    get_attend() { // 获取出席情况
+    get_attend () { // 获取出席情况
       const date = this.info.year + '-' + this.info.month
       return new Promise((resolve, reject) => {
         const info = _attendance({ date })
         resolve(info)
       })
     },
-    fix_attend(info) { // 补充出席实际数据
+    fix_attend (info) { // 补充出席实际数据
       Object.keys(this.attendance).forEach(key => {
         this.attendance[key].times = info[key]
       })
     },
-    get_dateCourse() { // 获取对应日期数据
+    get_dateCourse () { // 获取对应日期数据
       _dateCourse({ year: this.info.year, month: this.info.month }).then(res => {
         this.classList = res.data
         this.courses = res.data
@@ -351,63 +351,62 @@ export default {
 
 <style lang="scss">
 @import '~@/common/css/mixin.scss';
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
-.header-switch{
-	justify-content:start;
-	.header-title-main{
-		font-size:18px;
-		color:#999;
-		.point{
-			opacity: 0;
-		}
-		&.cur{
-			transition: font-size .3s;
-			font-size:24px;
-			color:#000;
-			.point{
-				opacity: 1;
-		  }
-		}
-	}
+.header-switch {
+  justify-content: start;
+  .header-title-main {
+    font-size: 18px;
+    color: #999;
+    .point {
+      opacity: 0;
+    }
+    &.cur {
+      transition: font-size 0.3s;
+      font-size: 24px;
+      color: #000;
+      .point {
+        opacity: 1;
+      }
+    }
+  }
 }
-.day-info{
-
+.day-info {
 }
-.scroll-main{
-	margin-top:78px;
-	padding:20rpx;
+.scroll-main {
+  margin-top: 78px;
+  padding: 20rpx;
 }
-.cu-card{
-	.cu-item{
-		margin-top:10rpx;
-		padding:20rpx;
-		margin:0;
-	}
+.cu-card {
+  .cu-item {
+    margin-top: 10rpx;
+    padding: 20rpx;
+    margin: 0;
+  }
 }
-.card-header{
-	padding-bottom:10px;
-  @include title(10px,18px);
+.card-header {
+  padding-bottom: 10px;
+  @include title(10px, 18px);
 }
-.card{
-	&-title{
-		font-size:16px;
-	}
-	&-image{
-		width:35vw;
-		height:25vw;
-		border-radius:2vw;
-	}
-	&-label{
-		color:#999;
-	}
-	&-text{
-		color:#333;
-	}
+.card {
+  &-title {
+    font-size: 16px;
+  }
+  &-image {
+    width: 35vw;
+    height: 25vw;
+    border-radius: 2vw;
+  }
+  &-label {
+    color: #999;
+  }
+  &-text {
+    color: #333;
+  }
 }
-.course-status{
-	font-size:14px;
-	font-weight:normal;
+.course-status {
+  font-size: 14px;
+  font-weight: normal;
 }
 </style>

src/pages/studentcenter/operation.vue

@@ -1,111 +1,112 @@
 <template>
-	<view class="page">
-		<cu-custom :isBack="true" title="课堂操作"></cu-custom>
-		<scroll-view scroll-y="true"
-			:style="[{height:'calc(100vh - '+ topHeader+'px)'}]">
-			<view class="content">
-				<view class="course-img">
-					<swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval" :duration="swiper.duration">
-						<swiper-item v-for="(item,index) in detail.course_data.image" :key="index">
-							<view class="swiper-item">
-								  <image :src="item" mode="widthFix"></image>
-							</view>
-						</swiper-item>
-					</swiper>
-				</view>
-				<view class="detail bg-white padding">
-					<view class="detail-title">{{detail.course_data.attend_name}}</view>
-					<view class="detail-item">
-						<text class="cuIcon-title text-student"></text>
-						<text class="text-gray">周期</text>
-						<text class="text-black margin-left-xs">{{detail.course_data.start_at}}</text>
-					</view>
-					<view class="detail-item flex">
-						<text class="text-gray" style="width:40px;"></text>
-						<text class="text-black margin-left-xs">{{detail.course_data.end_at}}</text>
-					</view>
-					<view class="detail-item margin-top-xs">
-						<text class="cuIcon-title text-student"></text>
-						<text class="text-gray">年级</text>
-						<text class="text-black margin-left-xs">{{detail.course_data.grade}}</text>
-					</view>
-				</view>
-				<view class="teacher flex bg-white padding margin-tb-sm">
-					<image mode="scaleToFill" :src="teacher_avatar" class="avatar lg"></image>
-					<view class="flex-sub margin-left">
-						 <view class="teacher-title">{{detail.teacher.username||''}}老师授课</view>
-						 <view class="teacher-item">所属机构：{{detail.teacher.agency_name||''}}</view>
-						<view class="teacher-exp flex">
-							 <view class="exp-item">{{detail.teacher.honor||''}}</view>
-							 <view class="exp-item">{{detail.teacher.introduce||''}}</view>
-						 </view>
-					</view>
-				</view>
-				<view class="cu-timeline">
-					<view class="cu-time">详情</view>
-					<view class="cu-item">
-						<view class="cu-content time-item flex justify-between">
-							<view class="time-left text-black flex-sub">评价</view>
-							<view class="time-right text-student" v-if="detail.teacher&&detail.teacher.username" @tap="check('studentEvaluate')">
-								查看
-							</view>
-						</view>
-					</view>
-					<view class="cu-item">
-						<view class="cu-content time-item flex justify-between">
-							<view class="time-left text-black flex-sub">上课时间
-								<view>{{detail.course_data.start_at}}</view>
-							</view>
-						</view>
-					</view>
-					<view class="cu-item">
-						<view class="cu-content time-item flex justify-between">
-							<view class="time-left text-black flex-sub">课堂签到
-								<view>{{detail.call_status.title}}</view>
-							</view>
-						</view>
-					</view>
-					<view class="cu-item">
-						<view class="cu-content time-item flex justify-between">
-							<view class="time-left text-black flex-sub">课堂视频</view>
-							<view class="time-right text-student" @tap="check('studentVideo')">
-								查看
-							</view>
-						</view>
-					</view>
-					<view class="cu-item">
-						<view class="cu-content time-item flex justify-between">
-							<view class="time-left text-black flex-sub">课堂作品</view>
-							<view class="time-right text-student" @tap="check('studentWorks')">
-								查看
-							</view>
-						</view>
-					</view>
-					<view class="cu-item">
-						<view class="cu-content time-item flex justify-between">
-							<view class="time-left text-black flex-sub">下课时间
-								<view>{{detail.course_data.end_at}}</view>
-							</view>
-						</view>
-					</view>
-					<view class="cu-item">
-						<view class="cu-content time-item flex justify-between">
-							<view class="time-left text-black flex-sub">安全交接</view>
-							<view class="time-right text-student" @tap="check('studentSignin')">
-								查看
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</scroll-view>
-	</view>
+  <view class="page">
+    <cu-custom :isBack="true" title="课堂操作"></cu-custom>
+    <scroll-view scroll-y="true" :style="[{height:'calc(100vh - '+ topHeader+'px)'}]">
+      <view class="content">
+        <view class="course-img">
+          <swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
+            :interval="swiper.interval" :duration="swiper.duration">
+            <swiper-item v-for="(item,index) in detail.course_data.image" :key="index">
+              <view class="swiper-item">
+                <image :src="item" mode="widthFix"></image>
+              </view>
+            </swiper-item>
+          </swiper>
+        </view>
+        <view class="detail bg-white padding">
+          <view class="detail-title">{{detail.course_data.attend_name}}</view>
+          <view class="detail-item">
+            <text class="cuIcon-title text-student"></text>
+            <text class="text-gray">周期</text>
+            <text class="text-black margin-left-xs">{{detail.course_data.start_at}}</text>
+          </view>
+          <view class="detail-item flex">
+            <text class="text-gray" style="width:40px;"></text>
+            <text class="text-black margin-left-xs">{{detail.course_data.end_at}}</text>
+          </view>
+          <view class="detail-item margin-top-xs">
+            <text class="cuIcon-title text-student"></text>
+            <text class="text-gray">年级</text>
+            <text class="text-black margin-left-xs">{{detail.course_data.grade}}</text>
+          </view>
+        </view>
+        <view class="teacher flex bg-white padding margin-tb-sm">
+          <image mode="scaleToFill" :src="teacher_avatar" class="avatar lg"></image>
+          <view class="flex-sub margin-left">
+            <view class="teacher-title">{{detail.teacher.username||''}}老师授课</view>
+            <view class="teacher-item">所属机构：{{detail.teacher.agency_name||''}}</view>
+            <view class="teacher-exp flex">
+              <view class="exp-item">{{detail.teacher.honor||''}}</view>
+              <view class="exp-item">{{detail.teacher.introduce||''}}</view>
+            </view>
+          </view>
+        </view>
+        <view class="cu-timeline">
+          <view class="cu-time">详情</view>
+          <view class="cu-item">
+            <view class="cu-content time-item flex justify-between">
+              <view class="time-left text-black flex-sub">评价</view>
+              <view class="time-right text-student" v-if="detail.teacher&&detail.teacher.username"
+                @tap="check('studentEvaluate')">
+                查看
+              </view>
+            </view>
+          </view>
+          <view class="cu-item">
+            <view class="cu-content time-item flex justify-between">
+              <view class="time-left text-black flex-sub">上课时间
+                <view>{{detail.course_data.start_at}}</view>
+              </view>
+            </view>
+          </view>
+          <view class="cu-item">
+            <view class="cu-content time-item flex justify-between">
+              <view class="time-left text-black flex-sub">课堂签到
+                <view>{{detail.call_status.title}}</view>
+              </view>
+            </view>
+          </view>
+          <view class="cu-item">
+            <view class="cu-content time-item flex justify-between">
+              <view class="time-left text-black flex-sub">课堂视频</view>
+              <view class="time-right text-student" @tap="check('studentVideo')">
+                查看
+              </view>
+            </view>
+          </view>
+          <view class="cu-item">
+            <view class="cu-content time-item flex justify-between">
+              <view class="time-left text-black flex-sub">课堂作品</view>
+              <view class="time-right text-student" @tap="check('studentWorks')">
+                查看
+              </view>
+            </view>
+          </view>
+          <view class="cu-item">
+            <view class="cu-content time-item flex justify-between">
+              <view class="time-left text-black flex-sub">下课时间
+                <view>{{detail.course_data.end_at}}</view>
+              </view>
+            </view>
+          </view>
+          <view class="cu-item">
+            <view class="cu-content time-item flex justify-between">
+              <view class="time-left text-black flex-sub">安全交接</view>
+              <view class="time-right text-student" @tap="check('studentSignin')">
+                查看
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
 </template>
 
 <script>
 import { _dailiClass } from '@/api/course'
 export default {
-  data() {
+  data () {
     return {
       topHeader: this.globalCustomBarHeight,
       plan_id: 0,
@@ -119,17 +120,17 @@ export default {
       teacher_avatar: '/static/imgs/class/logo0.png'
     }
   },
-  onLoad(options) {
+  onLoad (options) {
     const id = decodeURIComponent(options.id)
     if (!id) uni.navigateBack()
     this.plan_id = id
     this.init()
   },
   methods: {
-    check(page) {
+    check (page) {
       this.globalNavigateTo(page, { plan_id: this.plan_id })
     },
-    init() {
+    init () {
       _dailiClass({ plan_id: this.plan_id }).then(res => {
         this.detail = res.data
         uni.setStorage({
@@ -144,25 +145,25 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/common/css/mixin.scss';
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
-.detail{
-	&-title{
-		@include title(10px,22px);
-	}
+.detail {
+  &-title {
+    @include title(10px, 22px);
+  }
 }
-.teacher{
-	&-title{
-		@include title(4px,18px);
-	}
+.teacher {
+  &-title {
+    @include title(4px, 18px);
+  }
 }
-.time-item{
-	line-height:32px;
-	.time-left{
-	}
-	.time-right{
-		width:120rpx;
-	}
+.time-item {
+  line-height: 32px;
+  .time-left {
+  }
+  .time-right {
+    width: 120rpx;
+  }
 }
 </style>

src/pages/studentcenter/signIn.vue

@@ -1,50 +1,50 @@
 <template>
   <view class="page">
-		<cu-custom :isBack="true" title="上课签到"></cu-custom>
-		<view class="header bg-white" 	:style="[{top:topHeader + 'px'}]">
-			<view class="icon_title flex align-center justify-between solid-bottom">
-				<view class="info flex align-center justify-between">
-					 <image mode="scaleToFill" :src="user.avatarUrl" class="avatar lg" v-if="user.avatarUrl"></image>
-			  	 <view class="username">{{user.nickName}}</view>
-				</view>
-				<view style="color:#00D2E3">{{info.status_desc}}</view>
-    	</view>
-			<view class="class_info">
-				<view style="font-size:15px;margin-top: .6rem;">{{info.start_at}}</view>
-				<view class="class_title">{{info.course_name}}</view>
-				<view class="address flex align-center">
-					<image src="/static/imgs/school.png" mode="widthFix" style="width:18px;"/>
-					<view style="margin-left: 10px;margin-right: 20px">{{info.school_name}}</view>
-					<image src="/static/imgs/address.png" mode="widthFix" style="width:14px;"/>
-					<view style="margin-left: 10px">{{info.classroom_name}}</view>
-				</view>
-    	</view>
-		</view>
-		<view class="content" v-if="info.status">
-			<view class="content_title">签到说明</view>
-    	<view>接到学生后请“点击签到”按钮作为签到</view>
-			<view class="button" :style="checked?'background: #ddd':''"  hover-class="button_hover" @tap="signIn">
-				<view class="text" :style="checked?'color: #aaa':''"> {{checked?'已签到':'点击签到'}}</view>
-				<view class="pulse" v-if="!checked"></view>
-				<view class="pulse1" v-if="!checked"></view>
-    	</view>
-     	<view class="des_title">
-				<view class="line"></view>
-				<view>注意事项</view>
-				<view class="line"></view>
-    	</view>
-			<view>为确保学校每个学生的接送安全，平台特将接送学生的有关的 安全细则及注意事项重申如下，希望相关监护人及学生遵照执 行： </view>
-			<view>1.要遵守校规，按时到校，听从教师的教导。 </view>
-			<view>2.上课要自觉遵守课堂纪律，认真听讲，积极思维，好好学习。</view>
-		</view>
-	</view>
+    <cu-custom :isBack="true" title="上课签到"></cu-custom>
+    <view class="header bg-white" :style="[{top:topHeader + 'px'}]">
+      <view class="icon_title flex align-center justify-between solid-bottom">
+        <view class="info flex align-center justify-between">
+          <image mode="scaleToFill" :src="user.avatarUrl" class="avatar lg" v-if="user.avatarUrl"></image>
+          <view class="username">{{user.nickName}}</view>
+        </view>
+        <view style="color:#00D2E3">{{info.status_desc}}</view>
+      </view>
+      <view class="class_info">
+        <view style="font-size:15px;margin-top: .6rem;">{{info.start_at}}</view>
+        <view class="class_title">{{info.course_name}}</view>
+        <view class="address flex align-center">
+          <image src="/static/imgs/school.png" mode="widthFix" style="width:18px;" />
+          <view style="margin-left: 10px;margin-right: 20px">{{info.school_name}}</view>
+          <image src="/static/imgs/address.png" mode="widthFix" style="width:14px;" />
+          <view style="margin-left: 10px">{{info.classroom_name}}</view>
+        </view>
+      </view>
+    </view>
+    <view class="content" v-if="info.status">
+      <view class="content_title">签到说明</view>
+      <view>接到学生后请“点击签到”按钮作为签到</view>
+      <view class="button" :style="checked?'background: #ddd':''" hover-class="button_hover" @tap="signIn">
+        <view class="text" :style="checked?'color: #aaa':''"> {{checked?'已签到':'点击签到'}}</view>
+        <view class="pulse" v-if="!checked"></view>
+        <view class="pulse1" v-if="!checked"></view>
+      </view>
+      <view class="des_title">
+        <view class="line"></view>
+        <view>注意事项</view>
+        <view class="line"></view>
+      </view>
+      <view>为确保学校每个学生的接送安全，平台特将接送学生的有关的 安全细则及注意事项重申如下，希望相关监护人及学生遵照执 行： </view>
+      <view>1.要遵守校规，按时到校，听从教师的教导。 </view>
+      <view>2.上课要自觉遵守课堂纪律，认真听讲，积极思维，好好学习。</view>
+    </view>
+  </view>
 </template>
 
 <script>
 import { _getSignIn, _toSignIn } from '@/api/course'
 import { mapGetters } from 'vuex'
 export default {
-  data() {
+  data () {
     return {
       topHeader: this.globalCustomBarHeight,
       checked: false,
@@ -58,20 +58,20 @@ export default {
       'user'
     ])
   },
-  onLoad(options) {
+  onLoad (options) {
     const id = decodeURIComponent(options.plan_id)
     if (!id) uni.navigateBack()
     this.plan_id = id
     this.init()
   },
   methods: {
-    init() {
+    init () {
       _getSignIn({ plan_id: this.plan_id }).then(res => {
         this.info = res.data.sign_data
         this.checked = this.info.status === 1
       })
     },
-    signIn() {
+    signIn () {
       if (this.checked) return false
       _toSignIn({ clock_in_id: this.info.clock_in_id }).then(res => {
         if (res.code === 1) {
@@ -84,47 +84,47 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.header{
-	position:static;
+.header {
+  position: static;
   border-radius: 0 0 10px 10px;
-  padding: .8rem;
-  .icon_title{
-    .info{
-      .username{
+  padding: 0.8rem;
+  .icon_title {
+    .info {
+      .username {
         font-size: 21px;
         margin-left: 15px;
       }
     }
   }
-  .class_info{
-    margin-left: .8rem;
+  .class_info {
+    margin-left: 0.8rem;
   }
-  .class_title{
+  .class_title {
     font-size: 20px;
     font-weight: 550;
-    margin-top: .6rem;
+    margin-top: 0.6rem;
   }
-  .address{
+  .address {
     display: flex;
     align-items: center;
-    color: #898E96;
+    color: #898e96;
     font-size: 14px;
-    margin-top: .6rem;
+    margin-top: 0.6rem;
   }
 }
-.content{
-  margin-top: .2rem;
+.content {
+  margin-top: 0.2rem;
   background: #fff;
   color: #888;
   padding: 2rem;
   font-size: 14px;
-  .content_title{
+  .content_title {
     font-size: 15px;
     font-weight: 600;
     color: #000;
-    margin-bottom: .4rem;
+    margin-bottom: 0.4rem;
   }
-  .button{
+  .button {
     margin: 2rem auto;
     width: 30vw;
     height: 30vw;
@@ -136,26 +136,26 @@ export default {
     color: #fff;
     font-weight: 600;
     position: relative;
-    .text{
-			position: absolute;
-			top: 50%;
+    .text {
+      position: absolute;
+      top: 50%;
       left: 50%;
-      transform: translate(-50%,-50%);
-		  width: 30vw;
+      transform: translate(-50%, -50%);
+      width: 30vw;
       z-index: 999;
     }
-    .pulse{
+    .pulse {
       position: absolute;
       top: 0;
       left: 0;
       width: 30vw;
       height: 30vw;
       border-radius: 50%;
-      animation: warn1 2s linear .5s infinite;
+      animation: warn1 2s linear 0.5s infinite;
       background: #bfeff7;
       z-index: 1;
     }
-    .pulse1{
+    .pulse1 {
       position: absolute;
       top: 0;
       left: 0;
@@ -167,12 +167,12 @@ export default {
       z-index: 1;
     }
   }
-  .des_title{
+  .des_title {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 1rem;
-    .line{
+    .line {
       border: 1px solid #aaa;
       width: 20vw;
       margin: 0 15px;
@@ -182,24 +182,24 @@ export default {
 
 @keyframes warn1 {
   0% {
-  transform: scale(1);
-  opacity: 0;
+    transform: scale(1);
+    opacity: 0;
   }
   25% {
-  transform: scale(1);
-  opacity: .1;
+    transform: scale(1);
+    opacity: 0.1;
   }
   50% {
-  transform: scale(1);
-  opacity: .3;
+    transform: scale(1);
+    opacity: 0.3;
   }
   75% {
-  transform: scale(1.1);
-  opacity: .5;
+    transform: scale(1.1);
+    opacity: 0.5;
   }
   100% {
-  transform: scale(1.3);
-  opacity: 0;
+    transform: scale(1.3);
+    opacity: 0;
   }
 }
 </style>

src/pages/studentcenter/works.vue

@@ -1,42 +1,42 @@
 <template>
   <view class="page">
-		<cu-custom :isBack="true" title="课堂作品"></cu-custom>
-		<scroll-view scroll-y="true"
-			:style="[{height:'calc(100vh - '+ topHeader+'px)'}]">
-			<view class="content">
-				<view class="course-img">
-					<swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval" :duration="swiper.duration">
-						<swiper-item v-for="(item,index) in detail.course_data.image" :key="index">
-							<view class="swiper-item">
-								  <image :src="item" mode="widthFix"></image>
-							</view>
-						</swiper-item>
-					</swiper>
-				</view>
-				<view>
-					<view class="title margin-top-sm">课堂作品</view>
-					<view class="list">
-						<view class="cu-card case" v-for="(item,index) in detail.student_comment_data.data" :key="index">
-							<view class="cu-item shadow">
-								<view class="image">
-									<view v-for="(img,i) in item.images" :key="i">
-										 <image :src="img" v-if="checkTypes(img,'imgs')" mode="aspectFit" style="width:100%;"></image>
-									   <video :src="img" v-if="checkTypes(img,'video')"  style="width:100%;"></video>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</scroll-view>
-	</view>
+    <cu-custom :isBack="true" title="课堂作品"></cu-custom>
+    <scroll-view scroll-y="true" :style="[{height:'calc(100vh - '+ topHeader+'px)'}]">
+      <view class="content">
+        <view class="course-img">
+          <swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
+            :interval="swiper.interval" :duration="swiper.duration">
+            <swiper-item v-for="(item,index) in detail.course_data.image" :key="index">
+              <view class="swiper-item">
+                <image :src="item" mode="widthFix"></image>
+              </view>
+            </swiper-item>
+          </swiper>
+        </view>
+        <view>
+          <view class="title margin-top-sm">课堂作品</view>
+          <view class="list">
+            <view class="cu-card case" v-for="(item,index) in detail.student_comment_data.data" :key="index">
+              <view class="cu-item shadow">
+                <view class="image">
+                  <view v-for="(img,i) in item.images" :key="i">
+                    <image :src="img" v-if="checkTypes(img,'imgs')" mode="aspectFit" style="width:100%;"></image>
+                    <video :src="img" v-if="checkTypes(img,'video')" style="width:100%;"></video>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
 </template>
 
 <script>
 import { checkTypes } from '@/common/utils/index'
 export default {
-  data() {
+  data () {
     return {
       topHeader: this.globalCustomBarHeight,
       detail: {},
@@ -48,12 +48,12 @@ export default {
       }
     }
   },
-  onLoad() {
+  onLoad () {
     this.init()
   },
   methods: {
     checkTypes,
-    init() {
+    init () {
       this.detail = JSON.parse(uni.getStorageSync('daily_class'))
     }
   }
@@ -61,7 +61,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page{
-	height:100vh;
+.page {
+  height: 100vh;
 }
 </style>