|
|
|
@ -1,14 +1,10 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<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-dropdown class="dropdown" placement="bottom">
|
|
|
|
|
<el-button style="width:70px">
|
|
|
|
|
更 多<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
|
</el-button>
|
|
|
|
@ -25,54 +21,62 @@
|
|
|
|
|
:loading="continueBtnLoading" :disabled='btnLoading'>
|
|
|
|
|
{{ !dataForm.id ? '确定并新增' : '确定并继续' }}</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled='continueBtnLoading'> 保 存</el-button>
|
|
|
|
|
</el-dropdown> -->
|
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :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-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="150px"
|
|
|
|
|
label-position="right">
|
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
|
<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%"}'>
|
|
|
|
|
<jnpf-form-tip-item label="采购计划单号" prop="procurementNumber">
|
|
|
|
|
<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 :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" >
|
|
|
|
|
<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
|
|
|
|
|
: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 :style='{"width":"100%"}' type="month" format="yyyy-MM" >
|
|
|
|
|
<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 :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" >
|
|
|
|
|
<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 :style='{"width":"100%"}'>
|
|
|
|
|
: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 :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfPopupSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="备注" prop="reamrk" >
|
|
|
|
|
<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}' >
|
|
|
|
|
placeholder="请输入" :style='{ "width": "100%" }' true type="textarea"
|
|
|
|
|
:autosize='{ "minRows": 4, "maxRows": 4 }'>
|
|
|
|
|
</JnpfTextarea>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
@ -83,86 +87,87 @@
|
|
|
|
|
</div>
|
|
|
|
|
<el-table :data="dataForm.yysMaterialProcurementItemList" size='mini'>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="物料编码" prop="materialCode" >
|
|
|
|
|
<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)"
|
|
|
|
|
<JnpfInput v-model="scope.row.materialCode"
|
|
|
|
|
@change="changeData('yysmaterialprocurementitem-materialCode', scope.$index)"
|
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="物料名称" prop="materialName" >
|
|
|
|
|
<el-table-column label="物料名称" prop="materialName">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>物料名称
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.materialName" @change="changeData('yysmaterialprocurementitem-materialName',scope.$index)"
|
|
|
|
|
<JnpfInput v-model="scope.row.materialName"
|
|
|
|
|
@change="changeData('yysmaterialprocurementitem-materialName', scope.$index)"
|
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="物料类型" prop="materialType" >
|
|
|
|
|
<el-table-column label="物料类型" prop="materialType">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>物料类型
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.materialType" @change="changeData('yysmaterialprocurementitem-materialType',scope.$index)"
|
|
|
|
|
<JnpfInput v-model="scope.row.materialType"
|
|
|
|
|
@change="changeData('yysmaterialprocurementitem-materialType', scope.$index)"
|
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="规格型号" prop="specification" >
|
|
|
|
|
<el-table-column label="规格型号" prop="specification">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>规格型号
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.specification" @change="changeData('yysmaterialprocurementitem-specification',scope.$index)"
|
|
|
|
|
<JnpfInput v-model="scope.row.specification"
|
|
|
|
|
@change="changeData('yysmaterialprocurementitem-specification', scope.$index)"
|
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="欠缺量" prop="lackNumber" >
|
|
|
|
|
<el-table-column label="欠缺量" prop="lackNumber">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>欠缺量
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.lackNumber" @change="changeData('yysmaterialprocurementitem-lackNumber',scope.$index)"
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.lackNumber"
|
|
|
|
|
@change="changeData('yysmaterialprocurementitem-lackNumber', scope.$index)"
|
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
|
</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)"
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.procurementPlanNumber"
|
|
|
|
|
@change="changeData('yysmaterialprocurementitem-procurementPlanNumber', scope.$index)"
|
|
|
|
|
placeholder="数字文本" :precision="2" :step="1">
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="计量单位" prop="unit" >
|
|
|
|
|
<el-table-column label="计量单位" prop="unit">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>计量单位
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.unit" @change="changeData('yysmaterialprocurementitem-unit',scope.$index)"
|
|
|
|
|
<JnpfInput v-model="scope.row.unit"
|
|
|
|
|
@change="changeData('yysmaterialprocurementitem-unit', scope.$index)"
|
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" width="50">
|
|
|
|
|
<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" class="JNPF-table-delBtn"
|
|
|
|
|
@click="delyysMaterialProcurementItemList(scope.$index)">删除</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
@ -171,11 +176,47 @@
|
|
|
|
|
</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>
|
|
|
|
|
</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>
|
|
|
|
|
</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>
|
|
|
|
|
</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>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
|
<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>
|
|
|
|
|