|
|
@ -134,6 +134,18 @@ |
|
|
<el-input v-model="searchData.queryOutBatchNo" placeholder="请输入合约号码" clearable></el-input> |
|
|
<el-input v-model="searchData.queryOutBatchNo" placeholder="请输入合约号码" clearable></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
|
|
|
<el-col :span="4"> |
|
|
|
|
|
<el-form-item label="部门"> |
|
|
|
|
|
<el-select v-model="searchData.departmentNo" placeholder="请选择部门" clearable style="width: 100%"> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in departmentList" |
|
|
|
|
|
:key="item.departmentNo" |
|
|
|
|
|
:label="item.departmentDesc" |
|
|
|
|
|
:value="item.departmentNo"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
@ -241,6 +253,7 @@ |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { searchOutboundNotificationReport, getSiteList } from "@/api/report/outboundNotificationReport.js"; |
|
|
import { searchOutboundNotificationReport, getSiteList } from "@/api/report/outboundNotificationReport.js"; |
|
|
|
|
|
import { getDepartmentList } from "@/api/qc/outbound_notification.js"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "outboundNotificationReport", |
|
|
name: "outboundNotificationReport", |
|
|
@ -260,10 +273,13 @@ export default { |
|
|
endDate: '', |
|
|
endDate: '', |
|
|
queryRelatedOrderNo: '', |
|
|
queryRelatedOrderNo: '', |
|
|
queryRelatedOrderLineNo: '', |
|
|
queryRelatedOrderLineNo: '', |
|
|
queryOutBatchNo: '' |
|
|
|
|
|
|
|
|
queryOutBatchNo: '', |
|
|
|
|
|
departmentNo: '' |
|
|
}, |
|
|
}, |
|
|
// Site列表 |
|
|
// Site列表 |
|
|
siteList: [], |
|
|
siteList: [], |
|
|
|
|
|
// 部门列表 |
|
|
|
|
|
departmentList: [], |
|
|
// 搜索展开状态 |
|
|
// 搜索展开状态 |
|
|
searchExpanded: true, |
|
|
searchExpanded: true, |
|
|
// 加载状态 |
|
|
// 加载状态 |
|
|
@ -299,6 +315,7 @@ export default { |
|
|
{ columnProp: 'outBatchNo', columnLabel: '合约号', columnWidth: '120', headerAlign: 'center', align: 'left' }, |
|
|
{ columnProp: 'outBatchNo', columnLabel: '合约号', columnWidth: '120', headerAlign: 'center', align: 'left' }, |
|
|
{ columnProp: 'detailOutWarehouseName', columnLabel: '明细出库仓库', columnWidth: '120', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'detailOutWarehouseName', columnLabel: '明细出库仓库', columnWidth: '120', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'inspectionFlag', columnLabel: '送检标志', columnWidth: '80', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'inspectionFlag', columnLabel: '送检标志', columnWidth: '80', headerAlign: 'center', align: 'center' }, |
|
|
|
|
|
{ columnProp: 'departmentName', columnLabel: '部门', columnWidth: '120', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'createdBy', columnLabel: '创建人', columnWidth: '100', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'createdBy', columnLabel: '创建人', columnWidth: '100', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'createdDate', columnLabel: '创建时间', columnWidth: '150', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'createdDate', columnLabel: '创建时间', columnWidth: '150', headerAlign: 'center', align: 'center' }, |
|
|
{ columnProp: 'remarks', columnLabel: '备注', columnWidth: '200', headerAlign: 'center', align: 'left' } |
|
|
{ columnProp: 'remarks', columnLabel: '备注', columnWidth: '200', headerAlign: 'center', align: 'left' } |
|
|
@ -324,6 +341,7 @@ export default { |
|
|
'合约号': 'outBatchNo', |
|
|
'合约号': 'outBatchNo', |
|
|
'明细出库仓库': 'detailOutWarehouseName', |
|
|
'明细出库仓库': 'detailOutWarehouseName', |
|
|
'送检标志': 'inspectionFlag', |
|
|
'送检标志': 'inspectionFlag', |
|
|
|
|
|
'部门': 'departmentName', |
|
|
'创建人': 'createdBy', |
|
|
'创建人': 'createdBy', |
|
|
'创建时间': 'createdDate', |
|
|
'创建时间': 'createdDate', |
|
|
'备注': 'remarks' |
|
|
'备注': 'remarks' |
|
|
@ -332,6 +350,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.getSiteList(); |
|
|
this.getSiteList(); |
|
|
|
|
|
this.loadDepartmentList(); |
|
|
this.calculateTableHeight(); |
|
|
this.calculateTableHeight(); |
|
|
window.addEventListener('resize', this.calculateTableHeight); |
|
|
window.addEventListener('resize', this.calculateTableHeight); |
|
|
}, |
|
|
}, |
|
|
@ -411,7 +430,8 @@ export default { |
|
|
endDate: '', |
|
|
endDate: '', |
|
|
queryRelatedOrderNo: '', |
|
|
queryRelatedOrderNo: '', |
|
|
queryRelatedOrderLineNo: '', |
|
|
queryRelatedOrderLineNo: '', |
|
|
queryOutBatchNo: '' |
|
|
|
|
|
|
|
|
queryOutBatchNo: '', |
|
|
|
|
|
departmentNo: '' |
|
|
}; |
|
|
}; |
|
|
this.pageIndex = 1; |
|
|
this.pageIndex = 1; |
|
|
}, |
|
|
}, |
|
|
@ -431,6 +451,14 @@ export default { |
|
|
const num = parseFloat(rateStr.replace('%', '')); |
|
|
const num = parseFloat(rateStr.replace('%', '')); |
|
|
return isNaN(num) ? 0 : Math.min(num, 100); |
|
|
return isNaN(num) ? 0 : Math.min(num, 100); |
|
|
}, |
|
|
}, |
|
|
|
|
|
// 加载部门列表 |
|
|
|
|
|
loadDepartmentList() { |
|
|
|
|
|
getDepartmentList({}).then(({ data }) => { |
|
|
|
|
|
if (data && data.code === 0) { |
|
|
|
|
|
this.departmentList = data.rows || []; |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
// 根据完成率获取进度条颜色 |
|
|
// 根据完成率获取进度条颜色 |
|
|
getProgressColor(percentage) { |
|
|
getProgressColor(percentage) { |
|
|
if (percentage >= 100) { |
|
|
if (percentage >= 100) { |
|
|
|