编辑工序组件显示工艺路线的信息

src/views/base/craftManagement/route/components/processComponent.vue

@@ -5,6 +5,11 @@
   >
     <div class="header">
       <div class="title">绑定工序</div>
+      <div class="processInfo">
+        <span>工艺名称：{{ routeInfo?.processRouteName }}</span>
+        <span>产品名称：{{ routeInfo?.prodtName }}</span>
+        <span>产品型号: {{ routeInfo?.prodtModel }}</span>
+      </div>
       <el-space>
         <el-button :icon="Back" size="small" @click="back">返回</el-button>
         <el-button
@@ -127,10 +132,21 @@ const loadTopList = () => {
     isChanged.value = false;
   });
 };
+
+//查询工艺路线的一些信息
+const routeInfo = ref()
+const loadRouteInfo = async () => {
+  const res = await processesByRouteId(route.fullPath.split("/")[6]);
+  if (res.data) {
+    routeInfo.value = res.data
+  }
+}
+
 onMounted(async () => {
   prodtCode.value = route.fullPath.split("/")[5];
   routerId.value = route.fullPath.split("/")[6];
   await loadTopList();
+  loadRouteInfo();
 });
 
 // 顶部====================
@@ -341,7 +357,8 @@ const materialTypeChange = (val) => {
   }
 }
 
-.title {
+.title,
+.processInfo {
   line-height: 44px;
   color: #6f7991;
   font-size: 14px;
@@ -350,6 +367,15 @@ const materialTypeChange = (val) => {
   margin-left: 20px;
 }
 
+.processInfo span {
+  margin-left: 100px;
+}
+
+.processInfo {
+  position: absolute;
+  left: 5%;
+}
+
 .binContainer {
   height: calc(100vh - 280px);
   width: 100%;