|
|
@ -1,24 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<transition name="el-zoom-in-center">
|
|
|
|
<transition name="el-zoom-in-center">
|
|
|
|
<div class="JNPF-preview-main">
|
|
|
|
<div class="JNPF-preview-main">
|
|
|
|
<div class="JNPF-common-page-header">
|
|
|
|
<div class="JNPF-common-page-header">
|
|
|
|
<el-page-header @back="goBack"
|
|
|
|
<el-page-header @back="goBack" :content="!dataForm.id ? '新建' : '编辑'" />
|
|
|
|
:content="!dataForm.id ? '新建':'编辑'"/>
|
|
|
|
|
|
|
|
<div class="options">
|
|
|
|
<div class="options">
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled='continueBtnLoading'> 保 存</el-button>
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading"
|
|
|
|
|
|
|
|
:disabled='continueBtnLoading'> 保 存</el-button>
|
|
|
|
<el-button @click="goBack"> 取 消</el-button>
|
|
|
|
<el-button @click="goBack"> 取 消</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<el-row :gutter="15" class=" main" :style="{ margin: '0 auto', width: '100%' }">
|
|
|
|
<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-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="150px"
|
|
|
|
|
|
|
|
label-position="right">
|
|
|
|
<template v-if="!loading">
|
|
|
|
<template v-if="!loading">
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="物料需求计划单号" prop="planNumber">
|
|
|
|
label="物料需求计划单号" prop="planNumber" >
|
|
|
|
|
|
|
|
<JnpfInput v-model="dataForm.planNumber" @change="changeData('planNumber', -1)"
|
|
|
|
<JnpfInput v-model="dataForm.planNumber" @change="changeData('planNumber', -1)"
|
|
|
|
placeholder="系统自动生成" readonly :style='{ "width": "100%" }'>
|
|
|
|
placeholder="系统自动生成" readonly :style='{ "width": "100%" }'>
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
@ -26,158 +23,161 @@
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="年月" prop="planYearMonth">
|
|
|
|
label="年月" prop="planYearMonth" >
|
|
|
|
<JnpfDatePicker v-model="dataForm.planYearMonth"
|
|
|
|
<JnpfDatePicker v-model="dataForm.planYearMonth" @change="changeData('planYearMonth',-1)"
|
|
|
|
@change="changeData('planYearMonth', -1)" :startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
:startTime="dateTime(false,1,1,'','')" :endTime="dateTime(false,1,1,'','')" placeholder="请选择" clearable :style='{"width":"100%"}' type="month" format="yyyy-MM" >
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')" placeholder="请选择" clearable
|
|
|
|
|
|
|
|
:style='{ "width": "100%" }' type="month" format="yyyy-MM">
|
|
|
|
</JnpfDatePicker>
|
|
|
|
</JnpfDatePicker>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="单据日期" prop="orderDate">
|
|
|
|
label="单据日期" prop="orderDate" >
|
|
|
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.orderDate" @change="changeData('orderDate', -1)"
|
|
|
|
<JnpfDatePicker v-model="dataForm.orderDate" @change="changeData('orderDate', -1)"
|
|
|
|
:startTime="dateTime(false,1,1,'','')" :endTime="dateTime(false,1,1,'','')" placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" >
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
|
|
|
placeholder="请选择" clearable :style='{ "width": "100%" }' type="date"
|
|
|
|
|
|
|
|
format="yyyy-MM-dd">
|
|
|
|
</JnpfDatePicker>
|
|
|
|
</JnpfDatePicker>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="是否生成采购计划" prop="isCreatePlan">
|
|
|
|
label="是否生成采购计划" prop="isCreatePlan" >
|
|
|
|
|
|
|
|
<JnpfSelect v-model="dataForm.isCreatePlan" @change="changeData('isCreatePlan', -1)"
|
|
|
|
<JnpfSelect v-model="dataForm.isCreatePlan" @change="changeData('isCreatePlan', -1)"
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' :options="isCreatePlanOptions" :props="isCreatePlanProps" >
|
|
|
|
placeholder="请选择" clearable :style='{ "width": "100%" }' :options="isCreatePlanOptions"
|
|
|
|
|
|
|
|
:props="isCreatePlanProps">
|
|
|
|
</JnpfSelect>
|
|
|
|
</JnpfSelect>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="备注" prop="reamrk">
|
|
|
|
label="备注" prop="reamrk" >
|
|
|
|
|
|
|
|
<JnpfTextarea v-model="dataForm.reamrk" @change="changeData('reamrk', -1)"
|
|
|
|
<JnpfTextarea v-model="dataForm.reamrk" @change="changeData('reamrk', -1)"
|
|
|
|
placeholder="请输入" :style='{"width":"100%"}' true type="textarea" :autosize='{"minRows":4,"maxRows":4}' >
|
|
|
|
placeholder="请输入" :style='{ "width": "100%" }' true type="textarea"
|
|
|
|
|
|
|
|
:autosize='{ "minRows": 4, "maxRows": 4 }'>
|
|
|
|
</JnpfTextarea>
|
|
|
|
</JnpfTextarea>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
<h2>设计子表</h2>
|
|
|
|
<h2>物料明细</h2>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<el-table :data="dataForm.yysMaterialRequirementItemList" size='mini'>
|
|
|
|
<el-table :data="dataForm.yysMaterialRequirementItemList" size='mini'>
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="物料编码" prop="materialCode">
|
|
|
|
label="物料编码" prop="materialCode" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="true">
|
|
|
|
<template slot="header" v-if="true">
|
|
|
|
<span class="required-sign">*</span>物料编码
|
|
|
|
<span class="required-sign">*</span>物料编码
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInput v-model="scope.row.materialCode" @change="changeData('yysmaterialrequirementitem-materialCode',scope.$index)"
|
|
|
|
<JnpfInput v-model="scope.row.materialCode"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-materialCode', scope.$index)"
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="物料名称" prop="materialName">
|
|
|
|
label="物料名称" prop="materialName" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="true">
|
|
|
|
<template slot="header" v-if="true">
|
|
|
|
<span class="required-sign">*</span>物料名称
|
|
|
|
<span class="required-sign">*</span>物料名称
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInput v-model="scope.row.materialName" @change="changeData('yysmaterialrequirementitem-materialName',scope.$index)"
|
|
|
|
<JnpfInput v-model="scope.row.materialName"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-materialName', scope.$index)"
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="物料类型" prop="materialType">
|
|
|
|
label="物料类型" prop="materialType" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<span class="required-sign">*</span>物料类型
|
|
|
|
<span class="required-sign">*</span>物料类型
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInput v-model="scope.row.materialType" @change="changeData('yysmaterialrequirementitem-materialType',scope.$index)"
|
|
|
|
<JnpfInput v-model="scope.row.materialType"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-materialType', scope.$index)"
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="规格型号" prop="specification">
|
|
|
|
label="规格型号" prop="specification" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<span class="required-sign">*</span>规格型号
|
|
|
|
<span class="required-sign">*</span>规格型号
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInput v-model="scope.row.specification" @change="changeData('yysmaterialrequirementitem-specification',scope.$index)"
|
|
|
|
<JnpfInput v-model="scope.row.specification"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-specification', scope.$index)"
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="计量单位" prop="unit">
|
|
|
|
label="计量单位" prop="unit" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<span class="required-sign">*</span>计量单位
|
|
|
|
<span class="required-sign">*</span>计量单位
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInput v-model="scope.row.unit" @change="changeData('yysmaterialrequirementitem-unit',scope.$index)"
|
|
|
|
<JnpfInput v-model="scope.row.unit"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-unit', scope.$index)"
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="需求数量" prop="requirementNumber">
|
|
|
|
label="需求数量" prop="requirementNumber" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<span class="required-sign">*</span>需求数量
|
|
|
|
<span class="required-sign">*</span>需求数量
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInputNumber v-model="scope.row.requirementNumber" @change="changeData('yysmaterialrequirementitem-requirementNumber',scope.$index)"
|
|
|
|
<JnpfInputNumber v-model="scope.row.requirementNumber"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-requirementNumber', scope.$index)"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="库存" prop="inventoryNumber">
|
|
|
|
label="库存" prop="inventoryNumber" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<span class="required-sign">*</span>库存
|
|
|
|
<span class="required-sign">*</span>库存
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInputNumber v-model="scope.row.inventoryNumber" @change="changeData('yysmaterialrequirementitem-inventoryNumber',scope.$index)"
|
|
|
|
<JnpfInputNumber v-model="scope.row.inventoryNumber"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-inventoryNumber', scope.$index)"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="库存安全" prop="inventorySafetyNumber">
|
|
|
|
label="库存安全" prop="inventorySafetyNumber" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<span class="required-sign">*</span>库存安全
|
|
|
|
<span class="required-sign">*</span>库存安全
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInputNumber v-model="scope.row.inventorySafetyNumber" @change="changeData('yysmaterialrequirementitem-inventorySafetyNumber',scope.$index)"
|
|
|
|
<JnpfInputNumber v-model="scope.row.inventorySafetyNumber"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-inventorySafetyNumber', scope.$index)"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="采购未入库" prop="notIntoNumber">
|
|
|
|
label="采购未入库" prop="notIntoNumber" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
<span class="required-sign">*</span>采购未入库
|
|
|
|
<span class="required-sign">*</span>采购未入库
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInputNumber v-model="scope.row.notIntoNumber" @change="changeData('yysmaterialrequirementitem-notIntoNumber',scope.$index)"
|
|
|
|
<JnpfInputNumber v-model="scope.row.notIntoNumber"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-notIntoNumber', scope.$index)"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column label="欠缺量" prop="lackNumber">
|
|
|
|
label="欠缺量" prop="lackNumber" >
|
|
|
|
|
|
|
|
<template slot="header" v-if="true">
|
|
|
|
<template slot="header" v-if="true">
|
|
|
|
<span class="required-sign">*</span>欠缺量
|
|
|
|
<span class="required-sign">*</span>欠缺量
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<JnpfInputNumber v-model="scope.row.lackNumber" @change="changeData('yysmaterialrequirementitem-lackNumber',scope.$index)"
|
|
|
|
<JnpfInputNumber v-model="scope.row.lackNumber"
|
|
|
|
|
|
|
|
@change="changeData('yysmaterialrequirementitem-lackNumber', scope.$index)"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="操作" width="50">
|
|
|
|
<el-table-column label="操作" width="50">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn" @click="delyysMaterialRequirementItemList(scope.$index)">删除</el-button>
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn"
|
|
|
|
|
|
|
|
@click="delyysMaterialRequirementItemList(scope.$index)">删除</el-button>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
@ -189,8 +189,8 @@
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
|
|
|
|
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm" ref="selectDialog"
|
|
|
|
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false"/>
|
|
|
|
@select="addForSelect" @close="selectDialogVisible = false" />
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</transition>
|
|
|
|
</transition>
|
|
|
|