jinna
1 month ago
parent
8e49e6417b
commit
a27a2e2f3a
8 changed files with 1071 additions and 227 deletions
@ -0,0 +1,496 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<!-- 待审核 --> |
||||||
|
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud" |
||||||
|
@row-del="rowDel" @search-change="searchChange" @search-reset="searchReset" |
||||||
|
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
||||||
|
@refresh-change="refreshChange"> |
||||||
|
<template #menu-left> |
||||||
|
<el-button type="primary" @click="settleConfirm">结算确认</el-button> |
||||||
|
</template> |
||||||
|
</avue-crud> |
||||||
|
<el-dialog title="结算确认" :modelValue="isConfirm" append-to-body width="30%"> |
||||||
|
<el-form :model="settleForm" :rules="settleRules" ref="settleForm"> |
||||||
|
<el-form-item label="确认结果" prop="confirmResult"> |
||||||
|
<el-radio-group v-model="settleForm.confirmResult" @change="changeResult"> |
||||||
|
<el-radio label="1">结算正确</el-radio> |
||||||
|
<el-radio label="2">结算异常</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="异常原因" prop="confirmReason" v-if="settleForm.confirmResult == 2"> |
||||||
|
<el-select v-model="settleForm.confirmReason"> |
||||||
|
<el-option label="订单数据错误" value="1"></el-option> |
||||||
|
<el-option label="无需结算" value="2"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<template #footer> |
||||||
|
<span class="dialog-footer"> |
||||||
|
<el-button @click="isConfirm = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="summitSettle">确定</el-button> |
||||||
|
</span> |
||||||
|
</template> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
loading:false, |
||||||
|
data:[], |
||||||
|
form:{}, |
||||||
|
query:{}, |
||||||
|
page: { |
||||||
|
pageSize: 10, |
||||||
|
currentPage: 1, |
||||||
|
total: 0, |
||||||
|
}, |
||||||
|
selectionList:[], |
||||||
|
isConfirm:false, |
||||||
|
settleForm:{}, |
||||||
|
settleRules:{ |
||||||
|
confirmResult:[{required: true, message: '请选择结算结果',trigger:'blur'}], |
||||||
|
confirmReason:[{required: false, message: '请填写异常原因',trigger:'blur'}], |
||||||
|
}, |
||||||
|
option:{ |
||||||
|
height: 'auto', |
||||||
|
calcHeight: 32, |
||||||
|
tip: false, |
||||||
|
simplePage: true, |
||||||
|
searchShow: true, |
||||||
|
searchMenuSpan: 6, |
||||||
|
searchIcon: true, |
||||||
|
searchIndex: 3, |
||||||
|
tree: false, |
||||||
|
border: true, |
||||||
|
index: false, |
||||||
|
selection: true, |
||||||
|
rowKey: 'id', |
||||||
|
editBtn: false, |
||||||
|
viewBtn: false, |
||||||
|
delBtn: false, |
||||||
|
addBtn: false, |
||||||
|
editBtnText: '修改', |
||||||
|
viewBtnIcon: ' ', |
||||||
|
delBtnIcon: ' ', |
||||||
|
editBtnIcon: ' ', |
||||||
|
viewBtnText: '详情', |
||||||
|
labelWidth: 120, |
||||||
|
searchLabelWidth:90, |
||||||
|
menuWidth: 180, |
||||||
|
dialogWidth: 640, |
||||||
|
dialogClickModal: false, |
||||||
|
searchEnter: true, |
||||||
|
excelBtn: true, |
||||||
|
filterBtn: true, |
||||||
|
searchShowBtn: false, |
||||||
|
columnSort: true, |
||||||
|
showOverflowTooltip: true, |
||||||
|
menu: false, |
||||||
|
searchLabelPosition: 'left', |
||||||
|
searchGutter: 24, |
||||||
|
searchSpan: 6, |
||||||
|
menuAlign: 'left', |
||||||
|
gridBtn: false, |
||||||
|
searchMenuPosition: 'right', |
||||||
|
addBtnIcon: ' ', |
||||||
|
viewBtnIcon: ' ', |
||||||
|
delBtnIcon: ' ', |
||||||
|
editBtnIcon: ' ', |
||||||
|
align: 'center', |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: '计划单号', |
||||||
|
prop: 'ypCode', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
searchOrder:4, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '车间订单单号', |
||||||
|
prop: 'woCode', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 140, |
||||||
|
searchOrder:3, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '零件号', |
||||||
|
prop: 'partCode', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
searchOrder:7, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '零件名称', |
||||||
|
prop: 'partName', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '批次号', |
||||||
|
prop: 'batchNo', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '质量等级', |
||||||
|
prop: 'prodIdent', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
type:'select', |
||||||
|
searchOrder:5, |
||||||
|
dicUrl:"/api/blade-scheduling/qualityGrade/getGrades", |
||||||
|
props:{ |
||||||
|
label:'qualityGrade', |
||||||
|
value:"id" |
||||||
|
} |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '工序', |
||||||
|
prop: 'psId', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
type:'select', |
||||||
|
dicUrl:"/api/blade-desk/mesOemProcess/page?current=1&&size=99999", |
||||||
|
props:{ |
||||||
|
label: 'paName', |
||||||
|
value: 'oemProcessCode', |
||||||
|
res: 'data.records', |
||||||
|
}, |
||||||
|
searchOrder:9, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '工艺能力', |
||||||
|
prop: 'caId', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
searchOrder:8, |
||||||
|
width: 120, |
||||||
|
dicUrl:"/api/blade-desk/BA/craftAbility/findList", |
||||||
|
props:{ |
||||||
|
label:"caName", |
||||||
|
value:"id" |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '厂家代码', |
||||||
|
prop: 'ocCode', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '厂家名称', |
||||||
|
prop: 'ocName', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '结算数量', |
||||||
|
prop: 'makeQty', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '单件面积(d㎡)', |
||||||
|
prop: 'ypArea', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 140, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '总面积(d㎡)', |
||||||
|
prop: 'totalArea', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 140, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '镀种', |
||||||
|
prop: 'plate', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
searchOrder:6, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '镀层厚度', |
||||||
|
prop: 'plateThickness', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '流程卡号', |
||||||
|
prop: 'cardNo', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
searchOrder:1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '工序标准代码', |
||||||
|
prop: 'standardProcessCode', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '涂色标个数', |
||||||
|
prop: 'tsbNum', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '涂色带个数', |
||||||
|
prop: 'tsdNum', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '涂箭头个数', |
||||||
|
prop: 'tjtNum', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '计划部门编号', |
||||||
|
prop: 'planDeptcode', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '使用部门编号', |
||||||
|
prop: 'useDeptCode', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '镀后入库时间', |
||||||
|
prop: 'putStoreTime', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 140, |
||||||
|
type: "date", |
||||||
|
searchRange: true, |
||||||
|
format: 'YYYY-MM-DD', |
||||||
|
valueFormat: 'YYYY-MM-DD', |
||||||
|
startPlaceholder: '开始时间', |
||||||
|
endPlaceholder: '结束时间', |
||||||
|
searchOrder:11, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '报价单号', |
||||||
|
prop: 'quotation', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '计量单位', |
||||||
|
prop: 'unit', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '结算单价', |
||||||
|
prop: 'unitPrice', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '结算金额', |
||||||
|
prop: 'totalPrice', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
// { |
||||||
|
// label: '异常原因', |
||||||
|
// prop: 'abnormalReason', |
||||||
|
// sortable: true, |
||||||
|
// filter: true, |
||||||
|
// span: 24, |
||||||
|
// search: true, |
||||||
|
// width: 120, |
||||||
|
// searchOrder:14, |
||||||
|
// }, |
||||||
|
{ |
||||||
|
label: '结算时间', |
||||||
|
prop: 'settleDate', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: false, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '结算状态', |
||||||
|
prop: 'rosStatusName', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '外协厂商', |
||||||
|
prop: 'ocId', |
||||||
|
sortable: true, |
||||||
|
filter: true, |
||||||
|
span: 24, |
||||||
|
hide: true, |
||||||
|
search: true, |
||||||
|
width: 120, |
||||||
|
type:'select', |
||||||
|
searchOrder:10, |
||||||
|
dicUrl:"/api/blade-desk/BA/Oem/listForSelect", |
||||||
|
props:{ |
||||||
|
label:'ocName', |
||||||
|
value:"id" |
||||||
|
} |
||||||
|
}, |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
searchChange(params, done){ |
||||||
|
this.query = params; |
||||||
|
this.page.currentPage = 1; |
||||||
|
this.onLoad(); |
||||||
|
done() |
||||||
|
}, |
||||||
|
searchReset(){ |
||||||
|
this.query = {} |
||||||
|
this.onLoad() |
||||||
|
}, |
||||||
|
selectionChange(list){ |
||||||
|
this.selectionList = list; |
||||||
|
}, |
||||||
|
currentChange(currentPage){ |
||||||
|
this.page.currentPage = currentPage; |
||||||
|
}, |
||||||
|
sizeChange(pageSize){ |
||||||
|
this.page.pageSize = pageSize; |
||||||
|
}, |
||||||
|
refreshChange(){ |
||||||
|
this.onLoad(); |
||||||
|
}, |
||||||
|
settleConfirm(){ |
||||||
|
if(this.selectionList.length == 0){ |
||||||
|
this.$message.error('请至少选择一条数据') |
||||||
|
return |
||||||
|
} |
||||||
|
let tmp = this.selectionList.find(item => item.rosStatus != 2) |
||||||
|
if(tmp){ |
||||||
|
this.$message.error('请选择状态为【待确认】的数据！') |
||||||
|
return |
||||||
|
} |
||||||
|
this.isConfirm = true |
||||||
|
}, |
||||||
|
changeResult(val){ |
||||||
|
console.log('val-----------------',val) |
||||||
|
if(val == 2){ |
||||||
|
this.settleRules.confirmReason[0].required = true |
||||||
|
}else{ |
||||||
|
this.settleRules.confirmReason[0].required = false |
||||||
|
} |
||||||
|
}, |
||||||
|
summitSettle(){ |
||||||
|
this.$refs.settleForm.validate(valid => { |
||||||
|
if(valid){ |
||||||
|
this.$message.success('结算成功！') |
||||||
|
this.isConfirm = false |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
onLoad(){ |
||||||
|
this.loading = true |
||||||
|
this.data = [ |
||||||
|
{rosStatus:2} |
||||||
|
] |
||||||
|
this.page.total = this.data.length |
||||||
|
this.loading = false |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
Loading…
Reference in new issue