生产履历添加钎焊指引。

src/views/traceability/components/brazeCom.vue

@@ -0,0 +1,81 @@
+<!-- 点检判定 -->
+<template>
+  <div class="mainContentBox">
+    <avue-crud ref="crudRef2" :data="tableData" :option="option" />
+  </div>
+</template>
+<script setup>
+import { processBrazePage } from "@/api/braze";
+import { useProcessStore } from "@/store";
+import { collectData, tableDatas } from "@/api/process/traceability";
+import { useDictionaryStore } from "@/store";
+const dictS = useDictionaryStore();
+const store = useProcessStore();
+const tableData = ref([]);
+const option = {
+  addBtn: false,
+  selection: false,
+  viewBtn: false,
+  editBtn: false,
+  delBtn: false,
+  menu: false,
+  column: [
+    {
+      label: "工序名称",
+      prop: "operationName",
+    },
+    {
+      label: "钎焊编码",
+      prop: "brazeCode",
+    },
+    {
+      label: "钎焊名称",
+      prop: "brazeName",
+    },
+    {
+      label: "起始端",
+      prop: "lineStart",
+    },
+    {
+      label: "结束端",
+      prop: "lineEnd",
+    },
+    {
+      label: "线径",
+      prop: "wireDiameter",
+      hide: true,
+    },
+    {
+      label: "长度",
+      prop: "length",
+      hide: true,
+    },
+    {
+      label: "操作人",
+      prop: "updator",
+    },
+    {
+      label: "操作时间",
+      prop: "updated",
+    },
+  ],
+};
+const refreshTra = (row) => {
+  const data = {
+    seqNo: store.useSeqNo,
+    workOrderCode: store.odersData.workOrderCode,
+  };
+  dataList(data);
+};
+defineExpose({ refreshTra });
+
+onMounted(() => {
+  refreshTra();
+});
+
+const dataList = (data) => {
+  processBrazePage(data).then((res) => {
+    tableData.value = res.data.records;
+  });
+};
+</script>

src/views/traceability/index.vue

@@ -250,6 +250,17 @@
               </template>
             </keep-alive>
           </el-tab-pane>
+          <el-tab-pane name="f10" label="钎焊指引">
+            <template #label>
+              <el-badge
+                :value="tabCountData.brazeCount"
+                class="item"
+                type="primary"
+                >钎焊指引</el-badge
+              >
+            </template>
+            <BrazeCom v-if="activeName == 'f10'" />
+          </el-tab-pane>
         </el-tabs>
       </div>
     </div>
@@ -271,6 +282,10 @@ const Fault = defineAsyncComponent(() => import("./components/fault.vue"));
 const Media = defineAsyncComponent(() => import("./components/media.vue"));
 const Excel = defineAsyncComponent(() => import("./components/excel.vue"));
 const Collect = defineAsyncComponent(() => import("./components/collect.vue"));
+const BrazeCom = defineAsyncComponent(
+  () => import("./components/brazeCom.vue")
+);
+
 const store = useProcessStore();
 const activeName = ref("f1");
 const handleClick = () => {};