|
|
|
@ -1,101 +1,86 @@
|
|
|
|
|
<template>
|
|
|
|
|
<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'"
|
|
|
|
|
:close-on-click-modal="false" append-to-body
|
|
|
|
|
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
|
|
|
|
width="1000px">
|
|
|
|
|
<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情' : '编辑'" :close-on-click-modal="false" append-to-body
|
|
|
|
|
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll width="1000px">
|
|
|
|
|
<el-row :gutter="15" class="">
|
|
|
|
|
<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right">
|
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="供应商编码"
|
|
|
|
|
prop="supplierCode" >
|
|
|
|
|
<el-input v-model="dataForm.supplierCode"
|
|
|
|
|
placeholder="请输入供应商编码" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="供应商编码" prop="supplierCode">
|
|
|
|
|
<el-input v-model="dataForm.supplierCode" placeholder="请输入供应商编码" clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="所属公司"
|
|
|
|
|
prop="companyId" >
|
|
|
|
|
<popupSelect v-model="dataForm.companyId"
|
|
|
|
|
placeholder="请选择" clearable field="companyId" interfaceId="394016341591396805" :columnOptions="companyIdcolumnOptions" propsValue="F_Id" relationField="F_FullName" popupType="dialog"
|
|
|
|
|
popupTitle="选择数据" popupWidth="800px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="所属公司" prop="companyId">
|
|
|
|
|
<popupSelect v-model="dataForm.companyId" placeholder="请选择" clearable field="companyId"
|
|
|
|
|
interfaceId="394016341591396805" :columnOptions="companyIdcolumnOptions" propsValue="F_Id"
|
|
|
|
|
relationField="F_FullName" popupType="dialog" popupTitle="选择数据" popupWidth="800px">
|
|
|
|
|
|
|
|
|
|
</popupSelect>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="供应商名称"
|
|
|
|
|
prop="supplierName" >
|
|
|
|
|
<el-input v-model="dataForm.supplierName"
|
|
|
|
|
placeholder="请输入供应商名称" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="供应商名称" prop="supplierName">
|
|
|
|
|
<el-input v-model="dataForm.supplierName" placeholder="请输入供应商名称" clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="国家"
|
|
|
|
|
prop="country" >
|
|
|
|
|
<el-input v-model="dataForm.country"
|
|
|
|
|
placeholder="请输入国家" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="国家" prop="country">
|
|
|
|
|
<el-input v-model="dataForm.country" placeholder="请输入国家" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="供货指标"
|
|
|
|
|
prop="supply" >
|
|
|
|
|
<el-input v-model="dataForm.supply"
|
|
|
|
|
placeholder="请输入供货指标" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="供货指标" prop="supply">
|
|
|
|
|
<el-input v-model="dataForm.supply" placeholder="请输入供货指标" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="省"
|
|
|
|
|
prop="province" >
|
|
|
|
|
<JNPF-Address v-model="dataForm.province"
|
|
|
|
|
placeholder="请选择省市区" clearable :level=2 >
|
|
|
|
|
<el-form-item label="省" prop="province">
|
|
|
|
|
<JNPF-Address v-model="dataForm.province" placeholder="请选择省市区" clearable :level=2>
|
|
|
|
|
|
|
|
|
|
</JNPF-Address>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="联系人"
|
|
|
|
|
prop="contactName" >
|
|
|
|
|
<el-input v-model="dataForm.contactName"
|
|
|
|
|
placeholder="请输入联系人" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="联系人" prop="contactName">
|
|
|
|
|
<el-input v-model="dataForm.contactName" placeholder="请输入联系人" clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="供应商等级"
|
|
|
|
|
prop="supplierLevel" >
|
|
|
|
|
<el-select v-model="dataForm.supplierLevel"
|
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-option v-for="(item, index) in supplierLevelOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option>
|
|
|
|
|
<el-form-item label="供应商等级" prop="supplierLevel">
|
|
|
|
|
<el-select v-model="dataForm.supplierLevel" placeholder="请选择" clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
<el-option v-for="(item, index) in supplierLevelOptions" :key="index" :label="item.fullName"
|
|
|
|
|
:value="item.id" :disabled="item.disabled"></el-option>
|
|
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="联系电话"
|
|
|
|
|
prop="contactPhone" >
|
|
|
|
|
<el-input v-model="dataForm.contactPhone"
|
|
|
|
|
placeholder="请输入联系电话" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="联系电话" prop="contactPhone">
|
|
|
|
|
<el-input v-model="dataForm.contactPhone" placeholder="请输入联系电话" clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="供应商性质"
|
|
|
|
|
prop="enterprise" >
|
|
|
|
|
<el-radio-group v-model="dataForm.enterprise"
|
|
|
|
|
size="small" >
|
|
|
|
|
<el-radio v-for="(item, index) in enterpriseOptions" :key="index" :label="item.id" :disabled="item.disabled" >
|
|
|
|
|
<el-form-item label="供应商性质" prop="enterprise">
|
|
|
|
|
<el-radio-group v-model="dataForm.enterprise" size="small">
|
|
|
|
|
<el-radio v-for="(item, index) in enterpriseOptions" :key="index" :label="item.id"
|
|
|
|
|
:disabled="item.disabled">
|
|
|
|
|
{{ item.fullName }}
|
|
|
|
|
</el-radio>
|
|
|
|
|
|
|
|
|
@ -103,20 +88,17 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="地址"
|
|
|
|
|
prop="address" >
|
|
|
|
|
<el-input v-model="dataForm.address"
|
|
|
|
|
placeholder="请输入地址" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="地址" prop="address">
|
|
|
|
|
<el-input v-model="dataForm.address" placeholder="请输入地址" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="供应商类型"
|
|
|
|
|
prop="classification" >
|
|
|
|
|
<el-radio-group v-model="dataForm.classification"
|
|
|
|
|
size="small" >
|
|
|
|
|
<el-radio v-for="(item, index) in classificationOptions" :key="index" :label="item.id" :disabled="item.disabled" >
|
|
|
|
|
<el-form-item label="供应商类型" prop="classification">
|
|
|
|
|
<el-radio-group v-model="dataForm.classification" size="small">
|
|
|
|
|
<el-radio v-for="(item, index) in classificationOptions" :key="index" :label="item.id"
|
|
|
|
|
:disabled="item.disabled">
|
|
|
|
|
{{ item.fullName }}
|
|
|
|
|
</el-radio>
|
|
|
|
|
|
|
|
|
@ -124,39 +106,34 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="开户行"
|
|
|
|
|
prop="bank" >
|
|
|
|
|
<el-input v-model="dataForm.bank"
|
|
|
|
|
placeholder="请输入开户行" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="开户行" prop="bank">
|
|
|
|
|
<el-input v-model="dataForm.bank" placeholder="请输入开户行" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="默认税码"
|
|
|
|
|
prop="taxCode" >
|
|
|
|
|
<el-select v-model="dataForm.taxCode"
|
|
|
|
|
placeholder="请选择税码" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-option v-for="(item, index) in taxCodeOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option>
|
|
|
|
|
<el-form-item label="默认税码" prop="taxCode">
|
|
|
|
|
<el-select v-model="dataForm.taxCode" placeholder="请选择税码" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
<el-option v-for="(item, index) in taxCodeOptions" :key="index" :label="item.fullName"
|
|
|
|
|
:value="item.id" :disabled="item.disabled"></el-option>
|
|
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="纳税编号"
|
|
|
|
|
prop="vatRegistrationNum" >
|
|
|
|
|
<el-input v-model="dataForm.vatRegistrationNum"
|
|
|
|
|
placeholder="请输入纳税编号" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="纳税编号" prop="vatRegistrationNum">
|
|
|
|
|
<el-input v-model="dataForm.vatRegistrationNum" placeholder="请输入纳税编号" clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="是否采购"
|
|
|
|
|
prop="isPurchase" >
|
|
|
|
|
<el-radio-group v-model="dataForm.isPurchase"
|
|
|
|
|
size="small" >
|
|
|
|
|
<el-radio v-for="(item, index) in isPurchaseOptions" :key="index" :label="item.id" :disabled="item.disabled" >
|
|
|
|
|
<el-form-item label="是否采购" prop="isPurchase">
|
|
|
|
|
<el-radio-group v-model="dataForm.isPurchase" size="small">
|
|
|
|
|
<el-radio v-for="(item, index) in isPurchaseOptions" :key="index" :label="item.id"
|
|
|
|
|
:disabled="item.disabled">
|
|
|
|
|
{{ item.fullName }}
|
|
|
|
|
</el-radio>
|
|
|
|
|
|
|
|
|
@ -164,20 +141,18 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="银行账户"
|
|
|
|
|
prop="bankAccount" >
|
|
|
|
|
<el-input v-model="dataForm.bankAccount"
|
|
|
|
|
placeholder="请输入银行账户" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="银行账户" prop="bankAccount">
|
|
|
|
|
<el-input v-model="dataForm.bankAccount" placeholder="请输入银行账户" clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="是否付款"
|
|
|
|
|
prop="isPayment" >
|
|
|
|
|
<el-radio-group v-model="dataForm.isPayment"
|
|
|
|
|
size="small" >
|
|
|
|
|
<el-radio v-for="(item, index) in isPaymentOptions" :key="index" :label="item.id" :disabled="item.disabled" >
|
|
|
|
|
<el-form-item label="是否付款" prop="isPayment">
|
|
|
|
|
<el-radio-group v-model="dataForm.isPayment" size="small">
|
|
|
|
|
<el-radio v-for="(item, index) in isPaymentOptions" :key="index" :label="item.id"
|
|
|
|
|
:disabled="item.disabled">
|
|
|
|
|
{{ item.fullName }}
|
|
|
|
|
</el-radio>
|
|
|
|
|
|
|
|
|
@ -185,20 +160,17 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="应付科目"
|
|
|
|
|
prop="payable" >
|
|
|
|
|
<el-input v-model="dataForm.payable"
|
|
|
|
|
placeholder="请输入应付科目" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="应付科目" prop="payable">
|
|
|
|
|
<el-input v-model="dataForm.payable" placeholder="请输入应付科目" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="是否启用"
|
|
|
|
|
prop="status" >
|
|
|
|
|
<el-radio-group v-model="dataForm.status"
|
|
|
|
|
size="small" >
|
|
|
|
|
<el-radio v-for="(item, index) in statusOptions" :key="index" :label="item.id" :disabled="item.disabled" >
|
|
|
|
|
<el-form-item label="是否启用" prop="status">
|
|
|
|
|
<el-radio-group v-model="dataForm.status" size="small">
|
|
|
|
|
<el-radio v-for="(item, index) in statusOptions" :key="index" :label="item.id"
|
|
|
|
|
:disabled="item.disabled">
|
|
|
|
|
{{ item.fullName }}
|
|
|
|
|
</el-radio>
|
|
|
|
|
|
|
|
|
@ -206,10 +178,8 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="预付科目"
|
|
|
|
|
prop="prepaid" >
|
|
|
|
|
<el-input v-model="dataForm.prepaid"
|
|
|
|
|
placeholder="请输入预付科目" clearable :style='{"width":"100%"}'>
|
|
|
|
|
<el-form-item label="预付科目" prop="prepaid">
|
|
|
|
|
<el-input v-model="dataForm.prepaid" placeholder="请输入预付科目" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
@ -286,9 +256,9 @@
|
|
|
|
|
},
|
|
|
|
|
companyIdcolumnOptions: [{ "label": "公司编码", "value": "F_EnCode" }, { "label": "公司名称", "value": "F_FullName" },],
|
|
|
|
|
supplierLevelOptions: [{ "fullName": "一级", "id": "1" }, { "fullName": "二级", "id": "2" }, { "fullName": "三级", "id": "3" }, { "fullName": "四级", "id": "4" }],
|
|
|
|
|
enterpriseOptions:[{"fullName":"民营","id":"0"},{"fullName":"私营","id":"1"}],
|
|
|
|
|
enterpriseOptions: [{ 'fullName': '民营', 'id': '0' }, { 'fullName': '国有', 'id': '1' }, { 'fullName': '其它', 'id': '2' }],
|
|
|
|
|
classificationOptions: [{ "fullName": "国内", "id": "0" }, { "fullName": "国外", "id": "1" }],
|
|
|
|
|
taxCodeOptions:[{"fullName":"13个点","id":"0"},{"fullName":"9个点","id":"1"},{"fullName":"6个点","id":"2"},{"fullName":"5个点","id":"3"}],
|
|
|
|
|
taxCodeOptions: [{ "fullName": "13", "id": "0" }, { "fullName": "9", "id": "1" }, { "fullName": "6", "id": "2" }, { "fullName": "5", "id": "3" }, { "fullName": "3", "id": "4" }, { "fullName": "0", "id": "5" }],
|
|
|
|
|
isPurchaseOptions: [{ "fullName": "否", "id": "0" }, { "fullName": "是", "id": "1" }],
|
|
|
|
|
isPaymentOptions: [{ "fullName": "否", "id": "0" }, { "fullName": "是", "id": "1" }],
|
|
|
|
|
statusOptions: [{ "fullName": "启用", "id": "1" }, { "fullName": "停用", "id": "2" }],
|
|
|
|
|