|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
- <div class="mainContentBox common-layout">
|
|
|
- <el-container>
|
|
|
+ <div class="mainContentBox flex">
|
|
|
+ <div>
|
|
|
<el-aside
|
|
|
width="600px"
|
|
|
style="min-height: 800px; max-height: calc(100vh - 200px)"
|
|
|
@@ -27,180 +27,164 @@
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
</el-aside>
|
|
|
- <el-container>
|
|
|
- <el-header style="height: 20%">
|
|
|
- <el-descriptions title="产品信息一览" border>
|
|
|
- <el-descriptions-item label="产品名称">{{
|
|
|
- productReviewInfo.materialName
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="管号">{{
|
|
|
- productReviewInfo.seqNo
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="物料编号">{{
|
|
|
- productReviewInfo.materialCode
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="产品规格">{{
|
|
|
- productReviewInfo.materialModel
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="铭牌号">-</el-descriptions-item>
|
|
|
- <el-descriptions-item label="是否返工">
|
|
|
- <el-tag size="small">{{ productReviewInfo.rework }}</el-tag>
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="工单出站">{{
|
|
|
- productReviewInfo.outNum
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="交付日期">{{
|
|
|
- productReviewInfo.planStartEnd
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="工单报故"
|
|
|
- ><el-tag size="small">{{
|
|
|
- productReviewInfo.bug
|
|
|
- }}</el-tag></el-descriptions-item
|
|
|
- >
|
|
|
- </el-descriptions>
|
|
|
- </el-header>
|
|
|
- <el-main>
|
|
|
- <el-tabs
|
|
|
- type="border-card"
|
|
|
- @tab-click="tabsEvent"
|
|
|
- v-model="defaultTabName"
|
|
|
+ </div>
|
|
|
+ <div style="width: calc(100% - 600px)">
|
|
|
+ <el-header style="height: 20%">
|
|
|
+ <el-descriptions title="产品信息一览" border>
|
|
|
+ <el-descriptions-item label="产品名称">{{
|
|
|
+ productReviewInfo.materialName
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="管号">{{
|
|
|
+ productReviewInfo.seqNo
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="物料编号">{{
|
|
|
+ productReviewInfo.materialCode
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="产品规格">{{
|
|
|
+ productReviewInfo.materialModel
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="铭牌号">-</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="是否返工">
|
|
|
+ <el-tag size="small">{{ productReviewInfo.rework }}</el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="工单出站">{{
|
|
|
+ productReviewInfo.outNum
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="交付日期">{{
|
|
|
+ productReviewInfo.planStartEnd
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="工单报故"
|
|
|
+ ><el-tag size="small">{{
|
|
|
+ productReviewInfo.bug
|
|
|
+ }}</el-tag></el-descriptions-item
|
|
|
>
|
|
|
- <el-tab-pane name="traceabilityComRef" label="维修履历">
|
|
|
- <template #label>
|
|
|
- <span
|
|
|
- >维修履历
|
|
|
- <el-badge
|
|
|
- :value="tabCount.traceability"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <TraceabilityCom ref="traceabilityComRef" />
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane name="materialsComRef" label="已采物料">
|
|
|
- <template #label>
|
|
|
- <span
|
|
|
- >已采物料
|
|
|
- <el-badge
|
|
|
- :value="tabCount.materials"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <MaterialsCom ref="materialsComRef" />
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane name="recordComRef" label="记录项">
|
|
|
- <template #label>
|
|
|
- <span
|
|
|
- >记录项
|
|
|
- <el-badge
|
|
|
- :value="tabCount.record"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <RecordCom ref="recordComRef"
|
|
|
- /></el-tab-pane>
|
|
|
- <el-tab-pane name="checkComRef" label="点检判定">
|
|
|
- <template #label>
|
|
|
- <span
|
|
|
- >点检判定
|
|
|
- <el-badge
|
|
|
- :value="tabCount.checks"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <CheckCom ref="checkComRef" />
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane name="equitComRef" label="设备使用">
|
|
|
- <template #label>
|
|
|
- <span
|
|
|
- >设备使用
|
|
|
- <el-badge
|
|
|
- :value="tabCount.equit"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <EquitCom ref="equitComRef"
|
|
|
- /></el-tab-pane>
|
|
|
- <el-tab-pane name="faultComRef" label="报故记录">
|
|
|
- <template #label>
|
|
|
- <span
|
|
|
- >报故记录
|
|
|
- <el-badge
|
|
|
- :value="tabCount.fault"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <FaultCom ref="faultComRef" />
|
|
|
- </el-tab-pane>
|
|
|
- <!-- <el-tab-pane name="bugComRef" label="缺陷项">缺陷项</el-tab-pane>-->
|
|
|
- <el-tab-pane name="mediaComRef" label="图片采集"
|
|
|
- ><template #label>
|
|
|
- <span
|
|
|
- >图片采集
|
|
|
- <el-badge
|
|
|
- :value="tabCount.medias"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <media-com ref="mediaComRef"
|
|
|
- /></el-tab-pane>
|
|
|
+ </el-descriptions>
|
|
|
+ </el-header>
|
|
|
+ <el-main>
|
|
|
+ <el-tabs
|
|
|
+ type="border-card"
|
|
|
+ @tab-click="tabsEvent"
|
|
|
+ v-model="defaultTabName"
|
|
|
+ >
|
|
|
+ <el-tab-pane name="traceabilityComRef" label="维修履历">
|
|
|
+ <template #label>
|
|
|
+ <span
|
|
|
+ >维修履历
|
|
|
+ <el-badge
|
|
|
+ :value="tabCount.traceability"
|
|
|
+ class="item"
|
|
|
+ type="primary"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <TraceabilityCom ref="traceabilityComRef" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane name="materialsComRef" label="已采物料">
|
|
|
+ <template #label>
|
|
|
+ <span
|
|
|
+ >已采物料
|
|
|
+ <el-badge
|
|
|
+ :value="tabCount.materials"
|
|
|
+ class="item"
|
|
|
+ type="primary"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <MaterialsCom ref="materialsComRef" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane name="recordComRef" label="记录项">
|
|
|
+ <template #label>
|
|
|
+ <span
|
|
|
+ >记录项
|
|
|
+ <el-badge
|
|
|
+ :value="tabCount.record"
|
|
|
+ class="item"
|
|
|
+ type="primary"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <RecordCom ref="recordComRef"
|
|
|
+ /></el-tab-pane>
|
|
|
+ <el-tab-pane name="checkComRef" label="点检判定">
|
|
|
+ <template #label>
|
|
|
+ <span
|
|
|
+ >点检判定
|
|
|
+ <el-badge
|
|
|
+ :value="tabCount.checks"
|
|
|
+ class="item"
|
|
|
+ type="primary"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <CheckCom ref="checkComRef" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane name="equitComRef" label="设备使用">
|
|
|
+ <template #label>
|
|
|
+ <span
|
|
|
+ >设备使用
|
|
|
+ <el-badge :value="tabCount.equit" class="item" type="primary" />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <EquitCom ref="equitComRef"
|
|
|
+ /></el-tab-pane>
|
|
|
+ <el-tab-pane name="faultComRef" label="报故记录">
|
|
|
+ <template #label>
|
|
|
+ <span
|
|
|
+ >报故记录
|
|
|
+ <el-badge :value="tabCount.fault" class="item" type="primary" />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <FaultCom ref="faultComRef" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <!-- <el-tab-pane name="bugComRef" label="缺陷项">缺陷项</el-tab-pane>-->
|
|
|
+ <el-tab-pane name="mediaComRef" label="图片采集"
|
|
|
+ ><template #label>
|
|
|
+ <span
|
|
|
+ >图片采集
|
|
|
+ <el-badge
|
|
|
+ :value="tabCount.medias"
|
|
|
+ class="item"
|
|
|
+ type="primary"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <media-com ref="mediaComRef"
|
|
|
+ /></el-tab-pane>
|
|
|
|
|
|
- <el-tab-pane name="excelComRef" label="表格数据"
|
|
|
- ><template #label>
|
|
|
- <span
|
|
|
- >表格数据
|
|
|
- <el-badge
|
|
|
- :value="tabCount.excel"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <ExcelCom ref="excelComRef"
|
|
|
- /></el-tab-pane>
|
|
|
- <el-tab-pane name="cssjComRef" label="设备数据"
|
|
|
- ><template #label>
|
|
|
- <span
|
|
|
- >设备数据
|
|
|
- <el-badge
|
|
|
- :value="tabCount.testData"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <TestData ref="cssjComRef"
|
|
|
- /></el-tab-pane>
|
|
|
- <el-tab-pane name="fileComRef" label="工序文件">
|
|
|
- <template #label>
|
|
|
- <span
|
|
|
- >工序文件
|
|
|
- <el-badge
|
|
|
- :value="tabCount.file"
|
|
|
- class="item"
|
|
|
- type="primary"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <FileCom ref="fileComRef"
|
|
|
- /></el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </el-main>
|
|
|
- </el-container>
|
|
|
- </el-container>
|
|
|
+ <el-tab-pane name="excelComRef" label="表格数据"
|
|
|
+ ><template #label>
|
|
|
+ <span
|
|
|
+ >表格数据
|
|
|
+ <el-badge :value="tabCount.excel" class="item" type="primary" />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <ExcelCom ref="excelComRef"
|
|
|
+ /></el-tab-pane>
|
|
|
+ <el-tab-pane name="cssjComRef" label="设备数据"
|
|
|
+ ><template #label>
|
|
|
+ <span
|
|
|
+ >设备数据
|
|
|
+ <el-badge
|
|
|
+ :value="tabCount.testData"
|
|
|
+ class="item"
|
|
|
+ type="primary"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <TestData ref="cssjComRef"
|
|
|
+ /></el-tab-pane>
|
|
|
+ <el-tab-pane name="fileComRef" label="工序文件">
|
|
|
+ <template #label>
|
|
|
+ <span
|
|
|
+ >工序文件
|
|
|
+ <el-badge :value="tabCount.file" class="item" type="primary" />
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <FileCom ref="fileComRef"
|
|
|
+ /></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-main>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
