Parcourir la source

回评:查找按钮

Michael Wang il y a 4 ans
Parent
commit
7c9c7440db
2 fichiers modifiés avec 9 ajouts et 5 suppressions
  1. 1 1
      src/features/inspect/MarkHistory.vue
  2. 8 4
      src/features/mark/MarkHistory.vue

+ 1 - 1
src/features/inspect/MarkHistory.vue

@@ -16,7 +16,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"
       >
         <div>{{ task.secretNumber }}</div>
         <div>

+ 8 - 4
src/features/mark/MarkHistory.vue

@@ -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) {