You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
578 lines
20 KiB
578 lines
20 KiB
<template> |
|
<a-spin :spinning="confirmLoading"> |
|
<j-form-container :disabled="formDisabled"> |
|
<!-- 主表单区域 --> |
|
<a-form :form="form" slot="detail"> |
|
<a-row> |
|
<a-col :span="8" v-show="false"> |
|
<a-form-item label="ID" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['id']" placeholder="" style="width: 100%" disabled/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="流程发起人" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-select-user-by-dep v-decorator="['createBy']" disabled/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="流程发起公司" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-select-company v-decorator="['company']" multi disabled/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="流程发起部门" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-select-depart v-decorator="['sysOrgCode']" multi disabled/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="流程发起时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-date placeholder="请选择流程发起时间" v-decorator="['createTime']" :trigger-change="true" :show-time="true" |
|
date-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" disabled/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="物资类型" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-dict-select-tag type="list" @change="materialType" v-decorator="['materialType']" |
|
:trigger-change="true" dictCode="material_type" placeholder="请选择物资类型" disabled/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="关联出库流程" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<h-delivery v-decorator="['processOutflowId',validatorRules.processOutflowId]" code="demo" field="name" orgFields="name" @mounted="getPlanList" @callType="getcallType" destFields="name":multi="true"/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-upload v-decorator="['fileId']" :trigger-change="true"></j-upload> |
|
</a-form-item> |
|
</a-col> |
|
</a-row> |
|
</a-form> |
|
</j-form-container> |
|
<!-- 子表单区域 --> |
|
<a-tabs v-model="activeKey" @change="handleChangeTabs"> |
|
<a-tab-pane tab="物资报废流程报废清单" :key="refKeys[0]" :forceRender="true"> |
|
<j-editable-table |
|
:ref="refKeys[0]" |
|
:loading="processSmaterialsScrapListTable.loading" |
|
:columns="processSmaterialsScrapListTable.columns" |
|
:dataSource="processSmaterialsScrapListTable.dataSource" |
|
:maxHeight="300" |
|
:disabled="formDisabled" |
|
:rowNumber="true" |
|
:rowSelection="true" |
|
:actionButton="true"/> |
|
</a-tab-pane> |
|
</a-tabs> |
|
<j-form-container > |
|
<a-form :form="form"> |
|
<a-row> |
|
<a-col :span="24" > |
|
<a-form-item label="流程说明" > |
|
<j-editor v-decorator="[ 'opinion', {} ]" triggerChange></j-editor> |
|
<!--<a-input type="textarea" v-decorator="[ 'opinion' ]" :rows="4" />--> |
|
</a-form-item> |
|
</a-col> |
|
</a-row> |
|
</a-form> |
|
</j-form-container> |
|
<div class="div_process"> |
|
<a-form-item v-if="!disabled" :wrapperCol="{ span: 24 }" style="text-align: center"> |
|
<a-button type="primary" :disabled="disabled||btndisabled" @click="handleSubmit">保存</a-button> |
|
<a-button style="margin-left: 8px" type="primary" :disabled="disabled||btndisabled" @click="applySubmit">提交申请</a-button> |
|
<a-button style="margin-left: 8px" :disabled="disabled" @click="close">取消</a-button> |
|
</a-form-item> |
|
<a-form-item v-if="task" :wrapperCol="{ span: 24 }" style="text-align: center"> |
|
<a-button type="primary" @click="passTask">通过</a-button> |
|
<a-button style="margin-left: 8px" @click="backTask">驳回</a-button> |
|
</a-form-item> |
|
</div> |
|
</a-spin> |
|
</template> |
|
|
|
<script> |
|
|
|
import pick from 'lodash.pick' |
|
import { getAction, getCurrentTime, httpAction, getStringArry, getRecord } from '@/api/manage' |
|
import { FormTypes, getRefPromise, validateFormAndTables } from '@/utils/JEditableTableUtil' |
|
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' |
|
import { validateDuplicateValue } from '@/utils/util' |
|
import JFormContainer from '@/components/jeecg/JFormContainer' |
|
import JDate from '@/components/jeecg/JDate' |
|
import JUpload from '@/components/jeecg/JUpload' |
|
import JSelectDepart from '@/components/jeecgbiz/JSelectDepart' |
|
import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep' |
|
import JDictSelectTag from '@/components/dict/JDictSelectTag' |
|
import JSearchSelectTag from '@/components/dict/JSearchSelectTag' |
|
import JSelectCompany from '../../../components/jeecgbiz/JSelectCompany' |
|
|
|
export default { |
|
name: 'ProcessSmaterialsScrapForm', |
|
mixins: [JEditableTableMixin], |
|
components: { |
|
JFormContainer, |
|
JDate, |
|
JUpload, |
|
JSelectDepart, |
|
JSelectUserByDep, |
|
JDictSelectTag, |
|
JSearchSelectTag, |
|
JSelectCompany |
|
}, |
|
data() { |
|
return { |
|
heid: true, |
|
labelCol: { |
|
xs: { span: 24 }, |
|
sm: { span: 6 } |
|
}, |
|
wrapperCol: { |
|
xs: { span: 24 }, |
|
sm: { span: 16 } |
|
}, |
|
labelCol2: { |
|
xs: { span: 24 }, |
|
sm: { span: 3 } |
|
}, |
|
wrapperCol2: { |
|
xs: { span: 24 }, |
|
sm: { span: 20 } |
|
}, |
|
// 新增时子表默认添加几行空数据 |
|
addDefaultRowNum: 1, |
|
processOutflowId: '', |
|
describes:'', |
|
refKeys: ['processSmaterialsScrapList'], |
|
tableKeys: ['processSmaterialsScrapList'], |
|
activeKey: 'processSmaterialsScrapList', |
|
// 物资报废流程报废清单 |
|
processSmaterialsScrapListTable: { |
|
loading: false, |
|
dataSource: [], |
|
columns: [ |
|
{ |
|
title: '器材编号', |
|
key: 'equipment', |
|
type: FormTypes.sel_search, |
|
disabled: true, |
|
dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: 'WBS', |
|
key: 'wbs', |
|
type: FormTypes.sel_search, |
|
dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '物料名称及规格型号', |
|
key: 'materialName', |
|
type: FormTypes.sel_search, |
|
disabled: true, |
|
dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '单位', |
|
key: 'materialUnit', |
|
type: FormTypes.select, |
|
disabled: true, |
|
dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '报废数量', |
|
key: 'scrapNumber', |
|
type: FormTypes.inputNumber, |
|
disabled: false, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '单价（元）', |
|
key: 'materialPrice', |
|
type: FormTypes.inputNumber, |
|
disabled: false, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '金额（元）', |
|
key: 'materialAmount', |
|
type: FormTypes.inputNumber, |
|
disabled: true, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '报废时间', |
|
key: 'scrapTime', |
|
type: FormTypes.date, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '供货商', |
|
key: 'supplierId', |
|
type: FormTypes.sel_search, |
|
disabled: true, |
|
dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '报废原因', |
|
key: 'scrapCause', |
|
type: FormTypes.input, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
} |
|
// { |
|
// title: '物资报废流程主表id', |
|
// key: 'processSmaterialsScrapId', |
|
// type: FormTypes.input, |
|
// width:"200px", |
|
// placeholder: '请输入${title}', |
|
// defaultValue:'', |
|
// }, |
|
] |
|
}, |
|
url: { |
|
getForm: '/actBusiness/getForm', |
|
add: '/hy/processSmaterialsScrap/add', |
|
edit: '/hy/processSmaterialsScrap/edit', |
|
addScrapApply: '/hy/processSmaterialsScrap/addScrapApply', |
|
editScrapApply: '/hy/processSmaterialsScrap/editScrapApply', |
|
queryById: '/hy/processSmaterialsScrap/queryById', |
|
list:"/hy/processMaterialsDelivery/queryProcessMaterialsDeliveryListByMainId", |
|
processSmaterialsScrapList: { |
|
list: '/hy/processSmaterialsScrap/queryProcessSmaterialsScrapListByMainId' |
|
} |
|
}, |
|
btndisabled: false, |
|
validatorRules: { |
|
// 'blur'是鼠标失去焦点的时候会触发验证 |
|
processOutflowId: {rules: [{ required: true, message: '关联出库流程不能为空!' }]}, |
|
processReturnId: {rules:[{ required: true, message: '关联归还流程不能为空!' }]}, |
|
processPlan: {rules:[ { required: true, message: '请选择流程计划!'}]} |
|
}, |
|
} |
|
}, |
|
props: { |
|
/*流程数据*/ |
|
processData: { |
|
type: Object, |
|
default: () => { |
|
return {} |
|
}, |
|
required: false |
|
}, |
|
/*是否新增*/ |
|
isNew: { type: Boolean, default: false, required: false }, |
|
/*是否处理流程*/ |
|
task: { type: Boolean, default: false, required: false }, |
|
//流程表单data |
|
formData: { |
|
type: Object, |
|
default: () => { |
|
}, |
|
required: false |
|
}, |
|
//表单模式：false流程表单 true普通表单 |
|
formBpm: { |
|
type: Boolean, |
|
default: false, |
|
required: false |
|
}, |
|
//表单禁用 |
|
disabled: { |
|
type: Boolean, |
|
default: false, |
|
required: false |
|
}, |
|
hidden: { |
|
type: Boolean, |
|
default: false, |
|
required: false |
|
} |
|
}, |
|
computed: { |
|
formDisabled() { |
|
if (this.formBpm === true) { |
|
if (this.formData.disabled === false) { |
|
return false |
|
} |
|
return true |
|
} |
|
return this.disabled |
|
}, |
|
showFlowSubmitButton() { |
|
if (this.formBpm === true) { |
|
if (this.formData.disabled === false) { |
|
return true |
|
} |
|
} |
|
return false |
|
} |
|
}, |
|
created() { |
|
//如果是流程中表单，则需要加载流程表单data |
|
this.showFlowData() |
|
let company = sessionStorage.getItem('PARENT_ID') |
|
let userInfo = sessionStorage.getItem('USER_INFORMATION') |
|
console.log(userInfo) |
|
// userInfo.company=company; |
|
this.popupCallback(company, userInfo) |
|
if (!this.isNew){ |
|
this.init(); |
|
} |
|
}, |
|
methods: { |
|
materialType(val) { |
|
if (val !== undefined) { |
|
this.heid = false |
|
} |
|
|
|
}, |
|
/*回显数据*/ |
|
init() { |
|
this.btndisabled = true |
|
var r = this.processData |
|
this.getAction(this.url.queryById, { |
|
id: r.tableId |
|
}).then((res) => { |
|
if (res.success) { |
|
let formData = res.result |
|
formData.tableName = r.tableName |
|
this.data = formData |
|
console.log('表单回显数据', this.data) |
|
this.editAfter() |
|
this.btndisabled = false |
|
} else { |
|
this.$message.error(res.message) |
|
} |
|
}) |
|
}, |
|
getPlanList(id){ |
|
let params={} |
|
params.id=id; |
|
this.requestSubTableData(this.url.list, params, this.processSmaterialsScrapListTable) |
|
}, |
|
close() { |
|
//todo 关闭后的回调 |
|
this.$emit('close') |
|
}, |
|
/*通过审批*/ |
|
passTask() { |
|
this.$emit('passTask') |
|
}, |
|
/*驳回审批*/ |
|
backTask() { |
|
this.$emit('backTask') |
|
}, |
|
/*提交申请*/ |
|
applySubmit(e) { |
|
this.getAllTable().then(tables => { |
|
return validateFormAndTables(this.form, tables) |
|
}).then(allValues=>{ |
|
if (typeof this.classifyIntoFormData !== 'function') { |
|
throw this.throwNotFunction('classifyIntoFormData') |
|
} |
|
let formData = this.classifyIntoFormData(allValues) |
|
//计算总价 |
|
for (let i = 0; i < formData.processUdgetPlanMaterialList.length; i++) { |
|
this.materialAmount=this.materialAmount+ formData.processUdgetPlanMaterialList[i].materialAmount; |
|
if (i==0){ |
|
this.describes=formData.processUdgetPlanMaterialList[i].materialName |
|
}else { |
|
this.describes=this.describes+"---"+formData.processUdgetPlanMaterialList[i].materialName |
|
} |
|
|
|
} |
|
formData.fileId = getStringArry(formData.fileId) |
|
formData.materialPrice=this.materialPrice; |
|
formData.materialAmount=this.materialAmount; |
|
formData.describes=this.describes; |
|
if (new Date(formData.createTime).getTime()/100>new Date(formData.needTime).getTime()/100){ |
|
this.$message.error("需求时间不能小于当前流程发起时间") |
|
return; |
|
} |
|
console.log(this.materialAmount,'采购总价') |
|
|
|
console.log(this.opinion,'流程说明') |
|
this.form.validateFields((err, values) => { |
|
if (!err) { |
|
formData.procDefId = this.processData.id; |
|
formData.procDeTitle = this.processData.name; |
|
formData.title=this.processData.description; |
|
if (!formData.tableName)formData.tableName = this.processData.businessTable; |
|
var url = this.url.addScrapApply; |
|
let method='post'; |
|
if (!this.isNew){ |
|
url = this.url.editScrapApply; |
|
method='put'; |
|
} |
|
this.btndisabled = true; |
|
console.log(formData,'表单数据') |
|
httpAction(url,formData,method).then((res)=>{ |
|
if (res.success){ |
|
//this.$message.success("保存成功！") |
|
//todo 将表单的数据传给父组件 |
|
this.$emit('afterSubmit',formData) |
|
}else { |
|
this.$message.error(res.message) |
|
} |
|
}).finally(()=>{ |
|
this.btndisabled = false; |
|
}) |
|
} |
|
}) |
|
}) |
|
|
|
}, |
|
handleSubmit(e) { |
|
this.getAllTable().then(tables => { |
|
return validateFormAndTables(this.form, tables) |
|
}).then(allValues => { |
|
console.log('所有数据', allValues) |
|
if (typeof this.classifyIntoFormData !== 'function') { |
|
throw this.throwNotFunction('classifyIntoFormData') |
|
} |
|
let formData = this.classifyIntoFormData(allValues) |
|
for (let i = 0; i < formData.processSmaterialsScrapListList.length; i++) { |
|
if (i==0){ |
|
this.describes=formData.processSmaterialsScrapListList[i].materialName |
|
}else { |
|
this.describes=this.describes+"---"+formData.processSmaterialsScrapListList[i].materialName |
|
} |
|
} |
|
formData.describes=this.describes; |
|
formData.fileId = getStringArry(formData.fileId) |
|
|
|
this.form.validateFields((err, values) => { |
|
if (!err) { |
|
formData.procDefId = this.processData.id |
|
formData.procDeTitle = this.processData.name |
|
formData.title = this.processData.description |
|
if (!formData.tableName) formData.tableName = this.processData.businessTable |
|
console.log('格式化后的数据', formData) |
|
var url = this.url.add |
|
let method = 'post' |
|
if (!this.isNew) { |
|
url = this.url.edit |
|
method = 'put' |
|
} |
|
console.log('提交方法', method) |
|
this.btndisabled = true |
|
httpAction(url, formData, method).then((res) => { |
|
if (res.success) { |
|
this.$message.success('保存成功！') |
|
//todo 将表单的数据传给父组件 |
|
this.$emit('afterSubmit', formData) |
|
} else { |
|
this.$message.error(res.message) |
|
} |
|
}).finally(() => { |
|
this.btndisabled = false |
|
}) |
|
} |
|
}) |
|
}) |
|
|
|
}, |
|
getcallType(type){ |
|
this.data.materialType = type.materialType; |
|
this.data.processOutflowId=type.id |
|
let fieldval =pick(this.data,'materialType','processOutflowId') |
|
this.$nextTick(() => { |
|
this.form.setFieldsValue(fieldval) |
|
}) |
|
}, |
|
addBefore() { |
|
this.form.resetFields() |
|
this.processSmaterialsScrapListTable.dataSource = [] |
|
}, |
|
getAllTable() { |
|
let values = this.tableKeys.map(key => getRefPromise(this, key)) |
|
return Promise.all(values) |
|
}, |
|
/** 调用完edit()方法之后会自动调用此方法 */ |
|
editAfter() { |
|
if (this.data.id != null && this.data.id != '' && this.data.id != undefined && this.data.fileId != null && this.data.fileId != '') { |
|
//1、文件回显 |
|
this.data = getRecord(this.data) |
|
|
|
} |
|
console.log('000000000000>',this.data) |
|
let fieldval = pick(this.data, 'id', 'company', 'createTime', 'sysOrgCode', 'createBy', 'materialType', 'processOutflowId', 'fileId','opinion') |
|
this.$nextTick(() => { |
|
this.form.setFieldsValue(fieldval) |
|
}) |
|
// 加载子表数据 |
|
if (this.data.id) { |
|
let params = { id: this.data.id } |
|
this.requestSubTableData(this.url.processSmaterialsScrapList.list, params, this.processSmaterialsScrapListTable) |
|
} |
|
}, |
|
/** 整理成formData */ |
|
classifyIntoFormData(allValues) { |
|
let main = Object.assign(this.model, allValues.formValue) |
|
return { |
|
...main, // 展开 |
|
processSmaterialsScrapListList: allValues.tablesValue[0].values |
|
} |
|
}, |
|
//渲染流程表单数据 |
|
showFlowData() { |
|
if (this.formBpm === true) { |
|
let params = { id: this.formData.dataId } |
|
getAction(this.url.queryById, params).then((res) => { |
|
if (res.success) { |
|
this.edit(res.result) |
|
} |
|
}) |
|
} |
|
}, |
|
validateError(msg) { |
|
this.$message.error(msg) |
|
}, |
|
popupCallback(company, row) { |
|
let res = JSON.parse(row) |
|
console.log('获取我的数据', res.id) |
|
let param = {} |
|
|
|
param.createBy = res.username |
|
param.company = company |
|
param.sysOrgCode = res.departIds |
|
param.createTime = getCurrentTime() |
|
this.data = param |
|
let fieldval = pick(this.data, 'createBy', 'company', 'sysOrgCode', 'createTime') |
|
this.$nextTick(() => { |
|
this.form.setFieldsValue(fieldval) |
|
}) |
|
} |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
.div_process { |
|
margin-top: 30px; |
|
} |
|
</style> |