异常订单弹窗书写

dev-scheduling
jinna 3 weeks ago
parent 820a66af07
commit de01773d8a
  1. 17
      src/api/orderManagement/exceptionOrder.js
  2. 152
      src/views/orderManagement/components/exception/dataMissing.vue

@ -52,3 +52,20 @@ export const verificationData = (params) =>{
});
}
// 零件下拉
export const getPartList = (params) => {
return request({
url: '/api/blade-desk/dsPart/getPartList',
method: 'get',
params
});
};
// 生产标识下拉
export const getProductionIdentificationList = (params) => {
return request({
url: '/api/blade-desk/BA/ProdMark/listForSelect',
method: 'get',
params
});
};

@ -53,21 +53,129 @@
</el-button> -->
</template>
</avue-crud>
<!-- <el-dialog v-model="isEdit" width="60%" title="修改">
<el-form :model="editForm">
<el-form-item label="计划单号">
<el-input></el-input>
<el-dialog v-model="isEdit" width="900" title="修改">
<el-form :model="editForm" ref="form" :rules="formRules" label-width="120">
<el-row>
<el-col :span="12">
<el-form-item label="计划单号" prop="ypCode">
<el-input v-model="editForm.ypCode" clearable placeholder="请输入计划单号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="零件号" prop="partCode">
<el-select v-model="editForm.partCode" placeholder="请选择零件号" @change="changePart">
<el-option v-for="item in partCodeList" :key="item.partCode" :label="item.partCode" :value="item.partCode"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="产品型号" prop="productType">
<el-input v-model="editForm.productType" disabled placeholder="请输入产品型号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="产品名称" prop="partName">
<el-input v-model="editForm.partName" disabled placeholder="请输入产品名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="镀种" prop="plate">
<el-input v-model="editForm.plate" clearable disabled placeholder="请输入镀种"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="面积(dm²)" prop="ypArea">
<el-input v-model="editForm.ypArea" clearable disabled placeholder="请输入面积(dm²)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="生产标识" prop="productIdent">
<el-select v-model="editForm.productIdent" placeholder="请选择生产标识">
<el-option v-for="item in productIdentList" :key="item.id" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="使用部门" prop="useDept">
<el-input v-model="editForm.useDept" clearable disabled placeholder="请输入使用部门"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="生产数量" prop="ypQty">
<el-input v-model="editForm.ypQty" clearable placeholder="请输入生产数量"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="需求交期" prop="demandDate">
<el-date-picker
style="width:100%"
type="datetime" placeholder="请选择需求交期"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
v-model="editForm.demandDate" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="计划员" prop="planUser">
<el-input v-model="editForm.planUser" clearable placeholder="请输入计划员"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划下达时间" prop="releaseDate">
<el-date-picker
style="width:100%"
type="datetime" placeholder="请选择计划下达时间"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
v-model="editForm.releaseDate" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="memo">
<el-input v-model="editForm.memo" type="textarea" placeholder="请输入备注"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog> -->
<template #footer>
<span class="dialog-footer">
<el-button @click="isEdit = false"> </el-button>
<el-button type="primary" @click="submitEdit">确定</el-button>
</span>
</template>
</el-dialog>
</template>
<script>
import { getList, closeBatchs,updateData } from '@/api/orderManagement/exceptionOrder';
import { getList, closeBatchs,updateData,getPartList,getProductionIdentificationList} from '@/api/orderManagement/exceptionOrder';
export default {
data() {
return {
editForm:{},
formRules:{
ypCode:[{required: true, message: '请输入计划单号', trigger: 'change'}],
partCode:[{required: true, message: '请选择零件号', trigger: 'change'}],
productIdent:[{required: true, message: '请选择生产标识', trigger: 'change'}],
ypQty:[{required: true, message: '请输入生产数量', trigger: 'change'}],
demandDate:[{required: true, message: '请选择需求交期', trigger: 'change'}],
planUser:[{required: true, message: '请输入计划员', trigger: 'change'}],
releaseDate:[{required: true, message: '请选择计划下达时间', trigger: 'change'}]
// productType:[{required: true, message: '', trigger: 'blur'}]
},
partCodeList:[],
productIdentList:[],
isEdit:false,
isOpen: false,
rowItem: {},
@ -191,9 +299,9 @@ export default {
label: 'partCode',
value:'partCode'
},
onChange:val =>{
this.form.partName = val && val.item && val.item.partName
},
// onChange:val =>{
// this.form.partName = val && val.item && val.item.partName
// },
rules: [
{
required: true,
@ -483,15 +591,37 @@ export default {
},
methods: {
editData(row){
async editData(row){
this.editForm = JSON.parse(JSON.stringify(row))
const partRes = await getPartList()
this.partCodeList = partRes.data.data
const productRes = await getProductionIdentificationList()
this.productIdentList = productRes.data.data
this.isEdit = true
},
changePart(val){
let tmp = this.partCodeList.find(item => item.partCode == val)
this.editForm.partName = tmp.partName
},
submitEdit(){
this.$refs.form.validate(valid =>{
if(valid){
// this.editData1(this.editForm)
updateData(this.editForm).then(res =>{
if(res.data.code == 200){
this.$message.success('修改成功')
this.onLoad()
this.isEdit = false
}
})
}
})
},
editData1(row){
updateData(row).then(res =>{
if(res.data.code == 200){
this.$message.success('修改成功')
this.onLoad()
done()
}
})
},

Loading…
Cancel
Save