From b97ffffa75f2acfff21b842d69fa7526fbb9fed5 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 13 四月 2026 13:07:02 +0800
Subject: [PATCH] 新疆马铃薯 1.设备保养计划添加每年频率

---
 src/views/equipmentManagement/ledger/Form.vue |  144 ++++++++++++++++++++++++++++++-----------------
 1 files changed, 91 insertions(+), 53 deletions(-)

diff --git a/src/views/equipmentManagement/ledger/Form.vue b/src/views/equipmentManagement/ledger/Form.vue
index 72d594e..327655e 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,63 +88,62 @@
         <el-form-item label="鏁伴噺" prop="number">
           <el-input-number :min="1" style="width: 100%"
             v-model="form.number"
-													 disabled
             placeholder="璇疯緭鍏ユ暟閲�"
             @change="mathNum"
           />
         </el-form-item>
       </el-col>
-      <el-col :span="12">
-        <el-form-item label="鍚◣鍗曚环" prop="taxIncludingPriceUnit">
-          <el-input-number :step="0.01" :min="0" style="width: 100%"
-            v-model="form.taxIncludingPriceUnit"
-            placeholder="璇疯緭鍏ュ惈绋庡崟浠�"
-            maxlength="10"
-            @change="mathNum"
-          />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="鍚◣鎬讳环" prop="taxIncludingPriceTotal">
-          <el-input
-            v-model="form.taxIncludingPriceTotal"
-            placeholder="鑷姩鐢熸垚"
-            type="number"
-            disabled
-          />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="绋庣巼(%)" prop="taxRate">
-          <!-- <el-input
-            v-model="form.taxRate"
-            placeholder="璇疯緭鍏ョ◣鐜�"
-            type="number"
-          >
-            <template #append> % </template>
-          </el-input> -->
-          <el-select
-            v-model="form.taxRate"
-            placeholder="璇烽�夋嫨"
-            clearable
-            @change="mathNum"
-          >
-            <el-option label="1" :value="1" />
-            <el-option label="6" :value="6" />
-            <el-option label="13" :value="13" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="涓嶅惈绋庢�讳环" prop="unTaxIncludingPriceTotal">
-          <el-input
-            v-model="form.unTaxIncludingPriceTotal"
-            placeholder="鑷姩鐢熸垚"
-            type="number"
-            disabled
-          />
-        </el-form-item>
-      </el-col>
+<!--      <el-col :span="12">-->
+<!--        <el-form-item label="鍚◣鍗曚环" prop="taxIncludingPriceUnit">-->
+<!--          <el-input-number :step="0.01" :min="0" style="width: 100%"-->
+<!--            v-model="form.taxIncludingPriceUnit"-->
+<!--            placeholder="璇疯緭鍏ュ惈绋庡崟浠�"-->
+<!--            maxlength="10"-->
+<!--            @change="mathNum"-->
+<!--          />-->
+<!--        </el-form-item>-->
+<!--      </el-col>-->
+<!--      <el-col :span="12">-->
+<!--        <el-form-item label="鍚◣鎬讳环" prop="taxIncludingPriceTotal">-->
+<!--          <el-input-->
+<!--            v-model="form.taxIncludingPriceTotal"-->
+<!--            placeholder="鑷姩鐢熸垚"-->
+<!--            type="number"-->
+<!--            disabled-->
+<!--          />-->
+<!--        </el-form-item>-->
+<!--      </el-col>-->
+<!--      <el-col :span="12">-->
+<!--        <el-form-item label="绋庣巼(%)" prop="taxRate">-->
+<!--          &lt;!&ndash; <el-input-->
+<!--            v-model="form.taxRate"-->
+<!--            placeholder="璇疯緭鍏ョ◣鐜�"-->
+<!--            type="number"-->
+<!--          >-->
+<!--            <template #append> % </template>-->
+<!--          </el-input> &ndash;&gt;-->
+<!--          <el-select-->
+<!--            v-model="form.taxRate"-->
+<!--            placeholder="璇烽�夋嫨"-->
+<!--            clearable-->
+<!--            @change="mathNum"-->
+<!--          >-->
+<!--            <el-option label="1" :value="1" />-->
+<!--            <el-option label="6" :value="6" />-->
+<!--            <el-option label="13" :value="13" />-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+<!--      </el-col>-->
+<!--      <el-col :span="12">-->
+<!--        <el-form-item label="涓嶅惈绋庢�讳环" prop="unTaxIncludingPriceTotal">-->
+<!--          <el-input-->
+<!--            v-model="form.unTaxIncludingPriceTotal"-->
+<!--            placeholder="鑷姩鐢熸垚"-->
+<!--            type="number"-->
+<!--            disabled-->
+<!--          />-->
+<!--        </el-form-item>-->
+<!--      </el-col>-->
       <!-- <el-col :span="12">
         <el-form-item label="褰曞叆浜�" prop="createUser">
           <el-input v-model="form.createUser" placeholder="璇疯緭鍏ュ綍鍏ヤ汉" />
@@ -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