修改

src/router/auditionRouter.js

@@ -15,6 +15,30 @@ let auditionRouter = [
             descrition: '课程评价',
             weight: 3 // 页面权重
         }
+    }, {
+        path: '/remuneration',
+        name: 'remuneration',
+        component: () => import(/* webpackChunkName:'Remuneration'*/'@/views/audition/Remuneration.vue'),
+        meta: {
+            descrition: '课酬确认',
+            weight: 4 // 页面权重
+        }
+    }, {
+        path: '/appealDetail',
+        name: 'appealDetail',
+        component: () => import(/* webpackChunkName:'AppealDetail'*/'@/views/audition/AppealDetail.vue'),
+        meta: {
+            descrition: '申诉详情',
+            weight: 4 // 页面权重
+        }
+    }, {
+        path: '/appealResult',
+        name: 'appealResult',
+        component: () => import(/* webpackChunkName:'AppealResult'*/'@/views/audition/AppealResult.vue'),
+        meta: {
+            descrition: '处理结果',
+            weight: 4 // 页面权重
+        }
     }
 ]
 

src/router/teacherRouter.js

@@ -222,16 +222,6 @@ let teacherRouter = [
       descrition: "待完成月报",
       weight: 8 // 页面权重
     }
-  },
-  {
-    path: "/evaluateList",
-    name: "evaluateList",
-    component: () =>
-      import(/* webpackChunkName: "privacy" */ "@/views/teacher/evaluateManager/evaluateList"),
-    meta: {
-      descrition: "网管课评价",
-      weight: 8 // 页面权重
-    }
   }
 ];
 

src/views/audition/AppealDetail.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="wrap">
+    <m-header v-if="headerStatus" />
+    <!-- <m-empty class="empty" v-else key="data" /> -->
+    <van-field
+      rows="15"
+      type="textarea"
+      placeholder="请提交课程日期，时间，课程名称及情况说明"
+    />
+    <div class="button-group">
+      <van-button type="primary" round size="large">提交</van-button>
+    </div>
+  </div>
+</template>
+<script>
+import MHeader from "@/components/MHeader";
+import { browser }  from '@/common/common'
+export default {
+  name: "teacherList",
+  components: { MHeader },
+  data() {
+    return {
+      headerStatus: true,
+    };
+  },
+  mounted() {
+    let params = this.$route.query;
+    if (params.Authorization) {
+      localStorage.setItem("Authorization", decodeURI(params.Authorization));
+      localStorage.setItem("userInfo", decodeURI(params.Authorization));
+    }
+    document.title = '确认课酬'
+    if(browser().android || browser().iPhone) {
+      this.headerStatus = false
+    }
+  },
+  methods: {
+    formatter(type, val) {
+      if (type === "year") {
+        return `${val}年`;
+      } else if (type === "month") {
+        return `${val}月`;
+      } else if (type == "day") {
+        return `${val}日`;
+      }
+      return val;
+    },
+  }
+};
+</script>
+<style lang="less" scoped>
+@import url("../../assets/commonLess/variable.less");
+.wrap {
+  height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-color: #F3F4F8;
+}
+/deep/.van-cell {
+  font-size: .14rem;
+  padding-top: .18rem;
+}
+.button-group {
+  margin: 0.3rem 0.26rem 0.2rem;
+  .van-button--primary {
+    background: @mColor;
+    border: 1px solid @mColor;
+    font-size: 0.18rem;
+  }
+}
+</style>

src/views/audition/AppealResult.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="wrap">
+    <m-header v-if="headerStatus" />
+
+    <van-panel>
+      <template #header>
+        <div class="title">3月5日提交的课酬申诉</div>
+        <div class="status">申诉同意</div>
+      </template>
+      <div class="appealContent van-hairline--top">
+        <h2>申诉内容：</h2>
+        <div class="desc">盼望着，盼望着，东风来了，春天的脚步近了。一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两</div>
+      </div>
+    </van-panel>
+    <div class="appealContent">
+      <h2>申诉内容：</h2>
+      <div class="desc">盼望着，盼望着，东风来了，春天的脚步近了。一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两</div>
+    </div>
+  </div>
+</template>
+<script>
+import MHeader from "@/components/MHeader";
+import { browser }  from '@/common/common'
+export default {
+  name: "teacherList",
+  components: { MHeader },
+  data() {
+    return {
+      headerStatus: true,
+    };
+  },
+  mounted() {
+    let params = this.$route.query;
+    if (params.Authorization) {
+      localStorage.setItem("Authorization", decodeURI(params.Authorization));
+      localStorage.setItem("userInfo", decodeURI(params.Authorization));
+    }
+    document.title = '处理结果'
+    if(browser().android || browser().iPhone) {
+      this.headerStatus = false
+    }
+  },
+  methods: {
+  }
+};
+</script>
+<style lang="less" scoped>
+@import url("../../assets/commonLess/variable.less");
+.wrap {
+  height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-color: #F3F4F8;
+}
+/deep/.van-panel {
+  margin-bottom: .15rem;
+  .title {
+    font-size: .18rem;
+    color: #1A1A1A;
+    padding: .2rem .1rem .05rem;
+  }
+  .status {
+    padding: 0 .1rem .15rem;
+    color: #2EC7A5;
+    font-size: .16rem;
+    &.error {
+      color: #EC4848;
+    }
+  }
+}
+.appealContent {
+  padding: 0 .1rem;
+  padding-bottom: .15rem;
+  background: #fff;
+  h2 {
+    font-size: .16rem;
+    color: #666666;
+    padding: .15rem 0 .13rem;
+  }
+  .desc {
+    padding: 0 .2rem;
+    text-indent: .3rem;
+    color: #1A1A1A;
+  }
+}
+</style>

src/views/audition/Remuneration.vue

@@ -0,0 +1,235 @@
+<template>
+  <div class="wrap">
+    <m-header v-if="headerStatus" />
+
+    <div class="monthMoney"> 2020年3月课酬确认单 </div>
+    <div class="monthCount">
+      <div class="item">
+        <span class="title">本月合计</span>
+        <span>100节</span>
+        <span class="money">4000元</span>
+      </div>
+      <div class="item">
+        <span class="title">乐团课合计</span>
+        <span>100节</span>
+        <span class="money">4000元</span>
+      </div>
+      <div class="item">
+        <span class="title">VIP课合计</span>
+        <span>100节</span>
+        <span class="money">4元</span>
+      </div>
+      <div class="item">
+        <span class="title">网管课合计</span>
+        <span>100节</span>
+        <span class="money">4000元</span>
+      </div>
+    </div>
+
+    <div style="padding-bottom: .8rem">
+      <van-list v-model="loading" :finished="finished" finished-text=" " @load="getList">
+        <van-cell-group v-for="i in 10" :key="i">
+          <van-cell>
+            <template #icon>
+              <i class="icon icon_audition"></i>
+            </template>
+            <template #title>
+              <div class="title">长笛·基础知识课</div>
+              <div class="baseInfo">
+                <p>排课:3月5日 13:00-13:35</p>
+                <p>签到:13:00&nbsp;&nbsp;&nbsp;&nbsp;签退13:35</p>
+              </div>
+            </template>
+            <template #default>
+              <p class="money error">￥<span>50</span></p>
+              <div class="moneyInfo">
+                课酬:¥100<br />实付:¥50
+              </div>
+            </template>
+          </van-cell>
+        </van-cell-group>
+      </van-list>
+    </div>
+
+    <!-- <m-empty class="empty" v-else key="data" /> -->
+
+    <div class="button-group">
+      <span class="btn" @click="onAppeal">问题申诉</span>
+      <span class="btn primary">确认课酬</span>
+    </div>
+  </div>
+</template>
+<script>
+import MHeader from "@/components/MHeader";
+import { browser }  from '@/common/common'
+// import MEmpty from "@/components/MEmpty";
+export default {
+  name: "remuneration",
+  components: { MHeader },
+  data() {
+    return {
+      headerStatus: true,
+      loading: false,
+      finished: false
+    };
+  },
+  mounted() {
+    let params = this.$route.query;
+    if (params.Authorization) {
+      localStorage.setItem("Authorization", decodeURI(params.Authorization));
+      localStorage.setItem("userInfo", decodeURI(params.Authorization));
+    }
+    document.title = '确认课酬'
+    if(browser().android || browser().iPhone) {
+      this.headerStatus = false
+    }
+  },
+  methods: {
+    getList() {
+      this.finished = true
+    },
+    onAppeal() {
+      this.$router.push({
+        path: 'appealDetail'
+      })
+    },
+    formatter(type, val) {
+      if (type === "year") {
+        return `${val}年`;
+      } else if (type === "month") {
+        return `${val}月`;
+      } else if (type == "day") {
+        return `${val}日`;
+      }
+      return val;
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+@import url("../../assets/commonLess/variable.less");
+.wrap {
+  height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-color: #F3F4F8;
+}
+
+.monthMoney {
+  font-size: .16rem;
+  color: #1A1A1A;
+  background: #fff;
+  text-align: center;
+  line-height: .5rem;
+}
+
+.monthCount {
+  border: 1px solid rgba(204,204,204,1);
+  border-radius: .04rem;
+  margin: .16rem .16rem 0;
+  background: #fff;
+  padding: .12rem;
+  .item {
+    display: flex;
+    justify-content: space-between;
+    color: #666666;
+    font-size: .14rem;
+    padding: .05rem .1rem;
+    .title {
+      width: .8rem;
+    }
+    .money {
+      width: .8rem;
+      text-align: right;
+    }
+
+    &:nth-child(2n + 2) {
+      background: #F0F0F0;
+    }
+  }
+}
+/deep/.van-cell-group {
+  margin: .16rem .16rem 0;
+  border: 1px solid #71BDB8;
+  border-radius: .04rem;
+  overflow: hidden;
+}
+/deep/.van-cell {
+  padding: .13rem;
+  .van-cell__title {
+    padding-left: .1rem;
+  }
+  .van-cell__value {
+    flex: 0 auto;
+    padding-left: .1rem;
+  }
+  .title {
+    font-size: .16rem;
+    font-weight: 500;
+    color: #1A1A1A;
+    padding-bottom: .05rem;
+  }
+  .baseInfo {
+    font-size: .14rem;
+    color: #808080;
+    line-height: 1.3;
+  }
+  .money {
+    font-size: .16rem;
+    color: #1A1A1A;
+    padding-bottom: .02rem;
+    &.error {
+      color: #FF3535;
+    }
+    span {
+      font-size: .22rem;
+    }
+  }
+  .moneyInfo {
+    font-size: .14rem;
+    line-height: 1.3;
+    color: #1A1A1A;
+  }
+}
+.icon {
+  width: .4rem;
+  height: .4rem;
+  display: inline-block;
+}
+.icon_audition {
+  background: url('../../assets/images/audition/audition_icon.png') no-repeat center;
+  background-size: contain;
+}
+.icon_music {
+  background: url('../../assets/images/audition/music_icon.png') no-repeat center;
+  background-size: contain;
+}
+.icon_vip {
+  background: url('../../assets/images/audition/vip_icon.png') no-repeat center;
+  background-size: contain;
+}
+.button-group {
+  position: absolute;
+  bottom: 0;
+  margin: 0.2rem 0;
+  width: 100%;
+  text-align: center;
+  .btn {
+    padding: 0 .45rem;
+    line-height: .4rem;
+    display: inline-block;
+    border: 1px solid @mColor;
+    border-radius: 1rem;
+    color: @mColor;
+    background: #fff;
+    font-size: .18rem;
+    &.primary {
+      color: #fff;
+      background: @mColor;
+    }
+  }
+  .btn+.btn {
+    margin-left: .1rem;
+  }
+}
+</style>

src/views/teacher/evaluateManager/evaluateList.vue

@@ -1,59 +0,0 @@
-<template>
-  <div>
-    <!-- <button @click="isShow">lala</button>
-    <div class="nav">lalal</div>
-    <div
-      class="van-popup van-popup--top van-dropdown-item__content"
-       :class="showMask?'show':'none'"
-      style="transition-duration: 0.2s; z-index: 2028;"
-    >
-        哈哈哈
-      
-    </div>
-    <div
-      class="van-overlay"
-      @click="isShow"
-      :class="showMask?'show':'none'"
-      style="z-index: 2019; position: absolute; animation-duration: 0.2s;"
-    ></div> -->
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      value: 0,
-      switch1: false,
-      switch2: false,
-      option: [
-        { text: "全部商品", value: 0 },
-        { text: "新款商品", value: 1 },
-        { text: "活动商品", value: 2 }
-      ],
-      showMask: false
-    };
-  },
-  methods: {
-    onConfirm() {},
-    isShow() {
-      this.showMask = !this.showMask;
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.demo {
-  height: 50px;
-  line-height: 50px;
-  flex: 1;
-}
-.smallMenu {
-  width: 50px !important;
-}
-.show {
-  display: block;
-}
-.none {
-  display: none;
-}
-</style>