From 0af12dc242cd9b771b8ea7c2cff6ace54441718f Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期二, 21 四月 2026 10:23:35 +0800
Subject: [PATCH] 添加Tab键滚动跟随功能，优化可见区域滚动逻辑
---
src/views/equipmentManagement/ledger/Form.vue | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 50 insertions(+), 1 deletions(-)
diff --git a/src/views/equipmentManagement/ledger/Form.vue b/src/views/equipmentManagement/ledger/Form.vue
index 4b11d59..dd008fd 100644
--- a/src/views/equipmentManagement/ledger/Form.vue
+++ b/src/views/equipmentManagement/ledger/Form.vue
@@ -38,6 +38,24 @@
</el-form-item>
</el-col>
<el-col :span="12">
+ <el-form-item label="宸ュ簭" prop="processName">
+ <el-select
+ v-model="form.processName"
+ placeholder="璇烽�夋嫨宸ュ簭"
+ clearable
+ filterable
+ style="width: 100%"
+ >
+ <el-option
+ v-for="item in processOptions"
+ :key="item"
+ :label="item"
+ :value="item"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
<el-form-item label="渚涘簲鍟�" prop="supplierName">
<el-input v-model="form.supplierName" placeholder="璇疯緭鍏ヤ緵搴斿晢" />
</el-form-item>
@@ -170,13 +188,14 @@
import useFormData from "@/hooks/useFormData";
// import useUserStore from "@/store/modules/user";
import { getLedgerById } from "@/api/equipmentManagement/ledger";
+import { processList } from "@/api/productionManagement/productionProcess";
import dayjs from "dayjs";
import {
calculateTaxIncludeTotalPrice,
calculateTaxExclusiveTotalPrice,
} from "@/utils/summarizeTable";
import { ElMessage } from "element-plus";
-import {ref} from "vue";
+import { ref, onMounted } from "vue";
defineOptions({
name: "璁惧鍙拌处琛ㄥ崟",
@@ -191,10 +210,12 @@
'杩愯緭璁惧',
'鍏朵粬璁惧'
]);
+const processOptions = ref([]);
const formRules = {
deviceName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
deviceModel: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
type: [{ required: true, trigger: "change", message: "璇烽�夋嫨鎴栬緭鍏ヨ澶囩被鍨�" }],
+ processName: [{ required: true, trigger: "change", message: "璇烽�夋嫨宸ュ簭" }],
supplierName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
unit: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
number: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
@@ -220,6 +241,7 @@
deviceModel: undefined, // 瑙勬牸鍨嬪彿
deviceBrand: undefined, // 璁惧鍝佺墝
type: undefined, // 璁惧绫诲瀷
+ processName: undefined, // 宸ュ簭
supplierName: undefined, // 渚涘簲鍟�
storageLocation: undefined, // 瀛樻斁浣嶇疆
isDepr: 2, // 鏄惁鍚敤鎶樻棫 1-鏄� 2-鍚�
@@ -245,6 +267,8 @@
form.deviceModel = data.deviceModel;
form.deviceBrand = data.deviceBrand;
form.type = data.type;
+ form.processName = data.processName || data.process;
+ ensureProcessOptionExists(form.processName);
form.supplierName = data.supplierName;
form.storageLocation = data.storageLocation;
form.isDepr = data.isDepr;
@@ -262,6 +286,27 @@
} else {
form.planRuntimeTime = undefined;
}
+ }
+};
+
+const ensureProcessOptionExists = (value) => {
+ if (!value) return;
+ if (!processOptions.value.includes(value)) {
+ processOptions.value.push(value);
+ }
+};
+
+const getProcessOptions = async () => {
+ try {
+ const { code, data } = await processList({});
+ if (code === 200 && Array.isArray(data)) {
+ processOptions.value = data
+ .map(item => item?.name)
+ .filter(Boolean);
+ ensureProcessOptionExists(form.processName);
+ }
+ } catch (error) {
+ processOptions.value = [];
}
};
@@ -300,6 +345,10 @@
clearValidate();
};
+onMounted(() => {
+ getProcessOptions();
+});
+
defineExpose({
form,
loadForm,
--
Gitblit v1.9.3