Commit 00ab6181 authored by 华国豪's avatar 华国豪 🙄

修改直客相关页面、修改线索相关页面

parent 0158aeb9
......@@ -365,10 +365,10 @@
<span>附件</span>
</div>
</el-upload>
<div class="ctrl-btn">
<!-- <div class="ctrl-btn">
<i class="iconfont iconguanlianbg"></i>
<span>关联商机</span>
</div>
</div> -->
<!-- <div>
<i class="iconfont iconkehu"></i>
<span>关联联系人</span>
......
......@@ -362,10 +362,10 @@
<span>附件</span>
</div>
</el-upload>
<div class="ctrl-btn" v-show="false">
<!-- <div class="ctrl-btn" v-show="false">
<i class="iconfont iconguanlianbg"></i>
<span>关联商机</span>
</div>
</div> -->
<!-- <div>
<i class="iconfont iconkehu"></i>
<span>关联联系人</span>
......
......@@ -15,12 +15,12 @@
</div>
<div class="rightmenu">
<el-button icon="el-icon-plus" class="crm-btn org-btn" @click="BusinessId = 0, dialogBusinessVisibleName = '新建商机', dialogBusinessVisible=true">新建商机</el-button>
<el-dropdown>
<el-dropdown @command="handleCommand">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item>
<el-dropdown-item command="1"><i class="iconfont icondaochu"></i> 导入</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -491,6 +491,9 @@ export default {
this.MsgBus.$off('editScene');
},
methods: {
handleCommand(command){
this.$message.warning('功能正在开发中~');
},
changeWhere(item){
this.msg.ID = item.ID
this.sceneID = item.ID
......
......@@ -46,13 +46,13 @@
<el-dropdown-item command="2"><i class="iconfont icontongxunlu"></i> 直客线索</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown>
<el-dropdown @command="handleCommand">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item>
<el-dropdown-item command="3"><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<!-- <el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item> -->
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -159,7 +159,7 @@
label="客户级别"
sortable
width="100"
v-if="queryType[5].show"
v-if="queryType[5].show && msg.CustomerType === 0"
show-overflow-tooltip>
</el-table-column>
<el-table-column
......@@ -514,8 +514,10 @@ export default {
if (command === '1') {
this.dialogTableVisibleName = '新建线索'
this.dialogTableVisible = true
} else {
} else if (command === '2') {
this.guestDialogBoxShow = true
} else if (command === '3') {
this.$message.warning('功能正在开发中~');
}
},
Employee(){
......
......@@ -130,6 +130,35 @@
text-align: center;
line-height: 140px;
}
.MyEditForm-item-checkd.MyEditForm-item .el-form-item{
width: 80%;
}
.MyEditForm-item-checkd .el-checkbox{
position: absolute;
right: -50px;
top: 10px;
}
._addPassengerEconomicCapability {
line-height: 22px;
overflow: hidden;
width: 100%;
}
._addPassengerEconomicCapability span {
display: inline-block;
padding: 2px 4px;
border: 1px solid #c0c4cc;
margin: 1px;
cursor: pointer;
color: #c0c4cc;
font-size: 12px;
border-radius: 4px;
}
._addPassengerEconomicCapability span._active {
border: 1px solid rgb(123, 194, 245);
color: rgb(123, 194, 245);
}
</style>
<template>
<el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" :close-on-click-modal="false" class="add-box add-box1 customerDialogBox">
......@@ -143,35 +172,28 @@
<el-row :gutter="30">
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户名称" prop="GusetName">
<el-input placeholder="请输入客户姓名" v-model="form.GusetName"></el-input>
<el-form-item label="身份证号码" prop="IdCard">
<el-input placeholder="请输入客户身份证号码" v-model="form.IdCard"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="电话" prop="MobilePhone">
<el-input placeholder="请输入联系电话" v-model="form.MobilePhone"></el-input>
<el-form-item label="中文姓" prop="SurName">
<el-input placeholder="请输入中文姓" v-model="form.SurName" @input="Transformation(form.SurName,'SurName')"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="所属客户">
<el-select v-model="form.CustomerID" placeholder="请选择所属客户">
<el-option
v-for='item in CustomerList'
:key="item.CustomerId"
:label="item.CustomerName"
:value="item.CustomerId">
</el-option>
</el-select>
<div class="MyEditForm-item">
<el-form-item label="中文名" prop="Name">
<el-input placeholder="请输入中文名" v-model="form.Name" @input="Transformation(form.Name,'Name')"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="性别">
<div class="MyEditForm-item">
<el-form-item label="性别" prop="Sex">
<el-select v-model="form.Sex">
<el-option :key="0" label="保密" :value="0"></el-option>
<el-option :key="1" label="男" :value="1"></el-option>
......@@ -182,7 +204,28 @@
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="生日" prop="Birthday">
<el-form-item label="英文姓" prop="ESurName">
<el-input placeholder="请输入英文姓" v-model="form.ESurName"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="英文名" prop="EName">
<el-input placeholder="请输入英文名" v-model="form.EName"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="手机号码" prop="MobilePhone">
<el-input placeholder="请输入手机号码" v-model="form.MobilePhone"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="生日">
<el-date-picker
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
......@@ -195,49 +238,54 @@
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="婚姻">
<el-select v-model="form.Marriage">
<el-option :key="0" label="保密" :value="0"></el-option>
<el-option :key="1" label="未婚" :value="1"></el-option>
<el-option :key="2" label="已婚" :value="2"></el-option>
</el-select>
<el-form-item label="出生地">
<el-input placeholder="请输入出生地" v-model="form.BirthdayAddress"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="职务">
<el-input placeholder="请输入职务" v-model="form.Duty"></el-input>
<el-form-item label="护照号">
<el-input placeholder="请输入护照号" v-model="form.PassportNo"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="是否高校学生">
<el-select v-model="form.IsHightSchool">
<el-option :key="1" label="是" :value="1"></el-option>
<el-option :key="2" label="否" :value="2"></el-option>
</el-select>
<el-form-item label="护照号签发地">
<el-input placeholder="请输入护照号签发地" v-model="form.PassportAddress"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户级别" prop="CustomerLevel">
<el-select v-model="form.CustomerLevel" placeholder="请选择客户级别">
<el-option
v-for="item in CustomerLevelEnum"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<div class="MyEditForm-item label-pad-left">
<el-form-item label="护照签发日期">
<el-date-picker
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.PassportIssued"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="国籍">
<el-form-item label="护照过期日">
<el-date-picker
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.PassportExpiry"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="国籍" prop="Nationality">
<el-select
v-model="form.Nationality" placeholder="国家">
<el-option
......@@ -251,62 +299,139 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户来源" prop="CustomerSourceType">
<el-select v-model="form.CustomerSourceType" placeholder="请选择客户来源">
<el-option
v-for="item in SourceEnum"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
<div class="MyEditForm-item label-pad-left">
<el-form-item label="婚姻">
<el-select v-model="form.Marriage">
<el-option :key="0" label="保密" :value="0"></el-option>
<el-option :key="1" label="未婚" :value="1"></el-option>
<el-option :key="2" label="已婚" :value="2"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="下次拜访时间">
<el-date-picker
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.NextContactTime"
type="date"
placeholder="选择日期">
</el-date-picker>
<el-form-item label="家庭居住地">
<el-input placeholder="请输入家庭居住地" v-model="form.Address"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24" v-if="form.CustomerSourceType === 6">
<div class="MyEditForm-item">
<el-form-item label="客户来源信息" prop="CustomerSource">
<el-input type="textarea" placeholder="请输入客户来源信息" v-model="form.CustomerSource"></el-input>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="家庭详细地址">
<el-input placeholder="请输入详细地址" v-model="form.AddressDetail"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="身份确认">
<el-select v-model="form.IdentityType">
<el-option v-for="item in VisaIdentityTypeEnum" :key="item.Id" :label="item.Name" :value="item.Name"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item MyEditForm-item-checkd label-pad-left">
<el-form-item label="出境记录">
<el-select v-model="form.HistoryRecord" filterable>
<el-option v-for="item in VisaDeparturesType" :key="item.Id" :label="item.Name" :value="item.Name">
</el-option>
</el-select>
<el-checkbox v-model='form.IsRecommend' :true-label='1' :false-label='2'>推荐</el-checkbox>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item ">
<el-form-item label="职务" prop="Duty">
<el-select v-model="form.Duty" filterable>
<el-option v-for="item in VisaDutyTypeEnum" :key="item.Id" :label="item.Name" :value="item.Name"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="备注">
<el-input type="textarea" placeholder="客户的特殊喜好" v-model="form.Remarks"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<p class="form-box-tit"><span class="radius"></span> 位置信息</p>
<el-row>
<el-col :span="24">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="定位">
<el-input type="textarea" placeholder="请输入详情地址" v-model="form.Address"></el-input>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="出游类型" prop="TravelType">
<el-select v-model="form.TravelType" filterable >
<el-option v-for="item in TravelTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="单位类型" prop="UnitType">
<el-select v-model="form.UnitType" filterable >
<el-option v-for="item in UnitTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="职务类型" prop="DutyType">
<el-select v-model="form.DutyType" filterable >
<el-option v-for="item in DutyTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="高校学生">
<el-select v-model="form.IsHightSchool">
<el-option :key="1" label="是" :value="1"></el-option>
<el-option :key="2" label="否" :value="2"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户来源" prop="CustomerSourceType">
<el-select v-model="form.CustomerSourceType" placeholder="请选择客户来源">
<el-option
v-for="item in SourceEnum"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="16" v-if="form.CustomerSourceType === 6">
<div class="MyEditForm-item">
<el-form-item label="客户来源信息" prop="CustomerSource">
<el-input type="textarea" placeholder="请输入客户来源信息" v-model="form.CustomerSource"></el-input>
</el-form-item>
</div>
</el-col>
<template v-for='(item,index) in EconomicCapabilityS' >
<el-col :span="8" :key="index" v-if='item.isShow' >
<div class="MyEditForm-item">
<el-form-item :label="item.Name">
<el-input v-model="item.Content" type="text" maxlength="50"></el-input>
</el-form-item>
</div>
</el-col>
</template>
</el-row>
</el-form>
<div class="_addPassengerEconomicCapability">
<span v-for="(item, index) in EconomicCapabilityS" :key="index" @click="addEconomicCapability(item)"
:class="{_active:item.isShow}">{{item.Name}}</span>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="add-box-btn" @click="submitForm('form')">确 定</el-button>
......@@ -344,48 +469,180 @@ export default {
CustomerLevelEnum: [],
CustomerBrandList: [],
form: {
ID: 0,
GusetName: '',
Sex: 0,
Id: 0,
SurName: '',
Name: '',
Sex: '',
EName: '',
ESurName: '',
Birthday: '',
BirthdayAddress: '',
PassportAddress: '',
PassportExpiry: '',
PassportNo: '',
Nationality: '',
Marriage: 0,
Marriage: '',
Address: '',
AddressDetail: '',
HistoryRecord: '',
IdentityType: '',
Duty: '',
IsHightSchool: 2,
EconomicCapabilityList: [],
Remarks: '',
TravelType: '',
UnitType: '',
DutyType: '',
IsHightSchool: '',
IsRecommend: '',
PassportIssued: '',
IssuingAuthority: '',
IdCard: '',
Tel: '',
MobilePhone: '',
NextContactTime: '',
CustomerSourceType: '',
CustomerSource: '',
CustomerLevel: '',
Remarks: '',
Address: '',
CustomerID: '',
CustomerType: 1,
Nationality: 0,
CustomerSource: ''
},
rules:{
GusetName: [
{ required: true, message: '请输入客户名称', trigger: 'blur' }
],
CustomerSource: [
VisaIdentityTypeEnum: [],
VisaDeparturesType: [],
VisaDutyTypeEnum: [],
TravelTypeList: [],
DutyTypeList: [],
UnitTypeList: [],
rules: {
DutyType: [
{ required: true, message: '请选择职务类型', trigger: 'change' }
],
UnitType: [
{ required: true, message: '请选择单位类型', trigger: 'change' }
],
TravelType: [
{ required: true, message: '请选择出游类型', trigger: 'change' }
],
IdCard: [{
required: true,
message: "请填身份证号码",
trigger: "blur"
}],
SurName: [{
required: true,
message: "请填写中文姓",
trigger: "blur"
}],
Name: [{
required: true,
message: "请填写中文名",
trigger: "blur"
}],
Sex: [{
required: true,
message: "请填选择性别",
trigger: "change"
}],
ESurName: [{
required: true,
message: "请填写英文姓",
trigger: "blur"
},
{
pattern: /^[a-zA-Z]/,
message: "请输入英文姓"
}
],
EName: [{
required: true,
message: "请填写英文名",
trigger: "blur"
},
{
pattern: /^[a-zA-Z]/,
message: "请输入英文姓"
}
],
Birthday: [{
required: true,
message: "请填选择出生日期",
trigger: "blur"
}],
PassportNo: [{
required: true,
message: "请填写护照号",
trigger: "blur"
},
{
pattern: /^[0-9a-zA-Z]+$/,
message: "正确的护照号"
}
],
PassportIssued: [{
required: true,
message: "请选择签发日期",
trigger: "blur"
}],
PassportExpiry: [{
required: true,
message: "请选择过期日",
trigger: "blur"
}],
AddressDetail: [{
required: true,
message: "请输入详细地址",
trigger: "blur"
}],
Address: [{
required: true,
message: "请输入家庭居住地",
trigger: "blur"
}],
PassportAddress: [{
required: true,
message: "请填写签发地",
trigger: "blur"
}],
MobilePhone: [{
required: true,
message: "请填写手机号码",
trigger: "blur"
}
],
Nationality: [{
required: true,
message: "请选择国籍",
trigger: "change"
}],
BirthdayAddress: [{
required: true,
message: "请填写出生地",
trigger: "change"
}],
IdentityType: [{
required: true,
message: "请选择身份确认",
trigger: "change"
}],
HistoryRecord: [{
required: true,
message: "请选择出境记录",
trigger: "change"
}],
Duty: [{
required: true,
message: "请选择职务",
trigger: "change"
}],
Marriage: [{
required: true,
message: "请选择婚姻",
trigger: "change"
}],
CustomerSource: [
{ required: true, message: '请输入客户来源信息', trigger: 'blur' }
],
CustomerLevel: [
{ required: true, message: '请选择客户级别', trigger: 'change' }
],
CustomerSourceType: [
{ required: true, message: '请选择客户来源', trigger: 'change' }
],
MobilePhone: [
{ required: true, message: '请输入联系电话', trigger: 'blur' }
],Birthday: [
{ required: true, message: '请选择客户生日', trigger: 'blur' }
],
},
show: true,
CustomerList: [],
EconomicCapabilityS: [],
};
},watch:{
CustomerId: {
......@@ -402,6 +659,13 @@ export default {
this.getCountryList()
this.GetCustomerSourceEnum()
this.getCustomerList()
this.getVisaIdentityTypeEnum()
this.getVisaDeparturesType()
this.getVisaDutyTypeEnum()
this.getTravelType()
this.getUnitType()
this.getDutyType()
this.getEconomicCapability();
let $this = this
setTimeout(()=>{
$this.dialogTableVisible = true
......@@ -452,6 +716,156 @@ export default {
}
},
methods: {
Transformation(val, type) {
let text = this.pinyin(val, {
style: this.pinyin.STYLE_NORMAL
});
if (type == "SurName") {
let upText = text.join("").toLocaleUpperCase()
this.form.ESurName = upText;
}
if (type == "Name") {
let upText = text.join("").toLocaleUpperCase()
this.form.EName = upText;
}
},
getEconomicCapability() {
//获取经济能力
this.apipost2(
"dict_post_GetList", {
Key: "SK_Visa_EconomicCapability",
IsTimer:1
},
res => {
this.EconomicCapabilityS = res.data.data;
if (this.CustomerId != 0) {
this.form.Id = this.CustomerId;
this.apipost('/api/Customer/GetAllGuesstCustomerModel', {ID: this.CustomerId}, res=>{
if (res.data.resultCode == 1) {
let obj = res.data.data;
obj.TravelType = obj.TravelType.toString()
obj.UnitType = obj.UnitType.toString()
obj.DutyType = obj.DutyType.toString()
this.form = obj;
this.EconomicCapabilityS.forEach(x => {
if (obj.EconomicCapabilityList) {
obj.EconomicCapabilityList.forEach(y => {
if (x.ID == y.ID) {
x.isShow = true;
x.Content = y.Value;
}
});
}
});
}
})
}
},
err => {}
);
},
addEconomicCapability(obj) {
// 添加经济能力说明
this.EconomicCapabilityS.forEach(x => {
if (x.ID == obj.ID) {
x.isShow ? (x.isShow = false) : (x.isShow = true);
}
});
this.$forceUpdate();
},
getDutyType(){
this.apipost2(
"dict_get_GetDictValueCommonList",
{
Key: 'SK_CRM_DutyType',
},
res => {
if (res.data.resultCode == 1) {
this.DutyTypeList = res.data.data
}else{
}
},
err => {}
);
},
getUnitType(){
this.apipost2(
"dict_get_GetDictValueCommonList",
{
Key: 'SK_CRM_UnitType',
},
res => {
if (res.data.resultCode == 1) {
this.UnitTypeList = res.data.data
}else{
}
},
err => {}
);
},
getTravelType(){
this.apipost2(
"dict_get_GetDictValueCommonList",
{
Key: 'SK_CRM_TravelType',
},
res => {
if (res.data.resultCode == 1) {
this.TravelTypeList = res.data.data
}else{
}
},
err => {}
);
},
getVisaDutyTypeEnum() {
//获取职务
let msg = {};
this.apipost2(
"dmc_get_visa_GetVisaDutyTypeEnum",
msg,
res => {
if (res.data.resultCode == 1) {
this.VisaDutyTypeEnum = res.data.data;
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getVisaDeparturesType() {
//获取出境记录状态
let msg = {};
this.apipost2(
"dmc_get_visa_GetVisaDeparturesTypeEnum",
msg,
res => {
if (res.data.resultCode == 1) {
this.VisaDeparturesType = res.data.data;
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getVisaIdentityTypeEnum() {
//获取身份证明
let msg = {};
this.apipost2(
"dmc_get_visa_GetVisaIdentityTypeEnum",
msg,
res => {
if (res.data.resultCode == 1) {
this.VisaIdentityTypeEnum = res.data.data;
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getCustomerList(){
this.apipost('/api/Customer/GetCustomerListByCreateInfo', {}, res=>{
if (res.data.resultCode == 1) {
......@@ -466,6 +880,16 @@ export default {
if (this.form.CustomerID === '') {
this.form.CustomerID = 0
}
this.form.EconomicCapabilityList = []
this.EconomicCapabilityS.forEach(x => {
if (x.isShow == true) {
this.form.EconomicCapabilityList.push({
Key: x.Name,
Value: x.Content,
ID: x.ID
});
}
});
this.apipost('/api/Customer/CreateGuestCustomerClue', this.form, res=>{
if (res.data.resultCode == 1) {
this.dialogTableVisible = false;
......@@ -493,26 +917,37 @@ export default {
},
resetForm(formName) { // 重置表单
this.form = {
ID: 0,
GusetName: '',
Sex: 0,
Id: 0,
SurName: '',
Name: 0,
Sex: '',
EName: '',
ESurName: 0,
Birthday: '',
BirthdayAddress: 2,
PassportAddress: '',
PassportExpiry: '',
PassportNo: '',
Nationality: '',
Marriage: 0,
Marriage: '',
Address: '',
AddressDetail: '',
HistoryRecord: '',
IdentityType: '',
Duty: '',
IsHightSchool: 2,
EconomicCapabilityList: [],
Remarks: '',
TravelType: '',
UnitType: '',
DutyType: '',
IsHightSchool: '',
IsRecommend: '',
PassportIssued: '',
IssuingAuthority: '',
IdCard: '',
Tel: '',
MobilePhone: '',
NextContactTime: '',
CustomerSourceType: '',
CustomerSource: '',
CustomerLevel: '',
Remarks: '',
Address: '',
CustomerID: '',
CustomerType: 1,
Nationality: 0,
CustomerSource: ''
}
this.$refs[formName].resetFields();
},
......
......@@ -15,12 +15,12 @@
</div>
<div class="rightmenu">
<el-button icon="el-icon-plus" class="crm-btn org-btn" @click="BusinessId = 0, dialogBusinessVisibleName = '新建联系人', dialogBusinessVisible=true">新建联系人</el-button>
<el-dropdown>
<el-dropdown @command="handleCommand">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item>
<el-dropdown-item command="1"><i class="iconfont icondaochu"></i> 导入</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -455,6 +455,9 @@ export default {
this.MsgBus.$off('editScene');
},
methods: {
handleCommand(command){
this.$message.warning('功能正在开发中~');
},
changeWhere(item){
this.msg.ID = item.ID
this.sceneID = item.ID
......
......@@ -32,14 +32,14 @@
<el-dropdown-item command="3"><i class="iconfont iconweituoweixuanzhong"></i> 单项委托合同</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown>
<!-- <el-dropdown>
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-dropdown> -->
</div>
</div>
<div class="query-box">
......
......@@ -114,13 +114,13 @@
<div class="rightmenu">
<!-- <el-button class="crm-btn query-btn" @click="getList">查询</el-button> -->
<el-button icon="el-icon-plus" class="crm-btn org-btn" @click="CustomerId = 0, dialogTableVisibleName = '新建客户', dialogTableVisible=true">新建客户</el-button>
<el-dropdown>
<el-dropdown @command="handleCommand">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item>
<el-dropdown-item command="1"><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<!-- <el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item> -->
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -324,14 +324,14 @@
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="NowSellName"
prop="PersonChargeStr"
label="负责人"
width="120"
v-if="queryType[15].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Visit"
prop="LastFollowUpTime"
label="近期约访"
sortable
v-if="queryType[16].show"
......@@ -631,7 +631,7 @@ export default {
pageIndex: 1,
pageSize: 30,
ContactNumber: '',
WhereType: 1,
WhereType: -1,
OrderBy: '',
Data: {},
ID: 1,
......@@ -731,6 +731,9 @@ export default {
this.MsgBus.$off('editScene');
},
methods: {
handleCommand(command){
this.$message.warning('功能正在开发中~');
},
changeWhere(item){
this.msg.ID = item.ID
this.sceneID = item.ID
......
......@@ -35,7 +35,7 @@
客户名称:
</el-col>
<el-col :span="14">
{{detailsData.GusetName}}
{{detailsData.SurName + detailsData.Name}}
</el-col>
</el-row>
</el-col>
......@@ -86,15 +86,113 @@
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
客户来源
身份证号
</el-col>
<el-col :span="14">
{{detailsData.CustomerSourceTypeStr}}
{{detailsData.IdCard}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
性别:
</el-col>
<el-col :span="14">
{{detailsData.Sex}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
手机号:
</el-col>
<el-col :span="14">
{{detailsData.MobilePhone}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
护照号:
</el-col>
<el-col :span="14">
{{detailsData.PassportNo}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
护照签发日期:
</el-col>
<el-col :span="14">
{{detailsData.PassportIssued}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
职务:
</el-col>
<el-col :span="14">
{{detailsData.PassportExpiry}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
护照过期日期:
</el-col>
<el-col :span="14">
{{detailsData.PassportExpiry}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
单位类型:
</el-col>
<el-col :span="14">
{{detailsData.UnitTypeStr}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
出游类型:
</el-col>
<el-col :span="14">
{{detailsData.TravelTypeStr}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
职位类型:
</el-col>
<el-col :span="14">
{{detailsData. DutyTypeStr}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
......
......@@ -130,6 +130,35 @@
text-align: center;
line-height: 140px;
}
.MyEditForm-item-checkd.MyEditForm-item .el-form-item{
width: 80%;
}
.MyEditForm-item-checkd .el-checkbox{
position: absolute;
right: -50px;
top: 10px;
}
._addPassengerEconomicCapability {
line-height: 22px;
overflow: hidden;
width: 100%;
}
._addPassengerEconomicCapability span {
display: inline-block;
padding: 2px 4px;
border: 1px solid #c0c4cc;
margin: 1px;
cursor: pointer;
color: #c0c4cc;
font-size: 12px;
border-radius: 4px;
}
._addPassengerEconomicCapability span._active {
border: 1px solid rgb(123, 194, 245);
color: rgb(123, 194, 245);
}
</style>
<template>
<el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" :close-on-click-modal="false" class="add-box add-box1 customerDialogBox">
......@@ -143,35 +172,28 @@
<el-row :gutter="30">
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户名称" prop="GusetName">
<el-input placeholder="请输入客户姓名" v-model="form.GusetName"></el-input>
<el-form-item label="身份证号码" prop="IdCard">
<el-input placeholder="请输入客户身份证号码" v-model="form.IdCard"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="电话" prop="MobilePhone">
<el-input placeholder="请输入联系电话" v-model="form.MobilePhone"></el-input>
<el-form-item label="中文姓" prop="SurName">
<el-input placeholder="请输入中文姓" v-model="form.SurName" @input="Transformation(form.SurName,'SurName')"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="所属客户">
<el-select v-model="form.CustomerID" placeholder="请选择所属客户">
<el-option
v-for='item in CustomerList'
:key="item.CustomerId"
:label="item.CustomerName"
:value="item.CustomerId">
</el-option>
</el-select>
<div class="MyEditForm-item">
<el-form-item label="中文名" prop="Name">
<el-input placeholder="请输入中文名" v-model="form.Name" @input="Transformation(form.Name,'Name')"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="性别">
<div class="MyEditForm-item">
<el-form-item label="性别" prop="Sex">
<el-select v-model="form.Sex">
<el-option :key="0" label="保密" :value="0"></el-option>
<el-option :key="1" label="男" :value="1"></el-option>
......@@ -180,6 +202,27 @@
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="英文姓" prop="ESurName">
<el-input placeholder="请输入英文姓" v-model="form.ESurName"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="英文名" prop="EName">
<el-input placeholder="请输入英文名" v-model="form.EName"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="手机号码" prop="MobilePhone">
<el-input placeholder="请输入手机号码" v-model="form.MobilePhone"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="生日" prop="Birthday">
......@@ -194,50 +237,55 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="婚姻">
<el-select v-model="form.Marriage">
<el-option :key="0" label="保密" :value="0"></el-option>
<el-option :key="1" label="未婚" :value="1"></el-option>
<el-option :key="2" label="已婚" :value="2"></el-option>
</el-select>
<div class="MyEditForm-item">
<el-form-item label="出生地" prop="BirthdayAddress">
<el-input placeholder="请输入出生地" v-model="form.BirthdayAddress"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="职务">
<el-input placeholder="请输入职务" v-model="form.Duty"></el-input>
<div class="MyEditForm-item">
<el-form-item label="护照号" prop="PassportNo">
<el-input placeholder="请输入护照号" v-model="form.PassportNo"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="是否高校学生">
<el-select v-model="form.IsHightSchool">
<el-option :key="1" label="是" :value="1"></el-option>
<el-option :key="2" label="否" :value="2"></el-option>
</el-select>
<div class="MyEditForm-item">
<el-form-item label="护照号签发地" prop="PassportAddress">
<el-input placeholder="请输入护照号签发地" v-model="form.PassportAddress"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户级别" prop="CustomerLevel">
<el-select v-model="form.CustomerLevel" placeholder="请选择客户级别">
<el-option
v-for="item in CustomerLevelEnum"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<el-form-item label="护照签发日期" prop="PassportIssued">
<el-date-picker
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.PassportIssued"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="护照过期日" prop="PassportExpiry">
<el-date-picker
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.PassportExpiry"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="国籍">
<el-form-item label="国籍" prop="Nationality">
<el-select
v-model="form.Nationality" placeholder="国家">
<el-option
......@@ -251,62 +299,140 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户来源" prop="CustomerSourceType">
<el-select v-model="form.CustomerSourceType" placeholder="请选择客户来源">
<el-option
v-for="item in SourceEnum"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
<div class="MyEditForm-item label-pad-left">
<el-form-item label="婚姻" prop="Marriage">
<el-select v-model="form.Marriage">
<el-option :key="0" label="保密" :value="0"></el-option>
<el-option :key="1" label="未婚" :value="1"></el-option>
<el-option :key="2" label="已婚" :value="2"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="下次拜访时间">
<el-date-picker
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.NextContactTime"
type="date"
placeholder="选择日期">
</el-date-picker>
<div class="MyEditForm-item">
<el-form-item label="家庭居住地" prop="Address">
<el-input placeholder="请输入家庭居住地" v-model="form.Address"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24" v-if="form.CustomerSourceType === 6">
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户来源信息" prop="CustomerSource">
<el-input type="textarea" placeholder="请输入客户来源信息" v-model="form.CustomerSource"></el-input>
<el-form-item label="家庭详细地址" prop="AddressDetail">
<el-input placeholder="请输入详细地址" v-model="form.AddressDetail"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="身份确认" prop="IdentityType">
<el-select v-model="form.IdentityType">
<el-option v-for="item in VisaIdentityTypeEnum" :key="item.Id" :label="item.Name" :value="item.Name"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item MyEditForm-item-checkd">
<el-form-item label="出境记录" prop="HistoryRecord">
<el-select v-model="form.HistoryRecord" filterable>
<el-option v-for="item in VisaDeparturesType" :key="item.Id" :label="item.Name" :value="item.Name">
</el-option>
</el-select>
<el-checkbox v-model='form.IsRecommend' :true-label='1' :false-label='2'>推荐</el-checkbox>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item ">
<el-form-item label="职务" prop="Duty">
<el-select v-model="form.Duty" filterable>
<el-option v-for="item in VisaDutyTypeEnum" :key="item.Id" :label="item.Name" :value="item.Name"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="备注">
<el-input type="textarea" placeholder="客户的特殊喜好" v-model="form.Remarks"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<p class="form-box-tit"><span class="radius"></span> 位置信息</p>
<el-row>
<el-col :span="24">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="定位">
<el-input type="textarea" placeholder="请输入详情地址" v-model="form.Address"></el-input>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="出游类型" prop="TravelType">
<el-select v-model="form.TravelType" filterable >
<el-option v-for="item in TravelTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="单位类型" prop="UnitType">
<el-select v-model="form.UnitType" filterable >
<el-option v-for="item in UnitTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="职务类型" prop="DutyType">
<el-select v-model="form.DutyType" filterable >
<el-option v-for="item in DutyTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="高校学生">
<el-select v-model="form.IsHightSchool">
<el-option :key="1" label="是" :value="1"></el-option>
<el-option :key="2" label="否" :value="2"></el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户来源" prop="CustomerSourceType">
<el-select v-model="form.CustomerSourceType" placeholder="请选择客户来源">
<el-option
v-for="item in SourceEnum"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="16" v-if="form.CustomerSourceType === 6">
<div class="MyEditForm-item">
<el-form-item label="客户来源信息" prop="CustomerSource">
<el-input type="textarea" placeholder="请输入客户来源信息" v-model="form.CustomerSource"></el-input>
</el-form-item>
</div>
</el-col>
<template v-for='(item,index) in EconomicCapabilityS' >
<el-col :span="8" :key="index" v-if='item.isShow' >
<div class="MyEditForm-item">
<el-form-item :label="item.Name">
<el-input v-model="item.Content" type="text" maxlength="50"></el-input>
</el-form-item>
</div>
</el-col>
</template>
</el-row>
</el-form>
<div class="_addPassengerEconomicCapability">
<span v-for="(item, index) in EconomicCapabilityS" :key="index" @click="addEconomicCapability(item)"
:class="{_active:item.isShow}">{{item.Name}}</span>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="add-box-btn" @click="submitForm('form')">确 定</el-button>
......@@ -344,46 +470,180 @@ export default {
CustomerLevelEnum: [],
CustomerBrandList: [],
form: {
ID: 0,
GusetName: '',
Sex: 0,
Id: 0,
CustomerSourceType: '',
CustomerSource: '',
SurName: '',
Name: '',
Sex: '',
EName: '',
ESurName: '',
Birthday: '',
BirthdayAddress: '',
PassportAddress: '',
PassportExpiry: '',
PassportNo: '',
Nationality: '',
Marriage: 0,
Marriage: '',
Address: '',
AddressDetail: '',
HistoryRecord: '',
IdentityType: '',
Duty: '',
IsHightSchool: 2,
EconomicCapabilityList: [],
Remarks: '',
TravelType: '',
UnitType: '',
DutyType: '',
IsHightSchool: '',
IsRecommend: '',
PassportIssued: '',
IssuingAuthority: '',
IdCard: '',
Tel: '',
MobilePhone: '',
NextContactTime: '',
CustomerSourceType: '',
CustomerSource: '',
CustomerLevel: '',
Remarks: '',
Address: '',
CustomerID: ''
},
rules:{
GusetName: [
{ required: true, message: '请输入客户名称', trigger: 'blur' }
],
VisaIdentityTypeEnum: [],
VisaDeparturesType: [],
VisaDutyTypeEnum: [],
TravelTypeList: [],
DutyTypeList: [],
UnitTypeList: [],
rules: {
DutyType: [
{ required: true, message: '请选择职务类型', trigger: 'change' }
],
UnitType: [
{ required: true, message: '请选择单位类型', trigger: 'change' }
],
TravelType: [
{ required: true, message: '请选择出游类型', trigger: 'change' }
],
IdCard: [{
required: true,
message: "请填身份证号码",
trigger: "blur"
}],
SurName: [{
required: true,
message: "请填写中文姓",
trigger: "blur"
}],
Name: [{
required: true,
message: "请填写中文名",
trigger: "blur"
}],
Sex: [{
required: true,
message: "请填选择性别",
trigger: "change"
}],
ESurName: [{
required: true,
message: "请填写英文姓",
trigger: "blur"
},
{
pattern: /^[a-zA-Z]/,
message: "请输入英文姓"
}
],
EName: [{
required: true,
message: "请填写英文名",
trigger: "blur"
},
{
pattern: /^[a-zA-Z]/,
message: "请输入英文姓"
}
],
Birthday: [{
required: true,
message: "请填选择出生日期",
trigger: "blur"
}],
PassportNo: [{
required: true,
message: "请填写护照号",
trigger: "blur"
},
{
pattern: /^[0-9a-zA-Z]+$/,
message: "正确的护照号"
}
],
PassportIssued: [{
required: true,
message: "请选择签发日期",
trigger: "blur"
}],
PassportExpiry: [{
required: true,
message: "请选择过期日",
trigger: "blur"
}],
AddressDetail: [{
required: true,
message: "请输入详细地址",
trigger: "blur"
}],
Address: [{
required: true,
message: "请输入家庭居住地",
trigger: "blur"
}],
PassportAddress: [{
required: true,
message: "请填写签发地",
trigger: "blur"
}],
MobilePhone: [{
required: true,
message: "请填写手机号码",
trigger: "blur"
}
],
Nationality: [{
required: true,
message: "请选择国籍",
trigger: "change"
}],
BirthdayAddress: [{
required: true,
message: "请填写出生地",
trigger: "change"
}],
IdentityType: [{
required: true,
message: "请选择身份确认",
trigger: "change"
}],
HistoryRecord: [{
required: true,
message: "请选择出境记录",
trigger: "change"
}],
Duty: [{
required: true,
message: "请选择职务",
trigger: "change"
}],
Marriage: [{
required: true,
message: "请选择婚姻",
trigger: "change"
}],
CustomerSource: [
{ required: true, message: '请输入客户来源信息', trigger: 'blur' }
],
CustomerLevel: [
{ required: true, message: '请选择客户级别', trigger: 'change' }
],
CustomerSourceType: [
{ required: true, message: '请选择客户来源', trigger: 'change' }
],
MobilePhone: [
{ required: true, message: '请输入联系电话', trigger: 'blur' }
],Birthday: [
{ required: true, message: '请选择客户生日', trigger: 'blur' }
],
},
show: true,
CustomerList: [],
EconomicCapabilityS: [],
};
},watch:{
CustomerId: {
......@@ -399,57 +659,170 @@ export default {
this.getCustomerBrandList()
this.getCountryList()
this.GetCustomerSourceEnum()
this.getCustomerList()
this.getVisaIdentityTypeEnum()
this.getVisaDeparturesType()
this.getVisaDutyTypeEnum()
this.getTravelType()
this.getUnitType()
this.getDutyType()
this.getEconomicCapability();
// this.getCustomerList()
let $this = this
setTimeout(()=>{
$this.dialogTableVisible = true
},50)
if (this.CustomerId!==0) {
this.apipost('/api/Customer/GetAllGuesstCustomerModel', {ID: this.CustomerId}, res=>{
if (res.data.resultCode == 1) {
let data = res.data.data
if(!data.HousePhotos){
data.HousePhotos = []
}
if(!data.BusinessCardPhotos){
data.BusinessCardPhotos = []
}
if(!data.Images){
data.Images = []
}
if(!data.CustomerSourceType){
data.CustomerSourceType = ''
}
if(!data.CustomerSource){
data.CustomerSource = ''
}
if(!data.Province){
data.Province = ''
}
if(!data.Country){
data.Country = ''
}
if(!data.City){
data.City = ''
}
if(!data.District){
data.District = ''
}
if(data.Country){
this.getProvinceList2(data.Country, 1)
}
if(data.Province){
this.getProvinceList2(data.Province, 2)
}
if(data.City){
this.getProvinceList2(data.City, 3)
}
this.form = data
}
})
}
},50)
},
methods: {
Transformation(val, type) {
let text = this.pinyin(val, {
style: this.pinyin.STYLE_NORMAL
});
if (type == "SurName") {
let upText = text.join("").toLocaleUpperCase()
this.form.ESurName = upText;
}
if (type == "Name") {
let upText = text.join("").toLocaleUpperCase()
this.form.EName = upText;
}
},
getEconomicCapability() {
//获取经济能力
this.apipost2(
"dict_post_GetList", {
Key: "SK_Visa_EconomicCapability",
IsTimer:1
},
res => {
this.EconomicCapabilityS = res.data.data;
if (this.CustomerId != 0) {
this.form.Id = this.CustomerId;
this.apipost('/api/Customer/GetAllGuesstCustomerModel', {ID: this.CustomerId}, res=>{
if (res.data.resultCode == 1) {
let obj = res.data.data;
obj.TravelType = obj.TravelType.toString()
obj.UnitType = obj.UnitType.toString()
obj.DutyType = obj.DutyType.toString()
this.form = obj;
this.EconomicCapabilityS.forEach(x => {
if (obj.EconomicCapabilityList) {
obj.EconomicCapabilityList.forEach(y => {
if (x.ID == y.ID) {
x.isShow = true;
x.Content = y.Value;
}
});
}
});
}
})
}
},
err => {}
);
},
addEconomicCapability(obj) {
// 添加经济能力说明
this.EconomicCapabilityS.forEach(x => {
if (x.ID == obj.ID) {
x.isShow ? (x.isShow = false) : (x.isShow = true);
}
});
this.$forceUpdate();
},
getDutyType(){
this.apipost2(
"dict_get_GetDictValueCommonList",
{
Key: 'SK_CRM_DutyType',
},
res => {
if (res.data.resultCode == 1) {
this.DutyTypeList = res.data.data
}else{
}
},
err => {}
);
},
getUnitType(){
this.apipost2(
"dict_get_GetDictValueCommonList",
{
Key: 'SK_CRM_UnitType',
},
res => {
if (res.data.resultCode == 1) {
this.UnitTypeList = res.data.data
}else{
}
},
err => {}
);
},
getTravelType(){
this.apipost2(
"dict_get_GetDictValueCommonList",
{
Key: 'SK_CRM_TravelType',
},
res => {
if (res.data.resultCode == 1) {
this.TravelTypeList = res.data.data
}else{
}
},
err => {}
);
},
getVisaDutyTypeEnum() {
//获取职务
let msg = {};
this.apipost2(
"dmc_get_visa_GetVisaDutyTypeEnum",
msg,
res => {
if (res.data.resultCode == 1) {
this.VisaDutyTypeEnum = res.data.data;
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getVisaDeparturesType() {
//获取出境记录状态
let msg = {};
this.apipost2(
"dmc_get_visa_GetVisaDeparturesTypeEnum",
msg,
res => {
if (res.data.resultCode == 1) {
this.VisaDeparturesType = res.data.data;
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getVisaIdentityTypeEnum() {
//获取身份证明
let msg = {};
this.apipost2(
"dmc_get_visa_GetVisaIdentityTypeEnum",
msg,
res => {
if (res.data.resultCode == 1) {
this.VisaIdentityTypeEnum = res.data.data;
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getCustomerList(){
this.apipost('/api/Customer/GetCustomerListByCreateInfo', {}, res=>{
if (res.data.resultCode == 1) {
......@@ -464,6 +837,16 @@ export default {
if (this.form.CustomerID === '') {
this.form.CustomerID = 0
}
this.form.EconomicCapabilityList = []
this.EconomicCapabilityS.forEach(x => {
if (x.isShow == true) {
this.form.EconomicCapabilityList.push({
Key: x.Name,
Value: x.Content,
ID: x.ID
});
}
});
this.apipost('/api/Customer/CreateGuesstCustomer', this.form, res=>{
if (res.data.resultCode == 1) {
this.dialogTableVisible = false;
......@@ -491,24 +874,37 @@ export default {
},
resetForm(formName) { // 重置表单
this.form = {
ID: 0,
GusetName: '',
Sex: 0,
Id: 0,
SurName: '',
Name: 0,
Sex: '',
EName: '',
ESurName: 0,
Birthday: '',
BirthdayAddress: 2,
PassportAddress: '',
PassportExpiry: '',
PassportNo: '',
Nationality: '',
Marriage: 0,
Marriage: '',
Address: '',
AddressDetail: '',
HistoryRecord: '',
IdentityType: '',
Duty: '',
IsHightSchool: 2,
IdCard: '',
Tel: '',
MobilePhone: '',
NextContactTime: '',
EconomicCapabilityList: [],
CustomerSourceType: '',
CustomerSource: '',
CustomerLevel: '',
Remarks: '',
Address: '',
CustomerID: ''
TravelType: '',
UnitType: '',
DutyType: '',
IsHightSchool: '',
IsRecommend: '',
PassportIssued: '',
IssuingAuthority: '',
IdCard: '',
MobilePhone: '',
}
this.$refs[formName].resetFields();
},
......
......@@ -66,7 +66,7 @@
<div class="drawer-header">
<div class="left">
<img src="../../assets/img/cust/kehu2.png" alt="">
<p>{{detailsData.GusetName}}</p>
<p>{{detailsData.SurName + detailsData.Name}}</p>
</div>
<div class="right">
<el-button class="crm-btn query-btn" @click="editCust" >编辑</el-button>
......
......@@ -17,13 +17,13 @@
<div class="rightmenu">
<!-- <el-button class="crm-btn query-btn" @click="getList">查询</el-button> -->
<el-button icon="el-icon-plus" class="crm-btn org-btn" @click="CustomerId = 0, dialogTableVisibleName = '新建直客', dialogTableVisible=true">新建直客</el-button>
<el-dropdown>
<el-dropdown @command="handleCommand">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item>
<el-dropdown-item command="1"><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<!-- <el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item> -->
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -188,6 +188,9 @@
sortable
v-if="queryType[29].show"
show-overflow-tooltip>
<template slot-scope="scope">
<p v-for="(item, index) in scope.row.EconomicCapability" :key="index">{{item.Value}}</p>
</template>
</el-table-column>
<el-table-column
prop="IsRecommendStr"
......@@ -295,25 +298,11 @@
v-if="queryType[22].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Birthday"
label="余额"
sortable
v-if="queryType[13].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Birthday"
label="余额"
sortable
v-if="queryType[13].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="CustomerLevelStr"
label="客户等级"
sortable
v-if="queryType[7].show"
v-if="false"
show-overflow-tooltip>
</el-table-column>
<el-table-column
......@@ -635,7 +624,7 @@ export default {
label: '订单交易数',
show: true,
},{
label: '交易金额',
label: '订单金额',
show: true,
},{
label: '出境记录',
......@@ -742,6 +731,9 @@ export default {
this.MsgBus.$off('editScene');
},
methods: {
handleCommand(command){
this.$message.warning('功能正在开发中~');
},
changeWhere(item){
this.msg.ID = item.ID
this.sceneID = item.ID
......@@ -895,6 +887,9 @@ export default {
this.apipost('/api/Customer/GetGuesstCustomerPageList', this.msg, res=>{
if (res.data.resultCode == 1) {
this.tableData = res.data.data.pageData;
this.tableData.map(x=>{
x.EconomicCapability = JSON.parse(x.EconomicCapability)
})
this.total = res.data.data.count;
this.loading = false;
}
......
......@@ -365,10 +365,10 @@
<span>附件</span>
</div>
</el-upload>
<div class="ctrl-btn">
<!-- <div class="ctrl-btn">
<i class="iconfont iconguanlianbg"></i>
<span>关联商机</span>
</div>
</div> -->
<!-- <div>
<i class="iconfont iconkehu"></i>
<span>关联联系人</span>
......
......@@ -13,13 +13,13 @@
<div class="rightmenu">
<!-- <el-button class="crm-btn query-btn" @click="getList">查询</el-button> -->
<!-- <el-button icon="el-icon-plus" class="crm-btn org-btn" @click="CustomerId = 0, dialogTableVisibleName = '新建客户', dialogTableVisible=true">新建</el-button> -->
<el-dropdown>
<el-dropdown @command="handleCommand">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item>
<el-dropdown-item command="1"><i class="iconfont icondaoru"></i> 导入</el-dropdown-item>
<!-- <el-dropdown-item><i class="iconfont icondaochu"></i> 导出</el-dropdown-item> -->
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -526,6 +526,9 @@ export default {
this.MsgBus.$off('sceneSave');
},
methods: {
handleCommand(command){
this.$message.warning('功能正在开发中~');
},
changeWhere(item){
this.msg.ID = item.ID
this.sceneID = item.ID
......
......@@ -21,6 +21,8 @@ import 'xe-utils'
import vueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import pinyin from 'pinyin'
Vue.prototype.pinyin = pinyin
// import VXETable from 'vxe-table'
// import 'vxe-table/lib/index.css'
// import tinymce from 'tinymce/tinymce'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment