parent
fda4c7eb28
commit
b3365f20bb
13 changed files with 681 additions and 426 deletions
@ -1,214 +1,228 @@ |
|||||||
<template> |
<template> |
||||||
<el-dialog v-model="setCrewShow" :before-close="cancel" :title="title" width="1040px"> |
<el-dialog v-model="setCrewShow" :before-close="setIndateCancel" :title="title" width="1040px"> |
||||||
<avue-form :option="optionForm" ref="ruleForm"></avue-form> |
<avue-form :option="optionForm" ref="ruleForm"></avue-form> |
||||||
|
|
||||||
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud" |
<avue-crud |
||||||
@search-change="searchChange" @search-reset="searchReset" |
:option="option" |
||||||
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
:table-loading="loading" |
||||||
@refresh-change="refreshChange" @on-load="onLoad"> |
:data="data" |
||||||
|
v-model="form" |
||||||
|
v-model:page="page" |
||||||
|
ref="crud" |
||||||
|
@search-change="searchChange" |
||||||
|
@search-reset="searchReset" |
||||||
|
@selection-change="selectionChange" |
||||||
|
@current-change="currentChange" |
||||||
|
@size-change="sizeChange" |
||||||
|
@refresh-change="refreshChange" |
||||||
|
@on-load="onLoad" |
||||||
|
> |
||||||
|
</avue-crud> |
||||||
|
|
||||||
</avue-crud> |
<template #footer> |
||||||
|
<span class="dialog-footer"> |
||||||
<template #footer> |
<el-button @click="setIndateCancel">取 消</el-button> |
||||||
<span class="dialog-footer"> |
<el-button type="primary" @click="submit">确 定</el-button> |
||||||
<el-button @click="setIndateCancel">取 消</el-button> |
</span> |
||||||
<el-button type="primary" @click="submit">确 定</el-button> |
</template> |
||||||
</span> |
</el-dialog> |
||||||
</template> |
|
||||||
</el-dialog> |
|
||||||
</template> |
</template> |
||||||
<script> |
<script> |
||||||
import { periodOfValidity } from "@/api/processManagement/procepssPlanning"; |
import { periodOfValidity } from '@/api/processManagement/procepssPlanning'; |
||||||
|
|
||||||
export default { |
export default { |
||||||
name: 'SetPersonnel', |
name: 'SetPersonnel', |
||||||
props: { |
props: { |
||||||
setCrewOpen: { |
setCrewOpen: { |
||||||
type: Boolean, |
type: Boolean, |
||||||
default: false |
default: false, |
||||||
}, |
|
||||||
id: { |
|
||||||
type: Number, |
|
||||||
default: null |
|
||||||
}, |
|
||||||
type: { |
|
||||||
type: String, |
|
||||||
default: '' |
|
||||||
}, |
|
||||||
title: { |
|
||||||
type: String, |
|
||||||
default: '分派' |
|
||||||
}, |
|
||||||
expireData:{ |
|
||||||
type:Array, |
|
||||||
default:[] |
|
||||||
} |
|
||||||
}, |
}, |
||||||
data() { |
id: { |
||||||
return { |
type: Number, |
||||||
url: '', |
default: null, |
||||||
setCrewShow: false, |
|
||||||
page: { |
|
||||||
pageSize: 10, |
|
||||||
currentPage: 1, |
|
||||||
total: 0, |
|
||||||
}, |
|
||||||
optionForm: { |
|
||||||
submitBtn: false, |
|
||||||
emptyBtn: false, |
|
||||||
menuPosition: 'right', |
|
||||||
menuSpan: 16, |
|
||||||
column: [ |
|
||||||
{ |
|
||||||
label: '到期日期', |
|
||||||
prop: "nextDue", |
|
||||||
type: "date", |
|
||||||
span: 8, |
|
||||||
format: "YYYY-MM-DD", |
|
||||||
valueFormat: "YYYY-MM-DD", |
|
||||||
shortcuts: [ |
|
||||||
{ |
|
||||||
text: '今天', |
|
||||||
value: new Date(), |
|
||||||
}, |
|
||||||
{ |
|
||||||
text: '昨天', |
|
||||||
value: () => { |
|
||||||
const date = new Date(); |
|
||||||
date.setTime(date.getTime() - 3600 * 1000 * 24); |
|
||||||
return date; |
|
||||||
}, |
|
||||||
}, |
|
||||||
{ |
|
||||||
text: '一周前', |
|
||||||
value: () => { |
|
||||||
const date = new Date(); |
|
||||||
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); |
|
||||||
return date; |
|
||||||
}, |
|
||||||
}, |
|
||||||
], |
|
||||||
rules: [ |
|
||||||
{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
trigger: 'blur' |
|
||||||
} |
|
||||||
] |
|
||||||
}, |
|
||||||
|
|
||||||
] |
|
||||||
}, |
|
||||||
option: { |
|
||||||
columnSort: true, |
|
||||||
tip: false, |
|
||||||
// height: 'auto', |
|
||||||
calcHeight: 32, |
|
||||||
simplePage: false, |
|
||||||
searchShow: true, |
|
||||||
searchMenuSpan: 6, |
|
||||||
dialogWidth: '60%', |
|
||||||
border: true, |
|
||||||
selection: false, |
|
||||||
viewBtn: true, |
|
||||||
menuWidth: 240, |
|
||||||
dialogClickModal: false, |
|
||||||
addBtn: false, |
|
||||||
excelBtn: false, |
|
||||||
viewBtn: false, |
|
||||||
columnBtn: false, |
|
||||||
editBtnText: '编辑', |
|
||||||
refreshBtn: false, |
|
||||||
searchShowBtn: false, |
|
||||||
gridBtn: false, |
|
||||||
searchIndex: 3, |
|
||||||
searchIcon: true, |
|
||||||
header: false, |
|
||||||
menu: false, |
|
||||||
searchLabelPosition:'left', |
|
||||||
searchGutter:24, |
|
||||||
searchSpan:6, |
|
||||||
menuAlign: 'left', |
|
||||||
gridBtn:false, |
|
||||||
searchMenuPosition:'right', |
|
||||||
addBtnIcon: ' ', |
|
||||||
viewBtnIcon: ' ', |
|
||||||
delBtnIcon: ' ', |
|
||||||
editBtnIcon: ' ', |
|
||||||
align: 'center', |
|
||||||
column: [ |
|
||||||
{ |
|
||||||
label: '零件号', |
|
||||||
prop: 'partCode', |
|
||||||
search: false, |
|
||||||
sortable: true, |
|
||||||
overHidden: true, |
|
||||||
headerAlign: 'center', |
|
||||||
align: 'center', |
|
||||||
|
|
||||||
}, |
|
||||||
{ |
|
||||||
label: '零件名称', |
|
||||||
prop: 'partName', |
|
||||||
sortable: true, |
|
||||||
search: false, |
|
||||||
headerAlign: 'center', |
|
||||||
align: 'left', |
|
||||||
|
|
||||||
}, |
|
||||||
{ |
|
||||||
label: '零件类型', |
|
||||||
prop: 'sinTerType', |
|
||||||
sortable: true, |
|
||||||
search: false, |
|
||||||
headerAlign: 'center', |
|
||||||
align: 'center', |
|
||||||
|
|
||||||
}, |
|
||||||
{ |
|
||||||
label: '工艺路线', |
|
||||||
prop: 'craftWay', |
|
||||||
sortable: true, |
|
||||||
search: false, |
|
||||||
headerAlign: 'center', |
|
||||||
align: 'center', |
|
||||||
|
|
||||||
}, |
|
||||||
], |
|
||||||
}, |
|
||||||
data: [], |
|
||||||
}; |
|
||||||
}, |
}, |
||||||
mounted() { |
type: { |
||||||
this.setCrewShow = this.setCrewOpen |
type: String, |
||||||
this.data = this.expireData |
default: '', |
||||||
}, |
}, |
||||||
methods: { |
title: { |
||||||
|
type: String, |
||||||
submit() { |
default: '分派', |
||||||
this.$refs.ruleForm.validate((valid) => { |
}, |
||||||
if (valid) { |
expireData: { |
||||||
let arr=[] |
type: Array, |
||||||
this.data.forEach((item,index) => { |
default: [], |
||||||
arr.push(item.id) |
}, |
||||||
}); |
}, |
||||||
let query ={ |
data() { |
||||||
nextDue:this.$refs.ruleForm.form.nextDue, |
return { |
||||||
ids:arr.join(',') |
url: '', |
||||||
} |
setCrewShow: false, |
||||||
periodOfValidity(query).then(res=>{ |
page: { |
||||||
this.setIndateCancel() |
pageSize: 10, |
||||||
}) |
currentPage: 1, |
||||||
console.log(9999,query) |
total: 0, |
||||||
|
}, |
||||||
} |
optionForm: { |
||||||
}) |
submitBtn: false, |
||||||
}, |
emptyBtn: false, |
||||||
|
menuPosition: 'right', |
||||||
setIndateCancel(refresh) { |
menuSpan: 16, |
||||||
this.setCrewShow = false |
column: [ |
||||||
this.$emit('setIndateCancel', typeof refresh === 'boolean' && refresh); |
{ |
||||||
|
label: '到期日期', |
||||||
|
prop: 'nextDue', |
||||||
|
type: 'date', |
||||||
|
span: 8, |
||||||
|
format: 'YYYY-MM-DD', |
||||||
|
valueFormat: 'YYYY-MM-DD', |
||||||
|
shortcuts: [ |
||||||
|
{ |
||||||
|
text: '今天', |
||||||
|
value: new Date(), |
||||||
|
}, |
||||||
|
{ |
||||||
|
text: '昨天', |
||||||
|
value: () => { |
||||||
|
const date = new Date(); |
||||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24); |
||||||
|
return date; |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
text: '一周前', |
||||||
|
value: () => { |
||||||
|
const date = new Date(); |
||||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); |
||||||
|
return date; |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
rules: [ |
||||||
|
{ |
||||||
|
required: true, |
||||||
|
message: '请选择', |
||||||
|
trigger: 'blur', |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
option: { |
||||||
|
columnSort: true, |
||||||
|
tip: false, |
||||||
|
// height: 'auto', |
||||||
|
calcHeight: 32, |
||||||
|
simplePage: false, |
||||||
|
searchShow: true, |
||||||
|
searchMenuSpan: 6, |
||||||
|
dialogWidth: '60%', |
||||||
|
border: true, |
||||||
|
selection: false, |
||||||
|
viewBtn: true, |
||||||
|
menuWidth: 240, |
||||||
|
dialogClickModal: false, |
||||||
|
addBtn: false, |
||||||
|
excelBtn: false, |
||||||
|
viewBtn: false, |
||||||
|
columnBtn: false, |
||||||
|
editBtnText: '编辑', |
||||||
|
refreshBtn: false, |
||||||
|
searchShowBtn: false, |
||||||
|
gridBtn: false, |
||||||
|
searchIndex: 3, |
||||||
|
searchIcon: true, |
||||||
|
header: false, |
||||||
|
menu: false, |
||||||
|
searchLabelPosition: 'left', |
||||||
|
searchGutter: 24, |
||||||
|
searchSpan: 6, |
||||||
|
menuAlign: 'left', |
||||||
|
gridBtn: false, |
||||||
|
searchMenuPosition: 'right', |
||||||
|
addBtnIcon: ' ', |
||||||
|
viewBtnIcon: ' ', |
||||||
|
delBtnIcon: ' ', |
||||||
|
editBtnIcon: ' ', |
||||||
|
align: 'center', |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: '零件号', |
||||||
|
prop: 'partCode', |
||||||
|
search: false, |
||||||
|
sortable: true, |
||||||
|
overHidden: true, |
||||||
|
headerAlign: 'center', |
||||||
|
align: 'center', |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '零件名称', |
||||||
|
prop: 'partName', |
||||||
|
sortable: true, |
||||||
|
search: false, |
||||||
|
headerAlign: 'center', |
||||||
|
align: 'left', |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '零件类型', |
||||||
|
prop: 'sinTerType', |
||||||
|
sortable: true, |
||||||
|
search: false, |
||||||
|
headerAlign: 'center', |
||||||
|
align: 'center', |
||||||
|
type: 'select', |
||||||
|
dicData: [ |
||||||
|
{ |
||||||
|
label: '烧结零件', |
||||||
|
value: '1', |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '热表零件', |
||||||
|
value: '2', |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '工艺路线', |
||||||
|
prop: 'craftWay', |
||||||
|
sortable: true, |
||||||
|
search: false, |
||||||
|
headerAlign: 'center', |
||||||
|
align: 'center', |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
data: [], |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.setCrewShow = this.setCrewOpen; |
||||||
|
this.data = this.expireData; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
submit() { |
||||||
|
this.$refs.ruleForm.validate(valid => { |
||||||
|
if (valid) { |
||||||
|
let arr = []; |
||||||
|
this.data.forEach((item, index) => { |
||||||
|
arr.push(item.id); |
||||||
|
}); |
||||||
|
let query = { |
||||||
|
nextDue: this.$refs.ruleForm.form.nextDue, |
||||||
|
ids: arr.join(','), |
||||||
|
}; |
||||||
|
periodOfValidity(query).then(res => { |
||||||
|
this.setIndateCancel(); |
||||||
|
}); |
||||||
|
console.log(9999, query); |
||||||
} |
} |
||||||
} |
}); |
||||||
|
}, |
||||||
|
|
||||||
|
setIndateCancel(refresh) { |
||||||
|
this.setCrewShow = false; |
||||||
|
this.$emit('setIndateCancel', typeof refresh === 'boolean' && refresh); |
||||||
|
}, |
||||||
|
}, |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
|
|||||||
Loading…
Reference in new issue