更新

dist/css/Approval.98d79a05.css

@@ -0,0 +1 @@
+[data-v-3b8a4780] .van-popup--bottom{border-radius:.1rem .1rem 0 0;overflow:hidden}[data-v-3b8a4780] .van-picker__cancel{color:#666}[data-v-3b8a4780] .van-picker__confirm{color:#01c1b5}[data-v-3b8a4780] .van-list__finished-text{color:silver}[data-v-3b8a4780] .van-dropdown-menu__title{font-size:.17rem;color:#1a1a1a;line-height:inherit;height:auto}[data-v-3b8a4780] .van-rate__item:not(:last-child){padding-right:.15rem}.van-button--primary[data-v-3b8a4780]{background:#01c1b5;border:1px solid #01c1b5}.approval[data-v-3b8a4780]{min-height:100vh}[data-v-3b8a4780] .van-tab--active{color:#ef5a50}[data-v-3b8a4780] .van-tabs__line{background-color:#01c1b5}.app-item[data-v-3b8a4780]{margin:0 .16rem .1rem;background:#fff;border-radius:.1rem;font-size:.14rem}.app-item[data-v-3b8a4780]:first-child{margin-top:.1rem}.app-item .hd[data-v-3b8a4780]{padding:.1rem .15rem .1rem .19rem;border-bottom:1px solid #f5f5f5;color:#777;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.app-item .bd[data-v-3b8a4780]{padding:.12rem .15rem .2rem .19rem;line-height:.2rem}

src/views/teacher/Approval.vue

@@ -1,160 +1,179 @@
-<template>
-    <div class="approval">
-        <m-header />
-        <van-tabs :swipeable="true" :animated="true">
-            <van-tab title="待处理">
-                <van-list v-model="dataSection.loading" v-if="dataSection.show" key="data"
-                    :finished="dataSection.finished"
-                    finished-text="- 没有更多数据了 -"
-                    @load="getClassGroupList">
-                    <div v-for="(item, index) in dataSection.dataList" :key="index" class="app-item">
-                        <div class="hd">
-                            <span class="orangeStatus">待处理</span>
-                            <span>2019-09-01</span>
-                        </div>
-                        <div class="bd">
-                            <p>申请人：黄青筝</p>
-                            <p>审批事项：调休</p>
-                            <p>开始时间：2019-09-01  9:00</p>
-                            <p>结束时间：2019-09-01  18:00</p>
-                            <p>备注：家中急事，调休一天</p>
-                        </div>
-                    </div>
-                </van-list>
-                <m-empty v-else key="data" />
-            </van-tab>
-            <van-tab title="已处理">
-                <van-list v-model="recordSection.loading"  v-if="recordSection.show" key="records"
-                    :finished="recordSection.finished"
-                    finished-text="- 没有更多数据了 -"
-                    @load="getStudentAttendanceList">
-                    <div v-for="i in 6" :key="i" class="app-item">
-                        <div class="hd">
-                            <span class="orangeStatus">待处理</span>
-                            <span>2019-09-01</span>
-                        </div>
-                        <div class="bd">
-                            <p>申请人：黄青筝</p>
-                            <p>审批事项：调休</p>
-                            <p>开始时间：2019-09-01  9:00</p>
-                            <p>结束时间：2019-09-01  18:00</p>
-                            <p>备注：家中急事，调休一天</p>
-                        </div>
-                    </div>
-                </van-list>
-                <m-empty v-else key="records" />
-            </van-tab>
-        </van-tabs>
-
-    </div>
-</template>
-<script>
-import MHeader from '@/components/MHeader'
-import MEmpty from '@/components/MEmpty'
-import { queryWaitList, queryProcessedList } from '@/api/teacher'
-export default {
-    name: 'approval',
-    components: { MHeader, MEmpty },
-    data() {
-        return {
-            dataSection: {
-                show: true, // 判断是否有数据
-                dataList: [],
-                loading: false,
-                finished: false,
-                params: {
-                    groupId: this.$route.params.groupId,
-                    pageNo: 1,
-                    pageSize: 10
-                }
-            },
-            recordSection: {
-                show: true, // 判断是否有数据
-                recordList: [],
-                loading: false,
-                finished: false,
-                params: {
-                    groupId: this.$route.params.groupId,
-                    pageNo: 1,
-                    pageSize: 10
-                }
-            }
-        }
-    },
-    methods: {
-        getClassGroupList() { 
-            let dataSection = this.dataSection
-            let params = dataSection.params
-            queryWaitList(params).then(res => {
-                let result = res.data
-                dataSection.loading = false
-                if(result.code == 200) {
-                    dataSection.dataList = dataSection.dataList.concat(result.data.result)
-                    if(params.pageNo >= result.data.totalPages) {
-                        dataSection.finished = true
-                    }
-                    dataSection.params.pageNo++
-                } else {
-                    dataSection.finished = true
-                }
-                if(dataSection.dataList.length <= 0) {
-                    dataSection.show = false
-                }
-            })
-        },
-        getStudentAttendanceList() { 
-            let recordSection = this.recordSection
-            let params = recordSection.params
-            queryProcessedList(params).then(res => {
-                let result = res.data
-                recordSection.loading = false
-                if(result.returnCode == 200) {
-                    this.recordTotal = result.total
-                    recordSection.recordList = recordSection.recordList.concat(result.records)
-                    if(params.pageNo >= result.pages) {
-                        recordSection.finished = true
-                    }
-                    recordSection.params.pageNo++
-                } else {
-                    recordSection.finished = true
-                }
-                if(recordSection.recordList.length <= 0) {
-                    recordSection.show = false
-                }
-            })
-        },
-    }
-}
-</script>
-<style lang='less' scoped>
-@import url("../../assets/commonLess/variable.less");
-.approval {
-    min-height: 100vh;
-}
-/deep/.van-tab--active {
-    color: #EF5A50;
-}
-/deep/.van-tabs__line {
-    background-color: @mColor;
-}
-.app-item {
-    margin: 0 .16rem .1rem;
-    background: @whiteColor;
-    border-radius: .1rem;
-    font-size: .14rem;
-    &:first-child {
-        margin-top: .1rem;
-    }
-    .hd {
-        padding: .1rem .15rem .1rem .19rem;
-        border-bottom: 1px solid #f5f5f5;
-        color: @tFontColor;
-        display: flex;
-        justify-content: space-between;
-    }
-    .bd {
-        padding: .12rem .15rem .2rem .19rem;
-        line-height: .2rem;
-    }
-}
-</style>
+<template>
+  <div class="approval">
+    <!-- <m-header /> -->
+    <van-tabs :swipeable="true" :animated="true">
+      <van-tab title="待处理">
+        <!-- <van-list v-model="dataSection.loading" v-if="dataSection.show" key="data"
+                    :finished="dataSection.finished"
+                    finished-text="- 没有更多数据了 -"
+                    @load="getClassGroupList" immediate-check="false">
+                    <div v-for="(item, index) in dataSection.dataList" :key="index" class="app-item">
+                        <div class="hd">
+                            <span class="orangeStatus">待处理</span>
+                            <span>2019-09-01</span>
+                        </div>
+                        <div class="bd">
+                            <p>申请人：黄青筝</p>
+                            <p>审批事项：调休</p>
+                            <p>开始时间：2019-09-01  9:00</p>
+                            <p>结束时间：2019-09-01  18:00</p>
+                            <p>备注：家中急事，调休一天</p>
+                        </div>
+                    </div>
+                </van-list>
+                <m-empty v-else key="data" /> -->
+      </van-tab>
+      <van-tab title="已处理">
+        <!-- <van-list v-model="recordSection.loading"  v-if="recordSection.show" key="records"
+                    :finished="recordSection.finished"
+                    finished-text="- 没有更多数据了 -"
+                    @load="getStudentAttendanceList">
+                    <div v-for="i in 6" :key="i" class="app-item">
+                        <div class="hd">
+                            <span class="orangeStatus">待处理</span>
+                            <span>2019-09-01</span>
+                        </div>
+                        <div class="bd">
+                            <p>申请人：黄青筝</p>
+                            <p>审批事项：调休</p>
+                            <p>开始时间：2019-09-01  9:00</p>
+                            <p>结束时间：2019-09-01  18:00</p>
+                            <p>备注：家中急事，调休一天</p>
+                        </div>
+                    </div>
+                </van-list>
+                <m-empty v-else key="records" /> -->
+      </van-tab>
+    </van-tabs>
+  </div>
+</template>
+<script>
+// import MHeader from '@/components/MHeader'
+// import MEmpty from '@/components/MEmpty'
+import { browser } from "@/common/common";
+import { queryWaitList, queryProcessedList } from "@/api/teacher";
+export default {
+  name: "approval",
+  // components: { MHeader, MEmpty },
+  data() {
+    return {
+      dataSection: {
+        show: true, // 判断是否有数据
+        dataList: [],
+        loading: false,
+        finished: false,
+        params: {
+          groupId: this.$route.params.groupId,
+          pageNo: 1,
+          pageSize: 10,
+        },
+      },
+      recordSection: {
+        show: true, // 判断是否有数据
+        recordList: [],
+        loading: false,
+        finished: false,
+        params: {
+          groupId: this.$route.params.groupId,
+          pageNo: 1,
+          pageSize: 10,
+        },
+      },
+    };
+  },
+  mounted() {
+    this.$dialog
+      .alert({
+        message: "暂不支持，敬请期待",
+      })
+      .then(() => {
+        if (browser().android) {
+          window.DAYA.postMessage(JSON.stringify({ api: "back" }));
+        } else if (browser().iPhone) {
+          window.webkit.messageHandlers.DAYA.postMessage(
+            JSON.stringify({ api: "back" })
+          );
+        }
+      });
+  },
+  methods: {
+    getClassGroupList() {
+      let dataSection = this.dataSection;
+      let params = dataSection.params;
+      queryWaitList(params).then((res) => {
+        let result = res.data;
+        dataSection.loading = false;
+        if (result.code == 200) {
+          dataSection.dataList = dataSection.dataList.concat(
+            result.data.result
+          );
+          if (params.pageNo >= result.data.totalPages) {
+            dataSection.finished = true;
+          }
+          dataSection.params.pageNo++;
+        } else {
+          dataSection.finished = true;
+        }
+        if (dataSection.dataList.length <= 0) {
+          dataSection.show = false;
+        }
+      });
+    },
+    getStudentAttendanceList() {
+      let recordSection = this.recordSection;
+      let params = recordSection.params;
+      queryProcessedList(params).then((res) => {
+        let result = res.data;
+        recordSection.loading = false;
+        if (result.returnCode == 200) {
+          this.recordTotal = result.total;
+          recordSection.recordList = recordSection.recordList.concat(
+            result.records
+          );
+          if (params.pageNo >= result.pages) {
+            recordSection.finished = true;
+          }
+          recordSection.params.pageNo++;
+        } else {
+          recordSection.finished = true;
+        }
+        if (recordSection.recordList.length <= 0) {
+          recordSection.show = false;
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+@import url("../../assets/commonLess/variable.less");
+.approval {
+  min-height: 100vh;
+}
+/deep/.van-tab--active {
+  color: #ef5a50;
+}
+/deep/.van-tabs__line {
+  background-color: @mColor;
+}
+.app-item {
+  margin: 0 0.16rem 0.1rem;
+  background: @whiteColor;
+  border-radius: 0.1rem;
+  font-size: 0.14rem;
+  &:first-child {
+    margin-top: 0.1rem;
+  }
+  .hd {
+    padding: 0.1rem 0.15rem 0.1rem 0.19rem;
+    border-bottom: 1px solid #f5f5f5;
+    color: @tFontColor;
+    display: flex;
+    justify-content: space-between;
+  }
+  .bd {
+    padding: 0.12rem 0.15rem 0.2rem 0.19rem;
+    line-height: 0.2rem;
+  }
+}
+</style>