Commit 0d8c20bb authored by 黄奎's avatar 黄奎

页面修改

parent 44ca2cbd
......@@ -220,6 +220,7 @@ export const admin={ //行政
mane:'名前',
admin_group:'グループ名',
admin_company:'会社名',
CompanyTitle:"確認物の台頭",
admin_department:'部署名',
admin_departmentLevel:'部署ランク',
admin_parentdepartment:'上司',
......
......@@ -220,7 +220,7 @@ export const admin={ //行政
mane:'名称',
admin_group:'集团名称',
admin_company:'公司名称',
CompanyTitle:"",
CompanyTitle:"确认件抬头",
admin_department:'部门名称',
admin_departmentLevel:'部门层级',
admin_parentdepartment:'上级部门',
......
......@@ -52,7 +52,7 @@
background: #fff;
padding-top: 20px;
box-sizing: border-box;
overflow: hidden!important;
overflow: hidden !important;
}
......@@ -319,14 +319,39 @@
.page_MyCustomer .upload-demo {
text-align: center;
}
.MycustomerTable th,.MycustomerTable td{
.MycustomerTable th,
.MycustomerTable td {
text-align: left;
padding-left:25px
padding-left: 25px
}
.MyCustomerDetailbottomLayer {
overflow: auto;
position: absolute;
height: 200px;
z-index: 50;
bottom: 0;
left: 0;
border-top: 1px solid #d1d1d1;
background-color: #FFFFFF;
padding: 20px 20px 0;
width: 100%;
}
.MyCustomerDetailbottomLayer>p {
border-left: 3px solid #E95252;
text-indent: 15px;
height: 14px;
font-size: 14px;
margin-bottom: 20px;
line-height: 14px;
color: #000;
}
.MyCustomerDetailbottomLayer .el-form-item__label {
font-size: 12px !important;
}
.MyCustomerDetailbottomLayer{overflow: auto; position:absolute;height:200px;
z-index:50;bottom:0;left: 0;border-top:1px solid #d1d1d1;background-color:#FFFFFF;padding: 20px 20px 0;width: 100%;}
.MyCustomerDetailbottomLayer>p{border-left: 3px solid #E95252; text-indent: 15px; height: 14px; font-size: 14px; margin-bottom:20px; line-height: 14px; color: #000;}
.MyCustomerDetailbottomLayer .el-form-item__label{font-size: 12px!important;}
.MyCustomerDetailbottomLayer .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
......@@ -335,9 +360,11 @@
position: relative;
overflow: hidden;
}
.MyCustomerDetailbottomLayer .avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.MyCustomerDetailbottomLayer .avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
......@@ -346,12 +373,14 @@
line-height: 148px;
text-align: center;
}
.MyCustomerDetailbottomLayer .avatar {
width: 148px;
height: 148px;
display: block;
}
.yichangde{
.yichangde {
display: inline-block;
border-radius: 50%;
color: red;
......@@ -360,8 +389,9 @@
width: 18px;
height: 18px;
text-align: center;
cursor:pointer;
}
cursor: pointer;
}
</style>
<template>
<div class="page_MyCustomer MyCustomerDiv">
......@@ -375,7 +405,8 @@
</li>
<li>
<button class="hollowFixedBtn" @click="getList()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" @click="addShow=true;isOldPerson=false,addLayer1=false">{{$t('salesModule.addCustomer')}}</button>
<button class="normalBtn"
@click="addShow=true;isOldPerson=false,addLayer1=false">{{$t('salesModule.addCustomer')}}</button>
<button class="normalBtn" @click="outerVisible=true">导入</button>
<button class="normalBtn" @click="getDownList">模板下载</button>
</li>
......@@ -413,7 +444,6 @@
<th>所属联盟</th>
<th>优惠券</th>
<th>操作</th>
</tr>
<tr v-for="(item,i) in dataList" :key="i">
<td>
......@@ -431,7 +461,8 @@
<td>{{unionItem.CreateTimestr}}</td>
</tr>
</table>
<span v-show="item.exceptionCount > 0" slot="reference" class="yichangde" @click="yichangde(item)"></span>
<span v-show="item.exceptionCount > 0" slot="reference" class="yichangde"
@click="yichangde(item)"></span>
</el-popover>
</td>
<td>{{item.contactNumber}}</td>
......@@ -445,27 +476,35 @@
<td>
<div @click="goUrl(type,item.customerId,1)">
<p v-if="item.customerVisitList[1]">
<span style="cursor: pointer;text-decoration: underline;">{{item.customerVisitList[1].visitDateTime}}</span></p>
<span
style="cursor: pointer;text-decoration: underline;">{{item.customerVisitList[1].visitDateTime}}</span>
</p>
<p v-else>
<span style="cursor: pointer;text-decoration: underline;">{{$t('pub.noMsg')}}</span></p>
</div>
</td>
<td><span @click="goUrl(type,item.customerId,2)" style="cursor: pointer;text-decoration: underline;">{{item.visiteCount}}</span></td>
<td><span @click="goUrl(type,item.customerId,2)"
style="cursor: pointer;text-decoration: underline;">{{item.visiteCount}}</span></td>
<td>{{item.cL_Balance}}</td>
<td><span @click="goUrl(type,item.customerId,3)" style="cursor: pointer;text-decoration: underline;">{{item.tradeTotal}}</span></td>
<td><span @click="goUrl(type,item.customerId,3)"
style="cursor: pointer;text-decoration: underline;">{{item.tradeTotal}}</span></td>
<td>{{item.inquireCount}}</td>
<td>{{item.allianceName}}</td>
<td><span style="cursor: pointer;text-decoration: underline;" @click.stop="goUrC('CouponsList',item.customerAccountId)">{{item.couponNum}}</span></td>
<td><span style="cursor: pointer;text-decoration: underline;"
@click.stop="goUrC('CouponsList',item.customerAccountId)">{{item.couponNum}}</span></td>
<td>
<el-tooltip class="item" effect="dark" content="编辑" placement="top-start">
<el-button @click.stop="EditMsg(item)" style="padding:4px" type="primary" icon="iconfont icon-bianji" circle></el-button>
<el-button @click.stop="EditMsg(item)" style="padding:4px" type="primary" icon="iconfont icon-bianji"
circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="账户管理" placement="top-start">
<el-button style="padding:4px" @click.stop="goUrlT('empBankAccount',item.customerId)" type="danger" icon="iconfont icon-guanliyuan" circle></el-button>
<el-button style="padding:4px" @click.stop="goUrlT('empBankAccount',item.customerId)" type="danger"
icon="iconfont icon-guanliyuan" circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="交易详情" placement="top-start">
<el-button style="padding:4px" @click.stop="goUrC('CustomerAnalysis',item.customerId)" type="success" icon="iconfont icon-icon-test6" circle></el-button>
<el-button style="padding:4px" @click.stop="goUrC('CustomerAnalysis',item.customerId)" type="success"
icon="iconfont icon-icon-test6" circle></el-button>
</el-tooltip>
</td>
</tr>
......@@ -639,13 +678,10 @@
</el-col>
<el-col :span="6" v-if="updateMsg.customerExceptionList.length > 0">
<el-form-item label="解决异常">
<el-select class='w200' filterable multiple
clearable
collapse-tags v-model='updateMsg.CustomerExceptionIds'>
<el-option v-for='item in updateMsg.customerExceptionList'
:label='item.exceptionName'
:value='item.exceptionId'
:key='item.exceptionId'>
<el-select class='w200' filterable multiple clearable collapse-tags
v-model='updateMsg.CustomerExceptionIds'>
<el-option v-for='item in updateMsg.customerExceptionList' :label='item.exceptionName'
:value='item.exceptionId' :key='item.exceptionId'>
</el-option>
</el-select>
</el-form-item>
......@@ -655,7 +691,8 @@
</el-row>
<el-row :gutter="20" style='margin-top:13px;'>
<el-col :span="24">
<p class="fz12 color333 fbold" style="border: none; margin-bottom: 15px; padding-left: 20px;">需审核信息<span class="colorE95252 fz12 fwnormal">
<p class="fz12 color333 fbold" style="border: none; margin-bottom: 15px; padding-left: 20px;">需审核信息<span
class="colorE95252 fz12 fwnormal">
(编辑门店地址后,客户将重新进入审核流程)
</span>
</p>
......@@ -665,31 +702,22 @@
<el-col :span="12">
<el-form-item label="区域:">
<el-select class='w200' filterable v-model='updateMsg.Province' @change='getCityNew'>
<el-option v-for='item in provinceList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
<el-option v-for='item in provinceList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
<el-select class='w200' filterable v-model='updateMsg.City' @change='getRegionNew'>
<el-option v-for='item in cityList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
<el-option v-for='item in cityList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
<el-select class='w200' filterable v-model='updateMsg.District'>
<el-option v-for='item in regionList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
<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="详细地址:">
<el-input v-model='updateMsg.Address' ></el-input>
<el-input v-model='updateMsg.Address'></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -698,12 +726,8 @@
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="名片照片:">
<el-upload class="avatar-uploader"
action=""
:http-request="uploadImgNew"
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
>
<el-upload class="avatar-uploader" action="" :http-request="uploadImgNew"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="BusinessCardPhotosNew" :src="BusinessCardPhotosNew" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
......@@ -711,12 +735,8 @@
</el-col>
<el-col :span="6">
<el-form-item label="门牌照片:">
<el-upload class="avatar-uploader"
action=""
:http-request="uploadImg1New"
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
>
<el-upload class="avatar-uploader" action="" :http-request="uploadImg1New"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="HousePhotosNew" :src="HousePhotosNew" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
......@@ -724,12 +744,8 @@
</el-col>
<el-col :span="6">
<el-form-item label="营业执照:">
<el-upload class="avatar-uploader"
action=""
:http-request="uploadImg2New"
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
>
<el-upload class="avatar-uploader" action="" :http-request="uploadImg2New"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="ImagesNew" :src="ImagesNew" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
......@@ -738,8 +754,8 @@
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<input type="button" class="normalBtn" value="保存" @click="saveUpdate()"/>
<input type="button" class="hollowFixedBtn" value="取消" @click="addLayer1=false"/>
<input type="button" class="normalBtn" value="保存" @click="saveUpdate()" />
<input type="button" class="hollowFixedBtn" value="取消" @click="addLayer1=false" />
</el-col>
</el-row>
</el-form>
......@@ -751,7 +767,7 @@
export default {
data() {
return {
addLayer1:false,
addLayer1: false,
allowAdd: true,
defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"',
BusinessCardPhotos: '',
......@@ -815,8 +831,7 @@
required: true,
message: this.$t('rule.EnterPNum'),
trigger: "blur"
}
],
}],
brandIds: [{
required: true,
message: this.$t('rule.ChoiceBrand'),
......@@ -870,102 +885,98 @@
zw: [], //职务
khly: [], //客户来源
outerVisible: false,
updateMsg:{
CustomerName:'',
CustomerId:0,
Address:'',
Country:2,
Province:0,
Contact:'',
City:0,
District:0,
HousePhotos:[],
BusinessCardPhotos:[],
Images:[],
updateMsg: {
CustomerName: '',
CustomerId: 0,
Address: '',
Country: 2,
Province: 0,
Contact: '',
City: 0,
District: 0,
HousePhotos: [],
BusinessCardPhotos: [],
Images: [],
customerExceptionList: [],
CustomerExceptionIds: [],
},
cityList:[],
regionList:[],
id:'',
ImagesNew:'',
BusinessCardPhotosNew:'',
HousePhotosNew:'',
cityList: [],
regionList: [],
id: '',
ImagesNew: '',
BusinessCardPhotosNew: '',
HousePhotosNew: '',
CustomerException: [],
JYExceptionList: [],
}
},
methods: {
yichangde(obj){
this.apipost("app_get_GetCustomerException", {customerId: obj.customerId},res => {
yichangde(obj) {
this.apipost("app_get_GetCustomerException", {
customerId: obj.customerId
}, res => {
if (res.data.resultCode == 1) {
this.CustomerException = res.data.data
}
})
},
EditMsg(item){
this.addLayer1=true;
this.id=item.customerId;
EditMsg(item) {
this.addLayer1 = true;
this.id = item.customerId;
this.getMyCustomerInfo();
},
saveUpdate(){
if(this.updateMsg.District=='')
{
this.updateMsg.District=0
saveUpdate() {
if (this.updateMsg.District == '') {
this.updateMsg.District = 0
}
if(this.BusinessCardPhotos)
{ this.updateMsg.BusinessCardPhotos=[]
if (this.BusinessCardPhotos) {
this.updateMsg.BusinessCardPhotos = []
this.updateMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
}
if(this.HousePhotos)
{ this.updateMsg.HousePhotos=[]
if (this.HousePhotos) {
this.updateMsg.HousePhotos = []
this.updateMsg.HousePhotos.push(this.HousePhotos)
}
if(this.Images)
{ this.updateMsg.Images=[]
if (this.Images) {
this.updateMsg.Images = []
this.updateMsg.Images.push(this.Images)
}
let sheng=''
let shi=''
let qu=''
if(this.updateMsg.District=='')
{
this.updateMsg.District=0
let sheng = ''
let shi = ''
let qu = ''
if (this.updateMsg.District == '') {
this.updateMsg.District = 0
}
if(this.updateMsg.City=='')
{
this.updateMsg.City=0
if (this.updateMsg.City == '') {
this.updateMsg.City = 0
}
this.provinceList.forEach(item=>{
if(this.updateMsg.Province==item.ID)
{
sheng=item.Name
this.provinceList.forEach(item => {
if (this.updateMsg.Province == item.ID) {
sheng = item.Name
}
})
this.cityList.forEach(item=>{
if(this.updateMsg.City==item.ID)
{
shi=item.Name
this.cityList.forEach(item => {
if (this.updateMsg.City == item.ID) {
shi = item.Name
}
})
this.regionList.forEach(item=>{
if(this.updateMsg.District==item.ID)
{
qu=item.Name
this.regionList.forEach(item => {
if (this.updateMsg.District == item.ID) {
qu = item.Name
}
})
let AreaName=sheng+shi+qu
this.updateMsg.Address=AreaName+','+this.updateMsg.Address
this.apipost('app_customer_UpdateCustomerAddress',this.updateMsg,res=>{
if(res.data.resultCode==1){
this.addLayer1=false;
let AreaName = sheng + shi + qu
this.updateMsg.Address = AreaName + ',' + this.updateMsg.Address
this.apipost('app_customer_UpdateCustomerAddress', this.updateMsg, res => {
if (res.data.resultCode == 1) {
this.addLayer1 = false;
this.$message.success(res.data.message)
this.getList()
this.addLayer1=false
}else{
this.addLayer1 = false
} else {
this.$message.error(res.data.message)
}
},err=>{})
}, err => {})
},
uploadImgNew(file) {
//上传
......@@ -973,7 +984,7 @@
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => {
this.BusinessCardPhotosNew= this.domainManager().ViittoFileUrl + x.data.FilePath
this.BusinessCardPhotosNew = this.domainManager().ViittoFileUrl + x.data.FilePath
});
},
uploadImg1New(file) {
......@@ -982,7 +993,7 @@
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => {
this.HousePhotosNew= this.domainManager().ViittoFileUrl + x.data.FilePath
this.HousePhotosNew = this.domainManager().ViittoFileUrl + x.data.FilePath
});
},
uploadImg2New(file) {
......@@ -991,13 +1002,15 @@
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => {
this.ImagesNew= this.domainManager().ViittoFileUrl + x.data.FilePath
this.ImagesNew = this.domainManager().ViittoFileUrl + x.data.FilePath
});
},
getMyCustomerInfo(){
this.apipost('app_GetMyCustomerInfo',{customerId:this.id},res=>{
if(res.data.resultCode==1){
let x=res.data.data;
getMyCustomerInfo() {
this.apipost('app_GetMyCustomerInfo', {
customerId: this.id
}, res => {
if (res.data.resultCode == 1) {
let x = res.data.data;
// this.customerInfo=res.data.data
// if(this.customerInfo.address.indexOf(',')!=-1){
// this.customerInfo.address=this.customerInfo.address.split(',')[1]
......@@ -1005,49 +1018,52 @@
// this.customerInfo.address=this.customerInfo.address
// }
// this.contact=res.data.data.contact
this.updateMsg.CustomerName=x.customerName
this.updateMsg.Contact=x.contactName
this.updateMsg.CustomerId=x.customerId
this.updateMsg.Address=x.address.split(',')[1]
this.updateMsg.Province=x.province
this.updateMsg.CustomerName = x.customerName
this.updateMsg.Contact = x.contactName
this.updateMsg.CustomerId = x.customerId
this.updateMsg.Address = x.address.split(',')[1]
this.updateMsg.Province = x.province
this.getCityNew()
this.updateMsg.City=x.city
this.updateMsg.City = x.city
this.getRegionNew()
this.updateMsg.customerExceptionList=x.customerExceptionList
this.updateMsg.customerExceptionList = x.customerExceptionList
this.updateMsg.CustomerExceptionIds = []
this.updateMsg.District=x.district
if(x.businessCardPhotos&&x.businessCardPhotos.length>0)
{
this.BusinessCardPhotos=x.businessCardPhotos[0]
this.updateMsg.District = x.district
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.images && x.images.length > 0) {
this.Images = x.images[0]
}
if(x.housePhotos&&x.housePhotos.length>0)
{
this.HousePhotos=x.housePhotos[0]
if (x.housePhotos && x.housePhotos.length > 0) {
this.HousePhotos = x.housePhotos[0]
}
}else{}
},err=>{})
} else {}
}, err => {})
},
getCityNew(){
this.apipost('app_customer_GetChildList',{Id:this.updateMsg.Province,"level":2},res=>{
if(res.data.resultCode==1){
this.cityList=res.data.data;
getCityNew() {
this.apipost('app_customer_GetChildList', {
Id: this.updateMsg.Province,
"level": 2
}, res => {
if (res.data.resultCode == 1) {
this.cityList = res.data.data;
// this.regionList=[]
// this.updateMsg.City=''
// this.updateMsg.District=''
}
},err=>{})
}, err => {})
},
getRegionNew(){
this.apipost('app_customer_GetChildList',{Id:this.updateMsg.City,"level":3},res=>{
if(res.data.resultCode==1){
this.regionList=res.data.data
getRegionNew() {
this.apipost('app_customer_GetChildList', {
Id: this.updateMsg.City,
"level": 3
}, res => {
if (res.data.resultCode == 1) {
this.regionList = res.data.data
// this.updateMsg.District=''
}
},err=>{})
}, err => {})
},
//导入
getImportFileUrl() {
......@@ -1251,12 +1267,12 @@
}
}, err => {})
},
goUrl(type, id,num) {
goUrl(type, id, num) {
this.$router.push({
name: 'MyCustomerDetail',
query: {
"id": id,
"num":num
"num": num
}
})
},
......
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