Commit e01e7fcf authored by 罗超's avatar 罗超

1、修改下载行程酒店连接问题

2、修改提成管理界面
3、提成新增目的地关联
parent 68b8d462
......@@ -102,7 +102,6 @@
<el-col :span="5" :gutter="20">
<el-form-item label="适用公司:" prop="UsingBranchArray">
<el-select
filterable
multiple
collapse-tags
@change="changeData(1)"
......@@ -122,7 +121,6 @@
<el-col :span="5" :gutter="20">
<el-form-item label="适用线路:" prop="UsingLineArray">
<el-select
filterable
multiple
collapse-tags
@change="changeData(2)"
......@@ -140,6 +138,27 @@
</el-form-item>
</el-col>
<el-col :span="5" :gutter="20">
<el-form-item label="适用目的地:">
<el-select
multiple
collapse-tags
@change="changeData(3)"
v-model="addMsg.UsingDestinationArray"
>
<el-option label="所有目的地" value="-1"></el-option>
<el-option
v-for="(item, index) in desctions"
:label="item.PlaceName"
:value="item.PlaceID.toString()"
:key="index"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" :gutter="20">
<el-form-item label="启用时间:">
<el-date-picker v-model="addMsg.EffectDate" type="date" placeholder="选择启用时间"></el-date-picker>
</el-form-item>
......@@ -289,7 +308,9 @@ export default {
formLoading: false,
searchMsg: {
RB_Group_Id: 0
}
},
desctionsResources:[],
desctions:[]
};
},
methods: {
......@@ -333,8 +354,10 @@ export default {
CommissionVariable: 0,
UsingLineArray: ["-1"],
UsingBranchArray: ["-1"],
UsingDestinationArray:["-1"],
UsingLine: "",
UsingBranch: "",
UsingDestination: "",
EffectDate: null,
RB_Group_Id: this.searchMsg.RB_Group_Id,
BalanceCyc: 1,
......@@ -353,7 +376,17 @@ export default {
} else {
data.UsingLineArray = data.UsingLine.split(",");
data.UsingBranchArray = data.UsingBranch.split(",");
this.desctions=[]
if(data.UsingLine!='-1'){
this.desctionsResources.forEach(x=>{
if(data.UsingLineArray.indexOf(x.LineID.toString())!=-1){
this.desctions.push(x);
}
})
}
this.addMsg = data;
this.addMsg.UsingDestinationArray = data.UsingDestination.split(",");
console.log(this.addMsg)
}
this.changeShow(1);
},
......@@ -364,6 +397,7 @@ export default {
this.formLoading = true;
this.addMsg.UsingLine = this.addMsg.UsingLineArray.join(",");
this.addMsg.UsingBranch = this.addMsg.UsingBranchArray.join(",");
this.addMsg.UsingDestination = this.addMsg.UsingDestinationArray.join(",");
this.apipost("sellcommission_rule_set", this.addMsg, x => {
if (x.data.resultCode == 1) {
this.changeShow(0);
......@@ -540,11 +574,14 @@ export default {
this.isReady = true;
},
changeData(type) {
console.log('111111111111111')
let temp = [];
if (type == 1) {
temp = this.addMsg.UsingBranchArray;
} else if (type == 2) {
temp = this.addMsg.UsingLineArray;
} else if (type == 3) {
temp = this.addMsg.UsingDestinationArray;
}
let len = temp.length;
if (len > 1) {
......@@ -554,6 +591,17 @@ export default {
temp.splice(temp.indexOf("-1"), 1);
}
}
if(type==2 || type==3){
this.desctions=[]
if(type==2)
this.addMsg.UsingDestinationArray=['-1']
this.desctionsResources.forEach(x=>{
if(this.addMsg.UsingLineArray.indexOf(x.LineID.toString())!=-1){
this.desctions.push(x);
}
})
}
},
handleCurrentChanges(val) {
this.pageIndex = val;
......@@ -569,16 +617,10 @@ export default {
},
filterMethod(filters) {
console.log("filter", filters);
this.msg.Alias = filters.Alias;
this.msg.RB_Branch_Id = filters.allName;
this.msg.SettlementType =
filters.Commission.length == 1 ? filters.Commission[0] : 0;
this.msg.HaveContract =
filters.HaveContract.length == 1 ? filters.HaveContract[0] : -1;
this.msg.SigningLine = filters.SigningLine;
this.msg.Accountholder = filters.Accountholder;
this.msg.pageIndex = 1;
this.getList();
this.searchMsg.RuleName = filters.RuleName;
this.searchMsg.UsingBranchArray = filters.BranchName;
this.searchMsg.UsingLineArray = filters.LineName;
this.getData();
},
getCompanyList() {
//获取公司列表
......@@ -619,11 +661,34 @@ export default {
this.tableData = x.data.data;
this.loading = false;
});
},
getDesction(){
this.apipost(
"place_post_GetPageList",
{
LineID:0,
PlaceName:'',
pageIndex:1,
pageSize:5000
},
res => {
if (res.data.resultCode == 1) {
res.data.data.pageData.forEach(x=>{
if(x.IsShow==1)
this.desctionsResources.push(x)
})
//this.desctions=this.desctionsResources
//console.log(this.departmentList)
}
},
err => {}
);
}
},
mounted() {
this.searchMsg.RB_Group_Id = this.addMsg.RB_Group_Id = this.getLocalStorage().RB_Group_id;
this.getCompanyList();
this.getDesction();
Vue.component("table-operation", {
template: `<div style='width:80px;height:40px;background:#fff;text-align:center;position: relative;left:-5px;padding-top: 6px;padding-top:6px;'><el-button type="primary" size='mini' icon="el-icon-edit" circle @click="update(rowData,index)"></el-button><el-button type="danger" size='mini' icon="el-icon-delete" circle @click="deleteRow(rowData,index)"></el-button></div>`,
props: {
......
<template>
<div class="customerTransfer flexOne ">
<div class="query-box" style="border: none;">
<ul style="overflow: initial!important">
<li><span class="fl mt10"><em>部门</em></span>
<treeselect class='w200 fl'
:options="departmentList"
@select='getEmployeeList'
v-model="DepartmentId"
placeholder="不限"
:normalizer="normalizer"
/>
</li>
<li><span><em>销售</em></span>
<el-select filterable v-model='msg.CreateBy'>
<el-option label='不限' value='-1'></el-option>
<el-option v-for='item in employeeList'
:label='item.name'
:value='item.empId'
:key='item.empId'>
</el-option>
</el-select>
</li>
<li><span><em>关键字</em></span>
<el-input v-model='msg.CustomerName' placeholder="请输入门店名称或电话"></el-input>
</li>
<li><input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList()" />
<el-popover width='280' v-model='layerShow' popper-class='pd20' trigger="click">
<div>
<p class="fz12 fbold mt10 color333">转交</p>
<p class="fz12 mt30 color666">
<span>接收人</span>&nbsp;
<el-select filterable class='w180' v-model='RecipientMsg.NewEmployeeId' placeholder="请选择">
<el-option v-for='item in employeeList1'
:label='item.name'
:value='item.empId'
:key='item.empId'>
</el-option>
</el-select>
</p>
<p class="fz12 mt30 color666">
<span class="fl">备注</span>&nbsp;&nbsp;&nbsp;&nbsp;
<el-input type='textarea' v-model='RecipientMsg.Remarks' class='w180'></el-input>
</p>
<p>
<input type="button" @click="save()" class="normalBtn mt30" value="批量转交"/>
</p>
</div>
<input slot="reference" type="button" class="normalBtn" value="批量转交" @click="RecipientMsg.NewEmployeeId='',RecipientMsg.Remarks=''"/>
</el-popover>
</li>
</ul>
</div>
<div class="clearfix"></div>
<div class="_customerTransferTable" :class="addShow==true?'_edHeight':''">
<table class="customerTransferTable mt20" border="0" cellspacing="0" cellpadding="0" v-loading='loading'>
<tr>
<th width="15%">
门店名称
<!--<label><input type="checkbox" v-model="isCkedAll" @click='checkedAll()' style="vertical-align: middle;"/>门店名称</label>-->
</th>
<th width="10%">
联系人
</th>
<th width="15%">联系电话</th>
<th width="20%">地址</th>
<th width="8%">所属销售</th>
<th width="8%">客户状态</th>
<th width="10%">备注</th>
<th width="10%">操作</th>
</tr>
<tr>
<td colspan="8" align="center" v-show='list.length==0'>
暂无数据
</td>
</tr>
<tr v-for='(item,index) in list'>
<td>
<label>
<input :disabled="item.disabled"
type="checkbox"
:value="item.CustomerId"
v-model="customerList"
@change="ckeckedOne" style="vertical-align: middle;"/>{{item.CustomerName}}</label>
</td>
<td>
{{item.Contact}}
</td>
<td><i class="iconfont icon-img_dianhua fz14" style="color:#09D49D;margin-right: 5px;"></i>{{item.ContactNumber}}</td>
<td>{{item.Address}}</td>
<td>{{item.EmName}}</td>
<td>{{valueToWord(item.CustomerStatus)}}</td>
<td>{{item.Remark}}</td>
<td>
<el-tooltip effect="dark" content="转交" placement="top-start">
<el-popover width='280' popper-class='pd20' trigger="click">
<div>
<p class="fz12 fbold mt10 color333">转交</p>
<p class="fz12 mt30 color666">
<span>接收人</span>&nbsp;
<el-select filterable class='w180' v-model='RecipientMsg.NewEmployeeId' placeholder="请选择">
<el-option v-for='item in employeeList1'
:label='item.name'
:value='item.empId'
:key='item.empId'>
</el-option>
</el-select>
</p>
<p class="fz12 mt30 color666">
<span class="fl">备注</span>&nbsp;&nbsp;&nbsp;&nbsp;
<el-input type='textarea' v-model='RecipientMsg.Remarks' class='w180'></el-input>
</p>
<p>
<input type="button" class="normalBtn mt30" @click="save" value="转交"/>
</p>
</div>
<i slot="reference" @click="singeleCked(item)" style="color: #019CED; font-size: 27px; cursor: pointer;" class="iconfont icon-zhuanjiao"></i>
</el-popover>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
<el-button v-if="bossID===1 || bossID===5" type="primary" class="" icon="el-icon-edit" circle @click="updateData(item)"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button v-if="bossID===1 || bossID===5" type="danger" class="" icon="el-icon-delete" circle @click="deletelist(item)"></el-button>
</el-tooltip>
</td>
</tr>
</table>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size=msg.pageSize
:total=total>
</el-pagination>
</div>
<div class="_mc_edit _scrollbar" :class="addShow==true?'edHeightOne':''">
<p class="_tit">新增客户
<span class="fr">
<button class="hollowFixedBtn" type="button" @click="cancelEdit()">{{$t('pub.cancelBtn')}}</button>
<button type="button" class="normalBtn" v-if='allowAdd' @click="saveVisa()">{{$t('pub.saveBtn')}}</button>
</span>
</p>
<el-form class="_info_box clearfix" :model="addMsg" :rules="rules" ref="addMsg" label-width="120px">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="联系电话:" prop="ContactNumber" >
<el-input :disabled="isOldPerson" v-model="addMsg.ContactNumber" @input='searchHistory(addMsg.ContactNumber)' placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="门店名称:" prop="CustomerName">
<el-input :disabled="isOldPerson" v-model="addMsg.CustomerName" placeholder="请输入" maxlength="20"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="联系人:" prop="Contact">
<el-input :disabled="isOldPerson" v-model="addMsg.Contact" placeholder="请输入" maxlength="20"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="地区:">
<el-select filterable v-model='addMsg.Province' @change='getCity'>
<el-option v-for='item in provinceList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
<el-select filterable v-model='addMsg.City' @change='getRegion'>
<el-option v-for='item in cityList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
<el-select filterable v-model='addMsg.District'>
<el-option v-for='item in regionList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="详细地址:" prop="Address">
<el-input v-model="addMsg.Address" placeholder="请输入,精准到门牌号码" maxlength="50" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!--<el-col :span="6">-->
<!--<el-form-item label="所属品牌:" prop="brandIds">-->
<!--<el-select filterable class='multiple_input' multiple v-model='addMsg.brandIds' :placeholder="$t('pub.pleaseSel')">-->
<!--<el-option v-for='item in CustomerBrandList'-->
<!--:label='item.name'-->
<!--:value='item.id'-->
<!--:key='item.id'>-->
<!--</el-option>-->
<!--</el-select>-->
<!--</el-form-item>-->
<!--</el-col>-->
<el-col :span="6">
<el-form-item label="职务:" prop="Duty">
<el-select filterable v-model='addMsg.Duty' :placeholder="$t('pub.pleaseSel')">
<el-option v-for='item in zw'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="经营场所:" prop="Premises">
<el-select filterable v-model='addMsg.Premises' :placeholder="$t('pub.pleaseSel')">
<el-option v-for='item in jycs'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="客户来源:" prop="CustomerSourceType">
<el-select filterable v-model='addMsg.CustomerSourceType' :placeholder="$t('pub.pleaseSel')">
<el-option v-for='item in khly'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="18">
<el-form-item label="备注:" prop="Remark">
<el-input v-model="addMsg.Remark" type="textarea" maxlength="500"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="客户来源信息:" prop="remark" v-show='addMsg.CustomerSourceType==6'>
<el-input v-model="addMsg.CustomerSource" maxlength="20"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="名片照片:">
<el-upload class="avatar-uploader"
action=""
:http-request="uploadImg"
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
>
<img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="门牌照片:">
<el-upload class="avatar-uploader"
action=""
:http-request="uploadImg1"
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
<div class="customerTransfer flexOne">
<div class="query-box" style="border: none;">
<ul style="overflow: initial!important">
<li>
<span class="fl mt10">
<em>部门</em>
</span>
<treeselect
class="w200 fl"
:options="departmentList"
@select="getEmployeeList"
v-model="DepartmentId"
placeholder="不限"
:normalizer="normalizer"
/>
</li>
<li>
<span>
<em>销售</em>
</span>
<el-select filterable v-model="msg.CreateBy">
<el-option label="不限" value="-1"></el-option>
<el-option
v-for="item in employeeList"
:label="item.name"
:value="item.empId"
:key="item.empId"
></el-option>
</el-select>
</li>
<li>
<span>
<em>关键字</em>
</span>
<el-input v-model="msg.CustomerName" placeholder="请输入门店名称或电话"></el-input>
</li>
<li>
<input
type="button"
class="hollowFixedBtn"
value="查询"
@click="resetPageIndex(),getList()"
>
<el-popover width="280" v-model="layerShow" popper-class="pd20" trigger="click">
<div>
<p class="fz12 fbold mt10 color333">转交</p>
<p class="fz12 mt30 color666">
<span>接收人</span>&nbsp;
<el-select
filterable
class="w180"
v-model="RecipientMsg.NewEmployeeId"
placeholder="请选择"
>
<img v-if="HousePhotos" :src="HousePhotos" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="营业照片:">
<el-upload class="avatar-uploader"
action=""
:http-request="uploadImg2"
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
>
<img v-if="Images" :src="Images" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="6">
</el-col>
</el-row>
</el-form>
</div>
</div>
<el-option
v-for="item in employeeList1"
:label="item.name"
:value="item.empId"
:key="item.empId"
></el-option>
</el-select>
</p>
<p class="fz12 mt30 color666">
<span class="fl">备注</span>&nbsp;&nbsp;&nbsp;&nbsp;
<el-input type="textarea" v-model="RecipientMsg.Remarks" class="w180"></el-input>
</p>
<p>
<input type="button" @click="save()" class="normalBtn mt30" value="批量转交">
</p>
</div>
<input
slot="reference"
type="button"
class="normalBtn"
value="批量转交"
@click="RecipientMsg.NewEmployeeId='',RecipientMsg.Remarks=''"
>
</el-popover>
</li>
</ul>
</div>
<div class="clearfix"></div>
<div class="_customerTransferTable" :class="addShow==true?'_edHeight':''">
<table
class="customerTransferTable mt20"
border="0"
cellspacing="0"
cellpadding="0"
v-loading="loading"
>
<tr>
<th width="15%">门店名称
<!--<label><input type="checkbox" v-model="isCkedAll" @click='checkedAll()' style="vertical-align: middle;"/>门店名称</label>-->
</th>
<th width="10%">联系人</th>
<th width="15%">联系电话</th>
<th width="20%">地址</th>
<th width="8%">所属销售</th>
<th width="8%">客户状态</th>
<th width="10%">备注</th>
<th width="10%">操作</th>
</tr>
<tr>
<td colspan="8" align="center" v-show="list.length==0">暂无数据</td>
</tr>
<tr v-for="(item,index) in list">
<td>
<label>
<input
:disabled="item.disabled"
type="checkbox"
:value="item.CustomerId"
v-model="customerList"
@change="ckeckedOne"
style="vertical-align: middle;"
>
{{item.CustomerName}}
</label>
</td>
<td>{{item.Contact}}</td>
<td>
<i class="iconfont icon-img_dianhua fz14" style="color:#09D49D;margin-right: 5px;"></i>
{{item.ContactNumber}}
</td>
<td>{{item.Address}}</td>
<td>{{item.EmName}}</td>
<td>{{valueToWord(item.CustomerStatus)}}</td>
<td>{{item.Remark}}</td>
<td>
<el-tooltip effect="dark" content="转交" placement="top-start">
<el-popover width="280" popper-class="pd20" trigger="click">
<div>
<p class="fz12 fbold mt10 color333">转交</p>
<p class="fz12 mt30 color666">
<span>接收人</span>&nbsp;
<el-select
filterable
class="w180"
v-model="RecipientMsg.NewEmployeeId"
placeholder="请选择"
>
<el-option
v-for="item in employeeList1"
:label="item.name"
:value="item.empId"
:key="item.empId"
></el-option>
</el-select>
</p>
<p class="fz12 mt30 color666">
<span class="fl">备注</span>&nbsp;&nbsp;&nbsp;&nbsp;
<el-input type="textarea" v-model="RecipientMsg.Remarks" class="w180"></el-input>
</p>
<p>
<input type="button" class="normalBtn mt30" @click="save" value="转交">
</p>
</div>
<i
slot="reference"
@click="singeleCked(item)"
style="color: #019CED; font-size: 27px; cursor: pointer;"
class="iconfont icon-zhuanjiao"
></i>
</el-popover>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="$t('system.table_edit')"
placement="top-start"
>
<el-button
v-if="bossID===1 || bossID===5"
type="primary"
class
icon="el-icon-edit"
circle
@click="updateData(item)"
></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="$t('system.table_delete')"
placement="top-start"
>
<el-button
v-if="bossID===1 || bossID===5"
type="danger"
class
icon="el-icon-delete"
circle
@click="deletelist(item)"
></el-button>
</el-tooltip>
</td>
</tr>
</table>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize"
:total="total"
></el-pagination>
</div>
<div class="_mc_edit _scrollbar" :class="addShow==true?'edHeightOne':''">
<p class="_tit">
新增客户
<span class="fr">
<button class="hollowFixedBtn" type="button" @click="cancelEdit()">{{$t('pub.cancelBtn')}}</button>
<button
type="button"
class="normalBtn"
v-if="allowAdd"
@click="saveVisa()"
>{{$t('pub.saveBtn')}}</button>
</span>
</p>
<el-form
class="_info_box clearfix"
:model="addMsg"
:rules="rules"
ref="addMsg"
label-width="120px"
>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="联系电话:" prop="ContactNumber">
<el-input
:disabled="isOldPerson"
v-model="addMsg.ContactNumber"
@input="searchHistory(addMsg.ContactNumber)"
placeholder="请输入"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="门店名称:" prop="CustomerName">
<el-input
:disabled="isOldPerson"
v-model="addMsg.CustomerName"
placeholder="请输入"
maxlength="20"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="联系人:" prop="Contact">
<el-input
:disabled="isOldPerson"
v-model="addMsg.Contact"
placeholder="请输入"
maxlength="20"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6"></el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="地区:">
<el-select filterable v-model="addMsg.Province" @change="getCity">
<el-option
v-for="item in provinceList"
:label="item.Name"
:value="item.ID"
:key="item.ID"
></el-option>
</el-select>
<el-select filterable v-model="addMsg.City" @change="getRegion">
<el-option
v-for="item in cityList"
:label="item.Name"
:value="item.ID"
:key="item.ID"
></el-option>
</el-select>
<el-select filterable v-model="addMsg.District">
<el-option
v-for="item in regionList"
:label="item.Name"
:value="item.ID"
:key="item.ID"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="详细地址:" prop="Address">
<el-input v-model="addMsg.Address" placeholder="请输入,精准到门牌号码" maxlength="50"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!--<el-col :span="6">-->
<!--<el-form-item label="所属品牌:" prop="brandIds">-->
<!--<el-select filterable class='multiple_input' multiple v-model='addMsg.brandIds' :placeholder="$t('pub.pleaseSel')">-->
<!--<el-option v-for='item in CustomerBrandList'-->
<!--:label='item.name'-->
<!--:value='item.id'-->
<!--:key='item.id'>-->
<!--</el-option>-->
<!--</el-select>-->
<!--</el-form-item>-->
<!--</el-col>-->
<el-col :span="6">
<el-form-item label="职务:" prop="Duty">
<el-select filterable v-model="addMsg.Duty" :placeholder="$t('pub.pleaseSel')">
<el-option v-for="item in zw" :label="item.Name" :value="item.ID" :key="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="经营场所:" prop="Premises">
<el-select filterable v-model="addMsg.Premises" :placeholder="$t('pub.pleaseSel')">
<el-option v-for="item in jycs" :label="item.Name" :value="item.ID" :key="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="客户来源:" prop="CustomerSourceType">
<el-select
filterable
v-model="addMsg.CustomerSourceType"
:placeholder="$t('pub.pleaseSel')"
>
<el-option v-for="item in khly" :label="item.Name" :value="item.ID" :key="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="18">
<el-form-item label="备注:" prop="Remark">
<el-input v-model="addMsg.Remark" type="textarea" maxlength="500"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="客户来源信息:" prop="remark" v-show="addMsg.CustomerSourceType==6">
<el-input v-model="addMsg.CustomerSource" maxlength="20"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="名片照片:">
<el-upload
class="avatar-uploader"
action
:http-request="uploadImg"
accept="image/jpeg, image/gif, image/png, image/bmp"
:show-file-list="false"
>
<img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="门牌照片:">
<el-upload
class="avatar-uploader"
action
:http-request="uploadImg1"
accept="image/jpeg, image/gif, image/png, image/bmp"
:show-file-list="false"
>
<img v-if="HousePhotos" :src="HousePhotos" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="营业照片:">
<el-upload
class="avatar-uploader"
action
:http-request="uploadImg2"
accept="image/jpeg, image/gif, image/png, image/bmp"
:show-file-list="false"
>
<img v-if="Images" :src="Images" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
components: { Treeselect },
data(){
return{
normalizer(node) {
return {
id: node.DepartmentId,
label: node.DepartmentName,
children: node.ChildList,
}
},
DepartmentId:null,
isSelLayer:false,
layerShow:false,
msg:{
pageIndex:1,
pageSize:15,
CustomerName:'',
CreateBy:'-1',
DepartmentId:'-1',
},
RecipientMsg:{
CustomerIdArr:[],
NewEmployeeId:'',
Remarks:'',
},
departmentMsg: {
RB_Group_Id: '0',
RB_Branch_Id:'0',
Status:'0',
ParentId:'-1',
Tier:'0',
},
employeeMsg: {
RB_Group_id:'0',
RB_Branch_id:'-1',
departmentId:'0',
IsLeave:'0',
},
isCkedAll:false,
addShow: false,
customerListAll:[],
customerList:[],
allLength:0,
loading:false,
currentPage:1,
total:0,
list:[],
CreateByInfoList:[],
RecipientInfoList:[],
departmentList: [],
allowAdd:true,
employeeList:[],
addMsg:{
CustomerId:0,
CustomerName:'',
Contact:'',
ContactNumber:'',
Address:'',
brandIds:[],
remark:'',
Duty:'',
Premises:'',
CustomerId:'0',
BusinessCardPhotos:[],
HousePhotos:[],
Images:[],
CustomerSourceType:'',
CustomerSource:'',
Country:'2',
Province:'',
City:'',
District:'',
},
defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"',
BusinessCardPhotos:'',
HousePhotos:'',
Images:'',
isOldPerson:false,
CustomerBrandList:[],
provinceList:[],
cityList:[],
regionList:[],
jycs:[], //经营场所
zw:[], //职务
khly:[],
addMsgS:{
isPreFilled:true,
customerInfo:{},
customerVisit:{
remark:'',
expectVisitDateTime:'',
expectHour:0
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
components: { Treeselect },
data() {
return {
normalizer(node) {
return {
id: node.DepartmentId,
label: node.DepartmentName,
children: node.ChildList
};
},
DepartmentId: null,
isSelLayer: false,
layerShow: false,
msg: {
pageIndex: 1,
pageSize: 15,
CustomerName: "",
CreateBy: "-1",
DepartmentId: "-1"
},
RecipientMsg: {
CustomerIdArr: [],
NewEmployeeId: "",
Remarks: ""
},
departmentMsg: {
RB_Group_Id: "0",
RB_Branch_Id: "0",
Status: "0",
ParentId: "-1",
Tier: "0"
},
employeeMsg: {
RB_Group_id: "0",
RB_Branch_id: "-1",
departmentId: "0",
IsLeave: "0"
},
isCkedAll: false,
addShow: false,
customerListAll: [],
customerList: [],
allLength: 0,
loading: false,
currentPage: 1,
total: 0,
list: [],
CreateByInfoList: [],
RecipientInfoList: [],
departmentList: [],
allowAdd: true,
employeeList: [],
addMsg: {
CustomerId: 0,
CustomerName: "",
Contact: "",
ContactNumber: "",
Address: "",
brandIds: [],
remark: "",
Duty: "",
Premises: "",
CustomerId: "0",
BusinessCardPhotos: [],
HousePhotos: [],
Images: [],
CustomerSourceType: "",
CustomerSource: "",
Country: "2",
Province: "",
City: "",
District: ""
},
defaultImg:
'this.src="' + require("../../assets/img/litheader.png") + '"',
BusinessCardPhotos: "",
HousePhotos: "",
Images: "",
isOldPerson: false,
CustomerBrandList: [],
provinceList: [],
cityList: [],
regionList: [],
jycs: [], //经营场所
zw: [], //职务
khly: [],
addMsgS: {
isPreFilled: true,
customerInfo: {},
customerVisit: {
remark: "",
expectVisitDateTime: "",
expectHour: 0
}
},
bossID: "",
rules: {
Contact: [{ required: true, message: "请输入联系人", trigger: "blur" }],
CustomerName: [
{ required: true, message: "请输入客户名", trigger: "blur" }
],
ContactNumber: [
{ required: true, message: "请输入联系电话", trigger: "blur" },
{
pattern: this.$commonUtils.Regex.el_ISphone,
message: "请输入正确的电话"
}
],
brandIds: [
{ required: true, message: "请选择所属品牌", trigger: "change" }
],
Duty: [{ required: true, message: "请选择职务", trigger: "change" }],
remark: [{ required: false, message: "请选择职务", trigger: "change" }],
Premises: [
{ required: true, message: "请选择经营场所", trigger: "change" }
],
CustomerSourceType: [
{ required: true, message: "请选择经客户来源", trigger: "change" }
],
CustomerName: [
{ required: true, message: "请输入客户名", trigger: "blur" }
],
Address: [{ required: true, message: "请输入地址", trigger: "blur" }]
},
employeeList1: []
};
},
methods: {
updateData: function(obj) {
this.apipost(
"app_customer_GetLeaderCustomerInfo",
{ customerId: obj.CustomerIdS },
res => {
if (res.data.resultCode == 1) {
let data = res.data.data;
console.log(data);
let Address = data.Address.split(",");
this.addMsg = data;
this.addMsg.Address = Address[1];
this.$message.success(res.data.message);
this.addShow = true;
this.getCity1();
this.getRegion1();
} else {
this.$message.success(res.data.message);
}
},
null
);
},
deletelist: function(obj) {
this.$confirm("是否删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.apipost(
"app_customer_LeaderRemove",
{ ID: obj.CustomerIdS, saleID: obj.EmployeeId },
res => {
if (res.data.resultCode == 1) {
this.$message.success("删除成功!");
this.getList();
}
},
bossID:'',
rules:{
Contact:[{required: true, message: "请输入联系人", trigger: "blur"}],
CustomerName:[{required: true, message: "请输入客户名", trigger: "blur"}],
ContactNumber:[
{required: true, message: "请输入联系电话", trigger: "blur"},
{ pattern: this.$commonUtils.Regex.el_ISphone, message: "请输入正确的电话" }
],
brandIds:[{required: true, message: "请选择所属品牌", trigger: "change"}],
Duty:[{required: true, message: "请选择职务", trigger: "change"}],
remark:[{required: false, message: "请选择职务", trigger: "change"}],
Premises:[{required: true, message: "请选择经营场所", trigger: "change"}],
CustomerSourceType:[{required: true, message: "请选择经客户来源", trigger: "change"}],
CustomerName:[{required: true, message: "请输入客户名", trigger: "blur"}],
Address:[{required: true, message: "请输入地址", trigger: "blur"}],
},
employeeList1:[]
}
},
methods:{
updateData: function (obj) {
this.apipost('app_customer_GetLeaderCustomerInfo', {customerId:obj.CustomerIdS}, res=>{
if (res.data.resultCode==1) {
let data = res.data.data;
console.log(data)
let Address = data.Address.split(',')
this.addMsg = data;
this.addMsg.Address = Address[1]
this.$message.success(res.data.message);
this.addShow = true;
err => {}
);
})
.catch(() => {
this.$message.info("已取消删除!");
});
},
saveVisa() {
// 保存
if (this.addMsg.District == "") {
this.addMsg.District = 0;
}
this.addMsgS.customerInfo = this.addMsg;
if (this.BusinessCardPhotos) {
this.addMsg.BusinessCardPhotos = [];
this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos);
}
if (this.HousePhotos) {
this.addMsg.HousePhotos = [];
this.addMsg.HousePhotos.push(this.HousePhotos);
}
if (this.Images) {
this.addMsg.Images = [];
this.addMsg.Images.push(this.Images);
}
let sheng = "";
let shi = "";
let qu = "";
if (this.addMsg.District == "") {
this.addMsg.District = 0;
}
if (this.addMsg.City == "") {
this.addMsg.City = 0;
}
this.provinceList.forEach(item => {
if (this.addMsg.Province == item.ID) {
sheng = item.Name;
}
});
this.cityList.forEach(item => {
if (this.addMsg.City == item.ID) {
shi = item.Name;
}
});
this.regionList.forEach(item => {
if (this.addMsg.District == item.ID) {
qu = item.Name;
}
});
let AreaName = sheng + shi + qu;
this.addMsg.address = AreaName + "," + this.addMsg.Address;
this.apipost(
"app_customer_LeaderUpdateCustomer",
this.addMsgS,
res => {
if (res.data.resultCode == 1) {
this.addMsg = {
CustomerName: "",
Contact: "",
ContactNumber: "",
Address: "",
brandIds: [],
remark: "",
Duty: "",
Premises: "",
CustomerId: "0",
BusinessCardPhotos: [],
HousePhotos: [],
Images: [],
CustomerSourceType: "",
CustomerSource: "",
Country: "2",
Province: "",
City: "",
District: ""
};
this.addMsgS.customerVisit.expectVisitDateTime = "";
this.$message.success(res.data.message);
this.addShow = false;
this.getList();
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
uploadImg(file) {
//上传
let newArr = [];
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.uploadFile(path, newArr, x => {
this.BusinessCardPhotos = x.res.requestUrls[0].split("?")[0];
});
},
uploadImg1(file) {
//上传
let newArr = [];
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.uploadFile(path, newArr, x => {
this.HousePhotos = x.res.requestUrls[0].split("?")[0];
});
},
uploadImg2(file) {
//上传
let newArr = [];
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.uploadFile(path, newArr, x => {
this.Images = x.res.requestUrls[0].split("?")[0];
});
},
getJycs() {
this.apipost(
"app_today_visit_GetCustomerPremisesEnum",
{},
res => {
if (res.data.resultCode == 1) {
this.jycs = res.data.data;
}
},
err => {}
);
},
getZw() {
this.apipost(
"app_today_visit_GetCustomerDutyEnum",
{},
res => {
if (res.data.resultCode == 1) {
this.zw = res.data.data;
}
},
err => {}
);
},
getKhly() {
this.apipost(
"app_customer_GetCustomerSourceEnum",
{},
res => {
if (res.data.resultCode == 1) {
this.khly = res.data.data;
}
},
err => {}
);
},
getProvince() {
this.apipost(
"app_customer_GetAreaChildList",
{ Id: 2, level: 1 },
res => {
if (res.data.resultCode == 1) {
this.provinceList = res.data.data;
}
},
err => {}
);
},
getCity() {
this.apipost(
"app_customer_GetAreaChildList",
{ Id: this.addMsg.Province, level: 2 },
res => {
if (res.data.resultCode == 1) {
this.cityList = res.data.data;
this.regionList = [];
this.addMsg.City = "";
this.addMsg.District = "";
}
},
err => {}
);
},
getRegion() {
this.apipost(
"app_customer_GetAreaChildList",
{ Id: this.addMsg.City, level: 3 },
res => {
if (res.data.resultCode == 1) {
this.regionList = res.data.data;
this.addMsg.District = "";
}
},
err => {}
);
},
getCity1() {
this.apipost(
"app_customer_GetAreaChildList",
{ Id: this.addMsg.Province, level: 2 },
res => {
if (res.data.resultCode == 1) {
this.cityList = res.data.data;
}
},
err => {}
);
},
getRegion1() {
this.apipost(
"app_customer_GetAreaChildList",
{ Id: this.addMsg.City, level: 3 },
res => {
if (res.data.resultCode == 1) {
this.regionList = res.data.data;
}
},
err => {}
);
},
searchHistory(val) {
if (val.length == 11) {
this.apipost(
"app_customer_GetCustomerByContactNumber",
{ ContactNumber: val },
res => {
if (res.data.resultCode == 1) {
if (res.data.data.customerInfo.customerId > 0) {
this.isOldPerson = true;
let x = res.data.data.customerInfo;
console.log(res.data.data);
this.addMsg = x;
this.addMsg.Province = x.province;
this.addMsg.customerId = x.customerId;
this.getCity1();
this.addMsg.City = x.city;
this.getRegion1();
} else {
this.$message.success(res.data.message);
}
}, null)
},
deletelist: function (obj) {
this.$confirm('是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apipost('app_customer_LeaderRemove',{ID:obj.CustomerIdS,saleID:obj.EmployeeId},res=>{
if(res.data.resultCode==1){
this.$message.success('删除成功!');
this.getList()
this.addMsg.District = x.district;
this.addMsg.Duty = x.duty;
this.addMsg.Premises = x.premises;
this.addMsg.CustomerSourceType = x.customerSourceType;
let dictid = [];
res.data.data.brandList.forEach(x => {
dictid.push(x.dictId);
});
this.addMsg.brandIds = dictid;
if (x.businessCardPhotos && x.businessCardPhotos.length > 0) {
this.BusinessCardPhotos = x.businessCardPhotos[0];
}
},err=>{})
}).catch(() => {
this.$message.info('已取消删除!');
});
},
saveVisa(){ // 保存
if(this.addMsg.District=='')
{
this.addMsg.District=0
}
this.addMsgS.customerInfo = this.addMsg
if(this.BusinessCardPhotos)
{ this.addMsg.BusinessCardPhotos=[]
this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
}
if(this.HousePhotos)
{ this.addMsg.HousePhotos=[]
this.addMsg.HousePhotos.push(this.HousePhotos)
}
if(this.Images)
{ this.addMsg.Images=[]
this.addMsg.Images.push(this.Images)
}
let sheng=''
let shi=''
let qu=''
if(this.addMsg.District=='')
{
this.addMsg.District=0
}
if(this.addMsg.City=='')
{
this.addMsg.City=0
}
this.provinceList.forEach(item=>{
if(this.addMsg.Province==item.ID)
{
sheng=item.Name
}
})
this.cityList.forEach(item=>{
if(this.addMsg.City==item.ID)
{
shi=item.Name
}
})
this.regionList.forEach(item=>{
if(this.addMsg.District==item.ID)
{
qu=item.Name
}
})
let AreaName=sheng+shi+qu
this.addMsg.address=AreaName+','+this.addMsg.Address
this.apipost('app_customer_LeaderUpdateCustomer',this.addMsgS,res=>{
if(res.data.resultCode==1){
this.addMsg={
CustomerName:'',
Contact:'',
ContactNumber:'',
Address:'',
brandIds:[],
remark:'',
Duty:'',
Premises:'',
CustomerId:'0',
BusinessCardPhotos:[],
HousePhotos:[],
Images:[],
CustomerSourceType:'',
CustomerSource:'',
Country:'2',
Province:'',
City:'',
District:'',
if (x.images && x.images.length > 0) {
this.Images = x.images[0];
}
if (x.housePhotos && x.housePhotos.length > 0) {
this.HousePhotos = x.housePhotos[0];
}
this.addMsgS.customerVisit.expectVisitDateTime =''
this.$message.success(res.data.message)
this.addShow=false
this.getList()
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
uploadImg(file) {
//上传
let newArr = [];
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.uploadFile(path, newArr, x => {
this.BusinessCardPhotos=x.res.requestUrls[0].split("?")[0]
});
},
uploadImg1(file) {
//上传
let newArr = [];
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.uploadFile(path, newArr, x => {
this.HousePhotos=x.res.requestUrls[0].split("?")[0]
});
},
uploadImg2(file) {
//上传
let newArr = [];
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.uploadFile(path, newArr, x => {
this.Images=x.res.requestUrls[0].split("?")[0]
});
},
getJycs(){
this.apipost('app_today_visit_GetCustomerPremisesEnum',{},res=>{
if(res.data.resultCode==1){
this.jycs=res.data.data
}
},err=>{})
},
getZw(){
this.apipost('app_today_visit_GetCustomerDutyEnum',{},res=>{
if(res.data.resultCode==1){
this.zw=res.data.data
}
},err=>{})
},
getKhly(){
this.apipost('app_customer_GetCustomerSourceEnum',{},res=>{
if(res.data.resultCode==1){
this.khly=res.data.data
}
},err=>{})
},
getProvince(){
this.apipost('app_customer_GetAreaChildList',{Id:2,"level":1},res=>{
if(res.data.resultCode==1){
this.provinceList=res.data.data
}
},err=>{})
},
getCity(){
this.apipost('app_customer_GetAreaChildList',{Id:this.addMsg.Province,"level":2},res=>{
if(res.data.resultCode==1){
this.cityList=res.data.data
this.regionList=[]
this.addMsg.City=''
this.addMsg.District=''
}
},err=>{})
},
getRegion(){
this.apipost('app_customer_GetAreaChildList',{Id:this.addMsg.City,"level":3},res=>{
if(res.data.resultCode==1){
this.regionList=res.data.data
this.addMsg.District=''
}
},err=>{})
},
getCity1(){
this.apipost('app_customer_GetAreaChildList',{Id:this.addMsg.Province,"level":2},res=>{
if(res.data.resultCode==1){
this.cityList=res.data.data
}
},err=>{})
},
getRegion1(){
this.apipost('app_customer_GetAreaChildList',{Id:this.addMsg.City,"level":3},res=>{
if(res.data.resultCode==1){
this.regionList=res.data.data
this.allowAdd = true;
} else {
if (res.data.message.indexOf("已注册客户信息") != -1) {
this.allowAdd = false;
}
},err=>{})
},
searchHistory(val){
if(val.length==11){
this.apipost('app_customer_GetCustomerByContactNumber',{ContactNumber:val},res=>{
if(res.data.resultCode==1){
if(res.data.data.customerInfo.customerId>0)
{
this.isOldPerson=true
let x=res.data.data.customerInfo
console.log(res.data.data)
this.addMsg=x
this.addMsg.Province=x.province
this.addMsg.customerId=x.customerId
this.getCity1()
this.addMsg.City=x.city
this.getRegion1()
this.addMsg.District=x.district
this.addMsg.Duty=x.duty
this.addMsg.Premises=x.premises
this.addMsg.CustomerSourceType=x.customerSourceType
let dictid=[]
res.data.data.brandList.forEach(x=>{
dictid.push(x.dictId)
})
this.addMsg.brandIds=dictid
if(x.businessCardPhotos&&x.businessCardPhotos.length>0)
{
this.BusinessCardPhotos=x.businessCardPhotos[0]
}
if(x.images&&x.images.length>0)
{
this.Images=x.images[0]
}
if(x.housePhotos&&x.housePhotos.length>0)
{
this.HousePhotos=x.housePhotos[0]
}
}
this.allowAdd=true
}else{
if(res.data.message.indexOf('已注册客户信息')!=-1)
{
this.allowAdd=false
}
this.$message.error(res.data.message)
}
},err=>{})
}else{}
},
valueToWord(val){
if(val==0)
return '未拜访'
if(val==1)
return '已沟通'
if(val==2)
return '审核通过'
if(val==3)
return '审核拒绝'
},
checkedAll() { //全选
if(this.isCkedAll == true) {
this.customerList = []
} else {
this.customerListAll.forEach(item => {
this.customerList.push(item)
})
}
},
ckeckedOne() { //单选
if(this.customerList.length>0)
{
let dpId=this.customerList[0].split('|')[2]
this.employeeMsg.departmentId=dpId
this.isSelLayer=true
this.getEmployee()
this.list.forEach(item=>{
if(item.RB_Department_Id!=dpId){
item.disabled=true
}
})
}else{
this.isSelLayer=false
this.employeeList1=[]
this.list.forEach(item=>{
item.disabled=false
})
}
},
singeleCked(obj){
console.log(obj)
this.isSelLayer=true
this.customerList = []
this.customerList.push(obj.CustomerId)
this.employeeMsg.departmentId=obj.RB_Department_Id
this.getEmployee()
this.ckeckedOne()
this.RecipientMsg.NewEmployeeId=''
this.RecipientMsg.Remarks=''
},
save(){
this.RecipientMsg.CustomerIdArr=[]
this.customerList.forEach(item=>{
this.RecipientMsg.CustomerIdArr.push(item)
})
if(this.RecipientMsg.NewEmployeeId=='')
{
this.$message.error('请选择转交人')
return
}
this.apipost('app_customer_SetCustomerCareOfBatch',this.RecipientMsg,res=>{
if(res.data.resultCode==1){
this.$message.success(res.data.message)
this.getList()
this.RecipientMsg.NewEmployeeId=''
this.RecipientMsg.Remarks=''
this.layerShow=false
this.customerList = []
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
getList(){
this.loading=true
this.apipost('app_customer_GetCustomerListForCareOf',this.msg,res=>{
if(res.data.resultCode==1){
this.loading=false
this.allLength=res.data.data.pageData.length
this.customerListAll=[]
res.data.data.pageData.forEach(item=>{
this.customerListAll.push(item.CustomerId)
item.CustomerIdS = item.CustomerId
item.CustomerId=item.CustomerId+'|'+item.EmployeeId+'|'+item.RB_Department_Id
item['disabled']=false
item.Address=item.Address.split(',').join('')
})
this.list=res.data.data.pageData
this.total=res.data.data.count
}else{
this.$message.error(res.data.message)
this.loading=false
}
},err=>{})
},
getDepartment(){
this.apipost('Advertising_get_GetNowDepartmentAndSubordinate',{},res=>{
if(res.data.resultCode==1){
this.departmentList=res.data.data
//console.log(this.departmentList)
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
getEmployeeList(node,id){
this.isSelLayer=false
this.msg.CreateBy='-1'
this.msg.DepartmentId=this.employeeMsg.departmentId=node.DepartmentId
this.getEmployee()
},
getEmployee() {
this.employeeMsg.departmentId=0
this.employeeMsg.RB_Group_id=this.getLocalStorage().RB_Group_id
this.employeeMsg.RB_Branch_id=-1
this.apipost('app_get_company_employee', this.employeeMsg, res => {
if(res.data.resultCode == 1) {
if(!this.isSelLayer)
{
this.employeeList = res.data.data;
}else{
this.employeeList1 = res.data.data;
}
}
}, err => {})
},
getCreateByInfoList(){
this.apipost('app_customer_GetDepartmentEmployee',this.msg,res=>{
if(res.data.resultCode==1){
this.CreateByInfoList=res.data.data.leaveList
this.RecipientInfoList=res.data.data.noLeaveList
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList()
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1
},
cancelEdit(){ // 取消新增
this.addShow=false
this.addMsg={
CustomerName:'',
Contact:'',
ContactNumber:'',
Address:'',
remark:'',
brandIds:[],
this.$message.error(res.data.message);
}
this.BusinessCardPhotos='',
this.HousePhotos='',
this.Images='',
this.addMsgS.customerVisit.expectVisitDateTime =''
this.resetForm('addMsg')
},
resetForm(formName) { // 重置表单
this.$refs[formName].resetFields();
},
},
err => {}
);
} else {
}
},
valueToWord(val) {
if (val == 0) return "未拜访";
if (val == 1) return "已沟通";
if (val == 2) return "审核通过";
if (val == 3) return "审核拒绝";
},
checkedAll() {
//全选
if (this.isCkedAll == true) {
this.customerList = [];
} else {
this.customerListAll.forEach(item => {
this.customerList.push(item);
});
}
},
ckeckedOne() {
//单选
if (this.customerList.length > 0) {
let dpId = this.customerList[0].split("|")[2];
this.employeeMsg.departmentId = dpId;
this.isSelLayer = true;
this.getEmployee();
this.list.forEach(item => {
if (item.RB_Department_Id != dpId) {
item.disabled = true;
}
});
} else {
this.isSelLayer = false;
this.employeeList1 = [];
this.list.forEach(item => {
item.disabled = false;
});
}
},
singeleCked(obj) {
console.log(obj);
this.isSelLayer = true;
this.customerList = [];
this.customerList.push(obj.CustomerId);
this.employeeMsg.departmentId = obj.RB_Department_Id;
this.getEmployee();
this.ckeckedOne();
this.RecipientMsg.NewEmployeeId = "";
this.RecipientMsg.Remarks = "";
},
save() {
this.RecipientMsg.CustomerIdArr = [];
this.customerList.forEach(item => {
this.RecipientMsg.CustomerIdArr.push(item);
});
if (this.RecipientMsg.NewEmployeeId == "") {
this.$message.error("请选择转交人");
return;
}
this.apipost(
"app_customer_SetCustomerCareOfBatch",
this.RecipientMsg,
res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.getList();
this.RecipientMsg.NewEmployeeId = "";
this.RecipientMsg.Remarks = "";
this.layerShow = false;
this.customerList = [];
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getList() {
this.loading = true;
this.apipost(
"app_customer_GetCustomerListForCareOf",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.loading = false;
this.allLength = res.data.data.pageData.length;
this.customerListAll = [];
res.data.data.pageData.forEach(item => {
this.customerListAll.push(item.CustomerId);
item.CustomerIdS = item.CustomerId;
item.CustomerId =
item.CustomerId +
"|" +
item.EmployeeId +
"|" +
item.RB_Department_Id;
item["disabled"] = false;
item.Address = item.Address.split(",").join("");
});
this.list = res.data.data.pageData;
this.total = res.data.data.count;
} else {
this.$message.error(res.data.message);
this.loading = false;
}
},
err => {}
);
},
getDepartment() {
this.apipost(
"Advertising_get_GetNowDepartmentAndSubordinate",
{},
res => {
if (res.data.resultCode == 1) {
this.departmentList = res.data.data;
//console.log(this.departmentList)
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getEmployeeList(node, id) {
this.isSelLayer = false;
this.msg.CreateBy = "-1";
this.msg.DepartmentId = this.employeeMsg.departmentId = node.DepartmentId;
this.getEmployee();
},
getEmployee() {
this.employeeMsg.departmentId = 0;
this.employeeMsg.RB_Group_id = this.getLocalStorage().RB_Group_id;
this.employeeMsg.RB_Branch_id = -1;
this.apipost(
"app_get_company_employee",
this.employeeMsg,
res => {
if (res.data.resultCode == 1) {
if (!this.isSelLayer) {
this.employeeList = res.data.data;
} else {
this.employeeList1 = res.data.data;
}
}
},
err => {}
);
},
getCreateByInfoList() {
this.apipost(
"app_customer_GetDepartmentEmployee",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.CreateByInfoList = res.data.data.leaveList;
this.RecipientInfoList = res.data.data.noLeaveList;
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
cancelEdit() {
// 取消新增
this.addShow = false;
this.addMsg = {
CustomerName: "",
Contact: "",
ContactNumber: "",
Address: "",
remark: "",
brandIds: []
};
(this.BusinessCardPhotos = ""),
(this.HousePhotos = ""),
(this.Images = ""),
(this.addMsgS.customerVisit.expectVisitDateTime = "");
this.resetForm("addMsg");
},
resetForm(formName) {
// 重置表单
this.$refs[formName].resetFields();
}
},
mounted(){
let userInfo = this.getLocalStorage();
this.bossID = userInfo.EmployeeId;
this.departmentMsg.RB_Group_Id = userInfo.RB_Group_id; //集团
this.getDepartment()
this.getEmployee()
this.getList()
this.getCreateByInfoList()
this.getProvince()
this.getJycs()
this.getZw()
this.getKhly()
},
}
mounted() {
let userInfo = this.getLocalStorage();
this.bossID = userInfo.EmployeeId;
this.departmentMsg.RB_Group_Id = userInfo.RB_Group_id; //集团
this.getDepartment();
this.getEmployee();
this.getList();
this.getCreateByInfoList();
this.getProvince();
this.getJycs();
this.getZw();
this.getKhly();
}
};
</script>
<style>
.customerTransferTable{width: 100%; font-size:14px; color: #333;border: 1px solid #DCDCDC; box-sizing: border-box; border-bottom: none; border-right: none;}
.customerTransferTable tr th{background: #DCDCDC;height:30px; font-size: 12px; text-align: left; text-indent: 25px;}
.customerTransferTable tr{text-align: left;}
.customerTransferTable tr:nth-child(2n){background:#F2F2F2;}
.customerTransferTable tr:nth-child(2n+1){background:#FFFFFF;}
.customerTransferTable tr:hover{background:#D0D2D9;}
.customerTransferTable tr td{height: 40px; padding-left:25px; border-bottom:1px solid #DCDCDC; font-size: 14px; color: #333; border-right: 1px solid #DCDCDC;}
.pd20{padding: 12px 20px !important; }
.el-popper[x-placement^=bottom]{margin-top: 0px !important;}
.el-popper[x-placement^=top]{margin-bottom: 0px !important;}
.customerTransferTable .el-button {
position: relative;
top: -5px;
}
.customerTransferTable .el-button+.el-button{
margin: 0;
}
.customerTransfer ._mc_edit{overflow: auto;display: none;position:absolute;
z-index: 50; bottom:0;left: 0;border-top:3px solid #38425d;background-color:#f9f9f9; padding: 10px;width: 100%;min-width: 1146px;}
.customerTransfer ._mc_edit ._tit{padding-left: 10px;border-left: 3px solid #E95252; font-size: 16px; font-family: 'PingFangSc-Fine'; color: #000000}
.customerTransfer ._mc_edit ._info_box ul._form li{float: left;}
.customerTransfer .edHeightOne{display: block!important;height: 450px;}
.customerTransfer ._edHeight{height:340px;}
.customerTransfer ._remark textarea{resize: none;width: 646px;height: 100px}
.customerTransfer .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.customerTransfer .avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.customerTransfer .avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 148px;
height: 148px;
line-height: 148px;
text-align: center;
}
.customerTransfer .avatar {
width: 148px;
height: 148px;
display: block;
}
.customerTransferTable {
width: 100%;
font-size: 14px;
color: #333;
border: 1px solid #dcdcdc;
box-sizing: border-box;
border-bottom: none;
border-right: none;
}
.customerTransferTable tr th {
background: #dcdcdc;
height: 30px;
font-size: 12px;
text-align: left;
text-indent: 25px;
}
.customerTransferTable tr {
text-align: left;
}
.customerTransferTable tr:nth-child(2n) {
background: #f2f2f2;
}
.customerTransferTable tr:nth-child(2n + 1) {
background: #ffffff;
}
.customerTransferTable tr:hover {
background: #d0d2d9;
}
.customerTransferTable tr td {
height: 40px;
padding-left: 25px;
border-bottom: 1px solid #dcdcdc;
font-size: 14px;
color: #333;
border-right: 1px solid #dcdcdc;
}
.pd20 {
padding: 12px 20px !important;
}
.el-popper[x-placement^="bottom"] {
margin-top: 0px !important;
}
.el-popper[x-placement^="top"] {
margin-bottom: 0px !important;
}
.customerTransferTable .el-button {
position: relative;
top: -5px;
}
.customerTransferTable .el-button + .el-button {
margin: 0;
}
.customerTransfer ._mc_edit {
overflow: auto;
display: none;
position: absolute;
z-index: 50;
bottom: 0;
left: 0;
border-top: 3px solid #38425d;
background-color: #f9f9f9;
padding: 10px;
width: 100%;
min-width: 1146px;
}
.customerTransfer ._mc_edit ._tit {
padding-left: 10px;
border-left: 3px solid #e95252;
font-size: 16px;
font-family: "PingFangSc-Fine";
color: #000000;
}
.customerTransfer ._mc_edit ._info_box ul._form li {
float: left;
}
.customerTransfer .edHeightOne {
display: block !important;
height: 450px;
}
.customerTransfer ._edHeight {
height: 340px;
}
.customerTransfer ._remark textarea {
resize: none;
width: 646px;
height: 100px;
}
.customerTransfer .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.customerTransfer .avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.customerTransfer .avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 148px;
height: 148px;
line-height: 148px;
text-align: center;
}
.customerTransfer .avatar {
width: 148px;
height: 148px;
display: block;
}
</style>
......@@ -104,8 +104,8 @@
"sellcommission_SetGenerateCommission",msg,
res => {
if(res.data.resultCode==1){
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
this.getList();
this.Success('报表生成成功')
}else{
this.Error(res.data.message);
}
......
......@@ -144,6 +144,9 @@ export default {
},
goUrl(url) {
if(url!=null&&url.length>0){
if(url.indexOf('http://')==-1 || url.indexOf('https://')==-1){
url='http://'+url;
}
window.open(url, "_blank");
}
}
......
......@@ -146,6 +146,9 @@ export default {
},
goUrl(url) {
if(url!=null&&url.length>0){
if(url.indexOf('http://')==-1 || url.indexOf('https://')==-1){
url='http://'+url;
}
window.open(url, "_blank");
}
}
......
......@@ -116,6 +116,9 @@ export default {
},
goUrl(url) {
if(url!=null&&url.length>0){
if(url.indexOf('http://')==-1 || url.indexOf('https://')==-1){
url='http://'+url;
}
window.open(url, "_blank");
}
}
......
......@@ -184,6 +184,9 @@ export default {
},
goUrl(url) {
if(url!=null&&url.length>0){
if(url.indexOf('http://')==-1 || url.indexOf('https://')==-1){
url='http://'+url;
}
window.open(url, "_blank");
}
}
......
......@@ -113,6 +113,9 @@ export default {
},
goUrl(url) {
if(url!=null&&url.length>0){
if(url.indexOf('http://')==-1 || url.indexOf('https://')==-1){
url='http://'+url;
}
window.open(url, "_blank");
}
}
......
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