From 94ee31388ed0012d2c65437bd164e6878f4c635d Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 10 四月 2026 13:31:48 +0800
Subject: [PATCH] 新疆大罗素 1.设备保养、设备维修、设备巡检新增时可以多选设备 2.设备台账添加区域维护字段 3.添加环境页面实时展示设备数据

---
 src/views/equipmentManagement/ledger/Form.vue |   42 ++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/views/equipmentManagement/ledger/Form.vue b/src/views/equipmentManagement/ledger/Form.vue
index 72d594e..5cfa309 100644
--- a/src/views/equipmentManagement/ledger/Form.vue
+++ b/src/views/equipmentManagement/ledger/Form.vue
@@ -2,6 +2,22 @@
   <el-form :model="form" label-width="120px" :rules="formRules" ref="formRef">
     <el-row :gutter="20">
       <el-col :span="12">
+        <el-form-item label="鎵�灞炲尯鍩�" prop="areaId">
+          <el-tree-select
+            v-model="form.areaId"
+            :data="areaOptions"
+            :props="areaTreeProps"
+            node-key="id"
+            value-key="id"
+            check-strictly
+            clearable
+            filterable
+            placeholder="璇烽�夋嫨鎵�灞炲尯鍩�"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
         <el-form-item label="璁惧鍚嶇О" prop="deviceName">
           <el-input v-model="form.deviceName" placeholder="璇疯緭鍏ヨ澶囧悕绉�" />
         </el-form-item>
@@ -72,7 +88,6 @@
         <el-form-item label="鏁伴噺" prop="number">
           <el-input-number :min="1" style="width: 100%"
             v-model="form.number"
-													 disabled
             placeholder="璇疯緭鍏ユ暟閲�"
             @change="mathNum"
           />
@@ -168,19 +183,25 @@
 import useFormData from "@/hooks/useFormData";
 // import useUserStore from "@/store/modules/user";
 import { getLedgerById } from "@/api/equipmentManagement/ledger";
+import { getDeviceAreaTree } from "@/api/equipmentManagement/deviceArea";
 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: "璁惧鍙拌处琛ㄥ崟",
 });
 const formRef = ref(null);
 const operationType = ref('');
+const areaOptions = ref([]);
+const areaTreeProps = {
+  label: "areaName",
+  children: "children",
+};
 // 璁惧绫诲瀷鍥哄畾閫夐」
 const deviceTypeOptions = ref([
   '鐢熶骇璁惧',
@@ -190,6 +211,7 @@
   '鍏朵粬璁惧'
 ]);
 const formRules = {
+	areaId: [{ required: true, trigger: "change", message: "璇烽�夋嫨鎵�灞炲尯鍩�" }],
 	deviceName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
 	deviceModel: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
 	type: [{ required: true, trigger: "change", message: "璇烽�夋嫨鎴栬緭鍏ヨ澶囩被鍨�" }],
@@ -214,6 +236,7 @@
 }
 
 const { form, resetForm } = useFormData({
+  areaId: undefined, // 鍖哄煙ID
   deviceName: undefined, // 璁惧鍚嶇О
   deviceModel: undefined, // 瑙勬牸鍨嬪彿
   deviceBrand: undefined, // 璁惧鍝佺墝
@@ -239,6 +262,7 @@
 	}
   const { code, data } = await getLedgerById(id);
   if (code == 200) {
+    form.areaId = data.areaId;
     form.deviceName = data.deviceName;
     form.deviceModel = data.deviceModel;
     form.deviceBrand = data.deviceBrand;
@@ -261,6 +285,15 @@
       form.planRuntimeTime = undefined;
     }
   }
+};
+
+const setAreaId = (areaId) => {
+  form.areaId = areaId;
+};
+
+const loadAreaOptions = async () => {
+  const res = await getDeviceAreaTree();
+  areaOptions.value = Array.isArray(res?.data) ? res.data : Array.isArray(res) ? res : [];
 };
 
 const handleDeviceTypeChange = (value) => {
@@ -298,9 +331,14 @@
   clearValidate();
 };
 
+onMounted(() => {
+  loadAreaOptions();
+});
+
 defineExpose({
   form,
   loadForm,
+  setAreaId,
   resetForm,
   clearValidate,
   resetFormAndValidate,

--
Gitblit v1.9.3