From 51a05bfc399e1ee2c1a61c619a29a215432ee7e2 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 24 May 2026 18:36:20 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=88mes=EF=BC=89=EF=BC=9Atm=20tool=20?=
 =?UTF-8?q?=E7=9A=84=20tm-tool-select.vue=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/mes/tm/tool/components/index.ts |  1 +
 .../mes/tm/tool/components/tm-tool-select.vue | 58 +++++++++++++++++++
 .../src/views/mes/tm/tool/components/index.ts |  1 +
 .../mes/tm/tool/components/tm-tool-select.vue | 55 ++++++++++++++++++
 4 files changed, 115 insertions(+)
 create mode 100644 apps/web-antd/src/views/mes/tm/tool/components/index.ts
 create mode 100644 apps/web-antd/src/views/mes/tm/tool/components/tm-tool-select.vue
 create mode 100644 apps/web-ele/src/views/mes/tm/tool/components/index.ts
 create mode 100644 apps/web-ele/src/views/mes/tm/tool/components/tm-tool-select.vue

diff --git a/apps/web-antd/src/views/mes/tm/tool/components/index.ts b/apps/web-antd/src/views/mes/tm/tool/components/index.ts
new file mode 100644
index 000000000..cdddb2cfd
--- /dev/null
+++ b/apps/web-antd/src/views/mes/tm/tool/components/index.ts
@@ -0,0 +1 @@
+export { default as TmToolSelect } from './tm-tool-select.vue';
diff --git a/apps/web-antd/src/views/mes/tm/tool/components/tm-tool-select.vue b/apps/web-antd/src/views/mes/tm/tool/components/tm-tool-select.vue
new file mode 100644
index 000000000..750e39f48
--- /dev/null
+++ b/apps/web-antd/src/views/mes/tm/tool/components/tm-tool-select.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import type { SelectValue } from 'ant-design-vue/es/select';
+
+import type { MesTmToolApi } from '#/api/mes/tm/tool';
+
+import { onMounted, ref } from 'vue';
+
+import { Select } from 'ant-design-vue';
+
+import { getToolSimpleList } from '#/api/mes/tm/tool';
+
+withDefaults(
+  defineProps<{
+    allowClear?: boolean;
+    disabled?: boolean;
+    modelValue?: number;
+    placeholder?: string;
+  }>(),
+  { allowClear: true, disabled: false, modelValue: undefined, placeholder: '请选择工具' },
+);
+const emit = defineEmits<{
+  change: [row?: MesTmToolApi.Tool];
+  'update:modelValue': [value?: number];
+}>();
+const list = ref<MesTmToolApi.Tool[]>([]); // 工具列表
+
+/** 加载工具列表 */
+async function getList() {
+  list.value = await getToolSimpleList();
+}
+
+/** 处理工具选择变化 */
+function handleChange(value: SelectValue) {
+  const toolId = typeof value === 'number' ? value : undefined;
+  emit('update:modelValue', toolId);
+  emit(
+    'change',
+    list.value.find((item) => item.id === toolId),
+  );
+}
+
+onMounted(getList);
+</script>
+
+<template>
+  <Select
+    :allow-clear="allowClear"
+    :disabled="disabled"
+    :field-names="{ label: 'name', value: 'id' }"
+    :options="list"
+    :placeholder="placeholder"
+    :value="modelValue"
+    class="w-full"
+    option-filter-prop="name"
+    show-search
+    @change="handleChange"
+  />
+</template>
diff --git a/apps/web-ele/src/views/mes/tm/tool/components/index.ts b/apps/web-ele/src/views/mes/tm/tool/components/index.ts
new file mode 100644
index 000000000..cdddb2cfd
--- /dev/null
+++ b/apps/web-ele/src/views/mes/tm/tool/components/index.ts
@@ -0,0 +1 @@
+export { default as TmToolSelect } from './tm-tool-select.vue';
diff --git a/apps/web-ele/src/views/mes/tm/tool/components/tm-tool-select.vue b/apps/web-ele/src/views/mes/tm/tool/components/tm-tool-select.vue
new file mode 100644
index 000000000..fabc9a8e6
--- /dev/null
+++ b/apps/web-ele/src/views/mes/tm/tool/components/tm-tool-select.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup>
+import type { MesTmToolApi } from '#/api/mes/tm/tool';
+
+import { onMounted, ref } from 'vue';
+
+import { ElOption, ElSelect } from 'element-plus';
+
+import { getToolSimpleList } from '#/api/mes/tm/tool';
+
+withDefaults(
+  defineProps<{
+    clearable?: boolean;
+    disabled?: boolean;
+    modelValue?: number;
+    placeholder?: string;
+  }>(),
+  { clearable: true, disabled: false, modelValue: undefined, placeholder: '请选择工具' },
+);
+const emit = defineEmits<{
+  change: [row?: MesTmToolApi.Tool];
+  'update:modelValue': [value?: number];
+}>();
+const list = ref<MesTmToolApi.Tool[]>([]); // 工具列表
+
+/** 加载工具列表 */
+async function getList() {
+  list.value = await getToolSimpleList();
+}
+
+/** 处理工具选择变化 */
+function handleChange(value: number | string | undefined) {
+  const toolId = typeof value === 'number' ? value : undefined;
+  emit('update:modelValue', toolId);
+  emit(
+    'change',
+    list.value.find((item) => item.id === toolId),
+  );
+}
+
+onMounted(getList);
+</script>
+
+<template>
+  <ElSelect
+    :clearable="clearable"
+    :disabled="disabled"
+    :model-value="modelValue"
+    :placeholder="placeholder"
+    class="w-full"
+    filterable
+    @change="handleChange"
+  >
+    <ElOption v-for="item in list" :key="item.id" :label="item.name" :value="item.id!" />
+  </ElSelect>
+</template>