|
@@ -3,7 +3,12 @@
|
|
|
<!-- 基础信息展示 -->
|
|
|
<div class="contentBody">
|
|
|
<div class="headerInfo">
|
|
|
- <el-descriptions :column="3" border class="descriptions" label-class-name="labelStyle">
|
|
|
+ <el-descriptions
|
|
|
+ :column="3"
|
|
|
+ border
|
|
|
+ class="descriptions"
|
|
|
+ label-class-name="labelStyle"
|
|
|
+ >
|
|
|
<el-descriptions-item>
|
|
|
<template #label>
|
|
|
<div class="cell-item">
|
|
@@ -97,17 +102,27 @@
|
|
|
</el-descriptions>
|
|
|
</div>
|
|
|
<div id="tabBox" class="tabBox">
|
|
|
- <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
+ <el-tabs
|
|
|
+ v-model="activeName"
|
|
|
+ class="demo-tabs"
|
|
|
+ @tab-click="handleClick"
|
|
|
+ >
|
|
|
<el-tab-pane name="f1">
|
|
|
<template #label>
|
|
|
- <el-badge :type="activeName == 'f1' ? 'warning' : 'primary'" :value="tabCountData.traceability">生产履历
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f1' ? 'warning' : 'primary'"
|
|
|
+ :value="tabCountData.traceability"
|
|
|
+ >生产履历
|
|
|
</el-badge>
|
|
|
</template>
|
|
|
<Traceability />
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f2">
|
|
|
<template #label>
|
|
|
- <el-badge :type="activeName == 'f2' ? 'warning' : 'primary'" :value="tabCountData.materials">已采物料
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f2' ? 'warning' : 'primary'"
|
|
|
+ :value="tabCountData.materials"
|
|
|
+ >已采物料
|
|
|
</el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
@@ -116,7 +131,10 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f3">
|
|
|
<template #label>
|
|
|
- <el-badge :type="activeName == 'f3' ? 'warning' : 'primary'" :value="tabCountData.record">记录项
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f3' ? 'warning' : 'primary'"
|
|
|
+ :value="tabCountData.record"
|
|
|
+ >记录项
|
|
|
</el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
@@ -127,7 +145,10 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f4">
|
|
|
<template #label>
|
|
|
- <el-badge :type="activeName == 'f4' ? 'warning' : 'primary'" :value="tabCountData.checks">点检判定
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f4' ? 'warning' : 'primary'"
|
|
|
+ :value="tabCountData.checks"
|
|
|
+ >点检判定
|
|
|
</el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
@@ -138,7 +159,10 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f5">
|
|
|
<template #label>
|
|
|
- <el-badge :type="activeName == 'f5' ? 'warning' : 'danger'" :value="tabCountData.equit">设备使用
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f5' ? 'warning' : 'danger'"
|
|
|
+ :value="tabCountData.equit"
|
|
|
+ >设备使用
|
|
|
</el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
@@ -149,7 +173,10 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f6">
|
|
|
<template #label>
|
|
|
- <el-badge :type="activeName == 'f6' ? 'warning' : 'danger'" :value="tabCountData.fault">报故记录
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f6' ? 'warning' : 'danger'"
|
|
|
+ :value="tabCountData.fault"
|
|
|
+ >报故记录
|
|
|
</el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
@@ -160,7 +187,10 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f7">
|
|
|
<template #label>
|
|
|
- <el-badge :type="activeName == 'f7' ? 'warning' : 'danger'" :value="tabCountData.medias">图片采集
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f7' ? 'warning' : 'danger'"
|
|
|
+ :value="tabCountData.medias"
|
|
|
+ >图片采集
|
|
|
</el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
@@ -191,17 +221,20 @@ const Media = defineAsyncComponent(() => import("./components/media.vue"));
|
|
|
const store = useProcessStore();
|
|
|
const router = useRouter();
|
|
|
const activeName = ref("f1");
|
|
|
-const handleClick = () => { };
|
|
|
+const handleClick = () => {};
|
|
|
const infoData = ref({});
|
|
|
const tabCountData = ref({});
|
|
|
//获取卡号基础信息
|
|
|
const getInfo = async (seq) => {
|
|
|
- const { data } = await getTraceabilityInfo(seq);
|
|
|
+ const { data } = await getTraceabilityInfo(
|
|
|
+ store.odersData.workOrderCode + "/" + seq
|
|
|
+ );
|
|
|
infoData.value = data;
|
|
|
};
|
|
|
const getTabCountData = async (seq) => {
|
|
|
const { data } = await getTabCount({
|
|
|
seqNo: seq,
|
|
|
+ workOrderCode: store.odersData.workOrderCode,
|
|
|
});
|
|
|
tabCountData.value = data;
|
|
|
};
|