|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<transition name="el-zoom-in-center">
|
|
|
|
|
<div class="JNPF-preview-main">
|
|
|
|
|
<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 ? '新建' : isDetail ? '详情':'编辑'"/>
|
|
|
|
@ -9,272 +9,288 @@
|
|
|
|
|
<el-button @click="goBack"> 取 消</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
|
|
|
|
<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right" >
|
|
|
|
|
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
|
|
|
|
<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right">
|
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('creatorUserId')">
|
|
|
|
|
<el-form-item label="创建人id"
|
|
|
|
|
prop="creatorUserId" >
|
|
|
|
|
prop="creatorUserId">
|
|
|
|
|
<el-input v-model="dataForm.creatorUserId"
|
|
|
|
|
placeholder="系统自动生成" readonly >
|
|
|
|
|
placeholder="系统自动生成" readonly>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('creatorUserName')">
|
|
|
|
|
<el-form-item label="创建人名称"
|
|
|
|
|
prop="creatorUserName" >
|
|
|
|
|
prop="creatorUserName">
|
|
|
|
|
<el-input v-model="dataForm.creatorUserName"
|
|
|
|
|
placeholder="系统自动生成" readonly >
|
|
|
|
|
placeholder="系统自动生成" readonly>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('contractType')">
|
|
|
|
|
<el-form-item label="合同类型 "
|
|
|
|
|
prop="contractType" >
|
|
|
|
|
prop="contractType">
|
|
|
|
|
<el-select v-model="dataForm.contractType"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-option v-for="(item, index) in contractTypeOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option>
|
|
|
|
|
<el-option v-for="(item, index) in contractTypeOptions" :key="index" :label="item.fullName"
|
|
|
|
|
:value="item.id" :disabled="item.disabled"></el-option>
|
|
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('contractCode')">
|
|
|
|
|
<el-form-item label="合同编码"
|
|
|
|
|
prop="contractCode" >
|
|
|
|
|
prop="contractCode">
|
|
|
|
|
<el-input v-model="dataForm.contractCode"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('contractName')">
|
|
|
|
|
<el-form-item label="合同名称"
|
|
|
|
|
prop="contractName" >
|
|
|
|
|
prop="contractName">
|
|
|
|
|
<el-input v-model="dataForm.contractName"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('status')">
|
|
|
|
|
<el-form-item label="合同状态"
|
|
|
|
|
prop="status" >
|
|
|
|
|
prop="status">
|
|
|
|
|
<el-input v-model="dataForm.status"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('bidOpeningDate')">
|
|
|
|
|
<el-form-item label="开标日期"
|
|
|
|
|
prop="bidOpeningDate" >
|
|
|
|
|
prop="bidOpeningDate">
|
|
|
|
|
<el-date-picker v-model="dataForm.bidOpeningDate"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
|
|
|
|
|
value-format="timestamp">
|
|
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('startDate')">
|
|
|
|
|
<el-form-item label="开始日期"
|
|
|
|
|
prop="startDate" >
|
|
|
|
|
prop="startDate">
|
|
|
|
|
<el-date-picker v-model="dataForm.startDate"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
|
|
|
|
|
value-format="timestamp">
|
|
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('auditDate')">
|
|
|
|
|
<el-form-item label="审核日期"
|
|
|
|
|
prop="auditDate" >
|
|
|
|
|
prop="auditDate">
|
|
|
|
|
<el-date-picker v-model="dataForm.auditDate"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
|
|
|
|
|
value-format="timestamp">
|
|
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('completionDate')">
|
|
|
|
|
<el-form-item label="供货完成日期"
|
|
|
|
|
prop="completionDate" >
|
|
|
|
|
prop="completionDate">
|
|
|
|
|
<el-date-picker v-model="dataForm.completionDate"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
|
|
|
|
|
value-format="timestamp">
|
|
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('closingDate')">
|
|
|
|
|
<el-form-item label="关闭日期"
|
|
|
|
|
prop="closingDate" >
|
|
|
|
|
prop="closingDate">
|
|
|
|
|
<el-date-picker v-model="dataForm.closingDate"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
|
|
|
|
|
value-format="timestamp">
|
|
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('collectionCycle')">
|
|
|
|
|
<el-form-item label="回款周期(日)"
|
|
|
|
|
prop="collectionCycle" >
|
|
|
|
|
prop="collectionCycle">
|
|
|
|
|
<el-input v-model="dataForm.collectionCycle"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('signingDate')">
|
|
|
|
|
<el-form-item label="签订日期"
|
|
|
|
|
prop="signingDate" >
|
|
|
|
|
prop="signingDate">
|
|
|
|
|
<el-date-picker v-model="dataForm.signingDate"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
|
|
|
|
|
value-format="timestamp">
|
|
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('endDate')">
|
|
|
|
|
<el-form-item label="截止日期"
|
|
|
|
|
prop="endDate" >
|
|
|
|
|
prop="endDate">
|
|
|
|
|
<el-date-picker v-model="dataForm.endDate"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
|
|
|
|
|
value-format="timestamp">
|
|
|
|
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-form-item label="供应商/客户编"
|
|
|
|
|
prop="code" >
|
|
|
|
|
<el-input v-model="dataForm.code"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('code')">
|
|
|
|
|
<el-form-item label="供应商/客户id"
|
|
|
|
|
prop="code">
|
|
|
|
|
<popupSelect v-model="dataForm.code"
|
|
|
|
|
placeholder="请选择" clearable field="code" interfaceId="382494924156735557"
|
|
|
|
|
:columnOptions="codecolumnOptions" propsValue="id" relationField="fullName"
|
|
|
|
|
popupType="dialog"
|
|
|
|
|
popupTitle="选择供应商" popupWidth="800px"
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</popupSelect>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-form-item label="供应商/客户名"
|
|
|
|
|
prop="name" >
|
|
|
|
|
<el-input v-model="dataForm.name"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('name')">
|
|
|
|
|
<el-form-item label="供应商/客户id"
|
|
|
|
|
prop="name">
|
|
|
|
|
<popupSelect v-model="dataForm.name"
|
|
|
|
|
placeholder="请选择" clearable field="name" interfaceId="395936123471343749"
|
|
|
|
|
:columnOptions="namecolumnOptions" propsValue="id" relationField="fullName"
|
|
|
|
|
popupType="dialog"
|
|
|
|
|
popupTitle="选择客户" popupWidth="800px"
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</popupSelect>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('contractNo')">
|
|
|
|
|
<el-form-item label="对方合同号"
|
|
|
|
|
prop="contractNo" >
|
|
|
|
|
prop="contractNo">
|
|
|
|
|
<el-input v-model="dataForm.contractNo"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('currency')">
|
|
|
|
|
<el-form-item label="币种 "
|
|
|
|
|
prop="currency" >
|
|
|
|
|
prop="currency">
|
|
|
|
|
<el-input v-model="dataForm.currency"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('num')">
|
|
|
|
|
<el-form-item label="数量"
|
|
|
|
|
prop="num" >
|
|
|
|
|
prop="num">
|
|
|
|
|
<el-input v-model="dataForm.num"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('amount')">
|
|
|
|
|
<el-form-item label="金额"
|
|
|
|
|
prop="amount" >
|
|
|
|
|
prop="amount">
|
|
|
|
|
<el-input v-model="dataForm.amount"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<el-col :span="8" v-if="jnpf.hasFormP('organization')">
|
|
|
|
|
<el-form-item label="库存组织"
|
|
|
|
|
prop="organization" >
|
|
|
|
|
prop="organization">
|
|
|
|
|
<el-input v-model="dataForm.organization"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="16" >
|
|
|
|
|
<el-col :span="16" v-if="jnpf.hasFormP('remark')">
|
|
|
|
|
<el-form-item label="备注"
|
|
|
|
|
prop="remark" >
|
|
|
|
|
prop="remark">
|
|
|
|
|
<el-input v-model="dataForm.remark"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('classification')">
|
|
|
|
|
<el-form-item label="合同分类 "
|
|
|
|
|
prop="classification" >
|
|
|
|
|
prop="classification">
|
|
|
|
|
<el-input v-model="dataForm.classification"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('declarationDate')">
|
|
|
|
|
<el-form-item label="申报日期"
|
|
|
|
|
prop="declarationDate" >
|
|
|
|
|
prop="declarationDate">
|
|
|
|
|
<el-input v-model="dataForm.declarationDate"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('deptCode')">
|
|
|
|
|
<el-form-item label="部门编码"
|
|
|
|
|
prop="deptCode" >
|
|
|
|
|
prop="deptCode">
|
|
|
|
|
<el-input v-model="dataForm.deptCode"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('creatorusername')">
|
|
|
|
|
<el-form-item label="录入人"
|
|
|
|
|
prop="creatorusername" >
|
|
|
|
|
prop="creatorusername">
|
|
|
|
|
<el-input v-model="dataForm.creatorusername"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('deptName')">
|
|
|
|
|
<el-form-item label="部门名称"
|
|
|
|
|
prop="deptName" >
|
|
|
|
|
prop="deptName">
|
|
|
|
|
<el-input v-model="dataForm.deptName"
|
|
|
|
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('approval')">
|
|
|
|
|
<el-form-item label="集团审批"
|
|
|
|
|
prop="approval" >
|
|
|
|
|
prop="approval">
|
|
|
|
|
<el-switch v-model="dataForm.approval"
|
|
|
|
|
:active-value="1" :inactive-value="0" >
|
|
|
|
|
:active-value="1" :inactive-value="0">
|
|
|
|
|
|
|
|
|
|
</el-switch>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-tabs v-model="activenydeop" tab-position="top" class="mb-20">
|
|
|
|
|
<el-tabs v-model="activeayhzdd" tab-position="top" class="mb-20">
|
|
|
|
|
<el-tab-pane label="物料明细">
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('jg_contract_item0List')">
|
|
|
|
|
<el-form-item label-width="0">
|
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
|
<h2></h2>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table :data="dataForm.jg_contract_item0List" size='mini' >
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table :data="dataForm.jg_contract_item0List" size='mini'>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center"/>
|
|
|
|
|
<el-table-column prop="materialCode" label="物料编码">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-model="scope.row.materialCode"
|
|
|
|
@ -352,9 +368,11 @@
|
|
|
|
|
</el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" width="50" >
|
|
|
|
|
<el-table-column label="操作" width="50">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn" @click="deljg_contract_item0List(scope.$index)">删除</el-button>
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn"
|
|
|
|
|
@click="deljg_contract_item0List(scope.$index)">删除
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
@ -363,25 +381,27 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-tab-pane >
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<el-tab-pane label="附件详情">
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<el-col :span="24" v-if="jnpf.hasFormP('jg_contract_item1List')">
|
|
|
|
|
<el-form-item label-width="0">
|
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
|
<h2></h2>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table :data="dataForm.jg_contract_item1List" size='mini' >
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table :data="dataForm.jg_contract_item1List" size='mini'>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center"/>
|
|
|
|
|
<el-table-column prop="enclosure" label="附件内容">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JNPF-UploadFz v-model="scope.row.enclosure"
|
|
|
|
|
:fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" >
|
|
|
|
|
:fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传">
|
|
|
|
|
</JNPF-UploadFz>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" width="50" >
|
|
|
|
|
<el-table-column label="操作" width="50">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn" @click="deljg_contract_item1List(scope.$index)">删除</el-button>
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn"
|
|
|
|
|
@click="deljg_contract_item1List(scope.$index)">删除
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
@ -390,19 +410,20 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-tab-pane >
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
</el-col>
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</transition>
|
|
|
|
|
</transition>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import request from '@/utils/request'
|
|
|
|
|
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
|
|
|
|
|
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
|
|
|
|
|
import {getDataInterfaceRes} from '@/api/systemData/dataInterface'
|
|
|
|
|
import {getDictionaryDataSelector} from '@/api/systemData/dictionary'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
components: {},
|
|
|
|
|
props: [],
|
|
|
|
@ -412,38 +433,38 @@
|
|
|
|
|
loading: false,
|
|
|
|
|
isDetail: false,
|
|
|
|
|
dataForm: {
|
|
|
|
|
creatorUserId : "",
|
|
|
|
|
creatorUserName : "",
|
|
|
|
|
contractType : "",
|
|
|
|
|
contractCode : '',
|
|
|
|
|
contractName : '',
|
|
|
|
|
status : '',
|
|
|
|
|
bidOpeningDate : '',
|
|
|
|
|
startDate : '',
|
|
|
|
|
auditDate : '',
|
|
|
|
|
completionDate : '',
|
|
|
|
|
closingDate : '',
|
|
|
|
|
collectionCycle : '',
|
|
|
|
|
signingDate : '',
|
|
|
|
|
endDate : '',
|
|
|
|
|
code : '',
|
|
|
|
|
name : '',
|
|
|
|
|
contractNo : '',
|
|
|
|
|
currency : '',
|
|
|
|
|
num : '',
|
|
|
|
|
amount : '',
|
|
|
|
|
organization : '',
|
|
|
|
|
remark : '',
|
|
|
|
|
classification : '',
|
|
|
|
|
declarationDate : '',
|
|
|
|
|
deptCode : '',
|
|
|
|
|
creatorusername : '',
|
|
|
|
|
deptName : '',
|
|
|
|
|
approval : 0,
|
|
|
|
|
jg_contract_item0List:[],
|
|
|
|
|
jg_contract_item1List:[],
|
|
|
|
|
creatorUserId: "",
|
|
|
|
|
creatorUserName: "",
|
|
|
|
|
contractType: "",
|
|
|
|
|
contractCode: '',
|
|
|
|
|
contractName: '',
|
|
|
|
|
status: '',
|
|
|
|
|
bidOpeningDate: '',
|
|
|
|
|
startDate: '',
|
|
|
|
|
auditDate: '',
|
|
|
|
|
completionDate: '',
|
|
|
|
|
closingDate: '',
|
|
|
|
|
collectionCycle: '',
|
|
|
|
|
signingDate: '',
|
|
|
|
|
endDate: '',
|
|
|
|
|
code: "",
|
|
|
|
|
name: "",
|
|
|
|
|
contractNo: '',
|
|
|
|
|
currency: '',
|
|
|
|
|
num: '',
|
|
|
|
|
amount: '',
|
|
|
|
|
organization: '',
|
|
|
|
|
remark: '',
|
|
|
|
|
classification: '',
|
|
|
|
|
declarationDate: '',
|
|
|
|
|
deptCode: '',
|
|
|
|
|
creatorusername: '',
|
|
|
|
|
deptName: '',
|
|
|
|
|
approval: 0,
|
|
|
|
|
jg_contract_item0List: [],
|
|
|
|
|
jg_contract_item1List: [],
|
|
|
|
|
},
|
|
|
|
|
activenydeop:'0',
|
|
|
|
|
activeayhzdd: '0',
|
|
|
|
|
rules:
|
|
|
|
|
{
|
|
|
|
|
contractType: [
|
|
|
|
@ -480,7 +501,15 @@
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
contractTypeOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
|
|
|
|
|
contractTypeOptions: [{"fullName": "选项一", "id": "1"}, {"fullName": "选项二", "id": "2"}],
|
|
|
|
|
codecolumnOptions: [{"label": "供应商Code", "value": "supplier_code"}, {
|
|
|
|
|
"label": "供应商",
|
|
|
|
|
"value": "supplier_name"
|
|
|
|
|
},],
|
|
|
|
|
namecolumnOptions: [{"label": "ID", "value": "id"}, {"label": "客户编码", "value": "supplier_cd"}, {
|
|
|
|
|
"label": "客户名称",
|
|
|
|
|
"value": "supplier_nm"
|
|
|
|
|
},],
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
@ -488,18 +517,19 @@
|
|
|
|
|
watch: {},
|
|
|
|
|
created() {
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
|
mounted() {
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
jg_contract_item0Exist() {
|
|
|
|
|
let isOk = true;
|
|
|
|
|
for(let i=0;i<this.dataForm.jg_contract_item0List.length;i++){
|
|
|
|
|
for (let i = 0; i < this.dataForm.jg_contract_item0List.length; i++) {
|
|
|
|
|
const e = this.dataForm.jg_contract_item0List[i];
|
|
|
|
|
}
|
|
|
|
|
return isOk;
|
|
|
|
|
},
|
|
|
|
|
jg_contract_item1Exist() {
|
|
|
|
|
let isOk = true;
|
|
|
|
|
for(let i=0;i<this.dataForm.jg_contract_item1List.length;i++){
|
|
|
|
|
for (let i = 0; i < this.dataForm.jg_contract_item1List.length; i++) {
|
|
|
|
|
const e = this.dataForm.jg_contract_item1List[i];
|
|
|
|
|
}
|
|
|
|
|
return isOk;
|
|
|
|
@ -507,7 +537,7 @@
|
|
|
|
|
goBack() {
|
|
|
|
|
this.$emit('refresh')
|
|
|
|
|
},
|
|
|
|
|
clearData(data){
|
|
|
|
|
clearData(data) {
|
|
|
|
|
for (let key in data) {
|
|
|
|
|
if (data[key] instanceof Array) {
|
|
|
|
|
data[key] = [];
|
|
|
|
@ -524,16 +554,16 @@
|
|
|
|
|
this.isDetail = isDetail || false;
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.$refs['elForm'].resetFields();
|
|
|
|
|
if(this.dataForm.id){
|
|
|
|
|
if (this.dataForm.id) {
|
|
|
|
|
this.loading = true
|
|
|
|
|
request({
|
|
|
|
|
url: '/api/example/Jg_contract/'+this.dataForm.id,
|
|
|
|
|
url: '/api/example/Jg_contract/' + this.dataForm.id,
|
|
|
|
|
method: 'get'
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.dataInfo(res.data)
|
|
|
|
|
this.loading = false
|
|
|
|
|
});
|
|
|
|
|
}else{
|
|
|
|
|
} else {
|
|
|
|
|
this.clearData(this.dataForm)
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
@ -550,7 +580,7 @@
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
request() {
|
|
|
|
|
var _data =this.dataList()
|
|
|
|
|
var _data = this.dataList()
|
|
|
|
|
if (!this.dataForm.id) {
|
|
|
|
|
request({
|
|
|
|
|
url: '/api/example/Jg_contract',
|
|
|
|
@ -567,9 +597,9 @@
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}else{
|
|
|
|
|
} else {
|
|
|
|
|
request({
|
|
|
|
|
url: '/api/example/Jg_contract/'+this.dataForm.id,
|
|
|
|
|
url: '/api/example/Jg_contract/' + this.dataForm.id,
|
|
|
|
|
method: 'PUT',
|
|
|
|
|
data: _data
|
|
|
|
|
}).then((res) => {
|
|
|
|
@ -585,53 +615,53 @@
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
addjg_contract_item0List(){
|
|
|
|
|
addjg_contract_item0List() {
|
|
|
|
|
let item = {
|
|
|
|
|
materialCode:undefined,
|
|
|
|
|
materialName:undefined,
|
|
|
|
|
specification:undefined,
|
|
|
|
|
unit:undefined,
|
|
|
|
|
num:undefined,
|
|
|
|
|
price:undefined,
|
|
|
|
|
amount:undefined,
|
|
|
|
|
rate:undefined,
|
|
|
|
|
notPrice:undefined,
|
|
|
|
|
notAmount:undefined,
|
|
|
|
|
remark:undefined,
|
|
|
|
|
materialCode: undefined,
|
|
|
|
|
materialName: undefined,
|
|
|
|
|
specification: undefined,
|
|
|
|
|
unit: undefined,
|
|
|
|
|
num: undefined,
|
|
|
|
|
price: undefined,
|
|
|
|
|
amount: undefined,
|
|
|
|
|
rate: undefined,
|
|
|
|
|
notPrice: undefined,
|
|
|
|
|
notAmount: undefined,
|
|
|
|
|
remark: undefined,
|
|
|
|
|
}
|
|
|
|
|
this.dataForm.jg_contract_item0List.push(item)
|
|
|
|
|
},
|
|
|
|
|
deljg_contract_item0List(index) {
|
|
|
|
|
this.dataForm.jg_contract_item0List.splice(index, 1);
|
|
|
|
|
},
|
|
|
|
|
addjg_contract_item1List(){
|
|
|
|
|
addjg_contract_item1List() {
|
|
|
|
|
let item = {
|
|
|
|
|
enclosure:undefined,
|
|
|
|
|
enclosure: undefined,
|
|
|
|
|
}
|
|
|
|
|
this.dataForm.jg_contract_item1List.push(item)
|
|
|
|
|
},
|
|
|
|
|
deljg_contract_item1List(index) {
|
|
|
|
|
this.dataForm.jg_contract_item1List.splice(index, 1);
|
|
|
|
|
},
|
|
|
|
|
dataList(){
|
|
|
|
|
dataList() {
|
|
|
|
|
var _data = JSON.parse(JSON.stringify(this.dataForm));
|
|
|
|
|
_data.approval = parseInt(_data.approval)
|
|
|
|
|
for(let i=0;i<_data.jg_contract_item0List.length;i++){
|
|
|
|
|
for (let i = 0; i < _data.jg_contract_item0List.length; i++) {
|
|
|
|
|
var _list = _data.jg_contract_item0List[i];
|
|
|
|
|
}
|
|
|
|
|
for(let i=0;i<_data.jg_contract_item1List.length;i++){
|
|
|
|
|
for (let i = 0; i < _data.jg_contract_item1List.length; i++) {
|
|
|
|
|
var _list = _data.jg_contract_item1List[i];
|
|
|
|
|
_list.enclosure = JSON.stringify(_list.enclosure)
|
|
|
|
|
}
|
|
|
|
|
return _data;
|
|
|
|
|
},
|
|
|
|
|
dataInfo(dataAll){
|
|
|
|
|
let _dataAll =dataAll
|
|
|
|
|
_dataAll.approval = parseInt( _dataAll.approval)
|
|
|
|
|
for(let i=0;i<_dataAll.jg_contract_item0List.length;i++){
|
|
|
|
|
dataInfo(dataAll) {
|
|
|
|
|
let _dataAll = dataAll
|
|
|
|
|
_dataAll.approval = parseInt(_dataAll.approval)
|
|
|
|
|
for (let i = 0; i < _dataAll.jg_contract_item0List.length; i++) {
|
|
|
|
|
var _list = _dataAll.jg_contract_item0List[i];
|
|
|
|
|
}
|
|
|
|
|
for(let i=0;i<_dataAll.jg_contract_item1List.length;i++){
|
|
|
|
|
for (let i = 0; i < _dataAll.jg_contract_item1List.length; i++) {
|
|
|
|
|
var _list = _dataAll.jg_contract_item1List[i];
|
|
|
|
|
_list.enclosure = JSON.parse(_list.enclosure)
|
|
|
|
|
}
|
|
|
|
|