Michael Wang 3 лет назад
Родитель
Сommit
f732fc3ea3
3 измененных файлов с 0 добавлено и 157 удалено
  1. 0 52
      src/test/TestSetting.vue
  2. 0 78
      src/test/TestStatus.vue
  3. 0 27
      src/test/TestStore.vue

+ 0 - 52
src/test/TestSetting.vue

@@ -1,52 +0,0 @@
-<template>
-  <h1>展示新前端获取setting的结果</h1>
-  <div>
-    setting:
-    <pre> {{ store.setting }}</pre>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted } from "vue";
-import { getSetting } from "../api/markPage";
-import { store } from "@/store/store";
-
-export default defineComponent({
-  name: "TestSetting",
-  setup: () => {
-    async function updateSetting() {
-      // const settingRes = await (
-      //   await fetch("/mark/getSetting", { method: "POST" })
-      // ).json();
-      // console.log(settingRes);
-      const settingRes = await getSetting();
-      store.setting = settingRes.data;
-    }
-    onMounted(() => {
-      updateSetting();
-    });
-    return { store };
-  },
-  updated() {
-    console.log("TestSetting updated");
-  },
-});
-</script>
-
-<style scoped>
-a {
-  color: #42b983;
-}
-
-label {
-  margin: 0 0.5em;
-  font-weight: bold;
-}
-
-code {
-  background-color: #eee;
-  padding: 2px 4px;
-  border-radius: 4px;
-  color: #304455;
-}
-</style>

+ 0 - 78
src/test/TestStatus.vue

@@ -1,78 +0,0 @@
-<template>
-  <h1>展示新前端获取status的结果</h1>
-  <div>valid: {{ valid }}</div>
-  <div>totalCount: {{ totalCount }}</div>
-  <div>personCount: {{ personCount }}</div>
-  <div>markedCount: {{ markedCount }}</div>
-  <div>problemCount: {{ problemCount }}</div>
-  <div>arbitrateCount: {{ arbitrateCount }}</div>
-  <div>mode: {{ store.setting.mode }}</div>
-</template>
-
-<script lang="ts">
-import { ModeEnum } from "@/types";
-import { reactive, defineComponent, onMounted, toRefs } from "vue";
-import { store } from "@/store/store";
-
-export default defineComponent({
-  name: "TestStatus",
-  setup: () => {
-    const state = reactive({
-      valid: false,
-      totalCount: 0,
-      personCount: 0,
-      markedCount: 0,
-      problemCount: 0,
-      arbitrateCount: 0,
-    });
-
-    async function updateCount() {
-      const statusRes = await (
-        await fetch("/mark/getStatus", { method: "POST" })
-      ).json();
-      const groupRes = await (
-        await fetch("/mark/getGroup", { method: "POST" })
-      ).json();
-      console.log(groupRes);
-      const taskRes = await (
-        await fetch("/mark/getTask", { method: "POST" })
-      ).json();
-      console.log(taskRes);
-      console.log(statusRes, statusRes.totalCount);
-      state.valid = statusRes.valid;
-      state.totalCount = statusRes.totalCount;
-      state.personCount = statusRes.personCount;
-      state.markedCount = statusRes.markedCount;
-      state.problemCount = statusRes.problemCount;
-      state.arbitrateCount = statusRes.arbitrateCount;
-      // test re-render
-      store.setting.mode = ModeEnum.COMMON;
-    }
-    onMounted(() => {
-      updateCount();
-    });
-    return { ...toRefs(state), store };
-  },
-  updated() {
-    console.log("TestStatus updated");
-  },
-});
-</script>
-
-<style scoped>
-a {
-  color: #42b983;
-}
-
-label {
-  margin: 0 0.5em;
-  font-weight: bold;
-}
-
-code {
-  background-color: #eee;
-  padding: 2px 4px;
-  border-radius: 4px;
-  color: #304455;
-}
-</style>

+ 0 - 27
src/test/TestStore.vue

@@ -1,27 +0,0 @@
-<template>
-  <div>mode: {{ state.setting.mode }}</div>
-  <div><button @click="toggleMode">toggle mode</button></div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue";
-import { store } from "@/store/store";
-import { ModeEnum } from "@/types";
-
-/** 切换评分模式 */
-function toggleMode() {
-  store.setting.mode =
-    store.setting.mode === ModeEnum.TRACK ? ModeEnum.COMMON : ModeEnum.TRACK;
-  // 切换模式会清除当前任务的打分
-}
-
-export default defineComponent({
-  setup() {
-    console.log(store);
-    return { state: store, toggleMode };
-  },
-  updated() {
-    console.log("TestStore updated");
-  },
-});
-</script>