11

11

src/api/teacher.js

@@ -293,7 +293,7 @@ const getReviewsInfo = (data) => {
 }
 
 // 查询班级声部
-const findTeacherClassGroupInfo = (data)=>{
+const findTeacherClassGroupInfo = (data) => {
   return axios({
     url: '/api-teacher/classGroup/findTeacherClassGroupInfo',
     method: 'get',
@@ -302,7 +302,7 @@ const findTeacherClassGroupInfo = (data)=>{
   })
 }
 // 获取必须提交的陪练列表
-const getNeedPost = (data)=>{
+const getNeedPost = (data) => {
   return axios({
     url: '/api-teacher/studyReport/getNeedPost',
     method: 'get',
@@ -311,7 +311,7 @@ const getNeedPost = (data)=>{
   })
 }
 // 网管课评论列表/api-teacher/courseReview/getPracticeGroup
-const getPracticeGroup = (data)=>{
+const getPracticeGroup = (data) => {
   return axios({
     url: '/api-teacher/courseReview/getPracticeGroup',
     method: 'get',
@@ -321,7 +321,7 @@ const getPracticeGroup = (data)=>{
 }
 
 // 获取课程头部信息
-const getCourseInfoHead = (data)=>{
+const getCourseInfoHead = (data) => {
   return axios({
     url: '/api-teacher/courseReview/getCourseInfoHead',
     method: 'get',
@@ -331,7 +331,7 @@ const getCourseInfoHead = (data)=>{
 }
 
 // 提交评论
-const courseReviewAdd = (data)=>{
+const courseReviewAdd = (data) => {
   return axios({
     url: '/api-teacher/courseReview/add',
     method: 'post',
@@ -340,7 +340,7 @@ const courseReviewAdd = (data)=>{
   })
 }
 // 修改评论
-const updateReviewInfo = (data)=>{
+const updateReviewInfo = (data) => {
   return axios({
     url: '/api-teacher/courseReview/updateReviewInfo',
     method: 'post',
@@ -349,7 +349,7 @@ const updateReviewInfo = (data)=>{
 }
 
 // 获取评论详情
-const getReviewInfo = (data)=>{
+const getReviewInfo = (data) => {
   return axios({
     url: '/api-teacher/courseReview/getReviewInfo',
     method: 'get',
@@ -358,7 +358,7 @@ const getReviewInfo = (data)=>{
 }
 
 // 是否有布置作业
-const checkeIsAssignHomework = (data)=>{
+const checkeIsAssignHomework = (data) => {
   return axios({
     url: '/api-teacher/teacherCourseHomeworkReply/checkeIsAssignHomework',
     method: 'get',
@@ -367,13 +367,21 @@ const checkeIsAssignHomework = (data)=>{
 }
 
 // 获取学生列表
-const queryStudentsWithTeacher = (data)=>{
+const queryStudentsWithTeacher = (data) => {
   return axios({
     url: '/api-teacher/teacherVipGroup/queryStudentsWithTeacher',
     method: 'get',
     params: data
   })
 }
+// 获取回访记录列表
+const geteduVisitList = (data) => {
+  return axios({
+    url: '/api-teacher/eduVisit/queryPage',
+    method: 'get',
+    params: data
+  })
+}
 
 export {
   queryMyCreatedList,
@@ -416,5 +424,6 @@ export {
   updateReviewInfo,
   getReviewInfo,
   checkeIsAssignHomework,
-  queryStudentsWithTeacher
+  queryStudentsWithTeacher,
+  geteduVisitList
 }

src/router/teacherRouter.js

@@ -222,6 +222,16 @@ let teacherRouter = [
       descrition: "待完成月报",
       weight: 8 // 页面权重
     }
+  },
+  {
+    path: "/visitList",
+    name: "visitList",
+    component: () =>
+      import(/* webpackChunkName: "privacy" */ "@/views/teacher/visitManager/visitList"),
+    meta: {
+      descrition: "回访记录",
+      weight: 8 // 页面权重
+    }
   }
 ];
 

src/views/teacher/Business.vue

@@ -1,8 +1,8 @@
 <template>
-    <div class="business">
-        <m-header />
-        
-        <!-- <section class="module m-shadow">
+  <div class="business">
+    <m-header />
+
+    <!-- <section class="module m-shadow">
             <h2 class="title">审批</h2>
             <div class="module-item">
                 <router-link :to="{ path: '/approval' }"
@@ -13,123 +13,126 @@
                             class="module-link"><i class="icon icon_3"></i>抄送我的</router-link>
             </div>
         </section> -->
+    <section class="module m-shadow">
+      <h2 class="title">业务申请</h2>
+      <div class="module-item">
+        <router-link :to="{ path: '/leave' }"
+                     class="module-link"><i class="icon icon_4"></i>课程请假</router-link>
+        <router-link :to="{ path: '/periodadjust' }"
+                     class="module-link"><i class="icon icon_5"></i>课时调整</router-link>
+        <router-link :to="{ path: '/VIPApply' }"
+                     class="module-link"><i class="icon icon_6"></i>VIP申请</router-link>
+      </div>
+    </section>
 
-        <section class="module m-shadow">
-            <h2 class="title">业务申请</h2>
-            <div class="module-item">
-                <router-link :to="{ path: '/leave' }"
-                            class="module-link"><i class="icon icon_4"></i>课程请假</router-link>
-                <router-link :to="{ path: '/periodadjust' }" 
-                            class="module-link"><i class="icon icon_5"></i>课时调整</router-link>
-                <router-link :to="{ path: '/VIPApply' }" 
-                            class="module-link"><i class="icon icon_6"></i>VIP申请</router-link>
-            </div>
-        </section>
+    <section class="module m-shadow">
+      <h2 class="title">教学</h2>
+      <div class="module-item">
+        <!-- <span class="module-link"><i class="icon icon_7"></i>作业列表</span> -->
+        <router-link class="module-link"
+                     :to="{ path: '/tobeReport' }"><i class="icon icon_8"></i>待完成月报</router-link>
+        <router-link class="module-link"
+                     :to="{ path: '/manageEvaluation' }"><i class="icon icon_evaluate"></i>线上课评价</router-link>
+      </div>
+    </section>
 
-        <section class="module m-shadow">
-            <h2 class="title">教学</h2>
-            <div class="module-item">
-                <!-- <span class="module-link"><i class="icon icon_7"></i>作业列表</span> -->
-                <router-link class="module-link" :to="{ path: '/tobeReport' }" ><i class="icon icon_8"></i>待完成月报</router-link>
-                <router-link class="module-link" :to="{ path: '/manageEvaluation' }" ><i class="icon icon_evaluate"></i>线上课评价</router-link>
-            </div>
-        </section>
-
-    </div>
+  </div>
 </template>
 <script>
 import MHeader from '@/components/MHeader'
 export default {
   name: 'business',
   components: { MHeader },
-  data() {
-      return {
-          userId: this.$route.params.userId,
-          dataInfo: null
-      }
+  data () {
+    return {
+      userId: this.$route.params.userId,
+      dataInfo: null
+    }
   },
-  mounted () { 
+  mounted () {
 
   },
 }
 </script>
 <style lang='less' scoped>
-@import url('../../assets/commonLess/variable.less');
+@import url("../../assets/commonLess/variable.less");
 .business {
-    min-height: 100vh;
+  min-height: 100vh;
 }
-section, .tip-message {
-    margin: 0.1rem .16rem 0;
-    background: @whiteColor;
+section,
+.tip-message {
+  margin: 0.1rem 0.16rem 0;
+  background: @whiteColor;
 }
 .business {
-    background: @whiteColor;
-    overflow: hidden;
+  background: @whiteColor;
+  overflow: hidden;
 }
 
 .module {
-    padding: 0.1rem 0;
-    color: @mFontColor;
-    .title {
-        font-size: 0.16rem;
-        font-weight: bold;
-        padding-left: 0.2rem;
-        padding-bottom: 0.1rem;
-    }
-    .module-item {
-        display: flex;
-        align-items: center;
-        justify-items: center;
-        // justify-content: space-around;
-        font-size: 0.14rem;
-        .module-link {
-        //   flex: 1;
-            width: 33.333%;
-            text-align: center;
-        }
+  padding: 0.1rem 0;
+  color: @mFontColor;
+  .title {
+    font-size: 0.16rem;
+    font-weight: bold;
+    padding-left: 0.2rem;
+    padding-bottom: 0.1rem;
+  }
+  .module-item {
+    display: flex;
+    align-items: center;
+    justify-items: center;
+    // justify-content: space-around;
+    font-size: 0.14rem;
+    .module-link {
+      //   flex: 1;
+      width: 33.333%;
+      text-align: center;
     }
+  }
 
-    .icon {
-        width: 0.42rem;
-        height: 0.42rem;
-        display: block;
-        margin: 0 auto 0.06rem;
-    }
-    .icon_1 {
-        background: url("../../assets/images/business/1.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_2 {
-        background: url("../../assets/images/business/2.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_3 {
-        background: url("../../assets/images/business/3.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_4 {
-        background: url("../../assets/images/business/4.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_5 {
-        background: url("../../assets/images/business/5.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_6 {
-        background: url("../../assets/images/business/6.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_7 {
-        background: url("../../assets/images/business/7.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_8 {
-        background: url("../../assets/images/business/7.png") no-repeat center;
-        background-size: contain;
-    }
-    .icon_evaluate {
-        background: url("../../assets/images/business/icon_evaluate.png") no-repeat center;
-        background-size: contain;
-    }
+  .icon {
+    width: 0.42rem;
+    height: 0.42rem;
+    display: block;
+    margin: 0 auto 0.06rem;
+  }
+  .icon_1 {
+    background: url("../../assets/images/business/1.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_2 {
+    background: url("../../assets/images/business/2.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_3 {
+    background: url("../../assets/images/business/3.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_4 {
+    background: url("../../assets/images/business/4.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_5 {
+    background: url("../../assets/images/business/5.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_6 {
+    background: url("../../assets/images/business/6.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_7 {
+    background: url("../../assets/images/business/7.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_8 {
+    background: url("../../assets/images/business/7.png") no-repeat center;
+    background-size: contain;
+  }
+  .icon_evaluate {
+    background: url("../../assets/images/business/icon_evaluate.png") no-repeat
+      center;
+    background-size: contain;
+  }
 }
 </style>

src/views/teacher/visitManager/visitList.vue

@@ -0,0 +1,242 @@
+<template>
+  <div>
+    <m-header>
+      <template v-slot:right>
+        <div>
+          <img class='addClass'
+               :src="addImg"
+               alt="">
+        </div>
+      </template>
+    </m-header>
+    <van-dropdown-menu class="searchTab">
+      <van-dropdown-item v-model="value1"
+                         :options="option1" />
+      <van-dropdown-item v-model="value2"
+                         :options="option2" />
+      <van-dropdown-item title="选择年月日"
+                         ref="item">
+        <van-cell title="开始时间"
+                  is-link
+                  @click="showStart = true"
+                  :value="fomatStartTime"></van-cell>
+        <van-popup v-model="showStart"
+                   position="bottom"
+                   :style="{ height: '40%' }">
+          <van-datetime-picker v-model="startDate"
+                               :formatter='formatter'
+                               type="date"
+                               @confirm='chioseDate' />
+        </van-popup>
+
+        <van-cell title="结束时间"
+                  is-link
+                  @click="showEnd = true"
+                  :value="fomatEndtTime"></van-cell>
+        <van-popup v-model="showEnd"
+                   position="bottom"
+                   :style="{ height: '40%' }">
+          <van-datetime-picker v-model="endDate"
+                               :formatter='formatter'
+                               type="date"
+                               @confirm='chioseDate' />
+        </van-popup>
+        <div class="btnWrap">
+          <div class="cancelBtn"
+               @click="cancelBtn">取消</div>
+          <div class="okBtn"
+               @click="okBtn">确定</div>
+        </div>
+      </van-dropdown-item>
+    </van-dropdown-menu>
+    <div class="wall"
+         style="height:50px; width:100%"></div>
+    <van-pull-refresh v-model="refreshing"
+                      @refresh="onRefresh">
+      <van-list v-model="loading"
+                :finished="finished"
+                finished-text="没有更多了"
+                @load="getList">
+        <div class="mcell"
+             is-link>
+          <div class="name">
+            <p class="subTitle">常规回访</p>
+            <p class="studentName">张三</p>
+          </div>
+          <div class="title">课后及作业回访</div>
+          <div class="time">2020-08-14<i class="van-icon van-icon-arrow van-cell__right-icon">
+            </i></div>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+  </div>
+</template>
+<script>
+import MHeader from '@/components/MHeader'
+import dayjs from 'dayjs'
+import { bv } from '@/api/teacher'
+export default {
+  components: { MHeader },
+  data () {
+    return {
+      addImg: require("@/assets/images/add_icon.png"),
+      value1: 0,
+      value2: 'a',
+      option1: [
+        { text: '全部商品', value: 0 },
+        { text: '新款商品', value: 1 },
+        { text: '活动商品', value: 2 },
+      ],
+      option2: [
+        { text: '默认排序', value: 'a' },
+        { text: '好评排序', value: 'b' },
+        { text: '销量排序', value: 'c' },
+      ],
+      startDate: null,
+      endDate: null,
+      showStart: false,
+      showEnd: false,
+      list: [],
+      loading: false,
+      finished: false,
+      refreshing: false,
+    }
+  },
+  methods: {
+    cancelBtn () {
+      this.startDate = null
+      this.endDate = null
+      this.$refs.item.toggle();
+    },
+    okBtn () {
+      this.$refs.item.toggle();
+    },
+    chioseDate () {
+      // this.$refs.item.toggle();
+      // console.log(val)
+      this.showStart = false
+      this.showEnd = false
+    },
+    getList () {
+      if (this.refreshing) {
+        this.list = [];
+        // this.refreshing = false;
+        // this.refreshing = true;
+
+        setTimeout(() => {
+          this.refreshing = false;
+          this.loading = false;
+          this.finished = false;
+        }, 1000);
+
+      }
+      this.refreshing = false;
+      this.loading = false;
+      this.finished = false;
+
+    },
+    onRefresh () {
+      // 清空列表数据
+      this.finished = false;
+
+      // 重新加载数据
+      // 将 loading 设置为 true，表示处于加载状态
+      this.loading = true;
+      this.onLoad();
+    },
+    formatter (type, val) {
+      if (type === "year") {
+        return `${val}年`;
+      } else if (type === "month") {
+        return `${val}月`;
+      } else if (type == "day") {
+        return `${val}日`;
+      }
+      return val;
+    },
+
+  },
+  computed: {
+    fomatStartTime () {
+      return this.startDate ? dayjs(this.startDate).format('YYYY-MM-DD') : ''
+    },
+    fomatEndtTime () {
+      return this.endDate ? dayjs(this.endDate).format('YYYY-MM-DD') : ''
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.addClass {
+  width: 0.2rem;
+  height: 0.2rem;
+  line-height: 0.2rem;
+  position: relative;
+  top: 0.05rem;
+}
+.searchTab {
+  position: fixed;
+  top: 0.44rem;
+  left: 0;
+  z-index: 10;
+  width: 100%;
+}
+.mcell {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background-color: #fff;
+  border-bottom: 1px solid #f3f4f8;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  height: 72px;
+  padding: 15px 0.15rem 10px;
+  .name {
+    .subTitle {
+      color: #808080;
+      line-height: 20px;
+      font-size: 14px;
+      height: 26px;
+    }
+    .studentName {
+      line-height: 22px;
+      font-size: 16px;
+      color: #1a1a1a;
+    }
+  }
+  .title {
+    line-height: 46px;
+  }
+  .time {
+    line-height: 46px;
+    color: #808080;
+    font-size: 14px;
+    i {
+      position: relative;
+      top: 3px;
+    }
+  }
+}
+.btnWrap {
+  display: flex;
+  flex-direction: row;
+  .cancelBtn {
+    height: 48px;
+    line-height: 48px;
+    background: #e1f6f4;
+    color: #14928a;
+    text-align: center;
+    width: 100%;
+  }
+  .okBtn {
+    width: 100%;
+    height: 48px;
+    line-height: 48px;
+    background: #14928a;
+    color: #fff;
+    text-align: center;
+  }
+}
+</style>