| | |
| | | params: query |
| | | }) |
| | | } |
| | | export function queryByCustomerOrderId(query) { |
| | | return request({ |
| | | url: '/mes/trace/queryByCustomerOrderId', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | |
| | | remote |
| | | @change="changeValue" |
| | | :disabled="isDisabled" |
| | | placeholder="请输入" |
| | | placeholder="请输入客户订单号" |
| | | :remote-method="remoteMethod" |
| | | clearable |
| | | :loading="selectLoading" |
| | |
| | | text-align: center; |
| | | font-size: 13px; |
| | | line-height: 44px; |
| | | |
| | | |
| | | } |
| | | |
| | | .lmes-select-head span, |
| | |
| | | <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 v-model="selBatchNo" class="lmes-select" placeholder="请选择批次号"> |
| | | <el-option :label="item" :key="index" v-for="(item,index) in selBatchNoList"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | </div> |
| | | <div style="margin-left:20px;"> |
| | | <el-radio v-model="traceType" label="posite" @change="changeTraceType" |
| | |
| | | </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"> |
| | |
| | | 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(){ |
| | | queryByCustomerOrderId({customerOrderId : this.systemNo}).then(res=>{ |
| | | if(res.status===200){ |
| | | this.selBatchNoList = res.data.data |
| | | } |
| | | }).catch(error=>{ |
| | | console.error(error) |
| | | }) |
| | | }, |
| | | // 加载浏览器窗口变化自适应 |
| | | resize() { |
| | | window.addEventListener('resize', () => { |