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.
262 lines
11 KiB
262 lines
11 KiB
<template> |
|
<a-spin :spinning="confirmLoading"> |
|
<j-form-container :disabled="formDisabled"> |
|
<a-form :form="form" slot="detail"> |
|
<a-row> |
|
<a-col :span="8"> |
|
<a-form-item label="流程表单号" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['processId']" placeholder="请输入流程表单号" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="供应商" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['supplierId']" placeholder="请输入供应商" /> |
|
</a-form-item> |
|
</a-col> |
|
<!-- <a-col :span="8">--> |
|
<!-- <a-form-item label="供应商描述" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
|
<!-- <a-input v-decorator="['supplierDescription']" type="list" :trigger-change="true" placeholder="请输入供应商描述" />--> |
|
<!-- </a-form-item>--> |
|
<!-- </a-col>--> |
|
<a-col :span="8"> |
|
<a-form-item label="物料组" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['descriptionId']" type="list" :trigger-change="true" placeholder="请输入物料组" /> |
|
|
|
<!-- <a-select v-decorator="['descriptionId']" placeholder="请选择物料组" >--> |
|
<!-- <a-select-option v-for="(item,index) in bigId" :key="index" :value="item.itemGroup">{{item.itemGroup}}</a-select-option>--> |
|
<!-- </a-select>--> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="物料名称" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['merchandiseNewsId']" type="list" :trigger-change="true" placeholder="请输入物料" /> |
|
</a-form-item> |
|
</a-col> |
|
<!-- <a-col :span="8">--> |
|
<!-- <a-form-item label="物料描述" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
|
<!-- <a-input v-decorator="['itemDescription']" type="list" :trigger-change="true" placeholder="请输入物料描述" />--> |
|
<!-- </a-form-item>--> |
|
<!-- </a-col>--> |
|
<a-col :span="8"> |
|
<a-form-item label="计量单位（只 ）" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['unitMeasurement']" type="list" :trigger-change="true" placeholder="请输入计量单位" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['amount']" placeholder="请输入数量" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="单价（元）" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['price']" placeholder="请输入单价（元）" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="金额（元）" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['rates']" placeholder="请输入金额（元）" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="仓储地点" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['unitWasteWarehouseCodeId']" type="list" :trigger-change="true" placeholder="请选择仓储地点" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="存储仓位" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['freightSpace']" type="list" :trigger-change="true" placeholder="请选择储存仓位" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="生产时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-date placeholder="请选择生产时间" v-decorator="['productionTime']" :trigger-change="true" style="width: 100%" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="保质期" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input placeholder="请选择保质期" v-decorator="['expirationDate']" :trigger-change="true" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="批次" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['batch']" type="list" :trigger-change="true" placeholder="请选择批次" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="到货情况" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<!-- <a-input v-decorator="['arrivalNotice']" dict="" placeholder="请选择到货情况"/>--> |
|
<a-select v-decorator="['arrivalNotice']" placeholder="请选择到货情况" > |
|
<a-select-option v-for="(item,index) in bigId" :key="index" :value="item.arrivalNotice">{{item.arrivalNotice}}</a-select-option> |
|
</a-select> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="入库时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-date placeholder="请选择入库时间" v-decorator="['inboundTime']" :trigger-change="true" style="width: 100%" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="入库人" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<!-- <a-input v-decorator="['librarySign']" type="list" :trigger-change="true" placeholder="请选择入库人" />--> |
|
<a-select v-decorator="['librarySign']" placeholder="请选择入库人" > |
|
<a-select-option v-for="(item,index) in bigId" :key="index" :value="item.librarySign">{{item.librarySign}}</a-select-option> |
|
</a-select> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="核算属性" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input v-decorator="['accountingAttributes']" type="list" :trigger-change="true" placeholder="请选择核算属性" /> |
|
</a-form-item> |
|
</a-col> |
|
<a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center"> |
|
<a-button @click="submitForm">提 交</a-button> |
|
</a-col> |
|
</a-row> |
|
</a-form> |
|
</j-form-container> |
|
</a-spin> |
|
</template> |
|
|
|
<script> |
|
|
|
import { httpAction, getAction } from '@/api/manage' |
|
import pick from 'lodash.pick' |
|
import { validateDuplicateValue } from '@/utils/util' |
|
import JFormContainer from '@/components/jeecg/JFormContainer' |
|
import JDate from '@/components/jeecg/JDate' |
|
import JSearchSelectTag from '@/components/dict/JSearchSelectTag' |
|
|
|
|
|
export default { |
|
name: 'ProcessSuppliesStrongerForm', |
|
components: { |
|
JFormContainer, |
|
JDate, |
|
JSearchSelectTag, |
|
}, |
|
props: { |
|
//流程表单data |
|
formData: { |
|
type: Object, |
|
default: ()=>{}, |
|
required: false |
|
}, |
|
//表单模式：true流程表单 false普通表单 |
|
formBpm: { |
|
type: Boolean, |
|
default: false, |
|
required: false |
|
}, |
|
//表单禁用 |
|
disabled: { |
|
type: Boolean, |
|
default: false, |
|
required: false |
|
} |
|
}, |
|
data () { |
|
return { |
|
form: this.$form.createForm(this), |
|
model: {}, |
|
bigId:[], |
|
labelCol: { |
|
xs: { span: 24 }, |
|
sm: { span: 5 }, |
|
}, |
|
wrapperCol: { |
|
xs: { span: 24 }, |
|
sm: { span: 16 }, |
|
}, |
|
confirmLoading: false, |
|
validatorRules: { |
|
}, |
|
url: { |
|
add: "/suppliesstronger/processSuppliesStronger/add", |
|
edit: "/suppliesstronger/processSuppliesStronger/edit", |
|
queryById: "/suppliesstronger/processSuppliesStronger/queryById" |
|
} |
|
} |
|
}, |
|
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(); |
|
}, |
|
methods: { |
|
add () { |
|
this.edit({}); |
|
}, |
|
edit (record) { |
|
this.form.resetFields(); |
|
this.model = Object.assign({}, record); |
|
this.visible = true; |
|
this.$nextTick(() => { |
|
this.form.setFieldsValue(pick(this.model,'processId','supplierId','supplierDescription','itemGroup','item','itemDescription','unitMeasurement','amount','price','rates','unitWasteWarehouseCodeId','freightSpace','productionTime','expirationDate','batch','arrivalNotice','inboundTime','librarySign','accountingAttributes')) |
|
}) |
|
}, |
|
//渲染流程表单数据 |
|
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); |
|
} |
|
}); |
|
} |
|
}, |
|
submitForm () { |
|
const that = this; |
|
// 触发表单验证 |
|
this.form.validateFields((err, values) => { |
|
if (!err) { |
|
that.confirmLoading = true; |
|
let httpurl = ''; |
|
let method = ''; |
|
if(!this.model.id){ |
|
httpurl+=this.url.add; |
|
method = 'post'; |
|
}else{ |
|
httpurl+=this.url.edit; |
|
method = 'put'; |
|
} |
|
let formData = Object.assign(this.model, values); |
|
console.log("表单提交数据",formData) |
|
httpAction(httpurl,formData,method).then((res)=>{ |
|
if(res.success){ |
|
that.$message.success(res.message); |
|
that.$emit('ok'); |
|
}else{ |
|
that.$message.warning(res.message); |
|
} |
|
}).finally(() => { |
|
that.confirmLoading = false; |
|
}) |
|
} |
|
|
|
}) |
|
}, |
|
popupCallback(row){ |
|
this.form.setFieldsValue(pick(row,'processId','supplierId','supplierDescription','itemGroup','item','itemDescription','unitMeasurement','amount','price','rates','unitWasteWarehouseCodeId','freightSpace','productionTime','expirationDate','batch','arrivalNotice','inboundTime','librarySign','accountingAttributes')) |
|
}, |
|
} |
|
} |
|
</script> |