|
@@ -1,6 +1,7 @@
|
|
<!-- 产品追溯列表 -->
|
|
<!-- 产品追溯列表 -->
|
|
<template>
|
|
<template>
|
|
<div class="product-list">
|
|
<div class="product-list">
|
|
|
|
+ <div class="my-title" v-if="!detailsVisible">产品追溯</div>
|
|
<template v-if="!detailsVisible">
|
|
<template v-if="!detailsVisible">
|
|
<el-table
|
|
<el-table
|
|
:data="dataList"
|
|
:data="dataList"
|
|
@@ -13,46 +14,29 @@
|
|
width="50"
|
|
width="50"
|
|
align="center">
|
|
align="center">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- prop="prodCode"
|
|
|
|
- header-align="center"
|
|
|
|
- align="center"
|
|
|
|
- min-width="100"
|
|
|
|
- :show-tooltip-when-overflow="true"
|
|
|
|
- label="产品编号">
|
|
|
|
- </el-table-column>
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="productName"
|
|
prop="productName"
|
|
header-align="center"
|
|
header-align="center"
|
|
align="center"
|
|
align="center"
|
|
- min-width="160"
|
|
|
|
|
|
+ min-width="140"
|
|
:show-tooltip-when-overflow="true"
|
|
:show-tooltip-when-overflow="true"
|
|
label="产品名称">
|
|
label="产品名称">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="progressBar"
|
|
|
|
|
|
+ prop="prodCode"
|
|
header-align="center"
|
|
header-align="center"
|
|
align="center"
|
|
align="center"
|
|
min-width="100"
|
|
min-width="100"
|
|
- label="生产进度">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-progress :percentage="scope.row.progressBar?Number(scope.row.progressBar):0"></el-progress>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
- prop="contactDate"
|
|
|
|
- header-align="center"
|
|
|
|
- align="center"
|
|
|
|
- min-width="160"
|
|
|
|
- label="交期时间">
|
|
|
|
|
|
+ :show-tooltip-when-overflow="true"
|
|
|
|
+ label="产品编号">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="orderCode"
|
|
prop="orderCode"
|
|
header-align="center"
|
|
header-align="center"
|
|
align="center"
|
|
align="center"
|
|
- min-width="120"
|
|
|
|
|
|
+ min-width="140"
|
|
:show-tooltip-when-overflow="true"
|
|
:show-tooltip-when-overflow="true"
|
|
- label="订单编码">
|
|
|
|
|
|
+ label="订单编号">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="customerName"
|
|
prop="customerName"
|
|
@@ -62,6 +46,15 @@
|
|
:show-tooltip-when-overflow="true"
|
|
:show-tooltip-when-overflow="true"
|
|
label="客户名称">
|
|
label="客户名称">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="state"
|
|
|
|
+ header-align="center"
|
|
|
|
+ align="center"
|
|
|
|
+ label="状态">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span>{{scope.row.state?optionsState[Number(scope.row.state) - 3].value:''}}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
fixed="right"
|
|
fixed="right"
|
|
header-align="center"
|
|
header-align="center"
|
|
@@ -69,7 +62,7 @@
|
|
width="150"
|
|
width="150"
|
|
label="操作">
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button v-if="isAuth('prod:monitoring:info')" type="text" size="small" @click="detail(scope.row.id, scope.row.prodCode, true)">查看</el-button>
|
|
|
|
|
|
+ <el-button v-if="isAuth('trace:search:prod:detail')" type="text" size="small" @click="detail(scope.row.id, scope.row.prodCode, true)">查看</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -82,9 +75,12 @@
|
|
:total="totalPage"
|
|
:total="totalPage"
|
|
layout="total, sizes, prev, pager, next, jumper">
|
|
layout="total, sizes, prev, pager, next, jumper">
|
|
</el-pagination>
|
|
</el-pagination>
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
+ <el-button @click="onChose">返回</el-button>
|
|
|
|
+ </span>
|
|
</template>
|
|
</template>
|
|
<!-- 弹窗, 查看 -->
|
|
<!-- 弹窗, 查看 -->
|
|
- <detail v-if="detailsVisible" ref="details" @close="closeDialogEvent" @refreshDataList="getDataList" @onChose="onChose"/>
|
|
|
|
|
|
+ <detail v-if="detailsVisible" ref="details" @onChose="onChildClose"/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -114,7 +110,7 @@
|
|
return {
|
|
return {
|
|
detailsVisible: false,
|
|
detailsVisible: false,
|
|
dataForm: {},
|
|
dataForm: {},
|
|
- dataList: [],
|
|
|
|
|
|
+ dataList: this.defaultList,
|
|
pageIndex: 1,
|
|
pageIndex: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
totalPage: Number(this.defaultTotalPage),
|
|
totalPage: Number(this.defaultTotalPage),
|
|
@@ -141,6 +137,9 @@
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
onChose () {
|
|
onChose () {
|
|
|
|
+ this.$emit('onChose')
|
|
|
|
+ },
|
|
|
|
+ onChildClose () {
|
|
this.detailsVisible = false
|
|
this.detailsVisible = false
|
|
},
|
|
},
|
|
// 查询
|
|
// 查询
|