|
|
@ -1,217 +1,215 @@
|
|
|
|
|
|
|
|
<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-dropdown class="dropdown" placement="bottom">
|
|
|
|
<!-- <el-dropdown class="dropdown" placement="bottom">
|
|
|
|
<el-button style="width:70px">
|
|
|
|
<el-button style="width:70px">
|
|
|
|
更 多<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
更 多<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<template v-if="dataForm.id">
|
|
|
|
<template v-if="dataForm.id">
|
|
|
|
<el-dropdown-item @click.native="prev" :disabled='prevDis'>
|
|
|
|
<el-dropdown-item @click.native="prev" :disabled='prevDis'>
|
|
|
|
{{'上一条'}}
|
|
|
|
{{ '上一条' }}
|
|
|
|
</el-dropdown-item>
|
|
|
|
</el-dropdown-item>
|
|
|
|
<el-dropdown-item @click.native="next" :disabled='nextDis'>
|
|
|
|
<el-dropdown-item @click.native="next" :disabled='nextDis'>
|
|
|
|
{{'下一条'}}
|
|
|
|
{{ '下一条' }}
|
|
|
|
</el-dropdown-item>
|
|
|
|
</el-dropdown-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<el-dropdown-item type="primary" @click.native="dataFormSubmit(2)"
|
|
|
|
<el-dropdown-item type="primary" @click.native="dataFormSubmit(2)"
|
|
|
|
:loading="continueBtnLoading" :disabled='btnLoading'>
|
|
|
|
:loading="continueBtnLoading" :disabled='btnLoading'>
|
|
|
|
{{!dataForm.id ?'确定并新增':'确定并继续'}}</el-dropdown-item>
|
|
|
|
{{ !dataForm.id ? '确定并新增' : '确定并继续' }}</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown>
|
|
|
|
</el-dropdown> -->
|
|
|
|
<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="120px" label-position="right" >
|
|
|
|
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="120px"
|
|
|
|
|
|
|
|
label-position="right">
|
|
|
|
<template v-if="!loading">
|
|
|
|
<template v-if="!loading">
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="采购单号" prop="orderNumber">
|
|
|
|
label="采购单号" prop="orderNumber" >
|
|
|
|
<JnpfInput v-model="dataForm.orderNumber" @change="changeData('orderNumber', -1)"
|
|
|
|
<JnpfInput v-model="dataForm.orderNumber" @change="changeData('orderNumber',-1)"
|
|
|
|
placeholder="请输入" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<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, '', '')"
|
|
|
|
:startTime="dateTime(false,1,1,'','')" :endTime="dateTime(false,1,1,'','')" placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" >
|
|
|
|
placeholder="请选择" disabled 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="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="采购计划单号" prop="procurementNumber">
|
|
|
|
label="采购计划单号" prop="procurementNumber" >
|
|
|
|
<JnpfInput v-model="dataForm.procurementNumber"
|
|
|
|
<JnpfInput v-model="dataForm.procurementNumber" @change="changeData('procurementNumber',-1)"
|
|
|
|
@change="changeData('procurementNumber', -1)" placeholder="请输入" disabled clearable
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="供应商" prop="supplier">
|
|
|
|
label="供应商" prop="supplier" >
|
|
|
|
<JnpfInput v-model="dataForm.supplier" @change="changeData('supplier', -1)"
|
|
|
|
<JnpfInput v-model="dataForm.supplier" @change="changeData('supplier',-1)"
|
|
|
|
placeholder="请输入" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="物料编码" prop="materialCode">
|
|
|
|
label="物料编码" prop="materialCode" >
|
|
|
|
<JnpfInput v-model="dataForm.materialCode" @change="changeData('materialCode', -1)"
|
|
|
|
<JnpfInput v-model="dataForm.materialCode" @change="changeData('materialCode',-1)"
|
|
|
|
placeholder="请输入" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="物料名称" prop="materialName">
|
|
|
|
label="物料名称" prop="materialName" >
|
|
|
|
<JnpfInput v-model="dataForm.materialName" @change="changeData('materialName', -1)"
|
|
|
|
<JnpfInput v-model="dataForm.materialName" @change="changeData('materialName',-1)"
|
|
|
|
placeholder="请输入" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="规格型号" prop="specification">
|
|
|
|
label="规格型号" prop="specification" >
|
|
|
|
<JnpfInput v-model="dataForm.specification" @change="changeData('specification', -1)"
|
|
|
|
<JnpfInput v-model="dataForm.specification" @change="changeData('specification',-1)"
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="下单数量" prop="orderQuantity">
|
|
|
|
label="下单数量" prop="orderQuantity" >
|
|
|
|
<JnpfInputNumber v-model="dataForm.orderQuantity"
|
|
|
|
<JnpfInputNumber v-model="dataForm.orderQuantity" @change="changeData('orderQuantity',-1)"
|
|
|
|
@change="changeData('orderQuantity', -1)" placeholder="数字文本" :precision="2"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1" >
|
|
|
|
:step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="计量单位" prop="unit">
|
|
|
|
label="计量单位" prop="unit" >
|
|
|
|
<JnpfInput v-model="dataForm.unit" @change="changeData('unit', -1)" placeholder="请输入"
|
|
|
|
<JnpfInput v-model="dataForm.unit" @change="changeData('unit',-1)"
|
|
|
|
clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="总投产数量" prop="totalProductionQuantity">
|
|
|
|
label="总投产数量" prop="totalProductionQuantity" >
|
|
|
|
<JnpfInputNumber v-model="dataForm.totalProductionQuantity"
|
|
|
|
<JnpfInputNumber v-model="dataForm.totalProductionQuantity" @change="changeData('totalProductionQuantity',-1)"
|
|
|
|
@change="changeData('totalProductionQuantity', -1)" placeholder="数字文本" :precision="2"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1" >
|
|
|
|
:step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="总发货数量" prop="totalSendQuantity">
|
|
|
|
label="总发货数量" prop="totalSendQuantity" >
|
|
|
|
<JnpfInputNumber v-model="dataForm.totalSendQuantity"
|
|
|
|
<JnpfInputNumber v-model="dataForm.totalSendQuantity" @change="changeData('totalSendQuantity',-1)"
|
|
|
|
@change="changeData('totalSendQuantity', -1)" placeholder="数字文本" :precision="2"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1" >
|
|
|
|
:step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="要求到货日期" prop="requestDeliveryDate">
|
|
|
|
label="要求到货日期" prop="requestDeliveryDate" >
|
|
|
|
<JnpfDatePicker v-model="dataForm.requestDeliveryDate"
|
|
|
|
<JnpfDatePicker v-model="dataForm.requestDeliveryDate" @change="changeData('requestDeliveryDate',-1)"
|
|
|
|
@change="changeData('requestDeliveryDate', -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="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="延期原因" prop="delayReason">
|
|
|
|
label="延期原因" prop="delayReason" >
|
|
|
|
<JnpfInput v-model="dataForm.delayReason" @change="changeData('delayReason', -1)"
|
|
|
|
<JnpfInput v-model="dataForm.delayReason" @change="changeData('delayReason',-1)"
|
|
|
|
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="延期交货日期" prop="delayedDeliveryDate">
|
|
|
|
label="延期交货日期" prop="delayedDeliveryDate" >
|
|
|
|
<JnpfDatePicker v-model="dataForm.delayedDeliveryDate"
|
|
|
|
<JnpfDatePicker v-model="dataForm.delayedDeliveryDate" @change="changeData('delayedDeliveryDate',-1)"
|
|
|
|
@change="changeData('delayedDeliveryDate', -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="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="分批发货日期" prop="batchDeliveryDate">
|
|
|
|
label="分批发货日期" prop="batchDeliveryDate" >
|
|
|
|
<JnpfDatePicker v-model="dataForm.batchDeliveryDate"
|
|
|
|
<JnpfDatePicker v-model="dataForm.batchDeliveryDate" @change="changeData('batchDeliveryDate',-1)"
|
|
|
|
@change="changeData('batchDeliveryDate', -1)" :startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
:startTime="dateTime(false,1,1,'','')" :endTime="dateTime(false,1,1,'','')" placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" >
|
|
|
|
: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="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="分批发货数量" prop="batchShipmentQuantity">
|
|
|
|
label="分批发货数量" prop="batchShipmentQuantity" >
|
|
|
|
<JnpfInputNumber v-model="dataForm.batchShipmentQuantity"
|
|
|
|
<JnpfInputNumber v-model="dataForm.batchShipmentQuantity" @change="changeData('batchShipmentQuantity',-1)"
|
|
|
|
@change="changeData('batchShipmentQuantity', -1)" placeholder="数字文本" :precision="2"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1" >
|
|
|
|
:step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="确认到货数量" prop="confirmQuantityReceived">
|
|
|
|
label="确认到货数量" prop="confirmQuantityReceived" >
|
|
|
|
<JnpfInputNumber v-model="dataForm.confirmQuantityReceived"
|
|
|
|
<JnpfInputNumber v-model="dataForm.confirmQuantityReceived" @change="changeData('confirmQuantityReceived',-1)"
|
|
|
|
@change="changeData('confirmQuantityReceived', -1)" placeholder="数字文本" :precision="2"
|
|
|
|
placeholder="数字文本" :precision="2" :step="1" >
|
|
|
|
:step="1">
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</JnpfInputNumber>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8" >
|
|
|
|
<el-col :span="8">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="单据状态" prop="orderStatus">
|
|
|
|
label="单据状态" prop="orderStatus" >
|
|
|
|
<JnpfSelect v-model="dataForm.orderStatus" @change="changeData('orderStatus', -1)"
|
|
|
|
<JnpfSelect v-model="dataForm.orderStatus" @change="changeData('orderStatus',-1)"
|
|
|
|
placeholder="请选择" clearable :style='{ "width": "100%" }' :options="orderStatusOptions"
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' :options="orderStatusOptions" :props="orderStatusProps" >
|
|
|
|
:props="orderStatusProps">
|
|
|
|
</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="orderFiles">
|
|
|
|
label="订单附件" prop="orderFiles" >
|
|
|
|
<JnpfUploadFile v-model="dataForm.orderFiles" @change="changeData('orderFiles', -1)"
|
|
|
|
<JnpfUploadFile v-model="dataForm.orderFiles" @change="changeData('orderFiles',-1)"
|
|
|
|
:fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0"
|
|
|
|
:fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" buttonText="点击上传" >
|
|
|
|
buttonText="点击上传">
|
|
|
|
</JnpfUploadFile>
|
|
|
|
</JnpfUploadFile>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
</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>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import request from '@/utils/request'
|
|
|
|
import request from '@/utils/request'
|
|
|
|
import {mapGetters} from "vuex";
|
|
|
|
import { mapGetters } from "vuex";
|
|
|
|
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
|
|
|
|
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
|
|
|
|
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
|
|
|
|
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
|
|
|
|
import { getDefaultCurrentValueUserId } from '@/api/permission/user'
|
|
|
|
import { getDefaultCurrentValueUserId } from '@/api/permission/user'
|
|
|
|
import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
|
|
|
|
import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
|
|
|
|
import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
|
|
|
|
import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
|
|
|
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
|
|
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
components: { },
|
|
|
|
components: {},
|
|
|
|
props: [],
|
|
|
|
props: [],
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
@ -225,41 +223,41 @@
|
|
|
|
loading: false,
|
|
|
|
loading: false,
|
|
|
|
btnLoading: false,
|
|
|
|
btnLoading: false,
|
|
|
|
formRef: 'formRef',
|
|
|
|
formRef: 'formRef',
|
|
|
|
setting:{},
|
|
|
|
setting: {},
|
|
|
|
eventType: '',
|
|
|
|
eventType: '',
|
|
|
|
userBoxVisible:false,
|
|
|
|
userBoxVisible: false,
|
|
|
|
selectDialogVisible: false,
|
|
|
|
selectDialogVisible: false,
|
|
|
|
currTableConf:{},
|
|
|
|
currTableConf: {},
|
|
|
|
dataValueAll:{},
|
|
|
|
dataValueAll: {},
|
|
|
|
addTableConf:{
|
|
|
|
addTableConf: {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//可选范围默认值
|
|
|
|
//可选范围默认值
|
|
|
|
ableAll:{
|
|
|
|
ableAll: {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
tableRows:{
|
|
|
|
tableRows: {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
Vmodel:"",
|
|
|
|
Vmodel: "",
|
|
|
|
currVmodel:"",
|
|
|
|
currVmodel: "",
|
|
|
|
dataForm: {
|
|
|
|
dataForm: {
|
|
|
|
orderNumber : undefined,
|
|
|
|
orderNumber: undefined,
|
|
|
|
orderDate : undefined,
|
|
|
|
orderDate: undefined,
|
|
|
|
procurementNumber : undefined,
|
|
|
|
procurementNumber: undefined,
|
|
|
|
supplier : undefined,
|
|
|
|
supplier: undefined,
|
|
|
|
materialCode : undefined,
|
|
|
|
materialCode: undefined,
|
|
|
|
materialName : undefined,
|
|
|
|
materialName: undefined,
|
|
|
|
specification : undefined,
|
|
|
|
specification: undefined,
|
|
|
|
orderQuantity : undefined,
|
|
|
|
orderQuantity: undefined,
|
|
|
|
unit : undefined,
|
|
|
|
unit: undefined,
|
|
|
|
totalProductionQuantity : undefined,
|
|
|
|
totalProductionQuantity: undefined,
|
|
|
|
totalSendQuantity : undefined,
|
|
|
|
totalSendQuantity: undefined,
|
|
|
|
requestDeliveryDate : undefined,
|
|
|
|
requestDeliveryDate: undefined,
|
|
|
|
delayReason : undefined,
|
|
|
|
delayReason: undefined,
|
|
|
|
delayedDeliveryDate : undefined,
|
|
|
|
delayedDeliveryDate: undefined,
|
|
|
|
batchDeliveryDate : undefined,
|
|
|
|
batchDeliveryDate: undefined,
|
|
|
|
batchShipmentQuantity : undefined,
|
|
|
|
batchShipmentQuantity: undefined,
|
|
|
|
confirmQuantityReceived : undefined,
|
|
|
|
confirmQuantityReceived: undefined,
|
|
|
|
orderStatus : undefined,
|
|
|
|
orderStatus: undefined,
|
|
|
|
orderFiles : [],
|
|
|
|
orderFiles: [],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
tableRequiredData: {},
|
|
|
|
tableRequiredData: {},
|
|
|
|
dataRule:
|
|
|
|
dataRule:
|
|
|
@ -275,34 +273,34 @@
|
|
|
|
{
|
|
|
|
{
|
|
|
|
required: true,
|
|
|
|
required: true,
|
|
|
|
message: '数字文本',
|
|
|
|
message: '数字文本',
|
|
|
|
trigger: ["blur","change"]
|
|
|
|
trigger: ["blur", "change"]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
orderStatusOptions:[{"fullName":"未接单","id":"1"},{"fullName":"已接单","id":"2"},{"fullName":"缺货结单","id":"3"},{"fullName":"部分发货","id":"4"},{"fullName":"全部发货","id":"5"},{"fullName":"已发货","id":"6"},{"fullName":"已到货","id":"7"}],
|
|
|
|
orderStatusOptions: [{ "fullName": "未接单", "id": "1" }, { "fullName": "已接单", "id": "2" }, { "fullName": "缺货结单", "id": "3" }, { "fullName": "部分发货", "id": "4" }, { "fullName": "全部发货", "id": "5" }, { "fullName": "已发货", "id": "6" }, { "fullName": "已到货", "id": "7" }],
|
|
|
|
orderStatusProps:{"label":"fullName","value":"id" },
|
|
|
|
orderStatusProps: { "label": "fullName", "value": "id" },
|
|
|
|
childIndex:-1,
|
|
|
|
childIndex: -1,
|
|
|
|
isEdit:false,
|
|
|
|
isEdit: false,
|
|
|
|
interfaceRes: {
|
|
|
|
interfaceRes: {
|
|
|
|
orderNumber:[] ,
|
|
|
|
orderNumber: [],
|
|
|
|
orderDate:[] ,
|
|
|
|
orderDate: [],
|
|
|
|
procurementNumber:[] ,
|
|
|
|
procurementNumber: [],
|
|
|
|
supplier:[] ,
|
|
|
|
supplier: [],
|
|
|
|
materialCode:[] ,
|
|
|
|
materialCode: [],
|
|
|
|
materialName:[] ,
|
|
|
|
materialName: [],
|
|
|
|
specification:[] ,
|
|
|
|
specification: [],
|
|
|
|
orderQuantity:[] ,
|
|
|
|
orderQuantity: [],
|
|
|
|
unit:[] ,
|
|
|
|
unit: [],
|
|
|
|
totalProductionQuantity:[] ,
|
|
|
|
totalProductionQuantity: [],
|
|
|
|
totalSendQuantity:[] ,
|
|
|
|
totalSendQuantity: [],
|
|
|
|
requestDeliveryDate:[] ,
|
|
|
|
requestDeliveryDate: [],
|
|
|
|
delayReason:[] ,
|
|
|
|
delayReason: [],
|
|
|
|
delayedDeliveryDate:[] ,
|
|
|
|
delayedDeliveryDate: [],
|
|
|
|
batchDeliveryDate:[] ,
|
|
|
|
batchDeliveryDate: [],
|
|
|
|
batchShipmentQuantity:[] ,
|
|
|
|
batchShipmentQuantity: [],
|
|
|
|
confirmQuantityReceived:[] ,
|
|
|
|
confirmQuantityReceived: [],
|
|
|
|
orderStatus:[] ,
|
|
|
|
orderStatus: [],
|
|
|
|
orderFiles:[] ,
|
|
|
|
orderFiles: [],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -315,7 +313,7 @@
|
|
|
|
this.initDefaultData()
|
|
|
|
this.initDefaultData()
|
|
|
|
this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm))
|
|
|
|
this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm))
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {},
|
|
|
|
mounted() { },
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
prev() {
|
|
|
|
prev() {
|
|
|
|
this.index--
|
|
|
|
this.index--
|
|
|
@ -345,7 +343,7 @@
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getInfo(id) {
|
|
|
|
getInfo(id) {
|
|
|
|
request({
|
|
|
|
request({
|
|
|
|
url: '/api/example/YysMaterialProcurementOrder/'+ id,
|
|
|
|
url: '/api/example/YysMaterialProcurementOrder/' + id,
|
|
|
|
method: 'get'
|
|
|
|
method: 'get'
|
|
|
|
}).then(res => {
|
|
|
|
}).then(res => {
|
|
|
|
this.dataInfo(res.data)
|
|
|
|
this.dataInfo(res.data)
|
|
|
@ -369,7 +367,7 @@
|
|
|
|
for (let i = 0; i < faceReList.length; i++) {
|
|
|
|
for (let i = 0; i < faceReList.length; i++) {
|
|
|
|
if (faceReList[i].relationField == model) {
|
|
|
|
if (faceReList[i].relationField == model) {
|
|
|
|
let options = 'get' + key + 'Options';
|
|
|
|
let options = 'get' + key + 'Options';
|
|
|
|
if(this[options]){
|
|
|
|
if (this[options]) {
|
|
|
|
this[options]()
|
|
|
|
this[options]()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.changeData(key, index)
|
|
|
|
this.changeData(key, index)
|
|
|
@ -378,8 +376,8 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
changeDataFormData(type, data, model,index,defaultValue) {
|
|
|
|
changeDataFormData(type, data, model, index, defaultValue) {
|
|
|
|
if(!this.isEdit) {
|
|
|
|
if (!this.isEdit) {
|
|
|
|
if (type == 2) {
|
|
|
|
if (type == 2) {
|
|
|
|
for (let i = 0; i < this.dataForm[data].length; i++) {
|
|
|
|
for (let i = 0; i < this.dataForm[data].length; i++) {
|
|
|
|
if (index == -1) {
|
|
|
|
if (index == -1) {
|
|
|
@ -393,15 +391,15 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
dataAll(){
|
|
|
|
dataAll() {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
goBack() {
|
|
|
|
goBack() {
|
|
|
|
this.$emit('refresh')
|
|
|
|
this.$emit('refresh')
|
|
|
|
},
|
|
|
|
},
|
|
|
|
clearData(){
|
|
|
|
clearData() {
|
|
|
|
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll))
|
|
|
|
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll))
|
|
|
|
},
|
|
|
|
},
|
|
|
|
init(id,isDetail,allList) {
|
|
|
|
init(id, isDetail, allList) {
|
|
|
|
this.prevDis = false
|
|
|
|
this.prevDis = false
|
|
|
|
this.nextDis = false
|
|
|
|
this.nextDis = false
|
|
|
|
this.allList = allList || []
|
|
|
|
this.allList = allList || []
|
|
|
@ -420,16 +418,16 @@
|
|
|
|
this.dataForm.id = id || 0;
|
|
|
|
this.dataForm.id = id || 0;
|
|
|
|
this.visible = true;
|
|
|
|
this.visible = true;
|
|
|
|
this.$nextTick(() => {
|
|
|
|
this.$nextTick(() => {
|
|
|
|
if(this.dataForm.id){
|
|
|
|
if (this.dataForm.id) {
|
|
|
|
this.loading = true
|
|
|
|
this.loading = true
|
|
|
|
request({
|
|
|
|
request({
|
|
|
|
url: '/api/example/YysMaterialProcurementOrder/'+this.dataForm.id,
|
|
|
|
url: '/api/example/YysMaterialProcurementOrder/' + this.dataForm.id,
|
|
|
|
method: 'get'
|
|
|
|
method: 'get'
|
|
|
|
}).then(res => {
|
|
|
|
}).then(res => {
|
|
|
|
this.dataInfo(res.data)
|
|
|
|
this.dataInfo(res.data)
|
|
|
|
this.loading = false
|
|
|
|
this.loading = false
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}else{
|
|
|
|
} else {
|
|
|
|
this.clearData()
|
|
|
|
this.clearData()
|
|
|
|
this.initDefaultData()
|
|
|
|
this.initDefaultData()
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -450,7 +448,7 @@
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
request() {
|
|
|
|
request() {
|
|
|
|
let _data =this.dataList()
|
|
|
|
let _data = this.dataList()
|
|
|
|
if (this.dataFormSubmitType == 2) {
|
|
|
|
if (this.dataFormSubmitType == 2) {
|
|
|
|
this.continueBtnLoading = true
|
|
|
|
this.continueBtnLoading = true
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
@ -480,13 +478,13 @@
|
|
|
|
this.$emit('refresh', true)
|
|
|
|
this.$emit('refresh', true)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}).catch(()=>{
|
|
|
|
}).catch(() => {
|
|
|
|
this.btnLoading = false
|
|
|
|
this.btnLoading = false
|
|
|
|
this.continueBtnLoading = false
|
|
|
|
this.continueBtnLoading = false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}else{
|
|
|
|
} else {
|
|
|
|
request({
|
|
|
|
request({
|
|
|
|
url: '/api/example/YysMaterialProcurementOrder/'+this.dataForm.id,
|
|
|
|
url: '/api/example/YysMaterialProcurementOrder/' + this.dataForm.id,
|
|
|
|
method: 'PUT',
|
|
|
|
method: 'PUT',
|
|
|
|
data: _data
|
|
|
|
data: _data
|
|
|
|
}).then((res) => {
|
|
|
|
}).then((res) => {
|
|
|
@ -501,15 +499,15 @@
|
|
|
|
this.$emit('refresh', true)
|
|
|
|
this.$emit('refresh', true)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}).catch(()=>{
|
|
|
|
}).catch(() => {
|
|
|
|
this.btnLoading = false
|
|
|
|
this.btnLoading = false
|
|
|
|
this.continueBtnLoading = false
|
|
|
|
this.continueBtnLoading = false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
openSelectDialog(key) {
|
|
|
|
openSelectDialog(key) {
|
|
|
|
this.currTableConf=this.addTableConf[key]
|
|
|
|
this.currTableConf = this.addTableConf[key]
|
|
|
|
this.currVmodel=key
|
|
|
|
this.currVmodel = key
|
|
|
|
this.selectDialogVisible = true
|
|
|
|
this.selectDialogVisible = true
|
|
|
|
this.$nextTick(() => {
|
|
|
|
this.$nextTick(() => {
|
|
|
|
this.$refs.selectDialog.init()
|
|
|
|
this.$refs.selectDialog.init()
|
|
|
@ -518,8 +516,8 @@
|
|
|
|
addForSelect(data) {
|
|
|
|
addForSelect(data) {
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
let t = data[i]
|
|
|
|
let t = data[i]
|
|
|
|
if(this['get'+this.currVmodel]){
|
|
|
|
if (this['get' + this.currVmodel]) {
|
|
|
|
this['get'+this.currVmodel](t)
|
|
|
|
this['get' + this.currVmodel](t)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -586,18 +584,18 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return timeDataValue;
|
|
|
|
return timeDataValue;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
dataList(){
|
|
|
|
dataList() {
|
|
|
|
var _data = this.dataForm;
|
|
|
|
var _data = this.dataForm;
|
|
|
|
return _data;
|
|
|
|
return _data;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
dataInfo(dataAll){
|
|
|
|
dataInfo(dataAll) {
|
|
|
|
let _dataAll =dataAll
|
|
|
|
let _dataAll = dataAll
|
|
|
|
this.dataForm = _dataAll
|
|
|
|
this.dataForm = _dataAll
|
|
|
|
this.isEdit = true
|
|
|
|
this.isEdit = true
|
|
|
|
this.dataAll()
|
|
|
|
this.dataAll()
|
|
|
|
this.childIndex=-1
|
|
|
|
this.childIndex = -1
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|