vueflow 节点颜色高亮。辅料管理。

src/views/base/accessories/index.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="mainContentBox">
+    <el-tabs v-model="activeName" type="card">
+      <el-tab-pane label="耗材辅料" name="1" />
+      <el-tab-pane label="部件辅料" name="2" />
+    </el-tabs>
     <avue-crud
       ref="crudRef"
       v-model:search="search"
@@ -162,8 +166,19 @@ option.value = Object.assign(option.value, {
     },
   ],
 });
+
+const activeName = ref("2"); // 默认显示 部件辅料
 onMounted(() => {
   // console.log("crudRef", crudRef)
+  search.value.accessories_property = activeName.value;
   dataList();
 });
+
+watch(
+  () => activeName.value,
+  (val) => {
+    search.value.accessories_property = activeName.value;
+    dataList();
+  }
+);
 </script>

src/views/base/craftManagement/route/components/CustomNode/index.vue

@@ -54,7 +54,6 @@ watch(
       style="
         text-align: center;
         width: 100%;
-        color: black;
         word-wrap: break-word;
         margin: 10px;
       "
@@ -90,11 +89,17 @@ watch(
 }
 .borderBlack {
   border-color: black;
+  border-width: 1px;
+  color: black;
 }
 .borderBlue {
   border-color: blue;
+  border-width: 2px;
+  color: blue;
 }
 .borderGreen {
   border-color: green;
+  border-width: 2px;
+  color: green;
 }
 </style>