zhangdi
3 weeks ago
parent
cbd4e907b9
commit
2e8f51e587
26 changed files with 367 additions and 664 deletions
@ -1,431 +0,0 @@ |
||||
<template> |
||||
<div style="width: 100%"> |
||||
<el-form |
||||
ref="form" |
||||
:model="dsCraftMold" |
||||
:rules="rules" |
||||
class="vd-form" |
||||
label-width="80px" |
||||
size="mini" |
||||
v-if="!disabled" |
||||
> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<!-- 级别 --> |
||||
<el-form-item :label="'工艺级别'" prop="rank"> |
||||
<el-select v-model="dsCraftMold.rank" :placeholder="'请选择'" clearable filterable> |
||||
<el-option |
||||
v-for="item in rankList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<!-- 生产标识 --> |
||||
<el-form-item :label="'生产标识'" prop="qualityGrade"> |
||||
<procedure-qua |
||||
v-model="dsCraftMold.qualityGrade" |
||||
:option="procedureQuaOption" |
||||
multiple |
||||
style="width: 120px" |
||||
@change="procedureQuaChange" |
||||
/> |
||||
<el-select v-model="dsCraftMold.qualityGrade" :placeholder="'请选择'" clearable filterable> |
||||
<el-option |
||||
v-for="item in rankList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<el-tabs v-model="activeName" type="border-card"> |
||||
<!-- 工艺维护 --> |
||||
<el-tab-pane :label="'工序'" name="1"> |
||||
<avue-crud |
||||
ref="crud" |
||||
:option="dsProcessOption" |
||||
:data="data" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-click="handleRowClick" |
||||
> |
||||
<template #menu-left="{}"> |
||||
<el-button @click="addRow">删除选择行</el-button> |
||||
</template> |
||||
<template #menu-right="{}"> |
||||
<el-cascader |
||||
v-model="cascaderValue" |
||||
:props="{ expandTrigger: 'hover' }" |
||||
:options="cascaderOptions" |
||||
style="width: 260px; height: 30px; margin: 0 12px" |
||||
class="proModel" |
||||
@change="handleChange" |
||||
/> |
||||
<el-button @click="importTemplate">导入模板 </el-button> |
||||
</template> |
||||
<template #menu="{ row, index }"> |
||||
<el-button |
||||
text |
||||
type="primary" |
||||
:icon="row.$cellEdit ? 'el-icon-plus' : 'el-icon-edit'" |
||||
@click="rowCell(row, index)" |
||||
> |
||||
{{ row.$cellEdit ? '保存' : '修改' }} |
||||
</el-button> |
||||
<el-button |
||||
v-if="row.$cellEdit" |
||||
text |
||||
icon="el-icon-cancel" |
||||
type="primary" |
||||
@click="rowCancel(row, index)" |
||||
> |
||||
取消 |
||||
</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
</el-tab-pane> |
||||
</el-tabs> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import { getProcessManagementAuthorized } from '@/api/processManagement/taskProcessing'; |
||||
|
||||
export default { |
||||
name: 'CraftIndex', |
||||
components: {}, |
||||
props: { |
||||
height: { |
||||
type: Number, |
||||
default: 600, |
||||
}, |
||||
partId: { |
||||
type: [Number, String], |
||||
default: null, |
||||
}, |
||||
dialogType: { |
||||
type: String, |
||||
default: '', |
||||
}, |
||||
}, |
||||
data() { |
||||
// var checkCraftNo = (rule, value, callback) => { |
||||
// if (!value) { |
||||
// return callback( |
||||
// new Error(this.$t('videaVueLib.publics.form.placeholder.input')) |
||||
// ); |
||||
// } |
||||
// this.$ajax |
||||
// .post('dsCraft/checkCraftNoUnique', { |
||||
// craftId: this.dsCraftMold.craftId, |
||||
// partId: this.partId, |
||||
// craftNo: value |
||||
// }) |
||||
// .then((res) => { |
||||
// if (res.data) { |
||||
// callback(new Error(this.$t('craft.checkCraftNoUnique'))); |
||||
// } else { |
||||
// callback(); |
||||
// } |
||||
// }); |
||||
// }; |
||||
return { |
||||
disabled: false, |
||||
craftWay: '', |
||||
dsCraftMold: { |
||||
qualityGrade: [], |
||||
quGrText: [], |
||||
dsPart: { partId: this.partId }, |
||||
priority: 3, |
||||
craftNo: 'C000000', |
||||
rank: 2, |
||||
}, |
||||
procedureQuaOption: [], |
||||
activeName: '1', |
||||
craftId: null, |
||||
priorityList: [ |
||||
{ |
||||
label: '本次使用', |
||||
value: 1, |
||||
}, |
||||
{ |
||||
label: '正式工艺', |
||||
value: 2, |
||||
}, |
||||
{ |
||||
label: '临时工艺', |
||||
value: 3, |
||||
}, |
||||
], |
||||
rankList: [ |
||||
{ |
||||
label: '一级', |
||||
value: 1, |
||||
}, |
||||
{ |
||||
label: '二级', |
||||
value: 2, |
||||
}, |
||||
{ |
||||
label: '三级', |
||||
value: 3, |
||||
}, |
||||
], |
||||
rules: { |
||||
priority: [{ required: true }], |
||||
rank: [{ required: true }], |
||||
}, |
||||
procedureQuaList: [], |
||||
dsProcessOption: { |
||||
submitBtn: false, |
||||
emptyBtn: false, |
||||
addBtn: false, |
||||
editBtn: false, |
||||
addRowBtn: true, |
||||
addRowBtnText: '插入一行', |
||||
cellBtn: false, |
||||
cancelBtn: false, |
||||
menu: false, |
||||
selection: true, |
||||
tip: false, |
||||
border: true, |
||||
searchLabelPosition: 'left', |
||||
searchGutter: 24, |
||||
searchSpan: 6, |
||||
menuAlign: 'left', |
||||
gridBtn: false, |
||||
searchMenuPosition: 'right', |
||||
addBtnIcon: ' ', |
||||
viewBtnIcon: ' ', |
||||
delBtnIcon: ' ', |
||||
editBtnIcon: ' ', |
||||
searchShowBtn: false, |
||||
align: 'center', |
||||
column: [ |
||||
{ |
||||
label: '工序号', |
||||
prop: 'processNo', |
||||
span: 23, |
||||
cell: true, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入密码', |
||||
trigger: 'blur', |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: '工序', |
||||
prop: 'bsProcedureSet.ppsId', |
||||
bind: 'bsProcedureSet.ppsId', |
||||
cell: true, |
||||
span: 23, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入密码', |
||||
trigger: 'blur', |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: '工序代码', |
||||
prop: 'bsProcedureSet.ppsCode', |
||||
bind: 'bsProcedureSet.ppsCode', |
||||
cell: true, |
||||
span: 23, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入密码', |
||||
trigger: 'blur', |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: '工艺能力', |
||||
prop: 'bsCraftAbility.caId', |
||||
bind: 'bsCraftAbility.caId', |
||||
cell: true, |
||||
span: 23, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入密码', |
||||
trigger: 'blur', |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: '工时定额', |
||||
prop: 'hourQuota', |
||||
cell: true, |
||||
span: 23, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入密码', |
||||
trigger: 'blur', |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: '工序描述', |
||||
prop: 'memo', |
||||
cell: true, |
||||
span: 23, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入密码', |
||||
trigger: 'blur', |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: '主工序', |
||||
prop: 'cruxProcess', |
||||
cell: true, |
||||
span: 23, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入密码', |
||||
trigger: 'blur', |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
}, |
||||
watch: { |
||||
activeName: function () { |
||||
this.loadDetail(); |
||||
}, |
||||
}, |
||||
mounted() { |
||||
this.$refs.form.resetFields(); |
||||
this.craftId = null; |
||||
this.dsCraftMold = { |
||||
qualityGrade: [], |
||||
quGrText: [], |
||||
dsPart: { partId: this.partId }, |
||||
priority: 3, |
||||
craftNo: 'C000000', |
||||
rank: 2, |
||||
}; |
||||
this.$refs.processRef.processList = []; |
||||
|
||||
this.disabled = this.dialogType == 'view' ? true : false; |
||||
|
||||
this.getPartDetails() |
||||
}, |
||||
methods: { |
||||
// 获取零件信息详情数据 |
||||
getPartDetails() { |
||||
getProcessManagementAuthorized(this.partId).then(res => { |
||||
this.formData = res.data.data.dsPartEntity; |
||||
this.data = res.data.data.dsPartEntities |
||||
if (res.data.data.dsPartEntity.isGlassCake === '0') { |
||||
this.formData.isGlassCake = false; |
||||
} else { |
||||
this.formData.isGlassCake = true; |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
|
||||
refreshLoad() { |
||||
this.$refs.processRef.processList = []; |
||||
}, |
||||
procedureQuaChange(idList, item) { |
||||
const list = this.procedureQuaList.concat(item); |
||||
this.procedureQuaList = this.$removedup(list, 'pqId'); |
||||
this.dsCraftMold.quGrText = []; |
||||
idList.forEach(idItem => { |
||||
this.procedureQuaList.forEach((item, index) => { |
||||
if (item.pqId === idItem) { |
||||
this.dsCraftMold.quGrText.push(item.pqName); |
||||
} |
||||
}); |
||||
}); |
||||
}, |
||||
loadData(craftId) { |
||||
if (!craftId) return; |
||||
this.craftId = craftId; |
||||
this.loadDetail(); |
||||
this.$ajax.get('dsCraft/getByKey/' + craftId).then(res => { |
||||
this.dsCraftMold = res.data; |
||||
if (!this.dsCraftMold.qualityGrade) { |
||||
this.dsCraftMold.qualityGrade = []; |
||||
this.procedureQuaOption = []; |
||||
} else { |
||||
this.dsCraftMold.qualityGrade = JSON.parse(this.dsCraftMold.qualityGrade); |
||||
this.dsCraftMold.quGrText = JSON.parse(this.dsCraftMold.quGrText); |
||||
this.procedureQuaOption = []; |
||||
this.dsCraftMold.quGrText.forEach((item, index) => { |
||||
this.procedureQuaOption.push({ |
||||
pqId: this.dsCraftMold.qualityGrade[index], |
||||
pqName: item, |
||||
}); |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
addRefresh() { |
||||
this.$refs.form.resetFields(); |
||||
this.craftId = null; |
||||
this.dsCraftMold = { |
||||
qualityGrade: [], |
||||
quGrText: [], |
||||
dsPart: { partId: this.partId }, |
||||
priority: 3, |
||||
craftNo: 'C000000', |
||||
rank: 2, |
||||
}; |
||||
this.$refs.processRef.processList = []; |
||||
}, |
||||
validateForm() { |
||||
this.$refs.form.validate(valid => { |
||||
if (valid) { |
||||
if (this.activeName === '1') { |
||||
this.$refs.processRef.submit(); |
||||
} else if (this.activeName === '2') { |
||||
this.$refs.platedQuotaRef.submit(); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
loadDetail() { |
||||
if (this.activeName === '1') { |
||||
this.$refs.processRef.loadData(this.craftId); |
||||
} else if (this.activeName === '2') { |
||||
this.$refs.platedQuotaRef.loadData(this.craftId); |
||||
} |
||||
}, |
||||
queryTree(isCall, craftId) { |
||||
this.$emit('queryTree'); |
||||
if (isCall) { |
||||
this.loadData(craftId); |
||||
} |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
// .vd-form /deep/ .el-input { |
||||
// width: 190px !important; |
||||
// } |
||||
// .vd-form /deep/ .el-form-item--mini.el-form-item, |
||||
// .el-form-item--small.el-form-item { |
||||
// margin-bottom: 4px; |
||||
// } |
||||
</style> |
||||
Loading…
Reference in new issue