|
|
|
@ -2,7 +2,10 @@
|
|
|
|
|
<transition name="el-zoom-in-center">
|
|
|
|
|
<div class="JNPF-preview-main">
|
|
|
|
|
<div class="JNPF-common-page-header">
|
|
|
|
|
<el-page-header @back="goBack" :content="!dataForm.id ? '新建' : '编辑'" />
|
|
|
|
|
<el-page-header
|
|
|
|
|
@back="goBack"
|
|
|
|
|
:content="!dataForm.id ? '新建' : '编辑'"
|
|
|
|
|
/>
|
|
|
|
|
<div class="options">
|
|
|
|
|
<!-- <el-dropdown class="dropdown" placement="bottom">
|
|
|
|
|
<el-button style="width:70px">
|
|
|
|
@ -21,63 +24,133 @@
|
|
|
|
|
{{ !dataForm.id ? '确定并新增' : '确定并继续' }}</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</el-dropdown> -->
|
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled="continueBtnLoading">
|
|
|
|
|
保 存</el-button>
|
|
|
|
|
<el-button type="success" @click="submit()" :loading="btnLoading" :disabled="continueBtnLoading">
|
|
|
|
|
提交</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="dataFormSubmit()"
|
|
|
|
|
:loading="btnLoading"
|
|
|
|
|
:disabled="continueBtnLoading"
|
|
|
|
|
>
|
|
|
|
|
保 存</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
type="success"
|
|
|
|
|
@click="submit()"
|
|
|
|
|
:loading="btnLoading"
|
|
|
|
|
:disabled="continueBtnLoading"
|
|
|
|
|
>
|
|
|
|
|
提交</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button @click="goBack"> 取 消</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-row :gutter="15" class=" main" :style="{ margin: '0 auto', width: '100%' }">
|
|
|
|
|
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="150px"
|
|
|
|
|
label-position="right">
|
|
|
|
|
<el-row
|
|
|
|
|
:gutter="15"
|
|
|
|
|
class=" main"
|
|
|
|
|
:style="{ margin: '0 auto', width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
<el-form
|
|
|
|
|
ref="formRef"
|
|
|
|
|
:model="dataForm"
|
|
|
|
|
:rules="dataRule"
|
|
|
|
|
size="small"
|
|
|
|
|
label-width="150px"
|
|
|
|
|
label-position="right"
|
|
|
|
|
>
|
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="padding:15px 0px">
|
|
|
|
|
<span style="color: #409EFF;">▋</span>
|
|
|
|
|
<span style="font-size: 14px;font-weight: 500;color:rgb(102, 102, 102);">基础信息</span>
|
|
|
|
|
<span
|
|
|
|
|
style="font-size: 14px;font-weight: 500;color:rgb(102, 102, 102);"
|
|
|
|
|
>基础信息</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="采购计划单号" prop="procurementNumber">
|
|
|
|
|
<JnpfInput v-model="dataForm.procurementNumber" @change="changeData('procurementNumber', -1)"
|
|
|
|
|
placeholder="系统自动生成" readonly :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="dataForm.procurementNumber"
|
|
|
|
|
@change="changeData('procurementNumber', -1)"
|
|
|
|
|
placeholder="系统自动生成"
|
|
|
|
|
readonly
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="单据日期" prop="procurementDate">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.procurementDate" @change="changeData('procurementDate', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')" placeholder="请选择"
|
|
|
|
|
clearable disabled :style="{ width: '100%' }" type="date" format="yyyy-MM-dd">
|
|
|
|
|
<JnpfDatePicker
|
|
|
|
|
v-model="dataForm.procurementDate"
|
|
|
|
|
@change="changeData('procurementDate', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
disabled
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
type="date"
|
|
|
|
|
format="yyyy-MM-dd"
|
|
|
|
|
>
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="年月" prop="procurementYearMonth">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.procurementYearMonth" @change="changeData('procurementYearMonth', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')" placeholder="请选择"
|
|
|
|
|
clearable disabled :style="{ width: '100%' }" type="month" format="yyyy-MM">
|
|
|
|
|
<JnpfDatePicker
|
|
|
|
|
v-model="dataForm.procurementYearMonth"
|
|
|
|
|
@change="changeData('procurementYearMonth', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
disabled
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
type="month"
|
|
|
|
|
format="yyyy-MM"
|
|
|
|
|
>
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="物料需求计划单号" prop="planNumber">
|
|
|
|
|
<JnpfPopupSelect v-model="dataForm.planNumber" @change="changeData('planNumber', -1)" :rowIndex="null"
|
|
|
|
|
:formData="dataForm" :templateJson="interfaceRes.planNumber" placeholder="请选择"
|
|
|
|
|
propsValue="plan_number" popupWidth="800px" popupTitle="选择数据" popupType="dialog"
|
|
|
|
|
relationField="plan_number" field="planNumber" interfaceId="591169965881556997" :pageSize="20"
|
|
|
|
|
:columnOptions="planNumbercolumnOptions" clearable disabled :style="{ width: '100%' }">
|
|
|
|
|
<JnpfPopupSelect
|
|
|
|
|
v-model="dataForm.planNumber"
|
|
|
|
|
@change="changeData('planNumber', -1)"
|
|
|
|
|
:rowIndex="null"
|
|
|
|
|
:formData="dataForm"
|
|
|
|
|
:templateJson="interfaceRes.planNumber"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
propsValue="plan_number"
|
|
|
|
|
popupWidth="800px"
|
|
|
|
|
popupTitle="选择数据"
|
|
|
|
|
popupType="dialog"
|
|
|
|
|
relationField="plan_number"
|
|
|
|
|
field="planNumber"
|
|
|
|
|
interfaceId="591169965881556997"
|
|
|
|
|
:pageSize="20"
|
|
|
|
|
:columnOptions="planNumbercolumnOptions"
|
|
|
|
|
clearable
|
|
|
|
|
disabled
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfPopupSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label="备注" prop="reamrk">
|
|
|
|
|
<JnpfTextarea v-model="dataForm.reamrk" @change="changeData('reamrk', -1)" placeholder="请输入"
|
|
|
|
|
:style="{ width: '100%' }" true type="textarea" :autosize="{ minRows: 4, maxRows: 4 }">
|
|
|
|
|
<JnpfTextarea
|
|
|
|
|
v-model="dataForm.reamrk"
|
|
|
|
|
@change="changeData('reamrk', -1)"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
true
|
|
|
|
|
type="textarea"
|
|
|
|
|
:autosize="{ minRows: 4, maxRows: 4 }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfTextarea>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
@ -86,22 +159,40 @@
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="padding:15px 0px">
|
|
|
|
|
<span style="color: #409EFF;">▋</span>
|
|
|
|
|
<span style="font-size: 14px;font-weight: 500;color:rgb(102, 102, 102);">物料明细</span>
|
|
|
|
|
<span
|
|
|
|
|
style="font-size: 14px;font-weight: 500;color:rgb(102, 102, 102);"
|
|
|
|
|
>物料明细</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-table :data="dataForm.yysMaterialProcurementItemList" size="mini" border>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table
|
|
|
|
|
:data="dataForm.yysMaterialProcurementItemList"
|
|
|
|
|
size="mini"
|
|
|
|
|
border
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
type="index"
|
|
|
|
|
width="50"
|
|
|
|
|
label="序号"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="物料编码" prop="materialCode">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>物料编码
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.materialCode" @change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-materialCode',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
" placeholder="请输入" clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="scope.row.materialCode"
|
|
|
|
|
@change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-materialCode',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -110,12 +201,18 @@
|
|
|
|
|
<span class="required-sign">*</span>物料名称
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.materialName" @change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-materialName',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
" placeholder="请输入" clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="scope.row.materialName"
|
|
|
|
|
@change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-materialName',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -124,12 +221,18 @@
|
|
|
|
|
<span class="required-sign">*</span>物料类型
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.materialType" @change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-materialType',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
" placeholder="请输入" clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="scope.row.materialType"
|
|
|
|
|
@change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-materialType',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -138,12 +241,18 @@
|
|
|
|
|
<span class="required-sign">*</span>规格型号
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.specification" @change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-specification',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
" placeholder="请输入" clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="scope.row.specification"
|
|
|
|
|
@change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-specification',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -152,26 +261,43 @@
|
|
|
|
|
<span class="required-sign">*</span>欠缺量
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.lackNumber" @change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-lackNumber',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
" placeholder="数字文本" :precision="2" :step="1" :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInputNumber
|
|
|
|
|
v-model="scope.row.lackNumber"
|
|
|
|
|
@change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-lackNumber',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
placeholder="数字文本"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:step="1"
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="拟采购量" prop="procurementPlanNumber">
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="拟采购量"
|
|
|
|
|
prop="procurementPlanNumber"
|
|
|
|
|
>
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>拟采购量
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.procurementPlanNumber" @change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-procurementPlanNumber',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
" placeholder="数字文本" :precision="2" :step="1" :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInputNumber
|
|
|
|
|
v-model="scope.row.procurementPlanNumber"
|
|
|
|
|
@change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-procurementPlanNumber',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
placeholder="数字文本"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:step="1"
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -180,12 +306,18 @@
|
|
|
|
|
<span class="required-sign">*</span>计量单位
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.unit" @change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-unit',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
" placeholder="请输入" clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="scope.row.unit"
|
|
|
|
|
@change="
|
|
|
|
|
changeData(
|
|
|
|
|
'yysmaterialprocurementitem-unit',
|
|
|
|
|
scope.$index
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -196,49 +328,91 @@
|
|
|
|
|
<el-table-column label="采购单号" prop="orderNos">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column label="操作" width="200">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn"
|
|
|
|
|
@click="delyysMaterialProcurementItemList(scope.$index)">删除</el-button>
|
|
|
|
|
<el-button size="mini" type="text" @click="fnProcurementOrderCreate(scope.row)">生成采购单</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
class="JNPF-table-delBtn"
|
|
|
|
|
@click="delyysMaterialProcurementItemList(scope.$index)"
|
|
|
|
|
>删除</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
@click="fnProcurementOrderCreate(scope.row)"
|
|
|
|
|
>生成采购单</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<div class="table-actions" @click="addyysMaterialProcurementItemList()">
|
|
|
|
|
<div
|
|
|
|
|
class="table-actions"
|
|
|
|
|
@click="addyysMaterialProcurementItemList()"
|
|
|
|
|
>
|
|
|
|
|
<el-button type="text" icon="el-icon-plus">添加</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<jnpf-form-tip-item label="创建人" prop="creatorUserId">
|
|
|
|
|
<JnpfInput v-model="dataForm.creatorUserId" @change="changeData('creatorUserId', -1)" placeholder="自动生成"
|
|
|
|
|
disabled clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="dataForm.creatorUserId"
|
|
|
|
|
@change="changeData('creatorUserId', -1)"
|
|
|
|
|
placeholder="自动生成"
|
|
|
|
|
disabled
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<jnpf-form-tip-item label="创建时间" prop="creatorTime">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.creatorTime" @change="changeData('creatorTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')" placeholder="自动生成"
|
|
|
|
|
disabled clearable :style="{ width: '100%' }" type="date" format="yyyy-MM-dd">
|
|
|
|
|
<JnpfDatePicker
|
|
|
|
|
v-model="dataForm.creatorTime"
|
|
|
|
|
@change="changeData('creatorTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="自动生成"
|
|
|
|
|
disabled
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
type="date"
|
|
|
|
|
format="yyyy-MM-dd"
|
|
|
|
|
>
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<jnpf-form-tip-item label="修改人" prop="lastModifyUserId">
|
|
|
|
|
<JnpfInput v-model="dataForm.lastModifyUserId" @change="changeData('lastModifyUserId', -1)"
|
|
|
|
|
placeholder="修改时记录" disabled clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfInput
|
|
|
|
|
v-model="dataForm.lastModifyUserId"
|
|
|
|
|
@change="changeData('lastModifyUserId', -1)"
|
|
|
|
|
placeholder="修改时记录"
|
|
|
|
|
disabled
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<jnpf-form-tip-item label="修改时间" prop="lastModifyTime">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.lastModifyTime" @change="changeData('lastModifyTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="修改时记录" disabled clearable :style="{ width: '100%' }" type="date" format="yyyy-MM-dd">
|
|
|
|
|
<JnpfDatePicker
|
|
|
|
|
v-model="dataForm.lastModifyTime"
|
|
|
|
|
@change="changeData('lastModifyTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="修改时记录"
|
|
|
|
|
disabled
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
type="date"
|
|
|
|
|
format="yyyy-MM-dd"
|
|
|
|
|
>
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
@ -246,36 +420,68 @@
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-row v-if="isOrdering == true" :style="{ margin: '0 auto', width: '100%' }">
|
|
|
|
|
<el-row
|
|
|
|
|
v-if="isOrdering == true"
|
|
|
|
|
:style="{ margin: '0 auto', width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div style="height:10px;"></div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="16">
|
|
|
|
|
<el-row :style="{ margin: '0 auto', width: '100%' }">
|
|
|
|
|
<el-col :span="24" style="padding: 20px 0px;">生成采购单:
|
|
|
|
|
<el-col :span="24" style="padding: 20px 0px;"
|
|
|
|
|
>生成采购单:
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-row style="padding: 20px 0px;">
|
|
|
|
|
<el-col :span="5">物料编码:{{ procurementOrderItem.materialCode }}</el-col>
|
|
|
|
|
<el-col :span="5">物料名称:{{ procurementOrderItem.materialName }}</el-col>
|
|
|
|
|
<el-col :span="5">物料类型:{{ procurementOrderItem.materialType }}</el-col>
|
|
|
|
|
<el-col :span="5">欠缺量:{{ procurementOrderItem.lackNumber }}</el-col>
|
|
|
|
|
<el-col :span="4">计量单位:{{ procurementOrderItem.unit }}</el-col>
|
|
|
|
|
<el-col :span="5"
|
|
|
|
|
>物料编码:{{ procurementOrderItem.materialCode }}</el-col
|
|
|
|
|
>
|
|
|
|
|
<el-col :span="5"
|
|
|
|
|
>物料名称:{{ procurementOrderItem.materialName }}</el-col
|
|
|
|
|
>
|
|
|
|
|
<el-col :span="5"
|
|
|
|
|
>物料类型:{{ procurementOrderItem.materialType }}</el-col
|
|
|
|
|
>
|
|
|
|
|
<el-col :span="5"
|
|
|
|
|
>欠缺量:{{ procurementOrderItem.lackNumber }}</el-col
|
|
|
|
|
>
|
|
|
|
|
<el-col :span="4"
|
|
|
|
|
>计量单位:{{ procurementOrderItem.unit }}</el-col
|
|
|
|
|
>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-table :data="procurementOrderList" size="mini" border>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
type="index"
|
|
|
|
|
width="50"
|
|
|
|
|
label="序号"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="供应商" prop="supplier">
|
|
|
|
|
<template slot="header">
|
|
|
|
|
<span class="required-sign">*</span> 供应商
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfPopupSelect v-model="scope.row.supplier" :rowIndex="null" :formData="scope.row"
|
|
|
|
|
:templateJson="[]" placeholder="请选择" propsValue="supplier_id" popupWidth="800px"
|
|
|
|
|
popupTitle="选择数据" popupType="dialog" relationField="supplier_cname" field="supplier"
|
|
|
|
|
interfaceId="591554794397630469" :pageSize="20" :columnOptions="suppliercolumnOptions"
|
|
|
|
|
clearable :style="{ width: '100%' }">
|
|
|
|
|
<JnpfPopupSelect
|
|
|
|
|
v-model="scope.row.supplier"
|
|
|
|
|
:rowIndex="null"
|
|
|
|
|
:formData="scope.row"
|
|
|
|
|
:templateJson="[]"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
propsValue="supplier_id"
|
|
|
|
|
popupWidth="800px"
|
|
|
|
|
popupTitle="选择数据"
|
|
|
|
|
popupType="dialog"
|
|
|
|
|
relationField="supplier_cname"
|
|
|
|
|
field="supplier"
|
|
|
|
|
interfaceId="591554794397630469"
|
|
|
|
|
:pageSize="20"
|
|
|
|
|
:columnOptions="suppliercolumnOptions"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
</JnpfPopupSelect>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -284,41 +490,80 @@
|
|
|
|
|
<span class="required-sign">*</span> 下单数量
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.orderQuantity" placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
|
<JnpfInputNumber
|
|
|
|
|
v-model="scope.row.orderQuantity"
|
|
|
|
|
placeholder="数字文本"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:step="1"
|
|
|
|
|
>
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="要求到货日期" prop="requestDeliveryDate">
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="要求到货日期"
|
|
|
|
|
prop="requestDeliveryDate"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfDatePicker v-model="scope.row.requestDeliveryDate"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择" clearable :style="{ width: '100%' }" type="month" format="yyyy-MM-dd">
|
|
|
|
|
<JnpfDatePicker
|
|
|
|
|
v-model="scope.row.requestDeliveryDate"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
type="month"
|
|
|
|
|
format="yyyy-MM-dd"
|
|
|
|
|
>
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" width="200">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn" @click="
|
|
|
|
|
fnProcurementOrderItemDel(scope.$index)
|
|
|
|
|
">删除</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
class="JNPF-table-delBtn"
|
|
|
|
|
@click="fnProcurementOrderItemDel(scope.$index)"
|
|
|
|
|
>删除</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<div class="table-actions" @click="fnProcurementOrderItemAdd()">
|
|
|
|
|
<div
|
|
|
|
|
class="table-actions"
|
|
|
|
|
@click="fnProcurementOrderItemAdd()"
|
|
|
|
|
>
|
|
|
|
|
<el-button type="text" icon="el-icon-plus">添加</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" :style="{ textAlign: 'center', margin: '30px 0px' }">
|
|
|
|
|
<el-button :style="{ margin: '0px 30px' }" @click="fnProcurementOrderCancel">取消</el-button>
|
|
|
|
|
<el-button type="primary" :style="{ margin: '0px 30px' }"
|
|
|
|
|
@click="fnProcurementOrderSub">提交</el-button>
|
|
|
|
|
<el-col
|
|
|
|
|
:span="24"
|
|
|
|
|
:style="{ textAlign: 'center', margin: '30px 0px' }"
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
:style="{ margin: '0px 30px' }"
|
|
|
|
|
@click="fnProcurementOrderCancel"
|
|
|
|
|
>取消</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
:style="{ margin: '0px 30px' }"
|
|
|
|
|
@click="fnProcurementOrderSub"
|
|
|
|
|
>提交</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm" ref="selectDialog"
|
|
|
|
|
@select="addForSelect" @close="selectDialogVisible = false" />
|
|
|
|
|
<SelectDialog
|
|
|
|
|
v-if="selectDialogVisible"
|
|
|
|
|
:config="currTableConf"
|
|
|
|
|
:formData="dataForm"
|
|
|
|
|
ref="selectDialog"
|
|
|
|
|
@select="addForSelect"
|
|
|
|
|
@close="selectDialogVisible = false"
|
|
|
|
|
/>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</transition>
|
|
|
|
@ -493,7 +738,7 @@ export default {
|
|
|
|
|
this.initDefaultData();
|
|
|
|
|
this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm));
|
|
|
|
|
},
|
|
|
|
|
mounted() { },
|
|
|
|
|
mounted() {},
|
|
|
|
|
methods: {
|
|
|
|
|
fnProcurementOrderCreate(row) {
|
|
|
|
|
this.procurementOrderItem = { ...this.procurementOrderItemO };
|
|
|
|
@ -518,14 +763,25 @@ export default {
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.procurementOrderList.splice(index, 1);
|
|
|
|
|
})
|
|
|
|
|
.catch(() => { });
|
|
|
|
|
.catch(() => {});
|
|
|
|
|
},
|
|
|
|
|
fnProcurementOrderCancel() {
|
|
|
|
|
this.procurementOrderList = [];
|
|
|
|
|
this.isOrdering = false;
|
|
|
|
|
},
|
|
|
|
|
fnProcurementOrderSub() {
|
|
|
|
|
console.log(this.procurementOrderList);
|
|
|
|
|
let _data = {
|
|
|
|
|
orderData: this.procurementOrderList
|
|
|
|
|
};
|
|
|
|
|
request({
|
|
|
|
|
url: "/api/example/YysMaterialProcurementOrder/initOrder",
|
|
|
|
|
method: "post",
|
|
|
|
|
data: _data
|
|
|
|
|
})
|
|
|
|
|
.then(res => {
|
|
|
|
|
console.log(res);
|
|
|
|
|
})
|
|
|
|
|
.catch(err => {});
|
|
|
|
|
///api/example/YysMaterialProcurementOrder/initOrder
|
|
|
|
|
},
|
|
|
|
|
prev() {
|
|
|
|
@ -604,7 +860,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
dataAll() { },
|
|
|
|
|
dataAll() {},
|
|
|
|
|
yysmaterialprocurementitemExist() {
|
|
|
|
|
let isOk = true;
|
|
|
|
|
for (
|
|
|
|
@ -658,7 +914,7 @@ export default {
|
|
|
|
|
this.$store.commit("generator/UPDATE_RELATION_DATA", {});
|
|
|
|
|
},
|
|
|
|
|
//初始化默认数据
|
|
|
|
|
initDefaultData() { },
|
|
|
|
|
initDefaultData() {},
|
|
|
|
|
// 表单提交
|
|
|
|
|
dataFormSubmit(type) {
|
|
|
|
|
this.dataFormSubmitType = type ? type : 0;
|
|
|
|
@ -676,7 +932,9 @@ export default {
|
|
|
|
|
if (!this.yysmaterialprocurementitemExist()) return;
|
|
|
|
|
let _data = this.dataList();
|
|
|
|
|
request({
|
|
|
|
|
url: "/api/example/YysMaterialProcurementPlan/commit/" + this.dataForm.id,
|
|
|
|
|
url:
|
|
|
|
|
"/api/example/YysMaterialProcurementPlan/commit/" +
|
|
|
|
|
this.dataForm.id,
|
|
|
|
|
method: "PUT",
|
|
|
|
|
data: _data
|
|
|
|
|
})
|
|
|
|
@ -783,7 +1041,7 @@ export default {
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.dataForm.yysMaterialProcurementItemList.splice(index, 1);
|
|
|
|
|
})
|
|
|
|
|
.catch(() => { });
|
|
|
|
|
.catch(() => {});
|
|
|
|
|
},
|
|
|
|
|
getyysMaterialProcurementItemList(value) {
|
|
|
|
|
let item = { ...this.tableRows.yysMaterialProcurementItemList, ...value };
|
|
|
|
|