From e57a16a43d34042513144f6441a6e51fdbcc5671 Mon Sep 17 00:00:00 2001
From: mhsnet <mhsnet@163.com>
Date: Thu, 8 Aug 2024 18:18:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E9=87=87=E8=B4=AD=E5=8D=95?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../yys/yysmaterialprocurementplan/form.vue   | 1586 ++++++++++-------
 1 file changed, 966 insertions(+), 620 deletions(-)

diff --git a/jnpf-java-boot/jnpf-web/src/views/yys/yysmaterialprocurementplan/form.vue b/jnpf-java-boot/jnpf-web/src/views/yys/yysmaterialprocurementplan/form.vue
index 485afe5..67dea74 100644
--- a/jnpf-java-boot/jnpf-web/src/views/yys/yysmaterialprocurementplan/form.vue
+++ b/jnpf-java-boot/jnpf-web/src/views/yys/yysmaterialprocurementplan/form.vue
@@ -1,10 +1,13 @@
 <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 ? '新建' : '编辑'" />
-                <div class="options">
-                    <!-- <el-dropdown class="dropdown" placement="bottom">
+  <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 ? '新建' : '编辑'"
+        />
+        <div class="options">
+          <!-- <el-dropdown class="dropdown" placement="bottom">
                         <el-button style="width:70px">
                             更 多<i class="el-icon-arrow-down el-icon--right"></i>
                         </el-button>
@@ -22,637 +25,980 @@
                                 {{ !dataForm.id ? '确定并新增' : '确定并继续' }}</el-dropdown-item>
                         </el-dropdown-menu>
                     </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">
-                    <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>
-                            </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>
-                            </jnpf-form-tip-item>
-                        </el-col>
+          <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"
+        >
+          <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
+                >
+              </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>
+              </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">
-                                </JnpfDatePicker>
-                            </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"
+                >
+                </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">
-                                </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 :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>
-                            </jnpf-form-tip-item>
-                        </el-col>
-                        <el-col :span="24">
-                            <jnpf-form-tip-item label-width="0">
-                                <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>
-                                    </div>
-                                </el-col>
-                                <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>
-                                        </template>
-                                    </el-table-column>
-                                    <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)"
-                                                placeholder="请输入" clearable :style='{ "width": "100%" }'>
-                                            </JnpfInput>
-                                        </template>
-                                    </el-table-column>
-                                    <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)"
-                                                placeholder="请输入" clearable :style='{ "width": "100%" }'>
-                                            </JnpfInput>
-                                        </template>
-                                    </el-table-column>
-                                    <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)"
-                                                placeholder="请输入" clearable :style='{ "width": "100%" }'>
-                                            </JnpfInput>
-                                        </template>
-                                    </el-table-column>
-                                    <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)"
-                                                placeholder="数字文本" :precision="2" :step="1">
-                                            </JnpfInputNumber>
-                                        </template>
-                                    </el-table-column>
-                                    <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">
-                                            </JnpfInputNumber>
-                                        </template>
-                                    </el-table-column>
-                                    <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)"
-                                                placeholder="请输入" clearable :style='{ "width": "100%" }'>
-                                            </JnpfInput>
-                                        </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="delyysMaterialProcurementItemList(scope.$index)">删除</el-button>
-                                                <el-button size="mini" type="text"
-                                                @click="delyysMaterialProcurementItemList(scope.$index)">生成采购单</el-button>
-                                        </template>
-                                    </el-table-column> 
-                                </el-table>
-                                <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>
-                            </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"
+                >
+                </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
+                  :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>
+              </jnpf-form-tip-item>
+            </el-col>
+            <el-col :span="24">
+              <jnpf-form-tip-item label-width="0">
+                <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
+                    >
+                  </div>
+                </el-col>
+                <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>
+                    </template>
+                  </el-table-column>
+                  <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
+                          )
+                        "
+                        placeholder="请输入"
+                        clearable
+                        :style="{ width: '100%' }"
+                      >
+                      </JnpfInput>
+                    </template>
+                  </el-table-column>
+                  <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
+                          )
+                        "
+                        placeholder="请输入"
+                        clearable
+                        :style="{ width: '100%' }"
+                      >
+                      </JnpfInput>
+                    </template>
+                  </el-table-column>
+                  <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
+                          )
+                        "
+                        placeholder="请输入"
+                        clearable
+                        :style="{ width: '100%' }"
+                      >
+                      </JnpfInput>
+                    </template>
+                  </el-table-column>
+                  <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
+                          )
+                        "
+                        placeholder="数字文本"
+                        :precision="2"
+                        :step="1"
+                      >
+                      </JnpfInputNumber>
+                    </template>
+                  </el-table-column>
+                  <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"
+                      >
+                      </JnpfInputNumber>
+                    </template>
+                  </el-table-column>
+                  <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
+                          )
+                        "
+                        placeholder="请输入"
+                        clearable
+                        :style="{ width: '100%' }"
+                      >
+                      </JnpfInput>
+                    </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="delyysMaterialProcurementItemList(scope.$index)"
+                        >删除</el-button
+                      >
+                      <el-button
+                        size="mini"
+                        type="text"
+                        @click="fnCreateProcurementOrder(scope.row)"
+                        >生成采购单</el-button
+                      >
+                    </template>
+                  </el-table-column>
+                </el-table>
+                <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>
+              </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="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" />
-            </el-row>
-        </div>
-    </transition>
+            <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>
+        <el-col :span="24">
+          <el-row :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>
+                <el-col :span="24">
+                  <el-row style="padding: 20px 0px;">
+                    <el-col :span="5"
+                      >物料编码：{{ purchaseOrderItem.materialCode }}</el-col
+                    >
+                    <el-col :span="5"
+                      >物料名称：{{ purchaseOrderItem.materialName }}</el-col
+                    >
+                    <el-col :span="5"
+                      >物料类型：{{ purchaseOrderItem.materialType }}</el-col
+                    >
+                    <el-col :span="5"
+                      >欠缺量：{{ purchaseOrderItem.lackNumber }}</el-col
+                    >
+                    <el-col :span="4"
+                      >计量单位：{{ purchaseOrderItem.unit }}</el-col
+                    >
+                  </el-row>
+                </el-col>
+                <el-col :span="24">
+                  <el-table :data="purchaseOrderList" size="mini" border>
+                    <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"> </template>
+                    </el-table-column>
+                    <el-table-column label="下单数量" prop="orderQuantity">
+                      <template slot="header">
+                        <span class="required-sign">*</span> 下单数量
+                      </template>
+                      <template slot-scope="scope">
+                        <JnpfInputNumber
+                          v-model="scope.row.orderQuantity"
+                          placeholder="数字文本"
+                          :precision="2"
+                          :step="1"
+                        >
+                        </JnpfInputNumber>
+                      </template>
+                    </el-table-column>
+                    <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>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                  <div
+                    class="table-actions"
+                    @click="fnProcurementOrderItemAdd()"
+                  >
+                    <el-button type="text" icon="el-icon-plus">添加</el-button>
+                  </div>
+                </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"
+        />
+      </el-row>
+    </div>
+  </transition>
 </template>
 
-
 <script>
-import request from '@/utils/request'
+import request from "@/utils/request";
 import { mapGetters } from "vuex";
-import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
-import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
-import { getDefaultCurrentValueUserId } from '@/api/permission/user'
-import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
-import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
-import { thousandsFormat } from "@/components/Generator/utils/index"
+import { getDataInterfaceRes } from "@/api/systemData/dataInterface";
+import { getDictionaryDataSelector } from "@/api/systemData/dictionary";
+import { getDefaultCurrentValueUserId } from "@/api/permission/user";
+import { getDefaultCurrentValueDepartmentId } from "@/api/permission/organize";
+import {
+  getDateDay,
+  getLaterData,
+  getBeforeData,
+  getBeforeTime,
+  getLaterTime
+} from "@/components/Generator/utils/index.js";
+import { thousandsFormat } from "@/components/Generator/utils/index";
 export default {
-    components: {},
-    props: [],
-    data() {
-        return {
-            dataFormSubmitType: 0,
-            continueBtnLoading: false,
-            index: 0,
-            prevDis: false,
-            nextDis: false,
-            allList: [],
-            visible: false,
-            loading: false,
-            btnLoading: false,
-            formRef: 'formRef',
-            setting: {},
-            eventType: '',
-            userBoxVisible: false,
-            selectDialogVisible: false,
-            currTableConf: {},
-            dataValueAll: {},
-            addTableConf: {
-                yysMaterialProcurementItemList: { "popupType": "dialog", "hasPage": true, "popupTitle": "选择数据", "pageSize": 20, "columnOptions": [], "interfaceId": "", "interfaceName": "", "relationOptions": [], "templateJson": [], "popupWidth": "800px" },
-            },
-            //可选范围默认值
-            ableAll: {
-            },
-            tableRows: {
-                yysMaterialProcurementItemList: {
-                    materialCode: '',
-                    materialCodeOptions: [],
-                    materialName: '',
-                    materialNameOptions: [],
-                    materialType: '',
-                    materialTypeOptions: [],
-                    specification: '',
-                    specificationOptions: [],
-                    lackNumber: undefined,
-                    lackNumberOptions: [],
-                    procurementPlanNumber: undefined,
-                    procurementPlanNumberOptions: [],
-                    unit: '',
-                    unitOptions: [],
-                    enabledmark: undefined
-                },
-            },
-            Vmodel: "",
-            currVmodel: "",
-            dataForm: {
-                procurementNumber: undefined,
-                procurementDate: undefined,
-                procurementYearMonth: undefined,
-                planNumber: undefined,
-                reamrk: undefined,
-                yysMaterialProcurementItemList: [],
-            },
-            tableRequiredData: {},
-            dataRule:
-            {
-            },
-            planNumbercolumnOptions: [{ "label": "物料需求计划单", "value": "plan_number" }, { "label": "物料信息", "value": "material_names" }, { "label": "年月", "value": "plan_year_month" }, { "label": "单据日期", "value": "order_date" }, { "label": "备注", "value": "reamrk" },],
-            childIndex: -1,
-            isEdit: false,
-            interfaceRes: {
-                procurementNumber: [],
-                procurementDate: [],
-                procurementYearMonth: [],
-                planNumber: [],
-                reamrk: [],
-                yysmaterialprocurementitemmaterialCode: [],
-                yysmaterialprocurementitemmaterialName: [],
-                yysmaterialprocurementitemmaterialType: [],
-                yysmaterialprocurementitemspecification: [],
-                yysmaterialprocurementitemlackNumber: [],
-                yysmaterialprocurementitemprocurementPlanNumber: [],
-                yysmaterialprocurementitemunit: [],
-            },
+  components: {},
+  props: [],
+  data() {
+    return {
+      dataFormSubmitType: 0,
+      continueBtnLoading: false,
+      index: 0,
+      prevDis: false,
+      nextDis: false,
+      allList: [],
+      visible: false,
+      loading: false,
+      btnLoading: false,
+      formRef: "formRef",
+      setting: {},
+      eventType: "",
+      userBoxVisible: false,
+      selectDialogVisible: false,
+      currTableConf: {},
+      dataValueAll: {},
+      addTableConf: {
+        yysMaterialProcurementItemList: {
+          popupType: "dialog",
+          hasPage: true,
+          popupTitle: "选择数据",
+          pageSize: 20,
+          columnOptions: [],
+          interfaceId: "",
+          interfaceName: "",
+          relationOptions: [],
+          templateJson: [],
+          popupWidth: "800px"
+        }
+      },
+      //可选范围默认值
+      ableAll: {},
+      tableRows: {
+        yysMaterialProcurementItemList: {
+          materialCode: "",
+          materialCodeOptions: [],
+          materialName: "",
+          materialNameOptions: [],
+          materialType: "",
+          materialTypeOptions: [],
+          specification: "",
+          specificationOptions: [],
+          lackNumber: undefined,
+          lackNumberOptions: [],
+          procurementPlanNumber: undefined,
+          procurementPlanNumberOptions: [],
+          unit: "",
+          unitOptions: [],
+          enabledmark: undefined
         }
+      },
+      Vmodel: "",
+      currVmodel: "",
+      dataForm: {
+        procurementNumber: undefined,
+        procurementDate: undefined,
+        procurementYearMonth: undefined,
+        planNumber: undefined,
+        reamrk: undefined,
+        yysMaterialProcurementItemList: []
+      },
+      tableRequiredData: {},
+      dataRule: {},
+      planNumbercolumnOptions: [
+        { label: "物料需求计划单", value: "plan_number" },
+        { label: "物料信息", value: "material_names" },
+        { label: "年月", value: "plan_year_month" },
+        { label: "单据日期", value: "order_date" },
+        { label: "备注", value: "reamrk" }
+      ],
+      childIndex: -1,
+      isEdit: false,
+      interfaceRes: {
+        procurementNumber: [],
+        procurementDate: [],
+        procurementYearMonth: [],
+        planNumber: [],
+        reamrk: [],
+        yysmaterialprocurementitemmaterialCode: [],
+        yysmaterialprocurementitemmaterialName: [],
+        yysmaterialprocurementitemmaterialType: [],
+        yysmaterialprocurementitemspecification: [],
+        yysmaterialprocurementitemlackNumber: [],
+        yysmaterialprocurementitemprocurementPlanNumber: [],
+        yysmaterialprocurementitemunit: []
+      },
+      purchaseOrderItemO: {
+        orderNumber: undefined,
+        orderDate: undefined,
+        procurementNumber: undefined,
+        supplier: undefined,
+        materialCode: undefined,
+        materialName: undefined,
+        specification: undefined,
+        orderQuantity: undefined,
+        unit: undefined,
+        totalProductionQuantity: undefined,
+        totalSendQuantity: undefined,
+        requestDeliveryDate: undefined,
+        delayReason: undefined,
+        delayedDeliveryDate: undefined,
+        batchDeliveryDate: undefined,
+        batchShipmentQuantity: undefined,
+        confirmQuantityReceived: undefined,
+        orderStatus: undefined,
+        orderFiles: []
+      },
+      purchaseOrderItem: {
+        orderNumber: undefined,
+        orderDate: undefined,
+        procurementNumber: undefined,
+        supplier: undefined,
+        materialCode: undefined,
+        materialName: undefined,
+        specification: undefined,
+        orderQuantity: undefined,
+        unit: undefined,
+        totalProductionQuantity: undefined,
+        totalSendQuantity: undefined,
+        requestDeliveryDate: undefined,
+        delayReason: undefined,
+        delayedDeliveryDate: undefined,
+        batchDeliveryDate: undefined,
+        batchShipmentQuantity: undefined,
+        confirmQuantityReceived: undefined,
+        orderStatus: undefined,
+        orderFiles: []
+      },
+      purchaseOrderList: []
+    };
+  },
+  computed: {
+    ...mapGetters(["userInfo"])
+  },
+  watch: {},
+  created() {
+    this.dataAll();
+    this.initDefaultData();
+    this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm));
+  },
+  mounted() {},
+  methods: {
+    fnCreateProcurementOrder(row) {
+      this.purchaseOrderItem = { ...this.purchaseOrderItemO };
+      this.purchaseOrderItem.materialCode = row.materialCode;
+      this.purchaseOrderItem.materialName = row.materialName;
+      this.purchaseOrderItem.materialType = row.materialType;
+      this.purchaseOrderItem.lackNumber = row.lackNumber;
+      this.purchaseOrderItem.unit = row.unit;
+      this.purchaseOrderList = [];
+      this.purchaseOrderList.push(this.purchaseOrderItem);
     },
-    computed: {
-        ...mapGetters(['userInfo'])
+    fnProcurementOrderItemAdd() {
+      this.purchaseOrderList.push(this.purchaseOrderItem);
     },
-    watch: {},
-    created() {
-        this.dataAll()
-        this.initDefaultData()
-        this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm))
+    prev() {
+      this.index--;
+      if (this.index === 0) {
+        this.prevDis = true;
+      }
+      this.nextDis = false;
+      for (let index = 0; index < this.allList.length; index++) {
+        const element = this.allList[index];
+        if (this.index == index) {
+          this.getInfo(element.id);
+        }
+      }
     },
-    mounted() { },
-    methods: {
-        prev() {
-            this.index--
-            if (this.index === 0) {
-                this.prevDis = true
-            }
-            this.nextDis = false
-            for (let index = 0; index < this.allList.length; index++) {
-                const element = this.allList[index];
-                if (this.index == index) {
-                    this.getInfo(element.id)
-                }
-            }
-        },
-        next() {
-            this.index++
-            if (this.index === this.allList.length - 1) {
-                this.nextDis = true
-            }
-            this.prevDis = false
-            for (let index = 0; index < this.allList.length; index++) {
-                const element = this.allList[index];
-                if (this.index == index) {
-                    this.getInfo(element.id)
-                }
-            }
-        },
-        getInfo(id) {
-            request({
-                url: '/api/example/YysMaterialProcurementPlan/' + id,
-                method: 'get'
-            }).then(res => {
-                this.dataInfo(res.data)
-            });
-        },
-        goBack() {
-            this.visible = false
-            this.$emit('refreshDataList', true)
-        },
-        changeData(model, index) {
-            this.isEdit = false
-            this.childIndex = index
-            let modelAll = model.split("-");
-            let faceMode = "";
-            for (let i = 0; i < modelAll.length; i++) {
-                faceMode += modelAll[i];
-            }
-            for (let key in this.interfaceRes) {
-                if (key != faceMode) {
-                    let faceReList = this.interfaceRes[key]
-                    for (let i = 0; i < faceReList.length; i++) {
-                        if (faceReList[i].relationField == model) {
-                            let options = 'get' + key + 'Options';
-                            if (this[options]) {
-                                this[options]()
-                            }
-                            this.changeData(key, index)
-                        }
-                    }
-                }
-            }
-        },
-        changeDataFormData(type, data, model, index, defaultValue) {
-            if (!this.isEdit) {
-                if (type == 2) {
-                    for (let i = 0; i < this.dataForm[data].length; i++) {
-                        if (index == -1) {
-                            this.dataForm[data][i][model] = defaultValue
-                        } else if (index == i) {
-                            this.dataForm[data][i][model] = defaultValue
-                        }
-                    }
-                } else {
-                    this.dataForm[data] = defaultValue
-                }
-            }
-        },
-        dataAll() {
-        },
-        yysmaterialprocurementitemExist() {
-            let isOk = true;
-            for (let i = 0; i < this.dataForm.yysMaterialProcurementItemList.length; i++) {
-                const e = this.dataForm.yysMaterialProcurementItemList[i];
+    next() {
+      this.index++;
+      if (this.index === this.allList.length - 1) {
+        this.nextDis = true;
+      }
+      this.prevDis = false;
+      for (let index = 0; index < this.allList.length; index++) {
+        const element = this.allList[index];
+        if (this.index == index) {
+          this.getInfo(element.id);
+        }
+      }
+    },
+    getInfo(id) {
+      request({
+        url: "/api/example/YysMaterialProcurementPlan/" + id,
+        method: "get"
+      }).then(res => {
+        this.dataInfo(res.data);
+      });
+    },
+    goBack() {
+      this.visible = false;
+      this.$emit("refreshDataList", true);
+    },
+    changeData(model, index) {
+      this.isEdit = false;
+      this.childIndex = index;
+      let modelAll = model.split("-");
+      let faceMode = "";
+      for (let i = 0; i < modelAll.length; i++) {
+        faceMode += modelAll[i];
+      }
+      for (let key in this.interfaceRes) {
+        if (key != faceMode) {
+          let faceReList = this.interfaceRes[key];
+          for (let i = 0; i < faceReList.length; i++) {
+            if (faceReList[i].relationField == model) {
+              let options = "get" + key + "Options";
+              if (this[options]) {
+                this[options]();
+              }
+              this.changeData(key, index);
             }
-            return isOk;
-        },
-        goBack() {
-            this.$emit('refresh')
-        },
-        clearData() {
-            this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll))
-        },
-        init(id, isDetail, allList) {
-            this.prevDis = false
-            this.nextDis = false
-            this.allList = allList || []
-            if (allList.length) {
-                this.index = this.allList.findIndex(item => item.id === id)
-                if (this.index == 0) {
-                    this.prevDis = true
-                }
-                if (this.index == this.allList.length - 1) {
-                    this.nextDis = true
-                }
-            } else {
-                this.prevDis = true
-                this.nextDis = true
+          }
+        }
+      }
+    },
+    changeDataFormData(type, data, model, index, defaultValue) {
+      if (!this.isEdit) {
+        if (type == 2) {
+          for (let i = 0; i < this.dataForm[data].length; i++) {
+            if (index == -1) {
+              this.dataForm[data][i][model] = defaultValue;
+            } else if (index == i) {
+              this.dataForm[data][i][model] = defaultValue;
             }
-            this.dataForm.id = id || 0;
-            this.visible = true;
-            this.$nextTick(() => {
-                if (this.dataForm.id) {
-                    this.loading = true
-                    request({
-                        url: '/api/example/YysMaterialProcurementPlan/' + this.dataForm.id,
-                        method: 'get'
-                    }).then(res => {
-                        this.dataInfo(res.data)
-                        this.loading = false
-                    });
-                } else {
-                    this.clearData()
-                    this.initDefaultData()
+          }
+        } else {
+          this.dataForm[data] = defaultValue;
+        }
+      }
+    },
+    dataAll() {},
+    yysmaterialprocurementitemExist() {
+      let isOk = true;
+      for (
+        let i = 0;
+        i < this.dataForm.yysMaterialProcurementItemList.length;
+        i++
+      ) {
+        const e = this.dataForm.yysMaterialProcurementItemList[i];
+      }
+      return isOk;
+    },
+    goBack() {
+      this.$emit("refresh");
+    },
+    clearData() {
+      this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll));
+    },
+    init(id, isDetail, allList) {
+      this.prevDis = false;
+      this.nextDis = false;
+      this.allList = allList || [];
+      if (allList.length) {
+        this.index = this.allList.findIndex(item => item.id === id);
+        if (this.index == 0) {
+          this.prevDis = true;
+        }
+        if (this.index == this.allList.length - 1) {
+          this.nextDis = true;
+        }
+      } else {
+        this.prevDis = true;
+        this.nextDis = true;
+      }
+      this.dataForm.id = id || 0;
+      this.visible = true;
+      this.$nextTick(() => {
+        if (this.dataForm.id) {
+          this.loading = true;
+          request({
+            url: "/api/example/YysMaterialProcurementPlan/" + this.dataForm.id,
+            method: "get"
+          }).then(res => {
+            this.dataInfo(res.data);
+            this.loading = false;
+          });
+        } else {
+          this.clearData();
+          this.initDefaultData();
+        }
+      });
+      this.$store.commit("generator/UPDATE_RELATION_DATA", {});
+    },
+    //初始化默认数据
+    initDefaultData() {},
+    // 表单提交
+    dataFormSubmit(type) {
+      this.dataFormSubmitType = type ? type : 0;
+      this.$refs["formRef"].validate(valid => {
+        if (valid) {
+          if (!this.yysmaterialprocurementitemExist()) return;
+          this.request();
+        }
+      });
+    },
+    request() {
+      let _data = this.dataList();
+      if (this.dataFormSubmitType == 2) {
+        this.continueBtnLoading = true;
+      } else {
+        this.btnLoading = true;
+      }
+      if (!this.dataForm.id) {
+        request({
+          url: "/api/example/YysMaterialProcurementPlan",
+          method: "post",
+          data: _data
+        })
+          .then(res => {
+            this.$message({
+              message: res.msg,
+              type: "success",
+              duration: 1000,
+              onClose: () => {
+                if (this.dataFormSubmitType == 2) {
+                  this.$nextTick(() => {
+                    this.clearData();
+                    this.initDefaultData();
+                  });
+                  this.continueBtnLoading = false;
+                  return;
                 }
+                this.visible = false;
+                this.btnLoading = false;
+                this.$emit("refresh", true);
+              }
             });
-            this.$store.commit('generator/UPDATE_RELATION_DATA', {})
-        },
-        //初始化默认数据
-        initDefaultData() {
-
-        },
-        // 表单提交
-        dataFormSubmit(type) {
-            this.dataFormSubmitType = type ? type : 0
-            this.$refs['formRef'].validate((valid) => {
-                if (valid) {
-                    if (!this.yysmaterialprocurementitemExist()) return
-                    this.request()
-                }
-            })
-        },
-        request() {
-            let _data = this.dataList()
-            if (this.dataFormSubmitType == 2) {
-                this.continueBtnLoading = true
-            } else {
-                this.btnLoading = true
-            }
-            if (!this.dataForm.id) {
-                request({
-                    url: '/api/example/YysMaterialProcurementPlan',
-                    method: 'post',
-                    data: _data
-                }).then((res) => {
-                    this.$message({
-                        message: res.msg,
-                        type: 'success',
-                        duration: 1000,
-                        onClose: () => {
-                            if (this.dataFormSubmitType == 2) {
-                                this.$nextTick(() => {
-                                    this.clearData()
-                                    this.initDefaultData()
-                                })
-                                this.continueBtnLoading = false
-                                return
-                            }
-                            this.visible = false
-                            this.btnLoading = false
-                            this.$emit('refresh', true)
-                        }
-                    })
-                }).catch(() => {
-                    this.btnLoading = false
-                    this.continueBtnLoading = false
-                })
-            } else {
-                request({
-                    url: '/api/example/YysMaterialProcurementPlan/' + this.dataForm.id,
-                    method: 'PUT',
-                    data: _data
-                }).then((res) => {
-                    this.$message({
-                        message: res.msg,
-                        type: 'success',
-                        duration: 1000,
-                        onClose: () => {
-                            if (this.dataFormSubmitType == 2) return this.continueBtnLoading = false
-                            this.visible = false
-                            this.btnLoading = false
-                            this.$emit('refresh', true)
-                        }
-                    })
-                }).catch(() => {
-                    this.btnLoading = false
-                    this.continueBtnLoading = false
-                })
-            }
-        },
-        addyysMaterialProcurementItemList() {
-            let item = {
-                materialCode: undefined,
-                materialName: undefined,
-                materialType: undefined,
-                specification: undefined,
-                lackNumber: undefined,
-                procurementPlanNumber: undefined,
-                unit: undefined,
-            }
-            this.getyysMaterialProcurementItemList(item)
-        },
-        delyysMaterialProcurementItemList(index) {
-            this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
-                type: 'warning'
-            }).then(() => {
-                this.dataForm.yysMaterialProcurementItemList.splice(index, 1);
-            }).catch(() => {
+          })
+          .catch(() => {
+            this.btnLoading = false;
+            this.continueBtnLoading = false;
+          });
+      } else {
+        request({
+          url: "/api/example/YysMaterialProcurementPlan/" + this.dataForm.id,
+          method: "PUT",
+          data: _data
+        })
+          .then(res => {
+            this.$message({
+              message: res.msg,
+              type: "success",
+              duration: 1000,
+              onClose: () => {
+                if (this.dataFormSubmitType == 2)
+                  return (this.continueBtnLoading = false);
+                this.visible = false;
+                this.btnLoading = false;
+                this.$emit("refresh", true);
+              }
             });
-        },
-        getyysMaterialProcurementItemList(value) {
-            let item = { ...this.tableRows.yysMaterialProcurementItemList, ...value }
-            this.dataForm.yysMaterialProcurementItemList.push(item)
-            this.childIndex = this.dataForm.yysMaterialProcurementItemList.length - 1
-            this.isEdit = true
-            this.isEdit = false
-            this.childIndex = -1
-        },
-        openSelectDialog(key) {
-            this.currTableConf = this.addTableConf[key]
-            this.currVmodel = key
-            this.selectDialogVisible = true
-            this.$nextTick(() => {
-                this.$refs.selectDialog.init()
-            })
-        },
-        addForSelect(data) {
-            for (let i = 0; i < data.length; i++) {
-                let t = data[i]
-                if (this['get' + this.currVmodel]) {
-                    this['get' + this.currVmodel](t)
-                }
-            }
-        },
-        dateTime(timeRule, timeType, timeTarget, timeValueData, dataValue) {
-            let timeDataValue = null;
-            let timeValue = Number(timeValueData)
-            if (timeRule) {
-                if (timeType == 1) {
-                    timeDataValue = timeValue
-                } else if (timeType == 2) {
-                    timeDataValue = dataValue
-                } else if (timeType == 3) {
-                    timeDataValue = new Date().getTime()
-                } else if (timeType == 4) {
-                    let previousDate = '';
-                    if (timeTarget == 1 || timeTarget == 2) {
-                        previousDate = getDateDay(timeTarget, timeType, timeValue)
-                        timeDataValue = new Date(previousDate).getTime()
-                    } else if (timeTarget == 3) {
-                        previousDate = getBeforeData(timeValue)
-                        timeDataValue = new Date(previousDate).getTime()
-                    } else {
-                        timeDataValue = getBeforeTime(timeTarget, timeValue).getTime()
-                    }
-                } else if (timeType == 5) {
-                    let previousDate = '';
-                    if (timeTarget == 1 || timeTarget == 2) {
-                        previousDate = getDateDay(timeTarget, timeType, timeValue)
-                        timeDataValue = new Date(previousDate).getTime()
-                    } else if (timeTarget == 3) {
-                        previousDate = getLaterData(timeValue)
-                        timeDataValue = new Date(previousDate).getTime()
-                    } else {
-                        timeDataValue = getLaterTime(timeTarget, timeValue).getTime()
-                    }
-                }
-            }
-            return timeDataValue;
-        },
-        time(timeRule, timeType, timeTarget, timeValue, formatType, dataValue) {
-            let format = formatType == 'HH:mm' ? 'HH:mm:00' : formatType
-            let timeDataValue = null
-            if (timeRule) {
-                if (timeType == 1) {
-                    timeDataValue = timeValue || '00:00:00'
-                    if (timeDataValue.split(':').length == 3) {
-                        timeDataValue = timeDataValue
-                    } else {
-                        timeDataValue = timeDataValue + ':00'
-                    }
-                } else if (timeType == 2) {
-                    timeDataValue = dataValue
-                } else if (timeType == 3) {
-                    timeDataValue = this.jnpf.toDate(new Date(), format)
-                } else if (timeType == 4) {
-                    let previousDate = '';
-                    previousDate = getBeforeTime(timeTarget, timeValue)
-                    timeDataValue = this.jnpf.toDate(previousDate, format)
-                } else if (timeType == 5) {
-                    let previousDate = '';
-                    previousDate = getLaterTime(timeTarget, timeValue)
-                    timeDataValue = this.jnpf.toDate(previousDate, format)
-                }
-            }
-            return timeDataValue;
-        },
-        dataList() {
-            var _data = this.dataForm;
-            return _data;
-        },
-        dataInfo(dataAll) {
-            let _dataAll = dataAll
-            this.dataForm = _dataAll
-            this.isEdit = true
-            this.dataAll()
-            for (let i = 0; i < _dataAll.yysMaterialProcurementItemList.length; i++) {
-                this.childIndex = i
-            }
-            this.childIndex = -1
-        },
+          })
+          .catch(() => {
+            this.btnLoading = false;
+            this.continueBtnLoading = false;
+          });
+      }
     },
-}
-
+    addyysMaterialProcurementItemList() {
+      let item = {
+        materialCode: undefined,
+        materialName: undefined,
+        materialType: undefined,
+        specification: undefined,
+        lackNumber: undefined,
+        procurementPlanNumber: undefined,
+        unit: undefined
+      };
+      this.getyysMaterialProcurementItemList(item);
+    },
+    delyysMaterialProcurementItemList(index) {
+      this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
+        type: "warning"
+      })
+        .then(() => {
+          this.dataForm.yysMaterialProcurementItemList.splice(index, 1);
+        })
+        .catch(() => {});
+    },
+    getyysMaterialProcurementItemList(value) {
+      let item = { ...this.tableRows.yysMaterialProcurementItemList, ...value };
+      this.dataForm.yysMaterialProcurementItemList.push(item);
+      this.childIndex = this.dataForm.yysMaterialProcurementItemList.length - 1;
+      this.isEdit = true;
+      this.isEdit = false;
+      this.childIndex = -1;
+    },
+    openSelectDialog(key) {
+      this.currTableConf = this.addTableConf[key];
+      this.currVmodel = key;
+      this.selectDialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs.selectDialog.init();
+      });
+    },
+    addForSelect(data) {
+      for (let i = 0; i < data.length; i++) {
+        let t = data[i];
+        if (this["get" + this.currVmodel]) {
+          this["get" + this.currVmodel](t);
+        }
+      }
+    },
+    dateTime(timeRule, timeType, timeTarget, timeValueData, dataValue) {
+      let timeDataValue = null;
+      let timeValue = Number(timeValueData);
+      if (timeRule) {
+        if (timeType == 1) {
+          timeDataValue = timeValue;
+        } else if (timeType == 2) {
+          timeDataValue = dataValue;
+        } else if (timeType == 3) {
+          timeDataValue = new Date().getTime();
+        } else if (timeType == 4) {
+          let previousDate = "";
+          if (timeTarget == 1 || timeTarget == 2) {
+            previousDate = getDateDay(timeTarget, timeType, timeValue);
+            timeDataValue = new Date(previousDate).getTime();
+          } else if (timeTarget == 3) {
+            previousDate = getBeforeData(timeValue);
+            timeDataValue = new Date(previousDate).getTime();
+          } else {
+            timeDataValue = getBeforeTime(timeTarget, timeValue).getTime();
+          }
+        } else if (timeType == 5) {
+          let previousDate = "";
+          if (timeTarget == 1 || timeTarget == 2) {
+            previousDate = getDateDay(timeTarget, timeType, timeValue);
+            timeDataValue = new Date(previousDate).getTime();
+          } else if (timeTarget == 3) {
+            previousDate = getLaterData(timeValue);
+            timeDataValue = new Date(previousDate).getTime();
+          } else {
+            timeDataValue = getLaterTime(timeTarget, timeValue).getTime();
+          }
+        }
+      }
+      return timeDataValue;
+    },
+    time(timeRule, timeType, timeTarget, timeValue, formatType, dataValue) {
+      let format = formatType == "HH:mm" ? "HH:mm:00" : formatType;
+      let timeDataValue = null;
+      if (timeRule) {
+        if (timeType == 1) {
+          timeDataValue = timeValue || "00:00:00";
+          if (timeDataValue.split(":").length == 3) {
+            timeDataValue = timeDataValue;
+          } else {
+            timeDataValue = timeDataValue + ":00";
+          }
+        } else if (timeType == 2) {
+          timeDataValue = dataValue;
+        } else if (timeType == 3) {
+          timeDataValue = this.jnpf.toDate(new Date(), format);
+        } else if (timeType == 4) {
+          let previousDate = "";
+          previousDate = getBeforeTime(timeTarget, timeValue);
+          timeDataValue = this.jnpf.toDate(previousDate, format);
+        } else if (timeType == 5) {
+          let previousDate = "";
+          previousDate = getLaterTime(timeTarget, timeValue);
+          timeDataValue = this.jnpf.toDate(previousDate, format);
+        }
+      }
+      return timeDataValue;
+    },
+    dataList() {
+      var _data = this.dataForm;
+      return _data;
+    },
+    dataInfo(dataAll) {
+      let _dataAll = dataAll;
+      this.dataForm = _dataAll;
+      this.isEdit = true;
+      this.dataAll();
+      for (let i = 0; i < _dataAll.yysMaterialProcurementItemList.length; i++) {
+        this.childIndex = i;
+      }
+      this.childIndex = -1;
+    }
+  }
+};
 </script>