From 2a146bcbd2c3752d699338bad39a07feabe6890e Mon Sep 17 00:00:00 2001
From: chenhj <1263187585@qq.com>
Date: 星期五, 26 十二月 2025 16:39:52 +0800
Subject: [PATCH] 产品结构

---
 src/views/productionManagement/processRoute/Edit.vue |  118 +++++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 94 insertions(+), 24 deletions(-)

diff --git a/src/views/productionManagement/processRoute/Edit.vue b/src/views/productionManagement/processRoute/Edit.vue
index df691cb..773d333 100644
--- a/src/views/productionManagement/processRoute/Edit.vue
+++ b/src/views/productionManagement/processRoute/Edit.vue
@@ -2,28 +2,41 @@
   <div>
     <el-dialog
         v-model="isShow"
-        title="缂栬緫宸ュ簭"
+        title="缂栬緫宸ヨ壓璺嚎"
         width="400"
         @close="closeModal"
     >
       <el-form label-width="140px" :model="formState" label-position="top" ref="formRef">
-        <el-form-item
-            label="宸ュ簭鍚嶇О锛�"
-            prop="name"
-            :rules="[
-                {
-                required: true,
-                message: '璇疯緭鍏ュ伐搴忓悕绉�',
-              },
-              {
-                max: 100,
-                message: '鏈�澶�100涓瓧绗�',
-              }
-            ]">
-          <el-input v-model="formState.name" />
+        <el-form-item label="浜у搧澶х被锛�" prop="productId">
+          <el-tree-select
+              v-model="formState.productId"
+              placeholder="璇烽�夋嫨"
+              clearable
+              check-strictly
+              @change="getModels"
+              :data="productOptions"
+              :render-after-expand="false"
+              style="width: 100%"
+          />
         </el-form-item>
-        <el-form-item label="澶囨敞" prop="remark">
-          <el-input v-model="formState.remark" type="textarea" />
+
+        <el-form-item label="瑙勬牸鍨嬪彿锛�" prop="productModelId">
+          <el-select
+              v-model="formState.productModelId"
+              placeholder="璇烽�夋嫨"
+              clearable
+          >
+            <el-option
+                v-for="item in productModelsOptions"
+                :key="item.id"
+                :label="item.model"
+                :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="澶囨敞" prop="description">
+          <el-input v-model="formState.description" type="textarea" />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -37,8 +50,9 @@
 </template>
 
 <script setup>
-import { ref, computed, getCurrentInstance } from "vue";
-import {update} from "@/api/productionManagement/productionProcess.js";
+import {ref, computed, getCurrentInstance, onMounted} from "vue";
+import {update} from "@/api/productionManagement/processRoute.js";
+import {modelList, productTreeList} from "@/api/basicData/product.js";
 
 const props = defineProps({
   visible: {
@@ -55,11 +69,7 @@
 const emit = defineEmits(['update:visible', 'completed']);
 
 // 鍝嶅簲寮忔暟鎹紙鏇夸唬閫夐」寮忕殑 data锛�
-const formState = ref({
-  id: props.record.id,
-  name: props.record.name,
-  remark: props.record.remark,
-});
+const formState = ref({});
 
 const isShow = computed({
   get() {
@@ -71,10 +81,61 @@
 });
 
 let { proxy } = getCurrentInstance()
+const productModelsOptions = ref([])
+const productOptions = ref([])
 
 const closeModal = () => {
   isShow.value = false;
 };
+
+const setFormData = () => {
+  formState.value = props.record
+}
+
+const getProductOptions = () => {
+  productTreeList().then((res) => {
+    productOptions.value = convertIdToValue(res);
+  });
+};
+const getModels = (value) => {
+  formState.value.productModelId = undefined;
+  productModelsOptions.value = [];
+  if (value) {
+    modelList({ id: value }).then((res) => {
+      productModelsOptions.value = res;
+    });
+  }
+};
+
+const findNodeById = (nodes, productId) => {
+  for (let i = 0; i < nodes.length; i++) {
+    if (nodes[i].value === productId) {
+      return nodes[i].label; // 鎵惧埌鑺傜偣锛岃繑鍥炶鑺傜偣鐨刲abel
+    }
+    if (nodes[i].children && nodes[i].children.length > 0) {
+      const foundNode = findNodeById(nodes[i].children, productId);
+      if (foundNode) {
+        return foundNode; // 鍦ㄥ瓙鑺傜偣涓壘鍒帮紝鐩存帴杩斿洖锛堝凡缁忔槸label瀛楃涓诧級
+      }
+    }
+  }
+  return null; // 娌℃湁鎵惧埌鑺傜偣锛岃繑鍥瀗ull
+};
+
+function convertIdToValue(data) {
+  return data.map((item) => {
+    const { id, children, ...rest } = item;
+    const newItem = {
+      ...rest,
+      value: id, // 灏� id 鏀逛负 value
+    };
+    if (children && children.length > 0) {
+      newItem.children = convertIdToValue(children);
+    }
+
+    return newItem;
+  });
+}
 
 const handleSubmit = () => {
   proxy.$refs["formRef"].validate(valid => {
@@ -95,4 +156,13 @@
   handleSubmit,
   isShow,
 });
+
+
+onMounted(() => {
+  getProductOptions()
+  getModels(props.record.productId)
+  nextTick(() => {
+    setFormData()
+  });
+})
 </script>

--
Gitblit v1.9.3