分组、changeName api test

src/api/markPage.ts

@@ -107,3 +107,23 @@ export async function saveTask() {
     return httpApp.post("/mark/saveTask", markResult);
   }
 }
+
+/** 获取分组列表 */
+export async function getGroups() {
+  return httpApp.post("/mark/getGroup");
+}
+
+/** 切换分组 */
+export async function switchGroup(markerId: number) {
+  const form = new FormData();
+  form.append("markerId", markerId + "");
+  return httpApp.post("/mark/subjectSelect", form);
+}
+
+/** 获取用户信息 */
+export async function changeUserInfo(name: string, password?: string) {
+  const form = new FormData();
+  form.append("name", name);
+  password && form.append("password", password);
+  return httpApp.post("/mark/changeName", form);
+}

src/components/mark/MarkBody.vue

@@ -19,7 +19,7 @@
           :dx="item.dx"
           :dy="item.dy"
         />
-        <hr style="border: 2px solid grey" />
+        <hr style="border: 2px solid rgba(120, 120, 120, 0.1)" />
       </div>
       <!-- style="border: 1px solid black; background: black" -->
     </div>

src/components/mark/MarkHeader.vue

@@ -88,7 +88,7 @@
         style="line-height: 20px"
       />
     </div>
-    <div>{{ group?.title }}(切换)</div>
+    <div @click="switchGroupDialog">{{ group?.title }}(切换)</div>
     <div class="tw-flex tw-place-items-center">
       <UserOutlined
         :style="{ 'font-size': '18px' }"
@@ -105,7 +105,7 @@
 </template>
 
 <script lang="ts">
-import { getHistoryTask } from "@/api/markPage";
+import { getGroups, getHistoryTask } from "@/api/markPage";
 import { computed, defineComponent } from "vue";
 import { store } from "./store";
 import {
@@ -187,6 +187,11 @@ export default defineComponent({
       return store.setting.uiSetting["answer.paper.scale"] < 1;
     });
 
+    async function switchGroupDialog() {
+      const groups = await getGroups();
+      console.log(groups);
+    }
+
     async function updateHistoryTask({
       pageNumber = 1,
       pageSize = 10,
@@ -225,6 +230,7 @@ export default defineComponent({
       lessThanOneScale,
       updateHistoryTask,
       toggleHistory,
+      switchGroupDialog,
     };
   },
 });