|
@@ -8,7 +8,7 @@
|
|
|
<template #icon><CloseOutlined /></template>
|
|
|
</a-button>
|
|
|
</div>
|
|
|
- <div class="tw-mt-1 tw-mb-1">
|
|
|
+ <div class="tw-mt-1 tw-mb-1 tw-flex">
|
|
|
<input
|
|
|
v-model="secretNumberInput"
|
|
|
type="text"
|
|
@@ -16,6 +16,10 @@
|
|
|
class="tw-w-full tw-rounded tw-h-8 tw-border-solid tw-border-gray-400 tw-border-2"
|
|
|
@keyup.enter="updateHistoryTask({ secretNumber: secretNumberInput })"
|
|
|
/>
|
|
|
+ <SearchOutlined
|
|
|
+ style="margin-left: -30px; font-size: 24px; padding: 3px"
|
|
|
+ @click="updateHistoryTask({ secretNumber: secretNumberInput })"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="tw-flex tw-justify-between">
|
|
|
<div>编号</div>
|
|
@@ -25,7 +29,7 @@
|
|
|
<div v-for="(task, index) of store.historyTasks" :key="index">
|
|
|
<div
|
|
|
@click="replaceCurrentTask(task)"
|
|
|
- class="tw-flex tw-justify-between tw-h-6 tw-place-items-center tw-rounded"
|
|
|
+ class="tw-flex tw-justify-between tw-h-6 tw-place-items-center tw-rounded tw-cursor-pointer"
|
|
|
:class="store.currentTask === task && 'current-task'"
|
|
|
>
|
|
|
<div>{{ task.secretNumber }}</div>
|
|
@@ -50,11 +54,11 @@ import { getHistoryTask } from "@/api/markPage";
|
|
|
import { Task } from "@/types";
|
|
|
import { defineComponent, ref, watchEffect } from "vue";
|
|
|
import { store } from "./store";
|
|
|
-import { CloseOutlined } from "@ant-design/icons-vue";
|
|
|
+import { CloseOutlined, SearchOutlined } from "@ant-design/icons-vue";
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: "MarkHistory",
|
|
|
- components: { CloseOutlined },
|
|
|
+ components: { CloseOutlined, SearchOutlined },
|
|
|
setup() {
|
|
|
watchEffect(async () => {
|
|
|
if (store.historyOpen) {
|