ta

dist/static/css/chunk-42b28c77.65cab0a8.css → dist/static/css/chunk-a2e991a0.93f2ec91.css

@@ -1 +1 @@
-[data-v-17fd27b2] .van-tab{width:2.66667rem;text-align:center}[data-v-17fd27b2] .van-tabs__line{width:2.4rem;height:.05333rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:#4a8efc}[data-v-17fd27b2] .van-tab__pane{height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;width:100%}.searchPage[data-v-17fd27b2]{width:100%;height:calc(100vh - 3.33333rem);box-sizing:border-box;margin-top:.53333rem;min-height:8rem;overflow-y:auto;overflow-x:hidden}.search[data-v-17fd27b2]{position:fixed;top:0;width:100%}.students[data-v-17fd27b2]{width:95%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.26667rem}.students .stuBlock[data-v-17fd27b2]{min-width:2.66667rem;margin-top:.26667rem;margin-right:.4rem;box-sizing:border-box;padding:.10667rem .13333rem;border-radius:.10667rem;background:#f6fafb;color:rgba(0,0,0,.9);font-family:Microsoft YaHei;font-size:.37333rem;font-style:normal}.searchBlock[data-v-17fd27b2],.students .stuBlock[data-v-17fd27b2]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.searchBlock[data-v-17fd27b2]{width:100%;height:1.2rem;background-color:#e8e8eb}.claTit[data-v-17fd27b2]{margin-top:.53333rem;margin-left:.26667rem;width:3.46667rem;height:.8rem;line-height:.53333rem;color:#101010;font-size:.37333rem;text-align:left;font-family:PingFangSC-regular}
+[data-v-16a62607] .van-tab{width:2.66667rem;text-align:center}[data-v-16a62607] .van-tabs__line{width:2.4rem;height:.05333rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:#4a8efc}[data-v-16a62607] .van-tab__pane{height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;width:100%}.searchPage[data-v-16a62607]{width:100%;height:calc(100vh - 3.33333rem);box-sizing:border-box;margin-top:.53333rem;min-height:8rem;overflow-y:auto;overflow-x:hidden}.search[data-v-16a62607]{position:fixed;top:0;width:100%}.students[data-v-16a62607]{width:95%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.26667rem}.students .stuBlock[data-v-16a62607]{min-width:2.66667rem;margin-top:.26667rem;margin-right:.4rem;box-sizing:border-box;padding:.10667rem .13333rem;border-radius:.10667rem;background:#f6fafb;color:rgba(0,0,0,.9);font-family:Microsoft YaHei;font-size:.37333rem;font-style:normal}.searchBlock[data-v-16a62607],.students .stuBlock[data-v-16a62607]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.searchBlock[data-v-16a62607]{width:100%;height:1.2rem;background-color:#e8e8eb}.claTit[data-v-16a62607]{margin-top:.53333rem;margin-left:.26667rem;width:3.46667rem;height:.8rem;line-height:.53333rem;color:#101010;font-size:.37333rem;text-align:left;font-family:PingFangSC-regular}

package.json

@@ -15,6 +15,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@better-scroll/core": "^2.0.0-beta.10",
     "axios": "^0.19.2",
     "core-js": "^3.6.4",
     "element-ui": "^2.15.13",

public/index.html

@@ -33,11 +33,4 @@
 </html>
 <script>
   // document.domain = "cocorobo.cn"
-  document.querySelector('body').addEventListener(
-    'touchmove',
-    function (event) {
-      event.preventDefault()
-    })
-
-
 </script>

src/views/eva/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 学生评价 -->
-  <div>
+  <div ref="tabs">
     <!-- 搜索框开始 -->
     <div class="search">
       <van-search v-model.trim="userName" placeholder="学生姓名" />
@@ -43,6 +43,7 @@
 import { selectClassStudent } from '@/api/eva'
 import { selectSerStudent } from '@/api/eva'
 import { select_techerAllClass } from '@/api/eva'
+import BScroll from '@better-scroll/core'
 // import classList from './components/classList.vue'
 // 多选框组件
 // import selects from './components/selects.vue'
@@ -59,7 +60,8 @@ export default {
       // 班级学生数组
       stuList: [],
       // 搜索结果数组
-      searchList: []
+      searchList: [],
+      scorllTaps: null
     }
   },
   watch: {
@@ -131,7 +133,14 @@ export default {
       })
     }
   },
-  mounted() {},
+  mounted() {
+    this.$nextTick(() => {
+      this.scorllTaps = new BScroll(this.$refs['tabs'], {
+        scroll: false,
+        eventPassthrough: 'vertical' // 允许纵向滚动穿透
+      })
+    })
+  },
   created() {
     this.getData()
     console.log('state', this.$store.state)

src/views/eva/searchstuDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 学生详情 -->
-  <div class="studentDetail">
+  <div class="studentDetail" ref="tabs">
     <bar :tit="'学生记录'" :backPage="1"></bar>
     <div style="height: 50px;"></div>
     <!-- 顶部学生信息开始 -->
@@ -126,6 +126,7 @@ import selectStyle from './components/selectStyle.vue'
 import bar from './components/bar.vue'
 // 弹窗组件
 import pop from './components/pop.vue'
+import BScroll from '@better-scroll/core'
 export default {
   components: {
     bar,
@@ -163,7 +164,8 @@ export default {
       termData: [],
 
       TermRecord: [],
-      timeOutEvent: 0
+      timeOutEvent: 0,
+      scorllTaps: null
     }
   },
   methods: {
@@ -353,6 +355,14 @@ export default {
       // )
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.scorllTaps = new BScroll(this.$refs['tabs'], {
+        scrollX: true,
+        eventPassthrough: 'vertical' // 允许纵向滚动穿透
+      })
+    })
+  },
   created() {
     this.stuId = localStorage.getItem('userId')
     this.selTerm()

src/views/eva/studentDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 学生详情 -->
-  <div class="studentDetail">
+  <div class="studentDetail" ref="tabs">
     <bar :tit="'学生记录'" :backPage="1"></bar>
     <div style="height: 50px;"></div>
     <!-- 顶部学生信息开始 -->
@@ -144,6 +144,7 @@ import selectStyle from './components/selectStyle.vue'
 import bar from './components/bar.vue'
 // 弹窗组件
 import pop from './components/pop.vue'
+import BScroll from '@better-scroll/core'
 export default {
   components: {
     bar,
@@ -184,7 +185,8 @@ export default {
       // 学期记录条数
       TermRecord: [],
 
-      timeOutEvent: 0
+      timeOutEvent: 0,
+      scorllTaps: null
     }
   },
   methods: {
@@ -439,6 +441,14 @@ export default {
       this.$router.push(`/studentEvaluate?shareShow=${1}&rid=${e}&cid=${this.$route.query.cid}`)
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.scorllTaps = new BScroll(this.$refs['tabs'], {
+        scrollX: true,
+        eventPassthrough: 'vertical' // 允许纵向滚动穿透
+      })
+    })
+  },
   created() {
     this.stuId = localStorage.getItem('userId')
     this.selTerm()