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.
1405 lines
49 KiB
1405 lines
49 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%"/> |
|
</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="['departId']" 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']" :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" v-decorator="['materialType',validatorRules.materialType]" |
|
:trigger-change="true" dictCode="material_type" |
|
placeholder="请选择物资类型" @change="elect"/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="流程计划" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-dict-select-tag type="list" v-decorator="['processPlan',validatorRules.processPlan]" |
|
:trigger-change="true" dictCode="process_plan" |
|
placeholder="请选择流程计划"/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="需求时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-date placeholder="请选择需求时间" v-decorator="['needTime',validatorRules.needTime]" :trigger-change="true" |
|
:show-time="true" date-format="YYYY-MM-DD HH:mm:ss" style="width: 100%"/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8"> |
|
<a-form-item label="序号" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input-number v-decorator="['sort',validatorRules.sort]" placeholder="请输入序号" |
|
style="width: 100%"/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8" v-show="isPlanType"> |
|
<a-form-item label="采购类型" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-dict-select-tag type="list" v-decorator="['planType']" |
|
:trigger-change="true" dictCode="plan_type" |
|
placeholder="请选择采购类型电商或非电商"/> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :span="8" v-show="isSourceCapital"> |
|
<a-form-item label="资金来源" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<j-dict-select-tag type="list" v-decorator="['sourceCapital']" |
|
:trigger-change="true" dictCode="source_capital" |
|
placeholder="请选择资金来源"/> |
|
</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" ref="tabs"> |
|
<a-tab-pane tab="预算计划采购流程物料清单表" :key="refKeys[0]" :forceRender="true"> |
|
<p-editable-table |
|
ref="processUdgetPlanMaterial" |
|
:loading="processUdgetPlanMaterialTable.loading" |
|
:columns="processUdgetPlanMaterialTable.columns" |
|
:dataSource="processUdgetPlanMaterialTable.dataSource" |
|
@valueChange="onSelect" |
|
:maxHeight="300" |
|
:action-button="true" |
|
:rowNumber="true" |
|
:disabled="hiegs" |
|
:isabled="isabled" |
|
:rowSelection="true" |
|
:actionButton="true" |
|
@shifu="shifu" |
|
@descriptionFetch="fetchMerchandiseNews" |
|
> |
|
<template v-slot:action="props"> |
|
<a-tooltip placement="top"> |
|
<template v-slot:title="props"> |
|
<p v-for="(item,index) in historyBigId" :key="index">历史价格：{{ item }}</p> |
|
</template> |
|
<a-button @mouseenter="chaKan(props)">查看</a-button> |
|
</a-tooltip> |
|
<!-- <a-button @click="chaKan(props)">查看</a-button>--> |
|
</template> |
|
</p-editable-table> |
|
</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 type="primary" @click="ewrold">下载</a-button>--> |
|
<a-button style="margin-left: 8px" @click="backTask">驳回</a-button> |
|
</a-form-item> |
|
</div> |
|
</a-spin> |
|
</template> |
|
|
|
<script> |
|
|
|
const VALIDATE_NO_PASSED = Symbol() |
|
import pick from 'lodash.pick' |
|
import { getAction, httpAction, getCurrentTime, getStringArry, getRecord, downFile } from '@/api/manage' |
|
import { FormTypes, getRefPromise, validateFormAndTables } from '@/utils/JEditableTableUtil' |
|
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' |
|
import JFormContainer from '@/components/jeecg/JFormContainer' |
|
import JDate from '@/components/jeecg/JDate' |
|
import JUpload from '@/components/jeecg/JUpload' |
|
import FileList from '@/components/jeecg/FileList' |
|
import JSelectCompany from '@/components/jeecgbiz/JSelectCompany' |
|
import JSelectDepart from '@/components/jeecgbiz/JSelectDepart' |
|
import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep' |
|
import JDictSelectTag from '@/components/dict/JDictSelectTag' |
|
import JEditor from '@/components/jeecg/JEditor' |
|
|
|
// const columns = [ |
|
// { |
|
// title: 'name', |
|
// dataIndex: 'name', |
|
// width: '25%', |
|
// scopedSlots: { customRender: 'name' }, |
|
// }, |
|
// { |
|
// title: 'age', |
|
// dataIndex: 'age', |
|
// width: '15%', |
|
// scopedSlots: { customRender: 'age' }, |
|
// }, |
|
// { |
|
// title: 'address', |
|
// dataIndex: 'address', |
|
// width: '40%', |
|
// scopedSlots: { customRender: 'address' }, |
|
// }, |
|
// { |
|
// title: 'operation', |
|
// dataIndex: 'operation', |
|
// scopedSlots: { customRender: 'operation' }, |
|
// }, |
|
// ]; |
|
// const data = []; |
|
// for (let i = 0; i < 100; i++) { |
|
// data.push({ |
|
// key: i.toString(), |
|
// name: `Edrward ${i}`, |
|
// age: 32, |
|
// address: `London Park no. ${i}`, |
|
// }); |
|
// } |
|
|
|
export default { |
|
name: 'ProcessUdgetPlanForm', |
|
mixins: [JEditableTableMixin], |
|
components: { |
|
JFormContainer, |
|
JDate, |
|
JUpload, |
|
FileList, |
|
JSelectDepart, |
|
JSelectUserByDep, |
|
JDictSelectTag, |
|
JSelectCompany, |
|
JEditor |
|
}, |
|
data() { |
|
// this.cacheData = data.map(item => ({ ...item })); |
|
return { |
|
//用于回显物料号 |
|
listId: [], |
|
// data, |
|
// columns, |
|
// editingKey: '', |
|
isabled: true, |
|
isPlanType: false, |
|
isSourceCapital: false, |
|
bigId: [], |
|
opinion: '', |
|
bigIdRake: [], |
|
materialGroups: '', |
|
materialId: '', |
|
bigIdRakeList: [], |
|
materialPrice: 0, |
|
materialAmount: 0, |
|
getMaterialAmount: 0, |
|
describes: '', |
|
hiegs: true, |
|
historyBigId: [], |
|
isHistoryBigId: false, |
|
bigIdMerchandiseNews: [], |
|
bigIdMerchandiseNewsList: [], |
|
labelCol: { |
|
xs: { span: 24 }, |
|
sm: { span: 6 } |
|
}, |
|
wrapperCol: { |
|
xs: { span: 24 }, |
|
sm: { span: 18 } |
|
}, |
|
labelCol2: { |
|
xs: { span: 24 }, |
|
sm: { span: 3 } |
|
}, |
|
wrapperCol2: { |
|
xs: { span: 24 }, |
|
sm: { span: 20 } |
|
}, |
|
// 新增时子表默认添加几行空数据 |
|
addDefaultRowNum: 1, |
|
refKeys: ['processUdgetPlanMaterial'], |
|
tableKeys: ['processUdgetPlanMaterial'], |
|
activeKey: 'processUdgetPlanMaterial', |
|
// 预算计划采购流程物料清单表 |
|
processUdgetPlanMaterialTable: { |
|
loading: false, |
|
dataSource: [], |
|
columns: [ |
|
{ |
|
title: '物料组', |
|
key: 'materialGroup', |
|
// type: FormTypes.slot, // <-------------改为 slot 格式 |
|
// slotName: 'actions', // <-------------slot 的名称，对应 v-slot 冒号后面和等号前面的内容 |
|
// type: FormTypes.slot, |
|
type: FormTypes.sel_search, |
|
disabled: true, |
|
// slotName: 'group', |
|
width: '200px', |
|
options: [] |
|
// scopedSlots: { customRender: 'edit' },//引入的插槽 |
|
// customRender:function (t,r,index) { |
|
// console.log(t,r); |
|
// |
|
// } |
|
|
|
}, |
|
{ |
|
title: '物料号', |
|
key: 'materialNumber', |
|
type: FormTypes.sel_search, |
|
dictCode: '', |
|
disabled: this.disabled, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
options: [] |
|
// // 表单验证规则 |
|
// validateRules: [ |
|
// { |
|
// required: true, // 必填 |
|
// message: '请输入${title}' // 提示的文本 |
|
// }, |
|
// { |
|
// pattern: /^[a-z|A-Z][a-z|A-Z\d_-]{0,}$/, // 正则 |
|
// message: '${title}必须以字母开头，可包含数字、下划线、横杠' |
|
// } |
|
// ] |
|
}, |
|
// { |
|
// title: '仓储地点_id', |
|
// key: 'unitWasteWarehouseCodeId', |
|
// type: FormTypes.input, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
// { |
|
// title: '生产时间', |
|
// key: 'productionTime', |
|
// type: FormTypes.date, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
// { |
|
// title: '保质期', |
|
// key: 'expirationDate', |
|
// type: FormTypes.date, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
// { |
|
// title: '是否到货', |
|
// key: 'arrivalNotice', |
|
// type: FormTypes.inputNumber, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
// { |
|
// title: '入库时间', |
|
// key: 'storageTime', |
|
// type: FormTypes.date, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
// { |
|
// title: '入库人', |
|
// key: 'librarySign', |
|
// type: FormTypes.input, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
// { |
|
// title: '核算属性', |
|
// key: 'materialType', |
|
// type: FormTypes.input, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
{ |
|
title: '物料名称及规格型号', |
|
key: 'materialName', |
|
type: FormTypes.input, |
|
disabled: this.disabled, |
|
// type: FormTypes.sel_search, |
|
// dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
|
|
}, |
|
{ |
|
title: '系列', |
|
key: 'materialSeries', |
|
type: FormTypes.input, |
|
disabled: this.disabled, |
|
// dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '单位', |
|
key: 'materialUnit', |
|
type: FormTypes.input, |
|
disabled: this.disabled, |
|
// type: FormTypes.select, |
|
// dictCode: '', |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '单价(元）', |
|
key: 'materialPrice', |
|
type: FormTypes.inputNumber, |
|
disabled: this.disabled, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '对比单价', |
|
key: 'action', |
|
type: FormTypes.slot, |
|
disabled: this.disabled, |
|
width: '80px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '', |
|
slotName: 'action' |
|
// scopedSlots: {customRender: 'fileSlot'} |
|
}, |
|
{ |
|
title: '数量', |
|
key: 'materialQuantity', |
|
type: FormTypes.inputNumber, |
|
disabled: this.disabled, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '金额（元）', |
|
key: 'materialAmount', |
|
type: FormTypes.inputNumber, |
|
disabled: true, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '供应商', |
|
key: 'supplierId', |
|
type: FormTypes.input, |
|
disabled: true, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '执行标准', |
|
key: 'materialStandard', |
|
type: FormTypes.input, |
|
disabled: this.disabled, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
// { |
|
// title: '到货总批次', |
|
// key: 'warehousingBatch', |
|
// type: FormTypes.inputNumber, |
|
// disabled: this.disabled, |
|
// width: '200px', |
|
// placeholder: '请输入${title}', |
|
// defaultValue: '' |
|
// }, |
|
{ |
|
title: '交货时间', |
|
key: 'deliveryTime', |
|
type: FormTypes.date, |
|
disabled: this.disabled, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
}, |
|
{ |
|
title: '备注', |
|
key: 'remarks', |
|
type: FormTypes.input, |
|
disabled: this.disabled, |
|
width: '200px', |
|
placeholder: '请输入${title}', |
|
defaultValue: '' |
|
} |
|
] |
|
}, |
|
url: { |
|
add: '/hy/processUdgetPlan/add', |
|
edit: '/hy/processUdgetPlan/edit', |
|
addFromTableApply: '/hy/processUdgetPlan/addFromTableApply', |
|
editFromTableApply: '/hy/processUdgetPlan/editFromTableApply', |
|
queryById: '/hy/processUdgetPlan/queryById', |
|
selectdeparment: '/sys/selectByUser', |
|
descriptionRakeUrl: '/description/processDescription/list', |
|
descriptionRakeUrlId: '/description/processDescription/queryById', |
|
descriptionRake: '/description/processDescription/descriptionName', |
|
merchandiseNewsList: '/merchandisenews/processMerchandiseNews/merchandiseNewsList', |
|
historyUrl: '/suppliesstronger/processSuppliesStronger/list', |
|
getFirstNode: '/actProcessIns/getFirstNode', |
|
processUdgetPlanMaterial: { |
|
list: '/hy/processUdgetPlan/queryProcessUdgetPlanMaterialByMainId' |
|
}, |
|
processUdgetPlanMaterialLists: '/hy/processUdgetPlan/queryProcessUdgetPlanMaterialByMainIdList' |
|
}, |
|
btndisabled: false, |
|
isShowInput: '', |
|
assignees: '', |
|
// 表单校验 |
|
validatorRules: { |
|
// 'blur'是鼠标失去焦点的时候会触发验证 |
|
materialType: { rules: [{ required: true, message: '请选择物资类型!' }] }, |
|
needTime: { rules: [{ required: true, message: '请选择需求时间!' }] }, |
|
processPlan: { rules: [{ required: true, message: '请选择流程计划!' }] }, |
|
sort: { |
|
rules: [{ required: true, type: 'number', max: 999999999999, message: '请输入序号!(0 ~ 12个字符)' } |
|
// { type:'number', max:999999999999, message: '长度在 0 到 12 个字符'} |
|
// {validator: this.lengthCheck} |
|
] |
|
} |
|
}, |
|
isBu: undefined, |
|
planType: '', |
|
isShifu: false |
|
} |
|
}, |
|
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 |
|
}, |
|
//表单禁用 |
|
hieg: { |
|
type: Boolean, |
|
default: true, |
|
required: false |
|
}, |
|
dianshang: { |
|
type: Number, |
|
default: 0, |
|
required: false |
|
} |
|
}, |
|
computed: { |
|
formDisabled() { |
|
if (this.formBpm === true) { |
|
if (this.formData.disabled === false) { |
|
return false |
|
} |
|
return true |
|
} |
|
// console.log("523452345",this.disabled); |
|
// console.log("34523452345",this.hieg); |
|
this.hiegs = this.hieg |
|
return this.disabled |
|
}, |
|
showFlowSubmitButton() { |
|
if (this.formBpm === true) { |
|
if (this.formData.disabled === false) { |
|
return true |
|
} |
|
} |
|
return false |
|
} |
|
}, |
|
watch: { |
|
dianshang: { |
|
immediate: true, |
|
handler: function(val) { |
|
this.planType = val |
|
console.log('this.planType---', this.planType) |
|
} |
|
} |
|
}, |
|
created() { |
|
//如果是流程中表单，则需要加载流程表单data |
|
//this.showFlowData() |
|
|
|
this.getAllTable() |
|
let company = sessionStorage.getItem('PARENT_ID') |
|
let userInfo = sessionStorage.getItem('USER_INFORMATION') |
|
// userInfo.company=company; |
|
if (!this.isNew) { |
|
this.init() |
|
} else { |
|
this.popupCallback(company, userInfo) |
|
} |
|
// this.descriptionFetchDatas(); |
|
|
|
}, |
|
mounted() { |
|
// console.log( this.$refs.processUdgetPlanMaterial); |
|
// this.form.setFieldsValue("materialGroup",123123); |
|
}, |
|
methods: { |
|
lengthCheck(rule, value, callback) { |
|
if (value.toString().length >= 12) { |
|
// console.log("长度太长了"); |
|
callback('长度应当在0 ~ 12 字符') |
|
} |
|
}, |
|
selectRowChange(a, b, c) { |
|
// console.log("执行了",a,b,c); |
|
}, |
|
shifu() { |
|
console.log('执行了') |
|
this.isShifu = true |
|
}, |
|
|
|
// handleChange(value, key, column) { |
|
// const newData = [...this.data]; |
|
// const target = newData.find(item => key === item.key); |
|
// if (target) { |
|
// target[column] = value; |
|
// this.data = newData; |
|
// } |
|
// }, |
|
// edit(key) { |
|
// const newData = [...this.data]; |
|
// const target = newData.find(item => key === item.key); |
|
// this.editingKey = key; |
|
// if (target) { |
|
// target.editable = true; |
|
// this.data = newData; |
|
// } |
|
// }, |
|
// save(key) { |
|
// const newData = [...this.data]; |
|
// const newCacheData = [...this.cacheData]; |
|
// const target = newData.find(item => key === item.key); |
|
// const targetCache = newCacheData.find(item => key === item.key); |
|
// if (target && targetCache) { |
|
// delete target.editable; |
|
// this.data = newData; |
|
// Object.assign(targetCache, target); |
|
// this.cacheData = newCacheData; |
|
// } |
|
// this.editingKey = ''; |
|
// }, |
|
// cancel(key) { |
|
// const newData = [...this.data]; |
|
// const target = newData.find(item => key === item.key); |
|
// this.editingKey = ''; |
|
// if (target) { |
|
// Object.assign(target, this.cacheData.find(item => key === item.key)); |
|
// delete target.editable; |
|
// this.data = newData; |
|
// } |
|
// }, |
|
|
|
elect(val) { |
|
if (val != undefined) { |
|
this.hiegs = false |
|
// this.fetchData(); |
|
// this.fetchDataRake() |
|
this.fetchMerchandiseNews() |
|
} |
|
}, |
|
//物料组选择触发 |
|
onSelectRake(props, value) { |
|
// console.log('onSelect', value,props); |
|
this.searchRake(value, props) |
|
}, |
|
//物料组输入触发 |
|
onSearchRake(searchText) { |
|
// console.log(searchText) |
|
this.fetchDataRake(searchText) |
|
}, |
|
fetchDataRake(value) { |
|
//查询大品类数据 |
|
let par = { |
|
delFlag: 0, |
|
descriptionName: value, |
|
pageSize: 100 |
|
} |
|
this.bigIdRake = [] |
|
this.bigIdRakeList = [] |
|
getAction(this.url.descriptionRakeUrl, par).then((res) => { |
|
if (res.success) { |
|
// console.log(res.result); |
|
res.result.records.forEach(item => { |
|
this.bigIdRake.push(item.materialClassify) |
|
}) |
|
this.bigIdRakeList = res.result.records |
|
} |
|
}) |
|
}, |
|
//物料组触发集合 |
|
async searchRake(val, pro) { |
|
// console.log(pro) |
|
for (const item of this.bigIdRakeList) { |
|
// console.log(item); |
|
if (item.descriptionName === val) { |
|
await this.fetchMerchandiseNews(item.id) |
|
this.materialId = item.id |
|
} |
|
} |
|
// console.log(this.materialId); |
|
|
|
if (pro.rowId !== undefined) { |
|
let values = [ |
|
{ |
|
rowKey: pro.rowId, |
|
values: { |
|
'materialNumber': '', |
|
'materialGroup': this.materialId, |
|
'materialSeries': '', |
|
'materialName': '', |
|
'materialUnit': '', |
|
'supplierId': '', |
|
'materialPrice': '', |
|
'materialQuantity': '' |
|
} |
|
} |
|
] |
|
// console.log(values); |
|
this.$refs.processUdgetPlanMaterial.setValues(values) |
|
} |
|
|
|
}, |
|
|
|
//查看历史价格 |
|
async chaKan(log) { |
|
// console.log("00000000",log); |
|
let pas = await log.target.getValuesPromise(log.rowIds) |
|
// console.log("111111111",log.rowIds); |
|
// console.log("222222222222",pas); |
|
if (pas[log.index].materialNumber !== '' && pas[log.index].materialNumber !== null) { |
|
this.historyBigId = [] |
|
//查询大品类数据 |
|
let par = { |
|
delFlag: 0, |
|
merchandiseNewsId: pas[log.index].materialNumber, |
|
pageSize: 5 |
|
} |
|
this.isHistoryBigId = false |
|
getAction(this.url.historyUrl, par).then((res) => { |
|
// console.log(res); |
|
if (res.success) { |
|
res.result.records.forEach(item => { |
|
if (parseInt(res.result.total) > 0) { |
|
this.isHistoryBigId = true |
|
this.historyBigId.push(item.materialPrice) |
|
} |
|
|
|
}) |
|
|
|
} |
|
}) |
|
} |
|
|
|
}, |
|
//table 值改变触发 |
|
async onSelect(record) { |
|
|
|
let isEr = true |
|
// if (!!record.row.materialGroup) { |
|
// if (!!record.row.id && this.isBu !== record.row.materialGroup) { |
|
// // console.log("1出发了",record.row); |
|
// this.isabled = false |
|
// this.fetchMerchandiseNews(record.row.materialGroup) |
|
// this.isBu = record.row.materialGroup |
|
// let values = [ |
|
// { |
|
// rowKey: record.row.id, |
|
// values: { |
|
// 'materialNumber': '', |
|
// 'materialSeries': '', |
|
// 'materialName': '', |
|
// 'materialUnit': '', |
|
// 'supplierId': '', |
|
// 'materialAmount': '', |
|
// 'materialType': '' |
|
// } |
|
// } |
|
// ] |
|
// this.$refs.processUdgetPlanMaterial.setValues(values) |
|
// isEr = false |
|
// } |
|
// // if( record.row.id !== undefined && record.row.id !== '' || record.row.materialNumber === '' || record.row.materialNumber === undefined){ |
|
// // console.log("11出发了",record.row); |
|
// // } |
|
// } |
|
// console.log("5555出发了",record.row); |
|
// if ( !!record.row.materialNumber && isEr) { |
|
let b = false |
|
if (this.isShifu) { |
|
// console.log("0出发了",record); |
|
for (const res of this.bigIdMerchandiseNewsList) { |
|
if (res.id === record.row.materialNumber) { |
|
b = true |
|
} |
|
} |
|
if (!b) { |
|
// console.log("进来了111"); |
|
await this.fetchMerchandiseNews(null, record.row.materialNumber) |
|
} |
|
} |
|
this.isShifu = false |
|
if (record.column.key !== 'materialPrice' && record.column.key !== 'materialQuantity') { |
|
if (!!record.row.materialNumber && this.isBu !== record.row.materialNumber) { |
|
// console.log("2出发了"); |
|
let materialName = {} |
|
this.bigIdMerchandiseNewsList.forEach(item => { |
|
if (item.id === record.row.materialNumber) { |
|
materialName = { |
|
materialClassify: item.materialClassify, |
|
name: item.merchandiseName, |
|
unit: item.materialsUnit, |
|
supplierId: item.supplierId, |
|
descriptionId: item.descriptionId |
|
} |
|
|
|
} |
|
}) |
|
|
|
if (!!record.row.id && Object.keys(materialName).length > 0) { |
|
await this.$refs.processUdgetPlanMaterial.getValues((a, b, c) => { |
|
// console.log("bbbbbbbbbbbbbb",b) |
|
b.forEach(item => { |
|
if (item.materialNumber === record.row.materialNumber && !!item.materialGroup && !record.row.materialGroup) { |
|
let values = [ |
|
{ |
|
rowKey: record.row.id, |
|
values: { |
|
'materialGroup': '', |
|
'materialNumber': '', |
|
'materialSeries': '', |
|
'materialName': '', |
|
'materialUnit': '', |
|
'supplierId': '', |
|
'materialAmount': '', |
|
'materialType': '' |
|
} |
|
} |
|
] |
|
// console.log("sadf1111") |
|
this.$refs.processUdgetPlanMaterial.setValues(values) |
|
return |
|
|
|
} |
|
}) |
|
|
|
}) |
|
|
|
this.processUdgetPlanMaterialTable.columns[0].options.push({ |
|
title: materialName.materialClassify, |
|
value: materialName.descriptionId |
|
}) |
|
let values = [ |
|
{ |
|
rowKey: record.row.id, |
|
values: { |
|
'materialNumber': record.row.materialNumber, |
|
'materialGroup': materialName.descriptionId, |
|
// 'materialGroup': this.materialId, |
|
'materialSeries': record.row.materialSeries, |
|
'materialName': materialName.name, |
|
'materialUnit': materialName.unit, |
|
'supplierId': materialName.supplierId |
|
} |
|
} |
|
] |
|
this.$refs.processUdgetPlanMaterial.setValues(values) |
|
this.isBu = record.row.materialNumber |
|
isEr = false |
|
} |
|
} |
|
} |
|
|
|
if (!!record.row.materialQuantity && !!record.row.materialPrice && isEr) { |
|
// record.row.materialAmount = record.row.materialQuantity * record.row.materialPrice; |
|
// console.log("3出发了"); |
|
//如果单价大于5万 |
|
if (record.row.materialPrice > 50000) { |
|
this.materialPrice = record.row.materialPrice |
|
} |
|
//回填数据 |
|
if (record.row.id !== undefined) { |
|
let values = [ |
|
{ |
|
rowKey: record.row.id, |
|
values: { |
|
'materialNumber': record.row.materialNumber, |
|
'materialGroup': record.row.materialGroup, |
|
'materialSeries': record.row.materialSeries, |
|
'materialName': record.row.materialName, |
|
'materialUnit': record.row.materialUnit, |
|
'materialAmount': record.row.materialQuantity * record.row.materialPrice, |
|
'materialType': this.data.materialType |
|
} |
|
} |
|
] |
|
this.$refs.processUdgetPlanMaterial.setValues(values) |
|
this.isabled = true |
|
} |
|
|
|
} |
|
|
|
}, |
|
fetchMerchandiseNews(value, id) { //查询物料清单信息 |
|
return new Promise((resolve, reject) => { |
|
//查询大品类数据 |
|
let par = { |
|
delFlag: 0, |
|
descriptionId: value, |
|
id: id |
|
} |
|
this.bigIdMerchandiseNews = [] |
|
this.bigIdMerchandiseNewsList = [] |
|
let qc = [] |
|
let numberList = [] |
|
if (this.processUdgetPlanMaterialTable.columns[1].options.length > 0) { |
|
this.processUdgetPlanMaterialTable.columns[1].options = [] |
|
} |
|
this.$refs.processUdgetPlanMaterial.getValues((a, b, c) => { |
|
b.forEach(item => { |
|
if (item.materialNumber !== '' && item.materialNumber !== undefined && item.materialNumber !== null) { |
|
numberList.push(item.materialNumber) |
|
} |
|
}) |
|
|
|
}) |
|
getAction(this.url.merchandiseNewsList, par).then((res) => { |
|
// console.log('12312', res.result) |
|
// console.log('12312') |
|
|
|
if (res.success) { |
|
let newList = res.result |
|
if (numberList.length > 0) { |
|
// console.log("大雨") |
|
newList.forEach(item => { |
|
qc.push({ |
|
title: item.materialsNumber, |
|
value: item.id, |
|
disabled: false |
|
}) |
|
}) |
|
numberList.forEach(num => { |
|
qc.forEach(i => { |
|
// console.log("111111111111111",i.value) |
|
if (num === i.value && !!num) { |
|
i.disabled = true |
|
} |
|
}) |
|
}) |
|
this.processUdgetPlanMaterialTable.columns[1].options = qc |
|
} else { |
|
// console.log("小雨") |
|
newList.forEach(item => { |
|
this.processUdgetPlanMaterialTable.columns[1].options.push({ |
|
title: item.materialsNumber, |
|
value: item.id, |
|
disabled: false |
|
}) |
|
}) |
|
} |
|
this.bigIdMerchandiseNewsList = res.result |
|
// resolve( this.bigIdMerchandiseNewsList ); |
|
} |
|
resolve(this.bigIdMerchandiseNewsList) |
|
}) |
|
}) |
|
|
|
}, |
|
// fetchMerchandiseNews(value){ //查询物料清单信息 |
|
// return new Promise((resolve, reject)=>{ |
|
// |
|
// //查询大品类数据 |
|
// let par = { |
|
// delFlag: 0, |
|
// descriptionId:value, |
|
// } |
|
// this.bigIdMerchandiseNews = []; |
|
// this.bigIdMerchandiseNewsList = []; |
|
// let qc = []; |
|
// let numberList = []; |
|
// if(this.processUdgetPlanMaterialTable.columns[1].options.length > 0){ |
|
// this.processUdgetPlanMaterialTable.columns[1].options = []; |
|
// } |
|
// this.$refs.processUdgetPlanMaterial.getValues((a,b,c)=>{ |
|
// b.forEach(item =>{ |
|
// if(item.materialNumber !== '' && item.materialNumber !== undefined && item.materialNumber !== null){ |
|
// numberList.push(item.materialNumber); |
|
// } |
|
// }); |
|
// }); |
|
// getAction(this.url.merchandiseNewsList,par).then((res)=>{ |
|
// console.log(res.result); |
|
// if(res.success){ |
|
// let newList = res.result; |
|
// if(numberList.length > 0){ |
|
// newList.forEach( item => { |
|
// qc.push({ |
|
// title : item.materialsNumber, |
|
// value : item.id, |
|
// disabled : false |
|
// }) |
|
// }) |
|
// numberList.forEach( num => { |
|
// qc.forEach( i => { |
|
// if(num === i.value){ |
|
// i.disabled = true; |
|
// } |
|
// }); |
|
// }) |
|
// this.processUdgetPlanMaterialTable.columns[1].options = qc; |
|
// }else{ |
|
// newList.forEach( item => { |
|
// this.processUdgetPlanMaterialTable.columns[1].options.push({ |
|
// title : item.materialsNumber, |
|
// value : item.id, |
|
// disabled : false |
|
// }) |
|
// }) |
|
// } |
|
// this.bigIdMerchandiseNewsList = res.result |
|
// resolve( res.result ); |
|
// } |
|
// }); |
|
// |
|
// }) |
|
// |
|
// }, |
|
|
|
descriptionFetchDatas(value) { //查询物料组 |
|
//查询大品类数据 |
|
let par = { |
|
delFlag: 0, |
|
pageSize: 50 |
|
} |
|
this.bigId = [] |
|
getAction(this.url.descriptionRakeUrl, par).then((res) => { |
|
// getAction(this.url.descriptionRake,par).then((res)=>{ |
|
if (res.success) { |
|
if (this.processUdgetPlanMaterialTable.columns[0].options.length > 0) { |
|
this.processUdgetPlanMaterialTable.columns[0].options = [] |
|
} |
|
res.result.records.forEach(item => { |
|
this.processUdgetPlanMaterialTable.columns[0].options.push({ |
|
title: item.materialClassify, |
|
value: item.id |
|
}) |
|
}) |
|
} |
|
}) |
|
this.isBu = undefined |
|
|
|
}, |
|
/*回显数据*/ |
|
init() { |
|
this.btndisabled = true |
|
var r = this.processData |
|
this.getAssignees(r) |
|
if (!r.tableId) { |
|
return |
|
} |
|
this.getAction(this.url.queryById, { |
|
id: r.tableId |
|
}).then((res) => { |
|
if (res.success) { |
|
console.log('res.result.planType--', res.result.planType) |
|
this.$emit('planType', res.result.planType) |
|
this.planType = res.result.planType |
|
let formData = res.result |
|
formData.tableName = r.tableName |
|
this.data = formData |
|
if (formData.materialType) { |
|
// this.hieg=false; |
|
// this.fetchDataRake(); |
|
this.descriptionFetchDatas() |
|
} |
|
this.editAfter() |
|
this.btndisabled = false |
|
} else { |
|
this.$message.error(res.message) |
|
} |
|
}) |
|
}, |
|
close() { |
|
//todo 关闭后的回调 |
|
this.$emit('close') |
|
}, |
|
/*通过审批*/ |
|
passTask() { |
|
this.$emit('passTask') |
|
}, |
|
/*导出world*/ |
|
ewrold() { |
|
let formData = {} |
|
console.log(this.data.id, '数据回显>>>>>>>>>>>>>>>>>>>>>>>>>') |
|
formData.id = this.data.id |
|
downFile('/hy/processUdgetPlan/exportRequisition', formData).then((data) => { |
|
if (!data) { |
|
this.$message.warning('文件下载失败') |
|
return |
|
} |
|
if (typeof window.navigator.msSaveBlob !== 'undefined') { |
|
window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' }), '采购申请表') |
|
} else { |
|
let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' })) |
|
let link = document.createElement('a') |
|
link.style.display = 'none' |
|
link.href = url |
|
link.setAttribute('download', '采购申请表') |
|
document.body.appendChild(link) |
|
link.click() |
|
document.body.removeChild(link) //下载完成移除元素 |
|
window.URL.revokeObjectURL(url) //释放掉blob对象 |
|
} |
|
}) |
|
}, |
|
/*驳回审批*/ |
|
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++) { |
|
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.describes = this.describes |
|
if (new Date(formData.createTime).getTime() / 100 > new Date(formData.needTime).getTime() / 100) { |
|
this.$message.error('需求时间不能小于当前流程发起时间') |
|
return |
|
} |
|
console.log(this.opinion, '流程说明') |
|
this.form.validateFields((err, values) => { |
|
if (!err) { |
|
console.log(this.processData, '申请列表传值数据') |
|
formData.procDefId = this.processData.id |
|
formData.procDeTitle = this.processData.name |
|
formData.title = this.processData.description |
|
formData.planType = this.planType |
|
console.log('this.planType++', this.planType) |
|
if (!formData.tableName) formData.tableName = this.processData.businessTable |
|
var url = this.url.addFromTableApply |
|
let method = 'post' |
|
if (!this.isNew) { |
|
url = this.url.editFromTableApply |
|
method = 'put' |
|
formData.assignees = this.assignees |
|
formData.tableName = this.processData.tableName |
|
formData.procDefId = this.processData.procDefId |
|
formData.procDeTitle = this.processData.processName |
|
formData.title = this.processData.title |
|
formData.processInstanceId = this.processData.id |
|
} |
|
this.btndisabled = true |
|
console.log(formData, '表单数据') |
|
httpAction(url, formData, method).then((res) => { |
|
if (res.success) { |
|
this.$message.success('提交申请成功！') |
|
//todo 将表单的数据传给父组件 |
|
this.$emit('loadData') |
|
this.close() |
|
} else { |
|
this.$message.error(res.message) |
|
} |
|
}).finally(() => { |
|
this.btndisabled = false |
|
}) |
|
} |
|
}) |
|
}) |
|
|
|
}, |
|
addBefore() { |
|
this.form.resetFields() |
|
this.processUdgetPlanMaterialTable.dataSource = [] |
|
}, |
|
getAllTable() { |
|
if (!(this.refKeys instanceof Array)) { |
|
throw this.throwNotArray('refKeys') |
|
} |
|
let values = this.refKeys.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(this.data, '数据回显') |
|
let fieldval = pick(this.data, 'id', 'planType', 'company', 'createTime', 'departId', 'createBy', 'materialType', 'processPlan', 'needTime', 'sort', 'orderNumber', 'fileId', 'opinion') |
|
this.$nextTick(() => { |
|
this.form.setFieldsValue(fieldval) |
|
}) |
|
// 加载子表数据 |
|
if (this.data.id) { |
|
let params = { id: this.data.id } |
|
this.requestSubTableData(this.url.processUdgetPlanMaterialLists, params, this.processUdgetPlanMaterialTable) |
|
console.log('子表数据', this.processUdgetPlanMaterialTable) |
|
|
|
} |
|
}, |
|
|
|
descriptionId(val) { |
|
let pam = { |
|
id: val |
|
} |
|
getAction(this.url.descriptionRakeUrlId, pam).then(res => { |
|
|
|
if (res.success) { |
|
this.processUdgetPlanMaterialTable.columns[0].options.push({ |
|
title: res.result.materialClassify, |
|
value: res.result.id |
|
}) |
|
} |
|
// console.log(res.result.materialClassify); |
|
}) |
|
}, |
|
|
|
/** 查询某个tab的数据 */ |
|
requestSubTableData(url, params, tab, success) { |
|
tab.loading = true |
|
getAction(url, params).then(res => { |
|
let { result } = res |
|
let dataSource = [] |
|
if (result) { |
|
if (Array.isArray(result)) { |
|
dataSource = result |
|
} else if (Array.isArray(result.records)) { |
|
dataSource = result.records |
|
} |
|
} |
|
// console.log("result.records",dataSource); |
|
for (let i = 0; i < dataSource.length; i++) { |
|
this.listId.push(dataSource[i].materialGroup) |
|
} |
|
// console.log(this.listId) |
|
|
|
for (let i = 0; i < this.listId.length; i++) { |
|
// console.log(this.listId[i])\ |
|
this.descriptionId(this.listId[i]) |
|
|
|
this.fetchMerchandiseNews(this.listId[i]) |
|
} |
|
|
|
tab.dataSource = dataSource |
|
|
|
typeof success === 'function' ? success(res) : '' |
|
}).finally(() => { |
|
tab.loading = false |
|
}) |
|
}, |
|
/** 整理成formData */ |
|
classifyIntoFormData(allValues) { |
|
console.log('查看子表数据', allValues) |
|
let main = Object.assign(this.model, allValues.formValue) |
|
return { |
|
...main, // 展开 |
|
processUdgetPlanMaterialList: allValues.tablesValue[0].values |
|
} |
|
}, |
|
// orgCodeTxt(a){ |
|
// }, |
|
//渲染流程表单数据 |
|
showFlowData() { |
|
console.log(this.formBpm, '----------****') |
|
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) |
|
let param = {} |
|
param.createBy = res.username |
|
param.company = company |
|
param.departId = res.departIds |
|
param.createTime = getCurrentTime() |
|
this.data = param |
|
let fieldval = pick(this.data, 'createBy', 'company', 'departId', 'createTime') |
|
this.$nextTick(() => { |
|
this.form.setFieldsValue(fieldval) |
|
}) |
|
}, |
|
// handler |
|
handleSubmit(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++) { |
|
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.describes = this.describes |
|
if (new Date(formData.createTime).getTime() / 100 > new Date(formData.needTime).getTime() / 100) { |
|
this.$message.error('需求时间不能小于当前流程发起时间') |
|
return |
|
} |
|
console.log(formData, '表单数据') |
|
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 |
|
formData.planType = this.planType |
|
if (!formData.tableName) formData.tableName = this.processData.businessTable |
|
var url = this.url.add |
|
let method = 'post' |
|
if (!this.isNew) { |
|
url = this.url.edit |
|
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 |
|
}) |
|
} |
|
}) |
|
}) |
|
|
|
}, |
|
getAssignees(v) { |
|
getAction(this.url.getFirstNode, { |
|
procDefId: v.procDefId, |
|
tableId: v.tableId, |
|
tableName: v.tableName |
|
}).then(res => { |
|
if (res.success) { |
|
if (res.result.users && res.result.users.length > 0) { |
|
// 默认勾选 |
|
let ids = [] |
|
res.result.users.forEach(e => { |
|
ids.push(e.username) |
|
}) |
|
this.assignees = ids.join(',') |
|
} |
|
|
|
} |
|
}) |
|
} |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
.div_process { |
|
margin-top: 30px; |
|
|
|
} |
|
</style> |