|
|
@@ -3,112 +3,48 @@
|
|
|
<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>
|
|
|
<div class="add-customer-btn">
|
|
|
- <el-button type="primary" @click="openFlow" size="small"
|
|
|
- >审 核
|
|
|
+ <el-button type="primary" @click="openFlow" size="small">审 核
|
|
|
</el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- :disabled="disabled"
|
|
|
- @click="editCustomer"
|
|
|
- size="small"
|
|
|
- >{{ form.id ? "确认修改" : "确认新增" }}
|
|
|
+ <el-button type="primary" :disabled="disabled" @click="editCustomer" size="small">{{ form.id ? "确认修改" : "确认新增"
|
|
|
+ }}
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="customer-main">
|
|
|
- <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>
|
|
|
<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
|
|
|
- style="width: 100%;"
|
|
|
- size="small"
|
|
|
- :props="{ label: 'title' }"
|
|
|
- v-model="form[item.prop]"
|
|
|
- placeholder=" "
|
|
|
- type="tree"
|
|
|
- :dic="dic"
|
|
|
- ></avue-input-tree>
|
|
|
- <el-cascader
|
|
|
- v-else-if="item.prop === 'belongtoarea'"
|
|
|
- v-model="form[item.prop]"
|
|
|
- collapse-tags
|
|
|
- :options="dicArea"
|
|
|
- :props="props"
|
|
|
- size="small"
|
|
|
- style="width: 100%;"
|
|
|
- :show-all-levels="false"
|
|
|
- ></el-cascader>
|
|
|
- <el-select
|
|
|
- v-else-if="item.prop === 'adminProfiles'"
|
|
|
- size="small"
|
|
|
- style="width: 100%;"
|
|
|
- v-model="form[item.prop]"
|
|
|
- multiple
|
|
|
- placeholder=""
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in userList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ <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 style="width: 100%;" size="small"
|
|
|
+ :props="{ label: 'title' }" v-model="form[item.prop]" placeholder=" " type="tree" :dic="dic">
|
|
|
+ </avue-input-tree>
|
|
|
+ <el-cascader v-else-if="item.prop === 'belongtoarea'" v-model="form[item.prop]" collapse-tags
|
|
|
+ :options="dicArea" :props="props" size="small" style="width: 100%;" :show-all-levels="false">
|
|
|
+ </el-cascader>
|
|
|
+ <el-select v-else-if="item.prop === 'adminProfiles'" size="small" style="width: 100%;"
|
|
|
+ v-model="form[item.prop]" multiple placeholder="">
|
|
|
+ <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <el-select
|
|
|
- v-else-if="item.prop === 'creditRating'"
|
|
|
- size="small"
|
|
|
- style="width: 100%;"
|
|
|
- v-model="form[item.prop]"
|
|
|
- placeholder=""
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in creditRatingList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.dictValue"
|
|
|
- :value="item.dictValue"
|
|
|
- >
|
|
|
+ <el-select v-else-if="item.prop === 'creditRating'" size="small" style="width: 100%;"
|
|
|
+ v-model="form[item.prop]" placeholder="">
|
|
|
+ <el-option v-for="item in creditRatingList" :key="item.id" :label="item.dictValue"
|
|
|
+ :value="item.dictValue">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <crop-select
|
|
|
- v-else-if="item.prop === 'belongtocompany'"
|
|
|
- v-model="form[item.prop]"
|
|
|
- corpType="GS"
|
|
|
- ></crop-select>
|
|
|
- <el-input
|
|
|
- type="age"
|
|
|
- v-else
|
|
|
- v-model="form[item.prop]"
|
|
|
- size="small"
|
|
|
- autocomplete="off"
|
|
|
- ></el-input>
|
|
|
+ <crop-select v-else-if="item.prop === 'belongtocompany'" v-model="form[item.prop]" corpType="GS">
|
|
|
+ </crop-select>
|
|
|
+ <el-input type="textarea" v-else-if="item.prop === 'remarks'" :rows="2" placeholder="请输入内容"
|
|
|
+ v-model="form[item.prop]">
|
|
|
+ </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>
|
|
|
@@ -116,22 +52,18 @@
|
|
|
<containerTitle title="联系方式"></containerTitle>
|
|
|
<basic-container>
|
|
|
<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="textarea" v-if="item.prop === 'addr'" :rows="2" placeholder="请输入内容"
|
|
|
+ v-model="form[item.prop]">
|
|
|
+ </el-input>
|
|
|
+ <el-input type="textarea" v-else-if="item.prop === 'storageAddr'" :rows="2" placeholder="请输入内容"
|
|
|
+ v-model="form[item.prop]">
|
|
|
+ </el-input>
|
|
|
+ <el-input type="textarea" v-else-if="item.prop === 'subStorageAddr'" :rows="2" placeholder="请输入内容"
|
|
|
+ v-model="form[item.prop]">
|
|
|
+ </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>
|
|
|
@@ -139,64 +71,26 @@
|
|
|
<containerTitle title="财务资料"></containerTitle>
|
|
|
<basic-container>
|
|
|
<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-switch
|
|
|
- v-if="item.prop === 'creditstatus'"
|
|
|
- v-model="form[item.prop]"
|
|
|
- active-value="0"
|
|
|
- inactive-value="1"
|
|
|
- active-text="开启"
|
|
|
- inactive-text="关闭"
|
|
|
- >
|
|
|
+ <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="关闭">
|
|
|
</el-switch>
|
|
|
- <el-select
|
|
|
- v-else-if="item.prop === 'paymentType'"
|
|
|
- v-model="form[item.prop]"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- size="small"
|
|
|
- style="width: 100%;"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in paymentOption"
|
|
|
- :key="index"
|
|
|
- :label="item.dictValue"
|
|
|
- :value="item.dictValue"
|
|
|
- ></el-option>
|
|
|
+ <el-select v-else-if="item.prop === 'paymentType'" v-model="form[item.prop]" clearable filterable
|
|
|
+ size="small" style="width: 100%;">
|
|
|
+ <el-option v-for="(item, index) in paymentOption" :key="index" :label="item.dictValue"
|
|
|
+ :value="item.dictValue"></el-option>
|
|
|
</el-select>
|
|
|
- <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>
|
|
|
</basic-container>
|
|
|
<containerTitle title="客户联系人"></containerTitle>
|
|
|
<basic-container>
|
|
|
- <avue-crud
|
|
|
- ref="crud"
|
|
|
- :option="customerContact"
|
|
|
- v-model="contactsForm"
|
|
|
- :data="contactsData"
|
|
|
- @saveColumn="saveColumn"
|
|
|
- @resetColumn="resetColumn"
|
|
|
- @row-save="rowSave"
|
|
|
- @row-update="rowUpdate"
|
|
|
- @row-del="rowDel"
|
|
|
- ></avue-crud>
|
|
|
+ <avue-crud ref="crud" :option="customerContact" v-model="contactsForm" :data="contactsData"
|
|
|
+ @saveColumn="saveColumn" @resetColumn="resetColumn" @row-save="rowSave" @row-update="rowUpdate"
|
|
|
+ @row-del="rowDel"></avue-crud>
|
|
|
</basic-container>
|
|
|
<!-- <containerTitle title="客户优势项目"></containerTitle>
|
|
|
<basic-container style="margin-bottom: 10px">
|
|
|
@@ -211,31 +105,15 @@
|
|
|
</basic-container> -->
|
|
|
<containerTitle title="客户开户行"></containerTitle>
|
|
|
<basic-container>
|
|
|
- <avue-crud
|
|
|
- ref="crud2"
|
|
|
- :option="bankOfDeposit"
|
|
|
- v-model="bankOfDepositForm"
|
|
|
- :data="bankOfDepositData"
|
|
|
- @saveColumn="saveColumn2"
|
|
|
- @resetColumn="resetColumn2"
|
|
|
- @row-save="rowSaveBankOfDeposit"
|
|
|
- @row-update="rowUpdateBankOfDeposit"
|
|
|
- @row-del="rowDelBankOfDeposit"
|
|
|
- ></avue-crud>
|
|
|
+ <avue-crud ref="crud2" :option="bankOfDeposit" v-model="bankOfDepositForm" :data="bankOfDepositData"
|
|
|
+ @saveColumn="saveColumn2" @resetColumn="resetColumn2" @row-save="rowSaveBankOfDeposit"
|
|
|
+ @row-update="rowUpdateBankOfDeposit" @row-del="rowDelBankOfDeposit"></avue-crud>
|
|
|
</basic-container>
|
|
|
<containerTitle title="收发货地址"></containerTitle>
|
|
|
<basic-container>
|
|
|
- <avue-crud
|
|
|
- ref="crud3"
|
|
|
- :option="addressOption"
|
|
|
- v-model="addressForm"
|
|
|
- :data="addressData"
|
|
|
- @saveColumn="saveColumn3"
|
|
|
- @resetColumn="resetColumn3"
|
|
|
- @row-save="rowSaveAddress"
|
|
|
- @row-update="rowUpdateAddress"
|
|
|
- @row-del="rowDelAddress"
|
|
|
- ></avue-crud>
|
|
|
+ <avue-crud ref="crud3" :option="addressOption" v-model="addressForm" :data="addressData"
|
|
|
+ @saveColumn="saveColumn3" @resetColumn="resetColumn3" @row-save="rowSaveAddress"
|
|
|
+ @row-update="rowUpdateAddress" @row-del="rowDelAddress"></avue-crud>
|
|
|
</basic-container>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -578,7 +456,7 @@ export default {
|
|
|
label: "信用等级",
|
|
|
prop: "creditRating",
|
|
|
span: 8
|
|
|
- },{
|
|
|
+ }, {
|
|
|
label: "首字母",
|
|
|
prop: "initials",
|
|
|
span: 8
|
|
|
@@ -655,17 +533,17 @@ export default {
|
|
|
});
|
|
|
} else if (this.detailData.treeDeptId) {
|
|
|
this.$set(this.form, "corpsTypeId", this.detailData.treeDeptId);
|
|
|
- if (this.$route.query.customerName){
|
|
|
+ if (this.$route.query.customerName) {
|
|
|
this.$set(this.form, "cname", this.$route.query.customerName);
|
|
|
this.$router.$avueRouter.closeTag(window.location.hash.slice(1))
|
|
|
- }else if (this.$route.query) {
|
|
|
+ } else if (this.$route.query) {
|
|
|
this.$set(this.form, "cname", this.$route.query.corpName);
|
|
|
}
|
|
|
} else {
|
|
|
- if (this.$route.query.customerName){
|
|
|
+ if (this.$route.query.customerName) {
|
|
|
this.$set(this.form, "cname", this.$route.query.customerName);
|
|
|
this.$router.$avueRouter.closeTag(window.location.hash.slice(1))
|
|
|
- }else if (this.$route.query) {
|
|
|
+ } else if (this.$route.query) {
|
|
|
this.$set(this.form, "cname", this.$route.query.corpName);
|
|
|
}
|
|
|
}
|
|
|
@@ -830,9 +708,9 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
backToList(value) {
|
|
|
- if (value == '0'){
|
|
|
+ if (value == '0') {
|
|
|
this.$emit("goBack");
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
this.$emit('goBack', true)
|
|
|
}
|
|
|
},
|