|
@@ -3,28 +3,63 @@
|
|
|
<div class="customer-head">
|
|
|
<div class="customer-back">
|
|
|
<!-- <i class="back-icon el-icon-arrow-left"></i><i style="font-style:normal">返回管理列表</i>-->
|
|
|
- <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
|
|
|
- @click="backToList">返回列表
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ style="border: none;background: none;color: red"
|
|
|
+ icon="el-icon-arrow-left"
|
|
|
+ @click="backToList"
|
|
|
+ >返回列表
|
|
|
</el-button>
|
|
|
</div>
|
|
|
+
|
|
|
<el-button
|
|
|
- class="el-button--small-yh add-customer-btn"
|
|
|
- type="primary"
|
|
|
- :disabled="disabled"
|
|
|
- @click="editCustomer"
|
|
|
- >{{form.id?'确认修改':'确认新增'}}
|
|
|
+ class="add-customer-btn"
|
|
|
+ type="primary"
|
|
|
+ :disabled="disabled"
|
|
|
+ @click="editCustomer"
|
|
|
+ >{{ form.id ? "确认修改" : "确认新增" }}
|
|
|
+ </el-button>
|
|
|
+ <el-button class="flow-btn" type="primary" @click="openFlow"
|
|
|
+ >审 核
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<div style="margin-top: 60px">
|
|
|
- <el-form :model="form" ref="form" label-width="100px" class="demo-ruleForm">
|
|
|
+ <el-form
|
|
|
+ :model="form"
|
|
|
+ ref="form"
|
|
|
+ label-width="100px"
|
|
|
+ class="demo-ruleForm"
|
|
|
+ >
|
|
|
<containerTitle title="基础资料"></containerTitle>
|
|
|
<basic-container style="margin-bottom: 10px">
|
|
|
<el-row>
|
|
|
- <el-col v-for="(item,index) in basicData.column" :key="index" :span="item.span?item.span:8">
|
|
|
- <el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
|
|
|
- <avue-input-tree v-if="item.prop === 'corpsTypeId'" leaf-only multiple :props="{label:'title'}" v-model="form[item.prop]" placeholder="请选择内容" type="tree" :dic="dic"
|
|
|
+ <el-col
|
|
|
+ v-for="(item, index) in basicData.column"
|
|
|
+ :key="index"
|
|
|
+ :span="item.span ? item.span : 8"
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ :label="item.label"
|
|
|
+ :prop="item.prop"
|
|
|
+ :rules="item.rules"
|
|
|
+ >
|
|
|
+ <avue-input-tree
|
|
|
+ v-if="item.prop === 'corpsTypeId'"
|
|
|
+ leaf-only
|
|
|
+ multiple
|
|
|
+ :props="{ label: 'title' }"
|
|
|
+ v-model="form[item.prop]"
|
|
|
+ placeholder="请选择内容"
|
|
|
+ type="tree"
|
|
|
+ :dic="dic"
|
|
|
></avue-input-tree>
|
|
|
- <el-input type="age" v-else v-model="form[item.prop]" size="small" autocomplete="off"></el-input>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ v-else
|
|
|
+ v-model="form[item.prop]"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -32,9 +67,22 @@
|
|
|
<containerTitle title="联系方式"></containerTitle>
|
|
|
<basic-container style="margin-bottom: 10px">
|
|
|
<el-row>
|
|
|
- <el-col v-for="(item,index) in contactInformation.column" :key="index" :span="item.span?item.span:8">
|
|
|
- <el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
|
|
|
- <el-input type="age" v-model="form[item.prop]" size="small" autocomplete="off"></el-input>
|
|
|
+ <el-col
|
|
|
+ v-for="(item, index) in contactInformation.column"
|
|
|
+ :key="index"
|
|
|
+ :span="item.span ? item.span : 8"
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ :label="item.label"
|
|
|
+ :prop="item.prop"
|
|
|
+ :rules="item.rules"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ v-model="form[item.prop]"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -42,17 +90,32 @@
|
|
|
<containerTitle title="财务资料"></containerTitle>
|
|
|
<basic-container style="margin-bottom: 10px">
|
|
|
<el-row>
|
|
|
- <el-col v-for="(item,index) in financialInformation.column" :key="index" :span="item.span?item.span:8">
|
|
|
- <el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
|
|
|
+ <el-col
|
|
|
+ v-for="(item, index) in financialInformation.column"
|
|
|
+ :key="index"
|
|
|
+ :span="item.span ? item.span : 8"
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ :label="item.label"
|
|
|
+ :prop="item.prop"
|
|
|
+ :rules="item.rules"
|
|
|
+ >
|
|
|
<el-switch
|
|
|
- v-if="item.prop === 'creditstatus'"
|
|
|
- v-model="form[item.prop]"
|
|
|
- active-value="0"
|
|
|
- inactive-value="1"
|
|
|
- active-text="开启"
|
|
|
- inactive-text="关闭">
|
|
|
+ v-if="item.prop === 'creditstatus'"
|
|
|
+ v-model="form[item.prop]"
|
|
|
+ active-value="0"
|
|
|
+ inactive-value="1"
|
|
|
+ active-text="开启"
|
|
|
+ inactive-text="关闭"
|
|
|
+ >
|
|
|
</el-switch>
|
|
|
- <el-input v-else type="age" v-model="form[item.prop]" size="small" autocomplete="off"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-else
|
|
|
+ type="age"
|
|
|
+ v-model="form[item.prop]"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -60,127 +123,145 @@
|
|
|
<containerTitle title="客户联系人"></containerTitle>
|
|
|
<basic-container style="margin-bottom: 10px">
|
|
|
<avue-crud
|
|
|
- :option="customerContact"
|
|
|
- v-model="contactsForm"
|
|
|
- :data="contactsData"
|
|
|
- @row-save="rowSave"
|
|
|
- @row-update="rowUpdate"
|
|
|
- @row-del="rowDel"
|
|
|
+ :option="customerContact"
|
|
|
+ v-model="contactsForm"
|
|
|
+ :data="contactsData"
|
|
|
+ @row-save="rowSave"
|
|
|
+ @row-update="rowUpdate"
|
|
|
+ @row-del="rowDel"
|
|
|
></avue-crud>
|
|
|
</basic-container>
|
|
|
<containerTitle title="客户优势项目"></containerTitle>
|
|
|
<basic-container style="margin-bottom: 10px">
|
|
|
<avue-crud
|
|
|
- :option="advantageProject"
|
|
|
- v-model="advantageProjectForm"
|
|
|
- :data="advantageProjectData"
|
|
|
- @row-save="rowSaveProject"
|
|
|
- @row-update="rowUpdateProject"
|
|
|
- @row-del="rowDelProject"
|
|
|
+ :option="advantageProject"
|
|
|
+ v-model="advantageProjectForm"
|
|
|
+ :data="advantageProjectData"
|
|
|
+ @row-save="rowSaveProject"
|
|
|
+ @row-update="rowUpdateProject"
|
|
|
+ @row-del="rowDelProject"
|
|
|
></avue-crud>
|
|
|
</basic-container>
|
|
|
<containerTitle title="客户开户行"></containerTitle>
|
|
|
<basic-container style="margin-bottom: 40px">
|
|
|
<avue-crud
|
|
|
- :option="bankOfDeposit"
|
|
|
- v-model="bankOfDepositForm"
|
|
|
- :data="bankOfDepositData"
|
|
|
- @row-save="rowSaveBankOfDeposit"
|
|
|
- @row-update="rowUpdateBankOfDeposit"
|
|
|
- @row-del="rowDelBankOfDeposit"
|
|
|
+ :option="bankOfDeposit"
|
|
|
+ v-model="bankOfDepositForm"
|
|
|
+ :data="bankOfDepositData"
|
|
|
+ @row-save="rowSaveBankOfDeposit"
|
|
|
+ @row-update="rowUpdateBankOfDeposit"
|
|
|
+ @row-del="rowDelBankOfDeposit"
|
|
|
></avue-crud>
|
|
|
</basic-container>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <flow-dialog
|
|
|
+ :switchDialog="switchDialog"
|
|
|
+ @onClose="onClose()"
|
|
|
+ >
|
|
|
+ <template slot="content">111</template>
|
|
|
+ </flow-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {customerList, typeSave, detail, deleteDetails,
|
|
|
+import {
|
|
|
+ customerList,
|
|
|
+ typeSave,
|
|
|
+ detail,
|
|
|
+ deleteDetails,
|
|
|
corpstypeTree,
|
|
|
corpsattn,
|
|
|
corpsbank,
|
|
|
corpsfiles,
|
|
|
- corpsitem} from "@/api/basicData/customerInformation"
|
|
|
-import customerContact from "./configuration/customerContact.json"
|
|
|
-import advantageProject from "./configuration/advantageProject.json"
|
|
|
-import bankOfDeposit from "./configuration/bankOfDeposit.json"
|
|
|
+ corpsitem
|
|
|
+} from "@/api/basicData/customerInformation";
|
|
|
+import customerContact from "./configuration/customerContact.json";
|
|
|
+import advantageProject from "./configuration/advantageProject.json";
|
|
|
+import bankOfDeposit from "./configuration/bankOfDeposit.json";
|
|
|
+import flowDialog from "@/components/flow-dialog/main";
|
|
|
export default {
|
|
|
name: "detailsPage",
|
|
|
data() {
|
|
|
return {
|
|
|
+ switchDialog:false,
|
|
|
form: {},
|
|
|
- disabled:false,
|
|
|
+ disabled: false,
|
|
|
contactsForm: {},
|
|
|
advantageProjectForm: {},
|
|
|
bankOfDepositForm: {},
|
|
|
contactsData: [],
|
|
|
advantageProjectData: [],
|
|
|
bankOfDepositData: [],
|
|
|
- dic:[],
|
|
|
- customerContact:customerContact,
|
|
|
- advantageProject:advantageProject,
|
|
|
- bankOfDeposit:bankOfDeposit,
|
|
|
+ dic: [],
|
|
|
+ customerContact: customerContact,
|
|
|
+ advantageProject: advantageProject,
|
|
|
+ bankOfDeposit: bankOfDeposit,
|
|
|
contactInformation: {
|
|
|
column: [
|
|
|
{
|
|
|
- label: '联系人',
|
|
|
- prop: 'attn',
|
|
|
+ label: "联系人",
|
|
|
+ prop: "attn",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: '请输入联系人',
|
|
|
- trigger: 'blur'
|
|
|
+ message: "请输入联系人",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '联系电话',
|
|
|
- prop: 'tel',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "联系电话",
|
|
|
+ prop: "tel",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: '请输入联系电话',
|
|
|
- trigger: 'blur'
|
|
|
+ message: "请输入联系电话",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '职位',
|
|
|
- prop: 'positoin',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "职位",
|
|
|
+ prop: "positoin",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: '请输入联系电话',
|
|
|
- trigger: 'blur'
|
|
|
+ message: "请输入联系电话",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '单位地址',
|
|
|
- prop: 'addr',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "单位地址",
|
|
|
+ prop: "addr",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: '请输入单位地址',
|
|
|
- trigger: 'blur'
|
|
|
+ message: "请输入单位地址",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '仓库地址',
|
|
|
- prop: 'storageAddr',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "仓库地址",
|
|
|
+ prop: "storageAddr",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: '请输入仓库地址',
|
|
|
- trigger: 'blur'
|
|
|
+ message: "请输入仓库地址",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '分仓地址',
|
|
|
- prop: 'subStorageAddr',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "分仓地址",
|
|
|
+ prop: "subStorageAddr",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: '请输入分仓地址',
|
|
|
- trigger: 'blur'
|
|
|
+ message: "请输入分仓地址",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
}
|
|
@@ -189,113 +270,123 @@ export default {
|
|
|
financialInformation: {
|
|
|
column: [
|
|
|
{
|
|
|
- label: '账户名称',
|
|
|
- prop: 'accountName',
|
|
|
+ label: "账户名称",
|
|
|
+ prop: "accountName",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '开户银行',
|
|
|
- prop: 'accountBank',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "开户银行",
|
|
|
+ prop: "accountBank",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '银行帐号',
|
|
|
- prop: 'accountNo',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "银行帐号",
|
|
|
+ prop: "accountNo",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '外币账户名称',
|
|
|
- prop: 'accountNameFcy',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "外币账户名称",
|
|
|
+ prop: "accountNameFcy",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '外币开户银行',
|
|
|
- prop: 'accountBankFcy',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "外币开户银行",
|
|
|
+ prop: "accountBankFcy",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '外币银行账号',
|
|
|
- prop: 'accountNoFcy',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "外币银行账号",
|
|
|
+ prop: "accountNoFcy",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '授信状态',
|
|
|
- prop: 'creditstatus',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "授信状态",
|
|
|
+ prop: "creditstatus",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '授信等级',
|
|
|
- prop: 'creditLevel',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "授信等级",
|
|
|
+ prop: "creditLevel",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '授信额度',
|
|
|
- prop: 'creditGrant',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "授信额度",
|
|
|
+ prop: "creditGrant",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '授信天数',
|
|
|
- prop: 'creditDay',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "授信天数",
|
|
|
+ prop: "creditDay",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '授信利率',
|
|
|
- prop: 'creditRate',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "授信利率",
|
|
|
+ prop: "creditRate",
|
|
|
rules: [
|
|
|
{
|
|
|
required: false,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
}
|
|
@@ -304,116 +395,128 @@ export default {
|
|
|
basicData: {
|
|
|
column: [
|
|
|
{
|
|
|
- label: '客户编码',
|
|
|
- prop: 'code',
|
|
|
+ label: "客户编码",
|
|
|
+ prop: "code",
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '代理品牌',
|
|
|
- prop: 'goodtypes',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "代理品牌",
|
|
|
+ prop: "goodtypes",
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '所属公司',
|
|
|
- prop: 'belongtocompany',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "所属公司",
|
|
|
+ prop: "belongtocompany",
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '客户名称',
|
|
|
- prop: 'cname',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户名称",
|
|
|
+ prop: "cname",
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '客户类别',
|
|
|
- prop: 'corpsTypeId',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户类别",
|
|
|
+ prop: "corpsTypeId",
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
- label: '企业类型',
|
|
|
- prop: 'companytype',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "企业类型",
|
|
|
+ prop: "companytype",
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
+ message: " ",
|
|
|
+ trigger: "blur"
|
|
|
}
|
|
|
]
|
|
|
- }, {
|
|
|
+ },
|
|
|
+ {
|
|
|
label: "代理区域",
|
|
|
span: 24,
|
|
|
prop: "belongtoarea",
|
|
|
mock: {
|
|
|
- type: 'county'
|
|
|
+ type: "county"
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
- }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ flowDialog
|
|
|
},
|
|
|
created() {
|
|
|
- corpstypeTree().then(res=>{
|
|
|
- this.dic = res.data.data
|
|
|
- })
|
|
|
- if (this.$route.query.id){
|
|
|
- let id = this.$route.query.id.replace(/\"/g, "")
|
|
|
+ corpstypeTree().then(res => {
|
|
|
+ this.dic = res.data.data;
|
|
|
+ });
|
|
|
+ if (this.$route.query.id) {
|
|
|
+ let id = this.$route.query.id.replace(/\"/g, "");
|
|
|
// let id = parseInt(this.$route.query.id)
|
|
|
detail(id).then(res => {
|
|
|
- console.log(res.data.data)
|
|
|
+ console.log(res.data.data);
|
|
|
this.form = res.data.data;
|
|
|
- this.contactsData = this.form.corpsAttnList
|
|
|
- this.bankOfDepositData = this.form.corpsBankList
|
|
|
- this.advantageProjectData = this.form.corpsItems
|
|
|
- delete this.form.corpsAttnList
|
|
|
- delete this.form.corpsBankList
|
|
|
- delete this.form.corpsItems
|
|
|
+ this.contactsData = this.form.corpsAttnList;
|
|
|
+ this.bankOfDepositData = this.form.corpsBankList;
|
|
|
+ this.advantageProjectData = this.form.corpsItems;
|
|
|
+ delete this.form.corpsAttnList;
|
|
|
+ delete this.form.corpsBankList;
|
|
|
+ delete this.form.corpsItems;
|
|
|
});
|
|
|
+ }else{
|
|
|
+ //新增时根据左侧选中树结构给客户类别赋值
|
|
|
+ this.$set(this.form,"corpsTypeId", this.$route.query.treeDeptId)
|
|
|
}
|
|
|
},
|
|
|
- watch:{
|
|
|
- '$route'(to,from) {
|
|
|
- console.log(to,from);
|
|
|
- if (this.$route.query.id){
|
|
|
- let id = JSON.parse(this.$route.query.id).replace(/\"/g, "")
|
|
|
+ watch: {
|
|
|
+ $route(to, from) {
|
|
|
+ console.log(to, from);
|
|
|
+ if (this.$route.query.id) {
|
|
|
+ let id = JSON.parse(this.$route.query.id).replace(/\"/g, "");
|
|
|
detail(id).then(res => {
|
|
|
- console.log(res.data.data)
|
|
|
+ console.log(res.data.data);
|
|
|
this.form = res.data.data;
|
|
|
});
|
|
|
- }else {
|
|
|
- this.form = {}
|
|
|
+ } else {
|
|
|
+ this.form = {};
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
//新增客户联系人保存触发
|
|
|
- rowSave(row, done, loading){
|
|
|
- console.log(row,done,loading)
|
|
|
- this.contactsData.push(row)
|
|
|
- done()
|
|
|
+ rowSave(row, done, loading) {
|
|
|
+ console.log(row, done, loading);
|
|
|
+ this.contactsData.push(row);
|
|
|
+ done();
|
|
|
},
|
|
|
//修改客户联系人触发
|
|
|
rowUpdate(row, index, done, loading) {
|
|
@@ -427,28 +530,28 @@ export default {
|
|
|
type: "warning"
|
|
|
}).then(() => {
|
|
|
// 数据回调进行刷新
|
|
|
- if (row.id){
|
|
|
- corpsattn(row.id).then(res=>{
|
|
|
+ if (row.id) {
|
|
|
+ corpsattn(row.id).then(res => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
this.contactsData.splice(index, 1);
|
|
|
- })
|
|
|
- }else {
|
|
|
+ });
|
|
|
+ } else {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
this.contactsData.splice(index, 1);
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
//新增客户优势项目保存触发
|
|
|
- rowSaveProject(row, done, loading){
|
|
|
- console.log(row,done,loading)
|
|
|
- this.advantageProjectData.push(row)
|
|
|
- done()
|
|
|
+ rowSaveProject(row, done, loading) {
|
|
|
+ console.log(row, done, loading);
|
|
|
+ this.advantageProjectData.push(row);
|
|
|
+ done();
|
|
|
},
|
|
|
//修改客户优势项目触发
|
|
|
rowUpdateProject(row, index, done, loading) {
|
|
@@ -461,28 +564,28 @@ export default {
|
|
|
cancelButtonText: "取消",
|
|
|
type: "warning"
|
|
|
}).then(() => {
|
|
|
- if (row.id){
|
|
|
- corpsitem(row.id).then(res=>{
|
|
|
+ if (row.id) {
|
|
|
+ corpsitem(row.id).then(res => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
this.advantageProjectData.splice(index, 1);
|
|
|
- })
|
|
|
- }else {
|
|
|
+ });
|
|
|
+ } else {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
this.advantageProjectData.splice(index, 1);
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
//新增客户优势项目保存触发
|
|
|
- rowSaveBankOfDeposit(row, done, loading){
|
|
|
- console.log(row,done,loading)
|
|
|
- this.bankOfDepositData.push(row)
|
|
|
- done()
|
|
|
+ rowSaveBankOfDeposit(row, done, loading) {
|
|
|
+ console.log(row, done, loading);
|
|
|
+ this.bankOfDepositData.push(row);
|
|
|
+ done();
|
|
|
},
|
|
|
//修改客户优势项目触发
|
|
|
rowUpdateBankOfDeposit(row, index, done, loading) {
|
|
@@ -495,59 +598,59 @@ export default {
|
|
|
cancelButtonText: "取消",
|
|
|
type: "warning"
|
|
|
}).then(() => {
|
|
|
- if (row.id){
|
|
|
- corpsbank(row.id).then(res=>{
|
|
|
+ if (row.id) {
|
|
|
+ corpsbank(row.id).then(res => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
this.bankOfDepositData.splice(index, 1);
|
|
|
- })
|
|
|
- }else {
|
|
|
+ });
|
|
|
+ } else {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
this.bankOfDepositData.splice(index, 1);
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
//修改提交触发
|
|
|
editCustomer() {
|
|
|
- console.log(this.form)
|
|
|
- this.$refs["form"].validate((valid) => {
|
|
|
+ console.log(this.form);
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
if (valid) {
|
|
|
- this.form.corpsAttnList = this.contactsData
|
|
|
- this.form.corpsBankList = this.bankOfDepositData
|
|
|
- this.form.corpsItems = this.advantageProjectData
|
|
|
+ this.form.corpsAttnList = this.contactsData;
|
|
|
+ this.form.corpsBankList = this.bankOfDepositData;
|
|
|
+ this.form.corpsItems = this.advantageProjectData;
|
|
|
// console.log(typeof(this.form.companytype))
|
|
|
// this.form.corpsTypeId = JSON.stringify(this.form.corpsTypeId).replace(/[\[\]]/g,"")
|
|
|
// console.log(typeof this.form.corpsTypeId)
|
|
|
- if (typeof this.form.corpsTypeId == 'object'){
|
|
|
- this.form.corpsTypeId = this.form.corpsTypeId.join(",")
|
|
|
+ if (typeof this.form.corpsTypeId == "object") {
|
|
|
+ this.form.corpsTypeId = this.form.corpsTypeId.join(",");
|
|
|
}
|
|
|
- this.disabled = true
|
|
|
+ this.disabled = true;
|
|
|
typeSave(this.form).then(res => {
|
|
|
- console.log(res.data)
|
|
|
- if (res.data.data === "error"){
|
|
|
- this.disabled = false
|
|
|
+ console.log(res.data);
|
|
|
+ if (res.data.data === "error") {
|
|
|
+ this.disabled = false;
|
|
|
this.$message({
|
|
|
showClose: true,
|
|
|
message: res.data.msg,
|
|
|
- type: 'error'
|
|
|
+ type: "error"
|
|
|
});
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: this.form.id ? "修改成功!" : "新增成功!"
|
|
|
});
|
|
|
this.$router.$avueRouter.closeTag();
|
|
|
this.$router.push({
|
|
|
- path: '/basicData/customerInformation/index',
|
|
|
+ path: "/basicData/customerInformation/index",
|
|
|
query: {}
|
|
|
});
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
@@ -556,12 +659,18 @@ export default {
|
|
|
backToList() {
|
|
|
this.$router.$avueRouter.closeTag();
|
|
|
this.$router.push({
|
|
|
- path: '/basicData/customerInformation/index',
|
|
|
+ path: "/basicData/customerInformation/index",
|
|
|
query: {}
|
|
|
});
|
|
|
+ },
|
|
|
+ openFlow() {
|
|
|
+ this.switchDialog =! this.switchDialog;
|
|
|
+ },
|
|
|
+ onClose(val) {
|
|
|
+ this.switchDialog = val;
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@@ -597,7 +706,11 @@ export default {
|
|
|
right: 36px;
|
|
|
top: 115px;
|
|
|
}
|
|
|
-
|
|
|
+.flow-btn {
|
|
|
+ position: fixed;
|
|
|
+ right: 140px;
|
|
|
+ top: 115px;
|
|
|
+}
|
|
|
::v-deep .el-form-item {
|
|
|
margin-bottom: 0;
|
|
|
}
|