Skip to content

C
CRM
Commit 1df6ed62 authored by zhengke's avatar zhengke
Browse files
Options

111

parent da0332a1
Show whitespace changes
Inline Side-by-side
Showing with 1546 additions and 1634 deletions
src/components/guestManagement/customerDialogBox.vue
View file @ 1df6ed62
<style> <style>
.customerDialogBox.add-box .add-tit{ .customerDialogBox.add-box .add-tit {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 20px; height: 20px;
} }
.customerDialogBox.add-box .add-tit p{
.customerDialogBox.add-box .add-tit p {
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: bold; font-weight: bold;
color:rgba(17,17,17,1); color: rgba(17, 17, 17, 1);
font-size:14px; font-size: 14px;
} }
.customerDialogBox.add-box .add-tit p span{
.customerDialogBox.add-box .add-tit p span {
display: inline-block; display: inline-block;
width:6px; width: 6px;
height:6px; height: 6px;
background:rgba(13,36,129,1); background: rgba(13, 36, 129, 1);
border-radius:50%; border-radius: 50%;
margin-right: 10px; margin-right: 10px;
} }
.customerDialogBox.add-box .el-dialog__header{
.customerDialogBox.add-box .el-dialog__header {
padding: 15px 20px; padding: 15px 20px;
background:rgba(255,255,255,1); background: rgba(255, 255, 255, 1);
} }
.customerDialogBox.add-box .dialog-footer{
.customerDialogBox.add-box .dialog-footer {
text-align: center; text-align: center;
background-color: rgba(248,250,251,1); background-color: rgba(248, 250, 251, 1);
padding-bottom: 20px; padding-bottom: 20px;
} }
.customerDialogBox.add-box .el-dialog__footer{
.customerDialogBox.add-box .el-dialog__footer {
padding: 0; padding: 0;
} }
.customerDialogBox.add-box .el-dialog__body{
background-color: rgba(248,250,251,1); .customerDialogBox.add-box .el-dialog__body {
background-color: rgba(248, 250, 251, 1);
padding-top: 20px; padding-top: 20px;
max-height: 500px; max-height: 500px;
overflow: auto; overflow: auto;
} }
.customerDialogBox .add-box-btn.el-button{
.customerDialogBox .add-box-btn.el-button {
border-radius: 0; border-radius: 0;
background-color: rgba(13, 36, 129, .8); background-color: rgba(13, 36, 129, .8);
border-color: rgba(13, 36, 129, .8); border-color: rgba(13, 36, 129, .8);
color: white; color: white;
padding: 12px 43px; padding: 12px 43px;
} }
.customerDialogBox .add-box-btn.el-button:hover{
.customerDialogBox .add-box-btn.el-button:hover {
background-color: rgba(13, 36, 129, 1); background-color: rgba(13, 36, 129, 1);
border-color: rgba(13, 36, 129, 1); border-color: rgba(13, 36, 129, 1);
color: white; color: white;
} }
.customerDialogBox .add-box-btn.el-button.add-box-cancel{
.customerDialogBox .add-box-btn.el-button.add-box-cancel {
color: rgba(13, 36, 129, .8); color: rgba(13, 36, 129, .8);
background-color: white; background-color: white;
} }
.customerDialogBox .add-box-btn.el-button.add-box-cancel:hover{
.customerDialogBox .add-box-btn.el-button.add-box-cancel:hover {
color: rgba(13, 36, 129, 1); color: rgba(13, 36, 129, 1);
background-color: white; background-color: white;
} }
.customerDialogBox .el-input .el-input-group__append {
.customerDialogBox .el-input .el-input-group__append {
background-color: rgba(13, 36, 129, 1); background-color: rgba(13, 36, 129, 1);
border-color: rgba(13, 36, 129, 1); border-color: rgba(13, 36, 129, 1);
color: #fff; color: #fff;
} }
.customerDialogBox .form-box .form-box-tit{
.customerDialogBox .form-box .form-box-tit {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 20px;
} }
.customerDialogBox .form-box .radius{
.customerDialogBox .form-box .radius {
display: flex; display: flex;
width:4px; width: 4px;
height:4px; height: 4px;
background:rgba(255,164,117,1); background: rgba(255, 164, 117, 1);
border-radius:50%; border-radius: 50%;
margin-right: 10px; margin-right: 10px;
} }
.customerDialogBox .up-img-box .uib-item{
.customerDialogBox .up-img-box .uib-item {
margin-right: 30px; margin-right: 30px;
width: 120px; width: 120px;
height: 120px; height: 120px;
background-color: white; background-color: white;
position: relative; position: relative;
margin-bottom: 30px; margin-bottom: 30px;
} }
.customerDialogBox .up-img-box .uib-item p{
.customerDialogBox .up-img-box .uib-item p {
position: absolute; position: absolute;
bottom: -30px; bottom: -30px;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
.customerDialogBox .up-img-box .uib-item:hover .imgzhe-btn{
.customerDialogBox .up-img-box .uib-item:hover .imgzhe-btn {
opacity: 1 opacity: 1
} }
.customerDialogBox .imgzhe {
.customerDialogBox .imgzhe {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
} }
.customerDialogBox .imgzhe .imgzhe-btn{
.customerDialogBox .imgzhe .imgzhe-btn {
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -110,41 +128,47 @@ ...@@ -110,41 +128,47 @@
top: 0; top: 0;
opacity: 1; opacity: 1;
transition: all linear .5s transition: all linear .5s
} }
.customerDialogBox .imgzhe .imgzhe-btn i{
.customerDialogBox .imgzhe .imgzhe-btn i {
font-size: 22px; font-size: 22px;
margin-right: 5px; margin-right: 5px;
color: white; color: white;
cursor: pointer; cursor: pointer;
} }
.customerDialogBox .up-ctrl{
.customerDialogBox .up-ctrl {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.customerDialogBox .up-ctrl>div{
.customerDialogBox .up-ctrl>div {
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center; text-align: center;
line-height: 140px; line-height: 140px;
} }
.MyEditForm-item-checkd.MyEditForm-item .el-form-item{
.MyEditForm-item-checkd.MyEditForm-item .el-form-item {
width: 80%; width: 80%;
} }
.MyEditForm-item-checkd .el-checkbox{
.MyEditForm-item-checkd .el-checkbox {
position: absolute; position: absolute;
right: -50px; right: -50px;
top: 10px; top: 10px;
} }
._addPassengerEconomicCapability {
._addPassengerEconomicCapability {
line-height: 22px; line-height: 22px;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
._addPassengerEconomicCapability span { ._addPassengerEconomicCapability span {
display: inline-block; display: inline-block;
padding: 2px 4px; padding: 2px 4px;
border: 1px solid #c0c4cc; border: 1px solid #c0c4cc;
...@@ -153,52 +177,57 @@ ...@@ -153,52 +177,57 @@
color: #c0c4cc; color: #c0c4cc;
font-size: 12px; font-size: 12px;
border-radius: 4px; border-radius: 4px;
} }
._addPassengerEconomicCapability span._active { ._addPassengerEconomicCapability span._active {
border: 1px solid rgb(123, 194, 245); border: 1px solid rgb(123, 194, 245);
color: rgb(123, 194, 245); color: rgb(123, 194, 245);
} }
</style> </style>
<template> <template>
<el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" :close-on-click-modal="false" class="add-box add-box1 customerDialogBox"> <el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" :close-on-click-modal="false"
class="add-box add-box1 customerDialogBox">
<div class="add-tit" slot="title"> <div class="add-tit" slot="title">
<p><span></span>{{name}}</p> <p><span></span>{{name}}</p>
<span icon="el-icon-close"></span> <span icon="el-icon-close"></span>
</div> </div>
<div class="form-box" v-if="show"> <div class="form-box" v-if="show">
<el-form :model="form" ref="form" class="MyEditForm" :rules="rules"> <el-form :model="form" ref="form" class="MyEditForm" :rules="rules">
<p class="form-box-tit"><span class="radius"></span> 基本信息</p> <p class="form-box-tit"><span class="radius"></span> 基本信息</p>
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item label-pad-left">
<el-form-item label="身份证号码" prop="IdCard"> <el-form-item label="需求" prop="ClueDemand ">
<el-input placeholder="请输入客户身份证号码" v-model="form.IdCard"></el-input> <el-input placeholder="请填写需求" v-model="form.ClueDemand "></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="中文姓" prop="SurName"> <el-form-item label="微信号" prop="WeChatNo">
<el-input placeholder="请输入中文姓" v-model="form.SurName" @input="Transformation(form.SurName,'SurName')"></el-input> <el-input placeholder="请输入微信号" v-model="form.WeChatNo"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="中文名" prop="Name"> <el-form-item label="手机号码" prop="MobilePhone">
<el-input placeholder="请输入中文名" v-model="form.Name" @input="Transformation(form.Name,'Name')"></el-input> <el-input placeholder="请输入手机号码" v-model="form.MobilePhone"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="性别" prop="Sex"> <el-form-item label="中文姓" prop="SurName">
<el-select v-model="form.Sex"> <el-input placeholder="请输入中文姓" v-model="form.SurName" @input="Transformation(form.SurName,'SurName')"></el-input>
<el-option :key="0" label="保密" :value="0"></el-option> </el-form-item>
<el-option :key="1" label="男" :value="1"></el-option> </div>
<el-option :key="2" label="女" :value="2"></el-option> </el-col>
</el-select> <el-col :span="8">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="中文名" prop="Name">
<el-input placeholder="请输入中文名" v-model="form.Name" @input="Transformation(form.Name,'Name')"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
...@@ -210,7 +239,7 @@ ...@@ -210,7 +239,7 @@
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item label-pad-left">
<el-form-item label="英文名" prop="EName"> <el-form-item label="英文名" prop="EName">
<el-input placeholder="请输入英文名" v-model="form.EName"></el-input> <el-input placeholder="请输入英文名" v-model="form.EName"></el-input>
</el-form-item> </el-form-item>
...@@ -218,81 +247,137 @@ ...@@ -218,81 +247,137 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="手机号码" prop="MobilePhone"> <el-form-item label="护照号" prop="PassportNo">
<el-input placeholder="请输入手机号码" v-model="form.MobilePhone"></el-input> <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="护照号签发地" prop="PassportAddress">
<el-input placeholder="请输入护照号签发地" v-model="form.PassportAddress"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="生日" prop="Birthday"> <el-form-item label="护照签发日期" prop="PassportIssued">
<el-date-picker <el-date-picker :clearable="false" value-format="yyyy-MM-dd HH:mm:ss" v-model="form.PassportIssued" type="date" placeholder="选择日期">
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.Birthday"
type="date"
placeholder="选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="出生地" prop="BirthdayAddress"> <el-form-item label="护照过期日" prop="PassportExpiry">
<el-input placeholder="请输入出生地" v-model="form.BirthdayAddress"></el-input> <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> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="护照号" prop="PassportNo"> <el-form-item label="客户来源" prop="CustomerSourceType">
<el-input placeholder="请输入护照号" v-model="form.PassportNo"></el-input> <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="8" 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>
<el-col :span="8" v-if="form.CustomerSourceType === 7">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="来源细分" prop="SourceAccount">
<el-select placeholder="请选择来源途径" v-model="form.SourceAccount">
<el-option v-for="item in SourceSegmentList" :key="item.ID" :label="item.Name"
:value="item.ID"></el-option>
</el-select>
</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> </el-form-item>
</div> </div>
</el-col> </el-col>
</template>
</el-row>
<el-col :span="24">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="备注" prop="Remarks">
<el-input type="textarea" placeholder="客户的特殊喜好" v-model="form.Remarks"></el-input>
</el-form-item>
</div>
</el-col>
</el-form>
</div>
<div class="form-box" v-if="show">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="更多信息" name="3">
<el-form :model="form" ref="form" class="MyEditForm">
<el-row :gutter="30">
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="护照号签发地" prop="PassportAddress"> <el-form-item label="身份证号码" prop="IdCard">
<el-input placeholder="请输入护照号签发地" v-model="form.PassportAddress"></el-input> <el-input placeholder="请输入客户身份证号码" v-model="form.IdCard"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="护照签发日期" prop="PassportIssued"> <el-form-item label="性别" prop="Sex">
<el-date-picker <el-select v-model="form.Sex">
:clearable="false" <el-option :key="0" label="保密" :value="0"></el-option>
value-format="yyyy-MM-dd HH:mm:ss" <el-option :key="1" label="男" :value="1"></el-option>
v-model="form.PassportIssued" <el-option :key="2" label="女" :value="2"></el-option>
type="date" </el-select>
placeholder="选择日期">
</el-date-picker>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="护照过期日" prop="PassportExpiry"> <el-form-item label="手机号码" prop="MobilePhone">
<el-date-picker <el-input placeholder="请输入手机号码" v-model="form.MobilePhone"></el-input>
:clearable="false" </el-form-item>
value-format="yyyy-MM-dd HH:mm:ss" </div>
v-model="form.PassportExpiry" </el-col>
type="date" <el-col :span="8">
placeholder="选择日期"> <div class="MyEditForm-item">
<el-form-item label="生日" prop="Birthday">
<el-date-picker :clearable="false" value-format="yyyy-MM-dd HH:mm:ss" v-model="form.Birthday" type="date" placeholder="选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8">
<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"> <el-col :span="8">
<div class="MyEditForm-item label-pad-left"> <div class="MyEditForm-item label-pad-left">
<el-form-item label="国籍" prop="Nationality"> <el-form-item label="国籍" prop="Nationality">
<el-select <el-select v-model="form.Nationality" placeholder="国家">
v-model="form.Nationality" placeholder="国家"> <el-option v-for="item in countryList" :key="item.ID" :label="item.Name" :value="item.ID">
<el-option
v-for="item in countryList"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -339,30 +424,15 @@ ...@@ -339,30 +424,15 @@
<el-option v-for="item in VisaDeparturesType" :key="item.Id" :label="item.Name" :value="item.Name"> <el-option v-for="item in VisaDeparturesType" :key="item.Id" :label="item.Name" :value="item.Name">
</el-option> </el-option>
</el-select> </el-select>
<el-checkbox v-model='form.IsRecommend' :true-label='1' :false-label='2'>推荐</el-checkbox> <el-checkbox v-model='form.IsRecommend' :true-label='1' :false-label='2'>推荐
</el-form-item> </el-checkbox>
</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> </el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="出游类型" prop="TravelType"> <el-form-item label="出游类型" prop="TravelType">
<el-select v-model="form.TravelType" filterable > <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-option v-for="item in TravelTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -371,7 +441,7 @@ ...@@ -371,7 +441,7 @@
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="单位类型" prop="UnitType"> <el-form-item label="单位类型" prop="UnitType">
<el-select v-model="form.UnitType" filterable > <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-option v-for="item in UnitTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -380,7 +450,7 @@ ...@@ -380,7 +450,7 @@
<el-col :span="8"> <el-col :span="8">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="职务类型" prop="DutyType"> <el-form-item label="职务类型" prop="DutyType">
<el-select v-model="form.DutyType" filterable > <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-option v-for="item in DutyTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -400,11 +470,7 @@ ...@@ -400,11 +470,7 @@
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="客户来源" prop="CustomerSourceType"> <el-form-item label="客户来源" prop="CustomerSourceType">
<el-select v-model="form.CustomerSourceType" placeholder="请选择客户来源"> <el-select v-model="form.CustomerSourceType" placeholder="请选择客户来源">
<el-option <el-option v-for="item in SourceEnum" :key="item.ID" :label="item.Name" :value="item.ID">
v-for="item in SourceEnum"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -413,12 +479,13 @@ ...@@ -413,12 +479,13 @@
<el-col :span="16" v-if="form.CustomerSourceType === 6"> <el-col :span="16" v-if="form.CustomerSourceType === 6">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="客户来源信息" prop="CustomerSource"> <el-form-item label="客户来源信息" prop="CustomerSource">
<el-input type="textarea" placeholder="请输入客户来源信息" v-model="form.CustomerSource"></el-input> <el-input type="textarea" placeholder="请输入客户来源信息" v-model="form.CustomerSource">
</el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-col> </el-col>
<template v-for='(item,index) in EconomicCapabilityS' > <template v-for='(item,index) in EconomicCapabilityS'>
<el-col :span="8" :key="index" v-if='item.isShow' > <el-col :span="8" :key="index" v-if='item.isShow'>
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item :label="item.Name"> <el-form-item :label="item.Name">
<el-input v-model="item.Content" type="text" maxlength="50"></el-input> <el-input v-model="item.Content" type="text" maxlength="50"></el-input>
...@@ -428,24 +495,24 @@ ...@@ -428,24 +495,24 @@
</template> </template>
</el-row> </el-row>
</el-form> </el-form>
<div class="_addPassengerEconomicCapability"> </el-collapse-item>
<span v-for="(item, index) in EconomicCapabilityS" :key="index" @click="addEconomicCapability(item)" </el-collapse>
:class="{_active:item.isShow}">{{item.Name}}</span>
</div>
</div>
<div slot="footer" class="dialog-footer"> </div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="add-box-btn" @click="submitForm('form')">确 定</el-button> <el-button type="primary" class="add-box-btn" @click="submitForm('form')">确 定</el-button>
<el-button class="add-box-btn add-box-cancel" @click="dialogTableVisible = false, resetForm('form')">取 消</el-button> <el-button class="add-box-btn add-box-cancel" @click="dialogTableVisible = false, resetForm('form')">取 消
</div> </el-button>
<el-dialog :visible.sync="dialogVisible"> </div>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt=""> <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog> </el-dialog>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
export default { export default {
props:{ props: {
CustomerId: { CustomerId: {
type: Number, type: Number,
default: 0 default: 0
...@@ -513,6 +580,9 @@ export default { ...@@ -513,6 +580,9 @@ export default {
IssuingAuthority: '', IssuingAuthority: '',
IdCard: '', IdCard: '',
MobilePhone: '', MobilePhone: '',
ClueDemand: '',
WeChatNo: '',
SourceAccount: '',
}, },
VisaIdentityTypeEnum: [], VisaIdentityTypeEnum: [],
VisaDeparturesType: [], VisaDeparturesType: [],
...@@ -521,25 +591,22 @@ export default { ...@@ -521,25 +591,22 @@ export default {
DutyTypeList: [], DutyTypeList: [],
UnitTypeList: [], UnitTypeList: [],
rules: { rules: {
DutyType: [ /* DutyType: [{
{ required: true, message: '请选择职务类型', trigger: 'change' }
],
UnitType: [
{ required: true, message: '请选择单位类型', trigger: 'change' }
],
TravelType: [
{ required: true, message: '请选择出游类型', trigger: 'change' }
],
IdCard: [{
required: true, required: true,
message: "请填身份证号码", message: '请选择职务类型',
trigger: "blur" trigger: 'change'
}], }],
SurName: [{ UnitType: [{
required: true, required: true,
message: "请填写中文姓", message: '请选择单位类型',
trigger: "blur" trigger: 'change'
}],
TravelType: [{
required: true,
message: '请选择出游类型',
trigger: 'change'
}], }],
Name: [{ Name: [{
required: true, required: true,
message: "请填写中文名", message: "请填写中文名",
...@@ -550,51 +617,21 @@ export default { ...@@ -550,51 +617,21 @@ export default {
message: "请填选择性别", message: "请填选择性别",
trigger: "change" trigger: "change"
}], }],
ESurName: [{
required: true,
message: "请填写英文姓",
trigger: "blur"
},
{
pattern: /^[a-zA-Z]/,
message: "请输入英文姓"
}
],
EName: [{ EName: [{
required: true, required: true,
message: "请填写英文名", message: "请填写英文名",
trigger: "blur" trigger: "blur"
}, }, {
{
pattern: /^[a-zA-Z]/, pattern: /^[a-zA-Z]/,
message: "请输入英文姓" message: "请输入英文姓"
} }],
],
Birthday: [{ Birthday: [{
required: true, required: true,
message: "请填选择出生日期", message: "请填选择出生日期",
trigger: "blur" 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: [{ AddressDetail: [{
required: true, required: true,
message: "请输入详细地址", message: "请输入详细地址",
...@@ -610,7 +647,11 @@ export default { ...@@ -610,7 +647,11 @@ export default {
message: "请填写签发地", message: "请填写签发地",
trigger: "blur" trigger: "blur"
}], }],
MobilePhone: [{ required: true, validator: checkPhone, trigger: 'blur'}], MobilePhone: [{
required: true,
validator: checkPhone,
trigger: 'blur'
}],
Nationality: [{ Nationality: [{
required: true, required: true,
message: "请选择国籍", message: "请选择国籍",
...@@ -640,24 +681,92 @@ export default { ...@@ -640,24 +681,92 @@ export default {
required: true, required: true,
message: "请选择婚姻", message: "请选择婚姻",
trigger: "change" trigger: "change"
}],*/
PassportNo: [{
required: true,
message: "请填写护照号",
trigger: "blur"
}, {
pattern: /^[0-9a-zA-Z]+$/,
message: "正确的护照号"
}],
PassportIssued: [{
required: true,
message: "请选择签发日期",
trigger: "blur"
}],
PassportExpiry: [{
required: true,
message: "请选择过期日",
trigger: "blur"
}],
ESurName: [{
required: true,
message: "请填写英文姓",
trigger: "blur"
}, {
pattern: /^[a-zA-Z]/,
message: "请输入英文姓"
}],
IdCard: [{
required: true,
message: "请填身份证号码",
trigger: "blur"
}],
SurName: [{
required: true,
message: "请填写中文姓",
trigger: "blur"
}],
CustomerSource: [{
required: true,
message: '请输入客户来源信息',
trigger: 'blur'
}],
CustomerSourceType: [{
required: true,
message: '请选择客户来源',
trigger: 'change'
}],
ClueDemand: [{
required: true,
message: '请填写需求',
trigger: 'blur'
}],
Remarks: [{
required: true,
message: '请填写备注',
trigger: 'blur'
}],
WeChatNo: [{
required: true,
message: '请填写微信号',
trigger: 'blur'
}], }],
CustomerSource: [ MobilePhone: [{
{ required: true, message: '请输入客户来源信息', trigger: 'blur' } required: true,
], message: '请填写手机号码',
CustomerSourceType: [ trigger: 'blur'
{ required: true, message: '请选择客户来源', trigger: 'change' } }],
], SourceAccount: [{
required: true,
message: '请选择你的来源',
trigger: 'change'
}]
}, },
show: true, show: true,
CustomerList: [], CustomerList: [],
EconomicCapabilityS: [], EconomicCapabilityS: [],
// 小红书
SourceSegmentList: [],
}; };
},watch:{ },
watch: {
CustomerId: { CustomerId: {
handler(val, oldVal){ handler(val, oldVal) {
console.log(val) // console.log(val)
}, },
deep:true deep: true
} }
}, },
mounted() { mounted() {
...@@ -674,10 +783,11 @@ export default { ...@@ -674,10 +783,11 @@ export default {
this.getDutyType() this.getDutyType()
this.getEconomicCapability(); this.getEconomicCapability();
// this.getCustomerList() // this.getCustomerList()
this.getSourceSegmentList()
let $this = this let $this = this
setTimeout(()=>{ setTimeout(() => {
$this.dialogTableVisible = true $this.dialogTableVisible = true
},50) }, 50)
}, },
methods: { methods: {
Transformation(val, type) { Transformation(val, type) {
...@@ -698,13 +808,15 @@ export default { ...@@ -698,13 +808,15 @@ export default {
this.apipost2( this.apipost2(
"dict_post_GetList", { "dict_post_GetList", {
Key: "SK_Visa_EconomicCapability", Key: "SK_Visa_EconomicCapability",
IsTimer:1 IsTimer: 1
}, },
res => { res => {
this.EconomicCapabilityS = res.data.data; this.EconomicCapabilityS = res.data.data;
if (this.CustomerId != 0) { if (this.CustomerId != 0) {
this.form.Id = this.CustomerId; this.form.Id = this.CustomerId;
this.apipost('/api/Customer/GetAllGuesstCustomerModel', {ID: this.CustomerId}, res=>{ this.apipost('/api/Customer/GetAllGuesstCustomerModel', {
ID: this.CustomerId
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let obj = res.data.data; let obj = res.data.data;
obj.TravelType = obj.TravelType.toString() obj.TravelType = obj.TravelType.toString()
...@@ -737,47 +849,41 @@ export default { ...@@ -737,47 +849,41 @@ export default {
}); });
this.$forceUpdate(); this.$forceUpdate();
}, },
getDutyType(){ getDutyType() {
this.apipost2( this.apipost2(
"dict_get_GetDictValueCommonList", "dict_get_GetDictValueCommonList", {
{
Key: 'SK_CRM_DutyType', Key: 'SK_CRM_DutyType',
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.DutyTypeList = res.data.data this.DutyTypeList = res.data.data
}else{ } else {}
}
}, },
err => {} err => {}
); );
}, },
getUnitType(){ getUnitType() {
this.apipost2( this.apipost2(
"dict_get_GetDictValueCommonList", "dict_get_GetDictValueCommonList", {
{
Key: 'SK_CRM_UnitType', Key: 'SK_CRM_UnitType',
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.UnitTypeList = res.data.data this.UnitTypeList = res.data.data
}else{ } else {}
}
}, },
err => {} err => {}
); );
}, },
getTravelType(){ getTravelType() {
this.apipost2( this.apipost2(
"dict_get_GetDictValueCommonList", "dict_get_GetDictValueCommonList", {
{
Key: 'SK_CRM_TravelType', Key: 'SK_CRM_TravelType',
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.TravelTypeList = res.data.data this.TravelTypeList = res.data.data
}else{ } else {}
}
}, },
err => {} err => {}
); );
...@@ -830,17 +936,24 @@ export default { ...@@ -830,17 +936,24 @@ export default {
err => {} err => {}
); );
}, },
getCustomerList(){ getCustomerList() {
this.apipost('/api/Customer/GetCustomerListByCreateInfo', {}, res=>{ this.apipost('/api/Customer/GetCustomerListByCreateInfo', {}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.CustomerList = res.data.data this.CustomerList = res.data.data
} }
}) })
}, },
closedDialog(){ getSourceSegmentList() {
this.apipost('/api/Customer/GetGuestSourceAccountList', {}, res => {
if (res.data.resultCode == 1) {
this.SourceSegmentList = res.data.data
}
})
},
closedDialog() {
this.MsgBus.$emit('closeCustomerDialogBox') this.MsgBus.$emit('closeCustomerDialogBox')
}, },
addData(){ addData() {
if (this.form.CustomerID === '') { if (this.form.CustomerID === '') {
this.form.CustomerID = 0 this.form.CustomerID = 0
} }
...@@ -854,11 +967,11 @@ export default { ...@@ -854,11 +967,11 @@ export default {
}); });
} }
}); });
this.apipost('/api/Customer/CreateGuesstCustomer', this.form, res=>{ this.apipost('/api/Customer/CreateGuesstCustomer', this.form, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.dialogTableVisible = false; this.dialogTableVisible = false;
// 有id 发送更新抽屉消息 // 有id 发送更新抽屉消息
if(this.CustomerId !== 0) { if (this.CustomerId !== 0) {
this.$message.success('修改直客成功'); this.$message.success('修改直客成功');
this.MsgBus.$emit('RefreshInfoBox') this.MsgBus.$emit('RefreshInfoBox')
} else { } else {
...@@ -931,15 +1044,15 @@ export default { ...@@ -931,15 +1044,15 @@ export default {
} }
}, err => {}) }, err => {})
}, },
GetCustomerLevelEnum(){ GetCustomerLevelEnum() {
this.apipost('/api/Customer/GetCustomerLevelEnum', {}, res=>{ this.apipost('/api/Customer/GetCustomerLevelEnum', {}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.CustomerLevelEnum = res.data.data this.CustomerLevelEnum = res.data.data
} }
}) })
}, },
GetCustomerSourceEnum(){ GetCustomerSourceEnum() {
this.apipost('/api/Customer/GetCustomerSourceEnum', {}, res=>{ this.apipost('/api/Customer/GetCustomerSourceEnum', {}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.SourceEnum = res.data.data this.SourceEnum = res.data.data
} }
...@@ -1036,7 +1149,7 @@ export default { ...@@ -1036,7 +1149,7 @@ export default {
this.form.HousePhotos.push(url); this.form.HousePhotos.push(url);
}); });
}, },
showImg(i){ showImg(i) {
let url = '' let url = ''
if (i === 1) { if (i === 1) {
url = this.form.Images[0] url = this.form.Images[0]
...@@ -1048,7 +1161,7 @@ export default { ...@@ -1048,7 +1161,7 @@ export default {
this.dialogImageUrl = url; this.dialogImageUrl = url;
this.dialogVisible = true; this.dialogVisible = true;
}, },
delImg(i){ delImg(i) {
if (i === 1) { if (i === 1) {
this.form.Images = [] this.form.Images = []
} else if (i === 2) { } else if (i === 2) {
...@@ -1058,5 +1171,5 @@ export default { ...@@ -1058,5 +1171,5 @@ export default {
} }
}, },
} }
} }
</script> </script>
\ No newline at end of file
src/components/guestManagement/guestManagement.vue
View file @ 1df6ed62
<style> <style>
@import '../../assets/css/customerManage.css'; @import '../../assets/css/customerManage.css';
.el-table__fixed-body-wrapper table {
.el-table__fixed-body-wrapper table{
padding-bottom: 8px!important; padding-bottom: 8px!important;
} }
</style> </style>
<template> <template>
<div class="customerManage"> <div class="customerManage">
...@@ -117,233 +116,77 @@ ...@@ -117,233 +116,77 @@
width="120" width="120"
v-if="queryType[0].show" v-if="queryType[0].show"
show-overflow-tooltip> show-overflow-tooltip>
<template slot-scope="scope"> <template @click="openDetails(scope)" slot-scope="scope">
<p @click="openDetails(scope)" class="font-color-link cp">{{scope.row.GusetName}}</p> <p class="font-color-link cp">{{scope.row.GusetName}}</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="MobilePhone" label="手机号码" width="120" v-if="queryType[1].show" show-overflow-tooltip>
prop="MobilePhone" </el-table-column>
label="手机号码" <el-table-column prop="Address" label="地址" v-if="queryType[2].show" show-overflow-tooltip>
width="120" </el-table-column>
v-if="queryType[1].show" <el-table-column prop="CustomerSourceTypeStr" label="客户来源" v-if="queryType[3].show" show-overflow-tooltip>
show-overflow-tooltip> </el-table-column>
</el-table-column> <el-table-column prop="TraveNum" label="参团数" sortable v-if="queryType[4].show" show-overflow-tooltip>
<el-table-column </el-table-column>
prop="Address" <el-table-column prop="OrderCount" label="订单交易数" sortable v-if="queryType[24].show" show-overflow-tooltip>
label="地址" </el-table-column>
v-if="queryType[2].show" <el-table-column prop="OrderMoney" label="交易金额" sortable v-if="queryType[25].show" show-overflow-tooltip>
show-overflow-tooltip> </el-table-column>
</el-table-column> <el-table-column prop="BirthdayAddress" label="出生地点" sortable v-if="queryType[28].show" show-overflow-tooltip>
<el-table-column </el-table-column>
prop="CustomerSourceTypeStr" <el-table-column prop="AddressDetail" label="家庭详细地址" sortable v-if="queryType[27].show" show-overflow-tooltip>
label="客户来源" </el-table-column>
v-if="queryType[3].show" <el-table-column prop="HistoryRecord" label="出境记录" sortable v-if="queryType[26].show" show-overflow-tooltip>
show-overflow-tooltip> </el-table-column>
</el-table-column> <el-table-column prop="EconomicCapability" label="经济能力确认" sortable v-if="queryType[29].show" show-overflow-tooltip>
<el-table-column
prop="TraveNum"
label="参团数"
sortable
v-if="queryType[4].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="OrderCount"
label="订单交易数"
sortable
v-if="queryType[24].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="OrderMoney"
label="交易金额"
sortable
v-if="queryType[25].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="BirthdayAddress"
label="出生地点"
sortable
v-if="queryType[28].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="AddressDetail"
label="家庭详细地址"
sortable
v-if="queryType[27].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="HistoryRecord"
label="出境记录"
sortable
v-if="queryType[26].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="EconomicCapability"
label="经济能力确认"
sortable
v-if="queryType[29].show"
show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-for="(item, index) in scope.row.EconomicCapability" :key="index">{{item.Value}}{{index === scope.row.EconomicCapability.length -1 ? '' : '、'}}</span> <span v-for="(item, index) in scope.row.EconomicCapability" :key="index">{{item.Value}}{{index === scope.row.EconomicCapability.length -1 ? '' : '、'}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="IsRecommendStr" label="是否推存" sortable v-if="queryType[30].show" show-overflow-tooltip>
prop="IsRecommendStr" </el-table-column>
label="是否推存" <el-table-column prop="BusinessCount" label="商机数" sortable v-if="queryType[5].show" show-overflow-tooltip>
sortable </el-table-column>
v-if="queryType[30].show" <el-table-column prop="ScoreNum" label="总评分" sortable v-if="queryType[6].show" show-overflow-tooltip>
show-overflow-tooltip> </el-table-column>
</el-table-column> <el-table-column prop="Client_Balance" label="余额" sortable v-if="queryType[8].show" show-overflow-tooltip>
<el-table-column </el-table-column>
prop="BusinessCount" <el-table-column prop="Birthday" label="生日" width="120" sortable v-if="queryType[13].show" show-overflow-tooltip>
label="商机数" </el-table-column>
sortable <el-table-column prop="MarriageStr" label="是否结婚" sortable v-if="queryType[14].show" show-overflow-tooltip>
v-if="queryType[5].show" </el-table-column>
show-overflow-tooltip> <el-table-column prop=" Duty" label="职务" sortable v-if="queryType[15].show" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="IsHightSchool" label="是否高中生" sortable width="120" v-if="queryType[16].show" show-overflow-tooltip>
prop="ScoreNum"
label="总评分"
sortable
v-if="queryType[6].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Client_Balance"
label="余额"
sortable
v-if="queryType[8].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Birthday"
label="生日"
width="120"
sortable
v-if="queryType[13].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="MarriageStr"
label="是否结婚"
sortable
v-if="queryType[14].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop=" Duty"
label="职务"
sortable
v-if="queryType[15].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="IsHightSchool"
label="是否高中生"
sortable
width="120"
v-if="queryType[16].show"
show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<p>{{scope.row.IsHightSchool === 1 ? '是': '否'}}</p> <p>{{scope.row.IsHightSchool === 1 ? '是': '否'}}</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop=" IdCard" label="身份证" sortable v-if="queryType[17].show" show-overflow-tooltip>
prop=" IdCard" </el-table-column>
label="身份证" <el-table-column prop="PassportNo" label="护照号" sortable v-if="queryType[18].show" show-overflow-tooltip>
sortable </el-table-column>
v-if="queryType[17].show" <el-table-column prop="PassportAddress" label="护照签发地" width="120" sortable v-if="queryType[19].show" show-overflow-tooltip>
show-overflow-tooltip> </el-table-column>
</el-table-column> <el-table-column prop="PassportIssuedStr" label="护照签发日期" width="120" sortable v-if="queryType[20].show" show-overflow-tooltip>
<el-table-column </el-table-column>
prop="PassportNo" <el-table-column prop="PassportExpiryStr" label="护照过期时间" width="120" sortable v-if="queryType[21].show" show-overflow-tooltip>
label="护照号" </el-table-column>
sortable <el-table-column prop="IssuingAuthority" label="签发机关" sortable v-if="queryType[22].show" show-overflow-tooltip>
v-if="queryType[18].show" </el-table-column>
show-overflow-tooltip> <el-table-column prop="CustomerLevelStr" label="客户等级" sortable v-if="false" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="Remarks" label="备注" sortable v-if="queryType[23].show" show-overflow-tooltip>
prop="PassportAddress" </el-table-column>
label="护照签发地" <el-table-column prop="UpdateDate" label="最后更新时间" sortable v-if="queryType[9].show" show-overflow-tooltip>
width="120" </el-table-column>
sortable <el-table-column prop="PersonChargeStr" label="负责人" sortable v-if="queryType[10].show" show-overflow-tooltip>
v-if="queryType[19].show" </el-table-column>
show-overflow-tooltip> <el-table-column prop="CreateTimestr" label="创建时间" v-if="queryType[11].show" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="CreateByStr" label="创建人" v-if="queryType[12].show" width="120" show-overflow-tooltip>
prop="PassportIssuedStr" </el-table-column>
label="护照签发日期" <el-table-column prop="IsCarefor" fixed="right" width="50" label="关注">
width="120"
sortable
v-if="queryType[20].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="PassportExpiryStr"
label="护照过期时间"
width="120"
sortable
v-if="queryType[21].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="IssuingAuthority"
label="签发机关"
sortable
v-if="queryType[22].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="CustomerLevelStr"
label="客户等级"
sortable
v-if="false"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Remarks"
label="备注"
sortable
v-if="queryType[23].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="UpdateDate"
label="最后更新时间"
sortable
v-if="queryType[9].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="PersonChargeStr"
label="负责人"
sortable
v-if="queryType[10].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="CreateTimestr"
label="创建时间"
v-if="queryType[11].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="CreateByStr"
label="创建人"
v-if="queryType[12].show"
width="120"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="IsCarefor"
fixed="right"
width="50"
label="关注">
<template slot-scope="scope"> <template slot-scope="scope">
<p> <p>
<el-tooltip class="item" effect="dark" content="关注" placement="top"> <el-tooltip class="item" effect="dark" content="关注" placement="top">
...@@ -354,10 +197,8 @@ ...@@ -354,10 +197,8 @@
</el-tooltip> </el-tooltip>
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column width="40" fixed="right">
width="40"
fixed="right">
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<el-popover <el-popover
placement="bottom" placement="bottom"
...@@ -366,48 +207,29 @@ ...@@ -366,48 +207,29 @@
<i class="el-icon-s-operation cp" slot="reference"></i> <i class="el-icon-s-operation cp" slot="reference"></i>
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div> <div>
<el-pagination <el-pagination class="Mypagination" background @current-change="handleCurrentChange" :page-sizes="[30, 60, 90, 100]" :page-size="msg.pageSize" layout="sizes, prev, pager, next" @size-change="handleSizeChange" :total="total">
class="Mypagination"
background
@current-change="handleCurrentChange"
:page-sizes="[30, 60, 90, 100]"
:page-size="msg.pageSize"
layout="sizes, prev, pager, next"
@size-change="handleSizeChange"
:total="total">
</el-pagination> </el-pagination>
</div> </div>
<el-drawer <el-drawer :with-header="false" size='70%' :visible.sync="drawer" direction="rtl" :before-close="handleClose">
:with-header="false" <customerInfoBox :CustomerId="CustomerId" @transferS="transfer" @editCustS="editCust" />
size='70%' </el-drawer>
:visible.sync="drawer" <div v-if="dialogTableVisible">
direction="rtl" <customerDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId" />
:before-close="handleClose"> </div>
<customerInfoBox :CustomerId="CustomerId" @transferS="transfer" @editCustS="editCust"/> <el-dialog :visible.sync="transferVisible" :close-on-click-modal="false" width="450px" custom-class="transfer-box add-box add-box2">
</el-drawer>
<div v-if="dialogTableVisible">
<customerDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId"/>
</div>
<el-dialog :visible.sync="transferVisible" :close-on-click-modal="false" width="450px" custom-class="transfer-box add-box add-box2">
<div class="add-tit" slot="title"> <div class="add-tit" slot="title">
<p><span></span>客户转移</p> <p><span></span>客户转移</p>
<span icon="el-icon-close"></span> <span icon="el-icon-close"></span>
</div> </div>
<el-form :model="transferMsg" ref="form" class="MyEditForm" > <el-form :model="transferMsg" ref="form" class="MyEditForm">
<div class="MyEditForm-item"> <div class="MyEditForm-item">
<el-form-item label="变更负责人为" class="label-pad-left"> <el-form-item label="变更负责人为" class="label-pad-left">
<el-select <el-select filterable v-model="transferMsg.EmpId" placeholder="请选择">
filterable <el-option v-for="item in EmployeeList" :label='item.EmName' :value='item.EmployeeId' :key='item.EmployeeId'>
v-model="transferMsg.EmpId" placeholder="请选择">
<el-option
v-for="item in EmployeeList"
:label='item.EmName'
:value='item.EmployeeId'
:key='item.EmployeeId'>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -417,14 +239,14 @@ ...@@ -417,14 +239,14 @@
<el-button type="primary" class="add-box-btn" @click="transfer(2)">确 定</el-button> <el-button type="primary" class="add-box-btn" @click="transfer(2)">确 定</el-button>
<el-button class="add-box-btn add-box-cancel" @click="transferVisible = false">取 消</el-button> <el-button class="add-box-btn add-box-cancel" @click="transferVisible = false">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import mySelect from "../dialogModel/select"; import mySelect from "../dialogModel/select";
import customerInfoBox from "./customerInfoBox"; import customerInfoBox from "./customerInfoBox";
import customerDialogBox from "./customerDialogBox"; import customerDialogBox from "./customerDialogBox";
export default { export default {
components: { components: {
mySelect, mySelect,
customerInfoBox, customerInfoBox,
...@@ -432,217 +254,194 @@ export default { ...@@ -432,217 +254,194 @@ export default {
}, },
data() { data() {
return { return {
queryType2: [ queryType2: [{
{
label: '客户名称', label: '客户名称',
show: true, show: true,
},{ }, {
label: '手机号码', label: '手机号码',
show: true, show: true,
},{ }, {
label: '地址', label: '地址',
show: true, show: true,
},{ }, {
label: '客户来源', label: '客户来源',
show: true, show: true,
},{ }, {
label: '参团数', label: '参团数',
show: true, show: true,
} }, {
,{
label: '商机数', label: '商机数',
show: true, show: true,
},{ }, {
label: '总评分', label: '总评分',
show: true, show: true,
},{ }, {
label: '客户等级', label: '客户等级',
show: true, show: true,
},{ }, {
label: '余额', label: '余额',
show: true, show: true,
},{ }, {
label: '最后更新时间', label: '最后更新时间',
show: true, show: true,
},{ }, {
label: '负责人', label: '负责人',
show: true, show: true,
},{ }, {
label: '创建时间', label: '创建时间',
show: true, show: true,
},{ }, {
label: '创建人', label: '创建人',
show: true, show: true,
},{ }, {
label: '生日', label: '生日',
show: true, show: true,
},{ }, {
label: '是否结婚', label: '是否结婚',
show: true, show: true,
} }, {
,{
label: '职务', label: '职务',
show: true, show: true,
} }, {
,{
label: '是否高中生', label: '是否高中生',
show: true, show: true,
} }, {
,{
label: '身份证', label: '身份证',
show: true, show: true,
} }, {
,{
label: '护照号', label: '护照号',
show: true, show: true,
} }, {
,{
label: '护照签发地', label: '护照签发地',
show: true, show: true,
} }, {
,{
label: '护照签发日期', label: '护照签发日期',
show: true, show: true,
} }, {
,{
label: '护照过期时间', label: '护照过期时间',
show: true, show: true,
} }, {
,{
label: '签发机关', label: '签发机关',
show: true, show: true,
} }, {
,{
label: '备注', label: '备注',
show: true, show: true,
},{ }, {
label: '订单交易数', label: '订单交易数',
show: true, show: true,
},{ }, {
label: '订单金额', label: '订单金额',
show: true, show: true,
},{ }, {
label: '出境记录', label: '出境记录',
show: true, show: true,
},{ }, {
label: '家庭详细地址 ', label: '家庭详细地址 ',
show: true, show: true,
},{ }, {
label: '出生地点', label: '出生地点',
show: true, show: true,
},{ }, {
label: '经济能力确认', label: '经济能力确认',
show: true, show: true,
},{ }, {
label: '是否推存', label: '是否推存',
show: true, show: true,
} }],
], queryType: [{
queryType: [
{
label: '客户名称', label: '客户名称',
show: true, show: true,
},{ }, {
label: '手机号码', label: '手机号码',
show: true, show: true,
},{ }, {
label: '地址', label: '地址',
show: true, show: true,
},{ }, {
label: '客户来源', label: '客户来源',
show: true, show: true,
},{ }, {
label: '参团数', label: '参团数',
show: true, show: true,
},{ }, {
label: '商机数', label: '商机数',
show: true, show: true,
},{ }, {
label: '总评分', label: '总评分',
show: true, show: true,
},{ }, {
label: '客户等级', label: '客户等级',
show: true, show: true,
},{ }, {
label: '余额', label: '余额',
show: true, show: true,
},{ }, {
label: '最后更新时间', label: '最后更新时间',
show: true, show: true,
},{ }, {
label: '负责人', label: '负责人',
show: true, show: true,
},{ }, {
label: '创建时间', label: '创建时间',
show: true, show: true,
},{ }, {
label: '创建人', label: '创建人',
show: true, show: true,
},{ }, {
label: '生日', label: '生日',
show: true, show: true,
},{ }, {
label: '是否结婚', label: '是否结婚',
show: true, show: true,
} }, {
,{
label: '职务', label: '职务',
show: true, show: true,
} }, {
,{
label: '是否高中生', label: '是否高中生',
show: true, show: true,
} }, {
,{
label: '身份证', label: '身份证',
show: true, show: true,
} }, {
,{
label: '护照号', label: '护照号',
show: true, show: true,
} }, {
,{
label: '护照签发地', label: '护照签发地',
show: true, show: true,
} }, {
,{
label: '护照签发日期', label: '护照签发日期',
show: true, show: true,
} }, {
,{
label: '护照过期时间', label: '护照过期时间',
show: true, show: true,
} }, {
,{
label: '签发机关', label: '签发机关',
show: true, show: true,
} }, {
,{
label: '备注', label: '备注',
show: true, show: true,
},{ }, {
label: '订单交易数', label: '订单交易数',
show: true, show: true,
},{ }, {
label: '订单金额', label: '订单金额',
show: true, show: true,
},{ }, {
label: '出境记录', label: '出境记录',
show: true, show: true,
},{ }, {
label: '家庭详细地址 ', label: '家庭详细地址 ',
show: true, show: true,
},{ }, {
label: '出生地点', label: '出生地点',
show: true, show: true,
},{ }, {
label: '经济能力确认', label: '经济能力确认',
show: true, show: true,
},{ }, {
label: '是否推存', label: '是否推存',
show: true, show: true,
} }],
],
CustomerId: 0, CustomerId: 0,
CustomerIdStr: '', CustomerIdStr: '',
transferVisible: false, transferVisible: false,
...@@ -670,32 +469,28 @@ export default { ...@@ -670,32 +469,28 @@ export default {
ID: 36 ID: 36
}, },
total: 0, total: 0,
WhereTypeList: [ WhereTypeList: [{
{
id: -1, id: -1,
name: '全部' name: '全部'
},{ }, {
id: 1, id: 1,
name: '我负责的' name: '我负责的'
},{ }, {
id: 2, id: 2,
name: '下属的' name: '下属的'
},{ }, {
id: 3, id: 3,
name: '我关注的' name: '我关注的'
}, }, ],
], selectionList: [{
selectionList: [
{
name: '转移', name: '转移',
class:'iconfont iconplus-transfer', class: 'iconfont iconplus-transfer',
myFun: this.transfer myFun: this.transfer
},{ }, {
name: '删除', name: '删除',
class:'iconfont icondelete', class: 'iconfont icondelete',
myFun: this.delete myFun: this.delete
}, }, ],
],
sceneList: [], sceneList: [],
SceneEmployeeList: [], SceneEmployeeList: [],
sceneID: 36, sceneID: 36,
...@@ -708,11 +503,11 @@ export default { ...@@ -708,11 +503,11 @@ export default {
this.getList() this.getList()
this.Employee() this.Employee()
let $this = this let $this = this
this.MsgBus.$on('closeCustomerDialogBox', function (){ this.MsgBus.$on('closeCustomerDialogBox', function() {
$this.dialogTableVisible = false $this.dialogTableVisible = false
}) })
this.GetSceneEmployeeList() this.GetSceneEmployeeList()
this.MsgBus.$on('sceneSave', function (msg){ this.MsgBus.$on('sceneSave', function(msg) {
$this.sceneList = [...msg] $this.sceneList = [...msg]
$this.GetSceneEmployeeList() $this.GetSceneEmployeeList()
let obj = {} let obj = {}
...@@ -722,19 +517,20 @@ export default { ...@@ -722,19 +517,20 @@ export default {
$this.msg.Data = obj $this.msg.Data = obj
$this.getList() $this.getList()
}) })
this.MsgBus.$on('editScene', function (){ this.MsgBus.$on('editScene', function() {
console.log(1) console.log(1)
$this.GetSceneEmployeeList() $this.GetSceneEmployeeList()
}) })
},beforeDestroy() { },
beforeDestroy() {
this.MsgBus.$off('sceneSave'); this.MsgBus.$off('sceneSave');
this.MsgBus.$off('editScene'); this.MsgBus.$off('editScene');
}, },
methods: { methods: {
handleCommand(command){ handleCommand(command) {
this.$message.warning('功能正在开发中~'); this.$message.warning('功能正在开发中~');
}, },
changeWhere(item){ changeWhere(item) {
this.msg.ID = item.ID this.msg.ID = item.ID
this.sceneID = item.ID this.sceneID = item.ID
this.msg.Data = item.WhereData ? JSON.parse(item.WhereData) : {} this.msg.Data = item.WhereData ? JSON.parse(item.WhereData) : {}
...@@ -742,14 +538,16 @@ export default { ...@@ -742,14 +538,16 @@ export default {
this.visible = false this.visible = false
this.getList() this.getList()
}, },
GetSceneEmployeeList(){ GetSceneEmployeeList() {
this.apipost('/api/Scene/GetSceneEmployeeList', {LableType: 5}, res=>{ this.apipost('/api/Scene/GetSceneEmployeeList', {
LableType: 5
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.SceneEmployeeList = res.data.data this.SceneEmployeeList = res.data.data
} }
}) })
}, },
deleteScene(index){ deleteScene(index) {
this.sceneList.splice(index, 1) this.sceneList.splice(index, 1)
let obj = {} let obj = {}
this.sceneList.forEach(element => { this.sceneList.forEach(element => {
...@@ -758,7 +556,7 @@ export default { ...@@ -758,7 +556,7 @@ export default {
this.msg.Data = obj this.msg.Data = obj
this.getList() this.getList()
}, },
getMarriageStr(type){ getMarriageStr(type) {
if (type === 5) return '其他' if (type === 5) return '其他'
if (type === 4) return '丧偶' if (type === 4) return '丧偶'
if (type === 3) return '未婚' if (type === 3) return '未婚'
...@@ -766,13 +564,13 @@ export default { ...@@ -766,13 +564,13 @@ export default {
if (type === 1) return '已婚' if (type === 1) return '已婚'
if (type === 0) return '无' if (type === 0) return '无'
}, },
Employee(){ Employee() {
let msg = { let msg = {
RB_Group_id: this.userInfo.RB_Group_id, RB_Group_id: this.userInfo.RB_Group_id,
BranchId:-1, BranchId: -1,
DepartmentId:0, DepartmentId: 0,
PostId:0, PostId: 0,
IsLeave:0, IsLeave: 0,
} }
this.apipost2( this.apipost2(
"admin_get_EmployeeGetList", "admin_get_EmployeeGetList",
...@@ -780,40 +578,41 @@ export default { ...@@ -780,40 +578,41 @@ export default {
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data; this.EmployeeList = res.data.data;
} else { } else {}
}
}, },
err => {} err => {}
); );
}, },
//锁定 //锁定
locking(){ locking() {
console.log('锁定') console.log('锁定')
}, },
//解锁 //解锁
Unlock(){ Unlock() {
console.log('解锁') console.log('解锁')
}, },
//删除团队成员 //删除团队成员
delCust(){ delCust() {
console.log('删除团队成员') console.log('删除团队成员')
}, },
//删除 //删除
delete(){ delete() {
console.log('删除') console.log('删除')
}, },
//导出 //导出
export(){ export () {
console.log('导出') console.log('导出')
}, },
// 更改状态 // 更改状态
changeState(){ changeState() {
console.log('更改状态') console.log('更改状态')
}, },
// 关注 // 关注
CareforCustomer(scope){ CareforCustomer(scope) {
this.apipost('/api/Customer/CareforGuesstCustomer', {ID: scope.row.ID}, res=>{ this.apipost('/api/Customer/CareforGuesstCustomer', {
ID: scope.row.ID
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.$message.success('操作成功'); this.$message.success('操作成功');
this.getList() this.getList()
...@@ -821,7 +620,7 @@ export default { ...@@ -821,7 +620,7 @@ export default {
}) })
}, },
// 转移 // 转移
transfer(type){ transfer(type) {
if (type !== 2) { if (type !== 2) {
if (type === 3) { if (type === 3) {
this.multipleSelection.push(this.CustomerId) this.multipleSelection.push(this.CustomerId)
...@@ -832,11 +631,11 @@ export default { ...@@ -832,11 +631,11 @@ export default {
return this.$message.error('请选择变更负责人！') return this.$message.error('请选择变更负责人！')
} }
let str = '' let str = ''
this.multipleSelection.map((x, i)=>{ this.multipleSelection.map((x, i) => {
str = str + x + ',' str = str + x + ','
}) })
this.transferMsg.IDs = str.substring(0, str.length - 1) this.transferMsg.IDs = str.substring(0, str.length - 1)
this.apipost('/api/Customer/TransferGuesstCustomer', this.transferMsg, res=>{ this.apipost('/api/Customer/TransferGuesstCustomer', this.transferMsg, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.multipleSelection = [] this.multipleSelection = []
this.transferVisible = false this.transferVisible = false
...@@ -854,18 +653,18 @@ export default { ...@@ -854,18 +653,18 @@ export default {
} }
console.log('转移') console.log('转移')
}, },
showMessageFromChild(list){ showMessageFromChild(list) {
this.mySelectCtrl=!this.mySelectCtrl this.mySelectCtrl = !this.mySelectCtrl
if (list) { if (list) {
this.queryType = list this.queryType = list
this.getList() this.getList()
} }
}, },
editCust(){ editCust() {
this.dialogTableVisibleName = '修改直客' this.dialogTableVisibleName = '修改直客'
this.dialogTableVisible = true this.dialogTableVisible = true
}, },
openDetails(scope){ openDetails(scope) {
this.drawer = true this.drawer = true
this.CustomerId = scope.row.ID this.CustomerId = scope.row.ID
this.CustomerName = scope.row.GusetName this.CustomerName = scope.row.GusetName
...@@ -881,16 +680,16 @@ export default { ...@@ -881,16 +680,16 @@ export default {
handleClose(done) { handleClose(done) {
done(); done();
}, },
getList: function (){ getList: function() {
this.tableData = [] this.tableData = []
this.loading = true this.loading = true
this.apipost('/api/Customer/GetGuesstCustomerPageList', this.msg, res=>{ this.apipost('/api/Customer/GetGuesstCustomerPageList', this.msg, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.tableData = res.data.data.pageData; this.tableData = res.data.data.pageData;
this.tableData.map(x=>{ this.tableData.map(x => {
if(x.EconomicCapability){ if (x.EconomicCapability) {
x.EconomicCapability = JSON.parse(x.EconomicCapability)} x.EconomicCapability = JSON.parse(x.EconomicCapability)
else{ } else {
x.EconomicCapability = []; x.EconomicCapability = [];
} }
}) })
...@@ -900,10 +699,10 @@ export default { ...@@ -900,10 +699,10 @@ export default {
}) })
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val.map(x=> this.multipleSelection = val.map(x =>
x.ID x.ID
) )
} }
} }
}; };
</script> </script>
\ No newline at end of file
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