| | |
| | | <div class="app-container"> |
| | | <div> |
| | | <div class="search"> |
| | | <el-form :model="entity" ref="entity" size="small" :inline="true"><el-form-item label="批号" prop="updateBatchNo"> |
| | | <el-form :model="entity" ref="entity" size="small" :inline="true"> |
| | | <el-form-item label="批号" prop="updateBatchNo"> |
| | | <el-input v-model="entity.updateBatchNo" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable"> |
| | | </el-input> |
| | | </el-form-item><el-form-item label="委托编号" prop="entrustCode"> |
| | | </el-form-item> |
| | | <el-form-item label="委托编号" prop="entrustCode"> |
| | | <el-input v-model="entity.entrustCode" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable"> |
| | | </el-input> |
| | | </el-form-item><el-form-item label="零件号" prop="partNo"> |
| | | </el-form-item> |
| | | <el-form-item label="零件号" prop="partNo"> |
| | | <el-input v-model="entity.partNo" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable"> |
| | | </el-input> |
| | | </el-form-item><el-form-item label="零件描述" prop="partDesc"> |
| | | </el-form-item> |
| | | <el-form-item label="零件描述" prop="partDesc"> |
| | | <el-input v-model="entity.partDesc" clearable placeholder="请输入" size="small" |
| | | @keyup.enter.native="refreshTable"> |
| | | </el-input> |
| | |
| | | <div class="table-tab"> |
| | | <div> |
| | | <ul class="tab"> |
| | | <li v-for="(m, i) in tabList" :key="m.value" :class="{ active: m.value === tabIndex }" @click="handleTab(m)"> |
| | | {{ m.label }}</li> |
| | | <li :class="{ active: tabIndex === 0 }" @click="handleTab(0)">待下单</li> |
| | | <li :class="{ active: tabIndex === 1 }" @click="handleTab(1)">检验中</li> |
| | | <li :class="{ active: tabIndex === 2 }" @click="handleTab(2)">已检验</li> |
| | | <li :class="{ active: tabIndex === 4 }" @click="handleTab(4)">季度检验</li> |
| | | <li :class="{ active: tabIndex === 3 }" v-if="checkPermi(['get:Ifs:ByAll'])" @click="handleTab(3)">全部</li> |
| | | </ul> |
| | | </div> |
| | | <div> |
| | |
| | | <!--待下单--> |
| | | <div class="table"> |
| | | <lims-table :tableData="tableData" :column="column" v-if="tabIndex === 0" @pagination="pagination" |
| | | :height="'calc(100vh - 290px)'" key="tableData" :page="page" :tableLoading="tableLoading"></lims-table> |
| | | :rowClassName="changeRowClass" :height="'calc(100vh - 290px)'" key="tableData" :page="page" |
| | | :tableLoading="tableLoading"></lims-table> |
| | | </div> |
| | | <!--检验中--> |
| | | <div class="table"> |
| | | <lims-table :tableData="tableData1" :column="column1" v-if="tabIndex === 1" :isSelection="true" |
| | | :handleSelectionChange="selectMethod" @pagination="pagination1" :height="'calc(100vh - 290px)'" |
| | | key="tableData1" :page="page1" :tableLoading="tableLoading1"></lims-table> |
| | | :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination1" |
| | | :height="'calc(100vh - 290px)'" key="tableData1" :page="page1" :tableLoading="tableLoading1"></lims-table> |
| | | </div> |
| | | <!--已检验--> |
| | | <div class="table"> |
| | | <lims-table :tableData="tableData2" :column="column2" v-if="tabIndex === 2" :isSelection="true" |
| | | :handleSelectionChange="selectMethod" @pagination="pagination2" :height="'calc(100vh - 290px)'" |
| | | key="tableData2" :page="page2" :tableLoading="tableLoading2"></lims-table> |
| | | :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination2" |
| | | :height="'calc(100vh - 290px)'" key="tableData2" :page="page2" :tableLoading="tableLoading2"></lims-table> |
| | | </div> |
| | | <!--全部--> |
| | | <div class="table"> |
| | | <lims-table :tableData="tableData3" :column="column3" v-if="tabIndex === 3" :isSelection="true" |
| | | :handleSelectionChange="selectMethod" @pagination="pagination3" :height="'calc(100vh - 290px)'" |
| | | key="tableData3" :page="page3" :tableLoading="tableLoading3"></lims-table> |
| | | :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination3" |
| | | :height="'calc(100vh - 290px)'" key="tableData3" :page="page3" :tableLoading="tableLoading3"></lims-table> |
| | | </div> |
| | | <!--季度检验--> |
| | | <div class="table"> |
| | | <lims-table :tableData="tableData4" :column="column4" v-if="tabIndex === 4" :isSelection="true" |
| | | :handleSelectionChange="selectMethod" @pagination="pagination4" :height="'calc(100vh - 290px)'" |
| | | key="tableData4" :page="page4" :tableLoading="tableLoading4"></lims-table> |
| | | :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination4" |
| | | :height="'calc(100vh - 290px)'" key="tableData4" :page="page4" :tableLoading="tableLoading4"></lims-table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </el-dialog> |
| | | <!-- 撤销报检 --> |
| | | <el-dialog :visible.sync="declareDialogVisible" title="报检撤销" width="30%"> |
| | | <p style="font-size:16px;color:#333333">批号<span |
| | | style="color:#34BD66">{{ this.insOrderRow.updateBatchNo }}</span>的信息是否<span style="color: #FF4902">撤销报检</span> |
| | | <p style="font-size:16px;color:#333333">批号<span style="color:#34BD66">{{ this.insOrderRow.updateBatchNo |
| | | }}</span>的信息是否<span style="color: #FF4902">撤销报检</span> |
| | | </p> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row> |
| | |
| | | concessionRelease, |
| | | getIfsByAll, |
| | | getIfsByOver, |
| | | getIfsByQuarter, |
| | | getIfsByStateOne, |
| | | rawAllExport, |
| | | rawOrderRelease, |
| | |
| | | tableLoading1: false, |
| | | column1: [ |
| | | { label: '批号', prop: 'updateBatchNo' }, |
| | | { label: '委托编号', prop: 'entrustCode' }, |
| | | { |
| | | label: '委托编号', |
| | | prop: 'entrustCode', |
| | | width: "160px", |
| | | dataType: "link", |
| | | linkMethod: "changeEntrustCode", |
| | | }, |
| | | { label: '零件号', prop: 'partNo' }, |
| | | { label: '零件描述', prop: 'partDesc' }, |
| | | { label: '样品名称', prop: 'sampleName' }, |
| | | { |
| | | label: '样品名称', |
| | | prop: 'sampleName', |
| | | width: "160px", |
| | | dataType: "link", |
| | | linkMethod: "selectAllByOne", |
| | | }, |
| | | { label: '样品型号', prop: 'sampleModel' }, |
| | | { label: '检验人', prop: 'userName' }, |
| | | { label: '下发时间', prop: 'sendTime' }, |
| | |
| | | tableData2: [], |
| | | tableLoading2: false, |
| | | column2: [ |
| | | { label: '委托编号', prop: 'entrustCode' }, |
| | | { label: '检验状态', prop: 'inspectStatus' }, |
| | | { |
| | | label: '委托编号', |
| | | prop: 'entrustCode', |
| | | width: "160px", |
| | | dataType: "link", |
| | | linkMethod: "changeEntrustCode", |
| | | }, |
| | | { |
| | | dataType: 'tag', |
| | | label: '检验状态', |
| | | prop: 'inspectStatus', |
| | | formatData: (params) => { |
| | | if (params == 0) { |
| | | return '检验中' |
| | | } else if (params == 1) { |
| | | return '合格' |
| | | } else if (params == 2) { |
| | | return '不合格' |
| | | } else if (params == 3) { |
| | | return '未下单' |
| | | } else if (params == 4) { |
| | | return '让步放行' |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | if (params == 0) { |
| | | return 'warning' |
| | | } else if (params == 1) { |
| | | return 'success' |
| | | } else if (params == 2) { |
| | | return 'danger' |
| | | } else if (params == 3) { |
| | | return 'info' |
| | | } else if (params == 4) { |
| | | return '' |
| | | } else { |
| | | return null |
| | | } |
| | | } |
| | | }, |
| | | { label: '订单号', prop: 'orderNo' }, |
| | | { label: '抵达的采购数量', prop: 'qtyArrived' }, |
| | | { label: '下发时间', prop: 'sendTime' }, |
| | |
| | | { label: '供应商名称', prop: 'supplierName' }, |
| | | { label: '不合格描述', prop: 'unqualifiedDesc' }, |
| | | { label: '免检', prop: 'isExemption' }, |
| | | { label: '样品名称', prop: 'sampleName' }, |
| | | { |
| | | label: '样品名称', |
| | | prop: 'sampleName', |
| | | width: "160px", |
| | | dataType: "link", |
| | | linkMethod: "selectAllByOne", |
| | | }, |
| | | { label: '样品型号', prop: 'sampleModel' }, |
| | | { label: '检验人', prop: 'userName' }, |
| | | { |
| | |
| | | tableData3: [], |
| | | tableLoading3: false, |
| | | column3: [ |
| | | { label: '委托编号', prop: 'entrustCode' }, |
| | | { label: '检验状态', prop: 'inspectStatus' }, |
| | | { label: '委托编号', prop: 'entrustCode',width: "160px", }, |
| | | { |
| | | dataType: 'tag', |
| | | label: '检验状态', |
| | | prop: 'inspectStatus', |
| | | formatData: (params) => { |
| | | if (params == 0) { |
| | | return '检验中' |
| | | } else if (params == 1) { |
| | | return '合格' |
| | | } else if (params == 2) { |
| | | return '不合格' |
| | | } else if (params == 3) { |
| | | return '未下单' |
| | | } else if (params == 4) { |
| | | return '让步放行' |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | if (params == 0) { |
| | | return 'warning' |
| | | } else if (params == 1) { |
| | | return 'success' |
| | | } else if (params == 2) { |
| | | return 'danger' |
| | | } else if (params == 3) { |
| | | return 'info' |
| | | } else if (params == 4) { |
| | | return '' |
| | | } else { |
| | | return null |
| | | } |
| | | } |
| | | }, |
| | | { label: '订单号', prop: 'orderNo' }, |
| | | { label: '抵达的采购数量', prop: 'qtyArrived' }, |
| | | { label: '下发时间', prop: 'sendTime' }, |
| | |
| | | { label: '供应商名称', prop: 'supplierName' }, |
| | | { label: '不合格描述', prop: 'unqualifiedDesc' }, |
| | | { label: '免检', prop: 'isExemption' }, |
| | | { label: '样品名称', prop: 'sampleName' }, |
| | | { |
| | | label: '样品名称', |
| | | prop: 'sampleName', |
| | | width: "160px", |
| | | dataType: "link", |
| | | linkMethod: "selectAllByOne", |
| | | }, |
| | | { label: '样品型号', prop: 'sampleModel' }, |
| | | { label: '检验人', prop: 'userName' }, |
| | | { |
| | |
| | | tableData4: [], |
| | | tableLoading4: false, |
| | | column4: [ |
| | | { label: '委托编号', prop: 'entrustCode' }, |
| | | { label: '检验状态', prop: 'inspectStatus' }, |
| | | { label: '委托编号', prop: 'entrustCode',width: "160px", }, |
| | | { |
| | | dataType: 'tag', |
| | | label: '检验状态', |
| | | prop: 'inspectStatus', |
| | | formatData: (params) => { |
| | | if (params == 0) { |
| | | return '检验中' |
| | | } else if (params == 1) { |
| | | return '合格' |
| | | } else if (params == 2) { |
| | | return '不合格' |
| | | } else if (params == 3) { |
| | | return '未下单' |
| | | } else if (params == 4) { |
| | | return '让步放行' |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | if (params == 0) { |
| | | return 'warning' |
| | | } else if (params == 1) { |
| | | return 'success' |
| | | } else if (params == 2) { |
| | | return 'danger' |
| | | } else if (params == 3) { |
| | | return 'info' |
| | | } else if (params == 4) { |
| | | return '' |
| | | } else { |
| | | return null |
| | | } |
| | | } |
| | | }, |
| | | { label: '订单号', prop: 'orderNo' }, |
| | | { label: '抵达的采购数量', prop: 'qtyArrived' }, |
| | | { label: '下发时间', prop: 'sendTime' }, |
| | |
| | | { label: '供应商名称', prop: 'supplierName' }, |
| | | { label: '不合格描述', prop: 'unqualifiedDesc' }, |
| | | { label: '免检', prop: 'isExemption' }, |
| | | { label: '样品名称', prop: 'sampleName' }, |
| | | { |
| | | label: '样品名称', |
| | | prop: 'sampleName', |
| | | width: "160px", |
| | | dataType: "link", |
| | | linkMethod: "selectAllByOne", |
| | | }, |
| | | { label: '样品型号', prop: 'sampleModel' }, |
| | | { label: '检验人', prop: 'userName' }, |
| | | { |
| | |
| | | // 待下单查询 |
| | | getPurchaseOrderList() { |
| | | this.tableLoading = true |
| | | const params = { ...this.entity, isInspect: 1, state: 0 } |
| | | const params = { ...this.entity, isInspect: 1, state: 0, ...this.page } |
| | | getWarehouseSubmit(params).then(res => { |
| | | this.tableLoading = false |
| | | if (res.code === 200) { |
| | |
| | | // 检验中查询 |
| | | getIfsByStateOneList() { |
| | | this.tableLoading1 = true |
| | | const params = { ...this.entity, orderState: 1, state: 1 } |
| | | const params = { ...this.entity, orderState: 1, state: 1, ...this.page1 } |
| | | getIfsByStateOne(params).then(res => { |
| | | this.tableLoading1 = false |
| | | if (res.code === 200) { |
| | |
| | | // 已检验查询 |
| | | getIfsByOverList() { |
| | | this.tableLoading2 = true |
| | | const params = { ...this.entity, orderState: 4, state: 2 } |
| | | if(null != this.entity.date){ |
| | | this.entity.beginDeclareDate = this.entity.date[0] |
| | | this.entity.endDeclareDate = this.entity.date[1] |
| | | } else { |
| | | this.entity.beginDeclareDate = '' |
| | | this.entity.endDeclareDate = '' |
| | | } |
| | | const params = { ...this.entity, orderState: 4, state: 2, ...this.page2 } |
| | | getIfsByOver(params).then(res => { |
| | | this.tableLoading2 = false |
| | | if (res.code === 200) { |
| | |
| | | // 查询季度检验 |
| | | getIfsByQuarterList() { |
| | | this.tableLoading4 = true |
| | | const params = { ...this.entity } |
| | | getIfsByOver(params).then(res => { |
| | | if(null != this.entity.date){ |
| | | this.entity.beginDeclareDate = this.entity.date[0] |
| | | this.entity.endDeclareDate = this.entity.date[1] |
| | | } else { |
| | | this.entity.beginDeclareDate = '' |
| | | this.entity.endDeclareDate = '' |
| | | } |
| | | const params = { ...this.entity, ...this.page4 } |
| | | getIfsByQuarter(params).then(res => { |
| | | this.tableLoading4 = false |
| | | if (res.code === 200) { |
| | | this.tableData4 = res.data.records |
| | |
| | | // 全部 |
| | | getIfsByAllList() { |
| | | this.tableLoading3 = true |
| | | const params = { ...this.entity, isInspect: 1 } |
| | | if(null != this.entity.date){ |
| | | this.entity.beginDeclareDate = this.entity.date[0] |
| | | this.entity.endDeclareDate = this.entity.date[1] |
| | | } else { |
| | | this.entity.beginDeclareDate = '' |
| | | this.entity.endDeclareDate = '' |
| | | } |
| | | const params = { ...this.entity, isInspect: 1, ...this.page3 } |
| | | getIfsByAll(params).then(res => { |
| | | this.tableLoading3 = false |
| | | if (res.code === 200) { |
| | |
| | | }, |
| | | // 季度检验下单 |
| | | playOrderSec(row) { |
| | | if (typeof row !== "object") { |
| | | this.$router.push({ path: "/materialOrder/customsInspection", query: { active: row } }); |
| | | this.$router.push({ path: "/materialOrder/customsInspection", query: { orderType: 1, customsInspection: row, active: 1 } }); |
| | | }, |
| | | // 点击样品名称查看详情 |
| | | selectAllByOne(row) { |
| | | if (row.isCopper == 1) { |
| | | this.currentId = row.enterOrderId |
| | | this.$router.push({ path: "/materialOrder/copperOrder", query: { customsInspection: row, active: 2, currentId: this.currentId } }); |
| | | } else { |
| | | this.$router.push({ path: "/materialOrder/customsInspection", query: { orderType: 1, customsInspection: row, active: 1 } }); |
| | | this.currentId = row.insOrderId |
| | | this.$router.push({ path: "/materialOrder/customsInspection", query: { customsInspection: row, active: 2, currentId: this.currentId } }); |
| | | } |
| | | }, |
| | | // 打开免检弹框 |
| | |
| | | }).catch(() => { }) |
| | | } |
| | | }, |
| | | // 点击样品名称查看详情 |
| | | selectAllByOne(row) { |
| | | this.currentId = row.insOrderId |
| | | if (row.isCopper == 1) { |
| | | this.currentId = row.enterOrderId |
| | | } |
| | | this.customsInspection = row |
| | | this.active = 2; |
| | | }, |
| | | // 数据查看 |
| | | handleDataLook(row) { |
| | | this.dataLookInfo = row |
| | |
| | | let entity = this.tabIndex === 3 ? { ...this.entity, isInspect: 2 } : { ...this.entity, state: 2, orderState: 4, } |
| | | delete entity.orderBy |
| | | this.outLoading = true |
| | | rawAllExport({ |
| | | entity: entity |
| | | }, { responseType: "blob" }).then(res => { |
| | | rawAllExport({ entity: entity }).then(res => { |
| | | this.outLoading = false |
| | | this.$message.success('导出成功') |
| | | const blob = new Blob([res], { type: 'application/octet-stream' }); |
| | | const url = URL.createObjectURL(blob); |
| | | const link = document.createElement('a'); |
| | | link.href = url; |
| | | link.download = '原材料检测信息导出.xlsx'; |
| | | link.click(); |
| | | this.$download.saveAs(blob, '原材料检测信息导出.xlsx'); |
| | | }) |
| | | }, |
| | | // 提交修改委托编号信息 |
| | |
| | | this.entrustCodeVisible = false |
| | | this.$message.success('修改成功') |
| | | } |
| | | this.refreshTable() |
| | | this.submitCodeLoading = false |
| | | }) |
| | | } catch (e) { |
| | |
| | | }, |
| | | // 切换下单tab表格 |
| | | handleTab(m) { |
| | | this.tabIndex = m.value; |
| | | this.tabIndex = m; |
| | | this.refreshTable() |
| | | }, |
| | | // 表格选择方法 |
| | | selectMethod(val) { |
| | | this.multipleSelection = val |
| | | }, |
| | | changeRowClass({ row, rowIndex }) { |
| | | if (row.isFirst == 1) { |
| | | return 'highlight-danger-row-border' |
| | | } |
| | | return '' |
| | | }, |
| | | }, |
| | | } |
| | | </script> |