|
|
@@ -1,210 +1,221 @@
|
|
|
<template>
|
|
|
- <basic-container>
|
|
|
- <el-form ref="userDataForm" :rules="rules" :model="formData" size="medium" label-width="100px">
|
|
|
- <div class="head">
|
|
|
- <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
|
|
|
- @click="backToList">返回列表
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" @click="submitForm">保存</el-button>
|
|
|
- </div>
|
|
|
- <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
- <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
|
|
|
- <h4>客户资料（必填）</h4>
|
|
|
- </el-row>
|
|
|
- <el-row gutter="15">
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="客户分类" prop="corpType">
|
|
|
- <!-- <el-select v-model="formData.corpType" placeholder="请选择客户分类" clearable :style="{ width: '100%' }">
|
|
|
+ <dev>
|
|
|
+ <el-card class="box-card">
|
|
|
+
|
|
|
+ <el-form ref="userDataForm" :rules="rules" :model="formData" size="medium" label-width="100px">
|
|
|
+ <div class="head">
|
|
|
+ <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
|
|
|
+ @click="backToList">返回列表
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">保存</el-button>
|
|
|
+ </div>
|
|
|
+ <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
+ <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
|
|
|
+ <h4>客户资料（必填）</h4>
|
|
|
+ </el-row>
|
|
|
+ <el-row gutter="15">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="客户分类" prop="corpType">
|
|
|
+ <!-- <el-select v-model="formData.corpType" placeholder="请选择客户分类" clearable :style="{ width: '100%' }">
|
|
|
<el-option v-for="(item, index) in field102Options" :key="index" :label="item.label" :value="item.value"
|
|
|
:disabled="item.disabled"></el-option>
|
|
|
</el-select> -->
|
|
|
- <avue-input-tree :check-strictly="true" @change="corpTypeChange" multiple v-model="formData.corpTypeList"
|
|
|
- placeholder="请选择内容" :props="{ label: 'cnName', value: 'id' }" :dic="customTypeData"
|
|
|
- :style="{ width: '100%' }"></avue-input-tree>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="客户编号" prop="code">
|
|
|
- <!-- <el-select v-model="formData.code" placeholder="请选择客户编号" clearable :style="{width: '100%'}">
|
|
|
+ <avue-input-tree :check-strictly="true" @change="corpTypeChange" multiple v-model="formData.corpTypeList"
|
|
|
+ placeholder="请选择内容" :props="{ label: 'cnName', value: 'id' }" :dic="customTypeData"
|
|
|
+ :style="{ width: '100%' }"></avue-input-tree>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="客户编号" prop="code">
|
|
|
+ <!-- <el-select v-model="formData.code" placeholder="请选择客户编号" clearable :style="{width: '100%'}">
|
|
|
<el-option v-for="(item, index) in field103Options" :key="index" :label="item.label"
|
|
|
:value="item.value" :disabled="item.disabled"></el-option>
|
|
|
</el-select> -->
|
|
|
- <el-input v-model="formData.code" placeholder="请选择客户编号" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="客户简称" prop="shortName">
|
|
|
- <!-- <el-select v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{width: '100%'}">
|
|
|
+ <el-input v-model="formData.code" placeholder="请选择客户编号" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="客户简称" prop="shortName">
|
|
|
+ <!-- <el-select v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{width: '100%'}">
|
|
|
<el-option v-for="(item, index) in field104Options" :key="index" :label="item.label"
|
|
|
:value="item.value" :disabled="item.disabled"></el-option>
|
|
|
</el-select> -->
|
|
|
- <el-input v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="客户名称" prop="cnName">
|
|
|
- <el-input v-model="formData.cnName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="英文名称" prop="enName">
|
|
|
- <el-input v-model="formData.enName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="中文地址" prop="cnAddr">
|
|
|
- <el-input v-model="formData.cnAddr" placeholder="请输入中文地址" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="英文地址" prop="enAddr">
|
|
|
- <el-input v-model="formData.enAddr" placeholder="请输入英文地址" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row gutter="15">
|
|
|
- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="客户详情" name="kgxq">
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="企业类型" prop="enterpriseType">
|
|
|
- <el-select v-model="formData.enterpriseType" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
|
|
|
- <el-option v-for="(item, index) in enterpriseTypeDict" :key="index" :label="item.dictValue"
|
|
|
- :value="item.dictKey" :disabled="item.disabled"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="客户来源" prop="sourceType">
|
|
|
- <el-input v-model="formData.sourceType" placeholder="请输入客户来源" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="国家" prop="cntyCode">
|
|
|
- <search-query ref="SearchQuery" :datalist="cntyOptions" title="国家" :filterable="true" :clearable="true"
|
|
|
- :remote="true" :forParameter="{ key: 'id', label: 'cnName', value: 'code', disabled: 'status' }"
|
|
|
- :disabledStatus="1" @remoteMethod="bcountrysListfun" @corpChange="bcountrysChange">
|
|
|
- <bcountrys></bcountrys>
|
|
|
- </search-query>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="优势航线" prop="advantageRoute">
|
|
|
- <el-input v-model="formData.advantageRoute" placeholder="请输入优势航线" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="海关号" prop="customsCode">
|
|
|
- <el-input v-model="formData.customsCode" placeholder="请输入海关号" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="状态" prop="status">
|
|
|
- <el-select v-model="formData.status" placeholder="请选择状态" clearable :style="{ width: '100%' }">
|
|
|
- <el-option v-for="(item, index) in statusOptions" :key="index" :label="item.label" :value="item.value"
|
|
|
- :disabled="item.disabled"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="负责人" prop="mgrName">
|
|
|
- <el-input v-model="formData.mgrName" placeholder="请输入负责人" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="联系人电话" prop="tel">
|
|
|
- <el-input v-model="formData.tel" placeholder="请输入联系人电话" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="传真" prop="fax">
|
|
|
- <el-input v-model="formData.fax" placeholder="请输入传真" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="SCAC码" prop="scacCode">
|
|
|
- <el-input v-model="formData.scacCode" placeholder="请输入SCAC码" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="维护人员" prop="maintenanceStaffName">
|
|
|
- <el-input v-model="formData.maintenanceStaffName" placeholder="请输入维护人员" clearable
|
|
|
- :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="业务员" prop="salesId">
|
|
|
- <!-- <el-input v-model="formData.salesId" placeholder="请输入业务员" clearable :style="{ width: '100%' }"> -->
|
|
|
- <el-select v-model="formData.salesId" filterable @change="salesChange" placeholder="请选择业务员" clearable
|
|
|
- :style="{ width: '100%' }">
|
|
|
- <el-option v-for="(item, index) in userOptions" :key="index" :label="item.realName" :value="item.id"
|
|
|
- :disabled="item.disabled"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="8">
|
|
|
+ <el-input v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="客户名称" prop="cnName">
|
|
|
+ <el-input v-model="formData.cnName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="英文名称" prop="enName">
|
|
|
+ <el-input v-model="formData.enName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="中文地址" prop="cnAddr">
|
|
|
+ <el-input v-model="formData.cnAddr" placeholder="请输入中文地址" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="英文地址" prop="enAddr">
|
|
|
+ <el-input v-model="formData.enAddr" placeholder="请输入英文地址" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-card class="box-card">
|
|
|
+
|
|
|
+ <el-form :model="formData" size="medium" label-width="100px">
|
|
|
+ <el-row gutter="15">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="客户详情" name="kgxq">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="企业类型" prop="enterpriseType">
|
|
|
+ <el-select v-model="formData.enterpriseType" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
|
|
|
+ <el-option v-for="(item, index) in enterpriseTypeDict" :key="index" :label="item.dictValue"
|
|
|
+ :value="item.dictKey" :disabled="item.disabled"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="客户来源" prop="sourceType">
|
|
|
+ <el-input v-model="formData.sourceType" placeholder="请输入客户来源" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="国家" prop="cntyCode">
|
|
|
+ <search-query ref="SearchQuery" :datalist="cntyOptions" title="国家" :filterable="true" :clearable="true"
|
|
|
+ :remote="true" :forParameter="{ key: 'id', label: 'cnName', value: 'code', disabled: 'status' }"
|
|
|
+ :disabledStatus="1" @remoteMethod="bcountrysListfun" @corpChange="bcountrysChange">
|
|
|
+ <bcountrys></bcountrys>
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="优势航线" prop="advantageRoute">
|
|
|
+ <el-input v-model="formData.advantageRoute" placeholder="请输入优势航线" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="海关号" prop="customsCode">
|
|
|
+ <el-input v-model="formData.customsCode" placeholder="请输入海关号" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
+ <el-select v-model="formData.status" placeholder="请选择状态" clearable :style="{ width: '100%' }">
|
|
|
+ <el-option v-for="(item, index) in statusOptions" :key="index" :label="item.label" :value="item.value"
|
|
|
+ :disabled="item.disabled"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="负责人" prop="mgrName">
|
|
|
+ <el-input v-model="formData.mgrName" placeholder="请输入负责人" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系人电话" prop="tel">
|
|
|
+ <el-input v-model="formData.tel" placeholder="请输入联系人电话" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="传真" prop="fax">
|
|
|
+ <el-input v-model="formData.fax" placeholder="请输入传真" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="SCAC码" prop="scacCode">
|
|
|
+ <el-input v-model="formData.scacCode" placeholder="请输入SCAC码" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="维护人员" prop="maintenanceStaffName">
|
|
|
+ <el-input v-model="formData.maintenanceStaffName" placeholder="请输入维护人员" clearable
|
|
|
+ :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="业务员" prop="salesId">
|
|
|
+ <!-- <el-input v-model="formData.salesId" placeholder="请输入业务员" clearable :style="{ width: '100%' }"> -->
|
|
|
+ <el-select v-model="formData.salesId" filterable @change="salesChange" placeholder="请选择业务员" clearable
|
|
|
+ :style="{ width: '100%' }">
|
|
|
+ <el-option v-for="(item, index) in userOptions" :key="index" :label="item.realName" :value="item.id"
|
|
|
+ :disabled="item.disabled"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="8">
|
|
|
<el-form-item label="所属单位编号" prop="field125">
|
|
|
<el-input v-model="formData.field125" placeholder="请输入所属单位编号" clearable :style="{width: '100%'}">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col> -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="所属单位名称" prop="corpName">
|
|
|
- <el-input v-model="formData.corpName" placeholder="请输入名称" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="信用等级" prop="creditLevel">
|
|
|
- <el-select v-model="formData.creditLevel" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
|
|
|
- <el-option v-for="(item, index) in creditLevelDict" :key="index" :label="item.dictValue"
|
|
|
- :value="item.dictKey" :disabled="item.disabled"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="PS规则" prop="psRate">
|
|
|
- <!-- <el-input v-model="formData.psRate" placeholder="请输入PS规则" clearable :style="{ width: '100%' }"> -->
|
|
|
- <el-input-number v-model="corpsAttnForm.sort" controls-position="right" @change="handleChange" :min="0"
|
|
|
- :precision="2" :step="1" :style="{ width: '100%' }"></el-input-number>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="存在HP/S" prop="isPs">
|
|
|
- <el-switch v-model="formData.isPs" :active-value="1" :inactive-value="0" active-text="开启"
|
|
|
- inactive-text="关闭"></el-switch>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="允许负大于收" prop="psAllowLargeCredit">
|
|
|
- <el-switch v-model="formData.psAllowLargeCredit" :active-value="1" :inactive-value="0" active-text="开启"
|
|
|
- inactive-text="关闭"></el-switch>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="详情信息" prop="details">
|
|
|
- <el-input v-model="formData.details" type="textarea" placeholder="请输入详情信息"
|
|
|
- :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="财务信息" name="cwxx">
|
|
|
- <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="所属单位名称" prop="corpName">
|
|
|
+ <el-input v-model="formData.corpName" placeholder="请输入名称" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="信用等级" prop="creditLevel">
|
|
|
+ <el-select v-model="formData.creditLevel" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
|
|
|
+ <el-option v-for="(item, index) in creditLevelDict" :key="index" :label="item.dictValue"
|
|
|
+ :value="item.dictKey" :disabled="item.disabled"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="PS规则" prop="psRate">
|
|
|
+ <!-- <el-input v-model="formData.psRate" placeholder="请输入PS规则" clearable :style="{ width: '100%' }"> -->
|
|
|
+ <el-input-number v-model="corpsAttnForm.sort" controls-position="right" @change="handleChange" :min="0"
|
|
|
+ :precision="2" :step="1" :style="{ width: '100%' }"></el-input-number>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="存在HP/S" prop="isPs">
|
|
|
+ <el-switch v-model="formData.isPs" :active-value="1" :inactive-value="0" active-text="开启"
|
|
|
+ inactive-text="关闭"></el-switch>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="允许负大于收" prop="psAllowLargeCredit">
|
|
|
+ <el-switch v-model="formData.psAllowLargeCredit" :active-value="1" :inactive-value="0" active-text="开启"
|
|
|
+ inactive-text="关闭"></el-switch>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="详情信息" prop="details">
|
|
|
+ <el-input v-model="formData.details" type="textarea" placeholder="请输入详情信息"
|
|
|
+ :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="财务信息" name="cwxx">
|
|
|
+ <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
<div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
|
|
|
<h4>人民币（RMB）</h4>
|
|
|
</el-row>
|
|
|
@@ -276,36 +287,36 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row> -->
|
|
|
- <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
- <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;">
|
|
|
- </div>
|
|
|
- <h4>授信信息</h4>
|
|
|
- <el-form-item label="授信状态" prop="creditStatus">
|
|
|
- <el-switch style="margin-bottom = 0" :active-value="1" :inactive-value="0" v-model="formData.creditStatus"
|
|
|
- active-text="开启" inactive-text="关闭"></el-switch>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <el-row gutter="15">
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="授信额度" prop="creditGrant">
|
|
|
- <el-input v-model="formData.creditGrant" placeholder="请输入授信额度" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="授信天数" prop="creditDay">
|
|
|
- <el-input v-model="formData.creditDay" placeholder="请输入授信天数" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="授信利率" prop="creditRate">
|
|
|
- <el-input v-model="formData.creditRate" placeholder="请输入授信利率" clearable :style="{ width: '100%' }">
|
|
|
- </el-input>
|
|
|
+ <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
+ <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;">
|
|
|
+ </div>
|
|
|
+ <h4>授信信息</h4>
|
|
|
+ <el-form-item label="授信状态" prop="creditStatus">
|
|
|
+ <el-switch style="margin-bottom = 0" :active-value="1" :inactive-value="0"
|
|
|
+ v-model="formData.creditStatus" active-text="开启" inactive-text="关闭"></el-switch>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
+ </el-row>
|
|
|
+ <el-row gutter="15">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="授信额度" prop="creditGrant">
|
|
|
+ <el-input v-model="formData.creditGrant" placeholder="请输入授信额度" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="授信天数" prop="creditDay">
|
|
|
+ <el-input v-model="formData.creditDay" placeholder="请输入授信天数" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="授信利率" prop="creditRate">
|
|
|
+ <el-input v-model="formData.creditRate" placeholder="请输入授信利率" clearable :style="{ width: '100%' }">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
|
|
|
<div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
|
|
|
<h4>财务联系人</h4>
|
|
|
</el-row>
|
|
|
@@ -329,149 +340,153 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row> -->
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="客户联系人" name="khlxk">
|
|
|
- <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
|
|
|
- <el-table :data="formData.corpsAttnList"
|
|
|
- :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column prop="code" label="编号" width="180" />
|
|
|
- <el-table-column prop="cname" label="名称" width="180" />
|
|
|
- <el-table-column prop="attn" label="联系方式" width="180" />
|
|
|
- <el-table-column prop="tel" label="电话" width="180" />
|
|
|
- <el-table-column prop="position" label="岗位" width="180" />
|
|
|
- <el-table-column prop="addr" label="公司地址" width="180" />
|
|
|
- <el-table-column prop="sex" label="性别" width="180" />
|
|
|
- <el-table-column prop="email" label="邮箱地址" width="180" />
|
|
|
- <el-table-column prop="status" label="状态" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.status == 0">正常</span>
|
|
|
- <span v-if="scope.row.status == 1">启用</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column fixed="right" label="操作" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
|
|
|
- <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="银行信息" name="yhxx">
|
|
|
- <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
|
|
|
- <el-table :data="formData.corpsBankList"
|
|
|
- :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column prop="uscc" label="统一社会信用代码" width="180" />
|
|
|
- <el-table-column prop="accountName" label="账号名称" width="180" />
|
|
|
- <el-table-column prop="accountBank" label="账号银行" width="180" />
|
|
|
- <el-table-column prop="accountNo" label="银行账号" width="180" />
|
|
|
- <el-table-column prop="curId" label="币别" width="180" />
|
|
|
- <el-table-column prop="subjectNumber" label="科目编码" width="180" />
|
|
|
- <el-table-column prop="address" label="地址" width="180" />
|
|
|
- <el-table-column prop="swiftCode" label="Swift Code" width="180" />
|
|
|
- <el-table-column prop="cnapsCode" label="CNAPS" width="180" />
|
|
|
- <el-table-column prop="status" label="状态">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.status == 0">正常</span>
|
|
|
- <span v-if="scope.row.status == 1">启用</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
- <el-table-column fixed="right" label="操作" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
|
|
|
- <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="附件" name="fj">
|
|
|
- <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
|
|
|
- <el-table :data="formData.corpsFilesList"
|
|
|
- :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column prop="sort" label="排序" />
|
|
|
- <el-table-column prop="fileName" label="文件名" />
|
|
|
- <el-table-column prop="url" label="文件地址" :show-overflow-tooltip="true">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-link type="primary" :href="scope.row.url">{{ scope.row.url }}</el-link>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="status" label="状态">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.status == 0">正常</span>
|
|
|
- <span v-if="scope.row.status == 1">启用</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="remarks" label="备注" />
|
|
|
- <el-table-column fixed="right" label="操作" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
|
|
|
- <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="更名记录" name="gmjl">
|
|
|
- <el-table :data="formData.corpsRenameList"
|
|
|
- :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column prop="oldCnName" label="原中文名称" width="180" />
|
|
|
- <el-table-column prop="newCnName" label="新中文名称" width="180" />
|
|
|
- <el-table-column prop="oldEnName" label="原英文名称" width="180" />
|
|
|
- <el-table-column prop="newEnName" label="新英文名称" width="180" />
|
|
|
- <!-- <el-table-column prop="byId" label="操作人" width="180"/> -->
|
|
|
- <el-table-column prop="byTime" label="操作时间" width="180" />
|
|
|
- <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="发票抬头" name="fptt">
|
|
|
- <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
|
|
|
- <el-table :data="formData.corpsInvoiceHeaderList"
|
|
|
- :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
- style="width: 100%">
|
|
|
- <!-- <el-table-column prop="pid" label="主表id" width="180" /> -->
|
|
|
- <el-table-column prop="guaranteeNo" label="保函号码" width="180" />
|
|
|
- <el-table-column prop="guaranteeDate" label="保函日期" width="180" />
|
|
|
- <el-table-column prop="invoiceHeader" label="发票抬头" width="180" />
|
|
|
- <el-table-column prop="version" label="版本" width="180" />
|
|
|
- <el-table-column prop="status" label="状态" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.status == 0">正常</span>
|
|
|
- <span v-if="scope.row.status == 1">启用</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="不良记录" name="bljl">
|
|
|
- <el-table :data="formData.corpsBadrecordList"
|
|
|
- :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column prop="pid" label="主表客户id" width="180" />
|
|
|
- <el-table-column prop="oldCreditLevel" label="原授信等级" width="180" />
|
|
|
- <el-table-column prop="newCreditLevel" label="新授信等级" width="180" />
|
|
|
- <el-table-column prop="version" label="版本" width="180" />
|
|
|
- <el-table-column prop="status" label="状态" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.status == 0">正常</span>
|
|
|
- <span v-if="scope.row.status == 1">启用</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="增值税开票" name="zzskp">
|
|
|
- 定时任务补偿
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="匹配编号" name="ppbh">
|
|
|
- 定时任务补偿
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="客户联系人" name="khlxk">
|
|
|
+ <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
|
|
|
+ <el-table :data="formData.corpsAttnList"
|
|
|
+ :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column prop="code" label="编号" width="180" />
|
|
|
+ <el-table-column prop="cname" label="名称" width="180" />
|
|
|
+ <el-table-column prop="attn" label="联系方式" width="180" />
|
|
|
+ <el-table-column prop="tel" label="电话" width="180" />
|
|
|
+ <el-table-column prop="position" label="岗位" width="180" />
|
|
|
+ <el-table-column prop="addr" label="公司地址" width="180" />
|
|
|
+ <el-table-column prop="sex" label="性别" width="180" />
|
|
|
+ <el-table-column prop="email" label="邮箱地址" width="180" />
|
|
|
+ <el-table-column prop="status" label="状态" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.status == 0">正常</span>
|
|
|
+ <span v-if="scope.row.status == 1">启用</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column fixed="right" label="操作" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
|
|
|
+ <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="银行信息" name="yhxx">
|
|
|
+ <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
|
|
|
+ <el-table :data="formData.corpsBankList"
|
|
|
+ :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column prop="uscc" label="统一社会信用代码" width="180" />
|
|
|
+ <el-table-column prop="accountName" label="账号名称" width="180" />
|
|
|
+ <el-table-column prop="accountBank" label="账号银行" width="180" />
|
|
|
+ <el-table-column prop="accountNo" label="银行账号" width="180" />
|
|
|
+ <el-table-column prop="curId" label="币别" width="180" />
|
|
|
+ <el-table-column prop="subjectNumber" label="科目编码" width="180" />
|
|
|
+ <el-table-column prop="address" label="地址" width="180" />
|
|
|
+ <el-table-column prop="swiftCode" label="Swift Code" width="180" />
|
|
|
+ <el-table-column prop="cnapsCode" label="CNAPS" width="180" />
|
|
|
+ <el-table-column prop="status" label="状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.status == 0">正常</span>
|
|
|
+ <span v-if="scope.row.status == 1">启用</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
+ <el-table-column fixed="right" label="操作" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
|
|
|
+ <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="附件" name="fj">
|
|
|
+ <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
|
|
|
+ <el-table :data="formData.corpsFilesList"
|
|
|
+ :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column prop="sort" label="排序" />
|
|
|
+ <el-table-column prop="fileName" label="文件名" />
|
|
|
+ <el-table-column prop="url" label="文件地址" :show-overflow-tooltip="true">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-link type="primary" :href="scope.row.url">{{ scope.row.url }}</el-link>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="status" label="状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.status == 0">正常</span>
|
|
|
+ <span v-if="scope.row.status == 1">启用</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="remarks" label="备注" />
|
|
|
+ <el-table-column fixed="right" label="操作" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
|
|
|
+ <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="更名记录" name="gmjl">
|
|
|
+ <el-table :data="formData.corpsRenameList"
|
|
|
+ :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column prop="oldCnName" label="原中文名称" width="180" />
|
|
|
+ <el-table-column prop="newCnName" label="新中文名称" width="180" />
|
|
|
+ <el-table-column prop="oldEnName" label="原英文名称" width="180" />
|
|
|
+ <el-table-column prop="newEnName" label="新英文名称" width="180" />
|
|
|
+ <!-- <el-table-column prop="byId" label="操作人" width="180"/> -->
|
|
|
+ <el-table-column prop="byTime" label="操作时间" width="180" />
|
|
|
+ <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="发票抬头" name="fptt">
|
|
|
+ <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
|
|
|
+ <el-table :data="formData.corpsInvoiceHeaderList"
|
|
|
+ :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
+ style="width: 100%">
|
|
|
+ <!-- <el-table-column prop="pid" label="主表id" width="180" /> -->
|
|
|
+ <el-table-column prop="guaranteeNo" label="保函号码" width="180" />
|
|
|
+ <el-table-column prop="guaranteeDate" label="保函日期" width="180" />
|
|
|
+ <el-table-column prop="invoiceHeader" label="发票抬头" width="180" />
|
|
|
+ <el-table-column prop="version" label="版本" width="180" />
|
|
|
+ <el-table-column prop="status" label="状态" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.status == 0">正常</span>
|
|
|
+ <span v-if="scope.row.status == 1">启用</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="不良记录" name="bljl">
|
|
|
+ <el-table :data="formData.corpsBadrecordList"
|
|
|
+ :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column prop="pid" label="主表客户id" width="180" />
|
|
|
+ <el-table-column prop="oldCreditLevel" label="原授信等级" width="180" />
|
|
|
+ <el-table-column prop="newCreditLevel" label="新授信等级" width="180" />
|
|
|
+ <el-table-column prop="version" label="版本" width="180" />
|
|
|
+ <el-table-column prop="status" label="状态" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.status == 0">正常</span>
|
|
|
+ <span v-if="scope.row.status == 1">启用</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="remarks" label="备注" width="180" />
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <!-- <el-tab-pane label="增值税开票" name="zzskp">
|
|
|
+ 定时任务补偿
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="匹配编号" name="ppbh">
|
|
|
+ 定时任务补偿
|
|
|
+ </el-tab-pane>kai -->
|
|
|
+ </el-tabs>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
|
|
|
<el-dialog title="窗口" :visible.sync="corpsAttnDialogVisible" :append-to-body="true" width="40%"
|
|
|
:before-close="handleClose">
|
|
|
@@ -613,7 +628,7 @@
|
|
|
<el-button type="primary" @click="corpsAttnAddConfirm">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- </basic-container>
|
|
|
+ </dev>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { getToken } from "@/util/auth";
|
|
|
@@ -676,70 +691,132 @@ export default {
|
|
|
corpsBankList: [],
|
|
|
corpsFilesList: [],
|
|
|
},
|
|
|
+ // rules: {
|
|
|
+ // corpType: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择客户分类',
|
|
|
+ // trigger: 'change'
|
|
|
+ // }],
|
|
|
+ // code: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择客户编号',
|
|
|
+ // trigger: 'change'
|
|
|
+ // }],
|
|
|
+ // shortName: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择客户简称',
|
|
|
+ // trigger: 'change'
|
|
|
+ // }],
|
|
|
+ // cnName: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择客户名称',
|
|
|
+ // trigger: 'change'
|
|
|
+ // }],
|
|
|
+ // enName: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择英文名称',
|
|
|
+ // trigger: 'change'
|
|
|
+ // }],
|
|
|
+ // cnAddr: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择中文地址',
|
|
|
+ // trigger: 'change'
|
|
|
+ // }],
|
|
|
+ // enAddr: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请选择英文地址',
|
|
|
+ // trigger: 'change'
|
|
|
+ // }],
|
|
|
+ // },
|
|
|
rules: {
|
|
|
corpType: [{
|
|
|
required: true,
|
|
|
- message: '请选择客户分类',
|
|
|
+ message: ' ',
|
|
|
trigger: 'change'
|
|
|
}],
|
|
|
code: [{
|
|
|
required: true,
|
|
|
- message: '请选择客户编号',
|
|
|
+ message: ' ',
|
|
|
trigger: 'change'
|
|
|
}],
|
|
|
shortName: [{
|
|
|
required: true,
|
|
|
- message: '请选择客户简称',
|
|
|
+ message: ' ',
|
|
|
trigger: 'change'
|
|
|
}],
|
|
|
cnName: [{
|
|
|
required: true,
|
|
|
- message: '请选择客户名称',
|
|
|
+ message: ' ',
|
|
|
trigger: 'change'
|
|
|
}],
|
|
|
enName: [{
|
|
|
required: true,
|
|
|
- message: '请选择英文名称',
|
|
|
+ message: ' ',
|
|
|
trigger: 'change'
|
|
|
}],
|
|
|
cnAddr: [{
|
|
|
required: true,
|
|
|
- message: '请选择中文地址',
|
|
|
+ message: ' ',
|
|
|
trigger: 'change'
|
|
|
}],
|
|
|
enAddr: [{
|
|
|
required: true,
|
|
|
- message: '请选择英文地址',
|
|
|
+ message: ' ',
|
|
|
trigger: 'change'
|
|
|
}],
|
|
|
},
|
|
|
// 客户联系人表单校验
|
|
|
+ // corpsAttnRules: {
|
|
|
+ // code: [
|
|
|
+ // { required: true, message: '请输入编号', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // cname: [
|
|
|
+ // { required: true, message: '请输入名称', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // accountName: [
|
|
|
+ // { required: true, message: '请输入账号名称', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // accountBank: [
|
|
|
+ // { required: true, message: '请输入账号银行', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // accountNo: [
|
|
|
+ // { required: true, message: '请输入银行账号', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // curId: [
|
|
|
+ // { required: true, message: '请输入币别', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // sort: [
|
|
|
+ // { required: true, message: '请输入排序', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // invoiceHeader: [
|
|
|
+ // { required: true, message: '请输入发票抬头', trigger: 'change' }
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
corpsAttnRules: {
|
|
|
code: [
|
|
|
- { required: true, message: '请输入编号', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
cname: [
|
|
|
- { required: true, message: '请输入名称', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
accountName: [
|
|
|
- { required: true, message: '请输入账号名称', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
accountBank: [
|
|
|
- { required: true, message: '请输入账号银行', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
accountNo: [
|
|
|
- { required: true, message: '请输入银行账号', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
curId: [
|
|
|
- { required: true, message: '请输入币别', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
sort: [
|
|
|
- { required: true, message: '请输入排序', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
invoiceHeader: [
|
|
|
- { required: true, message: '请输入发票抬头', trigger: 'change' }
|
|
|
+ { required: true, message: ' ', trigger: 'change' }
|
|
|
],
|
|
|
-
|
|
|
},
|
|
|
statusOptions: [{
|
|
|
"label": "正常",
|
|
|
@@ -857,7 +934,7 @@ export default {
|
|
|
this.$refs['userDataForm'].resetFields()
|
|
|
},
|
|
|
// -------------------------------------- 弹窗相关 ---------------------------------
|
|
|
- // 客户联系人新增
|
|
|
+ // 客户联系人新建
|
|
|
corpsAttnAdd() {
|
|
|
this.corpsAttnDialogVisible = true
|
|
|
},
|
|
|
@@ -865,12 +942,12 @@ export default {
|
|
|
corpsAttnAddConfirm() {
|
|
|
if (this.corpsAttnDialogIndex == null) {
|
|
|
this.corpsAttnForm.pid = this.formData.id
|
|
|
- // 新增
|
|
|
+ // 新建
|
|
|
this.$refs['corpsAttnForm'].validate(valid => {
|
|
|
if (!valid) return
|
|
|
// TODO 提交表单
|
|
|
// if (this.formData.id != null) {
|
|
|
- // // 调用新增接口
|
|
|
+ // // 调用新建接口
|
|
|
// if (this.activeName == 'khlxk') {
|
|
|
// addBcorpsattn(this.corpsAttnForm).then(() => {
|
|
|
// this.$message({
|
|
|
@@ -1033,13 +1110,26 @@ export default {
|
|
|
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-// /deep/ .el-form-item {
|
|
|
-// margin-bottom: 8px;
|
|
|
-// margin-top: 8px;
|
|
|
-// }
|
|
|
+/deep/ .el-form-item {
|
|
|
+ margin-bottom: 8px;
|
|
|
+ // margin-top: 8px;
|
|
|
+}
|
|
|
+
|
|
|
.head {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
+
|
|
|
+.text {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.item {
|
|
|
+ padding: 18px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.box-card {
|
|
|
+ width: 480px;
|
|
|
+}
|
|
|
</style>
|
wangzhuo