|
@@ -3,7 +3,7 @@
|
|
|
<!-- 基础信息展示 -->
|
|
|
<div class="contentBody">
|
|
|
<div class="headerInfo">
|
|
|
- <el-descriptions class="descriptions" :column="3" border>
|
|
|
+ <el-descriptions :column="3" border class="descriptions">
|
|
|
<el-descriptions-item>
|
|
|
<template #label>
|
|
|
<div class="cell-item">
|
|
@@ -94,19 +94,29 @@
|
|
|
</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
</div>
|
|
|
- <div class="tabBox" id="tabBox">
|
|
|
- <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
+ <div id="tabBox" class="tabBox">
|
|
|
+ <el-tabs
|
|
|
+ v-model="activeName"
|
|
|
+ class="demo-tabs"
|
|
|
+ @tab-click="handleClick"
|
|
|
+ >
|
|
|
<el-tab-pane name="f1">
|
|
|
<template #label>
|
|
|
- <el-badge :value="tabCountData.traceability"
|
|
|
- :type="activeName == 'f1' ? 'warning' : 'primary'">生产履历</el-badge>
|
|
|
+ <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 :value="tabCountData.materials"
|
|
|
- :type="activeName == 'f2' ? 'warning' : 'primary'">已采物料</el-badge>
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f2' ? 'warning' : 'primary'"
|
|
|
+ :value="tabCountData.materials"
|
|
|
+ >已采物料
|
|
|
+ </el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
|
<Materials v-if="activeName == 'f2'" />
|
|
@@ -114,15 +124,25 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f3">
|
|
|
<template #label>
|
|
|
- <el-badge :value="tabCountData.record" :type="activeName == 'f3' ? 'warning' : 'primary'">记录项</el-badge>
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f3' ? 'warning' : 'primary'"
|
|
|
+ :value="tabCountData.record"
|
|
|
+ >记录项
|
|
|
+ </el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
|
<template v-if="activeName == 'f3'">
|
|
|
<Record />
|
|
|
- </template> </keep-alive></el-tab-pane>
|
|
|
+ </template>
|
|
|
+ </keep-alive>
|
|
|
+ </el-tab-pane>
|
|
|
<el-tab-pane name="f4">
|
|
|
<template #label>
|
|
|
- <el-badge :value="tabCountData.checks" :type="activeName == 'f4' ? 'warning' : 'primary'">点检判定</el-badge>
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f4' ? 'warning' : 'primary'"
|
|
|
+ :value="tabCountData.checks"
|
|
|
+ >点检判定
|
|
|
+ </el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
|
<template v-if="activeName == 'f4'">
|
|
@@ -132,7 +152,11 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f5">
|
|
|
<template #label>
|
|
|
- <el-badge :value="tabCountData.equit" :type="activeName == 'f5' ? 'warning' : 'danger'">设备使用</el-badge>
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f5' ? 'warning' : 'danger'"
|
|
|
+ :value="tabCountData.equit"
|
|
|
+ >设备使用
|
|
|
+ </el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
|
<template v-if="activeName == 'f5'">
|
|
@@ -142,20 +166,32 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="f6">
|
|
|
<template #label>
|
|
|
- <el-badge :value="tabCountData.fault" :type="activeName == 'f6' ? 'warning' : 'danger'">报故记录</el-badge>
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f6' ? 'warning' : 'danger'"
|
|
|
+ :value="tabCountData.fault"
|
|
|
+ >报故记录
|
|
|
+ </el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
|
<template v-if="activeName == 'f6'">
|
|
|
<Fault />
|
|
|
- </template> </keep-alive></el-tab-pane>
|
|
|
+ </template>
|
|
|
+ </keep-alive>
|
|
|
+ </el-tab-pane>
|
|
|
<el-tab-pane name="f7">
|
|
|
<template #label>
|
|
|
- <el-badge :value="12" :type="activeName == 'f7' ? 'warning' : 'danger'">图片采集</el-badge>
|
|
|
+ <el-badge
|
|
|
+ :type="activeName == 'f7' ? 'warning' : 'danger'"
|
|
|
+ :value="12"
|
|
|
+ >图片采集
|
|
|
+ </el-badge>
|
|
|
</template>
|
|
|
<keep-alive>
|
|
|
<template v-if="activeName == 'f7'">
|
|
|
<Media />
|
|
|
- </template> </keep-alive></el-tab-pane>
|
|
|
+ </template>
|
|
|
+ </keep-alive>
|
|
|
+ </el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -164,7 +200,7 @@
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
import { useProcessStore } from "@/store";
|
|
|
-import { getTraceabilityInfo, getTabCount } from "@/api/process/traceability";
|
|
|
+import { getTabCount, getTraceabilityInfo } from "@/api/process/traceability";
|
|
|
import Traceability from "./components/traceability.vue";
|
|
|
// import Materials from "./components/materials.vue";
|
|
|
const Materials = defineAsyncComponent(
|
|
@@ -178,7 +214,7 @@ 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({});
|
|
|
//获取卡号基础信息
|
|
@@ -192,14 +228,11 @@ const getTabCountData = async (seq) => {
|
|
|
});
|
|
|
tabCountData.value = data;
|
|
|
};
|
|
|
+const route = useRoute();
|
|
|
+store.useSeqNo = route.params.id;
|
|
|
onMounted(() => {
|
|
|
- if (!store.useSeqNo) {
|
|
|
- ElMessage.error("流转卡号有误,请检查");
|
|
|
- router.go(-1);
|
|
|
- } else {
|
|
|
- getInfo(store.useSeqNo);
|
|
|
- getTabCountData(store.useSeqNo);
|
|
|
- }
|
|
|
+ getInfo(store.useSeqNo);
|
|
|
+ getTabCountData(store.useSeqNo);
|
|
|
});
|
|
|
</script>
|
|
|
|