修改答题

src/router/index.js

@@ -17,6 +17,16 @@ let routes = [
     name: "answerRecruit",
     component: () => import("@/views/home/answer/page-answer-recruit")
   }, // 答题作答页
+  {
+    path: "/AnswerWeekList",
+    name: "page-answer-week",
+    component: () => import("@/views/home/answer/page-answer-week")
+  }, // 答题作答页
+  {
+    path: "/AnswerSpecialList",
+    name: "page-answer-special",
+    component: () => import("@/views/home/answer/page-answer-special")
+  }, // 答题作答页
   {
     path: "/AnswerRecruitResult",
     name: "answerRecruitResult",

src/views/home/answer/page-answer-special.vue

@@ -0,0 +1,112 @@
+<template>
+  <div class="contentBody">
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad()"
+    >
+      <van-cell
+        v-for="(item, index) in specialAnswerList"
+        :key="index"
+        @click="toMaterialDetail(item)"
+      >
+        <div slot="default" class="contentItemDiv">
+          <div>
+            <div class="contentItemTitle">
+              {{ item.title }}
+            </div>
+            <div class="contentItemDescription">
+              <span>{{
+                formateDatesFun(item.addedTime)
+              }}</span>
+            </div>
+             <div class="startAnswerBox" @click="clickAnswer(item)">
+                <div class="startButtonBox">
+                    <span class="startText">开始答题</span>
+                </div>
+            </div>
+          </div>
+        </div>
+      </van-cell>
+    </van-list>
+  </div>
+</template>
+
+<script>
+// import { mapState } from "vuex";
+export default {
+  name: "page-answer-special",
+  components: {},
+  data() {
+    return {
+      specialAnswerList: [
+        { title: "答题1", addedTime: "2021-06-01" },
+        { title: "答题2", addedTime: "2021-06-07" },
+        { title: "答题3", addedTime: "2021-06-14" },
+        { title: "答题4", addedTime: "2021-06-21" }],
+      loading: false,
+      finished: false
+    };
+  },
+  created() {
+    this.getSpecialAnswerList();
+  },
+  activated() {
+  },
+  computed: {
+  },
+  methods: {
+    getSpecialAnswerList() {
+      this.loading = true;
+      this.specialAnswerList = [
+        { title: "答题1", addedTime: "2021-06-01" },
+        { title: "答题2", addedTime: "2021-06-07" },
+        { title: "答题3", addedTime: "2021-06-14" },
+        { title: "答题4", addedTime: "2021-06-21" }];
+      this.loading = false;
+    },
+    clickAnswer() {
+      this.$store.commit("updateAnswerItemStore", {
+        field: "answerRecruitId",
+        value: "special-questions"
+      });
+      this.$router.push({ name: "answerRecruit" });
+    },
+    onLoad() {}
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.contentBody {
+  background-color: #fff;
+  .contentItemDiv {
+    .contentItemTitle {
+      font-size: 0.65rem;
+      font-weight: bold;
+    }
+    .contentItemDescription {
+      margin-top: 0.5rem;
+      color: #696969;
+      span {
+        margin-left: 0.5rem;
+      }
+    }
+    .startAnswerBox {
+      width:100%;
+      display: flex;
+      justify-content: flex-end;
+      .startButtonBox{
+          border-radius: 2px;
+          background-color: #696969;
+      }
+      .startText{
+          margin: 10px 5px;
+          color: #fff;
+      }
+    }
+  }
+
+}
+</style>

src/views/home/answer/page-answer-week.vue

@@ -0,0 +1,107 @@
+<template>
+  <div class="contentBody">
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad()"
+    >
+      <van-cell
+        v-for="(item, index) in weekAnswerList"
+        :key="index"
+      >
+        <div slot="default" class="contentItemDiv">
+          <div>
+            <div class="contentItemTitle">
+              {{ item.title}}
+            </div>
+            <div class="contentItemDescription">
+              <span>{{
+                formateDatesFun(item.addedTime)
+              }}</span>
+            </div>
+            <div class="startAnswerBox" @click="clickAnswer(item)">
+                <div class="startButtonBox">
+                    <span class="startText">开始答题</span>
+                </div>
+            </div>
+          </div>
+        </div>
+      </van-cell>
+    </van-list>
+  </div>
+</template>
+
+<script>
+// import { mapState } from "vuex";
+export default {
+  name: "page-answer-week",
+  components: {},
+  data() {
+    return {
+      weekAnswerList: [],
+      loading: false,
+      finished: false
+    };
+  },
+  created() {
+    this.getWeekAnswerList();
+  },
+  activated() {
+  },
+  computed: {
+  },
+  methods: {
+    getWeekAnswerList() {
+      this.loading = true;
+      this.weekAnswerList = [
+        { title: "答题1", addedTime: "2021-06-01" },
+        { title: "答题2", addedTime: "2021-06-07" },
+        { title: "答题3", addedTime: "2021-06-14" },
+        { title: "答题4", addedTime: "2021-06-21" }];
+      this.loading = false;
+    },
+    clickAnswer(item) {
+      this.$store.commit("updateAnswerItemStore", {
+        field: "answerRecruitId",
+        value: "weekly-questions"
+      });
+      this.$router.push({ name: "answerRecruit" });
+    }
+  },
+  onLoad() {}
+};
+</script>
+
+<style lang="scss" scoped>
+.contentBody {
+  background-color: #fff;
+  .contentItemDiv {
+    .contentItemTitle {
+      font-size: 0.65rem;
+      font-weight: bold;
+    }
+    .contentItemDescription {
+      margin-top: 0.5rem;
+      color: #696969;
+      span {
+        margin-left: 0.5rem;
+      }
+    }
+   .startAnswerBox {
+      width:100%;
+      display: flex;
+      justify-content: flex-end;
+      .startButtonBox{
+          border-radius: 2px;
+          background-color: #696969;
+      }
+      .startText{
+          margin: 10px 5px;
+          color: #fff;
+      }
+    }
+
+  }
+}
+</style>

src/views/home/answer/page-answer.vue

@@ -101,11 +101,21 @@ export default {
     },
     // 操作：点击了答题练习中的某个
     handleClickAnswerPracticeFun(item) {
-      this.$store.commit("updateAnswerItemStore", {
-        field: "answerRecruitId",
-        value: item.type.code // item.id
-      });
-      this.$router.push({ name: "answerRecruit" });
+      switch (item.type.code) {
+        case "daily-questions":
+          this.$store.commit("updateAnswerItemStore", {
+            field: "answerRecruitId",
+            value: item.type.code // item.id
+          });
+          this.$router.push({ name: "answerRecruit" });
+          break;
+        case "weekly-questions":
+          this.$router.push({ name: "page-answer-week" });
+          break;
+        case "special-questions":
+          this.$router.push({ name: "page-answer-special" });
+          break;
+      }
     },
     // 操作：点击了竞赛答题中的某个
     handleClickAnswerRaceFun(item) {