| | |
| | | <div class="product-traceability-div"> |
| | | <div class="product-traceability-hearder-div"> |
| | | <div style="width: 600px;margin-left:3px;"> |
| | | <tRemoteSelect |
| | | v-model="systemNo" |
| | | :columns="partColumn" |
| | | :data="partList" |
| | | :formatter="labelFormatter" |
| | | :selectLoading="selectLoading" |
| | | :valueColumn="valueColumn" |
| | | @selectChange="changePart()" |
| | | @remoteSearch="queryPart" |
| | | ></tRemoteSelect> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="16"> |
| | | <tRemoteSelect |
| | | v-model="systemNo" |
| | | :columns="partColumn" |
| | | :data="partList" |
| | | :formatter="labelFormatter" |
| | | :selectLoading="selectLoading" |
| | | :valueColumn="valueColumn" |
| | | @selectChange="queryBatchNoData" |
| | | @remoteSearch="queryPart" |
| | | ></tRemoteSelect> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-select @change="changePart" v-model="selBatchNo" class="lmes-select" placeholder="请选择批次号"> |
| | | <el-option :label="item" :value="item" :key="index" v-for="(item,index) in selBatchNoList"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | </div> |
| | | <div style="margin-left:20px;"> |
| | | <!-- <div style="margin-left:20px;"> |
| | | <el-radio v-model="traceType" label="posite" @change="changeTraceType" |
| | | >反向追溯</el-radio |
| | | > |
| | | <el-radio v-model="traceType" label="negate" @change="changeTraceType" |
| | | >正向追溯</el-radio |
| | | > |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="product-traceability-body-div"> |
| | | <div class="product-traceability-relationship-div"> |
| | |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-col>changePart |
| | | </el-col> |
| | | <el-col |
| | | :span="10" |
| | | :offset="1" |
| | |
| | | <div>工作站:</div> |
| | | <div>报工单号:</div> |
| | | <div>报工人员:</div> |
| | | <div>产品编号:</div> |
| | | <div>批次号:</div> |
| | | <div>零件号:</div> |
| | | <div>单位:</div> |
| | | <div>产出数量:</div> |
| | | |
| | | </div> |
| | | <div class="product-traceability-producttracking-val-div"> |
| | | <div :title="currProductTracking.workstationName"> |
| | |
| | | {{ currProductTracking.partNo }} |
| | | </div> |
| | | <div>{{ currProductTracking.unit }}</div> |
| | | <div>{{ currProductTracking.productQty }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="product-traceability-producttracking-item-div"> |
| | |
| | | <div>班组:</div> |
| | | <div>汇报工序:</div> |
| | | <div>汇报时间:</div> |
| | | <div>批号:</div> |
| | | <!-- <div>批号:</div> --> |
| | | <div>零件描述:</div> |
| | | <div>生产日期:</div> |
| | | <div>产出数量:</div> |
| | | </div> |
| | | <div class="product-traceability-producttracking-val-div"> |
| | | <div>{{ currProductTracking.crewName }}</div> |
| | | <div>{{ currProductTracking.operationName }}</div> |
| | | <div>{{ currProductTracking.trackingTime }}</div> |
| | | <div>{{ currProductTracking.systemNo }}</div> |
| | | <!-- <div>{{ currProductTracking.systemNo }}</div> --> |
| | | <div :title="currProductTracking.partName"> |
| | | {{ currProductTracking.partName }} |
| | | </div> |
| | | <div>{{ currProductTracking.productDate }}</div> |
| | | <div>{{ currProductTracking.productQty }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="工步信息" name="工步信息"> |
| | | <!-- <el-tab-pane label="工步信息" name="工步信息"> |
| | | <div style="margin-top:10px;"> |
| | | <el-table |
| | | ref="stepRecordTable" |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tab-pane> --> |
| | | <el-tab-pane label="检测信息" name="检测信息"> |
| | | <div style="margin-top:10px;"> |
| | | <el-tabs type="card"> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="附件"> |
| | | <!-- <el-tab-pane label="附件"> |
| | | <el-upload |
| | | ref="upload" |
| | | action="/mes/operationTask/upload" |
| | |
| | | :auto-upload="false" |
| | | list-type="picture" |
| | | ></el-upload |
| | | ></el-tab-pane> |
| | | ></el-tab-pane> --> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | |
| | | </el-tabs> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="模具信息" name="模具信息"> |
| | | <!-- <el-tab-pane label="模具信息" name="模具信息"> |
| | | <div style="margin-top:10px;"> |
| | | <el-table |
| | | ref="mouldRecordTable" |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tab-pane> --> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | |
| | | import { |
| | | queryByNo, |
| | | queryDiagram, |
| | | queryOperationTask |
| | | queryOperationTask, |
| | | queryByCustomerOrderId |
| | | } from '@/api/product/producttraceability' |
| | | import { |
| | | getTemplateRecord, |
| | |
| | | }, |
| | | selectLoading: false, |
| | | systemNo: null, |
| | | selBatchNo: null, |
| | | selBatchNoList: [], |
| | | selectedProductSystemNo: null, |
| | | valueColumn: 'customerOrderId', |
| | | partColumn: [ |
| | |
| | | { |
| | | prop: 'entityName', |
| | | label: '项目名称' |
| | | }, |
| | | }, |
| | | { |
| | | prop: 'partNo', |
| | | label: '产品编号' |
| | | }, |
| | | }, |
| | | { |
| | | prop: 'productName', |
| | | label: '产品名称' |
| | |
| | | { |
| | | prop: 'specs', |
| | | label: '产品型号' |
| | | }, |
| | | }, |
| | | { |
| | | prop: 'productType', |
| | | label: '产品类型' |
| | |
| | | this.resize() |
| | | }, |
| | | methods: { |
| | | queryBatchNoData(){ |
| | | this.selBatchNo = null |
| | | queryByCustomerOrderId({customerOrderId : this.systemNo}).then(res=>{ |
| | | if(res.status===200){ |
| | | this.selBatchNoList = res.data.data |
| | | } |
| | | }).catch(error=>{ |
| | | console.error(error) |
| | | }) |
| | | }, |
| | | // 加载浏览器窗口变化自适应 |
| | | resize() { |
| | | window.addEventListener('resize', () => { |
| | |
| | | } else { |
| | | this.partList = [] |
| | | } |
| | | this.selBatchNo = null |
| | | this.selBatchNoList = [] |
| | | }, |
| | | changePart() { |
| | | if (this.systemNo != null && this.systemNo !== '') { |
| | | const query = { systemNo: this.systemNo, traceType: this.traceType } |
| | | if (this.selBatchNo != null && this.selBatchNo !== '') { |
| | | const query = { systemNo: this.selBatchNo, traceType: this.traceType } |
| | | queryDiagram(query) |
| | | .then((response) => { |
| | | var data = response.data |
| | |
| | | const hasOutNode = data.data.linkDataArray.find((ele) => { |
| | | return ele.from === item.key |
| | | }) |
| | | item.batchNo = 'SN号:' + item.batchNo |
| | | item.batchNo = '批次号:' + item.batchNo |
| | | item.quantity = |
| | | '投入数量:' + |
| | | (hasOutNode ? item.quantity : 0) + |
| | | ' ' + |
| | | item.unit |
| | | item.ifsBatchNo = |
| | | 'IFS批次号:' + |
| | | (item.ifsBatchNo == null ? '' : item.ifsBatchNo) |
| | | // item.ifsBatchNo = |
| | | // 'IFS批次号:' + |
| | | // (item.ifsBatchNo == null ? '' : item.ifsBatchNo) |
| | | }) |
| | | this.modelData = { |
| | | nodeDataArray: data.data.nodeDataArray, |